语义 HTML - 标题

标题或标题，也称为标题，由 HTML 作为：

标题级别对应于嵌套部分的级别。元素 h1 用于顶级部分，h2 用于子部分，h3 用于子部分，依此类推。

也就是说，在没有 hN-1 的情况下使用 hN 是高度不指示，以及没有 h2 的 h3 和没有 h1 的 h2。除了不是语义之外，您还间接告诉您的浏览器，因此，屏幕阅读器或 SEO/搜索者，有标题更早或更高。

Seu navegador procurando os headings anteriores

如何以这种方式编写标题的示例 错误的 将会：

如图所示：

示例取自 4.3.11 标题和大纲

除了他们的代码责任外，标题被广泛用于生成目录/导航图例如，类似于学校或大学工作的摘要。你有没有想过用一个部分把作业交给你的老师 1.2 ，但没有部分 1 e 1.1 ?不酷，对吧？如果你遵守规则 ABNT 对于一份工作，为什么不遵循 什么工作组 对于 HTML？

导航地图用于通过键盘辅助提供和执行非视觉导航，例如，通常由屏幕阅读器或行动不便的人使用。
的结构 H 如下 HTML 中的读数：

该序列将生成如下列表：

标题它们的范围由栏目内容，作为 地址 , 文章 , 在旁边 , 导航 或者 部分 ，甚至由 身体 .他们还可以使用 标题 e 页脚 ，尽管在其中包含标题并不常见。

例如，如果我正在使用 h2 __ 在一个里面 文章 离开时 文章 我已经可以使用一个 h2 再次，或者，根据您的代码，一个 h1 .

使用我们之前的示例，我们现在可以添加其他标题，我们的代码如下所示：

这将导致如下列表：

请记住，我们之前讨论过使用 标题，小号 像一个总结？现在如果我们删除这行代码 <h1>水果</h1> 生成的列表将变为：

不好对吧？这就是为什么使用标题正确并按照一致的层次结构指示。

你可以看到其他几个正面和负面的例子 nas 规格做什么 WHATWG 并可视化它们是如何生成的 导航大纲/地图 从标题 .

为了帮助创建您的导航地图，您可以使用以下扩展程序之一：

参考

posted @ 2022-08-31 08:43 哈哈哈来了啊啊啊阅读(3) 评论(0) 编辑收藏举报