粘贴 HTML,检查标题层级
把页面 HTML 粘到下面,工具在浏览器本地统计 H1–H6,找出多个 H1、跳级、空标题与首个标题不是 H1。不联网、不上传,结果可导出 CSV。
尚未检查。
内置自检运行中…
判定口径
| 指标 | 定义 | 边界 |
|---|---|---|
| 标题 | 静态 HTML 中的 <h1>–<h6>,不区分大小写 | script/style/注释内不计 |
| 多个 H1 | H1 数量大于 1 | HTML5 sectioning 语境需人工判断 |
| 跳级 | 相邻标题层级增加超过 1(如 h2→h4) | 层级下降不算;首个非 H1 单独列 |
| 空标题 | 去掉标签与空白后文本为空 | 只含图标或图片也算空 |
| 首个标题 | 第一个标题不是 H1 | 与跳级分开计数 |
| 不判断 | 视觉字号、ARIA role=heading、章节结构、文案质量 | 不执行页面脚本 |
工具只做字符串解析:不构建 DOM、不执行脚本。与站内文章页 pilot 的静态口径一致;Node 断言在 scripts/test_heading_check.js,共 12 项。
为什么查跳级
站内文章页标题层级 pilot里,36 页中 22 页没有 H2、9 页出现层级跳跃:正文从 H2 直接跳到 H4 时,读屏和自动目录会丢失一级结构。工具用于改版后自查;语义与键盘可参考首页语义、键盘与 ARIA。
隐私
解析在本页完成,没有网络请求;导出的 CSV 只含标题层级、文本与问题。带 #sample 打开页面会自动填入示例。
常见问题
工具会上传 HTML 吗?
不会。解析全部在浏览器里完成,没有网络请求;内容不会保存或发送。
跳级怎么判定?
只比较相邻标题:后一个层级比前一个增加超过 1 级(如 h2→h4)记为一次跳级;层级下降(h4→h2)不算跳级。第一个标题不是 H1 单独提示,不与跳级重复计数。
多个 H1 一定错吗?
HTML5 允许在 sectioning 元素里使用多个 H1,但企业模板、SEO 与读屏实践通常期望一个主 H1;工具把它列为问题,由你按页面结构判断。
为什么先剥离 script 与 style?
模板字符串或样式里的 <h1> 不是真实标题,会把统计撑大;工具只看静态 HTML。
能替代 axe 或人工检查吗?
不能。工具只查静态标题标签,不判断视觉层级、ARIA role=heading、章节结构或文案质量,也不执行页面脚本。
数据能复核吗?
可以。Node 断言在 scripts/test_heading_check.js,共 12 项;页面带 #sample 可复现示例。