HTMLの特殊文字(文字参照)一覧
入力できない文字を、入力表示する方法
例えば、ブログの記事の中で、「<body>〜</body>の中に・・・」と書いたとしても、期待するような形で表示されないことがあります。
なぜでしょう?
あるいは、「<div>タグが・・・」などと書こうものなら、レイアウトが崩れることさえあります。なぜでしょうか?
また、「©(コピーライト)」や「♥(ハート)」、「€(ユーロ)」などは、どうすれば入力表示することができるでしょうか?
今回は、これらの問題を解決する特殊文字(特別文字)についてのお話をいたします。特殊文字一覧表も作成しました。良かったら、ご覧くださいませ。
<body>が記事内で表示されない理由
1:<body>は、すでにHTMLで定義されているのです
ブログなどのホームページと呼ばれているものは、たいてい HTMLという言語で書かれています。
そして、その HTMLの中で、「<body>」は、特別な意味をもつ言葉(HTMLタグ)として、すでに使われてしまっているんですね。
ゆえに、ブログの記事の中で使ってしまうと、表示されなかったり、誤った認識をされてしまうことがあるのです。(「<div>」も同様)
2:サザエさんも二人いちゃ困るよね
おそらく、HTMLをまったくご存知でない人は、ちんぷんかんぷんだと思うので、たとえ話をひとつ。
何の物語でも良いのですが、例えば、「サザエさん」は知っておられるかしら?そう、お魚くわえたドラ猫を、裸足で追いかける陽気なお話です。
その「サザエさん」に、「サザエさん」とそっくりなキャラクターを描いてしまうと、紛(まぎ)らわしいですよね?
「ちょっと!サザエさんが、ふたりいるよ!消して!そっち表示しちゃダメ!」と作画監督さんが怒り出します。
まったく同じように描いてしまうと、物語としても成立しなくなってしまうので描いちゃダメなんです。前述のHTMLのお話も同じことなのです。
3:特別な場合だってある
とは言え、描きたいときもありますよね?サザエさん。
例えば、写真の中にサザエさんが写っているのであれば、いかがでしょう?その写真をサザエさんが見ているとしても、何らおかしくないはずです。
ただ、写真の中のサザエさんだということが、分かるような表現(描写)にはしなければいけないですよね。
HTMLの場合も同じです。HTMLタグではないことを示して書かなければいけません。それが「特殊文字を使った書き方」というわけです。
やっと話がつながりましたね。良かった、良かった。
4:特殊文字による書き方
例えば、「<body>」であれば、「<body>」と書きます。
「<」は、「<」をあらわす特殊文字であり、「>」は、「>」をあらわす特殊文字です。
「<」と「body」と「>」の3つを続けて書くことで、これはHTMLタグではない「<body>」なのだなと、コンピュータ先生が理解してくれます。
単なる文字列の「<body>」と認識されるわけです。
使いそうな特殊文字
使いそうな特殊文字をご紹介します。
とくに使いそうな特殊文字としては、主に次のようなものがあります。覚えておくと良いのは、おそらくこれくらいです。
特殊文字 | 名称 | |
|---|---|---|
& | & | アンド |
< | < | 小なり |
> | > | 大なり |
" | " | 二重引用符 |
| | 空白 |
© | © | コピーライト |
™ | ™ | 商品商標 |
® | ® | 登録商標 |
使うかは、分かりませんけれど、ハートなども、特殊文字として用意されています。
特殊文字 | 名称 | |
|---|---|---|
♠ | ♠ | スペード |
♣ | ♣ | クラブ |
♥ | ♥ | ハート |
♦ | ♦ | ダイヤ |
€ | € | ユーロ |
それから、数学の記号や、ギリシャ文字なども、特殊文字によって表記できます。(→参照:特殊文字一覧)
特殊文字は、パソコンの環境によって表示されなかったり、文字化けすることがあります。
特殊文字とは?
おおかた問題は解決したと思うので、少し堅苦しいお話もしておきます。
1:特殊文字とは?
Web上で「特殊文字(特別文字)」と言えば、W3Cさんが「HTML4.0(ISO 8859-1の文字実体参照)」や「XHTML1.0(付録A2)」で定義している次の3つを指します。
- ISO 8859-1(Latin-1)
- 特殊キャラクタ
- 記号キャラクタ
2:特殊文字の書き方
特殊な文字は、一般的に「特殊文字」とか、「特別文字」と言われることが多いように思いますが、W3Cの定義では「文字参照」という呼び方をするようです。
そして、この「文字参照」には、次の 2通りの記述方法があります。
- 文字実体参照
- 数値文字参照
前述している「<」などは、文字実体参照です。対して、「<」を数値文字参照で書くと、「<」となります。どちらの書き方でも基本的には同じ結果が表示されます。
また、数値文字参照の場合は、「<」のように10進数で書いてもいいし、「<」のように16進数で書いてもOKです。
「ちょっと、お話が難しいわ」という人もいらっしゃるかもしれませんが、要は特殊文字一覧で使いたい文字を探し、文字実体参照か数値文字参照のどちらかで記述すればよいだけです。
特殊文字一覧
特殊文字は、空白以外にも、パソコンの環境によっては表示されないものもあります。
1:ISO 8859-1(Latin-1)
文字 | 文字 | Unicode | 名称 |
|---|---|---|---|
|
|
U+00A0 |
折り返しのない空白 |
¡ |
|
U+00A1 |
逆感嘆符 |
¢ |
|
U+00A2 |
セント(貨幣単位記号) |
£ |
|
U+00A3 |
英国貨幣記号 |
¤ |
|
U+00A4 |
流通貨幣記号 |
¥ |
|
U+00A5 |
日本国貨幣(円)記号 |
¦ |
|
U+00A6 |
縦破線 |
§ |
|
U+00A7 |
節記号 |
¨ |
|
U+00A8 |
ウムラウト記号 |
© |
|
U+00A9 |
コピーライト |
ª |
|
U+00AA |
順序の指示(女性形) |
« |
|
U+00AB |
左角引用符 |
¬ |
|
U+00AC |
否定 記号 |
|
|
U+00AD |
ソフトハイフン |
® |
|
U+00AE |
登録商標記号 |
¯ |
|
U+00AF |
長母音記号マクロン |
° |
|
U+00B0 |
度(単位)記号 |
± |
|
U+00B1 |
プラスマイナス記号 |
² |
|
U+00B2 |
2乗(冪乗) |
³ |
|
U+00B3 |
3乗(冪乗) |
´ |
|
U+00B4 |
高音[揚音]アクセント記号 |
µ |
|
U+00B5 |
マイクロ |
¶ |
|
U+00B6 |
段落記号 |
· |
|
U+00B7 |
中黒 |
¸ |
|
U+00B8 |
セディーユ |
¹ |
|
U+00B9 |
1乗(冪乗) |
º |
|
U+00BA |
順序の指示(男性形) |
» |
|
U+00BB |
右角引用符 |
¼ |
|
U+00BC |
4分の1 |
½ |
|
U+00BD |
2分の1 |
¾ |
|
U+00BE |
4分の3 |
¿ |
|
U+00BF |
逆疑問符 |
À |
|
U+00C0 |
大文字 A |
Á |
|
U+00C1 |
大文字 A |
 |
|
U+00C2 |
大文字 A |
à |
|
U+00C3 |
大文字 A |
Ä |
|
U+00C4 |
大文字 A |
Å |
|
U+00C5 |
大文字 A |
Æ |
|
U+00C6 |
大文字 AEの合字 |
Ç |
|
U+00C7 |
大文字 C |
È |
|
U+00C8 |
大文字 E |
É |
|
U+00C9 |
大文字 E |
Ê |
|
U+00CA |
大文字 E |
Ë |
|
U+00CB |
大文字 E |
Ì |
|
U+00CC |
大文字 I |
Í |
|
U+00CD |
大文字 I |
Î |
|
U+00CE |
大文字 I |
Ï |
|
U+00CF |
大文字 I |
Ð |
|
U+00D0 |
古英語のエズ(ETH) |
Ñ |
|
U+00D1 |
大文字 N |
Ò |
|
U+00D2 |
大文字 O |
Ó |
|
U+00D3 |
大文字 O |
Ô |
|
U+00D4 |
大文字 O |
Õ |
|
U+00D5 |
大文字 O |
Ö |
|
U+00D6 |
大文字 O |
× |
|
U+00D7 |
かけ算、乗算 |
Ø |
|
U+00D8 |
大文字 O |
Ù |
|
U+00D9 |
大文字 U |
Ú |
|
U+00DA |
大文字 U |
Û |
|
U+00DB |
大文字 U |
Ü |
|
U+00DC |
大文字 U |
Ý |
|
U+00DD |
大文字 Y |
Þ |
|
U+00DE |
古英語のソーン |
ß |
|
U+00DF |
ドイツ語のエスツェット |
à |
|
U+00E0 |
小文字 a |
á |
|
U+00E1 |
小文字 a |
â |
|
U+00E2 |
小文字 a |
ã |
|
U+00E3 |
小文字 a |
ä |
|
U+00E4 |
小文字 a |
å |
|
U+00E5 |
小文字 a |
æ |
|
U+00E6 |
小文字 aeの合字 |
ç |
|
U+00E7 |
小文字 c |
è |
|
U+00E8 |
小文字の e |
é |
|
U+00E9 |
小文字の e |
ê |
|
U+00EA |
小文字の e |
ë |
|
U+00EB |
小文字の e |
ì |
|
U+00EC |
小文字の i |
í |
|
U+00ED |
小文字の i |
î |
|
U+00EE |
小文字の i |
ï |
|
U+00EF |
小文字の i |
ð |
|
U+00F0 |
古英語のエズ(eth) |
ñ |
|
U+00F1 |
小文字 n |
ò |
|
U+00F2 |
小文字 o |
ó |
|
U+00F3 |
小文字 o |
ô |
|
U+00F4 |
小文字 o |
õ |
|
U+00F5 |
小文字 o |
ö |
|
U+00F6 |
小文字 o |
÷ |
|
U+00F7 |
わり算、除算 |
ø |
|
U+00F8 |
小文字 o(斜線付) |
ù |
|
U+00F9 |
小文字 u |
ú |
|
U+00FA |
小文字 u |
û |
|
U+00FB |
小文字 u |
ü |
|
U+00FC |
小文字 u |
ý |
|
U+00FD |
小文字 y |
þ |
|
U+00FE |
古英語のソーン |
ÿ |
|
U+00FF |
小文字 y |
2:特殊キャラクタ
文字 | 文字 | Unicode | 名称 |
|---|---|---|---|
ƒ |
|
U+0192 |
小文字の f(フック付) |
Α |
|
U+0391 |
大文字のアルファ |
Β |
|
U+0392 |
大文字のベータ |
Γ |
|
U+0393 |
大文字のガンマ |
Δ |
|
U+0394 |
大文字のデルタ |
Ε |
|
U+0395 |
大文字のイプシロン |
Ζ |
|
U+0396 |
大文字のゼータ |
Η |
|
U+0397 |
大文字のエータ |
Θ |
|
U+0398 |
大文字のシータ |
Ι |
|
U+0399 |
大文字のイオタ |
Κ |
|
U+039A |
大文字のカッパ |
Λ |
|
U+039B |
大文字のラムダ |
Μ |
|
U+039C |
大文字のミュー |
Ν |
|
U+039D |
大文字のニュー |
Ξ |
|
U+039E |
大文字のクサイ |
Ο |
|
U+039F |
大文字のオミクロン |
Π |
|
U+03A0 |
大文字のパイ |
Ρ |
|
U+03A1 |
大文字のロー |
Σ |
|
U+03A3 |
大文字のシグマ |
Τ |
|
U+03A4 |
大文字のタウ |
Υ |
|
U+03A5 |
大文字のウプシロン |
Φ |
|
U+03A6 |
大文字のファイ |
Χ |
|
U+03A7 |
大文字のカイ |
Ψ |
|
U+03A8 |
大文字のプサイ |
Ω |
|
U+03A9 |
大文字のオメガ |
α |
|
U+03B1 |
小文字のアルファ |
β |
|
U+03B2 |
小文字のベータ |
γ |
|
U+03B3 |
小文字のガンマ |
δ |
|
U+03B4 |
小文字のデルタ |
ε |
|
U+03B5 |
小文字のイプシロン |
ζ |
|
U+03B6 |
小文字のゼータ |
η |
|
U+03B7 |
小文字のエータ |
θ |
|
U+03B8 |
小文字のシータ |
ι |
|
U+03B9 |
小文字のイオタ |
κ |
|
U+03BA |
小文字のカッパ |
λ |
|
U+03BB |
小文字のラムダ |
μ |
|
U+03BC |
小文字のミュー |
ν |
|
U+03BD |
小文字のニュー |
ξ |
|
U+03BE |
小文字のクサイ |
ο |
|
U+03BF |
小文字のオミクロン |
π |
|
U+03C0 |
小文字のパイ |
ρ |
|
U+03C1 |
小文字のロー |
ς |
|
U+03C2 |
小文字のファイナル シグマ |
σ |
|
U+03C3 |
小文字のシグマ |
τ |
|
U+03C4 |
小文字のタウ |
υ |
|
U+03C5 |
小文字のウプシロン |
φ |
|
U+03C6 |
小文字のファイ |
χ |
|
U+03C7 |
小文字のカイ |
ψ |
|
U+03C8 |
小文字のプサイ |
ω |
|
U+03C9 |
小文字のオメガ |
ϑ |
|
U+03D1 |
小文字のシータ |
ϒ |
|
U+03D2 |
ウプシロン |
ϖ |
|
U+03D6 |
パイ |
• |
|
U+2022 |
中黒 |
… |
|
U+2026 |
省略符号 |
′ |
|
U+2032 |
プライム符号 |
″ |
|
U+2033 |
二重プライム符号 |
‾ |
|
U+203E |
オーバーライン |
⁄ |
|
U+2044 |
分数の斜線 |
℘ |
|
U+2118 |
手書き風の大文字 P |
ℑ |
|
U+2111 |
ドイツ字体の大文字 I |
ℜ |
|
U+211C |
ドイツ字体の大文字 R |
™ |
|
U+2122 |
商品商標記号 |
ℵ |
|
U+2135 |
ヘブライ文字の第1文字 |
← |
|
U+2190 |
左向き矢印 |
↑ |
|
U+2191 |
上向き矢印 |
→ |
|
U+2192 |
右向き矢印 |
↓ |
|
U+2193 |
下向き矢印 |
↔ |
|
U+2194 |
左右矢印 |
↵ |
|
U+21B5 |
キャリッジリターン |
⇐ |
|
U+21D0 |
二重左向き矢印 |
⇑ |
|
U+21D1 |
二重上向き矢印 |
⇒ |
|
U+21D2 |
二重右向き矢印 |
⇓ |
|
U+21D3 |
二重下向き矢印 |
⇔ |
|
U+21D4 |
二重左右矢印 |
∀ |
|
U+2200 |
全称記号 |
∂ |
|
U+2202 |
偏微分 |
∃ |
|
U+2203 |
存在記号 |
∅ |
|
U+2205 |
空(くう)集合 |
∇ |
|
U+2207 |
ナブラ |
∈ |
|
U+2208 |
集合に属する |
∉ |
|
U+2209 |
∈の否定 |
∋ |
|
U+220B |
要素とする |
∏ |
|
U+220F |
直積、n項の乗算 |
∑ |
|
U+2211 |
総和、n項の加算 |
− |
|
U+2212 |
マイナス記号 |
∗ |
|
U+2217 |
アスタリスク演算子 |
√ |
|
U+221A |
平方根 |
∝ |
|
U+221D |
比例 |
∞ |
|
U+221E |
無限 |
∠ |
|
U+2220 |
角記号 |
∧ |
|
U+2227 |
論理積 |
∨ |
|
U+2228 |
論理和 |
∩ |
|
U+2229 |
積集合 |
∪ |
|
U+222A |
和集合 |
∫ |
|
U+222B |
積分記号 |
∴ |
|
U+2234 |
結論 |
∼ |
|
U+223C |
チルダ演算子 |
≅ |
|
U+2245 |
だいたい等しい |
≈ |
|
U+2248 |
ほとんど等しい |
≠ |
|
U+2260 |
等しくない |
≡ |
|
U+2261 |
合同記号 |
≤ |
|
U+2264 |
小なりイコール |
≥ |
|
U+2265 |
大なりイコール |
⊂ |
|
U+2282 |
部分集合(含まれる) |
⊃ |
|
U+2283 |
部分集合(含む) |
⊄ |
|
U+2284 |
部分集合(含まれない) |
⊆ |
|
U+2286 |
部分集合(含まれるか等しい) |
⊇ |
|
U+2287 |
部分集合(含むか等しい) |
⊕ |
|
U+2295 |
直和、排他的論理和 |
⊗ |
|
U+2297 |
直積、テンソル積 |
⊥ |
|
U+22A5 |
垂直 |
⋅ |
|
U+22C5 |
ドット演算子 |
⌈ |
|
U+2308 |
天井関数(左記号)、左上限 |
⌉ |
|
U+2309 |
天井関数(右記号)、右上限 |
⌊ |
|
U+230A |
床関数(左記号)、左下限 |
⌋ |
|
U+230B |
床関数(右記号)、右下限 |
〈 |
|
U+2329 |
左方向点かっこ |
〉 |
|
U+232A |
右方向点かっこ |
◊ |
|
U+25CA |
ひし形 |
♠ |
|
U+2660 |
スペード |
♣ |
|
U+2663 |
クラブ(三つ葉) |
♥ |
|
U+2665 |
ハート |
♦ |
|
U+2666 |
ダイヤ(ダイヤモンド) |
3:記号キャラクタ
文字 | 文字 | Unicode | 名称 |
|---|---|---|---|
" |
|
U+0022 |
二重引用符 |
& |
|
U+0026 |
アンド |
< |
|
U+003C |
小なり |
> |
|
U+003E |
大なり |
Œ |
|
U+0152 |
大文字 OEの合字 |
œ |
|
U+0153 |
小文字 oeの合字 |
Š |
|
U+0160 |
大文字 S |
š |
|
U+0161 |
小文字 s |
Ÿ |
|
U+0178 |
大文字 Y |
ˆ |
|
U+02C6 |
曲折アクセント記号 |
˜ |
|
U+02DC |
チルダ記号 |
|
|
U+2002 |
空白(n文字幅) |
|
|
U+2003 |
 の2倍の空白(m文字幅) |
|
|
U+2009 |
細めの空白 |
|
|
U+200C |
特定言語向けの空白類似記号 |
|
|
U+200D |
特定言語向けの空白類似記号 |
|
|
U+200E |
左から右への記号 |
|
|
U+200F |
右から左への記号 |
– |
|
U+2013 |
ダッシュ(n文字幅) |
— |
|
U+2014 |
ダッシュ(m文字幅) |
‘ |
|
U+2018 |
引用符(開始) |
’ |
|
U+2019 |
引用符(終了) |
‚ |
|
U+201A |
下付き引用符 |
“ |
|
U+201C |
二重引用符(開始) |
” |
|
U+201D |
二重引用符(終了) |
„ |
|
U+201E |
下付き二重引用符 |
† |
|
U+2020 |
短剣符、脚注 |
‡ |
|
U+2021 |
二重短剣符、脚注 |
‰ |
|
U+2030 |
パーミル |
‹ |
|
U+2039 |
フレンチ シングルクォーテーション(左) |
› |
|
U+203A |
フレンチ シングルクォーテーション(右) |
€ |
|
U+20AC |
ユーロ(通貨単位) |
参考にさせていただいた書籍、記事・サイト
特殊文字一覧は、以下の書籍やサイトを参考に、自分の分かり良いように言い換えて記載しています。
- 『Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト』
- 『Wikipedia(文字参照、ISO/IEC 8859-1)』
- 『特殊文字一覧』
- 『数学記号やギリシャ文字と実体参照』
- 『HTML4.0(ISO 8859-1の文字実体参照)』
- 『XHTML1.0(付録A2)』
次回予告
次回は、ちょうどブログをはじめて 2年くらい(半年くらいサボっていた時期はあったけれど)になるので、現在のアクセス状況などについて書いておこうと思います。
関連記事
HTMLに関連する記事を、ご紹介します。
1:もう少しHTML
作成日:2009/07/01 更新日:2009/07/01
コメントありがとうございます。
お手数ですが、コメント前に留意事項をご覧くださいませ。
非常に参考になります
はじめまして、こんにちは!
コメントありがとうございます。
当ブログが、お役に立てているようで、
何よりでございます。(´▽`)♪
かっこいいページができるのも、
楽しみにしております。ヾ(*´∀`*)ノ
また、表ズレのご指摘もありがとうございます。
記述ミスかしら。(´Д`;)
後日できるだけ早目に、調べてみます。
ありがとうございました。
追記:
少し調べてみたところ、おっしゃる通り、Firefox3.5、
その他にも、Chrome、opera、Safariなどでも、
罫線が表示されない問題が起きています。
このページだけでなく、
表を使っているページはすべてです。(´Д`;)いやん
とくにSafariがひどい。
CSSの指定は、
間違っていないはずなんだけどなぁ・・・。
とりあえず、読めはするようなので、
ホッとしています。
時間をみつくろって、対応させていただきます。
ありがとうございました。ヾ(*´∀`*)ノ感謝
追記2:
原因は、border-collapseのバグみたいです。
追記3:
とりあえず暫定的に対応させていただきました。
詳しいことは、こちらに書いています。↓
http://kumacrow.blog111.fc2.com/blog-entry-498.html#css3
ただ、Safariは、何ともならんですね〜。(´Д`;)
方法はあるのでしょうけれども・・・。
Safari以外は大丈夫なはずですが、
いかがでしょうか。
う〜ん 未だにずれて表記されちゃいます
border-collapseのバグ修正の件、
普段使っているブラウザでは、
Firefox3.5→ずれてます
Chrome→OKです
という状態です。
キャッシュの問題とかもあるのかと、キャッシュの消去もしたんですけどずれたままなんですよね〜。
safari以外は反映確認済とのことでしたから、こちら側に何か問題があるのかもしれませんね〜。
あ!修正されてました!
お騒がせしてすみませんでした。
引き続き、いろいろと参考にさせていただきます。
ありがとうございました
コメントありがとうございます。
お忙しいところ、
チェックもありがとうございます。
お世話さまでした。
とりあえず、Safari以外は、
改善されたようで良かったです。
今後もよろしくお願い申し上げます。ヾ(*´∀`*)ノ
コメントの投稿
トラックバック
![]() | GIMP 徹底活用ガイド 2009 (インプレスムック エムディエヌ・ムック) MdN編集部 MdN 2008-12-12 売り上げランキング : 2352 おすすめ平均 ![]() Amazonで詳しく見る by G-Tools |
![]() | 世界一簡単!「GIMP2」ではじめるデジカメ写真修正と加工 (宝島MOOK) 宝島社 2009-05-08 売り上げランキング : 11688 おすすめ平均 ![]() Amazonで詳しく見る by G-Tools |













かつて自社で作ったコンテンツを、なんとかWEB上でも紹介したいと思っているのですが、WEBの実務担当者はそれどころではない忙しい状況にあり、「それならば自分が!」と一念発起した次第です。今後もいろいろと参考にさせていただき、無事かっこいいページが出来たあかつきにはご報告したいと思います。
【追伸】特殊キャラクタならびに記号キャラクタの上部が表ズレして表記されます。ブラウザはfirefox3.5です。ご報告まで。