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

Question

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

<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> 标签嵌套。这是正确的做法吗？

Answer 1

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

<section>s 与此类似，但更用于涵盖在特定页面（也在文章中）处理的一般主题的几个方面。在某些情况下，这两者可以互换，但总的来说，从字面上解释“文章”这个词可以帮助 IMO。