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>