HTMLエンティティ変換

HTML特殊文字のエンコード・デコードと、エンティティの形式変換

入力テキスト

入力すると約0.5秒後に自動で変換します。モードや形式を変えたときも変換し直します。

変換モード

エンティティ形式

  • エンコード: & < > " ' の5文字と、下の表にある記号(©・→・ノーブレークスペースなど)を変換します。通常の半角スペースや英数字は変換しません。日本語などASCII以外の文字は、チェックをオンにしたときだけ変換します。「名前付き」の形式で名前のない文字は10進数の数値参照(&#12354; など)になります。
  • デコード: セミコロン(;)で終わる名前付き・10進数・16進数の参照を、ブラウザがHTMLを表示するときと同じ規則で文字に戻します。名前付きはHTMLで定義されたすべての名前(&rArr; など)に対応します。1回だけ戻すため、&amp;lt; は &lt; になります。&nbsp; はノーブレークスペース(U+00A0)になります。存在しないコードポイント(&#99999999; など)は「�」になり、認識できない名前はそのまま残して件数を表示します。
  • 形式変換: 入力に含まれるエンティティだけを選んだ形式に書き換えます(例: &copy; → &#169;)。エンティティ以外の文字は変更しません。「名前付き」を選んだときは、下の表にある記号だけを名前にし、それ以外の数値参照は10進数にします。

変換結果

エンコードで名前付きにする文字(主なもの)

文字 名前付き 10進数 16進数 説明
<&lt;&#60;&#x3C;小なり
>&gt;&#62;&#x3E;大なり
&&amp;&#38;&#x26;アンパサンド
"&quot;&#34;&#x22;ダブルクォート
'&apos;&#39;&#x27;シングルクォート
 &nbsp;&#160;&#xA0;ノーブレークスペース
©&copy;&#169;&#xA9;著作権記号
®&reg;&#174;&#xAE;登録商標
™&trade;&#8482;&#x2122;商標
€&euro;&#8364;&#x20AC;ユーロ記号
¥&yen;&#165;&#xA5;円記号
£&pound;&#163;&#xA3;ポンド記号

このほか、¢ § ° ± × ÷ ¶ • … – — ‘ ’ “ ” « » ← → ↑ ↓ ↔ ♠ ♣ ♥ ♦ ∞ √ ∑ ∏ ∂ ∫ ≈ ≠ ≤ ≥ α β γ δ π Ω を名前付きで変換します(全54種)。

HTMLエンティティについて

HTMLエンティティとは

HTMLで特殊な意味を持つ文字(<, >, &など)を、文字として表示するための表記です。

XSS対策との関係

利用者の入力をHTMLに埋め込むときは、& < > " ' のエスケープが必要です。実際のサイトでは、テンプレートエンジンなどの仕組みで出力時に自動でエスケープしてください。

ブラウザ内で処理

変換はブラウザ内で行い、入力した内容をサーバーへ送信しません。