

#
要素について
カテゴリー | なし |
利用場所 | “ruby”要素の子要素として |
内容 | フレージング・コンテンツ |
タグの省略 | 開始タグは省略不可 |
直後に続くのが“rt”要素もしくは“rp”要素である場合、もしくは親要素の中で後に続くコンテンツがない場合は終了タグを省略可能 |
“rt”要素は“ruby”要素によって振られるルビのテキストを表す要素です。
サンプルコード
モノ・ルビ
<p>
彼女は<ruby>平<rt>へい</rt>安<rt>あん</rt>京<rt>きょう</rt></ruby>で暮らしている。
</p>
彼女は平安京で暮らしている。
グループ・ルビ
<p>
意を決した彼女は<ruby>高機能携帯電話端末<rt>スマートフォン</rt></ruby>を手にとった。
</p>
意を決した彼女は高機能携帯電話端末を手にとった。
#
#
仕様書
“rt”要素はHTML5から定義されている要素です。現行の仕様であるHTML Living Standardでも定義されています。
定義されている仕様書
![]() |
![]() |
![]() |
![]() |
![]() |
|
---|---|---|---|---|---|
<rt> | ![]() ![]() |
![]() ![]() |
![]() ![]() |
![]() ![]() |
![]() ![]() |
DOMインターフェース
“rt”要素は“HTMLElement”インターフェイスを使用します。
UAスタイルシート
@namespace url(http://www.w3.org/1999/xhtml);
rt {
display: ruby-text;
}