HTMLで特殊文字や機種依存文字を記述&表示する方法
ホームページのHTMLソースを直接に記述する時や、WordPressや各種ブログや管理画面組み込まれたWYSIWYGエディタ等を使ってテキストモードで編集する時の、特殊文字や機種依存文字を記述する方法です。
例えば、「<表示したい文字列>」と表示したいのに、不等号(「<」や「>」)がHTMLの解釈(マークアップ記号)に利用されるので、うまく記述できなかった経験があると思います。
特殊文字や機種依存文字は、下記の表にあるような記述をすれば、表示できます。
よく使うと思われる記号
表示 | 記述 | 表示 | 記述 | 表示 | 記述 | 表示 | 記述 |
---|---|---|---|---|---|---|---|
< | < | > | > | " | " | ' | ' |
‘ | ‘ | ’ | ’ | “ | “ | ” | ” |
& | & | ™ | ™ | © | © | ® | ® |
空白 普通 |
| 空白 広い |
  | 空白 狭い |
  | ≠ | ≠ |
[ | [ | ] | ] | « | « | » | » |
« | « | » | » | ↔ | ↔ | ⇔ | ⇔ |
¥ | ¥ | ∞ | ∞ | ℃ | ℃ | ℉ | ℉ |
♠ | ♠ | ♣ | ♣ | ♥ | ♥ | ♦ | ♦ |
♤ | ♤ | ♧ | ♧ | ♡ | ♡ | ♢ | ♢ |
㎜ | ㎜ | ㎝ | ㎝ | ㎞ | ㎞ | ㎠ | ㎠ |
㎡ | ㎡ | ㎢ | ㎢ | ㎎ | ㎎ | ㎏ | ㎏ |
㏄ | ㏄ | ㎖ | ㎖ | ㎗ | ㎗ | ㎘ | ㎘ |
㊑ | ㊑ | ㍿ | ㍿ | ㈱ | ㈱ | ㏍ | ㏍ |
㈲ | ㈲ | ㈳ | ㈳ | ㈴ | ㈴ | ㈵ | ㈵ |
㈶ | ㈶ | ㈸ | ㈸ | ㈻ | ㈻ | ㈼ | ㈼ |
㈽ | ㈽ | ㈾ | ㈾ | ㈿ | ㈿ | 〃 | 〃 |
☐ | ☐ | ☑ | ☑ | ☒ | ☒ | ✔ | ✔ |
〒 | 〒 | 〠 | 〠 | 〶 | 〶 | ℡ | ℡ |
← | ← | ↑ | ↑ | → | → | ↓ | ↓ |
↖ | ↖ | ↗ | ↗ | ↘ | ↘ | ↙ | ↙ |
↔ | ↔ | ↕ | ↕ | ∧ | ∧ | ∨ | ∨ |
☜ | ☜ | ☝ | ☝ | ☞ | ☞ | ☟ | ☟ |
※上記の表で、「&#x・・・;」と記載しているものは、・・・の部分はUnicodeの16進(数値文字参照)で表記しています。xが付くと16進表記になります。
上記の表で、「&#・・・;」と記載しているものは、・・・の部分はUnicodeの10進(数値文字参照)で表記しています。
Unicode表には、数値文字参照の16進表記と10進表記がありますので、コード表を見て16進↔10進の変換をすれば、どちらも同じ文字と言う事です。
※上記の表で、「<」「©」などのように、文字を名称で表しているものを、文字実体参照と言い、例えば > の文字実体参照は「>」で数値文字参照は「>」になります。
※他にもいろいろな文字や記号がありますが、Unicode版 文字コード表などで個別にお調べください。
※関連ツール HTML/XML/XHTMLのエンティティ化(文字実体参照・数値文字参照変換)もご利用ください。
![【楽天ブックスならいつでも送料無料】日本語文字コ-ド表Unicode順 [ 中島靖 ]](http://hbb.afl.rakuten.co.jp/hgb/?pc=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fbook%2fcabinet%2f7952%2f79523094.jpg%3f_ex%3d128x128&m=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fbook%2fcabinet%2f7952%2f79523094.jpg%3f_ex%3d80x80)
【楽天ブックスならいつでも送料無料】日本語文字コ-ド表Unicode順 [ 中島靖 ]
価格:1,728円(税込、送料込)
![【楽天ブックスならいつでも送料無料】UnicodeによるJIS X 0213実装入門 [ 田丸健三郎 ]](http://hbb.afl.rakuten.co.jp/hgb/?pc=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fbook%2fcabinet%2f6082%2f9784891006082.jpg%3f_ex%3d128x128&m=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fbook%2fcabinet%2f6082%2f9784891006082.jpg%3f_ex%3d80x80)
【楽天ブックスならいつでも送料無料】UnicodeによるJIS X 0213実装入門 [ 田丸健三郎 ]
価格:2,484円(税込、送料込)
![【楽天ブックスならいつでも送料無料】Unicode Explained [ Jukka Korpela ]](http://hbb.afl.rakuten.co.jp/hgb/?pc=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fbook%2fcabinet%2f1213%2f9780596101213.jpg%3f_ex%3d128x128&m=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fbook%2fcabinet%2f1213%2f9780596101213.jpg%3f_ex%3d80x80)
【楽天ブックスならいつでも送料無料】Unicode Explained [ Jukka Korpela ]
価格:14,515円(税込、送料込)
![【楽天ブックスならいつでも送料無料】プログラマのための文字コード技術入門 [ 矢野啓介 ]](http://hbb.afl.rakuten.co.jp/hgb/?pc=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fbook%2fcabinet%2f1640%2f9784774141640.jpg%3f_ex%3d128x128&m=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fbook%2fcabinet%2f1640%2f9784774141640.jpg%3f_ex%3d80x80)
【楽天ブックスならいつでも送料無料】プログラマのための文字コード技術入門 [ 矢野啓介 ]
価格:2,786円(税込、送料込)