HTML & CSS

リファレンス

HTML

ルビ・テキスト

rt要素

ruby要素内において、フリガナとして表示したいテキストを指定する際に使用します。

サンプルコード

<p>今<ruby>Fairbanks<rt>フェアバンクス</rt>に来ています。</p>
  • カテゴリー

    なし

  • コンテンツモデル

    フレージングコンテンツ

  • 使用ケース

    ruby要素、またはrtc要素の子要素として使用

属性

グローバル属性

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

使用例

次のコードは「珈琲」という単語に対して、rt要素を使って「コーヒー」とルビ(フリガナ)を振っている例です。

<article>
	<h1>美味しい珈琲の淹れ方</h1>
	<p><ruby>珈琲<rt>コーヒー</rt></ruby>の美味しい淹れ方をご紹介します</p>
</article>

表示例

ブラウザでの表示

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

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

ありがとうございます。
コメントを送信しました。