HTML 大纲生成器

粘贴 HTML 代码，自动提取 h1 至 h6 标题并按层级生成缩进大纲，同时检测标题跳级、多个 h1、缺少 h1、空标题等结构问题，帮助快速了解页面骨架，全部在浏览器本地完成。

输入 HTML 等待输入

仅按 <h1>–<h6> 标签构建大纲，不解析其它元素，也不执行脚本。

标题大纲

标题数—

层级数—

问题数—

字符数—

点击「生成大纲」，标题结构将显示在这里。

缩进层级反映标题的嵌套关系，层级数字即 h1–h6 的级别。

结构问题

暂无结构问题，或尚未生成大纲。

构建与检查规则

使用正则匹配 <h1>–<h6> 开闭标签，配对标签内的内容作为标题文本。
标题文本会剥离其中的 HTML 标签，并解码 &、<、> 等常见实体。
大纲层级由标题级别与栈式嵌套关系决定，级别比上一项大时进入更深一层。
结构问题规则：出现多个 h1、有标题但缺少 h1、相邻标题跳级、标题文本为空。
本工具只做基于标签的启发式分析，不声称是完整的 HTML 解析器。