HTML & CSS

最終更新日:
公開日:

リファレンス

HTML

ルビ・テキストコンテナ

rtc要素

複数のrt要素をグルーピングする場合に使用します。2016年1月22日時点ではIE、Firefoxのみが対応しています。

サンプルコード

<p><ruby><rb>石川</rb><rb>五右衛門</rb><rtc><rt>いしかわ</rt><rt>ごえもん</rt></rtc></ruby></p>
  • カテゴリー

    なし

  • コンテンツモデル

    フレージングコンテンツ、またはrt要素

  • 使用ケース

    ruby要素の子要素として使用

属性

グローバル属性

グローバル属性のみ使用することができます。
グローバル属性について詳しくは、「HTMLのグローバル属性」をご覧ください。

使用例

次のコードでは、「Internet of Things」に対する3つのフリガナ「インターネット」「オブ」「シングス」をrtc要素でグルーピングしています。

<p><ruby>
	<rb>Internet</rb> <rb>of</rb> <rb>Things</rb>
	<rtc><rp>(</rp><rt>インターネット</rt><rt>オブ</rt><rt>シングス</rt><rp>)</rp></rtc>
</ruby>は家具や車、家、服など身近なモノをインターネットに繋ぐことで、さらに便利な道具として利用することができる技術を指します。</p>

rtc要素に対応しているブラウザでの表示

対応しているブラウザ表示例

rtc要素に対応していないブラウザでの表示

対応していないブラウザ表示例

こちらの記事は役に立ちましたか?

ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。

コメントありがとうございます!
運営の参考にさせていただきます。