HTML格式化压缩

在线 HTML 格式化与压缩工具,可把挤成一行的网页代码按标签层级缩进美化,也能删除注释与多余空白压缩体积,script、style、pre 等标签内容原样保留,适合整理页面代码与排查结构问题。

新上线 3 次使用 开发工具

「HTML格式化压缩」已就绪

点击下方按钮立即开始使用,无需下载安装,操作简单、即开即用。

立即使用

使用说明

功能说明

格式化会按 DOM 结构还原标签层级,属性保持原样,文本节点去除多余空白;压缩会删除注释和标签之间的空白字符,减少页面体积。script、style、pre、textarea 属于原样内容,不会被重排。

使用步骤

  1. 粘贴 HTML 源码,可以是完整文档,也可以只是一段片段。
  2. 选择缩进为 2 空格或 4 空格。
  3. 点「格式化」查看层级结构,或点「压缩」得到紧凑代码。
  4. 复制或下载结果,替换到项目中。

适用场景

接手他人页面时快速读懂结构、排查少闭合标签、压缩静态页面体积、把压缩后的代码还原成可读格式。

常见问题

压缩会不会破坏页面效果?

常规 HTML 压缩只删除注释和标签间空白,不改变标签与属性;但依赖空白排版的内联文本可能受影响,建议压缩前后各预览一次。

支持整站 HTML 文档吗?

支持。带 DOCTYPE 和 html、head、body 的完整文档会按文档结构输出,片段则按片段输出。

代码会上传吗?

不会,解析与输出全部在浏览器本地完成。