[html5] r1244 - /

[whatwg at whatwg.org]

Author: ianh
Date: 2008-02-25 19:15:05 -0800 (Mon, 25 Feb 2008)
New Revision: 1244

Modified:
   index
   source
Log:
[e] (0) Give an example of a reverse-ordered list, and of a list with a caption in a figure.

Modified: index
===================================================================
--- index	2008-02-26 02:45:07 UTC (rev 1243)
+++ index	2008-02-26 03:15:05 UTC (rev 1244)
@@ -9850,6 +9850,29 @@
    attribute must <a href="#reflect">reflect</a> the value of the <code
    title=dom-li-value><a href="#value0">value</a></code> content attribute.
 
+  <div class=example>
+   <p>The following example, the top ten movies are listed (in reverse
+    order). Note the way the list is given a title by using a <code><a
+    href="#figure">figure</a></code> element and its <code><a
+    href="#legend">legend</a></code>.</p>
+
+   <pre><figure>
+ <legend>The top 10 movies of all time</legend>
+ <ol>
+  <li value="10"><cite>Josie and the Pussycats</cite>, 2001</li>
+  <li value="9"><cite lang="sh">&#x0426;&#x0440;&#x043d;&#x0430; &#x043c;&#x0430;&#x0447;&#x043a;&#x0430;, &#x0431;&#x0435;&#x043b;&#x0438; &#x043c;&#x0430;&#x0447;&#x043e;&#x0440;</cite>, 1998</li>
+  <li value="8"><cite>A Bugs Life</cite>, 1998</li>
+  <li value="7"><cite>Toy Story</cite>, 1995</li>
+  <li value="6"><cite>Monsters, Inc</cite>, 2001</li>
+  <li value="5"><cite>Cars</cite>, 2006</li>
+  <li value="4"><cite>Toy Story 2</cite>, 1999</li>
+  <li value="3"><cite>Finding Nemo</cite>, 2003</li>
+  <li value="2"><cite>The Incredibles</cite>, 2004</li>
+  <li value="1"><cite>Ratatouille</cite>, 2007</li>
+ </ol>
+</figure></pre>
+  </div>
+
   <h4 id=the-dl><span class=secno>3.11.4 </span>The <dfn
    id=dl><code>dl</code></dfn> element</h4>
 

Modified: source
===================================================================
--- source	2008-02-26 02:45:07 UTC (rev 1243)
+++ source	2008-02-26 03:15:05 UTC (rev 1244)
@@ -8028,7 +8028,28 @@
   attribute must <span>reflect</span> the value of the <code
   title="dom-li-value">value</code> content attribute.</p>
 
+  <div class="example">
+   <p>The following example, the top ten movies are listed (in reverse
+   order). Note the way the list is given a title by using a
+   <code>figure</code> element and its <code>legend</code>.</p>
+   <pre><figure>
+ <legend>The top 10 movies of all time</legend>
+ <ol>
+  <li value="10"><cite>Josie and the Pussycats</cite>, 2001</li>
+  <li value="9"><cite lang="sh">&#x0426;&#x0440;&#x043d;&#x0430; &#x043c;&#x0430;&#x0447;&#x043a;&#x0430;, &#x0431;&#x0435;&#x043b;&#x0438; &#x043c;&#x0430;&#x0447;&#x043e;&#x0440;</cite>, 1998</li>
+  <li value="8"><cite>A Bugs Life</cite>, 1998</li>
+  <li value="7"><cite>Toy Story</cite>, 1995</li>
+  <li value="6"><cite>Monsters, Inc</cite>, 2001</li>
+  <li value="5"><cite>Cars</cite>, 2006</li>
+  <li value="4"><cite>Toy Story 2</cite>, 1999</li>
+  <li value="3"><cite>Finding Nemo</cite>, 2003</li>
+  <li value="2"><cite>The Incredibles</cite>, 2004</li>
+  <li value="1"><cite>Ratatouille</cite>, 2007</li>
+ </ol>
+</figure></pre>
+  </div>
 
+
   <h4>The <dfn><code>dl</code></dfn> element</h4>
 
   <dl class="element">