免費註冊

HTML 格式化

貼上壓縮過或縮排混亂的 HTML，得到層級清楚、方便修改的程式碼。

關於HTML 格式化

HTML 格式化適合處理擠成一行、縮排亂七八糟的程式碼：用網頁原始碼檢視複製出來的頁面，建站系統匯出的模板，HTML 郵件，從後臺編輯器裡粘出來的一段程式碼，想改一處都得先找半天。把程式碼貼進來或開啟檔案，格式化結果隨輸入實時出現，縮排可選 2 空格、4 空格或 Tab。

div、p、ul、table 這類塊級標籤各佔一行，a、span、b、em 等行內標籤留在文字裡，句子不會被拆得七零八落。pre 和 textarea 裡的內容原樣保留，因為那裡的空格和換行是有意義的。內嵌的 style 和 script 預設也會一起格式化，取消勾選“同時格式化其中的 CSS 和 JavaScript”則不處理其中的程式碼；註釋全部保留。想把網頁程式碼變小，用 HTML 壓縮。程式碼只在瀏覽器裡處理，不會上傳，頁面載入後斷網也能用。

HTML 格式化怎麼用

  1. 1
    貼上 HTML

    把程式碼貼上到輸入框，或開啟本地的 HTML 檔案。

  2. 2
    選縮排

    選 2 空格、4 空格或 Tab，HTML 格式化結果馬上更新。

  3. 3
    複製或下載

    複製格式化後的程式碼，或下載成檔案。

為什麼用熊仔工匠

  • 換行合理

    塊級標籤各佔一行，a、span、em 等行內標籤留在文字裡。

  • pre 內容不動

    pre 和 textarea 裡的空格、換行原樣保留。

  • 內嵌 CSS、JS 一起整理

    style 和 script 塊預設跟著 HTML 一起格式化，這個選項可以關掉。

  • 不上傳、可離線

    在瀏覽器裡執行，不佔次數，頁面載入後斷網也能用。

常見問題

HTML 格式化常見問題

HTML 程式碼怎麼線上格式化？
貼上 HTML 或開啟檔案，選好縮排（2 空格、4 空格或 Tab），複製結果即可。結果隨輸入實時更新，不用裝軟體，也不用註冊。
HTML 格式化會影響網頁顯示嗎？
只調整空白：換行、縮排和多餘的空格。行內標籤留在文字裡，pre 和 textarea 的內容不動，一般的頁面顯示效果不會變。
HTML 裡的 CSS 和 JS 也會格式化嗎？
會，預設就會。內嵌的 style 和 script 塊會跟著一起格式化，取消勾選“同時格式化其中的 CSS 和 JavaScript”就不處理其中的程式碼；單獨的 .css、.js 檔案請用 CSS 格式化和 JS 格式化。
註釋會被刪掉嗎？
不會，註釋都保留。上線前想去掉註釋和空白，可以再用 HTML 壓縮處理一遍。
HTML 程式碼會上傳嗎？
不會。格式化在你的瀏覽器裡完成，程式碼不會發到我們的伺服器，不佔每日次數，頁面載入後斷網也能用。
把HTML 格式化分享給朋友開啟瀏覽器就能用，對方不註冊也能先試。

相關工具

JS JS 格式化美化壓縮過或排版混亂的 JavaScript。
HEX 色碼轉換顏色在 HEX、RGB、HSL、CMYK 之間互轉，並檢查對比度。
CRON Cron 表示式生成與解析生成 Cron 表示式，用大白話說明含義並列出接下來的執行時間。
CSS CSS 格式化把壓縮過的 CSS 還原成整齊易讀的樣式。
CSS CSS 壓縮壓縮 CSS，讓網頁載入更快。
HTML HTML 壓縮去掉註釋和多餘空白，壓縮 HTML。
HTTP 線上 HTTP 請求測試向公開的介面傳送 GET、POST 等請求，檢視返回結果。
JS JS 壓縮去掉 JavaScript 的註釋和空白，不改變執行結果。