ウェブランサー

<rtc> ルビテキストの集まりを指定する

取り扱い HTML5から追加された要素
カテゴリ フレージング・コンテント
親にできる要素 <ruby>要素
子にできる要素 フレージング・コンテンツ
対応ブラウザ <rtc>の対応状況を確認する

<rtc>タグの説明

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

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

<rtc>タグの特徴

<rtc>はページ内に複数使うことができます。この要素自体を入れ子構造にすることはできません。

<rtc>タグに指定できる属性

グローバル属性
基本的に全てのHTML要素に共通で指定できる属性です。

<rtc>タグの使い方とサンプル

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

HTML
<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 で書かれている。

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

<rtc>に関連するHTMLタグ

テキストの意味付け要素
<a> リンクを指定する
<abbr> 略語(頭字語以外)であることを表す
<b> 文字を太文字にする
<br> 改行を行う
<bdi> ページの書字方向とは別の書字方向を指定する
<bdo> 書字方向を指定する
<cite> 出典先、参照先を表す
<code> プログラムやスクリプトとして扱う
<dfn> 定義用語として扱う
<em> 強調する
<i> 文字を斜体(イタリック)にする
<kbd> キーボード入力される文字であることを示す
<mark> 文章内のテキストをハイライトして目立たせる
<q> 引用文であることを表す(短文用)
<rb> ルビをふる文字を指定する
<ruby> ルビの範囲を指定する
<rp> ルビを囲む記号を指定する
<rt> ルビの内容を指定する
<rtc> ルビテキストの集まりを指定する
<s> 正確ではなくなった内容であることを表す
<samp> プログラムによる出力結果のサンプルとして扱う
<small> 細則のような付帯注釈を表す
<span> インライン要素としての範囲を指定する
<strong> 重要な情報として扱う
<sub> 下付き文字として表示する
<sup> 上付き文字として表示する
<time> 日付や時刻を正確に示す
<u> 文字に下線(アンダーライン)を引く
<var> 変数や引数として扱う
<wbr> <nobr>内での改行位置の指定(NN独自)