我正在为:
写一个标记将每条推文呈现为文章还是太短,我应该使用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>
答案 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>