新人エンジニアのメモ

新人エンジニアの日々学んだことをアップしていきます。最近はQiitaも始めました。https://qiita.com/nacho0707

【要素】振り仮名

ruby要素、rt要素、rp要素を使用することで振り仮名を振ることができる。

 

振り仮名の記述例①

<ruby>熟語<rt>じゅくご</rt></ruby>

実行例

熟語じゅくご

 ※複数の文字にまとめて振り仮名を振るには、ruby要素内のテキストに対してrt要素で振り仮名をまとめて指定する。

 

振り仮名の記述例②

<ruby>熟<rt>じゅく</rt>語<rt>ご</rt></ruby>

実行例

じゅく

※文字ごとに振り仮名を振る場合は、ruby要素内の文字ごとにrt要素で振り仮名を振る。

 

振り仮名の記述例③

<ruby>熟語<rp>(</rp><rt>じゅくご</rt><rp>)</rp></ruby>

実行例

熟語(じゅくご

※rp要素は、ruby要素をサポートしないブラウザで振り仮名の代替テキストを表示するために使用する。一般的に振り仮名全体を括弧で囲む方法が使用されている。

)