<rt>の解説|クロノドライブのHTML5辞典

<rt>

対応ブラウザ Internet Explorer 5.0 / Chrome 5.0 / Safari 4.1
タグの分類 フロー・コンテンツ
フレージング・コンテンツ
パルパブル・コンテンツ
含められるもの 本文参照
使える場所 フレージング・コンテンツを使える場所
用例 <ruby>文<rp>(</rp><rt>も</rt><rp>)</rp>字<rp>(</rp><rt>じ</rt><rp>)</rp></ruby>

<rt>とは

「RT」とは、「Ruby Text」の略で、文字にルビをふる際に使用するタグです。<ruby>~</ruby>内へまずルビをふる対象となる文字(親文字)を、続いてルビの内容となるテキスト(ルビ文字)を<rt>で指定します。

ルビの振り方には、大きく分けてモノルビとグループルビというものがあります。
簡単に言えばモノルビは親文字の1文字ずつにルビを振るやり方で、グループルビは2文字以上の単語全体へまとめてルビを振るやり方となります。グループルビでは単語の途中での折り返しが行われません。

モノルビ
<ruby>昨<rp>(</rp><rt>さく</rt><rp>)</rp>日<rp>(</rp><rt>じつ</rt><rp>)</rp></ruby>
グループルビ
<ruby>昨日<rp>(</rp><rt>きのう</rt><rp>)</rp></ruby>

グループルビでルビの幅が親文字の幅を上回った場合、ブラウザによっては親文字列の字間を広げる調整がされます。
ルビの表示を詳細に設定する方法については、現在CSS3で仕様を策定中です。

<rt>の終了タグは直後に<rt>か<rp>が続く場合、または親要素にそれ以上内容がない場合に省略することができます。
そのため、ブラウザのルビへの対応を前提に<rp>を省略する場合、単純なルビであればごく少ないマークアップで振ることができます。
<ruby>昨日<rt>きのう</ruby>

サンプルデモ

	<ruby>
		薔薇
		<rp>(</rp>
		<rt>バラ</rt>
		<rp>)</rp>
	</ruby>

Internet Explorer 10での表示

Google Chromeでの表示

Firefox(非対応)での表示