试图了解 HTML5 中的新语义元素。
<section> 是属于 <article> 还是相反？这还重要吗？
我正在考虑重新构建一个 wordpress 博客。
【问题讨论】：
来自HTML5 spec：
section元素表示通用文档或应用程序部分。在这种情况下，部分是内容的主题分组，通常带有页眉，可能还有页脚。
和
article元素表示文档、页面或站点的独立部分。这可以是论坛帖子、杂志或报纸文章、博客条目、用户提交的评论或任何其他独立的内容项目。
所以我想说section 和article 元素都可以包含另一个元素，如果合适的话。我认为您的图表很有意义，除了嵌套的部分元素：
section 元素不是通用容器元素。当需要一个元素来设置样式或方便编写脚本时，鼓励作者改用 div 元素。一般规则是，只有当元素的内容明确地列在文档大纲中时，section 元素才是合适的。
也许使用<div> 作为外部的？
【讨论】：
在W3 wiki page about structuring HTML5 中，它说：
<section>：用于将不同的文章分组到不同的目的或 主题，或定义一篇文章的不同部分。
然后显示我清理的an image：
了解如何使用<article> 标签也很重要（来自上面的同一个 W3 链接）：
<article>与<section>相关，但明显不同。 而<section>用于对不同的内容部分进行分组或 功能，<article>用于包含相关个人 独立的内容片段，例如个人博客文章、视频、 图片或新闻。这样想——如果你有很多 内容项目，每个项目都适合阅读他们的 拥有，并且在 RSS 中作为单独的项目进行联合是有意义的 feed，那么<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>
【讨论】：
我会使用 div 作为外部的，而 div 用于内部的，除非你在内部直接有一个标题。
塔
丰富
请参阅http://html5doctor.com/the-section-element/ 了解更多信息。
【讨论】：
IMOO，它应该很简单，就像普通人认为理所当然的那样简单。如果一个简单的标签名称让人们感到困惑，那就是失败了。对我来说：
<article>是一篇文章。人们分享文章。当你说某事是一篇文章时，我希望它应该有一个标题，也许还有一个小摘要，所以我可以决定是否阅读它。如果觉得有趣，我会分享给我的朋友。它是独立的。
<section> 是一个部分。它是相关事物的一部分。基本上，您将需要其他部分来了解整个情况。
为什么要在<body> 中添加<section>？ 哦，因为它是身体的一部分；我网站的一部分。我要把我的文章放在这部分。
为什么要将<section> 放在<section> 中？因为它是那个部分的一部分。
【讨论】：