WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > HTMLタグ・リファレンス > HTMLタグ一覧(ABC順) > <rb>「ルビの対象文字指定」

<rb> 「ルビの対象文字指定」[読み方:アールビー]

<rb>タグは、「ルビの対象文字」を指定します。
<rb>タグは、<ruby>タグ内に定義します。

HTML規格HTML4.01HTML5
使用可否×
<rb>は、HTML5で追加されたタグです。
広告

<rb> の属性

【構文】
<ruby>
<rb>"文字"</rb><rt>"ルビ"</rt>
</ruby>
属性意味値のサンプルなど
---
グローバル属性
  • accesskey
  • class
  • contenteditable
  • dir
  • hidden
  • id
  • lang
  • spellcheck
  • style
  • tabindex
  • title
  • translate
イベント属性
ページTOP

<rb>タグのサンプル

文字単位にルビを振るサンプル
<ruby><rb></rb><rb></rb><rp>(</rp><rt>とう</rt><rt>きょう</rt><rp>)</rp></ruby>のルビを<ruby><rb></rb><rb></rb><rb></rb><rb></rb><rp>(</rp><rt>も</rt><rt>じ</rt><rt>たん</rt><rt>い</rt><rp>)</rp></ruby>に<ruby><rb></rb><rp>(</rp><rt>ふ</rt><rp>)</rp></ruby>るサンプルです。
(とうきょう)のルビを(たん)()るサンプルです。

単語単位にルビを振るサンプル
<ruby><rb>東京</rb><rp>(</rp><rt>とうきょう</rt><rp>)</rp></ruby>のルビを<ruby><rb>単語単位</rb><rp>(</rp><rt>たんごたんい</rt><rp>)</rp></ruby>に<ruby><rb></rb><rp>(</rp><rt>ふ</rt><rp>)</rp></ruby>るサンプルです。
東京(とうきょう)のルビを単語単位(たんごたんい)()るサンプルです。
ページTOP

留意事項

  • ルビに未対応のブラウザでは、単なるテキストとして表示されるため、<rp>タグは必ず指定した方がよさそうです。 ルビに対応するブラウザでは、<rp>タグの要素は非表示になります。
  • 現時点(2014/11/20)で、<rb>タグに対応はしているが、指定方法によって正しく動作しないブラウザがあります。その場合、<rp>タグが動作しないため、最新状況を確認のうえ使用してください。
ページTOP
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン