WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > HTMLタグ・リファレンス > HTMLタグ一覧(ABC順) > <rt>「ルビ」

<rt> 「ルビ」[読み方:アールティ/ルビ・テキスト]

<rt>タグは、「ルビ」を指定します。
<rt>タグは、<ruby>タグ内に定義します。

HTML規格HTML4.01HTML5
使用可否×
<rt>は、HTML5で追加されたタグです
ブラウザ別の対応状況
下記サイトで確認できます。
「Can I use」(英語のサイトです)
広告

<rp> の仕様

カテゴリー使用できる場所(親要素)コンテンツモデル(子要素)タグ省略
なし<ruby>フレージングコンテンツ直後が<rt><rp>の場合
親要素内の最終コンテンツの場合
終了タグ省略可

<rt> の属性

【構文】
<ruby>
”文字”<rt>”ルビ”</rt>
</ruby>
属性意味値のサンプルなど
---
グローバル属性
  • accesskey
  • autocapitalize
  • autofocus
  • class
  • contenteditable
  • dir
  • draggable
  • enterkeyhint
  • hidden
  • id
  • inert
  • inputmode
  • is
  • itemid
  • itemprop
  • itemref
  • itemscope
  • itemtype
  • lang
  • nonce
  • popover
  • slot
  • spellcheck
  • style
  • tabindex
  • title
  • translate
  • writingsuggestions
イベント属性
ページTOP

<rt>タグのサンプル

文字ごとにルビを振るサンプル
<ruby>文<rt></rt><rt></rt></ruby>ごとにルビを<ruby>振<rt></rt></ruby>るサンプルです。
ごとにルビをるサンプルです。

ルビ未対応ブラウザを考慮したサンプル
ルビ<ruby>未対応<rp>(</rp><rt>みたいおう</rt><rp>)</rp></ruby>ブラウザを<ruby>考慮<rp>(</rp><rt>こうりょ</rt><rp>)</rp></ruby>したサンプルです。

対応ブラウザ表示例 ※非対応ブラウザで閲覧されている方は、非対応ブラウザでの表示例と同様に表示されます。
ルビ未対応みたいおうブラウザを考慮こうりょしたサンプルです。
非対応ブラウザ表示例 ※表示イメージです
ルビ未対応(みたいおう)ブラウザを考慮(こうりょ)したサンプルです。
ページTOP

留意事項

  • ルビに未対応のブラウザでは、単なるテキストとして表示されるため、<rp>タグは必ず指定した方がよさそうです。 ルビに対応するブラウザでは、<rp>タグの要素は非表示になります。
ページTOP
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン