何时使用 HTML 部分或文章标签以获得良好的语义结构

When to use HTML section or article tag for a good semantic structure

我在特定页面上有以下结构和内容:

<header>
// Logo
// Site navigation
</header>
<main>
 <article>
  <section>
  // Hero image or video block
  </section>
  <section>
  // Here all kinds of paragraphs are rendered (e.g: Call to action, related video's block to this page, related actors block related to this page etc.
 // All those blocks has their own <section> tag  
  </section>
 </article>
</main>

所以在上面的例子中 <article> 我有 2 个 <section> 标签然后在第二个 <section> 我有更多的 <section> 标签嵌套。这是正确的做法吗?

通常,article 标签会用在博客页面上,用于一个页面上多篇博客文章的集合(即包含多个 <article> 标签),或者用于单个文章页面(即包含 one <article> 标签)。无论如何,一篇文章应该在主题上独立存在,其理解不依赖于文章标签之外的任何其他内容。

<section>s 类似,但用于涵盖特定页面(也在文章中)处理的一般主题的几个方面。在某些情况下,这两者可以互换,但通常从字面上解释“文章”一词可以帮助 IMO。