[html5] r7966 - [giowt] (1) Add <meter> to microdata, and <meter> and <progress> to the table so [...]

[whatwg at whatwg.org]

Author: ianh
Date: 2013-06-12 15:20:29 -0700 (Wed, 12 Jun 2013)
New Revision: 7966

Modified:
   complete.html
   index
   source
Log:
[giowt] (1) Add <meter> to microdata, and <meter> and <progress> to the table sorting algorithm.
Fixing https://www.w3.org/Bugs/Public/show_bug.cgi?id=22274
Affected topics: HTML, Microdata

Modified: complete.html
===================================================================
--- complete.html	2013-06-12 19:38:32 UTC (rev 7965)
+++ complete.html	2013-06-12 22:20:29 UTC (rev 7966)
@@ -42571,6 +42571,18 @@
        <code><a href=#the-data-element>data</a></code> element's <code title=attr-data-value><a href=#attr-data-value>value</a></code> attribute, if there is
        one, or the empty string otherwise; the type is "string".</p>
 
+       <li><p>If, ignoring <a href=#inter-element-whitespace>inter-element whitespace</a> and nodes other than
+       <a href=#element>Element</a> and <a href=#text>Text</a> nodes, <var title="">cell</var> has only one child
+       and that child is a <code><a href=#the-progress-element>progress</a></code> element, then the value is the value of that
+       <code><a href=#the-progress-element>progress</a></code> element's <code title=attr-progress-value><a href=#attr-progress-value>value</a></code> attribute, if
+       there is one, or the empty string otherwise; the type is "string".</p>
+
+       <li><p>If, ignoring <a href=#inter-element-whitespace>inter-element whitespace</a> and nodes other than
+       <a href=#element>Element</a> and <a href=#text>Text</a> nodes, <var title="">cell</var> has only one child
+       and that child is a <code><a href=#the-meter-element>meter</a></code> element, then the value is the value of that
+       <code><a href=#the-meter-element>meter</a></code> element's <code title=attr-meter-value><a href=#attr-meter-value>value</a></code> attribute, if there is
+       one, or the empty string otherwise; the type is "string".</p>
+
        <li>
 
         <p>If, ignoring <a href=#inter-element-whitespace>inter-element whitespace</a> and nodes other than
@@ -52453,6 +52465,8 @@
   element's contents, for users of user agents that do not support the <code><a href=#the-meter-element>meter</a></code>
   element.</p>
 
+  <p>When used with <a href=#microdata>microdata</a>, the <code><a href=#the-meter-element>meter</a></code> element's <code title=attr-meter-value><a href=#attr-meter-value>value</a></code> attribute provides the element's machine-readable value.</p>
+
   <div class=example>
 
    <p>The following examples show three gauges that would all be
@@ -60620,10 +60634,28 @@
 
   </div>
 
-  <p>For date- and time-related data, the <code><a href=#the-time-element>time</a></code> element and its <code title=attr-time-datetime><a href=#attr-time-datetime>datetime</a></code> attribute can be used instead.</p>
+  <p>For numeric data, the <code><a href=#the-meter-element>meter</a></code> element and its <code title=attr-meter-value><a href=#attr-meter-value>value</a></code> attribute can be used instead.</p>
 
   <div class=example>
 
+   <p>Here a rating is given using a <code><a href=#the-meter-element>meter</a></code> element.</p>
+
+   <pre><div itemscope itemtype="http://schema.org/Product">
+ <span itemprop="name">Panasonic White 60L Refrigerator</span>
+ <img src="panasonic-fridge-60l-white.jpg" alt="">
+  <div itemprop="aggregateRating"
+       itemscope itemtype="http://schema.org/AggregateRating">
+   <meter itemprop="ratingValue" min=0 value=3.5 max=5>Rated 3.5/5</meter>
+   (based on <span itemprop="reviewCount">11</span> customer reviews)
+  </div>
+</div></pre>
+
+  </div>
+
+  <p>Similarly, for date- and time-related data, the <code><a href=#the-time-element>time</a></code> element and its <code title=attr-time-datetime><a href=#attr-time-datetime>datetime</a></code> attribute can be used instead.</p>
+
+  <div class=example>
+
    <p>In this example, the item has one property, "birthday", whose value is a date:</p>
 
    <pre><div itemscope>
@@ -61363,6 +61395,16 @@
    </dd>
 
 
+   <dt>If the element is a <code><a href=#the-meter-element>meter</a></code> element</dt>
+
+   <dd>
+
+    <p>The value is the value of the element's <code title=attr-meter-value><a href=#attr-meter-value>value</a></code> attribute,
+    if it has one, or the empty string otherwise.</p>
+
+   </dd>
+
+
    <dt>If the element is a <code><a href=#the-time-element>time</a></code> element</dt>
 
    <dd>
@@ -61646,6 +61688,12 @@
    element's <code title=attr-data-value><a href=#attr-data-value>value</a></code> content attribute.</dd>
 
 
+   <dt>If the element is a <code><a href=#the-meter-element>meter</a></code> element</dt>
+
+   <dd><p>The attribute must act as it would if it was <a href=#reflect title=reflect>reflecting</a> the
+   element's <code title=attr-meter-value><a href=#attr-meter-value>value</a></code> content attribute.</dd>
+
+
    <dt>If the element is a <code><a href=#the-time-element>time</a></code> element</dt>
 
    <dd><p>On getting, if the element has a <code title=attr-time-datetime><a href=#attr-time-datetime>datetime</a></code> content

Modified: index
===================================================================
--- index	2013-06-12 19:38:32 UTC (rev 7965)
+++ index	2013-06-12 22:20:29 UTC (rev 7966)
@@ -42571,6 +42571,18 @@
        <code><a href=#the-data-element>data</a></code> element's <code title=attr-data-value><a href=#attr-data-value>value</a></code> attribute, if there is
        one, or the empty string otherwise; the type is "string".</p>
 
+       <li><p>If, ignoring <a href=#inter-element-whitespace>inter-element whitespace</a> and nodes other than
+       <a href=#element>Element</a> and <a href=#text>Text</a> nodes, <var title="">cell</var> has only one child
+       and that child is a <code><a href=#the-progress-element>progress</a></code> element, then the value is the value of that
+       <code><a href=#the-progress-element>progress</a></code> element's <code title=attr-progress-value><a href=#attr-progress-value>value</a></code> attribute, if
+       there is one, or the empty string otherwise; the type is "string".</p>
+
+       <li><p>If, ignoring <a href=#inter-element-whitespace>inter-element whitespace</a> and nodes other than
+       <a href=#element>Element</a> and <a href=#text>Text</a> nodes, <var title="">cell</var> has only one child
+       and that child is a <code><a href=#the-meter-element>meter</a></code> element, then the value is the value of that
+       <code><a href=#the-meter-element>meter</a></code> element's <code title=attr-meter-value><a href=#attr-meter-value>value</a></code> attribute, if there is
+       one, or the empty string otherwise; the type is "string".</p>
+
        <li>
 
         <p>If, ignoring <a href=#inter-element-whitespace>inter-element whitespace</a> and nodes other than
@@ -52453,6 +52465,8 @@
   element's contents, for users of user agents that do not support the <code><a href=#the-meter-element>meter</a></code>
   element.</p>
 
+  <p>When used with <a href=#microdata>microdata</a>, the <code><a href=#the-meter-element>meter</a></code> element's <code title=attr-meter-value><a href=#attr-meter-value>value</a></code> attribute provides the element's machine-readable value.</p>
+
   <div class=example>
 
    <p>The following examples show three gauges that would all be
@@ -60620,10 +60634,28 @@
 
   </div>
 
-  <p>For date- and time-related data, the <code><a href=#the-time-element>time</a></code> element and its <code title=attr-time-datetime><a href=#attr-time-datetime>datetime</a></code> attribute can be used instead.</p>
+  <p>For numeric data, the <code><a href=#the-meter-element>meter</a></code> element and its <code title=attr-meter-value><a href=#attr-meter-value>value</a></code> attribute can be used instead.</p>
 
   <div class=example>
 
+   <p>Here a rating is given using a <code><a href=#the-meter-element>meter</a></code> element.</p>
+
+   <pre><div itemscope itemtype="http://schema.org/Product">
+ <span itemprop="name">Panasonic White 60L Refrigerator</span>
+ <img src="panasonic-fridge-60l-white.jpg" alt="">
+  <div itemprop="aggregateRating"
+       itemscope itemtype="http://schema.org/AggregateRating">
+   <meter itemprop="ratingValue" min=0 value=3.5 max=5>Rated 3.5/5</meter>
+   (based on <span itemprop="reviewCount">11</span> customer reviews)
+  </div>
+</div></pre>
+
+  </div>
+
+  <p>Similarly, for date- and time-related data, the <code><a href=#the-time-element>time</a></code> element and its <code title=attr-time-datetime><a href=#attr-time-datetime>datetime</a></code> attribute can be used instead.</p>
+
+  <div class=example>
+
    <p>In this example, the item has one property, "birthday", whose value is a date:</p>
 
    <pre><div itemscope>
@@ -61363,6 +61395,16 @@
    </dd>
 
 
+   <dt>If the element is a <code><a href=#the-meter-element>meter</a></code> element</dt>
+
+   <dd>
+
+    <p>The value is the value of the element's <code title=attr-meter-value><a href=#attr-meter-value>value</a></code> attribute,
+    if it has one, or the empty string otherwise.</p>
+
+   </dd>
+
+
    <dt>If the element is a <code><a href=#the-time-element>time</a></code> element</dt>
 
    <dd>
@@ -61646,6 +61688,12 @@
    element's <code title=attr-data-value><a href=#attr-data-value>value</a></code> content attribute.</dd>
 
 
+   <dt>If the element is a <code><a href=#the-meter-element>meter</a></code> element</dt>
+
+   <dd><p>The attribute must act as it would if it was <a href=#reflect title=reflect>reflecting</a> the
+   element's <code title=attr-meter-value><a href=#attr-meter-value>value</a></code> content attribute.</dd>
+
+
    <dt>If the element is a <code><a href=#the-time-element>time</a></code> element</dt>
 
    <dd><p>On getting, if the element has a <code title=attr-time-datetime><a href=#attr-time-datetime>datetime</a></code> content

Modified: source
===================================================================
--- source	2013-06-12 19:38:32 UTC (rev 7965)
+++ source	2013-06-12 22:20:29 UTC (rev 7966)
@@ -46641,6 +46641,18 @@
        <code>data</code> element's <code title="attr-data-value">value</code> attribute, if there is
        one, or the empty string otherwise; the type is "string".</p>
 
+       <li><p>If, ignoring <span>inter-element whitespace</span> and nodes other than
+       <span>Element</span> and <span>Text</span> nodes, <var title="">cell</var> has only one child
+       and that child is a <code>progress</code> element, then the value is the value of that
+       <code>progress</code> element's <code title="attr-progress-value">value</code> attribute, if
+       there is one, or the empty string otherwise; the type is "string".</p>
+
+       <li><p>If, ignoring <span>inter-element whitespace</span> and nodes other than
+       <span>Element</span> and <span>Text</span> nodes, <var title="">cell</var> has only one child
+       and that child is a <code>meter</code> element, then the value is the value of that
+       <code>meter</code> element's <code title="attr-meter-value">value</code> attribute, if there is
+       one, or the empty string otherwise; the type is "string".</p>
+
        <li>
 
         <p>If, ignoring <span>inter-element whitespace</span> and nodes other than
@@ -57674,6 +57686,9 @@
   element's contents, for users of user agents that do not support the <code>meter</code>
   element.</p>
 
+  <p>When used with <span>microdata</span>, the <code>meter</code> element's <code
+  title="attr-meter-value">value</code> attribute provides the element's machine-readable value.</p>
+
   <div class="example">
 
    <p>The following examples show three gauges that would all be
@@ -67250,7 +67265,26 @@
 
   </div>
 
-  <p>For date- and time-related data, the <code>time</code> element and its <code
+  <p>For numeric data, the <code>meter</code> element and its <code
+  title="attr-meter-value">value</code> attribute can be used instead.</p>
+
+  <div class="example">
+
+   <p>Here a rating is given using a <code>meter</code> element.</p>
+
+   <pre><div itemscope itemtype="http://schema.org/Product">
+ <span itemprop="name">Panasonic White 60L Refrigerator</span>
+ <img src="panasonic-fridge-60l-white.jpg" alt="">
+  <div itemprop="aggregateRating"
+       itemscope itemtype="http://schema.org/AggregateRating">
+   <meter itemprop="ratingValue" min=0 value=3.5 max=5>Rated 3.5/5</meter>
+   (based on <span itemprop="reviewCount">11</span> customer reviews)
+  </div>
+</div></pre>
+
+  </div>
+
+  <p>Similarly, for date- and time-related data, the <code>time</code> element and its <code
   title="attr-time-datetime">datetime</code> attribute can be used instead.</p>
 
   <div class="example">
@@ -68071,6 +68105,16 @@
    </dd>
 
 
+   <dt>If the element is a <code>meter</code> element</dt>
+
+   <dd>
+
+    <p>The value is the value of the element's <code title="attr-meter-value">value</code> attribute,
+    if it has one, or the empty string otherwise.</p>
+
+   </dd>
+
+
    <dt>If the element is a <code>time</code> element</dt>
 
    <dd>
@@ -68397,6 +68441,12 @@
    element's <code title="attr-data-value">value</code> content attribute.</p></dd>
 
 
+   <dt>If the element is a <code>meter</code> element</dt>
+
+   <dd><p>The attribute must act as it would if it was <span title="reflect">reflecting</span> the
+   element's <code title="attr-meter-value">value</code> content attribute.</p></dd>
+
+
    <dt>If the element is a <code>time</code> element</dt>
 
    <dd><p>On getting, if the element has a <code title="attr-time-datetime">datetime</code> content