英語学習に役立つサイトのリンク集

English Navi

WEBサイトに発音記号を表示させる方法

2020年6月22日

HTMLでの記述方法

HTMLに記載すれば発音記号として表示されます。ほとんど使う機会なんてないと思いますが、キーボードにないのにどうやって表示させているんだろ?って思った人の参考になればということで。
※アルファベットで表示されないものだけを記載しております。

æ

HTMLファイルにはこのように記述します。DWなどのソフトやWPなどのCMSだと自動的に&の後にamp;入ると思うので、ビジュアルではなく、テキスト(直接編集)で記述する必要があると思います。

※ブラウザ、環境によっては表示されない場合もあります。

母音

↓表示されてますか?この時点で環境によっては表示されていないかもしれません。

æ

æ
æ

ǽ

ǽ
ǽ

ʌ

ʌ
ʌ

ə

ə
ə

ɑ

ɑ
ɑ

ɔ

ɔ
ɔ

ã

ã
ã

á

á
á

í

í
í

ú

ú
ú

é

é
é

ε

ε
ε

ɔ

ɔ
ɔ

ó

ó
ó

子音

ʃ

ʃ
ʃ

ʒ

ʒ
ʒ

θ

θ
θ

ð

ð
ð

ŋ

ŋ
ŋ

ç

ç
ç

ː

ː
ː

 

管理人
何通りか表示させる方法はありますが、今回は10進数コードを利用したものとなります。リストに入れ忘れている発音記号があるかもしません。気が付いたら追加しておきます。
  • B!