HTML5でホームページを作ろう


HTML5でホームページを作ろう


■ふりがなを振る
HTML5での新要素です。

<ruby>……<rt>ふりがな</rt></ruby>丁髷ちょんまげ
対応していないブラウザーでは、上のサンプルで　丁髷ちょんまげ　と表示されてとても見づらく、音声を再生できるブラウザーでは連続して読まれてしまうのであまりおすすめは出来ません。


■ふりがなを振る(対応していないブラウザー向け)
HTML5での新要素です。

<ruby>……<rp>(</rp><rt>ふりがな</rt><rp>)</rp></ruby>丁髷(ちょんまげ)
ruby要素に対応しているブラウザーの場合はどちらも同じようになります。
対応していないブラウザーの場合はこのサンプルは　丁髷(ちょんまげ)　となっています。
括弧が付いている分こちらの方が自然なのでこちらをおすすめします。


■ルビ要素
HTML5での新要素です。

<ruby>……</ruby>
この中にrt要素,rp要素を入れます。


■振り仮名の文字
HTML5での新要素です。

<rt>……</rt>
このタグの次にrt要素,rp要素が来るか、親要素の最後に来る場合は終了タグを省略できます。
ここに振り仮名を打ちます。


振り仮名に括弧をつける(非対応ブラウザーのみ)
HTML5での新要素です。

<rp>……</rp>
このタグの次にrt要素,rp要素が来るか、親要素の最後に来る場合は終了タグを省略できます。
非対応ブラウザーのために、振り仮名に括弧などの文字をつけます。
但し、対応ブラウザーではこのタグで指定した文字は表示されません。
基本的にはrt要素の左右に付けます。(<rp>(</rp><rt>ちょんまげ</rt><rp>)</rp>　など)


戻る