タグ「ルビ」 の検索結果(1/1)

2013年3月15日 (金曜日)

HTML5でのルビ

Movable Typeやテンプレートとは関係のないHTMLのタグの話ですが。

HTML5勧告候補案ではルビをふるタグが変わりました。XHTML1.1で許されていたルビ関連タグでは在った rb 要素が削除されてます。

これまでは 東京(tokyo)のようにルビをふるとすると下記のようにルビをふってました。


<ruby><rb>東京</rb><rp>(</rp><rt>tokyo</rt><rp>)</rp></ruby>

ルビをふられる字句を rb タグで括っていたのですが、HTML5では rb タグが廃止されています。


<ruby>東京<rp>(</rp><rt>tokyo</rt><rp>)</rp></ruby>

簡略化されたということでしょうか。ルビについては、Firefoxは添字での表示には相変わらず対応していないようです。『東京(tokyo)』と括弧括りとなります。他のIEやChrome等のデスクトップ・ブラウザでは添字での表示になります。