HTMLフォーマッター - HTMLを整形・整列オンライン
HTMLコードをオンラインで適切なインデントで整形・美化します。HTML圧縮も可能。無料、ブラウザで動作。
入力
出力
HTMLフォーマッターとは？
HTMLフォーマッター（HTMLビューティファイアとも呼ばれます）は、インデントが正しくないか圧縮されたHTMLを受け取り、きれいに適切にインデントされたバージョンを出力します。各タグの後に改行を追加し、ネストされた要素をインデントして、構造がすぐに読めるようにします。
このツールには2つのモードがあります：整形（美化）と圧縮。どちらもブラウザで完全に動作し、サーバーにデータは送信されません。
このツールの使い方
モードを選択
整形を選択してHTMLを適切なインデントで美化するか、圧縮を選択して不要な空白やコメントを削除します。
HTMLを貼り付けまたはアップロード
左のエディタにHTMLを貼り付けるか、アップロードを使ってファイルを読み込みます。サンプルをクリックして例を試してみてください。
結果をコピーまたはダウンロード
右のパネルが自動的に更新されます。<strong>コピー</strong>または<strong>ダウンロード</strong>を使って結果を保存します。HTMLの特殊文字をエスケープするには、HTMLエスケープツールをお試しください。
HTMLフォーマット例
フォーマット前後のコンパクトなHTMLスニペットです：
生のHTMLページ（未整形）
整形後の出力
フォーマットが重要な場面
圧縮されたまたは自動生成されたHTMLは読みにくい場合があります。フォーマットを行うとインデントが追加され、要素のネスト構造をすばやく確認できるようになります。
圧縮モードは逆のことを行います：空白やコメントを削除してファイルサイズを小さくします。専用の圧縮ツールについては、HTML圧縮ツールをご覧ください。
よくある質問
フォーマットするとHTMLのレンダリングが変わりますか？
いいえ。ブロック要素間の空白はブラウザで視覚的な効果がありません。フォーマットはソースコードの可読性にのみ影響します。
データがサーバーに送信されますか？
いいえ。すべての処理がブラウザで実行されます。
関連ツール
HTML Living StandardとMDN HTML ドキュメントを参照してください。