HTML 格式化工具

在线格式化 HTML 片段或完整文档,自动整理标签层级,并通过行号快速定位代码。

支持 2、3、4 空格缩进 · 严格检查标签闭合 · 数据仅在浏览器本地处理

格式化空格数:

HTML 输入

1 行

格式化结果

0 行
正在加载 HTML 代码视图...
格式化结果将显示在这里

HTML 内容不会上传或保存。切换缩进空格数后,请重新点击“格式化”。

如何使用 HTML 格式化工具

  1. 在左侧输入 HTML 片段,或粘贴包含 DOCTYPE 的完整 HTML 文档。
  2. 选择每层使用 2、3 或 4 个空格缩进。
  3. 点击“格式化”,右侧会显示带行号的格式化结果。
  4. 检查结果后点击“复制格式化内容”,即可继续用于开发或调试。

HTML 格式化规则

  • 普通嵌套标签会按层级换行并缩进。
  • imginputmetabr 等 void 元素不要求闭合标签。
  • scriptstylepretextarea 内部内容保持原样。
  • 注释、DOCTYPE 和其他声明会保留。
  • 标签错配、意外闭合或缺少闭合标签时会停止格式化并显示错误原因。

本工具采用严格校验,不会自动修复错误结构。这样可以避免浏览器自动纠错掩盖真实的 HTML 标签问题。

常见问题 FAQ

支持格式化 HTML 片段吗?

支持。既可以格式化单个 div、表格或表单片段,也可以处理包含 DOCTYPE、html、head 和 body 的完整文档。

为什么有些 HTML 无法格式化?

工具会严格检查普通标签的嵌套和闭合关系。出现标签错配、意外闭合或缺少闭合标签时,会显示具体错误而不是自动修复。

script 和 style 中的代码会被修改吗?

不会。script、style、pre 和 textarea 标签内部的内容会保持原样,本工具只整理它们外层的 HTML 结构。

可以选择几个空格缩进?

支持每层使用 2、3 或 4 个空格。选择后重新点击格式化即可生成对应结果。

输入的 HTML 会上传到服务器吗?

不会。格式化和校验都在当前浏览器中完成,页面不会上传或保存输入内容。