Restring

HTML特殊文字一覧

HTMLでそのまま書くと解釈が変わる文字や、記号としてよく使う文字参照を一覧で確認できるページ。エスケープ前後の対応確認、記事やテンプレートの修正に使える。

使い方

  1. 変換したい文字を一覧表から探す。
  2. HTMLに書く場合は名前付き文字参照または数値文字参照を使う。
  3. 文章中でコードや記号を安全に表示したい箇所へ貼り付ける。

HTML特殊文字変換 一覧表

表示名前付き文字参照数値文字参照16進数用途
&&&&文字参照の開始記号。通常文字として表示する場合に変換。
<&lt;&#60;&#x3C;HTMLタグ開始と解釈されるため、コード例表示で必須。
>&gt;&#62;&#x3E;HTMLタグ終了記号。コード例や比較演算子表示で使用。
"&quot;&#34;&#x22;属性値や引用符を安全に表示したい場合に使用。
'&apos;&#39;&#x27;シングルクォート。属性値や文字列例の表示に使用。
&nbsp;&#160;&#xA0;改行されない空白。単位や短い語句を離したくない場合に使用。
©&copy;&#169;&#xA9;著作権表記。
®&reg;&#174;&#xAE;登録商標表記。
&trade;&#8482;&#x2122;商標表記。
¥&yen;&#165;&#xA5;円記号。
&euro;&#8364;&#x20AC;ユーロ記号。
£&pound;&#163;&#xA3;ポンド記号。
¢&cent;&#162;&#xA2;セント記号。
±&plusmn;&#177;&#xB1;プラスマイナス記号。
×&times;&#215;&#xD7;乗算記号。閉じるボタンの記号にも使われる。
÷&divide;&#247;&#xF7;除算記号。
&hellip;&#8230;&#x2026;三点リーダー。
&mdash;&#8212;&#x2014;欧文の長いダッシュ。
&ndash;&#8211;&#x2013;範囲や補足に使う短いダッシュ。
&larr;&#8592;&#x2190;左矢印。
&uarr;&#8593;&#x2191;上矢印。
&rarr;&#8594;&#x2192;右矢印。
&darr;&#8595;&#x2193;下矢印。

こんな用途に

  • HTML文字参照の書き方を一覧で確認したいとき。
  • 名前付き文字参照と数値文字参照の対応を調べたいとき。
  • 記事、CMS、テンプレートで記号を安全に表示したいとき。

仕組み

  • HTMLでは&、<、>、引用符などが構文として解釈されるため、文字参照で表す。
  • 名前付き文字参照と数値文字参照はどちらもブラウザで対応する文字として表示される。

確認ポイント

  • よく使う基本文字は&amp;、&lt;、&gt;、&quot;、&apos;、&nbsp;。
  • 名前付き文字参照が分からない文字は数値文字参照でも表せる。

関連ツール

よくある質問

名前付き文字参照と数値文字参照の違いは?

名前付きは読みやすい名前で表す。数値はUnicodeコードポイントを10進数または16進数で表す。

すべての記号をエスケープする必要は?

通常はHTML構文と衝突する文字だけでよい。可読性や文脈に応じて必要な文字を選ぶ。