入出力データはサーバーに送信されず、どこにも保存されません。すべての処理はブラウザ上で完結します。

HTML フォーマッタ

インデント
整形結果
 

使い方


HTML を入力欄に貼り付けると、タグ階層に応じてインデントが付与され、各要素が独立した行に分割されます。インデント幅は 2 スペースまたは 4 スペースから選べます。

整形のルール


本ツールはタグの開閉でインデント深度を追跡し、各タグを独立した行に出力します。`<br>` `<img>` などの void 要素は閉じタグなしで処理され、`<pre>` `<script>` `<style>` `<textarea>` の中身は内部のフォーマットを保持します。HTML パーサーとして完全ではないので、複雑な属性値や非標準のタグでは結果がずれる可能性があります。

活用シーン


  • バンドラ・サーバー出力の minified HTML を読み解きたい場面
  • Blog 記事に HTML 抜粋を載せる前に体裁を整える
  • DevTools からコピーした HTML をローカルで確認
  • テンプレートエンジン(EJS、Handlebars など)の出力サンプル整形
  • Email HTML の構造確認

プライバシー


整形処理はすべてブラウザ内で完結します。HTML がサーバーに送信されることはなく、社内テンプレートや個人情報を含む HTML を試す場面でも外部に漏れる経路はありません。