【HTML】UTF-8だったら、機種依存文字(環境依存文字)は問題なく使えます

きのこさん
機種依存文字は使っていいのですか?
きのこさん
UTF-8(文字コード)の場合は、機種依存文字(環境依存文字)が問題なく使えますー。

機種依存文字(環境依存文字)って何?

機種依存文字(環境依存文字)とは、WindowsやMacなどのOSやフォントに依存する文字のことです。昔はブラウザによって文字化けしてることが多々ありました。

▼ よく使う機種依存文字(環境依存文字)
表示 数値参照 表示 数値参照
① ②
③ ④
⑤ ⑥
⑦ ⑧
⑨ ⑩
Ⅰ Ⅱ
Ⅲ Ⅳ
Ⅴ Ⅵ
Ⅶ Ⅷ
Ⅸ Ⅹ
℃ ℉
〒 ¥ ¥
㊑ ㍿
㈱ ™
® ® © ©

文字化けしていた理由

昔は、こんな感じでした。

きのこさん
IEだけなんか文字化けしてるぞー
きのこさん
Macだけなんか文字化けしてるぞー
▼ こんな感じに文字化けしてました
S-JIS文字コード Windows Mac
8740
8741
8742
8743
8744
8745
8746

原因はほとんどが、文字コードを『Shift-JIS』にしていた。です。いや、でした。
そうなんです昔の話なんです。

今は『Shift-JIS』は使わないですね。いや、正確には使っているサイトはあります。たぶん。少し前までは見かけたことはあったのですが、最近はまったく見かけないです。

▼『Shift-JIS』サイトをまとめたページがあったので参考にどうぞ。

シフトJISを使い続ける上場企業をまとめてみた

※掲載さているサイトを確認してみたところ、ほとんどのサイトが『UTF-8』に変更してました。楽天市場は『UTF-8』でも『Shift-JIS』でもなく『euc-jp』を使ってました。勉強になりました。

文字コードが『UTF-8』だったら問題ないです

機種依存文字(環境依存文字)による文字化けは、文字コードに『UTF-8』を使用することで防げます。

▼ はい、これですね。

<meta charset="UTF-8">

『UTF-8』は、今では世界中のウェブサイトの90%以上が使用しているので文字化けなんて起こった日には世界中がひっくり返るのではと思われます。

▼ 参考

Character Encodings | W3Techs

さいごに

きのこさん
もじもじもじもじおですー
きのこさん
さてパンを買いに行きましょう

関連記事

【HTML】よく使う環境依存文字をまとめました

Web design gallery - デザインのこと - ウェブデザインあつめました。
いつかのこと

おすすめ

Googleさんのおすすめ

Googleさんのおすすめ

デザインの記事

日産|ブランドサイト
日産|ブランドサイト
ぼくのトミカ #1
ぼくね、もっと走りたいんだよ