部分与文章HTML5

我有一个由各种“部分”,如video,新闻源等组成的页面。我有点困惑如何用HTML5来表示这些。 目前我有他们作为HTML5 <section> ,但进一步检查,看起来他们更正确的标签将是<article> 。 任何人都可以为我阐明这一点吗?

这些东西都不是真正意义上的博客文章或“文档”,所以很难看出哪个元素适用。

干杯

编辑:我select使用article标签,因为它似乎是不相关的元素,我猜我的“部分”的容器标签。 然而,实际的标记名文章似乎相当具有误导性,尽pipe他们说HTML5已经被开发出来,并且已经被更多地考虑到了web 应用程序 ,但是我发现很多标签都是以博客为中心/基于文档的。

无论如何感谢您的答案,似乎是相当主观的。

听起来就像你应该在<article>标签和<section>标签中的文章条目中包装每个“部分”(就像你调用它们一样)。

HTML5规范说明(部分):

section元素表示文档或应用程序的通用部分。 在这种情况下,部分是内容的主题分组,通常带有标题。 […]

部分的例子可以是章节,标签对话框中的各种标签页或者论文的编号部分。 一个网站的主页可以分成几个部分介绍,新闻和联系信息。

注意 :鼓励作者使用文章元素而不是段元素,以便合理化元素的内容。

和文章

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

我认为在OP中所谓的“章节”符合文章的定义,因为我可以看到它们是可独立分发或可重用的

更新: HTML 5.1最新编辑草稿中 article一些小的文本更改(斜体更改):

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

另外,在2013年1月和2月期间关于公共HTML邮件列表关于article讨论。

在关于构buildHTML5的W3维基页面中 ,它说:

<section> :用于将不同的文章分组为不同的目的或主题,或者定义单个文章的不同部分。

然后显示我清理的图像 :

在这里输入图像说明

它还介绍了如何使用<article>标记(来自上面的相同W3链接):

<article><section> ,但明显不同。 鉴于<section>用于分组内容或function的不同部分, <article>用于包含相关的单独独立内容片段,例如单个博客文章,video,图像或新闻项目。 这样想 – 如果你有一些内容项目,每一项内容都适合自己阅读,并且在RSS feed中作为单独项目是有意义的,那么<article>适合于标记他们了。

在我们的例子中, <section id="main">包含博客条目。 每个博客条目都适合作为一个RSS提要中的一个条目,并且在自己阅读的时候会很有意义,因此<article>对他们来说是完美的:

 <section id="main"> <article> <!-- first blog post --> </article> <article> <!-- second blog post --> </article> <article> <!-- third blog post --> </article> </section> 

简单吧? 请注意,您也可以在文章中嵌套部分,这样做是有道理的。 例如,如果这些博客文章中的每一个都有不同部分的一致结构,那么您也可以将部分放在文章中。 它可能看起来像这样:

 <article> <section id="introduction"> </section> <section id="content"> </section> <section id="summary"> </section> </article> 

我将使用<article>作为与页面上其他块完全无关的文本块。 另一方面, <section>将是分隔彼此相关的文档的分隔符。

现在,我不确定你的video,新闻源等有什么,但是这里有一个例子(没有真正的对或错,只是我如何使用这些标签的指导方针):

 <article> <h1>People</h1> <p>text about people</p> <section> <h1>fat people</h1> <p>text about fat people</p> </section> <section> <h1>skinny people</p> <p>text about skinny people</p> </section> </article> <article> <h1>Cars</h1> <p>text about cars</p> <section> <h1>Fast Cars</h1> <p>text about fast cars</p> </section> </article> 

正如你所看到的,这些部分仍然是相互关联的,但是只要它们在一个块中就可以将它们分组。 部分不得不在文章内。 它们可以在文档的正文中,但是当整个文档是一篇文章时,我使用正文中的章节。

例如

 <body> <h1>Cars</h1> <p>text about cars</p> <section> <h1>Fast Cars</h1> <p>text about fast cars</p> </section> </body> 

希望这是有道理的。

我喜欢坚持所用文字的标准含义: article适用于文章。 我会将博客post,文档和新闻文章定义为articles 。 另一方面,部分将参考布局/ ux项目:侧边栏,页眉,页脚将部分。 但是,正如你所指出的那样,这些都是我自己的个人解释,这些元素的规范还没有很好的定义。

支持这一点, W3C将article元素定义为可独立独立存在的内容部分。 博客文章可以站在自己的内容作为一个有价值的消耗品。 但是,标题不会。

这里有一篇有趣的文章,关于一个男人疯狂试图区分这两个新的元素。 文章的基本观点,我也觉得是正确的,是尝试使用你觉得最好的东西,实际上代表它所包含的内容。

更有问题的是文章和部分非常相似。 所有分开的都是“独立”这个词。 如果有一些硬性和快速的规则,决定使用哪个元素将是容易的。 相反,这是一个解释的问题。 您可以在一个部分中包含多个文章,您可以在文章中包含多个部分,也可以在部分内的部分和文章中嵌套部分。 在任何情况下,由您决定哪个元素在语义上最适合。

在这里 ,对于同样的问题, 这是一个非常好的答案

部分

  • 使用这个来定义你的布局的一部分。它可以是midleftright等。
  • 这与其他元素有联系,简单来说就是它的依赖。

文章

  • 在你有独立内容的地方使用它,这是独立的。

  • Aeticle有其完整的意义。

一个部分基本上是h1 (或其他h标签)和相应的内容的包装。 article本质上是文档中重复或分页的文档…就像文档上的每个博客post可以是文章,或者每个文档的评论都可以是文章。

另外,对于联合内容“鼓励作者使用文章元素,而不是段元素时,有必要联合元素的内容。

我的解释是:我认为YouTube有一个评论部分,在评论部分有多篇文章(在这里是评论)。

所以一个部分就像一个容器,里面装着物品。

文章和章节都是HTML5的语义元素。 部分是像div一样的块元素,但与我们的网页内容相关。 文章也是块级,但包含与您的网页无关。 如作者信息,广告等。文章和部分都包含标题元素h2-h6。