Question

在HTML5的<article>标记上阅读an article，我认为我最大的困惑在于本节的第一个问题：

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


内容在Feed阅读器中是否有意义？如果是，请使用<article>。

内容是否相关？如果是，请使用<section>。

最后，如果没有语义关系，请使用<div>。

所以我猜我的问题确实是：供稿阅读器中有哪些类型的内容？

Answer 1

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

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

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

Answer 2

你提出了一个很好的论据，是的，规范确实明确地将<article>定义为一个有价值的联合内容集合。我看到它的方式，你的文章将是组成的博客文章 - 你作为网站的内容编写者产生的。虽然对该部分的评论与文章有关，但事实上它们并不是文章的一部分，应该降级到<section>中的另一个块，或者是非语义<div>或简单的设置为<p>的{{1}}。这是一个留给设计师的决定，取决于他们如何在语义上评估评论的价值。

请记住，您有display:block标签，无论是作者还是读者，都是为评论量身定做的。

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

Answer 4

大多数Feed阅读器可以处理多种类型的内容，可能包括副本，图片，视频等。您的Feed将包含您网站上重复或包含多个版本的内容。问答网站将提供新问题。视频共享网站将提供新视频。软件评论网站将提供新软件或新评论。

我建议您考虑一下您的内容的典型消费者希望在其Feed阅读器中轻松找到的内容。您可以定义提要阅读器中属于哪种类型的内容。

Answer 5

通常，Feed阅读器应包含故事列表。看看http://google.com/elections/ - 这是饲料阅读器可能包含的一个很好的例子。重要的是，所有的故事都是独立的，理论上根本不需要相关。

Answer 6

The div elements can be replaced with the new elements: header, nav, section, article, aside, and footer.

该文档的标记可能如下所示：

<body>
     <header>...</header>
     <nav>...</nav>
     <article>
          <section>
               ...
          </section>
     </article>
     <aside>...</aside>
     <footer>...</footer>
</body>

您可以在this article on A List Apart中找到更多信息。

HTML5 - 正确使用<article>标签</article>

6 个答案: