<rb> ルビをふる文字を指定する
取り扱い | 現行の標準 |
カテゴリ |
なし |
親にできる要素 | <ruby> |
子にできる要素 | フレージング・コンテンツ |
対応ブラウザ | caniuseで確認 |
このタグは非推奨または廃止になりました。新しく作るウェブサイトへの使用は避けて下さい。また、既存のソースコードの中に含まれている場合は更新をお勧めします。詳しくは現行の標準仕様に従って下さい。
<rb>タグの説明
<rb>
は、ルビをふる文字を区切るために使用します。対象の文字列と装飾する文字列の文字数が噛み合わない場合、文字に対するルビの配置の仕方を制御できます。
この要素は、Internet Explorerが独自に採用したもので、HTML5以降の標準仕様では廃止されています。特に<rb>
がなくても同じ目的を達成できるので、新しく作るウェブサイトには使わないで下さい。
現在、ルビで使用するのは以下のタグです。具体的な仕様は各ページで解説しています。
<rb>タグの特徴
- レイアウトの初期値はインラインです。文章の改行には影響を与えません。
- 視覚的な効果は与えられません。ルビの区切り方を指定するだけです。
- 同一のページ内に複数使うことができます。ただし、この要素自体を入れ子にすることはできません。
<rb>に指定できる主な属性
- グローバル属性
- 全てのHTML要素に指定できる共通の属性です。詳細は一覧表で解説します。
- イベントハンドラ
- 全てのHTML要素に指定できるコンテンツ属性です。
<rb>の使い方とサンプル
HTMLでルビをマークアップしてみましょう。以下の例は、最もシンプルな書き方です。
HTML
<ruby>
<rb>漢字</rb>
<rt>かんじ</rt>
<ruby>
表示確認
<rb>
は空要素ではありませんが、終了タグを省略可能です。該当する文字列の区切りたい箇所に開始タグだけを記述する方が、ソースコードも煩雑にならずに済みます。
HTML
<ruby>
<rb>漢<rb>字
<rt>かん</rt><rt>じ</rt>
<ruby>
表示確認
<rb>
に対応していないブラウザで表示すると不具合が生じます。同じ目的でルビを区切る場合は、以下のように記述しましょう。
HTML
<ruby>漢<rt>かん</rt>字<rt>じ</rt><ruby>にルビを振る。
表示確認
漢字にルビを振る。
<rb>に関連するHTMLタグ
非推奨または廃止になったタグ | |
---|---|
<acronym> | 略語(頭字語)であることを表す |
<applet> | JAVAアプレットを埋め込む |
<basefont> | 文字の基準となるサイズ、色、フォントの指定 |
<bgsound> | 効果音やバックミュージックを鳴らす |
<big> | 文字をひと周り大きく表示する |
<blink> | 文字を点滅させる |
<center> | センタリングする |
<command> | ページ内のメニューに操作コマンドを設定する |
<dir> | ディレクトリ・リストを表す |
<font> | フォントの色や大きさを変える |
<frame> | フレームに表示するファイルを指定する |
<frameset> | ウィンドウを分割する |
<hgroup> | 見出しをグループ化してセクションのヘッダを表す |
<keygen> | フォーム送信時に暗号鍵を発行する |
<listing> | タグを解釈してソースをそのまま表示する |
<marquee> | 文字列をスクロールさせる(流れる文字) |
<menuitem> | コンテキストメニューの項目を作成する |
<multicol> | 段組みのレイアウトを作成する |
<nobr> | 自動改行を無効にする |
<noembed> | プラグインが利用できない環境での表示内容を指定する |
<noframes> | フレームが表示できない環境での表示内容を指定する |
<plaintext> | ソースをテキストとしてそのまま表示する |
<rb> | ルビをふる文字の区切りを指定する |
<spacer> | ホワイトスペースを挿入する |
<strike> | 文字列に打ち消し線を引く |
<tt> | 文字を等幅フォントで表示する |
<xmp> | ソースをそのまま表示する |