缩进美化
按层级自动缩进，支持空格或 Tab、自定义宽度与换行宽度。
untitled.html
INPUT · HTML 源码清空
OUTPUT · 处理结果复制下载
等待输入
输入 0 行 · 0 字符
输出 0 行 · 0 字符
本地运行 · 不上传代码
什么是 HTML 代码格式化工具
HTML 代码在多层嵌套后很容易失去缩进，变得难以检查和维护。这个工具会按标签层级重新排版，把开始标签、内容与结束标签整理到清晰的缩进结构中，同时保留标签属性、文本内容以及 script、style、pre 里的原始代码。
除了美化，你还可以压缩代码体积、检查标签是否配对，并在沙箱中预览页面效果。所有处理都通过浏览器中的 JavaScript 完成，代码不会上传服务器，适合快速整理复制来的片段或排查嵌套错误。
安全压缩
删除注释和标签间空白，但保持 script、style、pre 内容不变。
结构校验
检查标签配对并标出行号，识别多余结束标签与未闭合标签。
沙箱预览
在不执行脚本的 iframe 中查看结构与样式效果。
使用方法
- 把 HTML 代码粘贴到左侧输入区，或点击「示例」载入一段演示代码。
- 设置缩进宽度、缩进字符与每行宽度，然后点击「格式化」。
- 右侧会显示处理结果，可复制或下载为 .html 文件。
- 需要发布时点击「压缩」，需要检查嵌套时点击「校验」或「预览」。
常见问题
格式化会改变 HTML 的显示效果吗？
工具只调整标签之间的缩进与换行，不改动标签名、属性值和普通文本；script、style 不会被当作 HTML 重新排版，只在整体层级上加缩进，pre 和 textarea 的内容保持原样，避免破坏脚本、样式和预格式化文本。
压缩和格式化有什么区别？
格式化会按层级缩进并换行，方便阅读和维护；压缩会去掉注释以及标签之间多余的空白，让文件体积更小，适合发布上线。两者都不会压缩 script 和 style 内部的代码。
结构校验能发现哪些问题？
校验会检查开始标签与结束标签是否配对、是否存在多余的结束标签或未闭合的标签，并标出所在行号。它不检查属性拼写、CSS 或 JavaScript 语法，也不能替代浏览器的实际渲染测试。
为什么 p、li 等标签没有被提示未闭合？
HTML 规范允许 p、li、td、option 等标签在特定情况下省略结束标签，浏览器会自动补全。为了避免大量误报，校验器把这些可选闭合标签排除在未闭合提示之外。
预览时脚本会执行吗？
不会。预览使用不启用脚本的沙箱 iframe，只用于查看结构与样式效果。如果页面依赖 JavaScript 才能显示内容，预览可能显示空白，请把代码放到本地页面中测试。
代码会上传到服务器吗？
不会。格式化、压缩、校验和预览都在当前浏览器中完成，代码不会上传，也不会被保存。