What Is New About HTML 5?
If you do not adopt free mobile site builder, create professional website or you would like to convert site to mobile uses a sophisticated depth of technical knowledge before you jump the bandwagon. At first glance, with HTML5, the newest elements immediately jump out and command attention. The W3C really paid attention to the community and planned money for hard times when architecting the abundance of latest elements available. We have anything from basic structural elements like <header> and <footer> to others like <canvas> and <audio> that make use of, what seems to be, a very powerful API allowing us the liberty to generate more user-friendly applications while further distancing ourselves from addiction to Flash for saving data and intense animation.
The Newest STRUCTURAL ELEMENTS
<header>The header element contains introductory information with a section or page. This can involve everything from our normal documents headers (branding information) to an entire table of contents.<nav>The nav element is reserved for a bit of an document that contains links to other pages or links to sections of the same page. Don’t assume all link groups must be contained within the <nav> element, just primary navigation.<section>The section element represents a generic document or application section. It acts much the same way a<div>does by separating off a area of the document.<article>This article element represents a percentage of a page which can stand alone for example: your site post, a forum entry, user submitted comments or any independent item of content.<aside>Aside, represents content related to the main area of the document. This is usually expressed in sidebars that includes elements like related posts, tag clouds, etc. They may also be used for pull quotes.<footer>The footer element is for marking the footer of, not simply the present page, but each section within the page. So, it&rsquos very likely that you just&rsquoll use the <footer> element too many times within one page.
Elements like <header> and <footer> aren’t just meant to represent the top and bottom in the current document, in addition they represent the <header> and<footer> of each document section, much how you use <thead> and<tfoot> in data tables.
Whenever you have a look at these new elements, it seems like they&rsquore just replacing our common DIV IDs and you might say, it&rsquos true. But, the diagram below demonstrates elements like <header> and <footer> can be used a few times on one page where they behave a lot more like classes and normal HTML elements used continuously to retain a semantic structure.
Some great benefits of with such structural elements is especially because of the fact actually well defined and offer the best way to semantically structure your document. However, these factors really do need to provide by incorporating careful thought because they are able to, very easily be overused.