- From: Ian Hickson via cvs-syncmail <cvsmail@w3.org>
- Date: Thu, 09 Sep 2010 23:05:57 +0000
- To: public-html-commits@w3.org
Update of /sources/public/html5/spec
In directory hutz:/tmp/cvs-serv11379
Modified Files:
Overview.html
Log Message:
give images sizes (whatwg r5456)
Index: Overview.html
===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.4350
retrieving revision 1.4351
diff -u -d -r1.4350 -r1.4351
--- Overview.html 9 Sep 2010 22:50:41 -0000 1.4350
+++ Overview.html 9 Sep 2010 23:05:54 -0000 1.4351
@@ -16786,7 +16786,7 @@
<p>This might be rendered as:</p>
- <p><img alt="The two main ideographs, each with its annotation in hiragana rendered in a smaller font above it." src="http://dev.w3.org/html5/spec/images/sample-ruby-ja.png"></p>
+ <p><img alt="The two main ideographs, each with its annotation in hiragana rendered in a smaller font above it." height="78" src="http://dev.w3.org/html5/spec/images/sample-ruby-ja.png" width="171"></p>
</div><div class="example">
@@ -16803,7 +16803,7 @@
<p>This might be rendered as:</p>
- <p><img alt="The two main ideographs, each with its bopomofo annotation rendered in a smaller font next to it." src="http://dev.w3.org/html5/spec/images/sample-ruby-bopomofo.png"></p>
+ <p><img alt="The two main ideographs, each with its bopomofo annotation rendered in a smaller font next to it." height="100" src="http://dev.w3.org/html5/spec/images/sample-ruby-bopomofo.png" width="78"></p>
</div><div class="example">
@@ -16822,7 +16822,7 @@
<p>This might be rendered as:</p>
- <p><img alt="The two main ideographs, each with its pinyin annotation rendered in a smaller font above it." src="http://dev.w3.org/html5/spec/images/sample-ruby-pinyin.png"></p>
+ <p><img alt="The two main ideographs, each with its pinyin annotation rendered in a smaller font above it." height="79" src="http://dev.w3.org/html5/spec/images/sample-ruby-pinyin.png" width="173"></p>
</div><!-- Note: Examples are 32px/16px Stone Sans Sem ITC TT --><h4 id="the-rt-element"><span class="secno">4.6.19 </span>The <dfn><code>rt</code></dfn> element</h4><dl class="element"><dt>Categories</dt>
<dd>None.</dd>
@@ -23911,7 +23911,7 @@
<p>Consider an image that looks as follows:</p>
- <p><img alt="A line with four shapes in it, equally spaced: a red hollow box, a green circle, a blue triangle, and a yellow four-pointed star." src="http://dev.w3.org/html5/spec/images/sample-usemap.png"></p>
+ <p><img alt="A line with four shapes in it, equally spaced: a red hollow box, a green circle, a blue triangle, and a yellow four-pointed star." height="150" src="http://dev.w3.org/html5/spec/images/sample-usemap.png" width="600"></p>
<p>If we wanted just the colored areas to be clickable, we could
do it as follows:</p>
@@ -25377,7 +25377,7 @@
them.</p>
<!-- image source: http://software.hixie.ch/utilities/js/live-dom-viewer/saved/151 -->
- <img alt="" src="http://dev.w3.org/html5/spec/images/table-scope-diagram.png"><!-- (alt is empty because the diagram is completely described by the previous paragraphs) --></div><h4 id="attributes-common-to-td-and-th-elements"><span class="secno">4.9.11 </span>Attributes common to <code><a href="#the-td-element">td</a></code> and <code><a href="#the-th-element">th</a></code> elements</h4><p>The <code><a href="#the-td-element">td</a></code> and <code><a href="#the-th-element">th</a></code> elements may have a <dfn id="attr-tdth-colspan" title="attr-tdth-colspan"><code>colspan</code></dfn> content
+ <img alt="" height="256" src="http://dev.w3.org/html5/spec/images/table-scope-diagram.png" width="459"><!-- (alt is empty because the diagram is completely described by the previous paragraphs) --></div><h4 id="attributes-common-to-td-and-th-elements"><span class="secno">4.9.11 </span>Attributes common to <code><a href="#the-td-element">td</a></code> and <code><a href="#the-th-element">th</a></code> elements</h4><p>The <code><a href="#the-td-element">td</a></code> and <code><a href="#the-th-element">th</a></code> elements may have a <dfn id="attr-tdth-colspan" title="attr-tdth-colspan"><code>colspan</code></dfn> content
attribute specified, whose value must be a <a href="#valid-non-negative-integer">valid non-negative
integer</a> greater than zero.<p>The <code><a href="#the-td-element">td</a></code> and <code><a href="#the-th-element">th</a></code> elements may also have a
<dfn id="attr-tdth-rowspan" title="attr-tdth-rowspan"><code>rowspan</code></dfn> content
@@ -29151,7 +29151,7 @@
<code>http://www.w3.org/TR/XForms/</code> in the recent past, then
the rendering might look like this:</p>
- <p><img alt='A text box with an icon on the left followed by the text "www.w3" and a cursor, with a drop down button on the right hand side; with, below, a drop down box containing a list of six URIs on the left, with the first four having grayed out labels on the right; and a scroll bar to the right of the drow down box, indicating further values are available.' src="http://dev.w3.org/html5/spec/images/sample-url.png"></p>
+ <p><img alt='A text box with an icon on the left followed by the text "www.w3" and a cursor, with a drop down button on the right hand side; with, below, a drop down box containing a list of six URIs on the left, with the first four having grayed out labels on the right; and a scroll bar to the right of the drow down box, indicating further values are available.' height="134" src="http://dev.w3.org/html5/spec/images/sample-url.png" width="472"></p>
<p>The first four URIs in this sample consist of the four URIs in
the author-specified list that match the text the user has entered,
@@ -30420,7 +30420,7 @@
<p>...might render as:</p>
- <p><img alt="A vertical slider control whose primary color is black and whose background color is beige, with the slider having five tick marks, one long one at each extremity, and three short ones clustered around the midpoint." src="http://dev.w3.org/html5/spec/images/sample-range.png"><p>Note how the UA determined the orientation of the control from
+ <p><img alt="A vertical slider control whose primary color is black and whose background color is beige, with the slider having five tick marks, one long one at each extremity, and three short ones clustered around the midpoint." height="75" src="http://dev.w3.org/html5/spec/images/sample-range.png" width="49"><p>Note how the UA determined the orientation of the control from
the ratio of the style-sheet-specified height and width properties.
The colors were similiarly derived from the style sheet. The tick
marks, however, were derived from the markup. In particular, the
@@ -30440,11 +30440,11 @@
<p>A user agent could display in a variety of ways, for instance:</p>
- <p><img alt="As a dial." src="http://dev.w3.org/html5/spec/images/sample-range-2a.png"></p>
+ <p><img alt="As a dial." height="57" src="http://dev.w3.org/html5/spec/images/sample-range-2a.png" width="231"></p>
<p>Or, alternatively, for instance:</p>
- <p><img alt="As a long horizontal slider with tick marks." src="http://dev.w3.org/html5/spec/images/sample-range-2b.png"></p>
+ <p><img alt="As a long horizontal slider with tick marks." height="56" src="http://dev.w3.org/html5/spec/images/sample-range-2b.png" width="445"></p>
<p>The user agent could pick which one to display based on the
dimensions given in the style sheet. This would allow it to
@@ -31620,7 +31620,7 @@
user agent might suggest these two e-mail addresses to the
user.</p>
- <p><img alt="" src="http://dev.w3.org/html5/spec/images/sample-email-1.png"></p>
+ <p><img alt="" height="140" src="http://dev.w3.org/html5/spec/images/sample-email-1.png" width="500"></p>
<p>The page could also link in the user's contacts database from the site:</p>
@@ -31639,7 +31639,7 @@
earlier, as well as the "astrophy" and "astronomy" values given in
the <code><a href="#the-datalist-element">datalist</a></code> element.</p>
- <p><img alt="" src="http://dev.w3.org/html5/spec/images/sample-email-2.png"></p>
+ <p><img alt="" height="171" src="http://dev.w3.org/html5/spec/images/sample-email-2.png" width="500"></p>
</div><div class="example">
@@ -34163,7 +34163,7 @@
</li>
</ul></pre>
<p>Might be rendered as follows:</p>
- <p><img alt="With the <meter> elements rendered as inline green bars of varying lengths." src="http://dev.w3.org/html5/spec/images/sample-meter.png"></p>
+ <p><img alt="With the <meter> elements rendered as inline green bars of varying lengths." height="178" src="http://dev.w3.org/html5/spec/images/sample-meter.png" width="332"></p>
</div><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
@@ -35867,7 +35867,7 @@
in a list to allow the user to collapse a set of fields down to a
small set of headings, with the ability to open each one.</p>
- <p class="details-example"><img alt="" src="http://dev.w3.org/html5/spec/images/sample-details-1.png"><img alt="" src="http://dev.w3.org/html5/spec/images/sample-details-2.png"></p>
+ <p class="details-example"><img alt="" height="611" src="http://dev.w3.org/html5/spec/images/sample-details-1.png" width="345"><img alt="" height="666" src="http://dev.w3.org/html5/spec/images/sample-details-2.png" width="345"></p>
<p>In these examples, the summary really just summarises what the
controls can change, and not the actual values, which is less than
@@ -38746,7 +38746,7 @@
<li><a href="about.html">About</a></li>
</menu>
</li>
-</menu></pre><p>In a supporting user agent, this might look like this:<p><img alt="A toolbar with three buttons, labeled 'File', 'Edit', and 'Help'; where if you select the 'Edit' button you get a drop-down menu with three more options, 'Copy', 'Cut', and 'Paste'." src="http://dev.w3.org/html5/spec/images/sample-toolbar-1.png"><p>In a legacy user agent, the above would look like a bulleted list
+</menu></pre><p>In a supporting user agent, this might look like this:<p><img alt="A toolbar with three buttons, labeled 'File', 'Edit', and 'Help'; where if you select the 'Edit' button you get a drop-down menu with three more options, 'Copy', 'Cut', and 'Paste'." height="101" src="http://dev.w3.org/html5/spec/images/sample-toolbar-1.png" width="303"><p>In a legacy user agent, the above would look like a bulleted list
with three items, the first of which has four buttons, the second of
which has three, and the third of which has two nested bullet points
with two items consisting of links.<hr><p>The following implements a similar toolbar, with a single button
@@ -48841,7 +48841,7 @@
<p>The <code title="dom-navigator-registerContentHandler"><a href="#dom-navigator-registercontenthandler">registerContentHandler()</a></code>
method could display a modal dialog box:</p>
- <p><img alt="The modal dialog box could have the title 'Content Handler Registration', and could say 'This Web page: Kittens at work http://kittens.example.org/ ...would like permission to handle files of type: application/x-meowmeow using the following Web-based application: Kittens-at-work displayer http://kittens.example.org/?show=%s Do you trust the administrators of the "kittens.example.org" domain?' with two buttons, 'Trust kittens.example.org' and 'Cancel'." src="http://dev.w3.org/html5/spec/images/sample-content-handler-registration.png"></p>
+ <p><img alt="The modal dialog box could have the title 'Content Handler Registration', and could say 'This Web page: Kittens at work http://kittens.example.org/ ...would like permission to handle files of type: application/x-meowmeow using the following Web-based application: Kittens-at-work displayer http://kittens.example.org/?show=%s Do you trust the administrators of the "kittens.example.org" domain?' with two buttons, 'Trust kittens.example.org' and 'Cancel'." height="374" src="http://dev.w3.org/html5/spec/images/sample-content-handler-registration.png" width="534"></p>
<p>In this dialog box, "Kittens at work" is the title of the page
that invoked the method, "http://kittens.example.org/" is the URL of
@@ -48859,7 +48859,7 @@
"application/x-meowmeow" <a href="#mime-type">MIME type</a>, then it might
display a dialog as follows:</p>
- <p><img alt="The dialog box could have the title 'Unknown File Type' and could say 'You have attempted to access:' followed by a URL, followed by a prompt such as 'How would you like FerretBrowser to handle this resource?' with three radio buttons, one saying 'Contact the FerretBrowser plugin registry to see if there is an official way to handle this resource.', one saying 'Pass this URL to a local application' with an application selector, and one saying 'Pass this URL to the "Kittens-at-work displayer" application at "kittens.example.org"', with a checkbox labeld 'Always do this for resources using the "application/x-meowmeow" type in future.', and with two buttons, 'Ok' and 'Cancel'." src="http://dev.w3.org/html5/spec/images/sample-content-handler.png"></p>
+ <p><img alt="The dialog box could have the title 'Unknown File Type' and could say 'You have attempted to access:' followed by a URL, followed by a prompt such as 'How would you like FerretBrowser to handle this resource?' with three radio buttons, one saying 'Contact the FerretBrowser plugin registry to see if there is an official way to handle this resource.', one saying 'Pass this URL to a local application' with an application selector, and one saying 'Pass this URL to the "Kittens-at-work displayer" application at "kittens.example.org"', with a checkbox labeld 'Always do this for resources using the "application/x-meowmeow" type in future.', and with two buttons, 'Ok' and 'Cancel'." height="428" src="http://dev.w3.org/html5/spec/images/sample-content-handler.png" width="577"></p>
<p>In this dialog, the third option is the one that was primed by
the site registering itself earlier.</p>
@@ -53203,7 +53203,7 @@
insertion">it can also come from script</a> running in the user
agent, e.g. using the <code title="dom-document-write"><a href="#dom-document-write">document.write()</a></code> API.</p>
- <p><img alt="" src="http://dev.w3.org/html5/spec/images/parsing-model-overview.png"></p>
+ <p><img alt="" height="554" src="http://dev.w3.org/html5/spec/images/parsing-model-overview.png" width="427"></p>
<p id="nestedParsing">There is only one set of states for the
tokenizer stage and the tree construction stage, but the tree
Received on Thursday, 9 September 2010 23:06:00 UTC