<section>或<article>，它包含在

Question

尝试理解HTML5中的新语义元素。

<section>是否属于<article>内部，还是相反？这有什么关系吗？

我正在考虑重建一个wordpress博客。

Answer 1

从HTML5 spec

section元素表示通用文档或应用程序节。在此上下文中，节是内容的主题分组，通常具有页眉和可能的页脚。

和

article元素表示文档、页面或站点的独立部分。这可以是论坛帖子、杂志或报纸文章、博客条目、用户提交的评论或任何其他独立的内容项。

所以我认为，如果合适的话，section和article元素都可以包含另一个元素。我认为你的图表是有意义的，除了嵌套的部分元素：

部分元素不是通用容器元素。当需要某个元素来设置样式或方便编写脚本时，鼓励作者改用div元素。一般规则是，只有当元素的内容在文档的大纲中显式列出时，section元素才是合适的。

也许用<div>来做外层的？

Answer 2

在W3 wiki page about structuring HTML5中，它说：

<section>：用于将不同的文章分组到不同的目的或主题中，或者定义单个文章的不同部分。

a用于将不同的文章分为不同的目的或主题，或者定义单个文章的不同部分。

然后显示我清理的an image：

​

​

了解如何使用<article>标记(来自上面的相同W3链接)也很重要：

<article>与<section>相关，但又截然不同。<section>用于对内容或功能的不同部分进行分组，而<article>用于包含相关的独立内容片段，例如单个博客帖子、视频、图像或新闻项目。这样想一想--如果你有一系列的内容，每一项都适合自己阅读，并且在RSS feed中联合成单独的项是有意义的，那么<article>就适合标记它们。

在我们的示例中，<section id="main">包含博客条目。每个博客条目都适合作为RSS feed中的一个项目，并且在独立阅读时也很有意义，因此<article>非常适合它们：

<section id="main">
    <article>
      <!-- first blog post -->
    </article>

    <article>
      <!-- second blog post  -->
    </article>

    <article>
      <!-- third blog post -->
    </article>
</section>

很简单，是吧？但请注意，您也可以在文章中嵌套部分，这样做是有意义的。例如，如果这些博客文章中的每一篇都有一致的不同部分的结构，那么您也可以在文章中放置部分。它可能看起来像这样：

<article>
  <section id="introduction">
  </section>

  <section id="content">
  </section>

  <section id="summary">
  </section>
</article>

Answer 3

我会使用div作为外部的标题，使用div作为内部的标题，除非在内部部分中有直接的标题。

标签

富足

有关详细信息，请参阅http://html5doctor.com/the-section-element/。