HTML5 – 正确使用标签

在< article>上读取 an article HTML5的标签,我真的认为我最大的困惑是在本节的第一个问题:

Using <article> gives more semantic meaning to the content. By contrast <section> is only a block of related content,and <div> is only a block of content… To decide which of these three elements is appropriate,choose the first suitable option:

  1. Would the content would make sense on its own in a Feed reader? If so,use <article>.
  2. Is the content related? If so,use <section>.
  3. Finally,if there’s no semantic relationship,use <div>.

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

解决方法

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

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码