[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>
+ ♥ <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>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>
+♥<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>The <dfn><code>bdi</code></dfn> element</h4>
<dl class="element">
More information about the Commit-Watchers
mailing list