什麼是 HTML 格式化程式?
HTML 格式化程式使用乾淨、一致的縮排重寫 HTML 標記,以便輕鬆閱讀文件的結構。貼上縮小的頁面、從建置工具複製的片段或帶有不匹配選項卡和空格的手寫標記,格式化程式解析標籤樹並以每個嵌套深度一級縮排將其列印回。反向操作,縮小,剝離標籤之間微不足道的空白,以縮小檔案以供生產,而不改變瀏覽器的渲染方式。
原始 HTML 很少以您可以掃描的狀態到達。伺服器範本在一行上發出它,捆綁器將其折疊,並貼上帶有所用來源的任何間距的片段。美化會暴露嵌套,以便您可以找到所需的元素,發現從未關閉的標籤,或乾淨地傳播兩個版本。當您調試佈局、審核可訪問性標記或首次閱讀其他人的內容時,這一點最為重要。格式化程式將尖括號牆變成您可以遵循的輪廓。
一個有效的範例顯示了這個免費的 HTML 格式化程式在草率輸入的情況下會做什麼。貼上<ul>PH1__One<li>Two</ul><p>Hi <b>there</b>,保留 Beautify 和 2 個空格,然後按一下格式。線上 HTML 格式化程式關閉清單項目和段落,將每個 li 放在自己的縮排行上,並在一行上保留 <p>Hi <b>there</b><li>0__,因為它是短內聯內容。輸出讀取 5 個標籤、5 行、63 位元組和兩個警告,列出自動關閉的內容,因此 HTML 程式碼格式化程式永遠不會默默修復損壞的標記。
該工具在瀏覽器中 100% 運行,並具有無依賴性的解析器,因此您貼上的任何內容都不會上傳或記錄,並且一旦頁面加載,它就會保持離線工作。解析器故意寬容:它應用瀏覽器對li、p、td 和option 等標籤使用的相同隱含關閉規則,因此省略結束標籤的現實世界標記仍然可以正確格式化。腳本、樣式、pre、textarea 和標題內的內容是逐字複製的,這意味著您的 JavaScript、CSS 和預先格式化的文字永遠不會重新縮排或損壞。
如何使用 HTML 格式化程式?
貼上你的 html
將任何 HTML 貼到輸入面板中,無論是縮小到一行、不一致縮排或從範本複製的片段。按一下載入範例以從一個小逼真頁面開始。
選擇美化或縮小
選擇 Beautify 重新縮排標記以進行讀取和編輯,或 Minify 將其折疊為最小的無空白形式以進行製作。
設定縮排和選項
選擇 2 個空格、4 個空格或選項卡來美化輸出,並可選擇刪除 HTML 註解。首先解析文檔,因此未關閉的標籤將報告為警告。
複製或下載結果
將格式化的 HTML 複製到剪貼簿或將其作為 。html 檔案下載,然後將其放入編輯器、範本或頁面中。
主要特點
美化和縮小
使用 2 空間、4 空間或選項卡縮排重新縮排 HTML 以提高可讀性,或將其縮小到最小的無空格形式,兩者均來自同一工具。
寬容解析器
對 li、p、td 和 option 等標籤套用瀏覽器隱含關閉規則,因此省略結束標籤的標記仍然可以正確格式化,而不是破壞。
腳本和樣式保留
腳本、樣式、pre、文字區域和標題內的內容是逐字複製的,因此您的 JavaScript、CSS 和預先格式化的文字永遠不會重新縮排或更改。
內聯感知輸出
短段落和內聯運行就像 a、strong 和 em 停留在一行上,而不是逐個標籤分開,因此結果會按照您編寫的方式讀取。
Frequently Asked Questions
Related Tools
HTML Table Generator
Generate an accessible HTML table from pasted CSV or tab-separated data. Add a header row, caption, striped rows, and borders, then copy the HTML and CSS. Runs client-side.
HTML to Markdown
Convert HTML to clean Markdown instantly. Turns headings, lists, links, images, blockquotes, code blocks and tables into portable GitHub Flavored Markdown. Tolerant of messy CMS markup. Runs client-side.
Markdown Table Generator
Build Markdown tables in a spreadsheet-style editor - import CSV, Excel, or an existing table, set alignment, copy clean GFM
Markdown to HTML
Convert Markdown to clean, semantic HTML with GitHub Flavored Markdown support - tables, task lists, fenced code, heading anchors, live preview and a full HTML document export.
Comments
0 comments
No comments yet. Be the first to share your thoughts!