HTML構造解析・エスケープ監査ツール
HTMLコードを解析し、黄色＝実体参照が必須/推奨（< > &）、 青色＝実体参照の使用も検討できる記号（©, ®, ¥, NBSPなど） として区別してハイライト表示します。
HTML構造解析・エスケープ監査ツールとは？
任意のHTMLコードを安全に解析し、構文上エスケープが必須・推奨される特殊文字（<, >, &）と、実体参照への置き換えを任意で検討できる記号（©, ®, ¥, NBSPなど）を色分けして視覚的にハイライトする開発者向けの監査ツールです。
- HTMLコードを入力する: 監査したいHTMLソースコードを入力欄にペーストします（デフォルトでサンプルコードが入力されています）。
- 解析ボタンを押す: 「HTMLを解析・監査する」をクリックすると、プログラムがコードを走査します。
- 結果を確認する: 黄色いマーカーの箇所（エスケープ必須・推奨）や青いマーカーの箇所（実体参照の候補）を確認し、コードの品質向上に役立てます。
Q. scriptタグやstyleタグの中身はどう扱われますか？
A. スクリプトやスタイル内のコード（JavaScriptの比較演算子 < や && など）が誤ってHTML本文として誤検知されないよう、専用の生テキスト領域として安全にエスケープ処理されます。
Q. 青色ハイライト（任意）の記号は必ず直すべきですか？
A. いいえ。UTF-8エンコーディングが正しく適用されているモダンな環境であれば、生の文字のままでも表示上の問題はありません。フォントの欠落対策やコードの可読性を高めたい場合の参考としてご活用ください。