HTML

この記事では、<ruby>要素の中で漢字などの読み方や注釈を表す<rt>要素の役割と、基本的な使い方を説明します。

HyperText Markup Language rt element.

The <rt> tag defines an explanation or pronunciation of characters (for East Asian typography) in a ruby annotation.

Use <rt> together with <ruby> and <rp>: The <ruby> element consists of one or more characters that needs an explanation/pronunciation, and an <rt> element that gives that information, and an optional <rp> element that defines what to show for browsers that not support ruby annotations.

rt 要素

　rt要素は、ルビ（注音）を定義するために使用されます。ルビは、漢字やその他の表意文字の上に小さな文字で表示されるテキストで、その文字の発音を表します。

　rt要素は、ruby要素の内部に配置され、ルビとして表示されるテキストを定義します。ルビとして表示するテキストは、rt要素の内部に記述されます。例えば、次のようなコードを考えてみましょう。

<ruby>
	漢<rt>かん</rt>
	字<rt>じ</rt>
</ruby>

　このコードでは、ruby要素内に漢字の「漢」と「字」があり、それぞれのルビとして「かん」と「じ」が定義されています。ブラウザでこのコードを表示すると、漢字の上に小さな文字でルビが表示されます。

　rt要素は、主に東アジアの言語で使用されます。ただし、HTML5では、ruby要素と rt要素を使用して、さまざまな言語のルビを表示することができます。

rt要素の概要

カテゴリー

なし

コンテンツ･モデル

フレージング・コンテンツ

利用可能な場所

ruby要素の子として。

開始タグ

必須

終了タグ

該当の rt要素の直後に rt要素または rp要素が来る場合、または、該当の rt要素が親要素の中で最後の要素となる場合に省略することができます。

要素固有の属性

なし

標準的なスタイル

rt {
	display: ruby-text;
}