【HTML】正しく表示されてる?よく使う特殊記号や特殊文字のまとめ

WebサイトやHTMLメールなどで、記号や特殊文字(たとえば <, >, &, “, ‘ など)が正しく表示されないことはありませんか?

ブラウザなどで文字を表示する際、コード上で特殊な意味を持つ文字や記号は、そのままコードに記載すると、プログラムに問題を起こしたり、正しく表示ができなくなる可能性があります。
そのため、これらの文字や記号を確実に表示するために、専用の文字コードが必要となります。

専用の文字コード「エンティティ」は &(アンパサンド)で始まり、;(セミコロン)で終わる特定の文字列で表されます。

以下にWebページでよく使用されるHTML エンティティ(文字参照)を以下にまとめてみました。

目次

よく使う 特殊記号&特殊文字一覧

表示文字実体参照数値文字参照名称
 &nbsp;&#160;スペース
<&lt;&#60;小なり記号
>&gt;&#62;大なり記号
&&amp;&#38;アンパサンド
&quot;&#34;引用符
&apos;&#39;アポストロフィ
±&plusmn;&#177;プラスマイナス
×&times;&#215;掛け算
÷&divide;&#247;割り算
&euro;&#8364;ユーロ
£&pound;&#163;ポンド
¥&yen;&#165;
©&copy;&#169;コピーライト
®&reg;&#174;登録商標
&trade;&#8482;商標
&prod;&#8719;乗算記号
&sum;&#8721;加算記号
&radic;&#8730;根号
&infin;&#8734;無限大
&ang;&#8736;角度
&sub;&#8834;部分集合
&sup;&#8835;真部分集合
&nsub;&#8836;部分集合でない
&cup;&#8746;台形
&cap;&#8745;合併
&int;&#8747;交差
&part;&#8706;微分
&nabla;&#8711;ナブラ
°&deg;&#176;角度のない度数
+&plus;&#43;プラス
&minus;&#8722;マイナス
µ&micro;&#181;マイクロ
π&pi;&#960;パイ
ω&omega;&#969;オメガ
&deg;C&#8451;セルシウス
&deg;F&#8457;ファーレンハイト
¼&frac14;&#188;1/4
½&frac12;&#189;1/2
¾&frac34;&#190;3/4
&frac13;&#8531;1/3
&frac23;&#8532;2/3
&frac15;&#8533;1/5
&frac25;&#8534;2/5
&frac35;&#8535;3/5
&frac45;&#8536;4/5
&frac16;&#8537;1/6
&frac56;&#8538;5/6
&frac18;&#8539;1/8
&frac38;&#8540;3/8
&frac58;&#8541;5/8
&frac78;&#8542;7/8
~&tilde;&#126;波ダッシュ
\&bsol;&#92;バックスラッシュ
%&percnt;&#37;パーセンテージ
$&dollar;&#36;ドル
#&num;&#35;シャープ
@&commat;&#64;アットマーク
^&Hat;&#94;キャレット
_&lowbar;&#95;アンダースコア
|&vert;&#124;パイプ
&sim;&#8764;波ダッシュ
˜&tilde;&#732;全角チルダ
&asymp;&#8776;約束記号
&ge;&#8805;より大きいまたは等しい
&le;&#8804;より小さいまたは等しい
&sung;&#9834;ミュージックノート
&rarr;&#8594;矢印(右)
よかったらシェアしてね!
目次