JA
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
ホーム お気に入り
Voltar

HTML整形(インデントと見やすい形式)

読みにくいHTMLやminify済みのHTMLをオンラインで整形・インデントします。タグを階層ごとに揃え、ページ内のCSSとJavaScriptも一緒に整形。インデントは2スペース・4スペース・タブから選べ、長い行の折り返しにも対応しています。

使い方

HTMLを貼り付けてください。

利用できる言語: PortuguêsEspañolEnglishDeutschFrançaisItaliano日本語Русский中文

次のツールJavaScript整形(インデントと見やすい形式)→
広告

HTML整形(インデントと見やすい形式): 用途

minify済みのHTMLや他の場所からコピーしたHTMLは、インデントのない1行になっていることが多く、読むのも編集するのも大変です。コードを貼り付けると、各タグが階層ごとに整列し、styleタグとscriptタグの中身も一緒に整形されます。

インデントは2スペース・4スペース・タブから選べ、長い行は100桁または120桁で折り返せます。headとbodyをインデントするか、元の空行を残すかも選べます。preやtextareaなどの要素はそのまま保持されます。

使い方

  1. HTMLを貼り付けます。
  2. インデントとオプションを選びます。
  3. 結果をコピーまたはダウンロードします。

使うタイミング

  • ページのソースコードを読む。
  • 編集前にテンプレートを整理する。
  • 別のシステムが生成したHTMLを確認する。

よくある質問

整形するとページの動作は変わりますか?

いいえ。整形では、タグの間に改行とインデントを加えるだけです。preやtextareaのように空白をそのまま表示する要素は、変更せずに保持されます。

HTML内のCSSとJavaScriptも整形されますか?

はい。styleタグとscriptタグの中身も、同じインデントのルールで整形されます。

本当に無料?

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール:Tools123は無料です。

関連ツール

ご支援ありがとうございます!

寄付はサイトの維持に役立ちます。ツールはみなさんの役に立つよう作っていますが、サーバー費用がかかります。ご支援いただけるととても助かります。金額を選択または入力してください:

Stripeによる安全な決済。別のタブで開きます。

ツールは現状のまま、保証なしで提供されます。結果やその利用について責任を負いかねます。