HTML 格式化
在瀏覽器中美化並縮排雜亂或壓縮的 HTML。
即時 — 邊輸入邊格式化
範例
美化壓縮的 HTML
輸入
<ul><li>One</li><li>Two</li></ul>
輸出
<ul> <li>One</li> <li>Two</li> </ul>
縮排巢狀結構
輸入
<div><p>Hi <a href="#">there</a></p></div>
輸出
<div> <p>Hi <a href="#">there</a></p> </div>
關於此工具
這個免費線上 HTML 格式化工具把雜亂、壓縮或手改的標記變成整潔、縮排整齊的 HTML——一個快速的 HTML 美化和格式化工具。貼上你的 HTML，選擇縮排樣式，格式化結果立即出現。一切都在你的瀏覽器中執行，不上傳，你的程式碼絕不會離開你的裝置。
使用方法
- 把 HTML 貼到輸入框（點擊範例試用）。
- 選擇 2 空格、4 空格或定位字元縮排。
- 在右側輸出框查看美化後的 HTML。
- 用複製按鈕複製結果。
何時使用 HTML 格式化工具
從建置好的頁面複製壓縮 HTML、接手同事不一致的標記，或在編輯前想讀懂郵件範本或元件時，重新格式化很方便。一致的縮排讓巢狀一目了然，diff 也更乾淨。
常見問題
這個 HTML 格式化工具免費嗎?
免費 — 無須註冊、無限制的完全免費線上 HTML 格式化和美化工具。想格式化和縮排多少 HTML 都行。
我的 HTML 會上傳到伺服器嗎?
不會。這是不上傳的工具——你的 HTML 完全在瀏覽器中格式化，所以標記絕不會離開你的裝置。對私密或內部程式碼也安全。
HTML 美化器實際上做什麼?
它重新縮排你的標記，把標籤和內容各放一行，並正規化間距，讓雜亂或壓縮的 HTML 變得整潔易讀。它不會改變頁面的算繪結果。
我能選擇縮排嗎?
能——選 2 空格、4 空格或定位字元。你的選擇會記在瀏覽器中，下次仍在。
它能處理壓縮的 HTML 嗎?
能。貼上單行或壓縮的 HTML，它會把它展開成正確縮排、易讀的結構。
會破壞我的內嵌 JavaScript 或 CSS 嗎?
不會。內嵌的 <style> 和 <script> 區塊會保持完整，並隨周圍標記一起縮排，所以你的程式碼繼續正常運作。
離線和手機上能用嗎?
頁面載入後它在本地執行，所以在網路不穩時仍能運作，版面在手機和平板上完全響應式。
相關工具