Question

What is the best HTML5 element to use when tagging meta data for a blog post?

• Posted by John Doe

  on Dec 12th

  in Design

  Leave a Comment

Answer 1

i would typically put this sort of info in the footer.

<article role="article" class="post" itemscope itemtype="http://microformats.org/profile/hatom">
    <h1 itemprop="entry-title">Title</h1>
    <section itemprop="entry-content">
        ...
    </section>
    <footer role="contentinfo">
        <div itemscope itemtype="http://microformats.org/profile/hcard">
            Posted by <span itemprop="fn">John Doe</span>
        </div>
        on <time itemprop="published" pubdate datetime="2011-12-12">Dec 12th</time>
        in <a rel="tag" href="#">Design</a>
        <a href="#">Leave a Comment</a>
    </footer>
</article>

for more information see:

http://microformats.org/wiki/microdata

http://microformats.org/wiki/hatom

http://www.w3.org/TR/wai-aria/