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

Question

我什么时候应该在 HTML5 中使用 <article> 和 <section> 标签？

原文由 happenask 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

<section> 标签：

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

<article> 标签：

文章标签指定独立的、自包含的内容。

一篇文章本身应该有意义，并且应该可以独立于站点的其余部分进行分发。

文章元素的潜在来源：

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

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

如果您愿意，可以在这里阅读更多关于它们的信息：

• http://www.w3schools.com/html/html5_semantic_elements.asp
• http://www.w3schools.com/tags/tag_article.asp
• http://www.w3schools.com/tags/tag_section.asp

原文由 Nick Zuber 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

文章标签

文章标签用于包装页面上的自主内容。如果内容可以从页面中删除并放在其他页面上，则该内容是自主的。

节标签

section 标签类似于div 标签，但它更有意义，因为它包装了相关内容的逻辑组（例如文章的章节）。

有关语义标签的更多信息 - https://www.pluralsight.com/guides/semantic-html

原文由 vijayscode 发布，翻译遵循 CC BY-SA 4.0 许可协议