HTML ビューティファイア

HTML をタグの入れ子に応じてインデントし、script と style の内容はそのまま保持します。

使い方

  1. HTML を「HTML ソース」枠に貼り付けます。
  2. 「フォーマット」を押すと、ツールがタグの入れ子に応じてインデントします。
  3. 結果は「整形結果」枠に表示され、「コピー」で取得できます。
  4. ヒント:script / style 内の内容はそのまま保持されるため、JS / CSS のロジックが壊れることはありません。

よくある質問

script / style 内の内容は再整形されますか?

いいえ。<script><style><pre><textarea> を検出すると、内部の内容はそのまま保持され、JS / CSS のロジックが壊れるのを防ぎます。

空白行が消えるのはなぜですか?

連続する純粋な空白のテキストノードは折りたたまれ、意味のあるテキストのみが保持されて構造がより明確になります。