「漢字(かんじ)」の形式で入力すると、ルビ（ふりがな）付きのHTMLを生成します。Webページや電子書籍で読み仮名を振りたいときに使えます。
生成されるHTML
ruby要素は主要なブラウザで対応しており、漢字の上に小さくふりがなが表示されます。rp要素は、ruby非対応の環境で「漢字(かんじ)」と括弧付きで表示するための保険です。
<ruby>漢字<rt>かんじ</rt></ruby> rp タグ付き（ruby 非対応環境で括弧を表示） <ruby>漢字<rp>(</rp><rt>かんじ</rt><rp>)</rp></ruby>
使いどころ
- 子ども向けの教材・記事
- 日本語学習者向けのコンテンツ
- 難読な人名・地名の読みを示す
- 専門用語の読み方を補足する
使いすぎに注意
すべての漢字にルビを振ると、かえって読みにくくなります。対象読者が読めない可能性のある漢字だけに絞るほうが、本文のリズムを保てます。
同じ語が何度も出てくる場合は、初出のみに振るのが一般的です。
ルビを振る基準
教科書などでは学年配当漢字を基準にルビを振ります。Webでは対象読者を想定して決めてください。
- 対象読者が読めない可能性のある漢字だけに絞る
- 人名・地名など、読みが一意でないもの
- 専門用語の初出
- 同じ語が繰り返し出る場合は、最初の1回だけ
よくある質問
Q どんな形式で入力しますか？
「漢字(かんじ)」のように、漢字の直後に半角括弧で読みを書きます。
Q ブラウザで正しく表示されますか？
主要なブラウザはruby要素に対応しています。rp要素を含めておくと、非対応環境でも括弧付きで読めます。
Q WordPressで使えますか？
使えます。HTMLブロック（カスタムHTML）に貼り付けてください。ビジュアルエディタではタグが除去されることがあります。
Q ルビの位置は調整できますか？
CSSのruby-position で上下を指定できます。縦書きでは右側に表示されます。