TOPページ >  文字を修飾する(書体、色、大きさなど...) > 文字にルビ(ふりがな)を付ける

文字にルビ(ふりがな)を付ける

ホームページやブログなどのウェブサイトで文字を表示する際に、ルビ(ふりがな)を付けることができます。<ruby>タグを使います。

<ruby>ルビを付けたい文字<rt>ふりがな</rt><ruby>

という形式になります。ただし、Netscape は対応していません。<ruby>タグ未対応ブラウザに考慮して、対応していない場合の代替文字も指定したほうが良いでしょう。例えば次のように、<rp>タグで、括弧を付けて記述します。

<ruby>
ルビを付けたい文字
<rp>(</rp> <rt>ふりがな</rt> <rp>)</rp>
<ruby>

サンプルソースです。

<ruby>
爬虫類
<rp>(</rp> <rt>はちゅうるい</rt> <rp>)</rp>
<ruby>

このソースを、<ruby>タグ対応のブラウザで見ると、次のように表示されます。

ルビタグ対応ブラウザ表示例

一方、未対応のブラウザでは、

爬虫類 ( はちゅうるい )

というふうに表示されます。

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
文字の大きさを指定する(FONTタグ)
文字の修飾方法を指定する
文字を点滅させる
ルビ(ふりがな)の位置揃えを指定する
ルビ(ふりがな)の表示位置を指定する
文字にルビ(ふりがな)を付ける
文章の一部にスタイルを適用する
文字を等幅文字にする
文章の書体、サイズ、行の高さ、スタイルをまとめて指定する
文章の書体を指定する(スタイル指定)
文章の段落を指定する
文字をイタリック/斜体にする
文字の書体を指定する(専用タグ)
文字に下線をつける(アンダーライン)
文字を見え消しにする(取消線)
文字を強調する
文字の太さを指定する
文字を太字にする
上付き/下付き文字にする
文字の色を変える
文字を一段大きく/小さくする
文字の大きさを指定する(スタイル指定)
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス