【HTML】特殊文字と記号の文字実体参照と数値文字参照 文字コード表

HTMLには、文書を豊かにするためにさまざまな特殊文字や記号が使用されます。これらの文字を正しく表示するためには、文字実体参照や数値文字参照を使う必要があります。本記事では、HTMLでよく使われる特殊文字と記号について、それぞれの使い方と実体参照、数値文字参照について解説します。

特殊文字と記号の使い方

  1. 空白 (  or  ): HTMLでは、連続する空白が無視されるため、文中にスペースを入れたい場合に使用します。
  2. < (&lt; or &#60;) および > (&gt; or &#62;): タグを文字列として表示したい場合や、HTMLタグを記述する際に使用します。
  3. & (&amp; or &#38;): HTMLエンティティを表現する際に使用されます。例えば、&copy;はコピーライトの記号を表します。
  4. " (&quot; or &#34;) および ‘ (&apos; or &#39;): 文字列内で引用符を使用する際にエスケープするために使用します。
  5. 特定の記号や文字: 特定の記号や文字には、それぞれの意味を表す文字実体参照や数値文字参照が存在します。例えば、&reg;は登録商標、&copy;は著作権記号を表します。

実体参照と数値文字参照の違い

文字実体参照

文字実体参照は、特定の記号や文字に対して意味を持つ名前を使用して表現します。例えば、&lt; は <、&copy; は © という具体的な文字にマップされます。

数値文字参照

数値文字参照は、文字のUnicodeコードポイントを10進数または16進数で表現します。例えば、&#60; は < のUnicodeコードポイントを10進数で表したものです。

特殊文字の文字実体参照と数値文字参照の表

文字 文字実体参照 数値文字参照
空白 &nbsp; &#160;
< &lt; &#60;
> &gt; &#62;
& &amp; &#38;
“ &quot; &#34;
‘ &apos; &#39;
® &reg; &#174;
© &copy; &#169;
™ &trade; &#8482;
€ &euro; &#8364;
¥ &yen; &#165;
£ &pound; &#163;
§ &sect; &#167;
° &deg; &#176;
× &times; &#215;
÷ &divide; &#247;
∀ &forall; &#8704;
∃ &exist; &#8707;
∅ &empty; &#8709;
∆ &Delta; &#916;
∞ &infin; &#8734;
√ &radic; &#8730;
∠ &ang; &#8736;
∑ &sum; &#8721;
∫ &int; &#8747;
∏ &prod; &#8719;
≈ &asymp; &#8776;
≠ &ne; &#8800;
≤ &le; &#8804;
≥ &ge; &#8805;
← &larr; &#8592;
→ &rarr; &#8594;
↑ &uarr; &#8593;
↓ &darr; &#8595;
↔ &harr; &#8596;

まとめ

HTMLの特殊文字や記号は、文書を表現する際に欠かせない要素です。正しく表示するためには、適切に文字実体参照や数値文字参照を使用することが重要です。上記の表を参考にしながら、HTML文書を作成する際に役立ててみてください。