HTML 格式化工具
美化 HTML 並加入區塊感知縮排,或進行壓縮。保留 pre、textarea、script 和 style 的內容。
如何使用 HTML 格式化
- 01
將 HTML 貼入輸入框。
- 02
選擇「美化」加入縮排,或「壓縮」進行壓縮。
- 03
選擇縮排大小,然後複製結果。
HTML 格式化程式的作用
這是一個 HTML 格式化程序,它透過區塊和內聯感知縮進來美化標記,或透過折疊空白和剝離註釋來縮小標記。美化時選擇縮排大小。
根據元素的嵌套方式美化縮排元素,因此文件的結構(哪些元素包含哪些元素)變得顯而易見。這使得手寫或生成的 HTML 更容易閱讀和調試。
美化和縮小都完全在你的瀏覽器中運行,因此你的標記永遠不會離開你的裝置。
它保持不變的元素
它故意保留 pre、textarea、script 和 style 的內容不變,因為這些元素內的空格很重要:重新格式化它們會改變預先格式化的文字、使用者輸入的內容或程式碼的含義。
縮小如何工作
縮小會刪除註解並折疊空白,從而縮小瀏覽器必須下載的檔案大小。它作為生產頁面的建置步驟最有用。
為什麼它在標籤之間保留空格
縮小器在標籤之間保留單個空格,而不是完全刪除它,因為實際上會渲染內聯元素之間的空格,並且刪除它可能會改變你的佈局。這種謹慎可以避免激進的縮小器可能導致的微妙視覺錯誤。
常見問題
美化 HTML 有什麼作用?
它根據巢狀結構縮排元素,同時保留 pre、textarea、script 和 style 的內容不變,因為這些標籤中的空白是有意義的。
HTML 壓縮如何運作?
它移除注解並將連續空白縮減為單一空格。它在標籤之間保留單一空格,而不是完全去除,因為行內元素之間的空白會被渲染,去除後可能導致版面偏移。
我的 HTML 會傳送到伺服器嗎?
不會。美化和壓縮完全在瀏覽器中執行,標記永遠不會離開你的裝置。