Widely available すべての主要ブラウザで対応済み。安心して使用可能。

概要

<ruby> 要素は東アジアの文字のルビ注釈(振り仮名など)を表します。<rt> 要素と組み合わせて使用します。

対応ブラウザ

デスクトップ

Chrome 5+
Edge 12+
Safari 5+
Firefox 38+

モバイル

Chrome Android 18+
Safari iOS 4.2+
Firefox Android 38+

基本構文

HTML
<ruby>漢<rp>(</rp><rt>かん</rt><rp>)</rp>字<rp>(</rp><rt>じ</rt><rp>)</rp></ruby>
<ruby>東京<rp>(</rp><rt>とうきょう</rt><rp>)</rp></ruby>

実務での使いどころ

  • <ruby> の活用

    ルビ(振り仮名)注釈を表す要素。東アジアの文字の読み方表示に使用。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。