最終更新日:
公開日:
リファレンス
HTML
ルビ
ruby要素
特定のテキストに対しルビ(フリガナ)を表示したい場合に使用します。フリガナを振りたいテキストをこちらの要素で囲んだ後に、rt要素、rp要素、rb要素、rtc要素などを使ってルビの表示を指定することができます。
サンプルコード
<p>今<ruby>Fairbanks<rt>フェアバンクス</rt></ruby>に来ています。</p>
-
カテゴリー
フローコンテンツ、フレージングコンテンツ、パルパブルコンテンツ
-
コンテンツモデル
-
使用ケース
フレージングコンテンツが期待される場所
属性
- グローバル属性
-
グローバル属性のみ使用することができます。
使用例
ルビ(フリガナ)を振りたい単語に対して、次のように使用します。
<article>
<h1>美味しい珈琲の淹れ方</h1>
<p><ruby>珈琲<rt>コーヒー</rt></ruby>の美味しい淹れ方をご紹介します</p>
</article>
こちらの記事は役に立ちましたか?
コメントありがとうございます!
運営の参考にさせていただきます。
ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。