HTML格式化/压缩
在线HTML代码格式化与压缩工具，支持缩进美化与去除空白
0 个字符
使用说明
- 1 在输入框中粘贴 HTML 代码
- 2 点击「格式化」美化，或点击「压缩」去除空白
- 3 查看结果，可一键复制
相关工具
代码着色/高亮
在线代码高亮工具，支持多种编程语言语法着色，基于highlight.js，纯浏览器端处理
代码截图生成
在线代码截图生成工具，支持自定义标题、主题色与导出 PNG 图片。
Cron 表达式解析器（含时区热力图）
解析 Cron 表达式为人类可读描述，可视化字段含义，预览未来 10 次执行时间，并支持多时区对照与 30 天日历热力图。
CSS格式化/压缩
在线CSS代码格式化与压缩工具，支持缩进美化与去除空白
代码对比查看器
并排对比两段文本或代码的差异，新增/删除行高亮显示
HTML预览/运行器
在线HTML代码编辑和实时预览工具，支持在沙盒iframe中运行HTML代码。
HTTP 状态码速查
在线 HTTP 状态码速查工具，支持按状态码或关键词筛选常见响应说明。
JS格式化/压缩
在线JavaScript代码格式化与压缩工具，支持缩进美化与单行压缩
JSON格式化/编辑
在线JSON格式化、校验和美化工具，支持语法高亮和错误提示
JWT 解析
在线 JWT 解析工具，支持拆分 Header、Payload、Signature，并格式化展示声明内容。
正则表达式测试
在线正则表达式测试工具，支持 flags、匹配结果预览与捕获组查看，适合开发调试。
正则可视化
解析正则表达式并直观展示其组成部分（字符类、量词、锚点等），并提供测试匹配高亮
SQL格式化
在线SQL格式化工具，支持 MySQL、PostgreSQL、SQLite 等多种方言
时间戳转换
在线时间戳转换工具，支持秒级、毫秒级时间戳与日期时间双向转换。
URL 解析器
在线 URL 解析工具，支持拆解协议、主机、路径、查询参数和锚点信息。
UserAgent分析
解析浏览器 User-Agent 字符串，识别浏览器、引擎、操作系统、设备及 CPU 架构
UUID生成器
在线UUID v4生成器，支持批量生成、大写和去横线选项，一键复制。
XML格式化
在线XML格式化、美化工具，支持压缩与缩进切换
YAML格式化
在线YAML与JSON互转、格式化、校验工具，支持双向转换和错误提示
关于此工具
HTML格式化工具将混乱的HTML代码重新整理为层次清晰的缩进结构，标签嵌套关系一目了然。无论是从页面上抓取的压缩HTML、模板引擎输出的代码，还是手写时缩进混乱的片段，粘贴即可得到规范的格式化结果。
常用场景：分析竞品网站的HTML结构、调试服务端渲染的HTML输出、整理邮件模板的代码、将UI设计工具导出的HTML整理为可维护的格式。压缩功能则可去除注释和多余空格，减小HTML文件体积。
相比在浏览器DevTools「查看源代码」只能只读浏览，本工具格式化后的结果可以直接编辑和复制。相比在编辑器里用Prettier格式化，无需安装配置，适合临时处理的场景。
常见问题
格式化HTML会修正标签闭合问题吗？ +
会尝试补全明显缺失的闭合标签，但对于不规范的HTML，格式化行为可能与预期有偏差。建议在格式化前确保HTML的基本结构是正确的，格式化工具不是HTML修复工具。
内嵌的CSS和JavaScript也会被格式化吗？ +
会。<style>标签内的CSS和<script>标签内的JavaScript也会随HTML一起被格式化，分别使用CSS和JS的格式化规则处理，无需单独处理内嵌代码。
HTML压缩会安全地删除空格吗？ +
压缩时会删除标签之间的多余空白和换行，但会保留内联元素（如<span>、<a>）之间的单个空格，避免破坏文本的视觉间距。注释会被默认删除，但条件注释（<!--[if IE]>）会被保留。
Vue/React模板文件可以用这个工具格式化吗？ +
Vue的.vue文件和React的JSX文件使用了扩展语法，本工具主要针对标准HTML5，对JSX中的{}表达式和Vue指令（v-if、v-for等）可能处理不正确。建议使用项目内的Prettier或ESLint进行格式化。
格式化后的缩进可以自定义吗？ +
可以设置缩进为2空格、4空格或Tab，根据项目编码规范选择。对于大型HTML文件，2空格缩进能在深层嵌套时保持较好的可读性，4空格适合结构较浅的页面。