spec/Overview.html 1.1797 2627 New examples of <ruby>. Thanks to MikeSm

New examples of <ruby>. Thanks to MikeSmith and heycam for the help.
(whatwg r2627)

4.6.23 The rt element
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1797.html#the-rt-element
4.6.22 The ruby element
http://people.w3.org/mike/diffs/html5/spec/Overview.1.1797.html#the-ruby-element

http://people.w3.org/mike/diffs/html5/spec/Overview.diff.html
http://dev.w3.org/cvsweb/html5/spec/Overview.html?r1=1.1796&r2=1.1797&f=h
http://html5.org/tools/web-apps-tracker?from=2626&to=2627

===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.1796
retrieving revision 1.1797
diff -u -d -r1.1796 -r1.1797
--- Overview.html 30 Dec 2008 01:38:23 -0000 1.1796
+++ Overview.html 30 Dec 2008 04:34:13 -0000 1.1797
@@ -11478,19 +11478,58 @@
   phrasing content have associated annotations created using the
   <code><a href=#the-rt-element>rt</a></code> element.<div class=example>
 
-   <p>In this example, each ideograph in the text <span lang=ja>&#25998;&#34276;&#20449;&#30007;</span> is annotated with
-   its reading.</p>
+   <!-- this is the kanji for the word "kanji" ("chinese character") in japanese -->
+   <!-- in japanese, ruby-like typography is called "furigana" -->
 
-   <pre lang=ja>... &lt;ruby&gt;
- &#25998; &lt;rt&gt; &#12373;&#12356; &lt;/rt&gt;
- &#34276; &lt;rt&gt; &#12392;&#12358; &lt;/rt&gt;
- &#20449; &lt;rt&gt; &#12398;&#12406; &lt;/rt&gt;
- &#30007; &lt;rt&gt; &#12362;         &lt;/rt&gt;
-&lt;/ruby&gt; ...</pre>
+   <p>In this example, each ideograph in the Japanese text <span lang=ja>&#28450;&#23383;</span> is annotated with its kanji
+   reading.</p>
+
+   <pre lang=ja>... 
+&lt;ruby&gt;
+ &#28450; &lt;rt&gt; &#12363;&#12435; &lt;/rt&gt;
+ &#23383; &lt;rt&gt; &#12376;&#12288; &lt;/rt&gt;
+&lt;/ruby&gt;
+...</pre>
 
    <p>This might be rendered as:</p>
 
-   <p><img alt="The four main ideographs, each with its reading annotation rendered in a smaller font above it." src=images/sample-ruby.png></p>
+   <p><img alt="The two main ideographs, each with its kanji annotation rendered in a smaller font above it." src=images/sample-ruby-ja.png></p>
+
+  </div><div class=example>
+
+   <!-- this is the bopomofo for the word "hanzi" ("chinese character") in traditional chinese, as used in taiwan -->
+
+   <p>In this example, each ideograph in the traditional Chinese text
+   <span lang=zh-TW>&#28450;&#23383;</span> is annotated with its
+   bopomofo reading.</p>
+
+   <pre class=zh-TW>&lt;ruby&gt;
+ &#28450; &lt;rt&gt; &#12559;&#12578;&#715; &lt;/rt&gt;
+ &#23383; &lt;rt&gt; &#12567;&#715;&#12288; &lt;/rt&gt;
+&lt;/ruby&gt;</pre>
+
+   <p>This might be rendered as:</p>
+
+   <p><img alt="The two main ideographs, each with its bopomofo annotation rendered in a smaller font next to it." src=images/sample-ruby-bopomofo.png></p>
+
+  </div><div class=example>
+
+   <!-- this is the pinyin for the word "hanzi" ("chinese character") in simplified chinese, as used in mainland china -->
+
+   <p>In this example, each ideograph in the simplified Chinese text
+   <span lang=zh-CN>&#27721;&#23383;</span> is annotated with its
+   pinyin reading.</p>
+
+   <pre class=zh-CN>...
+&lt;ruby&gt;
+ &#27721; &lt;rt&gt; h&agrave;n &lt;/rt&gt;
+ &#23383; &lt;rt&gt; z&igrave; &lt;/rt&gt;
+&lt;/ruby&gt;
+...</pre>
+
+   <p>This might be rendered as:</p>
+
+   <p><img alt="The two main ideographs, each with its pinyin annotation rendered in a smaller font next to it." src=images/sample-ruby-pinyin.png></p>
 
   </div><h4 id=the-rt-element><span class=secno>4.6.23 </span>The <dfn><code>rt</code></dfn> element</h4><dl class=element><dt>Categories</dt>
    <dd>None.</dd>

Received on Tuesday, 30 December 2008 04:38:05 UTC