Basic structural tags for the body of an html5 document Includes the new <main> tag! Based on HTML5 Bones http://html5bones.com/

html5-body-structure.html

<!--
* Basic structural tags for the body of an html5 document
* Based on HTML5 Bones http://html5bones.com/
-->

<header role="banner">
  <h1>Main Title</h1>
  <nav role="navigation">
    <ul>
      <li><a href="index.html">Home</a></li>
      <li><a href="portfolio.html">Portfolio</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
  </nav>
</header>
<div class="content-wrap"><!-- for styling and layout purposes only -->
  <main role="main">
    <h1>Page Heading</h1>
    <p>Content specific to this page.</p>
  </main>
  <aside role="complementary">
    <p>Generic content such as recent posts, etc., not specific to this page.</p>
  </aside>
</div><!-- /.content-wrap -->
<footer role="contentinfo">
  <small>Copyright &copy; <time datetime="2013">2013</time></small>
</footer>