工具介绍
HTML格式化工具把挤成一行的页面代码重新排成层级清晰的缩进结构，也能反向操作，压成体积最小的单行 HTML。选项分成「缩进设置」「换行与空行设置」「HTML 特定设置」三组：缩进大小与字符、html 内层要不要缩进、多属性标签怎么换行、哪些标签算行内元素、注释与空行怎么处理、以及导出用哪种行结束符，都能逐项调整。
排版由自研的容错解析器驱动：缺闭合的标签会自动补上结尾，多出来或对不上的闭合标签会被忽略，li、td 这类可省略闭合的标签也能正确识别；script 与 style 的内容原样保留只做整体缩进，pre 与 textarea 连缩进都不加，逐字节不动。压缩模式会去掉 HTML 注释与标签之间的空白，同时保留行内元素之间必需的那个空格，避免文字粘在一起。全部解析与排版都在浏览器本地完成，页面代码不会离开你的设备。
界面展示
功能亮点
- 一键美化：把压缩或手写的 HTML 重排成缩进清晰的层级结构
- 一键压缩：去掉注释与标签间空白，输出紧凑的单行 HTML
- 缩进可调：2 / 3 / 4 / 8 个空格，或改用 Tab 缩进
- 缩进内层：可选择保持 html 内层的 head 与 body 不缩进
- 属性换行：多属性标签可自动同行，也可强制换行并对齐到首个属性
- 行内标签：自定义哪些标签算行内元素，决定它们是否另起一行
- 注释处理：可保留注释，也可一键去除 HTML 注释
- 内容保护：script、style 内部原样保留，pre、textarea 逐字节不动
- 容错解析：未闭合标签自动收尾，多余闭合标签忽略，li 等可选闭合标签可识别
- 空行控制：移除所有空行或最多保留 1 / 2 / 5 行，空行可跟随缩进
- 行结束符：支持 LF / CRLF / CR，方便在 Windows 与 Unix 之间搬代码
- 本地处理：解析与排版全部在浏览器完成，不上传任何代码
使用方法
- 输入代码：在左侧粘贴 HTML，或点击「上传」导入 .html 文件
- 选择风格：设置缩进大小与字符、属性换行方式、注释与空行处理
- 选择输出：常规整理点「格式化」，想要更小体积点「压缩」
- 核对结果：右侧查看处理后的代码与字符、行数统计
- 取用代码：用「复制结果」或「下载 .html」保存到本地
适合人群
- 前端开发者：整理压缩过的模板或手写页面代码
- 页面维护者：统一团队 HTML 的缩进与属性换行风格
- 邮件与模板作者：把属性很多的长标签排整齐再发出去
- 网站管理员：压缩 HTML 减小体积，便于排查页面结构
- HTML 学习者：通过规范缩进理解标签的嵌套关系
常见问题解答（FAQ）
格式化会改变页面效果吗？
不会。工具只调整缩进、换行与标签之间的空白，不改动标签名、属性值与文本内容。
支持压缩吗？
支持。「压缩」会去掉 HTML 注释与标签之间的空白，同时保留行内元素之间必需的那个空格，避免文字粘在一起。
script 和 style 里的代码会被重排吗？
不会。script、style 的内容原样保留，只做整体缩进，不做二次排版。
pre 里的内容会变吗？
不会。pre 与 textarea 的内容逐字节保留，连缩进都不加，避免破坏代码块原本的显示。
行内标签是做什么的？
决定哪些标签允许和相邻内容排在同一行。a、span、strong 等默认行内，div、ul 等块级标签会另起一行。
属性太多的标签怎么排？
「属性换行」选自动则所有属性留在同一行；选强制换行会让每个属性独占一行，并对齐到第一个属性的位置。
没有闭合的标签会怎样？
解析器会自动补上结尾；li、td 这类可省略闭合的标签也能识别，多余或对不上的闭合标签会被忽略。
能去除 HTML 注释吗？
可以，选择「去除 HTML 注释」即可；script、style 内部的 JS/CSS 注释不受影响。
空行会被保留吗？
默认最多保留 1 行，也能选择移除所有空行，或保留更多行。
行结束符有什么用？
Windows 上常用 CRLF，Unix 与 Git 常用 LF，导出前选好可以避免整份文件 diff 全变色。
代码会上传到服务器吗？
不会。解析与排版都在浏览器本地完成，没有任何网络请求。
「实时格式化」默认开启吗？
默认关闭。粘贴后点击「格式化」或「压缩」执行；打开右上角开关后，输入即自动重排。
更新日期：2026-11-03