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

Question

我写了一个标记：

像文章一样呈现每条推文是否正确或太短而我应该使用 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>  

Answer 1

真的没关系。WHATWG 对此仍然很模糊。我的问题是h1。这是页面上唯一的东西吗？页面标题是否也是“最近的推文”？如果是这样，你很好。但我觉得这就像一个更大页面上的插件。如果是这样，出于语义/可访问性的原因，请考虑使用较低级别的标签。

Answer 2

是的，每个微博条目都应该是一个article，因为它符合定义：

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

如果需要/适当，您也可以在ul/ （或者，根据上下文， ）中列出它们：ol

<section>
  <h1>Recent tweets</h1>
  <ul>
    <li><article>…&lt;/article></li>
    <li><article>…&lt;/article></li>
    <li><article>…&lt;/article></li>
  </ul>
</section>

如果您想包含元数据（如作者姓名），footer则应使用该元素。那也是你的time元素应该放置的地方。如果作者姓名将链接到可以联系作者的个人资料，address则应使用该元素（因为它与该页面相关联，article而不是与整个页面相关联，这是使用该article元素进行微博条目的另一个原因）。

<article>
  <p>…&lt;/p>
  <footer>
    <time>…&lt;/time>
  </footer>
</article>