文字にルビ（フリガナ）を振る

読み方を示すルビ（フリガナ）を振る

漢字の読み方を示したり、英単語の発音を示したりするのに、「ルビ」（フリガナ）が使われますね。 文字の上に小さく書かれた平仮名や片仮名が「ルビ」です。
この「ルビ」は、ウェブ上でも簡単に実現可能です。

XHTMLには、ルビを実現するための「ruby（ルビ）要素」が用意されています。 ruby要素のほか、対象文字を指定するrb要素や、ルビ本体を指定するrt要素などがあり、それらを合わせて使うことで「ルビ」を表示できます。

以下は、Internet Explorer 6で、実際にruby要素を使ってルビを表示してみた例です。 文字の上に小さなサイズでルビ（フリガナ）が表示されています。

標準ではルビに対して何のスタイルも適用しないブラウザでも、下図のようにカッコ付きで表示できますので、おかしくはなりません。

これらのブラウザでもルビ関連のタグ自体は認識しているため、スタイルシートを活用したり機能を拡張するアドオンを導入したりすることで、ルビを文字の上に小さく表示させることも可能です。

ruby要素などのルビに関する要素は、XHTMLの文法で定義されていて、HTMLでは定義されていません。 しかし、HTML中で使っても（文法的には問題がありますが）表示はされます。 おそらく現在、最も利用者数が多いと思われる Internet Explorer 6 でも表示可能ですので、ルビ（フリガナ）を振る必要があるようなら活用してみましょう。

それでは、ruby要素を使ったルビの記述方法へ >>