<rb>タグの解説
<rb>
は、ルビをふる文字を区切るために使用します。対象の文字列と装飾する文字列の文字数が噛み合わない場合、文字に対するルビの配置の仕方を制御できます。
この要素は、Internet Explorerが独自に採用したもので、HTML5以降の標準仕様では廃止されています。特に<rb>
がなくても同じ目的を達成できるので、新しく作るウェブサイトには使わないで下さい。
現在、ルビで使用するのは以下のタグです。具体的な仕様は各ページで解説しています。
<rb>タグの特徴
- レイアウトの初期値はインラインです。文章の改行には影響を与えません。
- 視覚的な効果は与えられません。ルビの区切り方を指定するだけです。
- 同一のページ内に複数使うことができます。ただし、この要素自体を入れ子にすることはできません。
<rb>要素に指定できる属性
- グローバル属性
- 全てのHTML要素に指定できる共通の属性です。詳細は一覧表で解説します。
- イベントハンドラ
- 全てのHTML要素に指定できるコンテンツ属性です。
<rb>要素の使い方とサンプルコード
HTMLでルビをマークアップしてみましょう。以下の例は、最もシンプルな書き方です。
<ruby>
<rb>漢字</rb>
<rt>かんじ</rt>
<ruby>
<rb>
は空要素ではありませんが、終了タグを省略可能です。該当する文字列の区切りたい箇所に開始タグだけを記述しても機能を果たします。ただし、テキストエディタの補完機能などを使っている場合は、意図しない挙動が発生するため、閉じタグを記述することを推奨します。
<ruby>
<rb>漢<rb>字
<rt>かん</rt>
<rt>じ</rt>
</ruby>
<rb>
に対応していないブラウザで表示すると不自然な表示になります。同じ目的でルビを区切る場合は、以下のように対象とルビを並べて配置しましょう。
<ruby>
漢<rt>かん</rt>字<rt>じ</rt>
<ruby>
漢字