遵循本指南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>
...
答案 0 :(得分:0)
您的两个示例都在语义上完全有效。您可能希望使用后一个示例,因为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
。