[html5] r4087 - [e] (0) More <meter> examples.
whatwg at whatwg.org
whatwg at whatwg.org
Mon Oct 5 20:01:46 PDT 2009
Author: ianh
Date: 2009-10-05 20:01:45 -0700 (Mon, 05 Oct 2009)
New Revision: 4087
Modified:
index
source
Log:
[e] (0) More <meter> examples.
Modified: index
===================================================================
--- index 2009-10-06 02:27:58 UTC (rev 4086)
+++ index 2009-10-06 03:01:45 UTC (rev 4087)
@@ -17539,6 +17539,8 @@
and maximum values, and the relationship between the actual value
and the three regions of the gauge.</p>
+ </div>
+
<div class=example>
<p>The following markup:</p>
<pre><h3>Suggested groups</h3>
@@ -17568,9 +17570,10 @@
<p><img alt="With the <meter> elements rendered as inline green bars of varying lengths." src=images/sample-meter.png></p>
</div>
- <p>User agents may combine the value of the <code title=attr-title><a href=#the-title-attribute>title</a></code> attribute and the other attributes
- to provide context-sensitive help or inline text detailing the
- actual values.</p>
+ <p>User agents <span class=impl>may</span> combine the value of
+ the <code title=attr-title><a href=#the-title-attribute>title</a></code> attribute and the other
+ attributes to provide context-sensitive help or inline text
+ detailing the actual values.</p>
<div class=example>
<p>For example, the following snippet:</p>
@@ -17580,6 +17583,8 @@
second line.</p>
</div>
+ <div clas=impl>
+
<p>The <dfn id=dom-meter-min title=dom-meter-min><code>min</code></dfn>, <dfn id=dom-meter-max title=dom-meter-max><code>max</code></dfn>, <dfn id=dom-meter-value title=dom-meter-value><code>value</code></dfn>, <dfn id=dom-meter-low title=dom-meter-low><code>low</code></dfn>, <dfn id=dom-meter-high title=dom-meter-high><code>high</code></dfn>, and <dfn id=dom-meter-optimum title=dom-meter-optimum><code>optimum</code></dfn> IDL attributes
must <a href=#reflect>reflect</a> the respective content attributes of the
same name. When the relevant content attributes are absent, the IDL
@@ -17588,9 +17593,23 @@
</div>
+ <div class=example>
+ <p>The following example shows how a gauge could fall back to
+ localized or pretty-printed text. The attributes have to be used in
+ this case, since the localized or pretty-printed numbers might not
+ match the simple expected syntax.</p>
+ <pre><p>Disk usage: <meter min=0 value=170261928 max=233257824>170 261 928 bytes used
+out of 233 257 824 bytes available</meter></p>
+ </p></pre>
+
+ </div>
+
+
+
+
<h4 id=the-ruby-element><span class=secno>4.6.20 </span>The <dfn><code>ruby</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
@@ -74365,6 +74384,7 @@
Edward Welbourne,
Edward Z. Yang,
Eira Monstad,
+ Elliott Sprehn,
Elliotte Harold,
Eric Carlson,
Eric Law,
Modified: source
===================================================================
--- source 2009-10-06 02:27:58 UTC (rev 4086)
+++ source 2009-10-06 03:01:45 UTC (rev 4087)
@@ -18772,6 +18772,8 @@
and maximum values, and the relationship between the actual value
and the three regions of the gauge.</p>
+ </div>
+
<div class="example">
<p>The following markup:</p>
<pre><h3>Suggested groups</h3>
@@ -18801,10 +18803,10 @@
<p><img src="images/sample-meter.png" alt="With the <meter> elements rendered as inline green bars of varying lengths."></p>
</div>
- <p>User agents may combine the value of the <code
- title="attr-title">title</code> attribute and the other attributes
- to provide context-sensitive help or inline text detailing the
- actual values.</p>
+ <p>User agents <span class="impl">may</span> combine the value of
+ the <code title="attr-title">title</code> attribute and the other
+ attributes to provide context-sensitive help or inline text
+ detailing the actual values.</p>
<div class="example">
<p>For example, the following snippet:</p>
@@ -18814,6 +18816,8 @@
second line.</p>
</div>
+ <div clas="impl">
+
<p>The <dfn title="dom-meter-min"><code>min</code></dfn>, <dfn
title="dom-meter-max"><code>max</code></dfn>, <dfn
title="dom-meter-value"><code>value</code></dfn>, <dfn
@@ -18827,9 +18831,23 @@
</div>
+ <div class="example">
+ <p>The following example shows how a gauge could fall back to
+ localized or pretty-printed text. The attributes have to be used in
+ this case, since the localized or pretty-printed numbers might not
+ match the simple expected syntax.</p>
+ <pre><p>Disk usage: <meter min=0 value=170261928 max=233257824>170 261 928 bytes used
+out of 233 257 824 bytes available</meter></p>
+ </p></pre>
+
+ </div>
+
+
+
+
<h4>The <dfn><code>ruby</code></dfn> element</h4>
<dl class="element">
@@ -91487,6 +91505,7 @@
Edward Welbourne,
Edward Z. Yang,
Eira Monstad,
+ Elliott Sprehn,
Elliotte Harold,
Eric Carlson,
Eric Law,
More information about the Commit-Watchers
mailing list