漢字にふりがなをつけるタグ

読みにくい漢字にフリガナをふるタグを紹介します。RUBYとRTというタグを使うと、漢字などに読みがなをつけることが出来ます。HTML

Home About this site Mail

漢字にふりがなをつけるタグ

Last update 2016-10-02 15:02

ブログやサイトで漢字かんじにフリガナ(ルビ)をつけるタグを紹介します。

ルビをつけるタグ

<ruby><rb>漢字</rb><rt>かんじ</rt></ruby>　→　漢字かんじ

今時「ルビ」に未対応のブラウザは殆ど無いので、未対応のブラウザ用の「rp」タグは使用しなくても大丈夫だと思います。使用する場合は、

<ruby><rb>漢字</rb><rp>(</rp><rt>かんじ</rt><rp>)</rp></ruby>
　↓　
漢字(かんじ)

このように「rp」タグで囲まれた文字が表示されます。

ruby	漢字とフリガナ全体を囲む
rb	漢字の部分を囲む
rt	フリガナを囲む
rp	未対応のブラウザに表示される

<ruby><rb>南無阿弥陀仏</rb><rt>なむあみだぶつ</rt></ruby>とは、<ruby><rb>名号</rb><rt>みょうごう</rt></ruby>のひとつで「<ruby><rb><rb>六字名号</rb><rt>ろくじみょうごう</rt></ruby>」のこと。<ruby><rb>阿弥陀仏</rb><rt>あみだぶつ</rt></ruby>への<ruby><rb>帰依</rb><rt>きえ</rt></ruby>を表明する定型句である。

南無阿弥陀仏なむあみだぶつとは、名号みょうごうのひとつで「六字名号ろくじみょうごう」のこと。阿弥陀仏あみだぶつへの帰依きえを表明する定型句ていけいくである。

略せる

「rb」タグは記述しなくても一応ちゃんと動作します。

<ruby>漢字<rt>かんじ</rt></ruby>　→　漢字かんじ

フリガナの色を変える

フリガナのフォントの色も変えることが出来ます。

<ruby>漢字<rt style="color:#269bce;">かんじ</rt></ruby>　→　漢字かんじ

同じカテゴリーの記事

投稿日：2016-10-02 | | |

漢字にふりがなをつけるタグ