HTML 程式碼的美化與壓縮機制
HTML 程式碼的排版方式直接影響開發效率與網頁載入速度。本工具提供「美化」與「壓縮」兩種核心處理功能，協助開發人員在不同階段優化 HTML 標記語言。
- 美化：此功能會重新縮排並拉開標記語言的間距，使雜亂無章的程式碼變得易讀且便於編輯。
- 壓縮：此功能旨在縮減檔案體積以提升網頁載入速度。壓縮過程中會清除所有不必要的空格與註解、壓縮內嵌的 CSS 和 JavaScript，並捨棄選填的屬性引號。為了確保網頁轉譯與行為在壓縮後完全相同，像預先格式化文字區塊（例如
<pre>）等對空格敏感的內容，在壓縮時會保持原樣，不受影響。
輸入參數與限制
使用者可將 HTML 程式碼複製並貼上至「HTML 輸入」文字區域中。本工具的處理上限為 500,000 個字元。若輸入的內容超出此限制，系統將會顯示錯誤訊息「文件太大，無法處理。請嘗試較小的檔案。」。若輸入的 HTML 格式存在嚴重缺陷而無法解析，則會顯示「無法處理此 HTML。」。
在執行美化前，使用者可於「縮排」選項中選擇使用「2/4 spaces or Tab」作為縮排單位。此外，工具亦提供「驗證」開關，使用者可選擇「開啟」或「關閉」結構檢查功能。
本機處理與瀏覽器隱私
本工具的所有運算均在用戶端進行。你的 HTML 會在瀏覽器本機進行美化、壓縮和驗證，不會上傳至 BroBroGo。整個處理過程不涉及任何伺服器端的傳輸或儲存。
結構驗證與常見錯誤偵測
當「驗證」功能設為「開啟」時，工具會在處理過程中進行快速的結構檢查。這項檢查並非完整的 W3C 合規報告，而是著重於找出影響瀏覽器解析的常見結構問題：
- 未閉合或不匹配的標籤：標籤未正確關閉會導致 DOM 結構混亂。
- 重複的 ID：在同一個 HTML 文件中，每個
id屬性值必須是唯一的，重複的 ID 會影響 JavaScript 選擇器與 CSS 樣式的運作。 - 重複的屬性：在單一標籤內重複定義相同的屬性會導致瀏覽器解析衝突。
- 未轉義的字元：特殊字元若未經過 HTML 實體轉義，可能會被瀏覽器誤判為標記語言的一部分。
在驗證執行時，系統會先顯示「正在檢查...」。若未偵測到任何結構問題，會顯示「未發現問題。」；若偵測到錯誤，則會顯示「發現 {count} 個問題。」，並在「驗證」標題下方詳細列出每個問題的具體位置，格式為「第 {line} 行：{col}」。
輸出數據與狀態回饋
處理完成後，工具會即時更新並顯示以下輸出數據與狀態：
- 行數：處理後的 HTML 總行數。
- 字元：處理後的 HTML 總字元數。
- 大小：處理後的 HTML 檔案大小（以位元組 Byte 為單位）。
- 狀態回饋：
- 執行美化後，顯示「已美化。」。
- 執行壓縮後，若有節省空間，會顯示「已壓縮——體積減少
{pct}%。」，否則顯示「已壓縮。」。 - 點選「清除」按鈕清空輸入框後，顯示「已清除。」。
常見問題
「美化」與「壓縮」有何分別？
「美化」會重新縮排並加入空格，讓標記語言易讀易改；「壓縮」正好相反，會移除瀏覽器不需要的空格和註解，使檔案更小、載入更快。開發時使用美化，發佈前進行壓縮。
啟用驗證會檢查甚麼？
它會標示出瀏覽器通常會默默容錯的結構問題——例如未閉合或不匹配的標籤、重複的 ID、重複的屬性及未轉義的字元——並提供每處的行號和列號。這是一項快速的結構檢查，而非完整的 W3C 合規報告。
壓縮會改變網頁的外觀嗎？
不會，網頁的轉譯和行為完全相同。壓縮會移除空格和註解、壓縮內嵌 CSS 和 JavaScript，並捨棄選填的屬性引號——只保留瀏覽器呈現相同頁面效果所需的部分。像預先格式化文字區塊（pre）等對空格敏感的內容則會保持原樣。