説明
<ruby>-</ruby> 開始タグ:必須 終了タグ:必須
ruby要素は、ルビが振られている部分全体を示す要素です。W3Cの仕様によると、ルビには単純ルビと複雑ルビの2種類がありますが、単純ルビ、複雑ルビをサポートしているブラウザは現在のところありません。代わりにIE5以降にサポートされている要素によって、単純ルビに近い形式を表現できます。
IE5以降では、ruby要素、rt要素、rp要素がサポートされています(rp要素は非正式)。W3Cの仕様では、すべての開始タグ、終了タグは必須ですが、IEにおいて、rt要素、rp要素の終了タグは省略可能です。
また、ruby要素をサポートしていないNetscapeやOperaなどのブラウザにおいては、rp要素が認識され、ルビはカッコなどによるふりがなとして表示されます。W3Cの仕様では、開始タグ、終了タグはともに必須ですが、IE同様終了タグを省略しても認識されるようになっています。
IE5以降では、ruby要素、rt要素、rp要素がサポートされています(rp要素は非正式)。W3Cの仕様では、すべての開始タグ、終了タグは必須ですが、IEにおいて、rt要素、rp要素の終了タグは省略可能です。
また、ruby要素をサポートしていないNetscapeやOperaなどのブラウザにおいては、rp要素が認識され、ルビはカッコなどによるふりがなとして表示されます。W3Cの仕様では、開始タグ、終了タグはともに必須ですが、IE同様終了タグを省略しても認識されるようになっています。
属性 (W3C) |
| <ruby | x11- ie5- |
|
| >((rb, (rt | (rp, rt, rp))) | (rbc, rtc, rtc?))</ruby> |
ブラウザ独自の属性 (ie N) |
|
使用例
IE5以降では、ruby要素、rt要素、rp要素がサポートされています(rp要素は非正式)。W3Cの仕様では、すべての開始タグ、終了タグは必須ですが、IEにおいて、rt要素、rp要素の終了タグは省略可能です。
また、ruby要素をサポートしていないNetscapeやOperaなどのブラウザにおいては、rp要素が認識され、ルビはカッコなどによるふりがなとして表示されます。W3Cの仕様では、開始タグ、終了タグはともに必須ですが、IE同様終了タグを省略しても認識されるようになっています。
このような状況から、一般的な記述は下記のようなものになります。
また、ruby要素をサポートしていないNetscapeやOperaなどのブラウザにおいては、rp要素が認識され、ルビはカッコなどによるふりがなとして表示されます。W3Cの仕様では、開始タグ、終了タグはともに必須ですが、IE同様終了タグを省略しても認識されるようになっています。
このような状況から、一般的な記述は下記のようなものになります。
<ruby>
弘明寺
<rp>(</rp><rt>ぐみょうじ</rt><rp>)</rp>
</ruby>
<ruby>
弘明寺
<rp>(<rt>ぐみょうじ<rp>)
</ruby>
W3Cの仕様に沿った正当な記述を実現するためには、単純ルビを用いるべきでしょう。
単純ルビ (Simple ruby)
単純ルビは、rb要素に含まれる1つの単語に対しrt要素に含まれる1つのルビテキストを対応させる形式です。この形式では、未対応ブラウザにおいてルビが普通のテキストとして表示されてしまっても、ルビのカッコを指定するrp要素を利用し通常の文章と区別をつけるためのふりがなをカッコなどの記号で囲んで表示することができます。
<ruby>
<rb>弘明寺</rb>
<rp>(</rp><rt>ぐみょうじ</rt><rp>)</rp>
</ruby>
このようなソースコードは、ruby要素をサポートするブラウザでは、下記のようにレンダリングされるものと思われます。
また、サポートされていないブラウザでは、下記のようにレンダリングされると思われます。
単純ルビをサポートしているブラウザは現在のところありませんが、W3Cの仕様に沿った正当な記述を実現するためには、単純ルビを用いるべきでしょう。
また、サポートされていないブラウザでは、下記のようにレンダリングされると思われます。
単純ルビをサポートしているブラウザは現在のところありませんが、W3Cの仕様に沿った正当な記述を実現するためには、単純ルビを用いるべきでしょう。
複雑ルビ (Complex ruby)
複雑ルビは、1つの単語に対して最大2つのルビを付けることができます。また、ルビを振る対象のテキストとルビの部分的な対応を示すことが出来ます。具体的には、漢字1文字ごとにルビを対応させることが出来ます。しかしながら、未対応ブラウザ用のカッコなどの記号を指定することが出来ません。
複雑ルビを構成する、ルビを振る対象となるテキストrb要素、rb要素のグループのコンテナrbc要素、rt要素のグループのコンテナrtc要素などの主な要素に対するブラウザによるサポートは、現在のところありません。
複雑ルビを構成する、ルビを振る対象となるテキストrb要素、rb要素のグループのコンテナrbc要素、rt要素のグループのコンテナrtc要素などの主な要素に対するブラウザによるサポートは、現在のところありません。
<ruby>
<rbc>
<rb>弘</rb>
<rb>明</rb>
<rb>寺</rb>
</rbc>
<rtc>
<rt>ぐ</rt>
<rt>みょう</rt>
<rt>じ</rt>
</rtc>
<rtc>
<rt rbspan="3">gumyouji</rt>
</rtc>
</ruby>
このようなソースコードは、複雑ルビをサポートするブラウザでは下記のように表示されると思われます。
複雑ルビをサポートしているブラウザは現在のところありません。
複雑ルビをサポートしているブラウザは現在のところありません。
