如何缩进混乱的 HTML？

在选中美化功能的情况下粘贴您的 HTML，然后将缩进设置为 2 个空格、4 个空格或制表符。输出会随着您的输入而更新，您可以复制它或下载 .html 文件。加载示例会显示一个示例。

它可以换行长行或格式化内联 CSS 和 JavaScript 吗？

可以。换行提供不换行、80 列或 120 列选项，并且“格式化 style 和 script 标签”选项也会格式化这些块内的 CSS 和 JavaScript。pre 和 textarea 中的内容会保持原样。

选择压缩。标签之间的空白会被折叠，注释会被移除，除非您勾选保留注释。可选复选框包括移除可选的引号、简写布尔属性以及压缩嵌入的 style、script 和 style 属性。

pre、script、style 和 textarea 的内容在空白折叠期间会受到保护，并且相邻的内联元素之间会保留一个空格，以免单词粘连。可选的嵌入压缩仅在您勾选时才会应用。

不会。页面内置的词法分析器会在您的浏览器中处理标记，因此私人模板和电子邮件 HTML 会保留在您的设备上。不会加载任何第三方格式化库。

是的。所有工具均可免费使用，无需账号，无需信用卡。处理在你的设备上进行，而不是在我们的服务器上，这正是它能保持免费的原因。

可以。它可在 iOS 和 Android 的主流手机浏览器中运行，无需安装任何东西。

🌐

在选中美化功能的情况下粘贴您的 HTML，然后将缩进设置为 2 个空格、4 个空格 或 制表符。输出会随着您的输入而更新，您可以复制它或下载 .html 文件。加载示例 会显示一个示例。

可以。换行提供 不换行、80 列 或 120 列 选项，并且“格式化 style 和 script 标签”选项也会格式化这些块内的 CSS 和 JavaScript。pre 和 textarea 中的内容会保持原样。

选择压缩。标签之间的空白会被折叠，注释会被移除，除非您勾选 保留注释。可选复选框包括 移除可选的引号、简写布尔属性 以及压缩嵌入的 style、script 和 style 属性。

以正确的嵌套缩进美化或压缩 HTML。保留 <pre>、<script>、<style> 块内的内容。

在浏览器中运行无需注册，无弹窗无需登录永久免费

加载后可离线使用

缩进：

换行：

格式化 <style> 和 <script>

将文件拖放到此处，或点击浏览

HTML, HTM · 在你的设备上处理

或按 Ctrl+V 从剪贴板粘贴

浏览文件

HTML 输入

格式化后的 HTML

输出将显示在此处…

此工具使用直接内置在页面中的手写标签感知分词器来格式化或压缩 HTML——没有第三方格式化库，没有服务器往返。你一输入或粘贴，标记的每个字符都在浏览器中本地处理。

1
分词器扫描标记
自定义的逐字符扫描器遍历 HTML 字符串，识别注释、DOCTYPE 声明、开始标签、结束标签、自闭合空元素（br、img、input 等）以及原始文本节点。专门的辅助函数跟踪带引号的属性值，因此属性中的 > 等字符（例如 value="a>b"）绝不会导致标签提前断开。
2
按标签跟踪缩进深度
在美化模式中，分词器维护一个深度计数器。块级开始标签增加深度；结束标签在写出之前减少深度。内联元素（span、a、strong、em 等）与其内容保持在同一行，而不是单独缩进一行。pre、script、style 和 textarea 等标签的内部内容会原样输出，以免破坏对空白敏感或可执行的代码。
3
压缩器安全地折叠空白
在压缩模式中，pre、script、style 和 textarea 块的内容会在折叠空白之前替换为编号占位符。HTML 注释被删除，标签之间连续的空白被移除——相邻内联元素之间除外，那里保留一个空格，以免单词粘连。然后将占位符恢复为原始内容。
4
显示输出并可选择保存
格式化或压缩后的结果实时显示在输出面板中，并附有大小变化百分比。你可以将其复制到剪贴板或下载为 .html 文件，全程无需离开浏览器。