创建html页面时可以跳过标题级别吗？

Question

我有一个带有标题和副标题的html页面，我正在使用Bootstrap v4 CSS。 我在标题上使用h3，在副标题上使用h4，但是在渲染时发现尺寸太相似了，所以我换成使用h2和h4，根本不使用h3

这很好用，但是可以在语义上这样做还是不正确？

因为我使用的是Bootstrap，所以我不想特别覆盖h3的CSS以使其更大。

Answer 1

如果您想要在语法上正确 HTML，则可以保留层次结构；您应不要为样式目的使用其他标题标签 just ；如果仅由于大小而选择h4而不是h3，那么从语义上讲是错误的；我只是坚持用自己的CSS来更改大小。

这篇文章非常有用，可以帮助您：Why Use Semantic HTML

并引用同一篇文章：

  

h1-h6-标题标签可用于使字体变大和加粗，   但是，如果文本不是标题，则不应在标题内   标签。如果您使用font-weight和font-size CSS属性来代替   想更改页面上特定文本的大小或粗细

此外，由于您使用的是 Bootstrap ，因此它们提供了将每个标题的样式应用于元素的类。因此您可以选择将h3的标题样式设置为h1；这样一来，您既可以保持所需的外观，又可以使用正确的语义方法：Headings

Answer 2

如果您根本不打算使用h3，则在页面上，是的，它在语义上应该都很好。

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

Answer 3

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