Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
[e] (0) Further update ruby examples; add ruby introductory text.
git-svn-id: http://svn.whatwg.org/webapps@2628 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information
Hixie committed Dec 30, 2008
1 parent d36297b commit 99dd3ac
Show file tree
Hide file tree
Showing 2 changed files with 36 additions and 24 deletions.
30 changes: 18 additions & 12 deletions index
Expand Up @@ -14051,7 +14051,11 @@ brighter. A &lt;b&gt;rat&lt;/b&gt; scurries past the corner wall.&lt;/p&gt;</pre
<dt>DOM interface:</dt>
<dd>Uses <code><a href=#htmlelement>HTMLElement</a></code>.</dd>
</dl><p>The <code><a href=#the-ruby-element>ruby</a></code> element allows one or more spans of
phrasing content to be marked with ruby annotations.</p>
phrasing content to be marked with ruby annotations. Ruby
annotations are short runs of text presented alongside base text,
primarily used in East Asian typography as a guide for
pronounciation or to include other annotations. In Japanese, this
form of typography is also known as <i>furigana</i>.</p>

<p>A <code><a href=#the-ruby-element>ruby</a></code> element represents the spans of phrasing
content it contains, ignoring all the child <code><a href=#the-rt-element>rt</a></code> and
Expand Down Expand Up @@ -14110,7 +14114,7 @@ brighter. A &lt;b&gt;rat&lt;/b&gt; scurries past the corner wall.&lt;/p&gt;</pre
<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;
&#23383; &lt;rt&gt; z&igrave;&nbsp; &lt;/rt&gt;
&lt;/ruby&gt;
...</pre>

Expand All @@ -14120,6 +14124,8 @@ brighter. A &lt;b&gt;rat&lt;/b&gt; scurries past the corner wall.&lt;/p&gt;</pre

</div>

<!-- Note: Examples are 32px/16px Stone Sans Sem ITC TT -->


<h4 id=the-rt-element><span class=secno>4.6.23 </span>The <dfn><code>rt</code></dfn> element</h4>

Expand Down Expand Up @@ -14172,22 +14178,22 @@ brighter. A &lt;b&gt;rat&lt;/b&gt; scurries past the corner wall.&lt;/p&gt;</pre

<div class=example>

<p>The example above, in which each ideograph in the text <span lang=ja>&#25998;&#34276;&#20449;&#30007;</span> is annotated with
its reading, could be expanded to use <code><a href=#the-rp-element>rp</a></code> so that in
legacy user agentthe readings are in parentheses:</p>
<p>The example above, in which each ideograph in the text <span lang=ja>&#28450;&#23383;</span> is annotated with its kanji
reading, could be expanded to use <code><a href=#the-rp-element>rp</a></code> so that in legacy
user agents the readings are in parentheses:</p>

<pre lang=ja>... &lt;ruby&gt;
&#25998; &lt;rp&gt;(&lt;/rp&gt;&lt;rt&gt;&#12373;&#12356;&lt;/rt&gt;&lt;rp&gt;)&lt;/rp&gt;
&#34276; &lt;rp&gt;(&lt;/rp&gt;&lt;rt&gt;&#12392;&#12358;&lt;/rt&gt;&lt;rp&gt;)&lt;/rp&gt;
&#20449; &lt;rp&gt;(&lt;/rp&gt;&lt;rt&gt;&#12398;&#12406;&lt;/rt&gt;&lt;rp&gt;)&lt;/rp&gt;
&#30007; &lt;rp&gt;(&lt;/rp&gt;&lt;rt&gt;&#12362;&lt;/rt&gt;&lt;rp&gt;)&lt;/rp&gt;
&lt;/ruby&gt; ...</pre>
<pre lang=ja>...
&lt;ruby&gt;
&#28450; &lt;rp&gt;(&lt;/rp&gt;&lt;rt&gt;&#12363;&#12435;&lt;/rt&gt;&lt;rp&gt;)&lt;/rp&gt;
&#23383; &lt;rp&gt;(&lt;/rp&gt;&lt;rt&gt;&#12376;&lt;/rt&gt;&lt;rp&gt;)&lt;/rp&gt;
&lt;/ruby&gt;
...</pre>

<p>In conforming user agents the rendering would be as above, but
in user agents that do not support ruby, the rendering would
be:</p>

<pre lang=ja>... &#25998; (&#12373;&#12356;) &#34276; (&#12392;&#12358;) &#20449; (&#12398;&#12406;) &#30007; (&#12362;) ...</pre>
<pre lang=ja>... &#28450; (&#12363;&#12435;) &#23383; (&#12376;) ...</pre>

</div>

Expand Down
30 changes: 18 additions & 12 deletions source
Expand Up @@ -15015,7 +15015,11 @@ brighter. A &lt;b>rat&lt;/b> scurries past the corner wall.&lt;/p></pre>
</dl>

<p>The <code>ruby</code> element allows one or more spans of
phrasing content to be marked with ruby annotations.</p>
phrasing content to be marked with ruby annotations. Ruby
annotations are short runs of text presented alongside base text,
primarily used in East Asian typography as a guide for
pronounciation or to include other annotations. In Japanese, this
form of typography is also known as <i>furigana</i>.</p>

<p>A <code>ruby</code> element represents the spans of phrasing
content it contains, ignoring all the child <code>rt</code> and
Expand Down Expand Up @@ -15077,7 +15081,7 @@ brighter. A &lt;b>rat&lt;/b> scurries past the corner wall.&lt;/p></pre>
<pre class="zh-CN">...
&lt;ruby>
&#27721; &lt;rt> h&#224;n &lt;/rt>
&#23383; &lt;rt> z&#236; &lt;/rt>
&#23383; &lt;rt> z&#236;&nbsp; &lt;/rt>
&lt;/ruby>
...</pre>

Expand All @@ -15088,6 +15092,8 @@ brighter. A &lt;b>rat&lt;/b> scurries past the corner wall.&lt;/p></pre>

</div>

<!-- Note: Examples are 32px/16px Stone Sans Sem ITC TT -->


<h4>The <dfn><code>rt</code></dfn> element</h4>

Expand Down Expand Up @@ -15147,22 +15153,22 @@ brighter. A &lt;b>rat&lt;/b> scurries past the corner wall.&lt;/p></pre>
<div class="example">

<p>The example above, in which each ideograph in the text <span
lang="ja">&#x658e;&#x85e4;&#x4fe1;&#x7537;</span> is annotated with
its reading, could be expanded to use <code>rp</code> so that in
legacy user agentthe readings are in parentheses:</p>
lang="ja">&#28450;&#23383;</span> is annotated with its kanji
reading, could be expanded to use <code>rp</code> so that in legacy
user agents the readings are in parentheses:</p>

<pre lang="ja">... &lt;ruby>
&#x658e; &lt;rp>(&lt;/rp>&lt;rt>&#x3055;&#x3044;&lt;/rt>&lt;rp>)&lt;/rp>
&#x85e4; &lt;rp>(&lt;/rp>&lt;rt>&#x3068;&#x3046;&lt;/rt>&lt;rp>)&lt;/rp>
&#x4fe1; &lt;rp>(&lt;/rp>&lt;rt>&#x306e;&#x3076;&lt;/rt>&lt;rp>)&lt;/rp>
&#x7537; &lt;rp>(&lt;/rp>&lt;rt>&#x304a;&lt;/rt>&lt;rp>)&lt;/rp>
&lt;/ruby> ...</pre>
<pre lang="ja">...
&lt;ruby>
&#28450; &lt;rp>(&lt;/rp>&lt;rt>&#12363;&#12435;&lt;/rt>&lt;rp>)&lt;/rp>
&#23383; &lt;rp>(&lt;/rp>&lt;rt>&#12376;&lt;/rt>&lt;rp>)&lt;/rp>
&lt;/ruby>
...</pre>

<p>In conforming user agents the rendering would be as above, but
in user agents that do not support ruby, the rendering would
be:</p>

<pre lang="ja">... &#x658e; (&#x3055;&#x3044;) &#x85e4; (&#x3068;&#x3046;) &#x4fe1; (&#x306e;&#x3076;) &#x7537; (&#x304a;) ...</pre>
<pre lang="ja">... &#28450; (&#12363;&#12435;) &#23383; (&#12376;) ...</pre>

</div>

Expand Down

0 comments on commit 99dd3ac

Please sign in to comment.