HTML 格式化/压缩

格式化 HTML 代码使其更易读，或压缩 HTML 以减小体积

使用说明

  • 在左侧输入框中粘贴 HTML 代码
  • 点击「格式化」美化缩进和换行
  • 点击「压缩」去除空白和注释
  • 支持 HTML5 void 元素（如 br、img）的正确处理

功能特点

  • 支持 HTML5 所有标签和属性，包括 void 元素的自闭合格式
  • 智能识别块级元素和内联元素，优化换行策略
  • 保留属性顺序，支持布尔属性和自定义 data- 属性
  • 美化内嵌 CSS 和 JavaScript 代码块
  • 支持压缩模式，去除多余空白字符

使用说明

在输入框中粘贴需要格式化的 HTML 代码，点击「格式化」按钮即可获得结构清晰的 HTML。支持 HTML5 最新标签和属性。格式化后的代码缩进规范、层级分明，便于阅读和维护。

使用示例

HTML 格式化示例

<!-- 格式化前 -->
<div><header><h1>标题</h1></header><main><p>内容</p></main></div>

<!-- 格式化后 -->
<div>
  <header>
    <h1>标题</h1>
  </header>
  <main>
    <p>内容</p>
  </main>
</div>

常见问题

格式化会破坏 HTML 中的 JavaScript 代码吗？

不会。工具会智能识别 script 标签和其内容，保持 CSS 和 JavaScript 代码的完整性。

支持预览功能吗？

本工具专注于代码格式化，格式化后的代码可直接复制使用，建议在浏览器中预览实际效果。

如何处理自闭合标签？

遵循 HTML5 规范，void 元素（如 <br>、<img>、<input>）不会添加自闭合斜杠。