W3C home > Mailing lists > Public > public-html-commits@w3.org > December 2008

html5/spec Overview.html,1.1796,1.1797

From: Ian Hickson via cvs-syncmail <cvsmail@w3.org>
Date: Tue, 30 Dec 2008 04:34:15 +0000
To: public-html-commits@w3.org
Message-Id: <E1LHWJ6-00056V-1j@lionel-hutz.w3.org>

Update of /sources/public/html5/spec
In directory hutz:/tmp/cvs-serv19587

Modified Files:
	Overview.html 
Log Message:
New examples of <ruby>. Thanks to MikeSmith and heycam for the help. (whatwg r2627)

Index: Overview.html
===================================================================
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:34:24 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 30 December 2008 04:34:26 GMT