HTML Formatter — 免费在线美化和缩小 HTML

粘贴任意 HTML——即便是构建流水线输出的单行压缩代码——工具都会以恰当的缩进重新排版，每行一个标签，空白统一。可选择 2、4 或 8 个空格缩进。输出结果可直接放入编辑器，或粘贴到代码审查评论中。

美化会展开 HTML 以提升可读性：每个标签独占一行，嵌套子元素缩进，各部分之间保留空行。压缩会去除注释、合并连续的空白字符并移除换行符，让文件以更少的字节交付。编辑和审查时使用美化，生产部署时使用压缩。

不会。格式化工具会识别 script 和 style 块，并按照适用的 JS 或 CSS 规则整理其内容，因此内联脚本保持有效，样式表也保持易读。自闭合标签、空元素以及带命名空间的属性（svg:xmlns、xlink:href）都会被正确处理。

它能很好地处理纯 HTML 和类 HTML 模板，但纯 JSX（花括号表达式、片段、首字母大写的组件标签）会被当作 HTML 解析，可能出现一些细微的格式问题。对于特定框架的代码，我们建议使用按你的方言配置好的 Prettier；而对于原始 HTML、.htm 和模板文件，我们的工具堪称完美。

不会上传任何内容。格式化工具完全在您的浏览器中运行，因此您可以安全粘贴内部页面模板、邮件草稿或含有私密数据的 HTML，不会有任何内容离开您的设备。

压缩会去除 HTML 注释，将标签之间的连续空白合并为单个空格，并删除换行。结果是渲染效果完全一致、体积通常缩小 10-30% 的 HTML。再配合服务器端的 gzip，能显著减轻内容繁多页面的初始加载体积。

可以——点击下载，即可将美化后的结果保存为 output.html，或将压缩后的结果保存为 output.min.html。文件采用 UTF-8 编码，因此对英文、西里尔文、中日韩文和从右到左的内容都同样适用。

这是一款仅在浏览器中运行的小工具——零托管成本——因此我们将它作为开发者工具包的一部分免费提供。没有广告，不追踪输出内容，除了你浏览器内存所能承载的上限外，对文件大小没有任何限制。

美化模式让你选择 2、4 或 8 个空格的缩进。选择你的编辑器或代码风格所用的宽度，然后复制结果或下载为 output.html，使格式直接沿用到你的项目中。

缩进选择器（2、4 或 8 个空格）仅在“美化”模式下生效，因为“压缩”按设计会去除所有空白和换行——已没有任何内容可供缩进。切换回“美化”即可再次看到缩进宽度生效。

在你粘贴或编辑时，工具会自动运行结构检查，并在输出面板下方直接列出任何未闭合、不匹配或多余的闭合标签——无需单独的按钮。绿色的"未发现结构问题"提示确认标记格式正确。

使用美化模式并采用 2 个空格缩进——这是最常见的约定，也能让差异对比更紧凑——然后查看结构问题面板，确认没有遗漏未闭合的标签。检查完毕后，在发布到生产环境前切换到压缩模式，去掉多余的空白。

可以——将 .html、.htm 或 .xhtml 文件拖到上传区域，或点击浏览选择，其内容会像你粘贴一样直接加载到输入框中。之后，无论标记来自文件还是粘贴，美化、压缩、缩进宽度和结构检查器的工作方式都完全一致。

可以——一旦有输出，输出面板和主操作区旁会出现一个“复制”按钮。点击它会立即将当前的美化或压缩结果复制到剪贴板（会短暂显示“已复制！”作为确认），因此你可以直接粘贴到编辑器或代码审查评论中，无需保存中间的 .html 文件。

否 — HTML Prettify 完全在您的浏览器中运行，因此您粘贴的内容永远不会离开您所在的计算机。如果您要检查包含令牌、密钥或客户数据的内容，这一点很重要。关闭选项卡足以清除它。

错误指向第一个无法解析的位置，通常就在真正的错误之后而不是在其上 - 缺少逗号、未闭合的引用或括号，或者从文档粘贴的智能引用而不是直接引用。首先检查报告位置上方的线。

两者都不是。 HTML Prettify 是免费的，您的下载没有水印，最后也不会提出任何要求 — 在流程中，您完成工作后发现它要花钱，没有任何意义。

否 — HTML Prettify 在桌面和手机上的浏览器中运行。在您看到它是否满足您的需要之前，无需安装任何东西，无需试用，也无需购买许可证。在您实际遇到的文件而不是样本上尝试一下。