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

ここでは、「 漢字に振り仮名(ルビ)を表示する」 に関する記事を紹介しています。
記事の中に直接、<ruby>タグを記述すると、漢字に振り仮名(ルビ)を表示できます。

表示例 ⇒ 漢字かんじ
  記述例 ⇒ <ruby><rb>漢字<rt>かんじ</rt></rb></ruby> (※IE専用)

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

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

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

このようにすれば、「IE」以外のプラウザで表示した場合には、
漢字(かんじ)」というように振り仮名が( )でかこまれるので、不自然な感じにもなりません。
なお、「IE」では、<rp>〜</rp>の部分は無視されます。
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
この記事のトラックバックURL
http://weblog58.blog58.fc2.com/tb.php/55-8cfa6c24
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック