文章> p +时间 - 文章是否太短?

时间:2013-02-15 16:47:08

标签: html html5 semantic-markup

我正在为:enter image description here

写一个标记

将每条推文呈现为文章还是太短,我应该使用ul还是别的?

<section>
    <h1>Recent tweets</h1>
    <article>
        <p>I'm looking...</p>
        <time>3 day ago</time>
    </article>
    <article>
        <p>@mediatemple will ...</p>
        <time>6 days ago</time>
    </article>
    <article>
        <p>Corpora Business</p>
        <time>10 days ago</time>
    </article>
</section>  

2 个答案:

答案 0 :(得分:4)

真的没关系。 WHATWG对此仍然很模糊。我的问题是与h1。这是页面上唯一的东西吗?页面标题也是'Recent Tweets'?如果是这样你很好。但我觉得这就像是一个更大页面上的插件。如果是这样,请考虑使用较低级别的标记,以实现语义/可访问性。

答案 1 :(得分:0)

是的,每个微博条目都应该是article,因为它与definition匹配:

  

article元素代表文档,网页,应用程序或网站中的自包含构图,原则上可独立分发或可重复使用,例如在联合。这可以是论坛帖子,杂志或报纸文章,博客条目,用户提交的评论,交互式小部件或小工具,或任何其他独立的内容项

如果需要/适当,您可以在ul /(或者,根据具体情况,ol)列出它们:

<section>
  <h1>Recent tweets</h1>
  <ul>
    <li><article>…</article></li>
    <li><article>…</article></li>
    <li><article>…</article></li>
  </ul>
</section>

如果您想要包含元数据(如作者姓名),则应使用footer元素。这也是你的time元素所在的位置。如果作者姓名链接到可以与作者联系的个人资料,则应使用address元素(因为它与article相关联,而不是整个页面,这是另一个原因。使用article元素进行微博条目。)

<article>
  <p>…</p>
  <footer>
    <time>…</time>
  </footer>
</article>