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

「HTMLを行ごとに整形 オンライン」について

このツールはミニファイ/散らかった HTML を読みやすい形式に整形します。タグごとに行を分け、属性を整え、ネストの深さを反映したインデントを付けます。

ミニファイされた本番 HTML を理解する、ドキュメント/チュートリアルで掲載する、コミット前の整形、エディタ差による表記揺れの統一などに最適。

void タグ、インライン/ブロック、<pre>/<script>/<textarea>、最新 HTML5 機能に対応。インデント(スペース/タブ)や幅もチームのルールに合わせて選べます。

このツールの使い方

圧縮または 1 行に詰められた HTML を整形する手順

  1. HTML を貼り付け

    「HTML」欄に minify 済みや 1 行詰めの HTML を貼り付け。完全な文書(`<!doctype>` 付き)も断片も OK。コメントとインライン `<script>` / `<style>` の中身はそのまま通します。

  2. 「実行」

    結果は `formatted` のみ:2 スペースインデント、構造的な切れ目で 1 行 1 タグ、属性は開始タグと同じ行に維持。長い行は自動折り返ししません — `class` 内の長い値や `srcset` はそのまま残ります。

  3. `html-formatter` との違い

    日常用途では 2 つは置き換え可能。本ツールは「HTML beautifier」と検索する人向けの名前で、出力形式は同じ。お好みでどうぞ。

  4. 整形後の使い方

    本番投入には minifier(ビルド内の htmlmin など)にもう一度通してください。整形形式は閲覧とコードレビュー向けで、ネットワークへ流すためのものではありません。