HTML フォーマッタ

HTMLフォーマッターは、クリーンで一貫したインデントでHTMLマークアップを書き換えるので、文書の構造が読みやすいようにします。 minifiedページ、ビルドツールからコピーされたスニペット、またはタブとスペースが一致しない手書きのマークアップを貼り付け、フォーマッターはタグツリーを解析し、ネスティングの深さごとに1 レベルのインデントで印刷し直します。 minifyingの逆操作は、ブラウザのレンダリング方法を変更することなく、生産のためにファイルを縮小するためにタグ間の重要ではない空白をストリップします。

Raw HTMLはスキャン可能な状態になることはめったにありませんサーバーテンプレートはそれを1 行で発光しバンドラーはそれを折りたたみ、貼り付けられたフラグメントは使用するソースの間隔を何でも運びます美化するとネストが公開されるので必要な要素を見つけたり、一度も閉じられなかったタグを見つけたり、2 つのバージョンをきれいに差分したりできますこれはレイアウトをデバッグしたり、アクセシビリティのためのマークアップを監査したり、他人のコンテンツを初めて読んだりするときに最も重要ですフォーマッターは角括弧の壁をあなたが従うことができるアウトラインに変えます。

作業例では、この無料の HTML フォーマッタがずさんな入力で何を行うかを示しています。 <ul>PH1__One<li>Two</ul><p>Hi <b>there</b> を貼り付け、Beautify と 2 つのスペースを選択して保持し、フォーマットをクリックします。オンライン HTML フォーマッタは、リスト項目と段落の両方を閉じ、各 li を独自のインデント行に置き、インライン コンテンツが短いため <p>Hi <b>there</b><li>0__ を 1 行に保持します。出力は 5 つのタグ、5 行、63 バイトを読み取り、2 つの警告は自動閉じられたものをリストするため、HTML コード フォーマッタは壊れたマークアップを静かに修復することはありません。

このツールは依存関係のないパーサーでブラウザー内で 100% 実行されるため、貼り付けてもアップロードもログも記録されず、ページが読み込まれるとオフラインで動作し続けます。パーサーは意図的に寛容です。ブラウザーが li、p、td、option などのタグに使用するのと同じ暗黙の終了ルールを適用するため、省略されたエンド タグを使用した現実世界のマークアップは依然として正しくフォーマットされます。 script、style、pre、textarea、title 内のコンテンツはそのままコピーされます。つまり、JavaScript、CSS、および事前にフォーマットされたテキストは、再インデントまたは破られることはありません。