2011-08-04 62 views
19

对HTML5的<article>标签读取an article正确的用法,我真的觉得我最大的困惑是在本节的第一个问题:HTML5 - 的<article>标签

使用<article>提供了更多的语义的内容。相比之下<section>只是相关内容块,并<div>仅仅是内容的块...要决定这三个要素是合适的,选择第一个合适的选择:

  1. 会内容将使意义在饲料读者自己?如果是这样,请使用<article>
  2. 内容是否相关?如果是这样,请使用<section>
  3. 最后,如果没有语义关系,使用<div>

所以我想我的问题是真的:在Feed阅读器属于什么类型的内容?

回答

6

W3C规范留下了很多开放的解释,最终归结于作者的意见。下面是一个简短的问题形式答案:

什么是你想要在页面上分享的主要重要内容?

这里有几个例子:

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

这是作者的判断,他们想要走多远。大多数博客作者都为他们的文章提供RSS源,但其他博客作者可能也会提供评论和共享链接。

很多人都写过这个话题。欲了解更多信息,我强烈建议阅读:

17

该规范回答了这个很清楚:

文章元素表示 文档,页面,应用程序或网站自包含的成分,那就是,在原则上, 独立分发或重复使用,例如在联合。这 可能是一个论坛的帖子,一本杂志或报纸上的文章,博客条目, 用户提交的评论,一个互动的小部件或小工具,或中的任意内容 其他独立项目。

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

+1

即您认为是您网页上的独立内容项目 – Maple

+1

问题出在“独立”一词。例如,用户提交的博客文章评论可以只是说“是的,我也是”。被认为是独立的?我相信它可以,并且使用文章元素是合适的,但不难看出其他人可能会得出结论,认为它不是独立的。 – Alohci

+1

同意。我认为像这些微妙的标记决定是您作为开发人员在个案基础上作出的选择。人们对标准的解释总是会有所不同,根据你对标准的理解,你应该选择你认为最好的。 – Maple

7

你提出了一个很好的理由,是的规范也相当明确界定<article>作为内容的聚合,值得收藏。我看到它的方式,您的文章将成为撰写的博客文章 - 您作为网站的内容编写者产生的内容。虽然对该部分的评论与文章有关,但实际上并不属于文章的范围,应该将其放入<section>中的另一个区块,可以是非语义<div>或简单地<p>,也可以是display:block。这是设计师的一个决定,取决于他们如何在语义上评估评论的价值。

别忘了,你有<aside>标签,这几乎是解说量身定做,无论是从作者或读者。

4

大多数订阅用户可以使用多种类型的内容,它可以用于包括复制,图像,视频等饲料您将包括在您的网站是不断重复或包括多种版本的内容。问答网站将提供新问题。视频分享网站会提供新视频。软件评论网站将提供新软件或新评论。

我建议您考虑一下您的内容的典型用户想要在其阅读器中轻松找到哪些内容。您可以定义供稿阅读器中包含哪些类型的内容。

2

Feed阅读器,在一般情况下,应该包含新闻的列表。看看http://google.com/elections/ - 这是一个feed阅读器可能包含的东西的一个很好的例子。重要的部分是所有的故事都是独立的,理论上根本不需要关联。

0

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找到更多的信息。