<section> 或 <article>，其中包含其中

Question

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

<section>

属于

<article>

内部还是相反？这还重要吗？

我正在考虑重新构建一个 WordPress 博客。

Answer 1

来自 HTML5 规范：

section
元素代表通用文档或应用程序部分。在这种情况下，节是内容的主题分组，通常带有页眉，也可能带有页脚。

和

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

所以我想说

section

和

article

元素都可以包含另一个元素（如果合适的话）。我认为除了嵌套的部分元素之外，您的图表很有意义：

section 元素不是通用容器元素。当出于样式目的或方便编写脚本而需要元素时，鼓励作者改用 div 元素。一般规则是，仅当元素的内容在文档大纲中明确列出时，节元素才适用。

也许可以使用

<div>

作为外部？

Answer 2

在关于构建 HTML5 的 W3 wiki 页面中，它说：

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

然后显示我清理过的：

enter image description here

了解如何使用

<article>

标签（来自上面的同一个 W3 链接）也很重要：

<article>
与
<section>
相关，但又明显不同。而
<section>
用于对内容的不同部分进行分组或功能，
<article>
用于包含相关个人独立的内容，例如个人博客文章、视频、图像或新闻项目。可以这样想——如果你有很多内容项，每一项都适合在其上阅读拥有，并且将其作为 RSS 中的单独项目进行联合是有意义的喂食，然后
<article>
适合标记它们。

在我们的示例中，
<section id="main">
包含博客条目。每个博客条目适合作为 RSS 提要中的项目进行联合，并且脱离上下文单独阅读时会有意义，因此
<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 了解更多信息。

Answer 4

IMOO，它应该很简单，就像普通人认为理所当然的那样简单。如果一个简单的标签名称让人感到困惑，那就是失败的。对我来说：

```
<article>
```
是一篇文章。人们分享文章。当你说某件事是一篇文章时，我希望它应该有一个标题，也许还有一些总结，这样我就可以决定是否阅读它。如果有趣的话，我会分享给我的朋友。它是独立的。
A
```
<section>
```
是一个部分。它是相关事物的一部分。基本上，您需要其他部分才能了解全貌。

为什么要在

<section>

里面放一个
<body>
？哦，因为它是身体的一部分；它是身体的一部分。我网站的一部分。我将把我的文章放在这一部分中。

为什么要将

<section>

放在
<section>
中？因为它是 that 部分的一部分。

<section> 或 <article>，其中包含其中

问题描述投票：0回答：4

4个回答

最新问题

<section> 或 <article>，其中包含其中

问题描述 投票：0回答：4

4个回答

最新问题

问题描述投票：0回答：4