Consider the following HTML markup:
僕は<em>彼女と<ruby><rb>根</rb><rt>ね</rt><rb>津</rb><rt>づ</rt></ruby>で出会った</em>。
with traditional Japanese style (emphasis dots on em
elements), that is, mixing emphasis dots and ruby. Compare the following results (current behavior in your browser, speced behavior, ruby overidden by emphasis dots). This requires text-emphasis
support:
For UAs that currently support only <ruby>
but not text-emphasis
, the following markup (and the like)
僕は<ruby><rb>彼</rb><rt>•</rt><rb>女</rb><rt>•</rt><rb>と</rb><rt>•</rt><rb>根</rb><rt>ね</rt><rb>津</rb><rt>づ</rt><rb>で</rb><rt>•</rt><rb>出</rb><rt>•</rt><rb>合</rb><rt>•</rt><rb>っ</rb><rt>•</rt><rb>た</rb><rt>•</rt></ruby>。
is used to mimic the secode and third behavior (while markup for the first is the same).