我应该何时从语义角度使用<article>和<section>？

Question

我不明白。我应该将<article>置于<section>内，还是应将<section>置于<article>内。我什么时候应该使用那些？我搜索了这个主题并找到了一些答案，但不幸的是我不明白。他们所说的只是用于识别可以独立分发或重用的独立，自包含内容的一部分。但实际上“独立，自包含的内容可以独立分发”是什么？

Answer 1

HTML5 <section>元素

元素定义文档中的一个部分。

根据W3C的HTML5文档：＆＃34;一个部分是内容的主题分组，通常带有标题。＆＃34;

网站的主页可以分为几个部分，用于介绍，内容和联系信息。

示例

<section>
  <h1>WWF</h1>
  <p>The World Wide Fund for Nature (WWF) is....</p>
</section>

HTML5 <article>元素

该元素指定独立的自包含内容。

文章本身应该有意义，应该可以从网站的其他部分独立阅读。

可以使用元素的示例：

• 论坛帖子
• 博客文章
• 报纸文章

https://developer.mozilla.org/en-US/docs/Web/HTML/Element