このツールに問題がありますか?
「HTMLを行ごとに整形 オンライン」について
このツールはミニファイ/散らかった HTML を読みやすい形式に整形します。タグごとに行を分け、属性を整え、ネストの深さを反映したインデントを付けます。
ミニファイされた本番 HTML を理解する、ドキュメント/チュートリアルで掲載する、コミット前の整形、エディタ差による表記揺れの統一などに最適。
void タグ、インライン/ブロック、<pre>/<script>/<textarea>、最新 HTML5 機能に対応。インデント(スペース/タブ)や幅もチームのルールに合わせて選べます。
このツールの使い方
圧縮または 1 行に詰められた HTML を整形する手順
HTML を貼り付け
「HTML」欄に minify 済みや 1 行詰めの HTML を貼り付け。完全な文書(`<!doctype>` 付き)も断片も OK。コメントとインライン `<script>` / `<style>` の中身はそのまま通します。
「実行」
結果は `formatted` のみ:2 スペースインデント、構造的な切れ目で 1 行 1 タグ、属性は開始タグと同じ行に維持。長い行は自動折り返ししません — `class` 内の長い値や `srcset` はそのまま残ります。
`html-formatter` との違い
日常用途では 2 つは置き換え可能。本ツールは「HTML beautifier」と検索する人向けの名前で、出力形式は同じ。お好みでどうぞ。
整形後の使い方
本番投入には minifier(ビルド内の htmlmin など)にもう一度通してください。整形形式は閲覧とコードレビュー向けで、ネットワークへ流すためのものではありません。