どの文字がエスケープの対象ですか?

&、、二重引用符(")、単一引用符(')の5つが、基本です。

アンエスケープは、何のために使いますか?

エスケープされた文字列を元の文字に戻して、内容を読んだり、編集したりしたいときに使います。

HTMLの特殊文字(< > & " ')を文字参照に変換したり、元に戻したりします。コードをHTMLに表示するときに。

HTMLでは、「<」「>」「&」などが特別な意味を持つため、これらの文字をそのまま表示したい場合は、「<」「>」「&」のような文字参照に変換(エスケープ)する必要があります。このツールで、エスケープとその逆の変換ができます。

ブログやドキュメントに、HTMLのコードをそのまま表示したいときや、ユーザーの入力を安全に表示したいときに便利です。エスケープを怠ると、意図しない表示崩れや、セキュリティ上の問題(クロスサイトスクリプティング)の原因になります。

こんなときに使えます

使うときのポイント

入力欄の初期値のまま計算すると、次の結果になります。条件は、処理がエスケープ(< → <)、入力が<a href="x">Tom & Jerry's</a>です。数値を変えると、この結果もそれに合わせて変わります。

結果: <a href="x">Tom & Jerry's</a>

& → &、< → <、> → >、" → "、' → ' のように変換します。

HTMLでは、<や>、&などの記号が、タグや特殊な文字の始まりを表すため、そのまま表示したい場合は、文字参照(<・>・&など)に置き換える必要があります。この処理をHTMLエスケープといいます。コードの例をWebページに表示するときには、必ず、エスケープしなければなりません。

エスケープは、セキュリティの面でも重要です。利用者が入力した文字列をそのままHTMLに出力すると、悪意のあるスクリプトが実行される、クロスサイトスクリプティング(XSS)という脆弱性の原因になります。表示するデータは、エスケープしてから出力するのが、基本です。