在创建html页面时是否可以跳过标题级别?

问题描述 投票:2回答:3

我有一个带有标题和副标题的html页面,我正在使用Bootstrap v4 CSS。我使用h3作为标题和h4用于副标题,但是在渲染时我发现尺寸太相似所以我交换使用h2h4,而不是使用h3。

这工作正常,但是在语义上这样做还是不正确?

因为我正在使用Bootstrap,所以我并不特别想要覆盖qazxsw poi的CSS以使其更大。

html twitter-bootstrap
3个回答
4
投票

如果你想要语义正确的HTML,那么保持层次结构是可以的;你不应该仅仅为造型目的使用不同的标题标签;如果你仅仅因为尺寸而选择h3而不是h4,那么这在语义上是错误的;我只是坚持用我自己的CSS改变大小。

这篇文章非常适合帮助:h3

并引用同一篇文章:

h1-h6 - 标题标签可用于使字体更大更大胆,但如果文本不是标题,则它不应位于标题标记内。如果要更改页面上特定文本的大小或重量,请使用font-weight和font-size CSS属性

此外,由于您使用的是Bootstrap,因此它们提供了将每个标题的样式应用于元素的类;所以你可以选择像Why Use Semantic HTML那样定型h3;这样你就可以保持你需要的外观,同时还有正确的语义方法:h1


0
投票

如果你根本不打算在你的页面上使用Headings,那么是的,它应该在语义上都很好。

但是,如果您将在其他地方使用h3,我只会使用CSS更改标题大小,因为没有太多其他选择,在语义上不会跳过标题级别然后在其他地方使用它。


0
投票

从信息设计的角度来看,跳过标题级别是一种糟糕的做法,无论我们是在讨论网页,书籍,期刊文章还是其他任何内容。当您没有遵循标题结构的一致逻辑模式时,您不仅可以混淆屏幕阅读器,还会混淆所有读者。

© www.soinside.com 2019 - 2024. All rights reserved.