HTMLで使える特殊文字の一覧表と文字コード

HTML Web
スポンサーリンク

公式の完全一覧(HTML5 の named character references) は WHATWG の仕様に掲載されています(ページ中に全ての名前、対応 Unicode コードポイント、表示例が載っています)。また同ページは JSON 形式でも配布されています。

HTML で文字を表す方法は主に3種類:

  1. 名前付き参照(named entity):例  , ©, Α など(仕様に定義された名前を &; で囲む)。
  2. 10進数の数値参照:例   (U+00A0 = 160)。
  3. 16進数の数値参照:例  x のあとに16進数)。

XML / XHTML では 末尾のセミコロン ; は必須。HTML(テキスト/html)では一部省略が許される名前もありますが、混乱を避けるため 常に ; を付ける のがベストプラクティス。

基本(必須)

実体文字10進16進説明
&&&&アンパサンド
&lt;<&#60;&#x3C;小なり(開始タグ等で必須)
&gt;>&#62;&#x3E;大なり
&quot;&#34;&#x22;ダブルクォート
&apos;&#39;&#x27;アポストロフィ(HTML4 では XML用だが多く使われる)

空白/スペース関連

実体文字10進16進説明
&nbsp;(不破壊空白)&#160;&#xA0;non-breaking space
&ensp;(半角幅空白)&#8194;&#x2002;en space
&emsp;(全角幅空白)&#8195;&#x2003;em space
&thinsp;(細い空白)&#8201;&#x2009;thin space
&zwnj;(ゼロ幅接合子)&#8204;&#x200C;zero width non-joiner
&zwj;(ゼロ幅結合子)&#8205;&#x200D;zero width joiner
&ndash;&#8211;&#x2013;短いダッシュ(en dash)
&mdash;&#8212;&#x2014;長いダッシュ(em dash)

引用・句読点・記号(タイポグラフィ)

実体文字10進16進説明
&lsquo;&#8216;&#x2018;左シングルクォート
&rsquo;&#8217;&#x2019;右シングルクォート(アポストロフィ風)
&ldquo;&#8220;&#x201C;左ダブルクォート
&rdquo;&#8221;&#x201D;右ダブルクォート
&bull;&#8226;&#x2022;バレット(箇条書き点)
&middot;·&#183;&#xB7;中点
&hellip;&#8230;&#x2026;省略記号(横三点)
&permil;&#8240;&#x2030;パーミル(‰)
&trade;&#8482;&#x2122;商標記号
&reg;®&#174;&#xAE;登録商標
&copy;©&#169;&#xA9;著作権記号

通貨記号

実体文字10進16進説明
&dollar;$&#36;&#x24;ドル(普通は $ をそのまま使う)
&cent;¢&#162;&#xA2;セント
&pound;£&#163;&#xA3;英ポンド
&euro;&#8364;&#x20AC;ユーロ
&yen;¥&#165;&#xA5;円記号
&curren;¤&#164;&#xA4;通貨記号(汎用)

算術/数学記号(よく使うもの)

実体文字10進16進説明
&plusmn;±&#177;&#xB1;プラスマイナス
&times;×&#215;&#xD7;掛け算記号
&divide;÷&#247;&#xF7;割り算記号
&equals;=&#61;&#x3D;等号(普通は = を使う)
&ne; / &neq;&#8800;&#x2260;不等号(等しくない)
&le;&#8804;&#x2264;以下
&ge;&#8805;&#x2265;以上
&sum;&#8721;&#x2211;総和(シグマ)
&prod;&#8719;&#x220F;総乗(パイ)
&radic;&#8730;&#x221A;平方根記号
&infin;&#8734;&#x221E;無限大
&ang;&#8736;&#x2220;角度記号

矢印(代表)

実体文字10進16進説明
&larr;&#8592;&#x2190;左矢印
&uarr;&#8593;&#x2191;上矢印
&rarr;&#8594;&#x2192;右矢印
&darr;&#8595;&#x2193;下矢印
&harr;&#8596;&#x2194;両方向矢印
&rArr;&#8658;&#x21D2;含意(太矢印)

ギリシャ文字(よく使うもの)

実体文字10進16進説明
&alpha;α&#945;&#x3B1;
&beta;β&#946;&#x3B2;
&gamma;γ&#947;&#x3B3;
&delta;δ&#948;&#x3B4;
&epsilon;ε&#949;&#x3B5;
&pi;π&#960;&#x3C0;
&Phi;Φ&#934;&#x3A6;

ラテン拡張・アクセント(代表)

実体文字10進16進説明
&Aacute; / &aacute;Á / á&#193; / &#225;&#xC1; / &#xE1;A acute
&Agrave; / &agrave;À / à&#192; / &#224;&#xC0; / &#xE0;
&Atilde; / &atilde;Ã / ã&#195; / &#227;&#xC3; / &#xE3;
&Oslash; / &oslash;Ø / ø&#216; / &#248;&#xD8; / &#xF8;
&ntilde;ñ&#241;&#xF1;スペイン語などのニェ

テキスト修飾/一覧でよく使う記号

実体文字10進16進説明
&sect;§&#167;&#xA7;セクション記号
&para;&#182;&#xB6;段落記号
&dagger;&#8224;&#x2020;ダガー
&Dagger;&#8225;&#x2021;二重ダガー
&oelig;œ&#339;&#x153;フランス語等の合字
&OElig;Œ&#338;&#x152;合字(大文字)

拡張記号(矢印や技術的記号の例)

実体文字10進16進説明
&permil;&#8240;&#x2030;パーミル
&lceil;&#8968;&#x2308;天井関数左
&lfloor;&#8970;&#x230A;床関数左
&loz;&#9674;&#x25CA;菱形

よくある注意点・補足

  1. HTMLでは必ずしも名前付きを使う必要はない:数値参照(&#nnn; / &#xhhh;)を使えば、どの文字でも確実です。
  2. エスケープの必要性<, >, &, "(属性内の場合)は必ずエスケープすべきです。
  3. ブラウザや文字エンコーディング:現代のHTML(UTF-8)なら多くのUnicode文字はそのまま書けます。ただし古い環境やソースの可搬性のためにエンティティを使うことがあります。
  4. 完全なリスト:HTML5 の規格に載る「Named Character References」は約 2000 個以上あります(ギリシャ文字、ラテン拡張、記号、数学記号、その他)。全部欲しい場合は完全リストを取得してCSVにして渡せます(要望があれば対応します)。
Web
スポンサーリンク
シェアする
@lifehackerをフォローする
スポンサーリンク
タイトルとURLをコピーしました