HTML特殊文字変換（エスケープ）

HTML特殊文字（エスケープ）とは？

HTMLにおいて特別な意味を持つ記号（タグを構成する文字列など）を、単なる文字列としてブラウザで安全に表示させるために別の文字列（エンティティ文字）に置き換える処理を「エスケープ」と呼びます。主に以下の文字が変換対象となります。

• < (小なり記号) → < : HTMLタグの開始と誤認されるのを防ぎます。
• > (大なり記号) → > : HTMLタグの終了と誤認されるのを防ぎます。
• & (アンパサンド) → & : 特殊文字の開始記号と誤認されるのを防ぎます。
• " (ダブルクォーテーション) → " : 属性値の囲み記号として誤認されるのを防ぎます。
• ' (シングルクォーテーション) → ' : 属性値の囲み記号として誤認されるのを防ぎます。

どんな時に使うの？（利用シーン）

• ブログや記事でソースコードを紹介したい時： 記事の中に <div> などをそのまま書くと、ブラウザが本物のHTMLタグだと勘違いして画面が崩れたり、文字が消えたりしてしまいます。本ツールで変換した文字列を貼り付けることで、安全にコードとして表示できます。
• XSS（クロスサイトスクリプティング）対策として： 掲示板やコメント欄など、ユーザーが入力したテキストを表示するシステムを開発する際、悪意のあるスクリプトタグ（<script>など）を無害化するために用いられます。