HTML 格式化

把雜亂的 HTML 整理成可讀的縮排，或壓成一行——全部在瀏覽器內完成。

HTML

格式化結果

格式化壓縮

2 空格4 空格

使用方式

貼上或輸入 HTML，邊輸入邊排版（或壓縮）——無需點選任何按鈕。
切換「格式化 / 壓縮」，並選擇 2 或 4 空格；壓縮模式下縮排控制項停用。
塊級元素每層縮排一級、每行一個；內聯內容（文本與 <a>、<b> 等標籤混排）原樣保留。
void 元素（<br>、<img>、<input>…）無需閉合，逐字元保留，包括可選的 />。
原始文本元素（<script>、<style>、<textarea>、<title>、<pre>）內部逐字元複製，不解析、不重排。

示例

輸入

<div><h2>標題</h2><p>一段<b>粗體</b>文字</p><img src="a.png" alt="圖"></div>

輸出

<div>
  <h2>標題</h2>
  <p>一段<b>粗體</b>文字</p>
  <img src="a.png" alt="圖">
</div>

內聯內容與 <script>/<style> 內部原樣保留；<img> 是 void 元素，逐字元保留。

侷限

只做結構排版：標籤配對、void 元素、常見隱式閉合（li/td/tr/dt/dd/option/p/head）與巢狀；不做 DTD/Schema 校驗。
嵌入式 JavaScript 與 CSS 不格式化，<script>/<style> 內部原樣保留（請用程式碼格式化工具處理）。
不推斷全部 HTML5 可選結束標籤；真正寫壞的巢狀會按行列報錯。
內聯/混排內容刻意不重排；<pre>/<textarea>/<title> 內部原樣保留。
無檔案上傳、無 URL 引數、無歷史、無賬號；輸入不會離開瀏覽器。

本工具箱中的其它格式化與文本工具。