漢字に振り仮名（ルビ）を表示する方法

振り仮名（ルビ）を表示したい文字を<ruby>タグで囲むことで、ルビを表示できます。

● 表示例 ⇒ 漢字かんじ
　　記述例 ⇒ <ruby><rb>漢字<rt>かんじ</rt></rb></ruby>　（※IE専用）
　　　※ <rt>表示したい振り仮名（ルビ）</rt>

ただし、これだと「IE」以外のプラウザで表示した場合には、
「漢字かんじ」というような表示となってしまい、不自然な感じとなります。

そこで、「IE」以外のブラウザで閲覧しても不自然にならないように、以下のように記述します。

● 表示例 ⇒ 漢字(かんじ)
　　記述例 ⇒ <ruby><rb>漢字</rb><rp>(</rp><rt>かんじ<rt/><rp>)<rp/></ruby>

このようにすれば、「IE」以外のプラウザで表示した場合には、
「漢字(かんじ)」というように振り仮名が（ ）でかこまれるので、不自然な感じにもなりません。
なお、「IE」では、<rp>〜</rp>の部分は無視されます。


記事の内容にご満足戴けましたならクリックをお願いします ↓
ＪＲＡＮＫブログランキング FC2ブログランキング 人気blogランキング！