粘贴 HTML,检查标题层级

把页面 HTML 粘到下面,工具在浏览器本地统计 H1–H6,找出多个 H1、跳级、空标题与首个标题不是 H1。不联网、不上传,结果可导出 CSV。

尚未检查。

内置自检运行中…

判定口径

指标定义边界
标题静态 HTML 中的 <h1>–<h6>,不区分大小写script/style/注释内不计
多个 H1H1 数量大于 1HTML5 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 可复现示例。

关于作者

凌壹信息Official(交付团队),负责企业网站、品牌与智能制造项目的需求梳理、方案与验收协作。本文工具只解析静态 HTML 的标题标签,不执行页面脚本、不判断视觉层级;示例与规则可复核。

层级清楚,读屏才顺

标题不是字号:它决定读屏与目录如何理解页面结构;先查层级,再谈视觉。

预约内容验收方案