Question

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

<section>是否属于<article>或者是否相反？它甚至重要吗？

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

Answer 1

来自HTML5 spec：

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

和

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

所以我会说section和article元素都可以包含其他元素（如果适用）。我认为你的图表是有意义的，除了嵌套的section元素：

section元素不是通用容器元素。当为了样式目的而需要一个元素或为了编写脚本时，鼓励作者使用div元素。一般规则是，只有元素的内容在文档大纲中明确列出时，section元素才适用。

也许使用<div>作为外部的一个？

Answer 2

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

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

然后显示我清理过的an image：

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，而div作为内部的div，除非你的内部部分直接有一个标题。

TA

富

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

Answer 4

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

<article> 是一篇文章。人们分享文章。当你说某篇文章时，我会期望它应该有一个标题，也许还有一些摘要，所以我可以决定阅读它。如果它很有趣，我会分享给我的朋友。它是独立的。
<section> 是部分。它是相关事物的部分。基本上，您需要其他部分来全面了解。

为什么你将<section>放在<body>内？ 哦，因为它是身体的一部分;我网站的一部分。我将把我的文章放在这一部分内。

为什么要将<section>放在<section>内？ 因为它是部分的一部分。

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

4 个答案: