在HTML5中,使用<section>和<h1>代替<h2> - <h6>是否更好?

rob*_*ord 16 html5

在研究HTML5的新部分标签时,我想知道h1,h2,h3,h4,h5和h6标签的处理......

HTML5规范说"[h1,h2等]元素代表其章节的标题"(http://www.w3.org/TR/html5/sections.html#the-h1-h2-h3-h4- h5-and-h6-elements).此外,在规范的"4.4.11标题和部分"部分中,目前有三个构建关于苹果的文档的示例.

如果我们遵循第一个规范,其中指出标题元素"应该代表其部分的标题",那么第三个苹果示例似乎是正确的结构(即,在每个部分和子部分中使用标题为h1标记).使用这个逻辑似乎很少使用h2,h3,h4,h5和h6标签,如果有的话.

这就是我想知道的:如果实际上它们基本上标记了小节,那么真的应该使用h2,h3,h4,h5或h6标签吗?使用section标签来分隔各个部分是不是更有意义,每个部分都有自己的标题,而不是依赖于h2,h3等来启动隐式部分?("标题和部分"部分还讨论了使用h2,h3等隐含的部分)

也许这是我的关系数据库知识导致偏见,但创建多个带有数字(h 1,h 2,h 3)的标题标签似乎是不好的做法,从技术上讲,它们每个都标题为自己的部分或子部分.

你的想法是什么?

小智 5

似乎规范甚至规定 h1 优先于所有其他:

节可以包含任何级别的标题,但强烈建议作者仅使用 h1 元素,或使用节嵌套级别的适当级别的元素。

然而令我不安的是:

还鼓励作者在分节内容的元素中显式包装各节,而不是依赖于在分节内容的一个元素中包含多个标题而生成的隐式节。

现在我们有了章节、文章、导航和旁白来预防 div-itis,这真是太棒了。但是,如果我们需要为每个部分显式使用一个部分元素,那么我们最终会得到更多的部分元素,那么我们就拥有了 div。我感觉到强烈的节炎即将发生。

  • div-itis 并不意味着使用大量 `&lt;div&gt;`。这意味着在另一个有意义的标签合适的地方使用“&lt;div&gt;”。使用“&lt;section&gt;”标签来标记实际部分就可以了。 (6认同)

Hog*_*gan 1

当您使用这些标签时,存在隐含的层次结构。h2 部分低于 h1;h3 低于 h2,等等。它们是子部分子部分。我不确定为什么这会导致断开连接。如果您只有一层子部分,那么您将只使用 h1。

我认为您反对的是<section>标签可以提供类似的分层功能,但<section>标签对于 HTML 来说是新的,并且(通常是这种情况)仅仅因为有另一种方法可以做到这一点并不意味着规范会改变以打破旧的方法。