While most sites are built using HTML4, HTML5 is the up and coming, revised HyperText Mark Up language for building web sites. HTML5 differs from HTML4.0 as it introduces new features and a collection of new markup elements and attributes for web development. These include:
It is planned to add things such as embedded video, audio, client side storage and interactive documents. HTML 5 has also removed redundant tags such as <font> and <center> as these elements can be styled by using CSS. HTML5 adds more precise rules for handling all html elements and errors.
The biggest disadvantage of using HTML5 and the reason it is not currently used in more websites is because it’s not supported by internet explorer. It is only supported by modern browsers such as chrome and mozilla. Until the majority of internet users stop using IE6, HTML5 will not be fully implemented in most websites.
The Creative Project blog offers the latest trends, tutorials and ideas for web design. On this site I found the 15 best HTML5 Resources That Helps You Get Up To Speed that displayed an interesting infographic visually representing the differences of HTML5.0 and flash as well as HTML4.0.
TutsPlus offers examples of HTML5 structure and how it is marked up.
Example of Basic Structure:
There are specific tags for marking up the header, navigation, sidebar and footer.
Example of marking up the navigation:
The nav is marked up in an unordered list we do in HTML4.0. The difference is that it is placed inside of a nav tage.
Example of marking up introduction:
http://html5demos.com/ offers a collection of different HTML 5.0 demos and examples that will help you understand it more clearly
WantList is a site that allows you to search for gifts for a specific type of person. It is single page website that uses endless scrolling and interesting image applications. It has a simple yet compelling design. The products they feature are interactive documents, creating interest to the visitior, hence creating more revenue for the company. The operability is much different from that of a HTML4.0 or XHTML1.0 strict and offers a whole new avenue for web exploration.