原始 HTML
選項
美化後的 HTML
關於此工具
此工具根據需要格式化或壓縮 HTML 代碼。美化模式添加正確的縮排和換行，使巢狀元素清晰可讀。壓縮模式去除空白和可選字符以減小生產檔案大小。驗證器在頁面出錯之前捕獲常見問題，如未閉合標籤或不匹配元素。壓縮時內聯 CSS 和 JavaScript 也會被壓縮。所有操作都在瀏覽器中運行——沒有資料發送到伺服器。
使用方法
- 貼上 HTML 或上傳檔案
- 選擇美化進行縮排格式化，或壓縮進行壓縮
- 調整設定：縮排大小（2/4 空格或製表符）、是否去除註解、壓縮內聯 CSS/JS
- 輸出會隨著輸入或設定更改自動更新
- 複製結果或下載為檔案
常見用例
- 調試第三方 HTML：從 CMS 或構建工具得到一行代碼？美化它以查看實際內容
- 生產優化：部署前減少 15-30% 的 HTML 大小
- 代碼審查：統一格式化 HTML，使差異只顯示實際更改，而非格式噪音
- 學習 HTML：貼上複雜標記並美化以理解結構
- 郵件模板：壓縮 HTML 郵件以保持在大小限制內並提高送達率
限制
- 這是基於語法的格式化器，不是完整的 HTML 解析器——CDATA 部分或伺服器端包含等邊緣情況可能無法完美格式化
- 驗證器捕獲結構問題（未閉合標籤）但不驗證 HTML5 規範合規性
- 非常大的檔案（5MB+）可能會減慢瀏覽器
- pre/code/textarea 中的空白在美化模式下保留，但在壓縮模式下可能折疊——請手動檢查
- 模板語法（Jinja、Handlebars、Blade）可能導致驗證警告