语义正确的HTML

更正:

我被纠正了。我在下面链接的规范中没有包含示例,但包含了一个示例 here :

<article>
 <header>
  <h1>Apples</h1>
  <p>Tasty, delicious fruit!</p>
 </header>
 <p>The apple is the pomaceous fruit of the apple tree.</p>
 <section>
  <h1>Red Delicious</h1>
  <p>These bright red apples are the most common found in many
  supermarkets.</p>
 </section>
...
</article>

清楚地表明我最初的解释是不正确的。 HT @塞勒。

综上所述, section 可用于细分,例如以下部分 h1 包括…在内 h1型 .

尽管如此,还是有一定的灵活性 article 。一篇很好的文章,包括该做的和不该做的。

以下是今天早上对我来说有意义的内容:

原件:

你需要关闭 <section> 标签,即:

<section>
.....
</section>

SO上对此有几个问题:

这个问题很接近你 How to correctly use "section" tag in HTML5?

这个解释了应该使用标签的场景 In what scenarios do you use <section> tag of html 5, in place of <div>?

报价来源:

章节的例子可以是章节、选项卡对话框中的各种选项卡页面或论文的编号章节。网站的主页可以分为介绍、新闻和联系信息几个部分

section元素表示通用文档或应用程序部分section元素不是通用容器元素。当需要一个元素来进行样式设计或方便编写脚本时,鼓励作者使用div元素。

所以我的理解是 部分 标记高级别部分,而例如引用中提到的个别新闻项目可以标记为 articles .

编辑: 根据官方规格:

http://dev.w3.org/html5/html-author/#the-section-element

section元素表示通用文档或应用程序部分。在这种情况下,一个部分是一个内容的主题分组,通常有一个页眉和一个页脚。

http://dev.w3.org/html5/html-author/#the-article-element

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

虽然这一点至少对我来说还远不完全清楚,但我想说的是,目的是 部分 高于 article 。我的这一说法也部分基于官方规范的结构 部分 直接坐在身体下面,然后 文章 :

4.3.4 Sections

    4.3.4.1 The body element
    4.3.4.2 The section element
    4.3.4.3 The nav element
    4.3.4.4 The article element
    4.3.4.5 The aside element
    4.3.4.6 The h1, h2, h3, h4, h5, and h6 elements
    4.3.4.7 The header element
    4.3.4.8 The footer element
    4.3.4.9 The address element
    4.3.4.10 Headings and Sections

以下3篇文章对HTML5语义块的使用进行了极好的概述:

• http://html5doctor.com/avoiding-common-html5-mistakes/
• http://html5doctor.com/the-article-element/
• http://html5doctor.com/the-section-element/