[ac] (2) Reintroduce <ol type> as conforming.

Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=9798 git-svn-id: http://svn.whatwg.org/webapps@5478 340c8d12-0b0e-0410-8428-c7bf67bfef74
whatwg · Sep 24, 2010 · 4e3753d88a09243914e190e81036e12e6a1495b4 · 4e3753d
1 parent 75b058a
commit 4e3753d88a09243914e190e81036e12e6a1495b4
Show file tree

Hide file tree

Showing 3 changed files with 209 additions and 38 deletions.
diff --git a/complete.html b/complete.html
@@ -123,6 +123,8 @@
    .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
    .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
 
+   td.eg { border-width: thin; text-align: center; }
+
    #table-example-1 { border: solid thin; border-collapse: collapse; margin-left: 3em; }
    #table-example-1 * { font-family: "Essays1743", serif; line-height: 1.01em; }
    #table-example-1 caption { padding-bottom: 0.5em; }
@@ -13131,7 +13133,7 @@ <h5 id=pragma-directives><span class=secno>4.2.5.3 </span>Pragma directives</h5>
 <!-- things that are neither conforming nor do anything are commented out -->
 <!-- if you add something non-conforming, uncomment out the last sentence above -->
   <table id=table-http-equiv><thead><tr><th>State
-     <th>Keywords
+     <th>Keyword
      <th>Notes
    <tbody><tr><td><a href=#attr-meta-http-equiv-content-language title=attr-meta-http-equiv-content-language>Content Language</a>
      <td><code title="">content-language</code>
@@ -17061,11 +17063,13 @@ <h4 id=the-ol-element><span class=secno>4.5.5 </span>The <dfn><code>ol</code></d
    <dd><a href=#global-attributes>Global attributes</a></dd>
    <dd><code title=attr-ol-reversed><a href=#attr-ol-reversed>reversed</a></code></dd>
    <dd><code title=attr-ol-start><a href=#attr-ol-start>start</a></code></dd>
+   <dd><code title=attr-ol-type><a href=#attr-ol-type>type</a></code></dd>
    <dt>DOM interface:</dt>
    <dd>
 <pre class=idl>interface <dfn id=htmlolistelement>HTMLOListElement</dfn> : <a href=#htmlelement>HTMLElement</a> {
            attribute boolean <a href=#dom-ol-reversed title=dom-ol-reversed>reversed</a>;
            attribute long <a href=#dom-ol-start title=dom-ol-start>start</a>;
+           attribute DOMString <a href=#dom-ol-type title=dom-ol-type>type</a>;
 };</pre>
    </dd>
   </dl><p>The <code><a href=#the-ol-element>ol</a></code> element <a href=#represents>represents</a> a list of
@@ -17108,16 +17112,68 @@ <h4 id=the-ol-element><span class=secno>4.5.5 </span>The <dfn><code>ol</code></d
   value</a> of the previous item, plus one if the <code title=attr-ol-reversed><a href=#attr-ol-reversed>reversed</a></code> is absent, or minus one if
   it is present.</p>
 
-  <p>The <dfn id=dom-ol-reversed title=dom-ol-reversed><code>reversed</code></dfn> IDL
-  attribute must <a href=#reflect>reflect</a> the value of the <code title=attr-ol-reversed><a href=#attr-ol-reversed>reversed</a></code> content attribute.</p>
+  </div>
 
-  <p>The <dfn id=dom-ol-start title=dom-ol-start><code>start</code></dfn> IDL
-  attribute must <a href=#reflect>reflect</a> the value of the <code title=attr-ol-start><a href=#attr-ol-start>start</a></code> content attribute.</p>
+  <p>The <dfn id=attr-ol-type title=attr-ol-type><code>type</code></dfn> attribute
+  can be used to specify the kind of marker to use in the list, in the
+  cases where that matters (e.g. because items are to be referened by
+  their number/letter). The attribute, if specified, must have a value
+  that is a <a href=#case-sensitive>case-sensitive</a> match for one of the
+  characters given in the first cell of one of the rows of the
+  following table. <span class=impl>The <code title=attr-ol-type><a href=#attr-ol-type>type</a></code> attribute represents the state
+  given in the cell in the second column of the row whose first cell
+  matches the attribute's value; if none of the cells match, or if the
+  attribute is omitted, then the attribute represents the <a href=#attr-ol-type-state-decimal title=attr-ol-type-state-decimal>decimal</a> state.</span></p>
+
+  <table><thead><tr><th>Keyword
+     <th>State
+     <th>Description
+     <th colspan=8>Examples for values 1-3 and 3999-4001
+   <tbody><tr><td><dfn id=attr-ol-type-keyword-decimal title=attr-ol-type-keyword-decimal><code>1</code></dfn> (U+0031)
+     <td><dfn id=attr-ol-type-state-decimal title=attr-ol-type-state-decimal>decimal</dfn>
+     <td>Decimal numbers
+     <td class=eg><samp>1.</samp> <td class=eg><samp>2.</samp> <td class=eg><samp>3.</samp> <td class=eg>... <td class=eg><samp>3999.</samp> <td class=eg><samp>4000.</samp> <td class=eg><samp>4001.</samp> <td class=eg>...
+    <tr><td><dfn id=attr-ol-type-keyword-lower-alpha title=attr-ol-type-keyword-lower-alpha><code>a</code></dfn> (U+0061)
+     <td><dfn id=attr-ol-type-state-lower-alpha title=attr-ol-type-state-lower-alpha>lower-alpha</dfn>
+     <td>Lowercase latin alphabet
+     <td class=eg><samp>a.</samp> <td class=eg><samp>b.</samp> <td class=eg><samp>c.</samp> <td class=eg>... <td class=eg><samp>ewu.</samp> <td class=eg><samp>ewv.</samp> <td class=eg><samp>eww.</samp> <td class=eg>...
+    <tr><td><dfn id=attr-ol-type-keyword-upper-alpha title=attr-ol-type-keyword-upper-alpha><code>A</code></dfn> (U+0041)
+     <td><dfn id=attr-ol-type-state-upper-alpha title=attr-ol-type-state-upper-alpha>upper-alpha</dfn>
+     <td>Uppercase latin alphabet
+     <td class=eg><samp>A.</samp> <td class=eg><samp>B.</samp> <td class=eg><samp>C.</samp> <td class=eg>... <td class=eg><samp>EWU.</samp> <td class=eg><samp>EWV.</samp> <td class=eg><samp>EWW.</samp> <td class=eg>...
+    <tr><td><dfn id=attr-ol-type-keyword-lower-roman title=attr-ol-type-keyword-lower-roman><code>i</code></dfn> (U+0069)
+     <td><dfn id=attr-ol-type-state-lower-roman title=attr-ol-type-state-lower-roman>lower-roman</dfn>
+     <td>Lowercase roman numerals
+     <td class=eg><samp>i.</samp> <td class=eg><samp>ii.</samp> <td class=eg><samp>iii.</samp> <td class=eg>... <td class=eg><samp>mmmcmxcix.</samp> <td class=eg><samp>i&#773;v&#773;.</samp> <td class=eg><samp>i&#773;v&#773;i.</samp> <td class=eg>...
+    <tr><td><dfn id=attr-ol-type-keyword-upper-roman title=attr-ol-type-keyword-upper-roman><code>I</code></dfn> (U+0049)
+     <td><dfn id=attr-ol-type-state-upper-roman title=attr-ol-type-state-upper-roman>upper-roman</dfn>
+     <td>Uppercase roman numerals
+     <td class=eg><samp>I.</samp> <td class=eg><samp>II.</samp> <td class=eg><samp>III.</samp> <td class=eg>... <td class=eg><samp>MMMCMXCIX.</samp> <td class=eg><samp>I&#773;V&#773;.</samp> <td class=eg><samp>I&#773;V&#773;I.</samp> <td class=eg>...
+  </table><div class=impl>
+
+  <p>User agents should render the items of the list in a manner
+  consistent with the state of the <code title=attr-ol-type><a href=#attr-ol-type>type</a></code> attribute of the <code><a href=#the-ol-element>ol</a></code>
+  element. Numbers less than or equal to zero should always use the
+  decimal system regardless of the <code title=attr-ol-type><a href=#attr-ol-type>type</a></code> attribute.</p>
+
+  <p class=note>For CSS user agents, a mapping for this attribute to
+  the 'list-style-type' CSS property is given in the rendering section
+  (the mapping is straightforward: the states above have the same
+  names as their corresponding CSS values).</p>
 
   </div>
 
   <!-- v2: resuming numbering of lists from previous lists? -->
 
+  <div class=impl>
+
+  <p>The <dfn id=dom-ol-reversed title=dom-ol-reversed><code>reversed</code></dfn>,
+  <dfn id=dom-ol-start title=dom-ol-start><code>start</code></dfn>, and <dfn id=dom-ol-type title=dom-ol-type><code>type</code></dfn> IDL attributes must
+  <a href=#reflect>reflect</a> the respective content attributes of the same
+  name.</p>
+
+  </div>
+
   <div class=example>
 
    <p>The following markup shows a list where the order matters, and
@@ -24189,7 +24245,7 @@ <h4 id=the-track-element><span class=secno>4.8.9 </span>The <dfn><code>track</co
   given in the first cell of each row maps to the state given in the
   second cell.</p>
 
-  <table><thead><tr><th>Keywords
+  <table><thead><tr><th>Keyword
      <th>State
      <th>Brief description
    <tbody><tr><td><dfn id=attr-track-kind-keyword-subtitles title=attr-track-kind-keyword-subtitles><code>subtitles</code></dfn>
@@ -87856,7 +87912,6 @@ <h3 id=non-conforming-features><span class=secno>15.2 </span>Non-conforming feat
    <dt><dfn id=attr-object-hspace title=attr-object-hspace><code>hspace</code></dfn> on <code><a href=#the-object-element>object</a></code> elements</dt>
    <dt><dfn id=attr-object-vspace title=attr-object-vspace><code>vspace</code></dfn> on <code><a href=#the-object-element>object</a></code> elements</dt>
    <dt><dfn id=attr-ol-compact title=attr-ol-compact><code>compact</code></dfn> on <code><a href=#the-ol-element>ol</a></code> elements</dt>
-   <dt><dfn id=attr-ol-type title=attr-ol-type><code>type</code></dfn> on <code><a href=#the-ol-element>ol</a></code> elements</dt>
    <dt><dfn id=attr-p-align title=attr-p-align><code>align</code></dfn> on <code><a href=#the-p-element>p</a></code> elements</dt>
    <dt><dfn id=attr-pre-width title=attr-pre-width><code>width</code></dfn> on <code><a href=#the-pre-element>pre</a></code> elements</dt>
    <dt><dfn id=attr-table-align title=attr-table-align><code>align</code></dfn> on <code><a href=#the-table-element>table</a></code> elements</dt>
@@ -88736,13 +88791,11 @@ <h4 id=other-elements,-attributes-and-apis><span class=secno>15.3.4 </span>Other
   <hr><pre class=idl>[Supplemental]
 interface <a href=#htmlolistelement>HTMLOListElement</a> {
            attribute boolean <a href=#dom-ol-compact title=dom-ol-compact>compact</a>;
-           attribute DOMString <a href=#dom-ol-type title=dom-ol-type>type</a>;
 };</pre>
 
-  <p>The <dfn id=dom-ol-compact title=dom-ol-compact><code>compact</code></dfn> and
-  <dfn id=dom-ol-type title=dom-ol-type><code>type</code></dfn> IDL attributes of
-  the <code><a href=#the-ol-element>ol</a></code> element must <a href=#reflect>reflect</a> the respective
-  content attributes of the same name.</p>
+  <p>The <dfn id=dom-ol-compact title=dom-ol-compact><code>compact</code></dfn> IDL
+  attribute of the <code><a href=#the-ol-element>ol</a></code> element must <a href=#reflect>reflect</a>
+  the content attribute of the same name.</p>
 
   <hr><pre class=idl>[Supplemental]
 interface <a href=#htmlparagraphelement>HTMLParagraphElement</a> {

diff --git a/index b/index
@@ -123,6 +123,8 @@
    .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
    .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }
 
+   td.eg { border-width: thin; text-align: center; }
+
    #table-example-1 { border: solid thin; border-collapse: collapse; margin-left: 3em; }
    #table-example-1 * { font-family: "Essays1743", serif; line-height: 1.01em; }
    #table-example-1 caption { padding-bottom: 0.5em; }
@@ -13108,7 +13110,7 @@ gave me some of the songs they wrote. I love sharing my music.&lt;/p&gt;
 <!-- things that are neither conforming nor do anything are commented out -->
 <!-- if you add something non-conforming, uncomment out the last sentence above -->
   <table id=table-http-equiv><thead><tr><th>State
-     <th>Keywords
+     <th>Keyword
      <th>Notes
    <tbody><tr><td><a href=#attr-meta-http-equiv-content-language title=attr-meta-http-equiv-content-language>Content Language</a>
      <td><code title="">content-language</code>
@@ -17038,11 +17040,13 @@ a friend lost to the
    <dd><a href=#global-attributes>Global attributes</a></dd>
    <dd><code title=attr-ol-reversed><a href=#attr-ol-reversed>reversed</a></code></dd>
    <dd><code title=attr-ol-start><a href=#attr-ol-start>start</a></code></dd>
+   <dd><code title=attr-ol-type><a href=#attr-ol-type>type</a></code></dd>
    <dt>DOM interface:</dt>
    <dd>
 <pre class=idl>interface <dfn id=htmlolistelement>HTMLOListElement</dfn> : <a href=#htmlelement>HTMLElement</a> {
            attribute boolean <a href=#dom-ol-reversed title=dom-ol-reversed>reversed</a>;
            attribute long <a href=#dom-ol-start title=dom-ol-start>start</a>;
+           attribute DOMString <a href=#dom-ol-type title=dom-ol-type>type</a>;
 };</pre>
    </dd>
   </dl><p>The <code><a href=#the-ol-element>ol</a></code> element <a href=#represents>represents</a> a list of
@@ -17085,16 +17089,68 @@ a friend lost to the
   value</a> of the previous item, plus one if the <code title=attr-ol-reversed><a href=#attr-ol-reversed>reversed</a></code> is absent, or minus one if
   it is present.</p>
 
-  <p>The <dfn id=dom-ol-reversed title=dom-ol-reversed><code>reversed</code></dfn> IDL
-  attribute must <a href=#reflect>reflect</a> the value of the <code title=attr-ol-reversed><a href=#attr-ol-reversed>reversed</a></code> content attribute.</p>
+  </div>
 
-  <p>The <dfn id=dom-ol-start title=dom-ol-start><code>start</code></dfn> IDL
-  attribute must <a href=#reflect>reflect</a> the value of the <code title=attr-ol-start><a href=#attr-ol-start>start</a></code> content attribute.</p>
+  <p>The <dfn id=attr-ol-type title=attr-ol-type><code>type</code></dfn> attribute
+  can be used to specify the kind of marker to use in the list, in the
+  cases where that matters (e.g. because items are to be referened by
+  their number/letter). The attribute, if specified, must have a value
+  that is a <a href=#case-sensitive>case-sensitive</a> match for one of the
+  characters given in the first cell of one of the rows of the
+  following table. <span class=impl>The <code title=attr-ol-type><a href=#attr-ol-type>type</a></code> attribute represents the state
+  given in the cell in the second column of the row whose first cell
+  matches the attribute's value; if none of the cells match, or if the
+  attribute is omitted, then the attribute represents the <a href=#attr-ol-type-state-decimal title=attr-ol-type-state-decimal>decimal</a> state.</span></p>
+
+  <table><thead><tr><th>Keyword
+     <th>State
+     <th>Description
+     <th colspan=8>Examples for values 1-3 and 3999-4001
+   <tbody><tr><td><dfn id=attr-ol-type-keyword-decimal title=attr-ol-type-keyword-decimal><code>1</code></dfn> (U+0031)
+     <td><dfn id=attr-ol-type-state-decimal title=attr-ol-type-state-decimal>decimal</dfn>
+     <td>Decimal numbers
+     <td class=eg><samp>1.</samp> <td class=eg><samp>2.</samp> <td class=eg><samp>3.</samp> <td class=eg>... <td class=eg><samp>3999.</samp> <td class=eg><samp>4000.</samp> <td class=eg><samp>4001.</samp> <td class=eg>...
+    <tr><td><dfn id=attr-ol-type-keyword-lower-alpha title=attr-ol-type-keyword-lower-alpha><code>a</code></dfn> (U+0061)
+     <td><dfn id=attr-ol-type-state-lower-alpha title=attr-ol-type-state-lower-alpha>lower-alpha</dfn>
+     <td>Lowercase latin alphabet
+     <td class=eg><samp>a.</samp> <td class=eg><samp>b.</samp> <td class=eg><samp>c.</samp> <td class=eg>... <td class=eg><samp>ewu.</samp> <td class=eg><samp>ewv.</samp> <td class=eg><samp>eww.</samp> <td class=eg>...
+    <tr><td><dfn id=attr-ol-type-keyword-upper-alpha title=attr-ol-type-keyword-upper-alpha><code>A</code></dfn> (U+0041)
+     <td><dfn id=attr-ol-type-state-upper-alpha title=attr-ol-type-state-upper-alpha>upper-alpha</dfn>
+     <td>Uppercase latin alphabet
+     <td class=eg><samp>A.</samp> <td class=eg><samp>B.</samp> <td class=eg><samp>C.</samp> <td class=eg>... <td class=eg><samp>EWU.</samp> <td class=eg><samp>EWV.</samp> <td class=eg><samp>EWW.</samp> <td class=eg>...
+    <tr><td><dfn id=attr-ol-type-keyword-lower-roman title=attr-ol-type-keyword-lower-roman><code>i</code></dfn> (U+0069)
+     <td><dfn id=attr-ol-type-state-lower-roman title=attr-ol-type-state-lower-roman>lower-roman</dfn>
+     <td>Lowercase roman numerals
+     <td class=eg><samp>i.</samp> <td class=eg><samp>ii.</samp> <td class=eg><samp>iii.</samp> <td class=eg>... <td class=eg><samp>mmmcmxcix.</samp> <td class=eg><samp>i&#773;v&#773;.</samp> <td class=eg><samp>i&#773;v&#773;i.</samp> <td class=eg>...
+    <tr><td><dfn id=attr-ol-type-keyword-upper-roman title=attr-ol-type-keyword-upper-roman><code>I</code></dfn> (U+0049)
+     <td><dfn id=attr-ol-type-state-upper-roman title=attr-ol-type-state-upper-roman>upper-roman</dfn>
+     <td>Uppercase roman numerals
+     <td class=eg><samp>I.</samp> <td class=eg><samp>II.</samp> <td class=eg><samp>III.</samp> <td class=eg>... <td class=eg><samp>MMMCMXCIX.</samp> <td class=eg><samp>I&#773;V&#773;.</samp> <td class=eg><samp>I&#773;V&#773;I.</samp> <td class=eg>...
+  </table><div class=impl>
+
+  <p>User agents should render the items of the list in a manner
+  consistent with the state of the <code title=attr-ol-type><a href=#attr-ol-type>type</a></code> attribute of the <code><a href=#the-ol-element>ol</a></code>
+  element. Numbers less than or equal to zero should always use the
+  decimal system regardless of the <code title=attr-ol-type><a href=#attr-ol-type>type</a></code> attribute.</p>
+
+  <p class=note>For CSS user agents, a mapping for this attribute to
+  the 'list-style-type' CSS property is given in the rendering section
+  (the mapping is straightforward: the states above have the same
+  names as their corresponding CSS values).</p>
 
   </div>
 
   <!-- v2: resuming numbering of lists from previous lists? -->
 
+  <div class=impl>
+
+  <p>The <dfn id=dom-ol-reversed title=dom-ol-reversed><code>reversed</code></dfn>,
+  <dfn id=dom-ol-start title=dom-ol-start><code>start</code></dfn>, and <dfn id=dom-ol-type title=dom-ol-type><code>type</code></dfn> IDL attributes must
+  <a href=#reflect>reflect</a> the respective content attributes of the same
+  name.</p>
+
+  </div>
+
   <div class=example>
 
    <p>The following markup shows a list where the order matters, and
@@ -24169,7 +24225,7 @@ interface <dfn id=htmlaudioelement>HTMLAudioElement</dfn> : <a href=#htmlmediael
   given in the first cell of each row maps to the state given in the
   second cell.</p>
 
-  <table><thead><tr><th>Keywords
+  <table><thead><tr><th>Keyword
      <th>State
      <th>Brief description
    <tbody><tr><td><dfn id=attr-track-kind-keyword-subtitles title=attr-track-kind-keyword-subtitles><code>subtitles</code></dfn>
@@ -83774,7 +83830,6 @@ time[datetime] { binding: <i title="">time</i>; }</pre>
    <dt><dfn id=attr-object-hspace title=attr-object-hspace><code>hspace</code></dfn> on <code><a href=#the-object-element>object</a></code> elements</dt>
    <dt><dfn id=attr-object-vspace title=attr-object-vspace><code>vspace</code></dfn> on <code><a href=#the-object-element>object</a></code> elements</dt>
    <dt><dfn id=attr-ol-compact title=attr-ol-compact><code>compact</code></dfn> on <code><a href=#the-ol-element>ol</a></code> elements</dt>
-   <dt><dfn id=attr-ol-type title=attr-ol-type><code>type</code></dfn> on <code><a href=#the-ol-element>ol</a></code> elements</dt>
    <dt><dfn id=attr-p-align title=attr-p-align><code>align</code></dfn> on <code><a href=#the-p-element>p</a></code> elements</dt>
    <dt><dfn id=attr-pre-width title=attr-pre-width><code>width</code></dfn> on <code><a href=#the-pre-element>pre</a></code> elements</dt>
    <dt><dfn id=attr-table-align title=attr-table-align><code>align</code></dfn> on <code><a href=#the-table-element>table</a></code> elements</dt>
@@ -84654,13 +84709,11 @@ interface <a href=#htmlobjectelement>HTMLObjectElement</a> {
   <hr><pre class=idl>[Supplemental]
 interface <a href=#htmlolistelement>HTMLOListElement</a> {
            attribute boolean <a href=#dom-ol-compact title=dom-ol-compact>compact</a>;
-           attribute DOMString <a href=#dom-ol-type title=dom-ol-type>type</a>;
 };</pre>
 
-  <p>The <dfn id=dom-ol-compact title=dom-ol-compact><code>compact</code></dfn> and
-  <dfn id=dom-ol-type title=dom-ol-type><code>type</code></dfn> IDL attributes of
-  the <code><a href=#the-ol-element>ol</a></code> element must <a href=#reflect>reflect</a> the respective
-  content attributes of the same name.</p>
+  <p>The <dfn id=dom-ol-compact title=dom-ol-compact><code>compact</code></dfn> IDL
+  attribute of the <code><a href=#the-ol-element>ol</a></code> element must <a href=#reflect>reflect</a>
+  the content attribute of the same name.</p>
 
   <hr><pre class=idl>[Supplemental]
 interface <a href=#htmlparagraphelement>HTMLParagraphElement</a> {