HTML格式化
HTML 格式化/压缩
工具简介
HTML 在线格式化工具提供 HTML 美化、压缩、标签检查、属性提取等功能。支持 HTML5 全标签和内联样式,自动识别自闭合标签(<br> <img> <input> 等),可控制缩进、对齐属性、大小写转换。适合阅读他人源码、压缩内嵌 HTML、提取页面正文、检查标签闭合。支持「JS 字符串内 HTML」「模板字符串拼接」等特殊场景的格式化。
使用步骤
1
粘贴 HTML
在输入框粘贴 HTML 源码(支持压缩格式、JS 字符串内的 HTML),或拖入 .html 文件。
2
选择格式选项
选择缩进空格数、属性对齐方式、大小写转换、是否自闭合空元素。点击「格式化」执行。
3
复制或提取
格式化结果在右侧展示。也可切换到「提取」标签,一键提取所有链接/图片/文本内容。
常见问题
格式化后的属性对齐方式有哪些?
提供三种风格:(1) 紧凑 <a href="x">;(2) 横向对齐每个属性换行;(3) 纵向对齐等号。本工具默认紧凑风格,可在设置中切换。
HTML 压缩和最小化有什么区别?
压缩(压缩模式):仅去除空白和注释,保留属性引号;最小化:还会去除类型可选引号、布尔属性简写。本工具提供「压缩」和「最小化」两种模式,后者输出更小但兼容性略差。
能提取页面所有链接吗?
可以。点击「提取」标签,工具会列出页面所有 <a href>、<img src>、<link href>、<script src> 等资源链接,可一键复制为列表或下载为 csv。
JS 字符串里的 HTML 怎么格式化?
勾选「JS 字符串内 HTML」选项,工具会识别 var html = "..." 字符串内的 HTML 单独格式化,JS 部分保持原样不动。适合阅读 jQuery 时代遗留的模板拼接代码。