html-ruby-extensions/html-ruby-501.html

<!DOCTYPE html>
<html lang="en" >
<meta charset="utf-8">
<title>Ruby Markup Content Model: two levels of spannings annotations.</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
<link rel="help" href="https://www.w3.org/TR/html-ruby-extensions/#the-ruby-element">
<link rel="help" href="https://www.w3.org/TR/html-ruby-extensions/#the-rb-element">
<link rel="help" href="https://www.w3.org/TR/html-ruby-extensions/#the-rtc-element">
<link rel="help" href="https://www.w3.org/TR/html-ruby-extensions/#ruby-pairing">
<link rel="mismatch" href="reference/html-ruby-501-a-ref.html">
<link rel="mismatch" href="reference/html-ruby-501-b-ref.html">
<link rel="mismatch" href="reference/html-ruby-501-c-ref.html">
<link rel="mismatch" href="reference/html-ruby-501-d-ref.html">
<link rel="mismatch" href="reference/html-ruby-501-e-ref.html">
<link rel="mismatch" href="reference/html-ruby-501-y-ref.html">
<link rel="mismatch" href="reference/html-ruby-501-z-ref.html">
<body>
<p>The example below consists of 2 base characters (“今日”), jointly annotated with two levels of annotations: “きょう” and “today”.
For ease of comparison, it is preceded by some context text: “例文は”.
This test passes if:
<ul>
    <li>the base characters are presented inline with and similarly to the context text, as if they are all part of the same sentence, and
    <li>each annotation is presented as an annotation, and
    <li>each annotation is jointly associated with the whole base, not just part of it.
</ul>

<p>Note: This is not a layout or rendering test.
The precise appearance is not specified,
and implementations may therefore validly vary.

<hr>
例文は<ruby><rb>今<rb>日<rtc>きょう<rtc>today</ruby>