免費HTML 美化與壓縮工具

工作原理

此工具使用直接內建在頁面中的手寫標籤感知分詞器來格式化或壓縮 HTML——沒有第三方格式化庫，沒有伺服器往返。你一輸入或貼上，標記的每個字元都在瀏覽器中本地處理。

1. 1
   分詞器掃描標記

   自定義的逐字元掃描器遍歷 HTML 字串，識別註解、DOCTYPE 宣告、開始標籤、結束標籤、自閉合空元素（br、img、input 等）以及原始文位元組點。專門的輔助函式追蹤帶引號的屬性值，因此屬性中的 > 等字元（例如 value="a>b"）絕不會導致標籤提前斷開。
2. 2
   按標籤追蹤縮排深度

   在美化模式中，分詞器維護一個深度計數器。塊級開始標籤增加深度；結束標籤在寫出之前減少深度。內聯元素（span、a、strong、em 等）與其內容保持在同一行，而不是單獨縮排一行。pre、script、style 和 textarea 等標籤的內部內容會原樣輸出，以免破壞對空白敏感或可執行的程式碼。
3. 3
   壓縮器安全地摺疊空白

   在壓縮模式中，pre、script、style 和 textarea 塊的內容會在摺疊空白之前替換為編號佔位符。HTML 註解被刪除，標籤之間連續的空白被移除——相鄰內聯元素之間除外，那裡保留一個空格，以免單字粘連。然後將佔位符恢復為原始內容。
4. 4
   顯示輸出並可選擇儲存

   格式化或壓縮後的結果即時顯示在輸出面板中，並附有大小變化百分比。你可以將其複製到剪貼簿或下載為 .html 檔案，全程無需離開瀏覽器。

相關工具