HTML整形(インデントと見やすい形式)
読みにくいHTMLやminify済みのHTMLをオンラインで整形・インデントします。タグを階層ごとに揃え、ページ内のCSSとJavaScriptも一緒に整形。インデントは2スペース・4スペース・タブから選べ、長い行の折り返しにも対応しています。
使い方HTMLを貼り付けてください。
広告
HTML整形(インデントと見やすい形式): 用途
minify済みのHTMLや他の場所からコピーしたHTMLは、インデントのない1行になっていることが多く、読むのも編集するのも大変です。コードを貼り付けると、各タグが階層ごとに整列し、styleタグとscriptタグの中身も一緒に整形されます。
インデントは2スペース・4スペース・タブから選べ、長い行は100桁または120桁で折り返せます。headとbodyをインデントするか、元の空行を残すかも選べます。preやtextareaなどの要素はそのまま保持されます。
使い方
- HTMLを貼り付けます。
- インデントとオプションを選びます。
- 結果をコピーまたはダウンロードします。
使うタイミング
- ページのソースコードを読む。
- 編集前にテンプレートを整理する。
- 別のシステムが生成したHTMLを確認する。
よくある質問
整形するとページの動作は変わりますか?
いいえ。整形では、タグの間に改行とインデントを加えるだけです。preやtextareaのように空白をそのまま表示する要素は、変更せずに保持されます。
HTML内のCSSとJavaScriptも整形されますか?
はい。styleタグとscriptタグの中身も、同じインデントのルールで整形されます。
本当に無料?
はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール:Tools123は無料です。