HTML格式化/壓縮
在線HTML代碼格式化與壓縮工具，支持縮進美化與去除空白
0 個字元
使用說明
- 1 在輸入框中粘貼 HTML 代碼
- 2 點擊「格式化」美化，或點擊「壓縮」去除空白
- 3 查看結果，可一鍵複製
相關工具
代碼著色/高亮
在線代碼高亮工具，支持多種編程語言語法著色，基於highlight.js，純瀏覽器端處理
Cron 表達式解析器（含時區熱力圖）
解析 Cron 表達式為人類可讀描述，可視化字段含義，預覽未來 10 次執行時間，並支持多時區對照與 30 天日曆熱力圖。
CSS格式化/壓縮
在線CSS代碼格式化與壓縮工具，支持縮進美化與去除空白
代碼對比查看器
並排對比兩段文本或代碼的差異，新增/刪除行高亮顯示
HTML預覽/運行器
在線HTML代碼編輯和實時預覽工具，支持在沙盒iframe中運行HTML代碼。
JS格式化/壓縮
在線JavaScript代碼格式化與壓縮工具，支持縮進美化與單行壓縮
JSON格式化/編輯
在線JSON格式化、校驗和美化工具，支持語法高亮和錯誤提示
SQL格式化
在線SQL格式化工具，支持 MySQL、PostgreSQL、SQLite 等多種方言
時間戳轉換
在線時間戳轉換工具，支持秒級、毫秒級時間戳與日期時間雙向轉換。
URL 解析器
在線 URL 解析工具，支持拆解協議、主機、路徑、查詢參數和錨點信息。
UUID生成器
在線UUID v4生成器，支持批量生成、大寫和去橫線選項，一鍵複製。
XML格式化
在線XML格式化、美化工具，支持壓縮與縮進切換
YAML格式化
在線YAML與JSON互轉、格式化、校驗工具，支持雙向轉換和錯誤提示
關於此工具
HTML格式化工具將混亂的HTML代碼重新整理為層次清晰的縮進結構，標籤嵌套關係一目瞭然。無論是從頁面上抓取的壓縮HTML、模板引擎輸出的代碼，還是手寫時縮進混亂的片段，粘貼即可得到規範的格式化結果。
常用場景：分析競品網站的HTML結構、調試服務端渲染的HTML輸出、整理郵件模板的代碼、將UI設計工具導出的HTML整理為可維護的格式。壓縮功能則可去除註釋和多餘空格，減小HTML文件體積。
相比在瀏覽器DevTools「查看源代碼」只能只讀瀏覽，本工具格式化後的結果可以直接編輯和複製。相比在編輯器裡用Prettier格式化，無需安裝配置，適合臨時處理的場景。
常見問題
格式化HTML會修正標籤閉合問題嗎？ +
會嘗試補全明顯缺失的閉合標籤，但對於不規範的HTML，格式化行為可能與預期有偏差。建議在格式化前確保HTML的基本結構是正確的，格式化工具不是HTML修復工具。
內嵌的CSS和JavaScript也會被格式化嗎？ +
會。<style>標籤內的CSS和<script>標籤內的JavaScript也會隨HTML一起被格式化，分別使用CSS和JS的格式化規則處理，無需單獨處理內嵌代碼。
HTML壓縮會安全地刪除空格嗎？ +
壓縮時會刪除標籤之間的多餘空白和換行，但會保留內聯元素（如<span>、<a>）之間的單個空格，避免破壞文本的視覺間距。註釋會被默認刪除，但條件註釋（<!--[if IE]>）會被保留。
Vue/React模板文件可以用這個工具格式化嗎？ +
Vue的.vue文件和React的JSX文件使用了擴展語法，本工具主要針對標準HTML5，對JSX中的{}表達式和Vue指令（v-if、v-for等）可能處理不正確。建議使用項目內的Prettier或ESLint進行格式化。
格式化後的縮進可以自定義嗎？ +
可以設置縮進為2空格、4空格或Tab，根據項目編碼規範選擇。對於大型HTML文件，2空格縮進能在深層嵌套時保持較好的可讀性，4空格適合結構較淺的頁面。