标记博客帖子的元数据时使用的最佳HTML5元素是什么?

时间:2011-06-21 06:51:46

标签: html5

为博客帖子标记元数据时使用的最佳HTML5元素是什么?

  • John Doe发表

    12月12日

    设计中的

    发表评论

enter image description here

1 个答案:

答案 0 :(得分:9)

我通常会将此类信息放在页脚中。

<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>

有关详细信息,请参阅:

http://microformats.org/wiki/microdata

http://microformats.org/wiki/hatom

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