圧縮された HTML やインデントの乱れた HTML を貼り付けると、構造が整いインデントの揃ったコードが得られます。2 スペース、4 スペース、タブのインデントに対応します。<br>、<img>、<input> などの空要素も正しく処理します。
タグ名、属性、値、コメント、doctype 宣言が色分けされ、整形後の HTML を確認しやすくなります。出力パネルはハイライトされたコードを実行せずに表示します。
整形用の空白と HTML コメントをすべて取り除き、コンパクトで本番向けの HTML を生成します。ページの表示を変えずにファイルサイズを削減し、読み込みを高速化します。
すべての処理はブラウザ内で完結し、HTML がサーバーに送信されることはありません。機密データを含むテンプレート、社内管理ページ、独自のフロントエンドコードにも安全です。
HTML フォーマッター(ビューティファイアーやプリティプリンターとも呼ばれます)は、生の HTML や圧縮された HTML を受け取り、一貫したインデントと改行で整形し直して、コードを読みやすくデバッグしやすくします。ブラウザでの HTML の表示は変わりません。
変わりません。HTML フォーマッターはタグ間の空白を増減するだけです。ブラウザはほとんどの場面で連続する空白文字をまとめるため、整形による変更はエンドユーザーには見えません。唯一の例外は pre や textarea 要素内の内容で、そこでは空白が意味を持ちます。
HTML の圧縮は、不要な空白やコメントを取り除いてファイルサイズを削減します。ファイルが小さいほどネットワーク上の転送が速くなるため、圧縮された HTML は速く読み込まれます。webpack や Vite などのビルドツールが本番用 HTML に対してよく適用します。
HTML のインデントが不揃いになる主な原因は、スペースとタブの混在、異なるエディタからのコピー、手作業での編集ミスです。HTML をこのフォーマッターに貼り付けて一貫したインデントスタイルを適用すれば、すべてのインデントを一度に整えられます。