代码格式化工具

HTML Formatter

用 Prettier 格式化 HTML,可选择 2 或 4 空格,并整理标签、属性与嵌入内容。

Ctrl / ⌘ + Enter 可执行
只读结果

使用 Prettier 解析并格式化 HTML,支持完整文档和常见代码片段。

这个工具是什么

HTML Formatter 使用 Prettier 的 HTML 解析器和相关插件构建语法树,而不是依靠正则表达式随意换行。script 和 style 中的嵌入代码也由对应解析插件处理。

  • 代码只作为字符串解析,不插入 DOM,也不放入可执行 iframe。
  • 支持完整文档和常见 HTML 片段。
  • 解析错误会显示具体消息并保留输入。

如何使用

  1. 粘贴 HTML 文档或片段。
  2. 选择 2 或 4 空格缩进。
  3. 点击“格式化 HTML”。
  4. 复制结果或下载 formatted.html。

常见用途

  • 整理压缩过的模板。
  • 统一代码审查前的缩进和属性换行。
  • 检查明显的标签结构问题。

HTML Formatter 功能特点

使用 Prettier 解析并格式化 HTML,支持完整文档和常见代码片段。 适合日常开发、调试、数据整理与代码优化场景,处理结果可直接查看、复制或下载。

FAQ

工具会运行 script 吗?

绝不会。HTML 只作为文本交给格式化解析器,结果也显示在只读文本框。

为什么输出样式与原文不同?

Prettier 采用一致、确定的排版规则,可能重新换行属性或规范部分标签格式。

能格式化包含 style 和 script 的页面吗?

可以,页面按需加载 HTML、CSS 和 JavaScript 解析插件来处理常见嵌入内容。

返回开发者工具分类首页