Untangle messy HTML into clean, indented markup

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

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

不会——底层引擎 js-beautify 会识别 script 和 style 块，并按相应的 JS 或 CSS 规则格式化其中内容，因此内联脚本依然有效、样式表依然可读。自闭合标签、空元素和带命名空间的属性（svg:xmlns、xlink:href）都能被正确处理。

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

不会发生任何上传。格式化工具借助 js-beautify 完全在你的浏览器中运行，因此你可以放心粘贴内部页面模板、邮件草稿或含有隐私数据的 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 文件。