線上 HTML 格式化與美化工具 — 格式化 HTML | fixjson.org

input.html

<!doctype html><html><head><title>Demo</title><style>body{font-family:sans-serif;margin:2rem}h1{color:#2d6cdf}</style></head><body><h1>Hello, world</h1><p>This HTML is <strong>rendered</strong> locally — nothing is uploaded.</p><ul><li>One</li><li>Two</li></ul></body></html>

output.html縮排

貼上 HTML，一鍵以一致縮排美化。

相關

與 HTML 格式化相關的指南

全部指南 →

JSON 解析錯誤：讀懂訊息，直達修復

JSON 解析器錯誤訊息及其解釋文章的目錄 —— 先用嚴格驗證器，再深入到具體的語法問題。

修復無效 JSON：從「哪裡出錯」到乾淨的檔案

修復看起來幾乎正確的 JSON —— 尾隨逗號、單引號、未加引號的鍵 —— 使用能容忍「準 JSON」的智慧格式化器，然後進行嚴格驗證。

JSON 格式化器、驗證器、檢視器：選對工具

並排比較格式化器、驗證器、檢視器、壓縮器和差異比對，以及在審查 API 負載時串聯它們的順序。

線上 HTML 格式化與美化工具

貼上壓縮過或雜亂的 HTML，點擊 Format 即可以一致、易讀的縮排美化。這個線上 HTML 格式化工具完全在你的瀏覽器中執行 —— 不會上傳任何內容 —— 因此用於內部範本與正式環境的標記都很安全。

美化 HTML —— 把單行或不一致的標記變成乾淨、帶縮排的樹狀結構
選擇縮排寬度 —— 2 或 4 個空格
保留內容 —— 文字、<script>、<style> 與 <pre> 區塊都會完整保留
注重隱私 —— 一個在本機端運作、不上傳的 HTML 美化工具

以安全的方式格式化 HTML

格式化工具會依巢狀深度重新縮排標籤，而不會改寫你的內容。<br>、<img> 與 <input> 等空元素都會被正確處理，而 <script>、<style>、<pre> 與 <textarea> 的內容則維持原樣，因此不會破壞任何東西。

想在格式化的同時看到標記被渲染出來，請使用 HTML 檢視器。若要改為美化排版結構化資料，請試試 XML 格式化或 JSON 轉 XML。

FAQ

我要如何線上格式化 HTML？

貼上你的 HTML，選擇縮排寬度，然後點擊 Format。美化工具會依巢狀深度重新縮排標記，你也可以複製結果 —— 全程都在你的瀏覽器中完成。

它會更動我的內容嗎？

不會。它只會調整標籤之間的空白與縮排。文字以及 <script>、<style> 與 <pre> 的內容都會被保留。

HTML 會被上傳到伺服器嗎？

不會 —— 格式化都在你的瀏覽器本機端進行，因此用於機密或內部標記都很安全。