HTML5 エスケープ / アンエスケープ (エンコーダー / デコーダー) Online

デコード結果

HTMLエスケープ

HTMLエスケープ (基本)
HTMLエスケープ (全て)

HTMLエスケープは、HTML内で特別な意味を持つ文字を文字参照に変換し、文字列をHTMLのテキストとして安全に表示するための変換です。例えば、タグとして解釈される < や > を、< や > のように表します。

HTMLエスケープを行うことで、入力された文字列をHTMLタグや属性として解釈させず、画面上にそのまま表示できます。

例えば、「<p>Hello, world!</p>」をHTMLエスケープすると以下のようになります。

&lt;p&gt;Hello, world!&lt;/p&gt;

文字	HTMLエスケープ後	説明
`<`	`<`	HTMLタグの開始として解釈される文字です。
`>`	`>`	HTMLタグの終了として解釈される文字です。
`&`	`&`	文字参照の開始として解釈される文字です。
`"`	`"`	属性値をダブルクォートで囲む場合に特別な意味を持つ文字です。
`'`	`'`	属性値をシングルクォートで囲む場合に特別な意味を持つ文字です。

DenCodeでは、HTMLエスケープの結果として「基本」と「全て」の2種類を表示します。

種類	説明	「A < あ」の変換例
HTMLエスケープ (基本)	`<`、`>`、`&`、`"`、`'` の5文字を変換します。	`A < あ`
HTMLエスケープ (全て)	HTML名前文字参照がある文字は名前文字参照に、その他の文字は10進数の数値文字参照に変換します。	`A < あ`

通常のHTML表示では、必要な文字だけを変換する基本エスケープがよく使われます。全てエスケープは、文字列をHTML文字参照として確認したい場合や、すべての文字を明示的な参照形式で表したい場合に使用できます。

HTMLアンエスケープは、HTML文字参照を元の文字に戻します。DenCodeでは、< や & などの名前文字参照に加えて、あ のような10進数の数値文字参照、あ のような16進数の数値文字参照もデコードできます。