标题标签和内容结构

最重要的HTML元素之一是H1-H6（标题）标签。

HTML包含6个标题标签，H1-H6，可以用来将页面组织成主题和子主题。标签上的数字与标题的水平或缩进有关，如果你做了一个文档的大纲。

• 标题1（H1）已经被页面标题使用。请不要使用H1
  • 标题2把你的页面分成重要的主题
    • 标题3允许你在一个重要的话题中有一个旁白
    • 标题3还可以让你进一步将一个大主题分成几个子主题
  • 标题3之后的标题2基本上是凹痕化的：这意味着你要进入下一个重要的话题

例如，您可能希望按照以下方式设置资源页面的内容结构：

• 标题1资源（这是你的页面标题）
  • 标题2学生资源
    • 标题3学生指南
    • 标题3学生政策
    • 标题3学生网站
  • 标题2家长资源
    • 标题3家长指南
    • 标题3父母网站
  • 标题2教师资源
    • 标题3教员指南
    • 标题3教员政策
    • 标题3教师网站

在大多数情况下，您应该只需要使用H2和H3。如果你发现自己依赖于H4 - H6，这通常是一个好迹象，说明你的页面试图一次涵盖太多的主题，最好将其分成多个页面。

标题标签提示

标题标签是用来传达文档结构的，而不是用来创建外观的。你不应该用H3代替H2因为你觉得H3看起来更好。

不要担心页面长度——用户对需要滚动的长页面很满意。相反，要确保页面有一个清晰的主题，始终围绕主题，并且使用标题标签确保文档的结构易于理解。

此外，请注意，尽管您可以一次缩进多个级别（即从H4到H2），但您永远不应该一次缩进多个级别。

标题标签和可访问性

适当地使用标题标签是为使用屏幕阅读器的访问者或使用页面地标导航的运动障碍用户提供高质量体验的重要组成部分。许多辅助工具实际上会根据标题结构为用户创建一个目录，允许他们直接跳转到他们想要阅读的内容。

在使用标题标签时，为了使您的网站内容更易于访问：

1. 确保每个标题准确地描述了它下面的内容。
2. 页面上的每个主题都应该有一个标题。
3. 在写文章的时候，要考虑到读者可能会直接跳到主题上（也就是说，不要假设他们读了上面的所有内容）。