ルビをふります。使用例を参照してください。<rb> はルビをふる対象(Ruby Base)を、<rt> はルビ文字列(Ruby Text)を指定します。<rp> は、<ruby>未対応ブラウザでの表示が「紫陽花あじさいが咲いてます。」となってしまわないための括弧(Ruby Parentheses)を指定します。</rb>、</rt>、</rp> および、<rb> は省略可能です。
このタグは日本から W3C に提案されて審議されていたものを IE5.0 が実装したものです。仕様自体は 2001年5月31日に W3C の勧告になっています。→ http://www.w3.org/TR/ruby/
IE5.0 の唯一の追加タグ群ですが、IE5.0 のHTMLリファレンスマニュアルには <rb> と<rp> の記述がありません。<rp> は一応動作するようですが、<rb> は本当にサポートしていない(<rb>にスタイルシートを指定しても適用されない)ようです。
HTML5 では正式に採用される予定です。
| 属性 | 意味 |
|---|---|
| class=class | H5+/e5+。クラスを指定します。 |
| id=id | H5+/e5+。ID を指定します。 |
| style=style | H5+/e5+。スタイルシートを指定します。 |
| title=title | H5+/e5+。タイトルを指定します。 |
| dir=dir | H5+/e5+。文字の表示方向を指定します。 |
| lang=lang | H5+/e5+。言語を指定します。 |
| accesskey=key | H5+。アクセスキーを指定します。 |
| tabindex=n | H5+。タブインデックスを指定します。 |
| contenteditable=bool | H5+/e55+。要素を編集可能にします。 |
| contextmenu=id | H5+。コンテキストメニューを指定します。 |
| draggable=bool | H5+。ドラッグを可能にします。 |
| dropzone=value | H5+。ドロップを可能にします。 |
| hidden | H5+。要素を非表示にします。 |
| spellcheck=bool | H5+。スペルをチェックします。 |
| IE拡張属性 | 他にもIEで拡張された属性が指定可能です。 |
| HTMLソース |
|---|
<ruby> <rb>紫陽花</rb> <rp>(</rp> <rt>あじさい</rt> <rp>)</rp> </ruby> が咲いてます。 |
| ブラウザ表示例(対応ブラウザの場合:模倣) |
|---|
|
あ じ さ い
紫陽花が咲いてます。 |
| ブラウザ表示例(対応ブラウザの場合:実例) |
|---|
|
|
| ブラウザ表示例(未対応ブラウザの場合) |
|---|
| 紫陽花 ( あじさい ) が咲いてます。 |