Sample markup for article node content

Article-Node-Content.html

<header class="article-heading">
  <div class="meta">
    <span class="author">by <a href="" class="name" rel="author">Jeff Eaton</a></span><span class="date">on June 20, 2012</span> <a href="" class="short-url">Short URL</a>
  </div><!-- /.meta -->
  <hgroup>
    <h1>Module Monday: Custom Permissions</h1>
    <h2 class="subtitle">Fancy subtitle shows right here just like this when there is one.</h2>
  </hgroup>
  <ul class="social">
    <li><a href="" class="comments">3 Comments</a></li>
    <li><a href="" class="tweets">5 Tweets</a></li>
    <li><a href="" class="share">Share</a></li>
  </ul><!-- /.social -->
</header><!-- /.article-heading -->
<p>Article content goes here ...</p>
<footer>
  <section class="author-info">
    <img class="avatar" src="">
    <hgroup>
      <h2 class="name" class="author">Jeff Eaton</h2>
      <h3 class="position">Senior Architect</h3>
    </hgroup>
    <ul class="author-links">
      <li><a href="">Posts by Jeff Eaton</a></li>
      <li><a href="">Jeff Eaton's Bio</a></li>
      <li><a href="">@eaton on twitter</a></li>
    </ul>
  </section><!-- /.author-info -->
  <article class="related-bits">
    <h3>Related Bits</h3>
    <ul>
      <li><a href="" class="related-link">Link title shows right here</a> <span class="url-reference">from url.whatever</span></li>
      <li><a href="" class="related-link">Link title shows right here</a> <span class="url-reference">from url.whatever</span></li>
      <li><a href="" class="related-link">Link title shows right here</a> <span class="url-reference">from url.whatever</span></li>
    </ul><!-- /.related-bits -->
  </article>
  <div class="topics-tags">
    <section class="topics">
      <h4>Topics:</h4>
      <a href="">Drupal Modules</a>, <a href="">Drupal Development</a>
    </section>
    <section class="tags">
      <h4>Tags:</h4>
      <a href="">Fancy Tag One</a>, <a href="">Fancy Tag Two</a>
    </section>
  </div><!-- /.topics-tags -->
  <div class="comments">
    <h2>Comments</h2>
    <a class="add-comment" href="#comment-form">Add Your Comment</a>
    -- Comments list and form goes here --
  </div><!-- /.comments -->
</footer>