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:

  1. 僕は彼女と根ね津づで出会った。
  2. 僕は彼女と根ね津づで出会った。
  3. 僕は彼女と根津で出会った。

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).

  1. 僕は彼女と根ね津づで出会った。
  2. 僕は彼•女•と•根ね津づで•出•会•っ•た•。
  3. 僕は彼•女•と•根•津•で•出•会•っ•た•。