祈灵工具箱

🏗️HTML 格式化 / 美化 / 压缩在线工具 - 正确处理 pre、script、style，带实时预览

从网页复制下来的源码挤成一行、缩进混乱，或者上线前想把 HTML 压缩得更小？把代码粘贴进来即可一键格式化或压缩。本工具使用手写的容错解析器：块级元素逐层缩进，a、span、strong 等行内元素与文字保持在同一行，只在原本有空白的地方折行，所以格式化前后页面渲染效果不变；<pre> 和 <textarea> 的内容原样保留，<script> 只调整缩进不改写代码，<style> 里的 CSS 与 application/ld+json 等 JSON 脚本会被自动美化。支持 2/4 空格或 Tab 缩进、属性过多或行过长时每个属性单独一行、自定义行宽，能自动补全未闭合的 <p>、<li>、<td> 等标签，保留 IE 条件注释和 DOCTYPE。压缩模式会合并多余空白、删除块级元素之间的空白与普通注释、压缩内嵌 CSS 和 JSON，同时保留行内元素之间有意义的空格。下方的实时预览在禁用脚本的沙箱 iframe 中渲染，可以直接确认效果。

免费 · 无需注册 · 浏览器本地处理最后更新：

正在加载工具...

如何使用HTML 格式化

  1. 1粘贴 HTML 代码或整个网页源码（也可以先点「示例」看效果）
  2. 2选择格式化或压缩，按需设置缩进、属性换行、行宽和注释处理
  3. 3在下方预览确认效果，复制结果或下载 .html 文件

常见问题

格式化会改变网页的显示效果吗？
正常情况下不会。块级元素之间的空白对渲染没有影响，所以可以随意换行缩进；行内元素（a、span、b、code 等）和文字会保持在同一行，只在原本就有空格的位置折行，不会凭空插入或删掉空格。<pre>、<textarea> 这类对空白敏感的元素内容完全原样保留。
<script> 和 <style> 里的代码会被怎么处理？
<style> 中的 CSS 会用站内的 CSS 格式化器美化（压缩模式下压缩），type 为 application/json 或 application/ld+json 的脚本会被解析成 JSON 后重新排版；普通 JavaScript 只会去掉公共缩进后按层级重新缩进，不会改写代码，也不会被压缩，如需压缩 JS 请使用专门的 JS 压缩工具。
HTML 压缩能减少多少体积？安全吗？
压缩会合并连续空白、删除块级元素之间的换行缩进和普通注释（IE 条件注释会保留），并压缩内嵌 CSS 与 JSON，对缩进较多的页面通常能减少 10%～30%。行内元素之间的空格、<pre> 与 <textarea> 的内容都会保留，所以不会出现文字粘连。上线前仍建议配合服务器 gzip / Brotli 压缩。
我的代码会被上传吗？预览会执行页面里的脚本吗？
不会上传，格式化与压缩全部在浏览器本地完成。预览使用 sandbox="" 的 iframe 渲染，脚本、表单提交和同源访问都被禁止，所以页面里的 JavaScript 不会运行；页面引用的外部图片和样式表仍会由浏览器正常加载。