HTML5 greatly simplifies the boilerplate for a html page. As you can see in the code snippet on the right the code is much shorter and much more readable.
Common class and id names such as Header, Footer, Nav and Aside
have all been incorporated as tags in their own right. These tag add no
new special functionality but instead create a uniform naming convention
allowing code to more quickly and more accurately be read by others.
The article element represents a component of a page that consists of a self-contained composition in a document, page, application, or site and that is intended to be independently distributable or reusable, e.g. in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.
The canvas element can be used to draw graphics on the fly with JavaScript.
SVG are defined in XML text files. They can be created and edited with any text editor, but it is often more convenient to create them with drawing programs.
The new specification allow for drag and drop events to be handled natively in the browser. The only addition to the mark-up is set ( draggable="true" ). The interesting part is contained in the JavaScript.
Geolocation is able to find the user’s exact location. It has many uses from finding nearby businesses to routes to destinations. This simple example will merely show you your own position.
Set the contenteditable to true like so, ( contenteditable=true ) and you can freely change the content. Additionally, with local storage your edits can be preserved.
You can edit paragraph tags
And with local storage your edit will be preserved even if you navigate away from the page or close the browser. The reset button will let you return things to the way they once were.