HTMLエスケープツールとは？
HTMLエスケープツールとは、HTMLで特別な意味を持つ文字（< > & " '）を、そのまま表示するための実体参照（< など）に変換するツールです。エスケープ済みの文字列を元に戻すアンエスケープ（逆変換）にも対応しています。
HTMLエスケープツールの使い方
- 変換方向を選ぶ「エスケープ」または「アンエスケープ」を選びます。
- テキストを入力する入力と同時に変換結果が表示されます。
- 結果をコピーする「コピー」ボタンで変換結果をコピーできます。
変換される文字
& → & ／ < → < ／ > → > ／ " → " ／ ' → ' の5種類の基本特殊文字を変換します。
こんな場面で使えます
ブログにソースコードを掲載
HTMLタグを含むコードをブログ記事内にそのまま表示させたいときに変換できます。
XSS対策の動作確認
ユーザー入力を表示する箇所で、エスケープ後の見え方を事前に確認できます。
エスケープ済みデータの解読
<だらけのHTMLソースやログを、読みやすい形に戻せます。
よくある質問
なぜエスケープが必要なのですか？
<や>をそのままHTMLに書くとタグとして解釈されてしまうためです。また、ユーザー入力をエスケープせずに表示すると、悪意あるスクリプトが実行されるXSS（クロスサイトスクリプティング）という脆弱性の原因になります。
'と'の違いは何ですか？
どちらもシングルクォートを表しますが、'はHTML4では未定義だったため、互換性の高い数値参照'が広く使われています。本ツールのエスケープも'を出力します。