HTML & CSS

最終更新日:
公開日:

リファレンス

HTML

ルビ・パレンティシス

rp要素

ruby要素に対応していないブラウザにおいて、ページに表示されるrt要素を囲む括弧の表示を指定します。

サンプルコード

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

    なし

  • コンテンツモデル

    フレージングコンテンツ

  • 使用ケース

    ruby要素の子要素として使用。rt要素rtc要素の前後で使用しますが、rt要素の子要素にすることはできません。

属性

グローバル属性

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

使用例

ルビ(フリガナ)を振りたい単語に対して、次のように使用します。

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