HTML格式化/压缩
在线美化或压缩 HTML 源码，标签缩进、属性竖排，内嵌 CSS 与 JS 一起整理
工具加载中…
AllFreeTool HTML 格式化工具可以在线免费美化压缩后的网页源码，或把结构清晰的 HTML 压缩成一行，减少页面体积。粘贴代码即可得到带缩进的规范排版，标签、属性、内嵌的 <style> 与 <script> 都会一起被整理。
压缩只删除标签之间多余的空白与注释，不会碰正文内容里的空格与换行，因此不会改变页面显示效果；格式化时可以选择每个属性单独一行、空白敏感度等细节。全部处理在浏览器本地完成，源码不会上传服务器。
为什么使用 AllFreeTool HTML格式化/压缩？
🧹
一并整理样式脚本
内嵌的 CSS 与 JavaScript 会跟着一起格式化，整页源码一次理顺。
📐
缩进可选
支持 2 空格、4 空格、Tab 三种缩进风格，也支持属性竖排。
🗜️
安全压缩
只压缩标签之间的空白与注释，正文空白原样保留，不影响渲染。
🔒
本地处理
浏览器内完成，代码不上传服务器，公司内网页面也能放心处理。
如何使用HTML格式化/压缩？
1
粘贴 HTML
把整页源码或片段粘贴到输入框，也可以点「填入示例」先看看效果。
2
选择缩进与选项
按需选择缩进宽度、是否每个属性一行、压缩时是否保留注释。
3
复制或下载
点击格式化或压缩，确认结果后复制，或下载成 .html 文件。
常见问题
格式化会改变页面显示效果吗？＋
格式化只调整标签之间的空白与换行，属性值、文本内容都不会被改动。选择「按 CSS」空白敏感度时，会按照 CSS 的空白折叠规则处理，是最保守的方式。
压缩后为什么还有换行？＋
如果正文里有 <pre>、<textarea> 或较长文本，压缩会保留这些地方的换行。这样既减小体积，又不会让页面文字挤成一行。
支持 Vue、React 的模板文件吗？＋
普通 HTML 没问题。带自定义指令或组件标签的模板通常也能处理，但模板里的特殊语法不会被识别成代码，建议以「不变形、可读」为主要目标。
一次能处理多大的文件？＋
几十万字符通常没问题，具体取决于浏览器内存。超大文件建议分块处理，避免页面卡顿。