为什么在HTML / CSS中标题（h1-6）是一个单独的类别（标记）？

Question

我似乎无法理解为什么标题（h1-6）是HTML / CSS中他们自己的概念，与任何常规风格分开。在我看来，没有充分的理由，因为它只是通过添加到可用的标签Universe来混淆用户，而它所做的一切都可以通过仅定义为另一种常规样式来实现，例如：

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

然后，您只需执行以下操作：

，而不是使用单独的标记<h1></h1>

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

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

请解释我是否错了，并且在复杂性方面是否有合理的理由加入。

Answer 1

它是一个语义标记，旨在指定特定标题的重要性，并与页面上的其他标题形成对比;例如，h1是最重要标题，而h2稍微不那么重要。

它描述并且不是为了描述内容的任何表现方面，而是相对于其他标题的重要性/重要性，其表示与该标题（类型）之后的内容相似的重要性。

参考文献：

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

Answer 2

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

  

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

     

HTML中有六个级别的标题，其中H1是最重要的   和H6是最少的。可视浏览器通常渲染更重要   标题比较重要的字体大。

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

HTML不仅仅是样式表的框架，它还是一种“标记”信息的方式。 span标签对于屏幕阅读器或搜索引擎的意义非常小，但是，h1标签意味着很多。

为什么要停在标题标签处？我们可以将所有内容放在span标记中，删除p，em，cite以及几乎所有其他标记，并使用样式来指示重要性。然后，每个查看该网站的人都会知道什么是重要的，什么不重要。当有人使用屏幕阅读器访问该网站或搜索引擎时，问题就会开始。通过使用语义标记，您可以使互联网“更好”。您现在和将来都可以使用搜索引擎了解您正在创建的网站上的内容。

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

Answer 3

标题标签为文档提供语义含义，为文档提供结构而无需样式化。

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

Answer 4

我建议使用它们，因为它们对搜索Google等机器人意味着很多。以下是一个示例：您撰写文章并将其命名为Current situation in our company。现在，如果我有机会找到你的文章并忘记保存网址，我可能无法谷歌，因为谷歌会将其评为你网站上的部分文字，而不是 重要标题 。