HTMLフォーマッター

これは、ブロックおよびインライン対応インデントでマークアップを美しくしたり、空白を折りたたんだりコメントを削除したりしてマークアップを縮小する HTML フォーマッタです。美化するときにインデントのサイズを選択します。

美しくすると、要素がどのようにネストされているかに応じてインデントされるため、どの要素に何が含まれているかという文書の構造が明確になります。これにより、手書きまたは生成された HTML がはるかに読みやすく、デバッグしやすくなります。

beautify と minify は両方ともブラウザ内で完全に実行されるため、マークアップがデバイスから離れることはありません。

pre、textarea、script、style の内容は意図的に変更されません。これらの要素内の空白は重要であるためです。これらの要素を再フォーマットすると、フォーマット済みのテキスト、ユーザーの入力内容、またはコードの意味が変更されてしまいます。

縮小すると、コメントが削除され、空白が折りたたまれ、ブラウザーがダウンロードする必要があるファイル サイズが削減されます。これは、運用ページの構築ステップとして最も役立ちます。

ミニファイアは、インライン要素間の空白は実際にレンダリングされ、ドロップするとレイアウトが変わる可能性があるため、完全に削除するのではなく、タグ間に 1 つのスペースを保持します。この注意により、攻撃的なミニファイアが引き起こす可能性のある微妙な視覚的なバグを回避できます。