文字にルビ（ふりがな）を付ける - HTML編 - ホームページ作成 | 日本と中国のホームページ制作会社を比べてお見積もり

日本全国と中国のホームページ制作会社を比べてお見積もり

HTML編

文字にルビ（ふりがな）を付ける

ホームページやブログなどのウェブサイトで文字を表示する際に、ルビ（ふりがな）を付けることができます。<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>タグ対応のブラウザで見ると、次のように表示されます。

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

爬虫類（はちゅうるい）

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