HTML Formatter

使い方

1. 左側の入力欄に HTML を貼り付けます。ドキュメント全体でも断片でも OK。
2. モードを選びます。整形は改行と 2 スペースインデントを、圧縮は余白とコメントの削除を行います。
3. Convert を押します。編集に合わせて結果は自動で更新されます。
4. Copy または Download で結果を取り出します。

よくある用途

• コピペしたマークアップの整理 —— ドキュメントやメール、旧ページからコピーした HTML を再インデントして読みやすく。
• 公開前のダイエット —— 静的 HTML のデプロイ前にインデント・空行・コメントを削除。
• diff をきれいに —— インデントを統一すれば、HTML の差分は空白ノイズではなく実変更だけを示します。
• サードパーティコードの確認 —— 圧縮されたウィジェットや広告タグを展開し、何を読み込んでいるか確認できます。

よくある質問

Q: script や style の中身は変更されますか？ A: いいえ。script・style・pre・textarea は生テキストのコンテナとして扱われ、中のコードは再インデントも破壊もされません。

Q: 圧縮ですべてのコメントが消えますか？ A: 通常のコメントは削除されますが、旧 IE 向けの条件付きコメントは保持されます。削除するとレガシー対応が壊れる可能性があるためです。

Q: HTML バリデーターですか？ A: いいえ。不正な入力にも寛容ですが、タグの入れ子ルールは検査しません。厳密な検証には専用ツールをお使いください。