1. 開発者向けのウェブ技術
  2. HTML
  3. リファレンス
  4. 要素
  5. <rb>

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

HTML <rb> ルビベース要素

非推奨;: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

<rb> は HTML の要素で、<ruby> 表記のベースとなるテキストの部分、すなわち修飾される文字列を区切るために使用されます。一つの <rb> 要素がベーステキストの不可分な区間を区切るように囲みます。

属性

この要素にはグローバル属性のみがあります。

使用上のメモ

  • ルビ表記は、日本語の振り仮名や台湾語の注音符号のように、東アジアの文字の発音を示すためのものです。 <rb> 要素はルビベース文字の区間を区切るために使用されます。
  • <rb> 要素は空要素ではありませんが、ソースコード上ではそれぞれの要素の開始タグだけを含めるのが一般的で、その方がマークアップが複雑でなくなり読みやすくなります。ブラウザーは表示する際に完全な要素に補完します。
  • 修飾をしたいそれぞれのベース区間/<rb> 要素ごとに 1 つずつ <rt> 要素を置く必要があります。

例

rb の使用

この例では、元の文字に対して "Kanji" が等価であるという注釈を提供します。

html
<ruby>
  <rb>漢</rb><rb>字 </rb><rp>(</rp><rt>kan</rt><rt>ji</rt><rp>)</rp>
</ruby>

ルビのベーステキストを 2 つの部分に区切るために 2 つの <rb> 要素を含めています。一方で、注釈も 2 つの <rt> 要素で区切っています。

結果

注釈の分割

なお、この例を完全に分割して注釈された 2 つのベーステキストの部分で書くこともできます。この場合は <rb> 要素を含める必要はありません。

html
<ruby>
  漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>

結果

それ以外の例は、 <ruby> 要素についての記事を参照してください。

技術的概要

コンテンツカテゴリー なし
許可されている内容 <ruby> 要素の子と同様。
タグの省略 終了タグを省略できるのは、要素に <rt>, <rtc>, <rp> 要素、または他の <rb> 要素が続く場合、または親要素に残りのコンテンツがない場合です。
許可されている親要素 <ruby> 要素。
許可されている ARIA ロール すべて
DOM インターフェイス HTMLElement

仕様書

仕様書
HTML
# rb

ブラウザーの互換性

関連情報

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告