CYBER@GARDEN

『Web標準の教科書』各章

home > 『Web標準の教科書』読者サポートページ > 第5章 第5節

第5章 第5節（p.378-383） 

<ruby>
  <rb>新幹線</rb>
  <rt>しんかんせん</rt>
</ruby>

<ruby>
  <rb>新幹線</rb>
  <rp>(</rp>
  <rt>しんかんせん</rt>
  <rp>)</rp>
</ruby>

rt:before { content: "(" }
rt:after  { content: ")" }

<ruby>
  <rbc>
    <rb>新</rb>
    <rb>幹</rb>
    <rb>線</rb>
  </rbc>
  <rtc>
    <rt>しん</rt>
    <rt>かん</rt>
    <rt>せん</rt>
  </rtc>
</ruby>

<ruby>
  <rbc>
    <rb>H</rb>
    <rb>T</rb>
    <rb>M</rb>
    <rb>L</rb>
  </rbc>
  <rtc>
    <rt rbspan="2">HyperText</rt>
    <rt>Markup</rt>
    <rt>Language</rt>
  </rtc>
</ruby>

<ruby>
  <rbc xml:lang="ja">
    <rb>新</rb>
    <rb>幹</rb>
    <rb>線</rb>
  </rbc>
  <rtc xml:lang="ja">
    <rt>しん</rt>
    <rt>かん</rt>
    <rt>せん</rt>
  </rtc>
  <rtc xml:lang="en">
    <rt rbspan="3">Shinkansen</rt>
  </rtc>
</ruby>