![]() |
| |||||
|
漢字にふりがな(ルビ)をつけるサンプルと機能<RUBY>タグを用いて漢字にフリガナを付けます。→ Sample:漢字にフリガナをつける フリガナを付ける文字は、比較的大きくないと、フリガナが小さすぎて読めなくなってしまいます。 注意:Netscapeでは正常に表示されません。 サンプル・ソース緑の文字が変更箇所で、赤い文字が対応するソースです。"/* */"内はコメントです。削除しても影響ありません。 必要な箇所をコピー&貼り付けして編集してください。 → Sample:漢字にフリガナをつける(実際は改行しない方がいいです)
解説・注意点などNetscapeなどの、ルビに対応していないブラウザでは、漢字かんじに振ふり仮名がなを付つけるなんて本気まじですか!? と表示されてしまいます。 そこで、 <RUBY><RB>漢字<RT>かんじ</RUBY> という部分を、下のように<RP>を使って修正します。 <RUBY><RB>漢字<RP>[<RT>かんじ<RP>]</RUBY> すると、対応していないブラウザでは、以下のように[]内にフリガナが表示されます。 漢字[かんじ]に振[ふ]り仮名[がな]を付[つ]けるなんて本気[まじ]ですか!? ← Webデザインテクニックに戻る |
|
| |||||||||||||||||||||||||
|
Copyright(C) 2004. Aeu, Gundam, eWeb, Web Design Techniques. All rights reserved. - Home - |