📄 HTML整形

入力HTML

インデント幅

整形結果

<div class="card">
  <h1>Title</h1>
  <p>Some text</p>
  <img src="a.png">
</div>

1行に詰め込まれたHTMLや、インデントの崩れたHTMLコードを、タグの階層に応じたインデント付きの読みやすい形式に整形するツールです。ソースコードの確認やデバッグの際に役立ちます。

使い方

タグの階層構造に応じたインデントは適用されますが、JavaScriptやCSSのコード自体の整形(圧縮解除)は行いません。JS/CSSの整形には専用のツールをご利用ください。

属性値の中にある不等号(< >)が誤って解釈されることはありますか?

通常のHTML属性であれば問題ありませんが、非常に特殊な入力の場合は意図しない改行が入ることがあります。あくまで簡易的な整形ツールとしてご利用ください。

整形前のミニファイ(圧縮)はできますか?

いいえ。このツールは整形(インデント付与)のみに対応しています。