html - HTML5：文章内文章？

Question

如果我们有一个博客文章列表，例如在这种情况下：http<article> : //www.gamempire.it/news 我认为每篇文章都可以是<h1>，是什么语义标题？一节？

所以，我不知道这样做是否更好：

<section>
  <h1>Novità</h1>
  <article>...</article>
  <article>...</article>
  <article>...</article>
</section>

或者：

<article>
  <h1>Novità</h1>
  <article>...</article>
  <article>...</article>
  <article>...</article>
</article>

Answer 1

就规范而言，<article>是一个分段内容，因此，接受任何流程、分段和可触及的内容（除了<main>），包括其他<article>s.

就语义而言，这取决于：文章是独立的、自包含的作品，可以包含其他文章，只要这些文章也是独立的、自包含的作品，同时又是主要作品的一部分。

当文章元素嵌套时，内部文章元素表示原则上与外部文章内容相关的文章。例如，接受用户提交评论的网站上的博客条目可以将评论表示为嵌套在博客条目的文章元素中的文章元素。

Answer 2

你的第一种方法肯定更好。你应该把你article的 s 放在一个section.

---

查看htlm5doctor上的这两个帖子：

1. 部分

section 元素表示通用文档或应用程序部分……section 元素不是通用容器元素。当一个元素仅用于样式目的或为了方便编写脚本时，鼓励作者使用 div 元素。一般规则是，只有当元素的内容明确地列在文档大纲中时，section 元素才是合适的。

2. 文章

article 元素表示页面的一个组件，该组件由文档、页面、应用程序或站点中的自包含组合组成，并且旨在独立分发或可重复使用，例如在联合中。这可以是论坛帖子、杂志或报纸文章、博客条目、用户提交的评论、交互式小部件或小工具，或任何其他独立的内容项目。

Answer 3

实际上你可以嵌套<article>为<article>

请参阅参考 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article

Answer 4

正确的方法是：

<section>
  <article>...</article>
  <article>...</article>
  <article>...</article>
</section>

因为<section>是指您的网页中可以包含您网站内容的一部分，并且<article>是一段内容。