備忘録的プログラミングリファレンス

ruby タグエレメント

 ruby タグエレメントは、ふりがな(ルビ)をふるための HTML タグエレメントです。<ruby>で、ふりがなが必要なテキストを囲みます。

 <rt> エレメント<rp> エレメントを子エレメントとして一緒に使用します。

ruby タグエレメント
<ruby>漢字<rp>(</rp><rt>かんじ</rt><rp>)</rp></ruby>
表示例

漢字かんじ

 <rt> エレメントふりがなの文字。<rp> エレメントは ruby タグエレメントに対応していないブラウザでの代替テキストです。

 ruby タグに対応していれば代替テキストは使用しなくても表示されます。

代替テキストなし
<ruby>漢字<rt>かんじ</rt></ruby>
表示例

漢字かんじ

- ad -

属性

グローバル属性も持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。

動作の確認

<rt>エレメント

 <rt>エレメントは、ふりがな(ルビ)をふるためのエレメントです。<rt>エレメントにはふりがな自体を入れます。

 ruby タグエレメントの子エレメントとして使用します。

属性

グローバル属性も持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。

内部コンテンツ(innerHTML)

動作の確認

<rp>エレメント

 <rp>エレメントは、ふりがな(ルビ)をふるためのエレメントです。<rp>エレメントは対応してないブラウザでの代替テキストを入れます。

 ruby タグエレメントの子エレメントとして使用します。

属性

グローバル属性も持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。

動作の確認

- ad -