创建HTML页面时跳过标题级别是否可以？

Question

我有一个包含标题和副标题的HTML页面，使用了Bootstrap v4的CSS样式表。 我曾尝试使用 h3 作为标题和 h4 作为副标题，但是在渲染时发现它们的大小太相似，于是我改用 h2 作为标题、h4 作为副标题，完全不使用 h3。

这样做是否符合语义，或者说是否正确呢？

由于我正在使用 Bootstrap，因此我不想覆盖 h3 的 CSS 样式，使它变得更大。

- Paul Taylor

Answer 1

如果你想要语义正确的HTML，那么保持层次结构是可以的；你不应该仅仅为了样式目的而使用不同的标题标签；如果你仅仅因为大小而选择使用h4而不是h3，那么这是语义上错误的；我只会使用自己的CSS来改变大小。

这篇文章真的很好，可以帮助解决这个问题：为什么要使用语义化的HTML 引用相同的文章：

至

- 标题标签可以用于使字体更大更粗，但如果文本不是标题，则不应在标题标签内。如果您想要更改页面上特定文本的大小或重量，请使用font-weight和font-size CSS属性。

此外，由于您正在使用Bootstrap，他们提供类来将每个标题的样式应用于元素；因此，您可以选择将h3标题样式设置为h1/code>，这样您就可以保持所需的外观同时也是正确的语义方法：标题。

- IvanS95

---

啊，谢谢，好的，那就是我应该做的，将 h2 类应用到 h3。 - Paul Taylor

Answer 2

从信息设计的角度来看，跳过标题级别是一种不良实践，无论我们谈论的是网页、书籍、期刊文章还是其他任何内容。如果您的标题结构不遵循一致、逻辑的模式，不仅会混淆屏幕阅读器，也会让所有读者感到困惑。

- Chris Zahn

Answer 3

如果你在页面中根本不会使用 h3 ，那么是的，这应该在语义上都没问题。

但是，如果你会在其他地方使用 h3，我会建议使用 CSS 更改标题大小，因为没有其他选择，跳过一个标题级别然后在其他地方使用它被认为是语义上不正确的。

- Jerry D