更新: 2015.5.14

ルビの表示


躑躅(つつじ)石楠花(しゃくなげ)

<ruby><rb>躑躅</rb><rp>(</rp><rt>つつじ</rt><rp>)</rp></ruby>と<ruby><rb>石楠花</rb><rp>(</rp><rt>しゃくなげ</rt><rp>)</rp></ruby>

このような<ruby>タグを用いると、(試した中では)IE6/7とIE5(Mac) はルビを付けることができます。

IEのルビ表示

しかし、<ruby>タグに対応しているのは Internet Explorer だけのようです。(試した中では)Firefox1.5、Opera8.5、Netscape7(Mac) では次のように表示されます。

Firefoxのルビ表示

2006.11.3記


躑躅(つつじ)石楠花(しゃくなげ)

<ruby>躑躅<rp>(</rp><rt>つつじ</rt><rp>)</rp></ruby>と<ruby>石楠花<rp>(</rp><rt>しゃくなげ</rt><rp>)</rp></ruby>

HTML5では、<ruby>タグが正式仕様となるようです。上の例のように、少しだけ簡単になりました。

現時点では、Internet Explorer のほか、ChromeとSafariが対応しています。

2012.9.18追記


Firefoxも、バージョン38.0からルビに対応しました。

2015.5.14追記