我有一个由各种“部分”组成的页面,如视频,新闻提要等。我有点困惑如何用HTML5表示这些。目前我有他们作为HTML5 <节>s,但进一步检查,看起来他们更正确的标签将是<文章>。有人能给我解释一下吗?

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

编辑:我选择使用文章标签,因为它似乎是一个容器标签的不相关的元素,我猜我的“部分”是。然而,实际的标签名称文章似乎很有误导性,尽管他们说HTML5的开发更多地考虑了web应用程序,但我发现很多标签更以博客为中心/基于文档。

无论如何,谢谢你的回答,这似乎是相当主观的。


当前回答

部分

使用它来定义布局的一个部分。可以是中间,左边,右边 等. . 这有一个与其他元素联系的意思,简单地说,它是依赖的。

文章

在你有独立内容的时候使用这个方法。 Article有其完整的含义。

其他回答

在关于构建HTML5的W3 wiki页面中,它说:

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

然后显示我清理过的图像:

它还描述了如何使用<article>标签(来自上面的同一个W3链接):

<article> is related to <section>, but is distinctly different. Whereas <section> is for grouping distinct sections of content or functionality, <article> is for containing related individual standalone pieces of content, such as individual blog posts, videos, images or news items. Think of it this way - if you have a number of items of content, each of which would be suitable for reading on their own, and would make sense to syndicate as separate items in an RSS feed, then <article> is suitable for marking them up. In our example, <section id="main"> contains blog entries. Each blog entry would be suitable for syndicating as an item in an RSS feed, and would make sense when read on its own, out of context, therefore <article> is perfect for them:

<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>

下面的流程图可以帮助您选择各种语义HTML5元素之一:

部分

使用它来定义布局的一个部分。可以是中间,左边,右边 等. . 这有一个与其他元素联系的意思,简单地说,它是依赖的。

文章

在你有独立内容的时候使用这个方法。 Article有其完整的含义。

我的解读是: 我认为YouTube有一个评论区,在评论区里面有很多文章(在这种情况下是评论)。

因此,section就像一个存放文章的div-container。

同样,对于联合的内容,“鼓励作者使用article元素而不是section元素,如果联合元素的内容是有意义的。”