HTML 压缩
开发者工具把 HTML 里的注释和空白收掉。难点其实在「哪些空白不能删」——行内元素之间的空格、pre 里的缩进都算内容,工具会把这些地方单独保护起来。
正在加载工具…
使用说明
3 步- 01
把 HTML 粘进输入框,或者直接贴整段渲染后的源码
- 02
需要保留注释就勾「保留注释」;想留住行结构就勾「保留换行」
- 03
右侧出结果,复制或下载即可
常见问题
5 个问题
Q1<pre> 和 <textarea> 里的内容会被压坏吗?
不会。这几块会先整体取出来占位,压缩完再原样放回。代码高亮块、模板里的预格式文本都不会变形。
Q2为什么 <span>a</span> 和 <span>b</span> 之间还留了一个空格?
因为这个空格会真的渲染出来。行内元素之间的空白在浏览器里算一个空格,删掉就会变成「ab」。工具只去掉块级标签之间的空白,行内标签之间的空格保留。
Q3文本里换行会被删掉吗?
会被折叠成一个空格,不会直接消失——否则 <p>hello⏎world</p> 会粘成 helloworld。想保留原始换行结构,勾上「保留换行」。
Q4会帮我删掉内联样式或脚本吗?
不会。工具只处理注释和空白,标签、属性、style/script 的内容一律不动。
Q5压完的 HTML 能直接用吗?
可以。压缩只改变空白,语义不变。但如果你用的是需要保留换行才能正确渲染的框架(比如某些模板引擎输出),建议先勾「保留换行」再对比一下效果。