ルビをふります。使用例を参照してください。<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> が咲いてます。 |
ブラウザ表示例(対応ブラウザの場合:模倣) |
---|
あ じ さ い
紫陽花が咲いてます。 |
ブラウザ表示例(対応ブラウザの場合:実例) |
---|
|
ブラウザ表示例(未対応ブラウザの場合) |
---|
紫陽花 ( あじさい ) が咲いてます。 |