HTML 格式化工具
使用指南
HTML 格式化工具是一款在线工具，可在不涉及任何服务器的情况下清理和缩进 HTML 标记。杂乱、压缩或机器生成的 HTML 极难阅读和调试：深度嵌套的标签折叠成单行无法识别，不一致的缩进遮蔽了文档层级，隐藏的空白会导致神秘的渲染差异。这款工具一键解决这些问题。将任何 HTML 片段或完整页面源代码粘贴到输入区域，格式化工具会立即生成整洁的缩进输出，清晰反映文档树的真实结构——html、head、body，每个嵌套元素都处于正确的缩进层级。工具会正确处理行内元素（如 span 和 a），将其保留在父文本同一行，而块级元素（如 div、section、article 和标题标签）则各占一行。您可以自定义缩进宽度以匹配项目的编码规范——2 个空格、4 个空格或制表符。格式化工具还非常适合处理 HTML 邮件模板、Jinja/Django/Nunjucks 模板文件和组件级片段。由于工具在浏览器本地运行，您可以安全地格式化包含密码、私有 API 端点或机密业务内容的 HTML。
- 粘贴 HTML — 点击输入面板并粘贴任何 HTML 内容——完整文档、部分片段、模板代码或构建工具输出的压缩内容。
- 上传文件（可选） — 将 .html 或 .htm 文件拖放到文件拖拽区域，或点击上传图标打开文件选择器。文件内容会直接加载到输入面板。
- 设置缩进偏好 — 使用缩进选择器选择 2 个空格（默认）、4 个空格或制表符。该设置会保存在 URL 中，分享的链接会保留您的偏好。
- 点击格式化 — 按下"格式化"按钮。右侧输出面板将填充整洁缩进的 HTML。块级元素（如 div、p、section、article）各占一行；行内元素保持行内显示。
- 查看结构 — 通读输出内容以验证嵌套是否正确。缩进使您能轻松发现未关闭的标签、错误嵌套的元素或可能影响渲染的意外空白。
- 复制或下载 — 点击"复制"将格式化后的 HTML 复制到剪贴板，或点击"下载"将其保存为 .html 文件。文件名包含时间戳，连续下载不会相互覆盖。
常见问题
格式化 HTML 时代码会发送到服务器吗？
不会。此 HTML 格式化器完全在您的浏览器中使用原生 JavaScript 运行，您的代码不会传输到任何服务器或存储在设备之外。
可以离线格式化 HTML 吗？
可以。2Kit 是渐进式 Web 应用（PWA），首次访问后工具会被缓存，无需网络连接即可完全离线使用。
此工具支持 HTML 片段（非完整文档）吗？
支持。格式化器会自动检测输入是否以 <!DOCTYPE> 或 <html> 开头，并据此处理。对于代码片段，工具会进入"片段模式"，仅格式化所提供的标记，不会注入额外的文档结构。
DOM 树视图显示什么内容？
右侧面板将格式化后的 HTML 解析为实时 DOM 树：标签名显示为蓝色，属性名为琥珀色，属性值为绿色，文本内容为灰色斜体。有子元素的节点可点击折叠或展开。
此 HTML 格式化器免费吗？
免费。2Kit 完全免费，无需账号或注册，无使用限制，不含广告，不收集个人数据。
技术实现
所有处理完全在您的浏览器中运行，不会向任何服务器发送数据。本工具作为渐进式网络应用（PWA）支持完全离线使用：首次访问后，所有页面和资源均由 Service Worker 缓存，无需网络连接即可正常使用。您的输入数据不会离开您的设备，可安全处理 API 密钥、密码、私有配置及机密文档等敏感内容。