推荐的HTML5大纲部分

Question

遵循本指南here。这两者之间的哪一个更适合做HTML5的推荐方式？

“＃1

<h1>Continents</h1>
<section>
    <h1>Europe</h1>
    <section>
        <h1>South Europe</h1>
        <p>...</p>
    </section>
    <section>
        <h1>East Europe</h1>
        <p>...</p>
    </section>
</section>
...

“＃2

<h1>Continents</h1>
<section>
    <h2>Europe</h2>
    <section>
        <h3>Southern Europe</h3>
        <p>...</p>
    </section>
    <section>
        <h3>Eastern Europe</h3>
        <p>...</p>
    </section>
</section>
...

Answer 1

您的两个示例都在语义上完全有效。您可能希望使用后一个示例，因为h1到h6元素的排名（在HTML5规范中this section和this more in-depth section中定义）。

由于此次排名，在h2 中放置section作为开始标记可能意味着该标题对于该部分的重要性不如{{ 1}}元素。但这完全由用户解释（而且，我想，搜索引擎 - 但幸运的是，这不是关于SEO的问题）。

  

4.3.6 h1，h2，h3，h4，h5和h6元素

     

这些元素的等级由其名称中的数字给出。 h1元素被认为具有最高等级，h6元素具有最低等级，并且具有相同名称的两个元素具有相同等级。

  

4.3.10标题和章节

     

切片内容元素中标题内容的第一个元素表示该部分的标题。等级或更高等级的后续标题开始新的（隐含的）部分，较低等级的标题开始隐含的子部分是前一部分的一部分。在这两种情况下，元素代表隐含部分的标题。

无论如何，如果您从h1开始，您可能会有至少5个级别的子部分（h1到h2），而如果您从一个h6您只能有3个h3，h4和h5。