ホームページ作成ガイド

ルビを振る

<html><head><title>ルビを振る</title></head>
<body>

<ruby><rb>祇園精舎</rb><rp>（</rp><rt>ぎおんしょうじゃ</rt><rp>）</rp></ruby>の鐘の声 
 
<ruby><rb>諸行無常</rb><rp>（</rp><rt>しょぎょうむじょう</rt><rp>）</rp></ruby>の響きあり 
 
<ruby><rb>沙羅双樹</rb><rp>（</rp><rt>さらそうじゅ</rt><rp>）</rp></ruby>の花の色 
 
<ruby><rb>盛者必衰</rb><rp>（</rp><rt>しょうじゃひっすい</rt><rp>）</rp></ruby>の理をあらわす 
 

</body></html>

ルビを振りたい漢字を<ruby></ruby>で囲む。
漢字を<rd></rd>で囲み、ひらがなを<rt></rt>で囲む。
<ruby>タグに対応していないブラウザのために、ふりがなの前後に（）を配置し、<rp></rp>で囲む。
そうすると、（）の中にふりがなが表示されるようになり、おかしな表示にはならない。
表示例：
祇園精舎（ぎおんしょうじゃ）の鐘の声