このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

rt”要素:ルビHTML5で追加

記事Apr. 18th,2015
July 7th,2020
ルビを表す要素
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

要素について

カテゴリー なし
利用場所 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でも定義されています。

定義されている仕様書
HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
<rt>
定義なし

定義あり

定義あり

定義あり

定義あり
DOMインターフェース

rt”要素は“HTMLElement”インターフェイスを使用します。

UAスタイルシート
@namespace url(http://www.w3.org/1999/xhtml);

rt {
display: ruby-text;
}
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク