整形は「読みやすくする」処理
タグを見つけて改行し、開始タグではインデントを深く、終了タグでは浅くします。コードレビューやコピーしたHTML断片の構造確認に向いています。
コードを入力
🔒 画像やテキストはこのブラウザ内で処理され、サーバーへ送信されません。
無料Webツール
圧縮・連結されたHTMLを改行し、入れ子を見やすく整形します。
🔒 画像やテキストはこのブラウザ内で処理され、サーバーへ送信されません。
1行に詰まったHTMLをタグ単位で改行し、入れ子に合わせてインデントします。構造をざっと読みたいときや、圧縮された断片を確認したいとき向けです。
<main><h1>Hello</h1><p>Text</p></main> のような1行HTMLを入れると、mainの中にh1とpがあることを改行とインデントで追いやすくなります。HTMLの正しさを完全に検証・修復するツールではありません。壊れたタグ構造は、整形後も意味的に正しいとは限りません。
タグを見つけて改行し、開始タグではインデントを深く、終了タグでは浅くします。コードレビューやコピーしたHTML断片の構造確認に向いています。
img、br、meta、inputなど、通常は閉じタグを持たない要素は入れ子の深さを増やさないよう扱います。単純な文字列整形より構造を追いやすくしています。
HTML側のタグ構造を読みやすくするのが目的で、JavaScriptやCSSの中身を専用フォーマッターのように解析して整形するものではありません。
圧縮されたHTML同士は差分が読みづらいですが、同じインデント規則へ揃えると「どのタグが増えたか」を目視しやすくなります。