HTML整形ツール

属性、本文、pre・script・style内の内容を保ちながらHTML断片をインデントします。整形後の空白も確認できます。

結果

値を入力すると結果を確認できます。

結果をダウンロード

入力値やファイル内容を統計に含めず、どのツールが使われたかを集計します。プライバシー

HTMLのコピーで作業します。属性とpre・script・style・textarea・titleを保持し、ブロック間の空白を調整します。JSX変換や文書の妥当性検証は行いません。

例の入力値
入力	結果
<div><p>A <strong>B</strong> C</p></div>	<div> <p>A <strong>B</strong> C</p> </div>

ブロック要素間の空白を追加・置換します。CSSのwhite-spaceを使った表示を確認してください。HTMLの検証や実行プレビューは行いません。

strongを含む文では前後の空白が単語を区切ります。削除しないでください。preの改行と先頭空白も、外側の要素を字下げしても保持する必要があります。

100,000文字・10,000トークン以内。HTML専用で検証やJSX変換は行いません。ブロック間の空白は変わる場合があります。

入力内容と結果はブラウザー内で処理し、サーバーには送信しません。集計統計が有効な場合は、ツール名と処理の成否だけを記録し、内容は記録しません。

実用ガイド

空白が表示に影響する場面と、HTMLを整形した後に確認したい点を具体例で紹介します。