【初心者でもわかる】機種依存・環境依存文字の表示方法

どうも7noteです。漢字の旧字体や記号などで環境によって違う文字が出る際の対処方法

今回は機種依存文字について書いていきたいと思います。

&や<>などプログラミングやコーディング上で使用する文字があります。
これらの文字を普通に表示させたいと思った時に、崩れたり違う見た目になってしまう事があります。

これはOSやブラウザなどで使用されている言語に使われているからであり、ただの文字ではなくソースコードとして認識されてしまう場合があるからです。
また、漢字の旧字体なども対応されていないものもあるため、そのような文字たちを表示するための方法です。

機種依存・環境依存文字を表示する方法

例）「&」の書き方

index.html

<p>アンドマーク「&amp;」</p>

結果
アンドマーク「&」

解説

どうでしょうか？&をアンドマークだと認識され「&」の文字が表示されます。
ほかにも様々な機種依存文字（記号や漢字）があります。

・漢字の機種依存文字を探したい時に便利なサイト
https://www.benricho.org/symbol/tokusyu_12_kanji.html

・記号やローマ数字などの機種依存文字を使いたい時はこちら
http://rinrin.saiin.net/~aor/hms/cer

まとめ

最近ではOSやブラウザもあまり意識しなくても自動で対応してくれるものが増えたように感じますが、
知識として知っていたり、旧字体を使いたい時などにはまだまだ現役で使われているので覚えておくといいかもしれません。

おそまつ！

~ Qiitaで毎日投稿中!! ~
【初心者向け】WEB制作のちょいテク詰め合わせ