HTML フォーマッタ
整形結果
使い方
HTML を入力欄に貼り付けると、タグ階層に応じてインデントが付与され、各要素が独立した行に分割されます。インデント幅は 2 スペースまたは 4 スペースから選べます。
整形のルール
本ツールはタグの開閉でインデント深度を追跡し、各タグを独立した行に出力します。`<br>` `<img>` などの void 要素は閉じタグなしで処理され、`<pre>` `<script>` `<style>` `<textarea>` の中身は内部のフォーマットを保持します。HTML パーサーとして完全ではないので、複雑な属性値や非標準のタグでは結果がずれる可能性があります。
活用シーン
- バンドラ・サーバー出力の minified HTML を読み解きたい場面
- Blog 記事に HTML 抜粋を載せる前に体裁を整える
- DevTools からコピーした HTML をローカルで確認
- テンプレートエンジン(EJS、Handlebars など)の出力サンプル整形
- Email HTML の構造確認
プライバシー
整形処理はすべてブラウザ内で完結します。HTML がサーバーに送信されることはなく、社内テンプレートや個人情報を含む HTML を試す場面でも外部に漏れる経路はありません。