【ホームページ作成】丸囲み数字、機種依存文字を使うには

丸囲みの数字は「機種依存文字」

印刷物や手書きのノートなどでは、箇条書きをしたい場合や何かの順番を表したい場合に、 ・ ・ などの「丸囲みの数字」がよく使われます。 この「丸囲みの数字」をホームページ上でも使いたいと思うなら、ちょっと注意が必要です。 なぜなら、「丸囲みの数字」は機種依存文字と呼ばれ、そのままでは閲覧者の環境によって、全く異なる文字に見える可能性があるからです。

しかし、HTMLにはそういった異なる機種間の問題を解消できる仕組みが用意されています。
今回は、閲覧者の環境によらず、「丸囲みの数字」を表示する方法をご紹介致しましょう。

機種依存文字がそのままでは使えない理由

「機種依存文字を使ってはダメ」とは、昔からよく言われてきました。 現在では、「機種依存」というよりは「OS依存」と言った方が分かりやすいかも知れません。 要するに、「丸囲みの数字」など一部の文字は、「WindowsとMacで全く異なる文字に見えてしまう」（※1）ということです。

コンピュータは、文字をコード(番号)で表現しています。
例えば、丸囲みの数字５「 」は、Windowsでは 8745（※2） というコード(番号)で表されます。 しかし、Macでは 8745（※2） は、カッコ付き曜日(金)「 」という記号を表しています。 ですから、Windows上で「 」と書いても、それをMac上で見れば「 」に見えてしまう（※3）ということです。

なお、機種依存文字ではない文字には、どんな環境でも同じコードが割り当てられています。 例えば、「★」は、WindowsでもMacでも 819A（※4） というコードで表されるので、どちらの環境で閲覧しても同じように「★」に見えます。

＜補足＞
※1：Mac版ブラウザの種類によっては、Windowsの機種依存文字が正しく表示され、Macの機種依存文字が化ける（＝Windows上の場合と同じ表示になる）ものもあります。（Netscape7など）
※2：SHIFT-JISコードの場合の番号
※3：これはフォントの問題で、Mac上でもWindowsと同じコードに機種依存文字を割り当てているフォントを使えば、上記のような文字化けは起こりません。（その代わり、Macで正しく見えるよう作られたファイル内の機種依存文字が化けてしまいます。）
※4：SHIFT-JISコードの場合の番号。他の文字コードでも番号が異なるだけで、環境に寄らず同じように見える点は一緒。

機種依存文字でも使える！

以上の理由から、「丸囲みの数字」はそのまま使うわけにはいきません。 しかし、数値文字参照というHTMLの仕組みを利用すれば、実は問題なく表示できるのです。

数値文字参照とは、文字を数値で表現するというHTMLの仕組みで、主に、 キーボードから入力しようのない文字を表現したい場合に活用されています。 例えば、著作権記号の「 © 」や発音記号の「 æ 」などです。

この数値文字参照で表現できる文字には、実は「丸囲みの数字」も含まれているのです。