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絕不會離開你的電腦。