推荐的HTML5大纲部分

时间:2015-01-20 17:16:17

标签: html5

遵循本指南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>
...

1 个答案:

答案 0 :(得分:0)

您的两个示例都在语义上完全有效。您可能希望使用后一个示例,因为h1h6元素的排名(在HTML5规范中this sectionthis more in-depth section中定义)。

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

  

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

     

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

  

4.3.10标题和章节

     

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

无论如何,如果您从h1开始,您可能会有至少5个级别的子部分(h1h2),而如果您从一个h6您只能有3个h3h4h5