HTML 格式化与检查
美化或压缩,检查闭合、重复属性、缺 alt/lang,并提取 h1–h6 大纲。
输入
输出
HTML 和 XML 最大的区别是容错。规范允许一批元素的结束标签省略、由后继标签或父元素来闭合,也规定了一批不允许有结束标签的空元素;工具按这套 implied end tag 口径建树,所以 <p>正文<p>未闭合的段落 只算一段没写完的段落,不会报成两处未闭合,也不会给 <br> 补一个假的结束标签。pre、textarea、script、style 是逐字节区域:美化不会改动里面的换行和缩进,写在 <pre> 里的 <div> 也不会被当成元素解析。
三种模式覆盖三件事:美化重排结构、压缩去掉标签之间的空白、只检查逐条列出结构与常见缺陷——标签未闭合、多余结束标签、空元素写法、重复属性、图片缺 alt、html 缺 lang、链接 href 为空、head 缺 title,共八类,每条带行号。标题大纲另出 h1 到 h6 的层级表和生成的锚点 id,跳级(如 h2 直接到 h4)会标出来。
HTML 格式化与检查怎么用
- 美化:粘贴整页或片段,缩进宽度可调。片段没有 html/head/body 也能处理,不会强行补标签;脚本与样式块内部一律不动。行内家族(a、span、em、strong、code 等)连正文保持在同一行,避免把一句话拆成三段缩进。
- 压缩:去掉标签之间无意义的换行与缩进,纯空白合并成一个空格(只在两个行内元素之间保留)。script、style、pre 内的空白原样留着,安全边界写进了提示条。
- 只检查与大纲:切到「只检查」看问题表;打开「附标题大纲」会同时给出 h1 到 h6 的层级、锚点 id 与所在行,方便核对 SEO 与读屏导航的层级是否连续。
- 可省略结束标签与空元素:规范允许 p、li、dt、dd、option、thead、tr、td、th 等元素的结束标签省略,由后继标签或父元素来闭合;area、base、br、col、embed、hr、img、input、link、meta、param、source、track、wbr 这 14 个空元素则不允许有结束标签。
常见问题
<p> 没写结束标签,为什么没报错?
这是规范的省略规则而不是错误:p 会被后面的块级元素闭合,li、td、option 等会被同类后继元素闭合。工具按同一口径判断,只报那些浏览器也会猜错的位置(真正没闭合的容器、多出来的结束标签)。
压缩会把我的脚本弄坏吗?
不会。script、style、textarea、pre 的内容按原字节输出,既不删空白也不解析标签,条件注释同样保留。真正被删掉的只有普通注释和标签之间的纯空白。
大纲里的锚点 id 可以直接用吗?
id 由标题文本生成(中文照原样,重复的会加序号),仅作对照。落到页面里建议自己写 id,避免与既有样式或脚本冲突,也别让标题文案改动时把链接一起改掉。
对应功能编号 #104无需安装,手机端同样可用按 Ctrl + K 换工具