HTML ツール
オールインワンの HTML ツールボックス:整形/ビューティファイ、ミニファイ/圧縮、構文検証、ライブプレビュー描画。
すべての処理はブラウザー内でローカルに行われます — データがサーバーへアップロードされることはありません。
使い方:HTML を左のテキストエリアに貼り付け、モードを選び、処理をクリックします。
整形:設定可能なインデント(2/4 スペースまたはタブ)で HTML をビューティファイします。コメント、doctype、<script>/<style> の内容を保持します。
ミニファイ:不要な空白をすべて取り除き、可能な最もコンパクトな HTML を生成します。<pre> と <textarea> 内の空白は保持します。
検証:HTML タグの対応、空要素の規則をチェックし、よくあるネストエラーを行番号/列番号付きで報告します。
プレビュー:サンドボックス化された iframe で HTML を描画し、ブラウザーでどう見えるかを正確に確認できます。
解析と整形の違い
HTML パーサーは寛容です — タグを自動的に閉じ、エラーから回復します。だから雑なマークアップでも描画されるのです。フォーマッターはその解析済み構造を正規化されたインデントで再出力し、ミニファイアーはパーサーが折りたたみ可能と見なす空白を剥がします。
空白が意味を持つのはインライン要素の間だけです — ブロック要素は周囲の空白を折りたたむため、ミニファイは通常安全です。