在有关构造HTML5的W3 Wiki页面中,它说:
<section>
:用于将不同的文章分为不同的目的或主题,或定义单个文章的不同部分。
然后显示我清理的图像:
它还描述了如何使用<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>
section
的