ホーム » カスタマイズ・メモ » テンプレート » HTML5でのルビ

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等のデスクトップ・ブラウザでは添字での表示になります。

pocket このエントリーをはてなブックマークに追加 ブログランキング 花 にほんブログ村 写真ブログ 風景写真へ

トラックバックURL

このエントリーのトラックバックURL:
https://www.mizunara.com/cgi-bin/mt/mt-tb.cgi/1155

コメントする