分类: 开发工具
HTML 标题结构检查器
列出 H1-H6 标题大纲并标记结构性问题
粘贴 HTML 即可以文档大纲的形式查看其 H1 到 H6 的标题结构，并标记缺失的 H1、多个 H1、跳级的标题层级以及空标题。全程在你的浏览器中运行。
标题大纲
H1How local browser tools workH2Why run tools in the browserH4A skipped levelH2Another sectionH3（空标题）
问题
- 有一个 H3 标题没有文本内容。
- 标题级别从 H2 跳到了 H4，跳过了中间的级别。
本页的所有处理都在浏览器中完成，不会上传任何内容。
这个工具能做什么
屏幕阅读器和搜索引擎都依赖标题层级来理解页面结构，因此缺失的 H1、两个相互竞争的 H1，或者从 H2 直接跳到 H4，都会让一篇写得很好的页面变得更难浏览。本工具会按文档顺序提取粘贴的 HTML 中的每一个标题，以缩进大纲的形式展示，并标记出那些在编辑模板时很容易被无意引入的结构性问题。
使用方法
- 在输入框中粘贴页面或文章的 HTML。
- 查看标题大纲，确认它与页面预期的结构相符。
- 修复被标记出的问题，例如缺失的 H1 或跳级的标题层级。
隐私说明
本工具完全在你的浏览器中运行。输入的内容不会被上传、保存或分享，关闭标签页即随之消失。
常见问题
- 我的 HTML 会被上传到什么地方吗？
- 不会。文档只会作为文本被浏览器标签页中的分词器读取，不会被渲染或发送到服务器。
- 为什么跳级的标题层级很重要？
- 辅助技术的使用者常常通过在同一层级的标题之间跳转来浏览页面；从 H2 直接跳到 H4 会让人以为漏掉了某个部分，也会让结构变得难以理解。
- 空的 alt 属性和空标题是一回事吗？
- 不是，两者没有关系。像 <h3></h3> 这样没有文字内容的空标题永远是一个错误，本工具会将其标记出来；而图片上空的 alt 属性是另一种不同的、通常是有意为之的情况，由图片 Alt 文本审核工具负责处理。