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

English Navi

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

2020年6月22日

HTMLでの記述方法

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

æ

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

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

母音

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

æ

æ
æ

ǽ

ǽ
ǽ

ʌ

ʌ
ʌ

ə

ə
ə

ɑ

ɑ
ɑ

ɔ

ɔ
ɔ

ã

ã
ã

á

á
á

í

í
í

ú

ú
ú

é

é
é

ε

ε
ε

ɔ

ɔ
ɔ

ó

ó
ó

子音

ʃ

ʃ
ʃ

ʒ

ʒ
ʒ

θ

θ
θ

ð

ð
ð

ŋ

ŋ
ŋ

ç

ç
ç

ː

ː
ː

 

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

おすすめ記事

1

今回は代表的な海外のメディアサイトを紹介します。TV局と新聞社がメインです。英語圏以外の英語ニュースサイトや雑誌系はまた別に機会に。 今回紹介しきれていない有名ニュースサイトは、リンク切れ多数起きてい ...

2

単語や短いフレーズの場合 Siri使えばOK 英語の発音チェック、アプリが色々出ていますが、ぶっちゃけiPhoneならSiriを使えばよいだけです。それ以外要らないYO! 日本語になっている場合 Si ...

3

TOPページ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z HELP 基本的な英単語 ここで紹介する単語は学習者用英英辞典において単語を説明す ...

4

英会話学校や教材の英語は聞き取れるのに、映画とかTVとか聞き取れないなぁという、中級者向けの英語学習サイトとして利用できるサイト。他の記事で既にリンクして使っていますが、改めでご紹介。 映像に残してい ...

5

インターネット上で無料で利用できるオンライン辞書+αをご紹介。最初に+α紹介していますが。 正直単純に意味を調べるだけでよいのであれば、多くの方が普段利用しているグーグルを使えばよいだけではあるんだけ ...