HTML 読みがなのルビを振りたい

最終更新日

漢字にルビを振るには、<ruby>と関連の<rb>、<rt>、<rp>を使用します。基本的なマークアップのパターンは次の通りです。この書式の「漢字」と「かな」の部分を書き換えれば、どんなときでも使用できます。

<ruby>~</ruby>ルビを振る漢字とかなを囲む
<rb>~</rb>ルビを振る漢字(ルビベース)
<rt>~</rt>ルビ(ルビテキスト)
<rp>~</rp>ルビに対応していないブラウザが代わりに表示する(ルビバーレン)

書式

<ruby>
 <rb>漢字</rb>
 <rp>(</rp><rt>かな</rt><rp>)</rp>
</ruby>
実行結果