0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0
設定
使用一致的縮排和可讀的結構格式化 HTML 代碼。設定縮排和行寬,將代碼貼入編輯器,然後按格式化。
原始程式碼
線路:0角色:0
運作方式
整理並重新縮排 HTML 文件,使標籤層級清晰一致。非常適合展開壓縮標記的巢狀、查看他人的範本或統一你的檢視風格。
除了縮排類型和大小以及行尾之外,它還能控制屬性如何換行(例如每行一個)以及換行前的最大行長,這對屬性很多的標籤很有用。
一切都在你的瀏覽器中使用 js-beautify 執行,並保留 pre 和 textarea 等區塊的內容。它格式化外觀;不會驗證 HTML,也不會補全缺失的標籤。
範例
<ul><li><a href="/a">A</a></li><li>B</li></ul><ul>
<li><a href="/a">A</a></li>
<li>B</li>
</ul>每個巢狀元素都以相應的縮排單獨成行。使用情境
- 展開並讓頁面的壓縮 HTML 標記變得可讀。
- 在提交前統一範本的縮排。
- 控制屬性眾多的標籤中的屬性換行。
- 查看含巢狀表格的郵件或電子報片段。
常見問題
屬性換行選項有什麼作用?
它定義標籤屬性的排列方式:同一行、強制每行一個或對齊。當元素有很多屬性且你想提高可讀性時很有用。
pre 或 textarea 的內容會被破壞嗎?
不會。格式化工具會保留 pre 和 textarea 等標籤的內容(其中空格和換行有意義),不會對其重新縮排。
它會驗證或修復 HTML 嗎?
不會。它只重新排列縮排和換行。它不檢查標籤是否正確閉合,也不修復標記錯誤。
我的程式碼會上傳到伺服器嗎?
不會。格式化完全在你的瀏覽器中進行;HTML絕不會離開你的電腦。