2010年11月5日金曜日

htmlでルビを振る

漢字の読み仮名等を表示したいときに使うruby要素。

ruby, rb, rp, rtという4つもの要素を組み合わせて記述するのがスタンダードらしい(それぞれ、ruby, ruby base, ruby parenthesis, ruby text を表す)。

例:青空文庫の「夢十夜」(夏目漱石)

腕組をして枕元に<ruby><rb>坐</rb><rp>(</rp><rt>すわ</rt><rp>)</rp></ruby>っていると、<ruby><rb>仰向</rb><rp>(</rp><rt>あおむき</rt><rp>)</rp></ruby>に寝た女が、静かな声でもう死にますと云う。

確認したところ、Firefox3.6はルビ表示をサポートしておらず、rbの内容の直後にrp, rtの内容がそのまま表示される。IE6-IE8, Chrome7.0, Safari5.0はOK。

HTML5では、rb(ruby base)を記述しなくてもよいようだ。

0 件のコメント:

コメントを投稿