• 最終更新日
  • HTML

よく使う特種文字を一覧でご紹介!ホームページ上で表示されない記号の書き方

HTMLのコーディングをしていると画面に表示されない記号などがあります。

そういう時にはその記号に変わる「特種文字」と呼ばれる文字コードを記入するとホームページ上でも表示されるようになります。

まぁ、あんまり使う機会はないかと思いますが、僕はちょこちょこ使ってますのでその一部をご紹介します。

特種文字とは

HTMLで使用する特種文字はEntity(エンティティー)文字と呼ばれています。

特種文字を使う場面というのは、キーボードで上手く出てこない文字を表示する時やHTMLタグなどで使っている記号を表示したい時などです。

キーボードで上手く出てこない文字というのは、「©」コピーライトマークや「▽」下向き正三角形、または「½」など分数の数値もそうですね。

上記の「」内は特種文字で記述しているのでちゃんと表示されています。普通なら「½」を文字で表示すると「1/2」となってしまいます。

HTMLタグなどで使っている記号というのは、タグをかこっている「<」(大なり)や「>」(小なり)、「"」(ダブルクォーテーション)などです。

「<>」大なり小なりは「山括弧」とも言いますね。呼び名はどちらでも構いません。僕はタグの括弧なんで「山括弧」と読んでいて、JSなどの演算で使用する時は「大なり・小なり」って読んでます。

Entity文字の記述のルールは「&」から始まり「;」で終わります。ちなみに「&」を表示するには「&amp;」と表記します。

特種文字はめちゃめちゃ種類があるので、使いそうなものだけピックアップしています。次項からご確認ください。

よく使う特種文字

<
Entity文字 : &lt; 読み : 小なり
>
Entity文字 : &gt; 読み : 大なり
&
Entity文字 : &amp; 読み : アンパサンド
 
Entity文字 : &nbsp; 読み : スペース/空白
"
Entity文字 : &quot; 読み : クォーテーション
'
Entity文字 : &apos; 読み : アポストロフィ
Entity文字 : &lsquo; 読み : シングルクォーテーション(左)
Entity文字 : &rsquo; 読み : シングルクォーテーション(右)
Entity文字 : &ldquo; 読み : ダブルクォーテーション(左)
Entity文字 : &rdquo; 読み : ダブルクォーテーション(右)
©
Entity文字 : &copy; 読み : コピーライトマーク
®
Entity文字 : &reg; 読み : 登録商標マーク
Entity文字 : &trade; 読み : トレードマーク
Entity文字 : &phone; 読み : 電話マーク
Entity文字 : &sung; 読み : 八分音符

数字の特種文字

Entity文字 : &#9312; 読み : 丸付き数字1
Entity文字 : &#9313; 読み : 丸付き数字2
Entity文字 : &#9314; 読み : 丸付き数字3
Entity文字 : &#9315; 読み : 丸付き数字4
Entity文字 : &#9316; 読み : 丸付き数字5
Entity文字 : &#9317; 読み : 丸付き数字6
Entity文字 : &#9318; 読み : 丸付き数字7
Entity文字 : &#9319; 読み : 丸付き数字8
Entity文字 : &#9320; 読み : 丸付き数字9
Entity文字 : &#9321; 読み : 丸付き数字10
Entity文字 : &#8544; 読み : ローマ数字1
Entity文字 : &#8545; 読み : ローマ数字2
Entity文字 : &#8546; 読み : ローマ数字3
Entity文字 : &#8547; 読み : ローマ数字4
Entity文字 : &#8548; 読み : ローマ数字5
Entity文字 : &#8549; 読み : ローマ数字6
Entity文字 : &#8550; 読み : ローマ数字7
Entity文字 : &#8551; 読み : ローマ数字8
Entity文字 : &#8552; 読み : ローマ数字9
Entity文字 : &#8553; 読み : ローマ数字10

演算子の特種文字

+
Entity文字 : &plus; 読み : プラス
Entity文字 : &minus; 読み : マイナス
×
Entity文字 : &times; 読み : 乗算
÷
Entity文字 : &divide; 読み : 除算
=
Entity文字 : &equals; 読み : イコール
Entity文字 : &ne; 読み : ノットイコール(等しくない)
Entity文字 : &efDot; 読み : ニアリーイコール(ほぼ等しい)
Entity文字 : &le; 読み : 小なりイコール
Entity文字 : &ge; 読み : 大なりイコール
Entity文字 : &ang; 読み : 角
Entity文字 : &radic; 読み : 平方根
Entity文字 : &infin; 読み : 無限大
½
Entity文字 : &frac12; 読み : 2分の1
¼
Entity文字 : &frac14; 読み : 4分の1
¾
Entity文字 : &frac34; 読み : 4分の3

単位の特種文字

¥
Entity文字 : &yen; 読み : 円
$
Entity文字 : &dollar; 読み : ドル
¢
Entity文字 : &cent; 読み : セント
Entity文字 : &euro; 読み : ユーロ
£
Entity文字 : &pound; 読み : ポンド
°
Entity文字 : &deg; 読み : 度
Entity文字 : &8451; 読み : 摂氏
Entity文字 : &8457; 読み : 華氏
Entity文字 : &8467; 読み : リットル
µ
Entity文字 : &micro; 読み : マイクロ
Ω
Entity文字 : &ohm; 読み : オーム
Φ
Entity文字 : &Phi; 読み : ファイ
α
Entity文字 : &alpha; 読み : アルファ
β
Entity文字 : &beta; 読み : ベータ
γ
Entity文字 : &gamma; 読み : ガンマ
δ
Entity文字 : &delta; 読み : デルタ
Ω
Entity文字 : &Omega; 読み : オメガ

図形の特種文字

Entity文字 : &star; 読み : 星(白)
Entity文字 : &starf; 読み : 星(黒)
Entity文字 : &utri; 読み : 上向き小正三角形(白)
Entity文字 : &utrif; 読み : 上向き小正三角形(黒)
Entity文字 : &rtri; 読み : 右向き小正三角形(白)
Entity文字 : &rtrif; 読み : 右向き小正三角形(黒)
Entity文字 : &dtri; 読み : 下向き小正三角形(白)
Entity文字 : &dtrif; 読み : 下向き小正三角形(黒)
Entity文字 : &ltri; 読み : 左向き小正三角形(白)
Entity文字 : &ltrif; 読み : 左向き小正三角形(黒)
Entity文字 : &xutri; 読み : 上向き正三角形
Entity文字 : &xdtri; 読み : 下向き正三角形
Entity文字 : &squ; 読み : 正方形(
Entity文字 : &rect; 読み : 長方形
Entity文字 : &fltns; 読み : 平行四辺形
Entity文字 : &loz; 読み : 菱形
Entity文字 : &hearts; 読み : ハート
Entity文字 : &diams; 読み : ダイヤ
Entity文字 : &spades; 読み : スペード
Entity文字 : &clubs; 読み : クラブ

矢印の特種文字

Entity文字 : &uarr; 読み : 矢印(上向き)
Entity文字 : &nearr; 読み : 矢印(右上向き)
Entity文字 : &rarr; 読み : 矢印(右向き)
Entity文字 : &searr; 読み : 矢印(右下向き)
Entity文字 : &darr; 読み : 矢印(下向き)
Entity文字 : &swarr; 読み : 矢印(左下向き)
Entity文字 : &larr; 読み : 矢印(左向き)
Entity文字 : &nwarr; 読み : 矢印(左上向き)
Entity文字 : &varr; 読み : 矢印(上下向き)
Entity文字 : &harr; 読み : 矢印(左右向き)
Entity文字 : &uArr; 読み : 二重矢印(上向き)
Entity文字 : &neArr; 読み : 二重矢印(右上向き)
Entity文字 : &rArr; 読み : 二重矢印(右向き)
Entity文字 : &seArr; 読み : 二重矢印(右下向き)
Entity文字 : &dArr; 読み : 二重矢印(下向き)
Entity文字 : &swArr; 読み : 二重矢印(左下向き)
Entity文字 : &lArr; 読み : 二重矢印(左向き)
Entity文字 : &nwArr; 読み : 二重矢印(左上向き)
Entity文字 : &vArr; 読み : 二重矢印(上下向き)
Entity文字 : &hArr; 読み : 二重矢印(左右向き)

ホームページの簡単な作り方以外にも
お得な情報や日常を紹介するブログも是非どうぞ!
Webに関連するレンタルサーバーなどの特徴・料金比較や、
個人的に挑戦している資格取得についての勉強法やグルメなどを紹介しています。