よみ仮名を付ける方法 | Webであなたの夢が叶う!

Webであなたの夢が叶う!

Webを活用して一歩ずつ「夢」に近づきませんか?
みなさんのサポートブログです。    

☆*・カフェビバーチェ。.:*・゜゚・*☆*・゜゚・*:.。..。.:*・☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00~15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に!
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。


少人数グループのイベント会場としてもご活用くださいね。
☆*・゜゚・*:.。..。.:*・☆・*:.。. .。.:*・゜゚・*☆*・゜゚・*:.。..。.:*・☆

こんにちは。
Webであなたの夢が叶う!のHirokoです。


今年2015年の初仕事で、今、薬草のサイトを作っています。

普段はあまり気にしないのですが、
難しい漢字に読み仮名がついていると読みやすいですよね。

たとえば。。。

中薬学の白茅根はくぼうこんは、日本名をチガヤといいます。

。。。こんな感じになります。


■読み仮名をつける手順■
①カッコ部分を<rp>タグと</rp>タグで囲う
②読み仮名部分を<rt>タグと</rt>タグで囲う
③全体を<ruby>タグと</ruby>タグで囲う

中薬学の<ruby>白茅根<rp>(</rp><rt>はくぼうこん</rt><rp>)</rp></ruby>は、日本名をチガヤといいます。


お使いのブラウザが読み仮名に未対応の場合は、カッコ付き表示になります。

あなたのホームページも読みやすくなるといいですね。



今日も最後まで読んでいただいてありがとうございました。