Web:ルビ - ぷちWiki

最終更新日時:

概要



HTML でのルビ表示はブラウザに依存するようです。
※ 2010年5月現在

例えば、デフォルトの状態では、IE ではルビのタグに対応していますが、Firefox は対応していません。
従って、まずは大原則として、ルビを使用する際にはブラウザ依存の問題に注意する必要があります。

タグ



ルビ表示のタグは以下の通りです。

タグ
概要
ruby
ルビの対象となる文字/ルビ表示/関連タグを要素とする
rb
ruby タグ内で有効。ルビの対象となる文字を要素とする
rt
ruby タグ内で有効。ルビ表示する文字を要素とする
rp
ruby タグ内で有効。ruby タグに非対応なブラウザの際に表示するために使用

サンプル



--
例えば、デフォルトの状態では、IE ではルビのタグに対応していますが、Firefox は対応していません。
従って、まずは大原則として、ルビを使用する際にはブラウザ依存の問題に注意する必要があります。
--
{{h
<ruby><rb>例</rb><rp>(</rp><rt>たと</rt><rp>)</rp></ruby>えば、デフォルトの<ruby><rb>状態</rb><rp>(</rp><rt>じょうたい</rt><rp>)</rp></ruby>では、IE ではルビのタグに<ruby><rb>対応</rb><rp>(</rp><rt>たいおう</rt><rp>)</rp></ruby>していますが、Firefox は<ruby><rb>対応</rb><rp>(</rp><rt>たいおう</rt><rp>)</rp></ruby>していません。
<ruby><rb>従</rb><rp>(</rp><rt>したが</rt><rp>)</rp></ruby>って、まずは<ruby><rb>大原則</rb><rp>(</rp><rt>だいげんそく</rt><rp>)</rp></ruby>として、ルビを<ruby><rb>使用</rb><rp>(</rp><rt>しよう</rt><rp>)</rp></ruby>する<ruby><rb>際</rb><rp>(</rp><rt>さい</rt><rp>)</rp></ruby>にはブラウザ<ruby><rb>依存</rb><rp>(</rp><rt>いぞん</rt><rp>)</rp></ruby>の<ruby><rb>問題</rb><rp>(</rp><rt>もんだい</rt><rp>)</rp></ruby>に<ruby><rb>注意</rb><rp>(</rp><rt>ちゅうい</rt><rp>)</rp></ruby>する<ruby><rb>必要</rb><rp>(</rp><rt>ひつよう</rt><rp>)</rp></ruby>があります。

}}

ソース



 <ruby>
  <rb>例</rb><rp>(</rp><rt>たと</rt><rp>)</rp>
 </ruby>
 えば、デフォルトの
 <ruby>
  <rb>状態</rb><rp>(</rp><rt>じょうたい</rt><rp>)</rp>
 </ruby>
 では、IE ではルビのタグに
 <ruby>
  <rb>対応</rb><rp>(</rp><rt>たいおう</rt><rp>)</rp>
 </ruby>
 していますが、Firefox は
 <ruby>
  <rb>対応</rb><rp>(</rp><rt>たいおう</rt><rp>)</rp>
 </ruby>
 していません。<br>
 <ruby>
  <rb>従</rb><rp>(</rp><rt>したが</rt><rp>)</rp>
 </ruby>
 って、まずは
 <ruby>
  <rb>大原則</rb><rp>(</rp><rt>だいげんそく</rt><rp>)</rp>
 </ruby>
 として、ルビを
 <ruby>
  <rb>使用</rb><rp>(</rp><rt>しよう</rt><rp>)</rp>
 </ruby>
 する
 <ruby>
  <rb>際</rb><rp>(</rp><rt>さい</rt><rp>)</rp>
 </ruby>
 にはブラウザ
 <ruby>
  <rb>依存</rb><rp>(</rp><rt>いぞん</rt><rp>)</rp>
 </ruby>
 の
 <ruby>
  <rb>問題</rb><rp>(</rp><rt>もんだい</rt><rp>)</rp>
 </ruby>
 に
 <ruby>
  <rb>注意</rb><rp>(</rp><rt>ちゅうい</rt><rp>)</rp>
 </ruby>
 する
 <ruby>
  <rb>必要</rb><rp>(</rp><rt>ひつよう</rt><rp>)</rp>
 </ruby>
 があります。 <br>

Web:ルビ の一覧