HTML5のrubyタグDEMO

表示

STERFIELD(スターフィールド)

CODE

<ruby>STERFIELD<rp>(<rt>スターフィールド<rp>)</ruby>

rubyの使い方 - 基本 -

表示

文字Aるびa文字Bるびb

CODE

<ruby>文字A<rt>るびa</rt>文字B<rt>るびb</rt></ruby>

rubyの使い方2
- rubyタグの表示に非対応のブラウザで、括弧などを表示させる -

表示

文字A(るびa)文字B(るびb)

CODE

<ruby>文字A<rp>(</rp><rt>るびa</rt><rp>)</rp>文字B<rp>(</rp><rt>るびb</rt><rp>)</rp></ruby>

rubyの使い方3 - 閉じタグの略 -

表示

文字A(るびa)文字B(るびb)

CODE

<ruby>文字A<rp>(<rt>るびa<rp>)</rp>文字B<rp>(<rt>るびb<rp>)</ruby>

rubyの使い方4
- rbタグを使った方法 -

表示

文字A(るびa)文字B(るびb)

CODE

<ruby><rb>文字A</rb><rp>(</rp><rt>るびa</rt><rp>)</rp><rb>文字B</rb><rp>(</rp><rt>るびb</rt><rp>)</rp></ruby>