语义化 HTML

HTML 是用来组织网页结构的语言。语义化 HTML 使用能说明内容含义的元素，比如标明章节和小节的标题。导航工具可以利用这些标题，帮助人们在页面中跳转。检查一下，某个页面的标题是否与它的各个章节对应。

语义化 HTML 描述网页内容的含义和结构。W3C 的指南建议使用含义明确的元素、标明页面区域，并按合理的层次嵌套标题。标题能体现内容的组织方式，浏览器和辅助技术也可以利用标题来导航。辅助技术是帮助人们访问内容的工具，比如屏幕阅读器。[1] [2]

以一份假设的烹饪指南为例，<h1>烹饪指南</h1> 可以标明整体主题。<h2>食谱</h2> 可以作为一个章节的开头，而 <h3>汤类</h3> 可以作为该章节内一个小节的开头。标题级别体现了这些关系：一级最高，六级最低。[2]

开始一个小节时，应尽量避免跳过标题级别。从二级标题直接跳到四级标题，可能会让人困惑。当之前的小节结束、新的章节开始时，从四级回到二级是可以的。[2]

页面区域是页面上可以辨认的不同部分。通过标记这些区域，并为它们添加能彼此区分的标签，可以帮助用户了解自己在页面中的位置，并在页面中导航。标题也可以用作区域的标签：教程建议使用 aria-labelledby，这是一个 HTML 属性，可以将区域与为它命名的标题关联起来。[1] [2]

对于固定的页面版块，有一个重要的例外。如果侧边栏在不同页面中保持一致，教程建议它的标题级别也保持一致，即使主内容的标题级别有所变化。因此，组织标题时，既要考虑内容之间的关系，也要考虑某个版块在不同页面中的作用。[2]

这些示例都假定标题能准确描述其下方的内容。这些指南解释了结构如何帮助导航，但并没有通过测量证明每位用户都能从中受益，也不保证某种具体实现完全无障碍。[1] [2]

• 官方指导，而非实验证据：W3C 建议标明页面区域、为区域添加标签以便用户区分，并使用含义明确的内容元素。指南说明了结构清晰的页面如何帮助用户了解自己所在的位置并进行导航，包括帮助屏幕阅读器用户访问主内容和重要章节。[1]
• 官方标题指南：浏览器、插件和辅助技术可以利用标题在页面内导航。教程建议按合理的层次嵌套标题，并尽量避免跳级；但在结束小节时，可以回到更高层级的标题。[2]
• 需要结合具体情境的指导：侧边栏等固定页面版块应在不同页面中保持一致的标题级别，即使主内容的标题级别有所变化。教程还建议使用 aria-labelledby 将标题与其对应的页面区域关联起来。[2]

先前以《用于高效网页屏幕阅读的语义化目录》（Semantic Table-of-Contents for Efficient Web Screen Reading）为题的引用存在文献识别错误，这里已用所提供的两份 W3C 指南文档替换。所提供的两份摘录都没有报告实验、研究中的百分比数据，也没有报告对导航速度、认知、字体或行为影响的测量结果。这些教程列出了《网页内容无障碍指南》（WCAG）中 A、AA 和 AAA 级的相关成功准则；列出这些准则并不意味着每项建议都是普遍适用的要求，也不能据此认定符合标准或法律要求。烹饪指南是一个假设的教学示例。