A Semantic HTML5 DOM

This is a very flexible DOM for structuring Blog Posts and Web Pages. Here is the Gist if you would like to fork and customize it.

<div class='document' role='document'> 
  <section class='header container' role='definition'> 
    <div class='navigation'> 
      <div class='frame'> 
        <header class='logo'> 
          <h1></h1> 
        </header> 
        <nav class='menu' role='directory'> 
          <ul>
            <li>
              <a></a>
            </li>
          </ul>
        </nav>
      </div> 
    </div> 
  </section> 
  <section class='body container hentry' role='main'> 
    <div class='heading' role='heading'> 
      <div class='frame'> 
        <header> 
          <hgroup> 
            <h1 class='entry-title'></h1> 
            <h2 class='entry-summary'></h2> 
          </hgroup> 
        </header> 
      </div> 
    </div> 
    <div class='content'> 
      <div class='frame'> 
        <article class='post left' role='article'> 
          <header class='entry-meta'>
            <cite>By Lance Pollard</cite> 
            <span> |</span> 
            <time class='updated published' datetime='2010-08-02T20:23:00-07:00'>Monday, August 02</time>
            <meter value='5' min='0' max='5' title='rating'>5 stars</meter>
            <meter value='1200' title='page-views'>1200 views</meter>
          </header>
          <div class='entry-content'></div> 
          <footer class='vcard author'> 
            <a class='profile' href='http://www.facebook.com/viatropos'> 
              <img class='photo' src='' /> 
            </a> 
            <address class='info'> 
              <a class='url fn n' href='/'> 
                <span class='given-name'>Lance</span> 
                <span class='family-name'>Pollard</span> 
                <span class='nickname'>(viatropos)</span> 
              </a> 
              <div class='adr'> 
                <span class='locality'>Berkeley</span> 
                <span class='region'>CA</span> 
                <span class='postal-code'>94704</span> 
                <span class='country-name'>United States</span> 
              </div> 
            </address> 
          </footer> 
          <dialog id='comments' role='region'></dialog> 
        </article>
        <aside class='right sidebar' role='complementary'> 
          <article class='widget search' role='search'> 
            <h3>Search</h3> 
            <form id='search-form' method='get' name='search-form'> 
              <fieldset> 
                <input id='search' name='search' type='text' value='' /> 
                <input type='submit' value='search' /> 
              </fieldset> 
            </form> 
          </article> 
        </aside> 
      </div> 
    </div> 
  </section> 
  <section class='footer container' role='contentinfo'> 
    <aside class='bottombar' role='directory'> 
      <div class='frame'> 
        <article class='widget recent-posts'> 
          <h3>From the blog</h3> 
          <div></div>
        </article>
      </div> 
    </aside> 
    <footer> 
      <div class='frame'> 
        <cite role='note'> 
          Copyright
        </cite> 
        <nav class='menu' role='navigation'> 
          <ul> 
            <li> 
              <a></a> 
            </li> 
          </ul> 
        </nav> 
      </div> 
    </footer> 
  </section>
</div>