HTML5 - 正确使用 <article> 标签
[英]HTML5 - Correct usage of the <article> tag
问题描述
阅读文章对<article> HTML5的标签，我真的觉得我最大的困惑是在本节的第一个问题：
使用
<article>为内容提供了更多的语义含义。 相比之下，<section>只是一个相关内容块，<div>只是一个内容块...要确定这三个元素中哪一个是合适的，请选择第一个合适的选项：
- 内容在Feed阅读器中是否有意义？ 如果是这样，请使用
<article>。- 内容是否相关？ 如果是这样，请使用
<section>。- 最后，如果没有语义关系，请使用
<div>。
所以我想我的问题是： 饲料阅读器中有哪些类型的内容？
6 个解决方案
解决方案1
17 2011-08-04 23:37:07
规范很清楚地回答了这个问题：
article元素表示文档，页面，应用程序或站点中的自包含组合，并且原则上可独立分发或可重用，例如在联合中。 这可以是论坛帖子，杂志或报纸文章，博客条目，用户提交的评论，交互式小部件或小工具，或任何其他独立的内容项。
请参阅： http ： //dev.w3.org/html5/spec/Overview.html#the-article-element
解决方案2
7 2011-08-16 17:46:05
你提出了一个很好的论据，是的，规范确实明确地将<article>定义为一个有价值的联合内容集合。 我看到它的方式，你的文章将是组成的博客文章 - 你作为网站的内容编写者产生的。 虽然对该部分的评论与文章有关，但事实上它们并不是文章的一部分，应该降级到<section>中的另一个块，要么是非语义<div>要么只是<p> s带display:block集。 这是一个留给设计师的决定，取决于他们如何在语义上评估评论的价值。
还要记住，你有<aside>标签，它几乎是为评论量身定做的，无论是来自作者还是来自读者。
解决方案3
7 已采纳 2012-02-09 03:52:20
W3C规范为解释留下了很多空间，最终归结为作者的观点。 以下是一个问题形式的简短答案：
您要在页面上分享的主要重要内容是什么？
这里有一些例子：
- 在这个页面上， 每个答案都可以是一篇文章。
- 在flickr上， 照片流中显示的每张照片都可以被视为一篇文章。
- 在运球时，页面上显示的每一个镜头都可能是一篇文章。
- 在谷歌上列出的每个搜索结果可能是一篇文章。
- 在博客上每篇文章......每篇文章都可以是一篇文章。
- 在包含文章和一系列评论的博客页面上，您可以有两个主要部分。 一篇文章和另一篇文章评论，其中每篇评论都可以被视为文章。
作者可以自行决定他们想走多远。 大多数博客作者都有自己的文章的RSS提要，但其他人也可能提供评论和共享链接的提要。
很多人都写过这个主题。 有关详细信息，我强烈建议阅读：
解决方案4
4 2011-08-16 19:39:50
大多数Feed阅读器可以处理多种类型的内容，它可能包括副本，图像，视频等。您的遗嘱包括您网站上重复或包含多个版本的内容。 问答网站将提供新问题。 视频共享网站将提供新视频。 软件评论网站将提供新软件或新评论。
我建议考虑一下您的内容的典型消费者希望在他们的Feed阅读器中轻松找到的内容。 您可以定义Feed阅读器中的内容类型。
解决方案5
2 2012-02-09 02:46:56
通常，提要阅读器应包含故事列表。 请参阅http://google.com/elections/ - 这是Feed阅读器可能包含的一个很好的例子。 重要的是，所有的故事都是独立的，理论上根本不需要相关。
解决方案6
0 2014-05-05 08:41:54
该文档的标记可能如下所示：
<body>
<header>...</header>
<nav>...</nav>
<article>
<section>
...
</section>
</article>
<aside>...</aside>
<footer>...</footer>
</body>
您可以在A List Apart上找到有关此文章的更多信息。
HTML5结构 - <article> ， <section> 和 <div> 用法
[英]HTML5 Structure - <article>, <section> and <div> usage
在 HTML5 中正确使用 email 输入：Chrome 浏览器中 email 类型的输入标签的意外值
[英]Correct usage of email inputs in HTML5: Unexpected value of Input tag with email type in Chrome browser
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.