html5中<article>和<section>之间有什么区别

hap*_*ask 18 html5

我何时应该在HTML5中使用<article><section>标记?

Nic*_*ber 13

<section>标签:

section标签定义文档中的部分,例如章节,页眉,页脚或文档的任何其他部分.

<article>标签:

article标签指定独立的自包含内容.

一篇文章本身应该有意义,应该可以独立于网站的其他部分分发它.

文章元素的潜在来源:

  • 论坛帖子
  • 博客文章
  • 新闻故事
  • 评论

基本上这些标签是语义元素,它们之间唯一真正的区别是可读性和设计偏好.

如果您愿意,可以在这里阅读更多相关信息:

  • 这与 React 组件有什么关系?您认为术语“组件”在含义上更接近“文章”或“部分”吗? (2认同)
  • @AlexMcMillan 我认为 React 组件的概念只是不同类型数据的容器。这些 HTML5 标签只是描述数据的语义方式,因此它们与 React 组件无关,而与内容更相关 (2认同)

vij*_*ode 5

文章标签

article 标签用于在页面上包装自主内容。如果内容可以从页面中删除并放在另一个页面上,则该内容是自主的。

部分标签

section 标签类似于 div 标签,但它更有意义,因为它包装了相关内容的逻辑组(例如文章的一章)。

更多关于语义标签 - https://www.pluralsight.com/guides/semantic-html