HTML Living Standard/rp
rp 要素
[編集]概要
[編集]<rp> 要素は、ルビ註釈を含む <ruby> 要素内で使用され、ルビがサポートされていないブラウザや環境でフォールバック用の文字列を表示するために使用されます。通常、括弧などの文字を用いて、ルビ情報を明示的に示します。
カテゴリ
[編集]- フローコンテンツ (Flow content)
- フレージングコンテンツ (Phrasing content)
使用できる文脈
[編集]<ruby> 要素内で、<rt> 要素の前後に配置されます。
コンテンツモデル
[編集]フレージングコンテンツ。
タグ省略のルール
[編集]開始タグおよび終了タグは省略できません。
使用できる属性
[編集]アクセシビリティ上の注意
[編集]- 著者向けの注意:
<rp>要素を使用して、ルビ註釈がサポートされていない場合でもテキストが理解可能になるようにしてください。 - 実装者向けの注意:
<rp>要素の内容は、ルビがレンダリングされる環境では非表示にすることを推奨します。
DOM インターフェース
[編集]- この要素は、
HTMLElementインターフェースを使用します。
使用例
[編集]漢字に括弧付きのルビを表示
[編集]以下の例では、ルビ註釈がサポートされていない場合に括弧を使用して補足情報を表示します。
<ruby> 漢<rp>(</rp><rt>かん</rt><rp>)</rp> 字<rp>(</rp><rt>じ</rt><rp>)</rp> </ruby>
表示例（ルビがサポートされない場合）:
漢(かん)字(じ)
英語の略語の補足情報
[編集]次の例では、<rp> 要素を使用して、略語の意味を括弧で補足します。
<ruby> HTML<rp>(</rp><rt>Hypertext Markup Language</rt><rp>)</rp> </ruby>
表示例（ルビがサポートされない場合）:
HTML(Hypertext Markup Language)
関連要素
[編集]注意点
[編集]実装例
[編集]フォールバックの完全な例
[編集]<ruby> 東京<rp>(</rp><rt>とうきょう</rt><rp>)</rp> 大学<rp>(</rp><rt>だいがく</rt><rp>)</rp> </ruby>
- 表示例（ルビがサポートされない場合）
東京(とうきょう)大学(だいがく)