テキストでルビを表示してくれるのでいい感じそう。
ただ、今の環境ではすべてのブラウザでちゃんと表示してくれるかがかなり不安です。ですが、おもしろいのでメモっておきます。そのうち使うかもしれないし。
- ルビをふる文字を囲む ルビをふりたい文字をrudy要素で囲みます。
- ルビを指定 ルビをrt要素で囲みます。 ルビ対応しているブラウザにかんしてはこれで終了。
- ルビ非対応ブラウザに対応させる ルビ非対応では以下のように表示されてしまうんです。
1 | <rudy>薔薇</rudy> |
1 | <rudy>薔薇<rt>ばら</rt></rudy> |
1 | 薔薇ばら |
1 | <rudy>薔薇<rp>（</rp><rt>ばら</rt><rp>）</rp></rudy> |
