文字に振り仮名(ルビ)を表示する

ここでは、「 文字に振り仮名(ルビ)を表示する」 に関する記事を紹介しています。
振り仮名(ルビ)を表示したい文字を<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>の部分は無視されます。

この記事へのコメント
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
この記事のトラックバックURL
この記事へのトラックバック