このツールに問題がありますか？

「HTML整形 オンライン」について

このツールは可読性のために HTML を再整形します。ネストタグの再インデント、長行の折返し、属性内の空白の正規化を行い、ミニファイモードでは余分な空白を取り除いて最小サイズにできます。

本番ページのソース表示（1 行ミニファイ）、コードレビュー用の整形、チーム内での表記統一、本番デプロイ用のミニファイなどに便利。

HTML5 のボイド要素（br、img、input 等）を認識し、<pre>／<script>／<textarea> の中身はそのまま保持。インラインとブロック要素を区別して、語の流れを壊しません。

このツールの使い方

圧縮された／散らかった HTML を整形する手順

  1. HTML を貼り付け

    「HTML」欄に minify 済みや手書きで乱れた HTML を貼り付け。完全な文書（`<!doctype>` 付き）も断片も受け付けます。

  2. 「実行」

    結果は `formatted` のみ：2 スペースインデント、構造的な切れ目で 1 行 1 タグ。テキスト隣接のインラインは 1 行のままで、`<p>Hi <strong>there</strong></p>` が 3 行に膨らんだりしません。

  3. 保持される要素

    属性は開始タグと同じ行に留まり、数が多くても折り返しません。コメント（`<!-- … -->`）、`<script>`、`<style>`、`<pre>` の中身は JS や空白依存の文を壊さないようそのまま通します。

  4. ラウンドトリップ留意

    レビュー用に整形、デプロイ前に再 minify。整形器は不正な HTML に寛容なので、入力で閉じ忘れたタグは出力で予想より早く閉じることがあります。入力に不安があれば整形後に W3C バリデータで検証を。

似たツール