[html5] r7585 - [e] (0) More ruby examples. Affected topics: HTML

whatwg at whatwg.org whatwg at whatwg.org
Thu Dec 13 13:02:13 PST 2012


Author: ianh
Date: 2012-12-13 13:02:12 -0800 (Thu, 13 Dec 2012)
New Revision: 7585

Modified:
   complete.html
   index
   source
Log:
[e] (0) More ruby examples.
Affected topics: HTML

Modified: complete.html
===================================================================
--- complete.html	2012-12-13 04:32:46 UTC (rev 7584)
+++ complete.html	2012-12-13 21:02:12 UTC (rev 7585)
@@ -22398,11 +22398,34 @@
 
     <p>Sometimes, ruby styles described above are combined.
 
+    <p>If this results in two annotations covering the same single base segment, then the
+    annotations can just be placed back to back.
+
     <div class=example>
      <pre><ruby>BASE<rt>annotation 1<rt>annotation 2</ruby></pre>
     </div>
 
     <div class=example>
+     <pre><ruby>B<rt>a<rt>a</ruby><ruby>A<rt>a<rt>a</ruby><ruby>S<rt>a<rt>a</ruby><ruby>E<rt>a<rt>a</ruby></pre>
+    </div>
+
+    <div class=example>
+
+     <p>In this contrived example, some symbols are given names in English and French.
+
+     <pre><ruby>
+ ♥ <rt> Heart <rt lang=fr> Cœur
+ ☘ <rt> Shamrock <rt lang=fr> Trèfle
+ ✶ <rt> Star <rt lang=fr> Étoile
+</ruby></pre>
+
+    </div>
+
+    <p>In more complication situations such as following examples, a nested <code><a href=#the-ruby-element>ruby</a></code>
+    element is used to give the inner annotations, and then that whole <code><a href=#the-ruby-element>ruby</a></code> is then
+    given an annotation at the "outer" level.
+
+    <div class=example>
      <pre><ruby><ruby>B<rt>a</rt>A<rt>n</rt>S<rt>t</rt>E<rt>n</rt></ruby><rt>annotation</ruby></pre>
     </div>
 
@@ -22742,7 +22765,26 @@
 
   </div>
 
+  <div class=example>
 
+   <p>When there are multiple annotations for a segment, <code><a href=#the-rp-element>rp</a></code> elements can also be placed
+   between the annotations. Here is another copy of an earlier contrived example showing some
+   symbols with names given in English and French, but this time with <code><a href=#the-rp-element>rp</a></code> elements as
+   well:
+
+   <pre><ruby>
+♥<rp>: </rp><rt>Heart</rt><rp>, </rp><rt lang=fr>Cœur</rt><rp>.</rp>
+☘<rp>: </rp><rt>Shamrock</rt><rp>, </rp><rt lang=fr>Trèfle</rt><rp>.</rp>
+✶<rp>: </rp><rt>Star</rt><rp>, </rp><rt lang=fr>Étoile</rt><rp>.</rp>
+</ruby></pre>
+
+   <p>This would make the example render as follows in non-ruby-capable user agents:
+
+   <pre>♥: Heart, <span lang=fr>Cœur</span>. ☘: Shamrock, <span lang=fr>Trèfle</span>. ✶: Star, <span lang=fr>Étoile</span>.</pre>
+
+  </div>
+
+
   <h4 id=the-bdi-element><span class=secno>4.6.24 </span>The <dfn><code>bdi</code></dfn> element</h4>
 
   <dl class=element><dt><a href=#element-dfn-categories title=element-dfn-categories>Categories</a>:</dt>

Modified: index
===================================================================
--- index	2012-12-13 04:32:46 UTC (rev 7584)
+++ index	2012-12-13 21:02:12 UTC (rev 7585)
@@ -22398,11 +22398,34 @@
 
     <p>Sometimes, ruby styles described above are combined.
 
+    <p>If this results in two annotations covering the same single base segment, then the
+    annotations can just be placed back to back.
+
     <div class=example>
      <pre><ruby>BASE<rt>annotation 1<rt>annotation 2</ruby></pre>
     </div>
 
     <div class=example>
+     <pre><ruby>B<rt>a<rt>a</ruby><ruby>A<rt>a<rt>a</ruby><ruby>S<rt>a<rt>a</ruby><ruby>E<rt>a<rt>a</ruby></pre>
+    </div>
+
+    <div class=example>
+
+     <p>In this contrived example, some symbols are given names in English and French.
+
+     <pre><ruby>
+ ♥ <rt> Heart <rt lang=fr> Cœur
+ ☘ <rt> Shamrock <rt lang=fr> Trèfle
+ ✶ <rt> Star <rt lang=fr> Étoile
+</ruby></pre>
+
+    </div>
+
+    <p>In more complication situations such as following examples, a nested <code><a href=#the-ruby-element>ruby</a></code>
+    element is used to give the inner annotations, and then that whole <code><a href=#the-ruby-element>ruby</a></code> is then
+    given an annotation at the "outer" level.
+
+    <div class=example>
      <pre><ruby><ruby>B<rt>a</rt>A<rt>n</rt>S<rt>t</rt>E<rt>n</rt></ruby><rt>annotation</ruby></pre>
     </div>
 
@@ -22742,7 +22765,26 @@
 
   </div>
 
+  <div class=example>
 
+   <p>When there are multiple annotations for a segment, <code><a href=#the-rp-element>rp</a></code> elements can also be placed
+   between the annotations. Here is another copy of an earlier contrived example showing some
+   symbols with names given in English and French, but this time with <code><a href=#the-rp-element>rp</a></code> elements as
+   well:
+
+   <pre><ruby>
+♥<rp>: </rp><rt>Heart</rt><rp>, </rp><rt lang=fr>Cœur</rt><rp>.</rp>
+☘<rp>: </rp><rt>Shamrock</rt><rp>, </rp><rt lang=fr>Trèfle</rt><rp>.</rp>
+✶<rp>: </rp><rt>Star</rt><rp>, </rp><rt lang=fr>Étoile</rt><rp>.</rp>
+</ruby></pre>
+
+   <p>This would make the example render as follows in non-ruby-capable user agents:
+
+   <pre>♥: Heart, <span lang=fr>Cœur</span>. ☘: Shamrock, <span lang=fr>Trèfle</span>. ✶: Star, <span lang=fr>Étoile</span>.</pre>
+
+  </div>
+
+
   <h4 id=the-bdi-element><span class=secno>4.6.24 </span>The <dfn><code>bdi</code></dfn> element</h4>
 
   <dl class=element><dt><a href=#element-dfn-categories title=element-dfn-categories>Categories</a>:</dt>

Modified: source
===================================================================
--- source	2012-12-13 04:32:46 UTC (rev 7584)
+++ source	2012-12-13 21:02:12 UTC (rev 7585)
@@ -23732,11 +23732,34 @@
 
     <p>Sometimes, ruby styles described above are combined.
 
+    <p>If this results in two annotations covering the same single base segment, then the
+    annotations can just be placed back to back.
+
     <div class="example">
      <pre><ruby>BASE<rt>annotation 1<rt>annotation 2</ruby></pre>
     </div>
 
     <div class="example">
+     <pre><ruby>B<rt>a<rt>a</ruby><ruby>A<rt>a<rt>a</ruby><ruby>S<rt>a<rt>a</ruby><ruby>E<rt>a<rt>a</ruby></pre>
+    </div>
+
+    <div class="example">
+
+     <p>In this contrived example, some symbols are given names in English and French.
+
+     <pre><ruby>
+ &#x2665; <rt> Heart <rt lang=fr> Cœur
+ &#x2618; <rt> Shamrock <rt lang=fr> Trèfle
+ &#x2736; <rt> Star <rt lang=fr> Étoile
+</ruby></pre>
+
+    </div>
+
+    <p>In more complication situations such as following examples, a nested <code>ruby</code>
+    element is used to give the inner annotations, and then that whole <code>ruby</code> is then
+    given an annotation at the "outer" level.
+
+    <div class="example">
      <pre><ruby><ruby>B<rt>a</rt>A<rt>n</rt>S<rt>t</rt>E<rt>n</rt></ruby><rt>annotation</ruby></pre>
     </div>
 
@@ -24124,7 +24147,26 @@
 
   </div>
 
+  <div class="example">
 
+   <p>When there are multiple annotations for a segment, <code>rp</code> elements can also be placed
+   between the annotations. Here is another copy of an earlier contrived example showing some
+   symbols with names given in English and French, but this time with <code>rp</code> elements as
+   well:
+
+   <pre><ruby>
+&#x2665;<rp>: </rp><rt>Heart</rt><rp>, </rp><rt lang=fr>Cœur</rt><rp>.</rp>
+&#x2618;<rp>: </rp><rt>Shamrock</rt><rp>, </rp><rt lang=fr>Trèfle</rt><rp>.</rp>
+&#x2736;<rp>: </rp><rt>Star</rt><rp>, </rp><rt lang=fr>Étoile</rt><rp>.</rp>
+</ruby></pre>
+
+   <p>This would make the example render as follows in non-ruby-capable user agents:
+
+   <pre>&#x2665;: Heart, <span lang=fr>Cœur</span>. &#x2618;: Shamrock, <span lang=fr>Trèfle</span>. &#x2736;: Star, <span lang=fr>Étoile</span>.</pre>
+
+  </div>
+
+
   <h4>The <dfn><code>bdi</code></dfn> element</h4>
 
   <dl class="element">




More information about the Commit-Watchers mailing list