子供あいてのサイトなどでふりがなを振りたいときがあるかもしれません
昔々、あるところに、お爺さんとお婆さんがおったそうな。
お爺さんは、山へ芝刈りに、お婆さんは川に洗濯に行ったそうな。
上記のHTMLのソース
<ruby>昔々、<rp>(</rp><rt>むかしむかし</rt><rp>)</rp></ruby>あるところに、
お<ruby>爺<rp>(</rp><rt>じい</rt><rp>)</rp></ruby>さんと
お<ruby>婆<rp>(</rp><rt>ばあ</rt><rp>)</rp></ruby>さんがおったそうな。
お<ruby>爺<rp>(</rp><rt>じい</rt><rp>)</rp></ruby>さんは、
<ruby>山<rp>(</rp><rt>やま</rt><rp>)</rp></ruby>へ
<ruby>芝刈<rp>(</rp><rt>しばか</rt><rp>)</rp></ruby>りに、
お<ruby>婆<rp>(</rp><rt>ばあ</rt><rp>)</rp></ruby>さんは
<ruby>川<rp>(</rp><rt>かわ</rt><rp>)</rp></ruby>に
<ruby>洗濯<rp>(</rp><rt>せんたく</rt><rp>)</rp></ruby>に
<ruby>行<rp>(</rp><rt>い</rt><rp>)</rp></ruby>ったそうな。
面倒くさそうでしょ?(笑)
正直いって面倒くさいし、大嫌いです。でも仕組みは比較的簡単
HTMLでは、ルビ(ヨミガナ)用のタグが用意されています。
以下が、その仕組みなんですが、Jimdoで以下のように入力すると<rb>と</rb>は削除されてしまうようです。(なくてもいいんですけどね)今後すべてのブラウザに対応するようになったら、<rp></rp>の括弧用タグは不要になります。
- ルビを付けたい文字を、<ruby></ruby>で囲います
- ルビに記載する文字を<rt></rt>で囲います。
- 非対応のブラウザ用に、<rp></rp>で括弧で括って、ルビの文字を挟みます。
※<rp>は ruby Parentheses(ルビ 括弧)の略だそうです。
やることはこれだけです。
コメントをお書きください