HTML5 - 正确使用<article>标签

Question

阅读文章对<article>HTML5的标签,我真的觉得我最大的困惑是在本节的第一个问题:

使用<article>为内容提供了更多的语义含义.相比之下<section>,只是一个相关内容块,并且<div>只是一个内容块...要确定这三个元素中的哪一个是合适的,请选择第一个合适的选项:

1. 内容在Feed阅读器中是否有意义？如果是这样,请使用<article>.
2. 内容是否相关？如果是这样,请使用<section>.
3. 最后,如果没有语义关系,请使用<div>.

所以我想我的问题是:饲料阅读器中有哪些类型的内容？

Answer 1

规范很清楚地回答了这个问题:

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

请参阅:http://dev.w3.org/html5/spec/Overview.html#the-article-element

Answer 2

你提出了一个很好的论点,是的,规范确实明确定义<article>为一个有联系的内容集合.我看到它的方式,你的文章将是组成的博客文章 - 你作为网站的内容编写者产生的.虽然对该部分的评论与文章有关,但实际上它们并不是文章的一部分,而应该被归入另一个部分<section>,无论是非语义<div>还是简单<p>的display:block集合.这是一个留给设计师的决定,取决于他们如何从语义上评估评论的价值.

还要记住<aside>,无论是作者还是读者,你都有标签,几乎是为评论量身定制的.

Answer 3

W3C规范为解释留下了很多空间,最终归结为作者的观点.以下是一个问题形式的简短答案:

您要在页面上分享的主要重要内容是什么？

这里有一些例子:

• 在这个页面上,每个答案都可以是一篇文章.
• 在flickr上,照片流中显示的每张照片都可以被视为一篇文章.
• 在运球时,页面上显示的每一个镜头都可能是一篇文章.
• 在谷歌上列出的每个搜索结果可能是一篇文章.
• 在博客上每篇文章......每篇文章都可以是一篇文章.
• 在包含文章和一系列评论的博客页面上,您可以有两个主要部分.一篇文章和另一篇文章评论,其中每篇评论都可以被视为文章.

作者可以自行决定他们想走多远.大多数博客作者都有自己的文章的RSS提要,但其他人也可能提供评论和共享链接的提要.

很多人都写过这个主题.有关详细信息,我强烈建议阅读:

• http://html5doctor.com/the-article-element/(你已经分享了这个)
• http://www.impressivewebs.com/html5-section/
• http://www.iandevlin.com/blog/2011/04/html5/html5-section-or-article