使用方式
- 將 HTML 貼入輸入框、開啟 .html 檔案，或試用範例。
- 選擇「美化」以取得縮排且易讀的標記，或選擇「壓縮」以取得精簡輸出。
- 美化時，可選擇 2 個空格、4 個空格或 Tab，並決定是否保留註解。
- 複製結果，或將其下載為 .html 檔案。
運作方式
此格式化工具使用寬鬆的標記解析器（類似瀏覽器）讀取 HTML，再將其重新輸出。它不會渲染輸入內容，因此貼上程式碼中的指令碼無法執行，也不會從網路載入任何資源。
美化（Beautify）會將每個區塊級元素（div、p、ul、li、section、table……）各自放在獨立的一行，並依巢狀深度縮排。文字以及 a、b、em、span、code、img、br 等行內元素會保留在同一行，因此單字與連結之間的空白不會被改動而影響頁面顯示。文字中連續的空白與換行會變成單一空格，這也正是瀏覽器顯示它們的方式。
pre、textarea、script 與 style 元素的內容會依原樣複製，包括其中的空白以及任何 < 或 > 字元。br、img、input、meta、link 等空元素永遠不會加上結束標籤。內嵌 SVG 中的 <path /> 等自我結束標籤會保持自我結束。
壓縮（Minify）會將文字中的空白收合為單一空格、移除區塊元素旁的空白、正規化屬性之間的空白；若「保留註解」關閉，則會移除註解。條件式註解一律保留。
此工具不會修正無效的 HTML、補上缺少的標籤、重新排列屬性，或壓縮 style 與 script 元素內的 CSS 與 JavaScript。未關閉的元素會在其父元素結尾處關閉；沒有對應開始標籤的結束標籤會依原樣保留。
範例
閱讀產生的標記
CMS 將範本輸出成一整行。以 2 個空格美化後，會將 nav、清單項目與主要內容顯示為縮排樹狀結構；而「Prices include <strong>VAT</strong>。」則會保留在同一行，易於閱讀。
準備電子郵件範本
在關閉註解的情況下壓縮 HTML 電子郵件，以縮減其大小。含有價格表格的 <pre> 區塊與行內 <style> 會保持原樣。
檢查結構
當缺少結束標籤 </div> 時，美化後的輸出會將後續元素縮排得過深一層，因此很容易看出該元素應該在何處結束。
常見問題
美化會改變頁面外觀嗎？
幾乎不會。區塊元素內的空白會被合併並轉成換行，而這些換行會被瀏覽器忽略。文字與行內元素會維持在同一行，pre、textarea、script 與 style 內容則完全不會更動。唯一的例外是依賴在一般元素上使用 CSS white-space: pre 的頁面。
它會壓縮頁面內的 CSS 與 JavaScript 嗎？
不會。script 與 style 內容會以原樣保留，因此不會造成損壞。如需壓縮樣式表，請另外使用 CSS 格式化工具。
貼上來自不明來源的 HTML 是否安全？
安全。輸入內容只會以純文字處理，絕不會插入頁面，因此其中的指令碼不會執行，圖片或連結也不會載入。
它會驗證我的 HTML 嗎？
不會。此工具刻意保持寬鬆，會格式化有問題的標記而不會拒絕處理。配對錯誤的結束標籤會保留下來，方便你透過縮排找出問題，但不會產生錯誤清單。
隱私權
你的 HTML 只會在你的瀏覽器中處理，絕不會被渲染或上傳。不會儲存任何內容，也不會納入分析。