HTML整形·圧縮
1行に圧縮されたHTMLを見やすくインデントしたり、逆にミニファイして1行にします。pre·script·style·textarea内部はそのまま保持されます。
入力HTML
結果
使い方
1
モードを選択
「整形(Beautify)」または「圧縮(Minify)」をタブで選択。整形はインデント追加、圧縮は空白·改行削除です。
2
HTMLを入力
左側にHTMLコードを貼り付けてください。結果が右側にリアルタイムで表示されます。
3
オプション調整·コピー
インデント幅(2文字·4文字·タブ)を選択可能。結果はワンクリックでコピーできます。
よくある質問
<pre>·<script>内部はどう扱う？
pre·script·style·textarea内部は空白·改行に意味があるため「そのまま」保持されます。インデントのみ外部構造に合わせて調整。圧縮モードでも内部は変更しません。
コメントは？
単一行コメントはその行に、複数行コメントは改行を保持します。圧縮モードでもコメントはそのまま残し、「コメント削除」オプションは提供しません(必要なら別ツールを使用してください)。
不正なHTMLでも処理される？
本ツールは単純なトークンベースのフォーマッタで、閉じタグ抜けや入れ子間違いがあっても処理は試みます(インデント深度がずれる可能性あり)。正確な検証はW3C Validatorを使用してください。
CSS·JSファイルも整形可能？
本ツールはHTML専用です。CSS·JSの整形はそれぞれ専用ツールを使用してください。ただしHTML内の<style>·<script>ブロックは、外部のインデントのみ調整され、内部コードは保持されます。
サーバーに送信されますか？
いいえ。すべての変換はブラウザ内で行われ、入力したHTMLが外部に送信されることはありません。
