devroom WEBデザイナーや開発エンジニアのためのツールサイト

テキストのHTMLエンコード／デコード

HTMLの特殊文字を含む文字列を表現するためのHTMLエンコーダです。その逆の変換もできます。

HTML内で次のようなタグ（<img>）を表現することはできません。言わずもがなですが、その文字列自体がHTMLとして解釈されてしまって文書構造が変わってしまうからですね。

<!-- HTML内ではタグを文字としては書けません（こんなふうには書けません） -->
<html>
	<body>
		画像には<img>タグを使う
	</body>
</html>

HTMLのコードの中でHTMLのタグを表現するためには、括弧（< >）を別の文字（< >）に置き換える必要があります。

<!-- HTML内ではタグを含む文字列をHTMLエンコードしておきます -->
<html>
	<body>
		画像には&lt;img&gt;タグを使う
	</body>
</html>

括弧（< >）やダブルコーテーション（"）だけではなく、さまざまな記号が特殊文字として使えます。ここでリストアップしている特殊文字は一部を抜粋したものです。特殊文字はエンティティ文字ともいうようです。

よく使う特殊文字
文字	表記	記号名
`<`	< <	括弧開き（始め括弧）
`>`	> >	括弧閉じ（終わり括弧）
`"`	" "	ダブルコーテーション
`'`	'	シングルコーテーション
`&`	& &	アンド
	®	no-break space 行の折り返しを防ぐ特殊なスペース
`«`	« «	左向きの二重引用符
`»`	» »	右向きの二重引用符
`↔`	↔ ↔	左右の矢印
`⇔`	⇔ ⇔	左右の矢印

HTMLエンコードもXMLエスケープも基本の記述方式が同じですが、多少の違いがあります。

たとえば、XMLエスケープではシングルクォーテーション（'）は'に変換されますが、HTMLエンコードでは'になります。また、HTMLエンコードでは変換対象となる特殊文字についても、XMLエスケープでは変換されません。