Utils365

HTML 格式化与压缩

把 HTML 整理成整齐缩进的代码,或压缩后用于正式网站。

粘贴 HTML、打开 .html 文件,或将文件拖放到这里

下一步: CSS 格式化与压缩 · JavaScript 格式化与压缩

报告此工具的问题

如何使用 HTML 格式化

  1. 粘贴 HTML

    粘贴整个页面或一段代码,或打开、拖入 .html 文件。输入时即会自动格式化。

  2. 美化或压缩

    美化会用 2 个或 4 个空格或制表符缩进每个标签。压缩会删除注释和不显示的空格。

  3. 复制或下载

    复制结果,或下载为 .html 文件。压缩时可以看到节省了多少字节。

为什么选择 Utils365

  • 安全压缩

    <pre>、<textarea>、<script> 和 <style> 内的内容绝不改动,行内标签之间保留一个空格,页面显示效果不变。

  • 代码清晰易读

    每层嵌套标签缩进一级,挤在一行的页面也变得易读易改。

  • 节省一目了然

    一压缩就会显示压缩前后的大小和节省的百分比。

  • 隐私至上

    HTML 在您的浏览器中格式化,绝不会上传,未发布的页面和模板始终留在您手中。

常见问题

HTML 压缩会删除什么?

注释、换行、缩进,以及浏览器不会显示的标签间空格。旧版 Internet Explorer 的条件注释会保留,因为它们仍然起作用。

压缩会改变页面的外观吗?

不应该会。<div> 和 <p> 等块级元素旁的空白从不显示,因此会被删除。链接和按钮等行内元素之间会保留一个空格,因为那里的空格是可见的。

脚本和样式会被修改吗?

不会。<script> 和 <style> 的内容完全保持原样。如需压缩它们,请使用 JavaScript 和 CSS 格式化工具。

为什么 <pre> 不做处理?

在 <pre> 和 <textarea> 中,每个空格和换行都会显示在页面上,删除任何一个都会改变访问者看到的内容。

格式化工具会修复有错误的 HTML 吗?

不会。它只改变排版,不改动标签。缺少的结束标签依然缺少,所以请留意缩进:一个未结束的标签会让其后的所有内容多缩进一级。