HTML 美化

清理杂乱的 HTML，添加一致的缩进和结构。复制或下载美化结果。

输入
1
输出
1
0 字符 0 行

HTML 美化

该工具美化 HTML 代码，添加适当的缩进、换行和一致的格式。粘贴压缩或格式不佳的 HTML，即可获取干净、可读的输出。

操作在浏览器中本地运行。您的数据不会上传或存储在服务器上。

使用方法

  1. 将 HTML 代码粘贴到输入编辑器中。
  2. 点击美化 HTML来清理代码。
  3. 美化后的 HTML 将以适当的缩进显示在输出编辑器中。
  4. 使用复制复制到剪贴板，下载保存文件，或清除重置。

什么是 HTML 美化？

HTML 美化为 HTML 代码添加缩进和换行，使其易于阅读。压缩的 HTML 移除了所有空白字符以减小文件大小，但难以阅读和调试。

美化 HTML 对于调试网页、查看模板和与其他开发者协作至关重要。

输入说明

该工具接受任何 HTML 输入。美化器保留所有标签和属性——只改变空白和缩进以提高可读性。

示例

压缩的 HTML 美化后变得可读：

--- 压缩输入 ---
<html><head><title>Test</title></head><body><p>Hello</p></body></html>

--- 美化输出 ---
<html>
  <head>
    <title>Test</title>
  </head>
  <body>
    <p>Hello</p>
  </body>
</html>