HTML压缩

HTML 压缩 · 纯前端 · 基于 js-beautify

输入 HTML 代码压缩等级

轻度

标准

极致

保留条件注释移除属性引号移除空属性移除可选结束标签实时压缩

压缩结果

等待输入...

输入压缩后的 HTML 代码

缩进

最大行宽

换行属性实时美化

美化结果

等待输入...

⚠️ 注意事项： 极致压缩可能移除属性引号、空属性、可选结束标签，可能导致某些 HTML 结构解析异常。建议在压缩前备份原始代码，并在生产环境测试。

📖 HTML 压缩原理

删除空白和换行：移除所有不必要的空格、换行和缩进
移除注释：删除 HTML 注释（保留条件注释可选）
移除属性引号：当属性值不含特殊字符时移除引号
移除空属性：删除值为空的属性（如 disabled=""）
移除可选结束标签：如 </p>、</li>、</td> 等
js-beautify：业界标准的 HTML/CSS/JS 格式化工具
安全提示：所有计算在浏览器本地完成，代码不会上传到服务器