Utils365

HTML 格式化與壓縮

將 HTML 整理成縮排整齊的標記,或壓縮後用於正式網站。

貼上 HTML、開啟 .html 檔案,或將檔案拖放到這裡

下一步: CSS 格式化與壓縮 · JavaScript 格式化與壓縮

回報此工具的問題

如何使用 HTML 格式化工具

  1. 貼上 HTML

    貼上整個頁面或一段程式碼,或開啟、拖放 .html 檔案。輸入時就會即時格式化。

  2. 美化或壓縮

    美化會用 2 或 4 個空格或 Tab 縮排每個標籤。壓縮會移除註解和不會顯示的空格。

  3. 複製或下載

    複製結果,或下載為 .html 檔案。壓縮時可以看到省下了多少位元組。

為什麼選擇 Utils365

  • 安全壓縮

    <pre>、<textarea>、<script> 和 <style> 內的內容絕不更動,行內標籤之間會保留一個空格,頁面外觀維持不變。

  • 標記清楚易讀

    每層巢狀標籤縮排一級,擠在一行的頁面也變得容易閱讀和編輯。

  • 節省一目瞭然

    一壓縮就會顯示前後大小與節省的百分比。

  • 注重隱私

    HTML 在您的瀏覽器中格式化,絕不會上傳,尚未發布的頁面和範本都留在您手上。

常見問題

HTML 壓縮會移除什麼?

註解、換行、縮排,以及瀏覽器不會顯示的標籤間空格。舊版 Internet Explorer 的條件式註解會保留,因為它們仍有作用。

壓縮會改變頁面的外觀嗎?

不應該會。<div> 和 <p> 等區塊元素旁的空白從不顯示,所以會被移除。連結和按鈕等行內元素之間會保留一個空格,因為那裡的空格看得到。

我的指令碼和樣式會被更動嗎?

不會。<script> 和 <style> 的內容完全保持原樣。若也想壓縮它們,請使用 JavaScript 和 CSS 格式化工具。

為什麼 <pre> 不做處理?

在 <pre> 和 <textarea> 中,每個空格和換行都會顯示在頁面上,移除任何一個都會改變訪客看到的內容。

格式化工具會修正有錯的 HTML 嗎?

不會。它只改變排版,不更動標籤。缺少的結束標籤依然缺少,所以請留意縮排:沒有結束的標籤會讓之後的所有內容多縮排一級。