在线格式化、美化与压缩 HTML 代码,可自定义缩进并校验标签配对
HTML 格式化压缩工具:把混乱的 HTML 代码一键排版成层次清晰的格式,或压缩成体积最小的一行,适合前端开发、邮件模板、爬虫抓取结果与静态页面发布前的整理。
格式化按标签类型智能缩进:div、ul、table、section 等块级结构独占一行并缩进子元素,p、li、td、h1~h6 这类「内容与标签同行」的元素保持紧凑,a、span、strong 等行内元素不会破坏文字排版;缩进可选 2 或 4 个空格。
压缩模式只删除标签之间的换行与多余空白、以及 HTML 注释,属性值与 pre、textarea、script、style 内部的内容原样保留,因此压缩后不会破坏页面渲染。另外提供「仅校验标签配对」,可定位未闭合或错配的标签并给出所在行号。
格式化(美化)用于阅读和二次编辑:把挤成一团的 HTML 按层级缩进,便于定位结构与修改。压缩用于上线发布:删除换行、多余空格与注释,显著减小文件体积、加快传输;建议在开发完成后再压缩。
一般不会。工具只删除标签之间的空白与注释,并原样保留属性值、以及 pre、textarea、script、style 内部的内容——这些位置对空白敏感,改动会导致排版或脚本出错。若页面依赖标签之间的空格做间距(很少见),压缩后间距会消失,建议用 CSS 控制间距。
不会。格式化只调整换行与缩进,压缩只删除标签外的空白与注释;标签名、属性、属性值都保持原样(也不去掉属性引号,避免兼容性问题)。DOCTYPE 声明与注释在格式化时会保留在独立一行。
目前支持 2 空格与 4 空格两档,这是前端项目最常见的约定(Prettier 默认 2 空格)。如需 Tab 缩进,可先用 4 空格格式化,再在编辑器中把缩进转换为 Tab。
它会按栈检查开始与结束标签是否配对,能查出未闭合的标签、多余的结束标签,以及错配(如 <div> 被 </span> 关闭),并给出所在行号。br、img、input 等无需结束标签的元素不会报错。
单次最多处理 20 万字符,足够覆盖绝大多数页面片段与模板文件。超长文件建议按模块拆分处理。