<rtc>:ルビテキストの集まりを指定する要素・HTMLタグの解説

取り扱い 標準仕様
カテゴリー なし
親にできる要素 <ruby>
子にできる要素 フレージング・コンテンツと<rt>
対応ブラウザ caniuseで確認

<rtc>タグの解説

<rtc>は、ルビテキストの集まりであるルビテキストコンテナを定義するために使用します。主に、<ruby>の子要素として、<rt>をグループ化するために用います。

使い方としては、まずルビを振る対象となるテキストに対して、対応するルビテキスト毎に<rb>に分割します。その上で、それぞれの<rb>に対応するルビテキストを、個々の<rt>に格納し、最後にそれらの要素を<rtc>で一括りにします。

上記の説明の問題点は、非推奨となった<rb>が使われていることです。つまり、ルールに従って記述した場合、正しく表示されるブラウザは稀であるということです。そのため、ルビを振る祭にこのタグを採用することは推奨できません。

現在、ルビで使用するのは以下のタグです。具体的な仕様は各ページで解説しています。

  • <ruby>:ルビを振る範囲を指定する
  • <rt>:ルビとして表示させる内容を指定する
  • <rp>:ルビの内容を囲うカッコを指定する

<rtc>タグの特徴

  • この要素に内包されたテキストがどのように表示されるのか不確定です。
  • ルビの表示に関する調整は、CSS(スタイルシート)で行えます。
  • 同一のページ内に複数使うことができます。ただし、この要素自体を入れ子にすることはできません。

<rtc>要素に指定できる属性

グローバル属性
全てのHTML要素に指定できる共通の属性です。詳細は一覧表で解説します。
イベントハンドラ
全てのHTML要素に指定できるコンテンツ属性です。

<rtc>要素の使い方とサンプルコード

このタグを使ったマークアップのサンプルです。ルビコンテナに非対応のブラウザでは、単なるテキストとして表示されてしまうので、必ず動作確認を行って下さい。


<p>
このドキュメントは、
<ruby>
	<rb>HTML</rb>
	<rp>(</rp>
	<rt>HyperText Markup Language</rt>
	<rp>)</rp>
</ruby>
で書かれている。
</p>

<p>
このドキュメントは、
<ruby>
	<rb>H</rb><rb>T</rb><rb>M</rb><rb>L</rb>
	<rp>(</rp>
	<rtc>
		<rt>Hyper</rt><rt>Text</rt><rt>Markup</rt><rt>Language</rt>
	</rtc>
	<rp>)</rp>
</ruby>
で書かれている。
</p>

このドキュメントは、 HTML HyperText Markup Language で書かれている。

このドキュメントは、 H T M L Hyper Text Markup Language で書かれている。

<rtc>に関連するHTMLタグ

特定範囲の表現を指定する要素
<span> 汎用的なインラインレベルのコンテナを作成する
<br> 改行を行う
<wbr> 文章の中で改行可能な位置を指定する
<b> 文字を太字にする
<mark> 文脈の中で関連性のある文字をマーキングする
<pre> ソースを整形済みテキストとして表示する
<bdi> ページの書字方向とは別の書字方向を指定する
<bdo> 書字方向を指定する
<ruby> ルビを振る文字列の範囲を指定する
<rt> ルビの内容を指定する
<rp> ルビが非対応な環境で読みがなを囲う記号を指定する
<rtc> ルビテキストの集まりを指定する
<sub> 下付き文字として表示する
<sup> 上付き文字として表示する
<details> 折りたたみ可能なディスクロージャー・ウィジェットを作成する
<summary> 折りたたみ可能なディスクロージャー・ウィジェットの概要を表す