HTML5
<!DOCTYPE html><meta charset="utf-8"><header>A header element is intended to usually contain the section’s heading (an h1–h6 element or an hgroup element), but this is not required. The header element can also be used to wrap a section’s table of contents, a search form, or any relevant logos.<header> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </header><article>Inside of the ARTICLE element you can use HEADER and FOOTER elements to separate the content in your article.<article> <header> <h2>Article Title</h2> <p><time pubdate datetime="2010-3-09T14:28-08:00"></time></p> </header> <p>This is the main content of the article that is not in the header or the footer of the article.</p> <footer> <a href="#">Show Comments</a> </footer> </article><section>Think about its (over)use…<article> <hgroup> <h1>Main Title</h1> <h2>Subtitle</h2> </hgroup> <p>This is a description of this main section</p> <section> <h1>Category 1</h1> <p>Description of category 1</p> </section> <section> <h1>Category 2</h1> <p>Description of category 2</p> </section> </article><address>The ADDRESS element is used specifically for contact information. Not just site wide contact information but could be per page or per node. This tag is NOT ONLY for a Physical Address; it can hold other information as well.The address element represents the contact information for its nearest article or body element ancestor. If that is the body element, then the contact information applies to the document as a whole.
<address> <a href="#">Joe Bob</a>, <a href="#">Matt Smith</a>, <a href="#">Contact Info Related to this page</a> </address><footer>The FOOTER element is used specifically for sectioning content at the end of a specific section of content. This tag could be used at the end of an article not just as the main footer for your site.<article> <header> <h1>Post Title</h1> </header> <p>This is the post content</p> <footer> <p>Comments: 8</p> </footer> </article>display: block;In order to use these new tags currently you will need to display them block in your CSS, because the browsers don’t really know how to handle them.header, nav, article, section, footer, figure, aside { display: block; }