1

我似乎无法理解为什么标题 (h1-6) 在 HTML/CSS 中是一个独立于任何常规样式的概念。在我看来，没有充分的理由，因为它只是通过添加到可用的标签宇宙来混淆用户，而它所做的所有事情都可以通过定义为另一种常规样式来完成，例如：

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

然后，<h1></h1>您无需使用单独的 tag ，而是执行以下操作：

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

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

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

4

4 回答 4

4

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

它描述但并非旨在描述内容的任何表示方面，仅描述相对于其他标题的重要性/重要性，这表示该标题后面的内容具有相似的重要性（有点）。

参考：

于 2013-03-21T16:57:47.890 回答
3

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

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

HTML中的标题有六级，H1最重要，H6最不重要。视觉浏览器通常以比不太重要的字体更大的字体呈现更重要的标题。

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

HTML 不仅仅是样式表的框架，它还是一种“标记”信息的方式。span 标签对于屏幕阅读器或搜索引擎来说意义不大，然而，h1 标签的意义却相当大。

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

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

于 2013-03-21T17:00:58.233 回答
2

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

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

于 2013-03-21T17:02:15.387 回答
1

我建议使用它们，因为它们对于像 Google 等搜索机器人来说意义重大。这里有一个例子：你写一篇文章并命名它Current situation in our company。现在，如果我偶然发现您的文章并忘记保存 URL，我可能永远无法使用 Google 搜索它，因为 Google 会将它评为您网站上的文本的一部分，而不是重要的标题。

于 2013-03-21T17:15:04.890 回答