为什么标题(h1-6)在HTML/CSS中是一个单独的类别(标签)？

Question

我似乎不明白为什么标题(h1-6)在HTML/CSS中是一个独立于任何常规样式的概念。在我看来，没有什么好的理由，因为它只是通过添加到可用的标签领域来迷惑用户，而它所做的所有事情都可以通过另一个常规样式来完成，例如：

.headStyle1
{
    font-size: 30px;
    font-weight:bold;
}

然后，不使用单独的标记<h1></h1>，只需执行以下操作：

<span class="headStyle1">My Heading</span>

你会活得更快乐，因为你的工作记忆中需要处理的标签少了一个，标题只是另一种风格，而不是它自己的类别。对我来说，简单是一种美德。

请解释我是否错了，以及这种复杂性的增加是否有合理的理由。

Answer 1

您需要首先考虑创建html语义标记的原因。看看W3C规范..。

标题元素简要描述了它所介绍的部分的主题。例如，用户代理可以使用标题信息来自动构建文档的目录。

在HTML中有六个级别的标题，H1是最重要的，H6是最不重要的。可视化浏览器通常以较大的字体呈现更重要的标题，而不是不太重要的标题。

http://www.w3.org/TR/html401/struct/global.html#edef-H6

HTML不仅仅是一个样式表的框架，它还是一种“标记”信息的方式。span标记对屏幕阅读器或搜索引擎的意义不大，但是h1标记的意义却很大。

为什么只停留在标题标签上？我们可以把所有东西都放在一个span标签中，去掉p、em、cite和几乎所有其他标签，并使用样式来表示重要性。然后，每个浏览过该网站的人都会知道什么是重要的，什么是不重要的。当有人使用屏幕阅读器访问网站或搜索引擎时，问题就会出现。通过使用语义标记，你可以让互联网变得“更好”。您现在和将来都允许搜索引擎了解您正在创建的网站上的内容。

最好使用现有的标记。它是一种定义页面内容类型的方法。一旦你接受了“复杂性”，它就真的很简单了。

Answer 2

它是一个语义标记，旨在指定特定标题相对于页面上其他标题的重要性；例如，h1是最重要的标题，而h2则稍微次要。

它描述，而不是被设计来描述内容的任何表示方面，仅仅是相对于其他标题的重要性/重要性，这表示该标题(排序)后面的内容类似的重要性。

参考文献：

• Heading elements, at the Mozilla Developer Netork.
• Heading elements, from the W3C.

Answer 3

标题标签为文档提供语义含义，为没有样式的文档提供结构。

例如，它们帮助使用屏幕阅读器的用户访问网站。与h1相比，屏幕阅读器不会理解headStyle1的重要性。