[html5] r8683 - [e] (0) Preparing for new pipeline still
whatwg at whatwg.org
whatwg at whatwg.org
Wed Jul 2 15:27:28 PDT 2014
Author: ianh
Date: 2014-07-02 15:27:25 -0700 (Wed, 02 Jul 2014)
New Revision: 8683
Modified:
complete.html
index
Log:
[e] (0) Preparing for new pipeline still
Modified: complete.html
===================================================================
--- complete.html 2014-06-20 15:39:43 UTC (rev 8682)
+++ complete.html 2014-07-02 22:27:25 UTC (rev 8683)
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang=en-GB-x-hixie class=big>
+<!DOCTYPE html><html class=big lang=en-GB-x-hixie>
<title>HTML Standard</title>
<script>
var loadTimer = new Date();
@@ -126,8 +126,8 @@
}
</script>
- <link rel=stylesheet href=//www.whatwg.org/style/specification>
- <link rel=icon href=//www.whatwg.org/images/icon>
+ <link href=//www.whatwg.org/style/specification rel=stylesheet>
+ <link href=//www.whatwg.org/images/icon rel=icon>
<style>
.proposal { border: blue solid; padding: 1em; }
.bad, .bad *:not(.XXX) { color: gray; border-color: gray; background: transparent; }
@@ -269,9 +269,9 @@
</style>
- <link rel=stylesheet href=data:text/css, title=Normal>
- <link rel="stylesheet alternate" href=data:text/css,.impl%20{%20background:%20pink;%20} title="Highlight implementation-only prose">
- <link rel=stylesheet href=status.css>
+ <link href=data:text/css, rel=stylesheet title=Normal>
+ <link href=data:text/css,.impl%20{%20background:%20pink;%20} rel="stylesheet alternate" title="Highlight implementation-only prose">
+ <link href=status.css rel=stylesheet>
<script>
var startedInit = 0;
function init() {
@@ -303,11 +303,11 @@
</script>
</head>
<body onload=init()>
- <header id=head class="head with-buttons">
- <p><a href=//www.whatwg.org/ class=logo><img src=/images/logo width=101 alt=WHATWG height=101></a></p>
+ <header class="head with-buttons" id=head>
+ <p><a class=logo href=//www.whatwg.org/><img alt=WHATWG height=101 src=/images/logo width=101></a></p>
<hgroup>
<h1 class=allcaps>HTML</h1>
- <h2 class="no-num no-toc">Living Standard — Last Updated 20 June 2014</h2>
+ <h2 class="no-num no-toc">Living Standard — Last Updated 2 July 2014</h2>
</hgroup>
<div>
<div>
@@ -317,23 +317,23 @@
<a href=http://developers.whatwg.org/><span><strong>Developer Version</strong> <code>developers.whatwg.org</code></span></a>
</div>
<div>
- <a href=//whatwg.org/faq class=misc><span><strong>FAQ</strong> <code>whatwg.org/faq</code></span></a>
- <a href=http://validator.whatwg.org/ class=misc><span><strong>Validators</strong> <code>validator.whatwg.org</code></span></a>
+ <a class=misc href=//whatwg.org/faq><span><strong>FAQ</strong> <code>whatwg.org/faq</code></span></a>
+ <a class=misc href=http://validator.whatwg.org/><span><strong>Validators</strong> <code>validator.whatwg.org</code></span></a>
</div>
<div>
- <a href=//www.whatwg.org/mailing-list class=comms><span><strong>Join our Mailing List</strong> <code>whatwg at whatwg.org</code></span></a>
- <a href=http://wiki.whatwg.org/wiki/IRC class=comms><span><strong>Join us on IRC</strong> <code>#whatwg on Freenode</code></span></a>
- <a href=http://forums.whatwg.org/ class=comms><span><strong>Join our Forums</strong> <code>forums.whatwg.org</code></span></a>
+ <a class=comms href=//www.whatwg.org/mailing-list><span><strong>Join our Mailing List</strong> <code>whatwg at whatwg.org</code></span></a>
+ <a class=comms href=http://wiki.whatwg.org/wiki/IRC><span><strong>Join us on IRC</strong> <code>#whatwg on Freenode</code></span></a>
+ <a class=comms href=http://forums.whatwg.org/><span><strong>Join our Forums</strong> <code>forums.whatwg.org</code></span></a>
</div>
<div>
<!--<a class="changes" href="http://svn.whatwg.org/webapps"><span><strong>SVN Repository</strong> <code>svn.whatwg.org/webapps</code></span></a>-->
- <a href=http://html5.org/tools/web-apps-tracker class=changes><span><strong>Change Log</strong> <code>html5.org's tracker</code></span></a>
- <a href=http://twitter.com/WHATWG class=changes><span><strong>Twitter Updates</strong> <code>@WHATWG</code></span></a>
+ <a class=changes href=http://html5.org/tools/web-apps-tracker><span><strong>Change Log</strong> <code>html5.org's tracker</code></span></a>
+ <a class=changes href=http://twitter.com/WHATWG><span><strong>Twitter Updates</strong> <code>@WHATWG</code></span></a>
</div>
<div>
- <a href="https://www.w3.org/Bugs/Public/buglist.cgi?bug_status=UNCONFIRMED&bug_status=NEW&bug_status=ASSIGNED&bug_status=REOPENED&component=HTML&product=WHATWG" class=feedback><span><strong>View Open Bugs</strong> <code>filed in Bugzilla</code></span></a>
- <a href=//www.whatwg.org/newbug class=feedback><span><strong>File a Bug</strong> <code>whatwg.org/newbug</code></span></a>
- <a href=http://ian.hixie.ch/+ class=feedback><span><strong>E-mail the Editor</strong> <code>ian at hixie.ch</code></span></a>
+ <a class=feedback href="https://www.w3.org/Bugs/Public/buglist.cgi?bug_status=UNCONFIRMED&bug_status=NEW&bug_status=ASSIGNED&bug_status=REOPENED&component=HTML&product=WHATWG"><span><strong>View Open Bugs</strong> <code>filed in Bugzilla</code></span></a>
+ <a class=feedback href=//www.whatwg.org/newbug><span><strong>File a Bug</strong> <code>whatwg.org/newbug</code></span></a>
+ <a class=feedback href=http://ian.hixie.ch/+><span><strong>E-mail the Editor</strong> <code>ian at hixie.ch</code></span></a>
</div>
</div>
</header>
@@ -1465,16 +1465,16 @@
<li><a href=#ping-from><span class=secno>16.8 </span><code>Ping-From</code></a></li>
<li><a href=#ping-to><span class=secno>16.9 </span><code>Ping-To</code></a></li>
<li><a href=#web+-scheme-prefix><span class=secno>16.10 </span><code>web+</code> scheme prefix</a></ol></li>
- <li><a href=#index class=no-num>Index</a>
+ <li><a class=no-num href=#index>Index</a>
<ol>
- <li><a href=#elements-1 class=no-num>Elements</a></li>
- <li><a href=#element-content-categories class=no-num>Element content categories</a></li>
- <li><a href=#attributes-1 class=no-num>Attributes</a></li>
- <li><a href=#element-interfaces class=no-num>Element Interfaces</a></li>
- <li><a href=#all-interfaces class=no-num>All Interfaces</a></li>
- <li><a href=#events-0 class=no-num>Events</a></ol></li>
- <li><a href=#references class=no-num>References</a></li>
- <li><a href=#acknowledgments class=no-num>Acknowledgments</a></ol>
+ <li><a class=no-num href=#elements-1>Elements</a></li>
+ <li><a class=no-num href=#element-content-categories>Element content categories</a></li>
+ <li><a class=no-num href=#attributes-1>Attributes</a></li>
+ <li><a class=no-num href=#element-interfaces>Element Interfaces</a></li>
+ <li><a class=no-num href=#all-interfaces>All Interfaces</a></li>
+ <li><a class=no-num href=#events-0>Events</a></ol></li>
+ <li><a class=no-num href=#references>References</a></li>
+ <li><a class=no-num href=#acknowledgments>Acknowledgments</a></ol>
<!--end-toc-->
<hr>
@@ -1501,7 +1501,7 @@
Web platform specification stack relative to other specifications can be best summed up as
follows:</p>
- <p><img width=398 src=http://images.whatwg.org/abstract.png alt="It consists of everything else, above such core technologies as HTTP, URI/IRIs, DOM, XML, Unicode, and ECMAScript; below presentation-layer technologies like CSS and the NPAPI; and to the side of technologies like Geolocation, SVG, MathML, and XHR." height=359></p>
+ <p><img alt="It consists of everything else, above such core technologies as HTTP, URI/IRIs, DOM, XML, Unicode, and ECMAScript; below presentation-layer technologies like CSS and the NPAPI; and to the side of technologies like Geolocation, SVG, MathML, and XHR." height=359 src=http://images.whatwg.org/abstract.png width=398></p>
@@ -2053,7 +2053,7 @@
<p>Features in this specification which can be <dfn id=fingerprinting-vector title="fingerprinting vector">used to
fingerprint the user</dfn> are marked as this paragraph is.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>Other features in the platform can be used for the same purpose, though, including, though not
@@ -3244,7 +3244,7 @@
fingerprinting vector that increases the chances of users being uniquely identified, user agents
are encouraged to support the exact same set of <a href=#plugin title=plugin>plugins</a> for each
user.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
</div>
@@ -3584,7 +3584,7 @@
<p id=hardwareLimitations>User agents may impose implementation-specific limits on otherwise
unconstrained inputs, e.g. to prevent denial of service attacks, to guard against running out of
memory, or to work around platform-specific limitations.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>For compatibility with existing content and prior specifications, this specification describes
@@ -7604,7 +7604,7 @@
<li><p>Take ownership of the <a href=#storage-mutex>storage mutex</a>.</li>
<li><p>Update the cookies. <a href=#refsCOOKIES>[COOKIES]</a>
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</li>
<li><p>Release the <a href=#storage-mutex>storage mutex</a> so that it is once again free.</li>
@@ -9445,7 +9445,7 @@
throw a <code><a href=#securityerror>SecurityError</a></code> exception. Otherwise, the user agent must first <a href=#obtain-the-storage-mutex>obtain
the storage mutex</a> and then return the cookie-string for <a href="#the-document's-address">the document's address</a>
for a "non-HTTP" API, decoded using the <a href=#utf-8-decoder>UTF-8 decoder</a>. <a href=#refsCOOKIES>[COOKIES]</a>
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>On setting, if the document is a <a href=#cookie-averse-document-object>cookie-averse <code>Document</code> object</a>, then
@@ -10544,7 +10544,7 @@
<!-- The following image is decorative; the 'as follows' bit above refers to the paragraph after it, which entirely duplicates the content of
this image. So setting an alt="" on this would be bogus (indeed, it would be non-conforming and bad for accessibility.) -->
- <p><object width=1000 height=288 data=images/content-venn.svg><img width=512 src=http://images.whatwg.org/content-venn.png alt="" height=288></object></p>
+ <p><object data=images/content-venn.svg height=288 width=1000><img alt="" height=288 src=http://images.whatwg.org/content-venn.png width=512></object></p>
<p>Sectioning content, heading content, phrasing content, embedded content, and interactive
content are all types of flow content. Metadata is sometimes flow content. Metadata and
@@ -12013,7 +12013,7 @@
namely to align the text to the <i>start edge</i> of the paragraph, the resulting rendering could
be as follows:</p>
- <p><img width=366 src=http://images.whatwg.org/im.png alt="Each paragraph rendered as a separate block, with the paragraphs left-aligned except the second paragraph and the last one, which would be right aligned, with the usernames ('Student' and 'Teacher' in this example) flush right, with a colon to their left, and the text first to the left of that." height=157></p>
+ <p><img alt="Each paragraph rendered as a separate block, with the paragraphs left-aligned except the second paragraph and the last one, which would be right aligned, with the usernames ('Student' and 'Teacher' in this example) flush right, with a colon to their left, and the text first to the left of that." height=157 src=http://images.whatwg.org/im.png width=366></p>
<p>As noted earlier, the <code title=attr-dir-auto><a href=#attr-dir-auto>auto</a></code> value is not a panacea. The
final paragraph in this example is misinterpreted as being right-to-left text, since it begins
@@ -15741,7 +15741,7 @@
<code><a href=#the-section-element>section</a></code> element when it would make sense to syndicate the contents of the
element.</p>
- <p id=use-div-for-wrappers class=note>The <code><a href=#the-section-element>section</a></code> element is not a generic
+ <p class=note id=use-div-for-wrappers>The <code><a href=#the-section-element>section</a></code> element is not a generic
container element. When an element is needed only for styling purposes or as a convenience for
scripting, authors are encouraged to use the <code><a href=#the-div-element>div</a></code> element instead. A general rule is
that the <code><a href=#the-section-element>section</a></code> element is appropriate only if the element's contents would be
@@ -20640,7 +20640,7 @@
<p>This might be rendered as:</p>
- <p><img width=171 src=http://images.whatwg.org/sample-ruby-ja.png alt="The two main ideographs, each with its annotation in hiragana rendered in a smaller font above it." height=78></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://images.whatwg.org/sample-ruby-ja.png width=171></p>
</div>
@@ -20654,7 +20654,7 @@
<p>This might be rendered as:</p>
- <p><img width=78 src=http://images.whatwg.org/sample-ruby-bopomofo.png alt="The two main ideographs, each with its bopomofo annotation rendered in a smaller font next to it." height=100></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://images.whatwg.org/sample-ruby-bopomofo.png width=78></p>
</div>
@@ -20668,7 +20668,7 @@
<p>This might be rendered as:</p>
- <p><img width=173 src=http://images.whatwg.org/sample-ruby-pinyin.png alt="The two main ideographs, each with its pinyin annotation rendered in a smaller font above it." height=79></p>
+ <p><img alt="The two main ideographs, each with its pinyin annotation rendered in a smaller font above it." height=79 src=http://images.whatwg.org/sample-ruby-pinyin.png width=173></p>
</div>
@@ -22641,8 +22641,8 @@
<pre><h2>From today's featured article</h2>
<strong><img src="/uploads/100-marie-lloyd.jpg" alt="" width="100" height="150"></strong>
-<p><b><a href="/wiki/Marie_Lloyd">Marie Lloyd</a></b> (1870–1922)
-was an English <a href="/wiki/Music_hall">music hall</a> singer, …</pre>
+<p><b><a href="/wiki/Marie_Lloyd">Marie Lloyd</a></b> (1870–1922)
+was an English <a href="/wiki/Music_hall">music hall</a> singer, ...</pre>
</div>
@@ -22678,7 +22678,7 @@
<li>
- <p>The users' zoom level might different from one another, or might change for a single user over time.</p>
+ <p>The users' zoom level might be different from one another, or might change for a single user over time.</p>
<p class=example>A user might zoom in to a particular image to be able to get a more detailed look.</p>
@@ -22802,8 +22802,8 @@
<img <strong>src="/uploads/100-marie-lloyd.jpg"</strong>
<strong>srcset="/uploads/150-marie-lloyd.jpg 1.5x, /uploads/200-marie-lloyd.jpg 2x"</strong>
alt="" width="100" height="150">
-<p><b><a href="/wiki/Marie_Lloyd">Marie Lloyd</a></b> (1870–1922)
-was an English <a href="/wiki/Music_hall">music hall</a> singer, …</pre>
+<p><b><a href="/wiki/Marie_Lloyd">Marie Lloyd</a></b> (1870–1922)
+was an English <a href="/wiki/Music_hall">music hall</a> singer, ...</pre>
<p>The user agent can choose any of the given resources depending on
the user's screen's pixel density, zoom level, and possibly other factors such as the user's network conditions.</p>
@@ -22916,7 +22916,7 @@
<p>In this example, the Web page has three layouts depending on the width of the viewport.
The narrow layout has one column of images (the width of each image is about 100%),
- the middle layout has two colummns of images (the width of each image is about 50%),
+ the middle layout has two columns of images (the width of each image is about 50%),
and the widest layout has three columns of images, and some page margin (the width of each image is about 33%).
It breaks between these layouts when the viewport is <code title="">30em</code> wide and <code title="">50em</code> wide, respectively.</p>
@@ -22966,8 +22966,8 @@
<source srcset="/uploads/100-marie-lloyd.jxr" <strong>type="image/vnd.ms-photo"</strong>>
<img src="/uploads/100-marie-lloyd.jpg" alt="" width="100" height="150">
</picture>
-<p><b><a href="/wiki/Marie_Lloyd">Marie Lloyd</a></b> (1870–1922)
-was an English <a href="/wiki/Music_hall">music hall</a> singer, …</pre>
+<p><b><a href="/wiki/Marie_Lloyd">Marie Lloyd</a></b> (1870–1922)
+was an English <a href="/wiki/Music_hall">music hall</a> singer, ...</pre>
<p>In this example, the user agent will choose the first source that has
a <code title=attr-picture-source-type><a href=#attr-picture-source-type>type</a></code> attribute with a supported MIME type.
@@ -22989,7 +22989,7 @@
<dl>
- <dt>Media Queries <a href=#refsMQ>[MQ]</a></dt>
+ <dt>Media Queries <a href=#refsMQ>[MQ]</a> <span class=XXX>Correct reference is <a href=http://dev.w3.org/csswg/mediaqueries-4/>http://dev.w3.org/csswg/mediaqueries-4/</a></span></dt>
<dd><dfn id=media-condition><media-condition></dfn></dd>
@@ -30119,7 +30119,7 @@
<a href=#media-resource>media resource</a>. In the even rarer case of a <a href=#media-resource>media resource</a> with no
explicit timings of any kind, not even frame durations, the user agent must itself determine the
time for each frame in a user-agent-defined manner.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p class=note>An example of a file format with no explicit timeline but with explicit frame
@@ -34323,7 +34323,7 @@
score. Suppose a robotics competition was being streamed live. The image could be overlayed with
the scores, as follows:</p>
- <p><iframe width=600 src='data:text/html;charset=utf-8,<!DOCTYPE%20html>%0A<style>%0A%20body%2C%20html%20%7B%20margin%3A%200%3B%20padding%3A%200%3B%20overflow%3A%20hidden%3B%20%7D%0A%20div%20%7B%20width%3A%20600px%3B%20height%3A%20400px%3B%20position%3A%20relative%3B%20%7D%0A%20p%20%7B%20position%3A%20absolute%3B%20top%3A%200%3B%20margin%3A%200.25em%3B%20font%3A%20small-caps%20900%202em%20sans-serif%3B%20text-shadow%3A%20white%200%200%204px%3B%20%7D%0A%20span%20%7B%20display%3A%20block%3B%20%7D%0A%20.left%20%7B%20color%3A%20red%3B%20left%3A%200%3B%20text-align%3A%20left%3B%20%7D%0A%20.right%20%7B%20color%3A%20blue%3B%20right%3A%200%3B%20text-align%3A%20right%3B%20%7D%0A%20.middle%20%7B%20color%3A%20white%3B%20top%3A%20auto%3B%20bottom%3A%200%3B%20left%3A%200%3B%20right%3A%200%3B%20text-align%3A%20center%3B%20text-shadow%3A%20black%200%200%204px%3B%20%7D%0A%20.middle%20span%20%7B%20display%3A%20inline-block%3B%20margin%3A%200%201em%3B%20font-size%3A%200.75em%3B%20text-trans
form%3A%20uppercase%3B%20%7D%0A<%2Fstyle>%0A<div>%0A%20<img%20src%3D"http%3A%2F%2Fwww.whatwg.org%2Fspecs%2Fweb-apps%2Fcurrent-work%2Fimages%2Frobots.jpeg">%0A%20<p%20class%3D"score%20left"><span>Red%20Alliance<%2Fspan>%20<span>78<%2Fspan><%2Fp>%0A%20<p%20class%3D"score%20right"><span>Blue%20Alliance<%2Fspan>%20<span>66<%2Fspan><%2Fp>%0A%20<p%20class%3D"score%20middle"><span>Qual%20Match%2037<%2Fspan>%20<span>Friday%2014%3A21<%2Fspan>%0A<%2Fdiv>' height=400></iframe>
+ <p><iframe height=400 src='data:text/html;charset=utf-8,<!DOCTYPE%20html>%0A<style>%0A%20body%2C%20html%20%7B%20margin%3A%200%3B%20padding%3A%200%3B%20overflow%3A%20hidden%3B%20%7D%0A%20div%20%7B%20width%3A%20600px%3B%20height%3A%20400px%3B%20position%3A%20relative%3B%20%7D%0A%20p%20%7B%20position%3A%20absolute%3B%20top%3A%200%3B%20margin%3A%200.25em%3B%20font%3A%20small-caps%20900%202em%20sans-serif%3B%20text-shadow%3A%20white%200%200%204px%3B%20%7D%0A%20span%20%7B%20display%3A%20block%3B%20%7D%0A%20.left%20%7B%20color%3A%20red%3B%20left%3A%200%3B%20text-align%3A%20left%3B%20%7D%0A%20.right%20%7B%20color%3A%20blue%3B%20right%3A%200%3B%20text-align%3A%20right%3B%20%7D%0A%20.middle%20%7B%20color%3A%20white%3B%20top%3A%20auto%3B%20bottom%3A%200%3B%20left%3A%200%3B%20right%3A%200%3B%20text-align%3A%20center%3B%20text-shadow%3A%20black%200%200%204px%3B%20%7D%0A%20.middle%20span%20%7B%20display%3A%20inline-block%3B%20margin%3A%200%201em%3B%20font-size%3A%200.75em%3B%20text-tran
sform%3A%20uppercase%3B%20%7D%0A<%2Fstyle>%0A<div>%0A%20<img%20src%3D"http%3A%2F%2Fwww.whatwg.org%2Fspecs%2Fweb-apps%2Fcurrent-work%2Fimages%2Frobots.jpeg">%0A%20<p%20class%3D"score%20left"><span>Red%20Alliance<%2Fspan>%20<span>78<%2Fspan><%2Fp>%0A%20<p%20class%3D"score%20right"><span>Blue%20Alliance<%2Fspan>%20<span>66<%2Fspan><%2Fp>%0A%20<p%20class%3D"score%20middle"><span>Qual%20Match%2037<%2Fspan>%20<span>Friday%2014%3A21<%2Fspan>%0A<%2Fdiv>' width=600></iframe>
<p>In order to make the score display render correctly whenever the user seeks to an arbitrary
point in the video, the metadata text track cues need to be as long as is appropriate for the
@@ -35749,7 +35749,7 @@
<p>Consider an image that looks as follows:</p>
- <p><img width=600 src=http://images.whatwg.org/sample-usemap.png 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></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://images.whatwg.org/sample-usemap.png width=600></p>
<p>If we wanted just the colored areas to be clickable, we could do it as follows:</p>
@@ -39188,7 +39188,7 @@
<p>The remaining headers apply just to the cells to the right of them.</p>
<!-- image source: http://software.hixie.ch/utilities/js/live-dom-viewer/saved/151 -->
- <img width=459 src=http://images.whatwg.org/table-scope-diagram.png alt="" height=256><!-- (alt is empty because the diagram is completely described by the previous paragraphs) -->
+ <img alt="" height=256 src=http://images.whatwg.org/table-scope-diagram.png width=459><!-- (alt is empty because the diagram is completely described by the previous paragraphs) -->
</div>
@@ -41860,15 +41860,15 @@
<p>This might render as follows:</p>
- <p><img src=http://images.whatwg.org/sample-table-sortable-1.png width=418 alt="The table as marked above, but with the column headers having interactive affordances to select which column to sort by, the first being already selected." height=109>
+ <p><img alt="The table as marked above, but with the column headers having interactive affordances to select which column to sort by, the first being already selected." height=109 src=http://images.whatwg.org/sample-table-sortable-1.png width=418>
<p>If the user activates the second column, the table might change as follows:</p>
- <p><img src=http://images.whatwg.org/sample-table-sortable-2.png width=414 alt="The same table, but with the second column header's interactive affordance marked as selected, with the IP addresses sorted in numeric order (first the rows with the address ending in '3', then the row with the address ending in '29', and finally the row with the address ending in '199'." height=109>
+ <p><img alt="The same table, but with the second column header's interactive affordance marked as selected, with the IP addresses sorted in numeric order (first the rows with the address ending in '3', then the row with the address ending in '29', and finally the row with the address ending in '199'." height=109 src=http://images.whatwg.org/sample-table-sortable-2.png width=414>
<p>If the user activates the second column again, reversing the sort order, it might change as follows:</p>
- <p><img src=http://images.whatwg.org/sample-table-sortable-3.png width=414 alt="The same table, but with the second column header's interactive affordance marked as selected and reversed, with the IP addresses sorted in reverse numeric order (first the row with the address ending in '199', then the row with the address ending in '29', and finally the rows with the address ending in '3'." height=109>
+ <p><img alt="The same table, but with the second column header's interactive affordance marked as selected and reversed, with the IP addresses sorted in reverse numeric order (first the row with the address ending in '199', then the row with the address ending in '29', and finally the rows with the address ending in '3'." height=109 src=http://images.whatwg.org/sample-table-sortable-3.png width=414>
@@ -43410,7 +43410,7 @@
<p>The following table <span class=impl>is non-normative and</span> summarizes which of those
content attributes, IDL attributes, methods, and events <a href=#concept-input-apply title=concept-input-apply>apply</a> to each state:</p>
- <table id=input-type-attr-summary class=applies>
+ <table class=applies id=input-type-attr-summary>
<thead>
<tr>
<th>
@@ -45151,7 +45151,7 @@
<code>http://www.w3.org/TR/XForms/</code> in the recent past, then the rendering might look like
this:</p>
- <p><img width=472 src=http://images.whatwg.org/sample-url.png 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 URLs on the left, with the first four having grayed out labels on the right; and a scroll bar to the right of the drop down box, indicating further values are available.' height=134></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 URLs on the left, with the first four having grayed out labels on the right; and a scroll bar to the right of the drop down box, indicating further values are available.' height=134 src=http://images.whatwg.org/sample-url.png width=472></p>
<p>The first four URLs in this sample consist of the four URLs in the author-specified list that
match the text the user has entered, sorted in some UA-defined manner (maybe by how frequently
@@ -45583,7 +45583,7 @@
</div>
- <div id=only-contemporary-times class=note>
+ <div class=note id=only-contemporary-times>
<p>The <a href="#date-and-time-state-(type=datetime)" title=attr-input-type-datetime>Date and Time</a> state (and other date- and
time-related states described in subsequent sections) is not intended for the entry of values for
@@ -46686,7 +46686,7 @@
<p>...might render as:</p>
- <p><img width=49 src=http://images.whatwg.org/sample-range.png 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>
+ <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://images.whatwg.org/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 similarly derived from the
@@ -46706,11 +46706,11 @@
<p>A user agent could display in a variety of ways, for instance:</p>
- <p><img width=231 src=http://images.whatwg.org/sample-range-2a.png alt="As a dial." height=57></p>
+ <p><img alt="As a dial." height=57 src=http://images.whatwg.org/sample-range-2a.png width=231></p>
<p>Or, alternatively, for instance:</p>
- <p><img width=445 src=http://images.whatwg.org/sample-range-2b.png alt="As a long horizontal slider with tick marks." height=56></p>
+ <p><img alt="As a long horizontal slider with tick marks." height=56 src=http://images.whatwg.org/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 maintain the same resolution for the tick marks, despite the
@@ -46731,7 +46731,7 @@
<p>With styles that make the control draw vertically, it might look as follows:</p>
- <p><img width=103 src=http://images.whatwg.org/sample-range-labels.png alt="A vertical slider control with two tick marks, one near the top labeled 'High', and one near the bottom labeled 'Low'." height=164>
+ <p><img alt="A vertical slider control with two tick marks, one near the top labeled 'High', and one near the bottom labeled 'Low'." height=164 src=http://images.whatwg.org/sample-range-labels.png width=103>
</div>
@@ -46849,7 +46849,7 @@
<p>With appropriate styling, this might look like:</p>
- <img src=http://images.whatwg.org/sample-range-multiple.png alt="A control group with the label 'Outbound flight time', showing a drop-down that lets you select Departure vs Arrival, a two-handled range control that lets you set the start and end time of the range, and a label showing the currently selected times.">
+ <img alt="A control group with the label 'Outbound flight time', showing a drop-down that lets you select Departure vs Arrival, a two-handled range control that lets you set the start and end time of the range, and a label showing the currently selected times." src=http://images.whatwg.org/sample-range-multiple.png>
</div>
@@ -47464,7 +47464,7 @@
not be in an expected format even if the user is not hostile and the user agent fully obeyed the
<code title=attr-input-accept><a href=#attr-input-accept>accept</a></code> attribute's requirements.</p>
- <div id=fakepath-srsly class=example>
+ <div class=example id=fakepath-srsly>
<p>For historical reasons, the <code title=dom-input-value><a href=#dom-input-value>value</a></code> IDL attribute prefixes
the file name with the string "<code title="">C:\fakepath\</code>". Some legacy user agents
@@ -47579,7 +47579,7 @@
attribute, the button's label must be the value of that attribute; otherwise, it must be an
implementation-defined string that means "Submit" or some such.</span> The element is a <a href=#concept-button title=concept-button>button</a>, specifically a <a href=#concept-submit-button title=concept-submit-button>submit
button</a>.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<div class=impl>
@@ -47914,7 +47914,7 @@
the form. <span class=impl>If the element has a <code title=attr-input-value><a href=#attr-input-value>value</a></code>
attribute, the button's label must be the value of that attribute; otherwise, it must be an
implementation-defined string that means "Reset" or some such.</span> The element is a <a href=#concept-button title=concept-button>button</a>.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<div class=impl>
@@ -48299,7 +48299,7 @@
HTML, since the image is redundant with the previous paragraph. In particular, just describing
the image would be especially bad for accessibility as it would be disorienting, there having
been no mention that an image is present. -->
- <p><img width=500 src=http://images.whatwg.org/sample-email-1.png alt="" height=140></p>
+ <p><img alt="" height=140 src=http://images.whatwg.org/sample-email-1.png width=500></p>
<p>The page could also link in the user's contacts database from the site:</p>
@@ -48320,7 +48320,7 @@
<!-- As above, having a non-empty alt="" attribute on the following image would be dumb, which is
why it's left blank. The pertinent parts of the image are already described in the prose, and the
non-pertinent parts aren't relevant to users who can't see the image, obviously. -->
- <p><img width=500 src=http://images.whatwg.org/sample-email-2.png alt="" height=171></p>
+ <p><img alt="" height=171 src=http://images.whatwg.org/sample-email-2.png width=500></p>
</div>
@@ -51835,7 +51835,7 @@
</li>
</ul></pre>
<p>Might be rendered as follows:</p>
- <p><img width=332 src=http://images.whatwg.org/sample-meter.png alt="With the <meter> elements rendered as inline green bars of varying lengths." height=178></p>
+ <p><img alt="With the <meter> elements rendered as inline green bars of varying lengths." height=178 src=http://images.whatwg.org/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=#attr-title>title</a></code> attribute and the other attributes to provide context-sensitive
@@ -53156,7 +53156,7 @@
<td>Sir Timothy John Berners-Lee, OM, KBE, FRS, FREng, FRSA
<td><a href=#control-group-text title="Control Group Text">Text</a>
<tr>
- <td rowspan=5 class=non-rectangular-cell-indentation>
+ <td class=non-rectangular-cell-indentation rowspan=5>
<td colspan=3>"<dfn id=attr-fe-autocomplete-honorific-prefix title=attr-fe-autocomplete-honorific-prefix><code>honorific-prefix</code></dfn>"
<td>Prefix or title (e.g. "Mr.", "Ms.", "Dr.", "<span lang=fr title="">M<sup>lle</sup></span>")
<td>Free-form text, no newlines
@@ -53231,7 +53231,7 @@
MIT Room 32-G524
<td><a href=#control-group-multiline title="Control Group Multiline">Multiline</a>
<tr>
- <td rowspan=3 class=non-rectangular-cell-indentation>
+ <td class=non-rectangular-cell-indentation rowspan=3>
<td colspan=3>"<dfn id=attr-fe-autocomplete-address-line1 title=attr-fe-autocomplete-address-line1><code>address-line1</code></dfn>"
<td rowspan=3>Street address (one line per field)
<td>Free-form text, no newlines
@@ -53304,7 +53304,7 @@
<td>Tim Berners-Lee
<td><a href=#control-group-text title="Control Group Text">Text</a>
<tr>
- <td rowspan=3 class=non-rectangular-cell-indentation>
+ <td class=non-rectangular-cell-indentation rowspan=3>
<td colspan=3>"<dfn id=attr-fe-autocomplete-cc-given-name title=attr-fe-autocomplete-cc-given-name><code>cc-given-name</code></dfn>"
<td>Given name as given on the payment instrument (in some Western cultures, also known as the <i>first name</i>)
<td>Free-form text, no newlines
@@ -53335,7 +53335,7 @@
<td>2014-12
<td><a href=#control-group-month title="Control Group Month">Month</a>
<tr>
- <td rowspan=2 class=non-rectangular-cell-indentation>
+ <td class=non-rectangular-cell-indentation rowspan=2>
<td colspan=3>"<dfn id=attr-fe-autocomplete-cc-exp-month title=attr-fe-autocomplete-cc-exp-month><code>cc-exp-month</code></dfn>"
<td>Month component of the expiration date of the payment instrument
<td><a href=#valid-integer>Valid integer</a> in the range 1..12
@@ -53373,7 +53373,7 @@
<td>1955-06-08
<td><a href=#control-group-date title="Control Group Date">Date</a>
<tr>
- <td rowspan=3 class=non-rectangular-cell-indentation>
+ <td class=non-rectangular-cell-indentation rowspan=3>
<td colspan=3>"<dfn id=attr-fe-autocomplete-bday-day title=attr-fe-autocomplete-bday-day><code>bday-day</code></dfn>"
<td>Day component of birthday
<td><a href=#valid-integer>Valid integer</a> in the range 1..31
@@ -53417,7 +53417,7 @@
<td>+1 617 253 5702
<td><a href=#control-group-tel title="Control Group Tel">Tel</a>
<tr>
- <td rowspan=6 class=non-rectangular-cell-indentation>
+ <td class=non-rectangular-cell-indentation rowspan=6>
<td colspan=3>"<dfn id=attr-fe-autocomplete-tel-country-code title=attr-fe-autocomplete-tel-country-code><code>tel-country-code</code></dfn>"
<td>Country code component of the telephone number
<td><a href=#ascii-digits>ASCII digits</a> prefixed by a U+002B PLUS SIGN character (+)
@@ -53430,7 +53430,7 @@
<td>617 253 5702
<td><a href=#control-group-text title="Control Group Text">Text</a>
<tr>
- <td rowspan=4 class=non-rectangular-cell-indentation>
+ <td class=non-rectangular-cell-indentation rowspan=4>
<td colspan=2>"<dfn id=attr-fe-autocomplete-tel-area-code title=attr-fe-autocomplete-tel-area-code><code>tel-area-code</code></dfn>"
<td>Area code component of the telephone number, with a country-internal prefix applied if applicable
<td><a href=#ascii-digits>ASCII digits</a>
@@ -53443,7 +53443,7 @@
<td>2535702
<td><a href=#control-group-text title="Control Group Text">Text</a>
<tr>
- <td rowspan=2 class=non-rectangular-cell-indentation>
+ <td class=non-rectangular-cell-indentation rowspan=2>
<td>"<dfn id=attr-fe-autocomplete-tel-local-prefix title=attr-fe-autocomplete-tel-local-prefix><code>tel-local-prefix</code></dfn>"
<td>First part of the component of the telephone number that follows the area code, when that component is split into two components
<td><a href=#ascii-digits>ASCII digits</a>
@@ -54058,13 +54058,13 @@
<p>This might render as follows:</p>
- <p><img src=http://images.whatwg.org/select-country-1.png alt="A drop-down control with a long alphabetical list of countries."></p>
+ <p><img alt="A drop-down control with a long alphabetical list of countries." src=http://images.whatwg.org/select-country-1.png></p>
<p>Suppose that on the first visit to this page, the user selects "Zambia". On the second visit,
the user agent could duplicate the entry for Zambia at the top of the list, so that the interface
instead looks like this:</p>
- <p><img src=http://images.whatwg.org/select-country-2.png alt="The same drop-down control with the alphabetical list of countries, but with Zambia as an entry at the top."></p>
+ <p><img alt="The same drop-down control with the alphabetical list of countries, but with Zambia as an entry at the top." src=http://images.whatwg.org/select-country-2.png></p>
</div>
@@ -56578,7 +56578,7 @@
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 width=345 src=http://images.whatwg.org/sample-details-1.png alt="" height=611><img width=345 src=http://images.whatwg.org/sample-details-2.png alt="" height=666></p>
+ <p class=details-example><img alt="" height=611 src=http://images.whatwg.org/sample-details-1.png width=345><img alt="" height=666 src=http://images.whatwg.org/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 ideal.</p>
@@ -56844,7 +56844,7 @@
<p>In a supporting user agent, this might look like this (assuming the user has just activated the
second button):</p>
- <p><img width=303 src=http://images.whatwg.org/sample-toolbar-1.png 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></p>
+ <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://images.whatwg.org/sample-toolbar-1.png width=303></p>
</div>
@@ -57233,12 +57233,12 @@
<p>When a user of a mouse-operated visual Web browser right-clicks on the image, the browser
might pop up a context menu like this:</p>
- <p><img src=http://images.whatwg.org/contextmenu-collapsed.png alt="A context menu, shown over a picture of cats, with four lines: the first two offering the menu items described in the markup above ('Pet the kittens' and 'Cuddle with the kittens'), the third giving a submenu labeled 'Feed the kittens', and the fourth, after a horizontal splitter, consisting of only a downwards-pointing disclosure triangle.">
+ <p><img alt="A context menu, shown over a picture of cats, with four lines: the first two offering the menu items described in the markup above ('Pet the kittens' and 'Cuddle with the kittens'), the third giving a submenu labeled 'Feed the kittens', and the fourth, after a horizontal splitter, consisting of only a downwards-pointing disclosure triangle." src=http://images.whatwg.org/contextmenu-collapsed.png>
<p>When the user clicks the disclosure triangle, such a user agent would expand the context menu
in place, to show the browser's own commands:</p>
- <p><img src=http://images.whatwg.org/contextmenu-expanded.png alt="This would result in the same basic interface, but with a longer menu; the disclosure triangle having been replaced by items such as 'View Image', 'Copy Image', 'Copy Image Location', and so forth.">
+ <p><img alt="This would result in the same basic interface, but with a longer menu; the disclosure triangle having been replaced by items such as 'View Image', 'Copy Image', 'Copy Image Location', and so forth." src=http://images.whatwg.org/contextmenu-expanded.png>
</div>
@@ -62043,7 +62043,7 @@
attribute's allowed keywords correspond to alignment points in the
font:</p>
- <p><img width=738 src=http://images.whatwg.org/baselines.png alt="The top of the em square is roughly at the top of the glyphs in a font, the hanging baseline is where some glyphs like आ are anchored, the middle is half-way between the top of the em square and the bottom of the em square, the alphabetic baseline is where characters like Á, ÿ, f, and Ω are anchored, the ideographic baseline is where glyphs like 私 and 達 are anchored, and the bottom of the em square is roughly at the bottom of the glyphs in a font. The top and bottom of the bounding box can be far from these baselines, due to glyphs extending far outside the em square." height=300></p>
+ <p><img alt="The top of the em square is roughly at the top of the glyphs in a font, the hanging baseline is where some glyphs like आ are anchored, the middle is half-way between the top of the em square and the bottom of the em square, the alphabetic baseline is where characters like Á, ÿ, f, and Ω are anchored, the ideographic baseline is where glyphs like 私 and 達 are anchored, and the bottom of the em square is roughly at the bottom of the glyphs in a font. The top and bottom of the bounding box can be far from these baselines, due to glyphs extending far outside the em square." height=300 src=http://images.whatwg.org/baselines.png width=738></p>
<p>The keywords map to these alignment points as follows:</p>
@@ -62347,9 +62347,9 @@
<figure class=diagrams>
<!-- if anyone wants to try writing alternative text for these,
be my guest. I can't work out how to describe them. -->
- <img width=357 src=http://images.whatwg.org/arcTo1.png alt="" height=254>
- <img width=468 src=http://images.whatwg.org/arcTo2.png alt="" height=310>
- <img width=513 src=http://images.whatwg.org/arcTo3.png alt="" height=233>
+ <img alt="" height=254 src=http://images.whatwg.org/arcTo1.png width=357>
+ <img alt="" height=310 src=http://images.whatwg.org/arcTo2.png width=468>
+ <img alt="" height=233 src=http://images.whatwg.org/arcTo3.png width=513>
</figure>
<!--
@@ -62506,7 +62506,7 @@
<figure class=diagrams>
<!-- if anyone wants to try writing alternative text for this, be my guest. I can't work out how to describe it. -->
- <img width=590 src=http://images.whatwg.org/arc1.png alt="" height=255>
+ <img alt="" height=255 src=http://images.whatwg.org/arc1.png width=590>
</figure>
<!--
@@ -63107,7 +63107,7 @@
according to the even-odd fill rule, are filled in both shapes simultaneously: where they
overlap. As such, the subpaths from the two glyphs actually cross each other.</p>
- <p><img src=http://images.whatwg.org/Qp-overlap.png alt=""></p> <!-- this image repeats the previous paragraph,
+ <p><img alt="" src=http://images.whatwg.org/Qp-overlap.png></p> <!-- this image repeats the previous paragraph,
so alternative text would be redundant -->
<!--
c.clearRect(0, 0, 640, 480);
@@ -63128,7 +63128,7 @@
inside of the "Q", and one for inside of the "p"). This single path would have no subpaths that
cross each other.</p>
- <p><img src=http://images.whatwg.org/Qp-overlap-outline.png alt=""></p> <!-- this image again repeats the
+ <p><img alt="" src=http://images.whatwg.org/Qp-overlap-outline.png></p> <!-- this image again repeats the
previous paragraph, so alternative text would be redundant -->
<!-- this is just an edge-detected version of the previous image -->
@@ -64204,7 +64204,7 @@
<!--REMOVE-TOPIC:Security-->
Otherwise, it must return the new <code><a href=#textmetrics>TextMetrics</a></code> object.
<a href=#refsCSS>[CSS]</a>
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
</div>
@@ -64680,7 +64680,7 @@
</div>
- <div id=drawCustomFocusRingExample class=example>
+ <div class=example id=drawCustomFocusRingExample>
<p>This <code><a href=#the-canvas-element>canvas</a></code> element has a couple of checkboxes. The path-related commands are
highlighted:</p>
@@ -64791,7 +64791,7 @@
<p>Draws the given image onto the canvas. The arguments are
interpreted as follows:</p>
- <p><img width=356 src=http://images.whatwg.org/drawImage.png alt="The sx and sy parameters give the x and y coordinates of the source rectangle; the sw and sh arguments give the width and height of the source rectangle; the dx and dy give the x and y coordinates of the destination rectangle; and the dw and dh arguments give the width and height of the destination rectangle." height=356></p>
+ <p><img alt="The sx and sy parameters give the x and y coordinates of the source rectangle; the sw and sh arguments give the width and height of the source rectangle; the dx and dy give the x and y coordinates of the destination rectangle; and the dw and dh arguments give the width and height of the destination rectangle." height=356 src=http://images.whatwg.org/drawImage.png width=356></p>
<p>If the image isn't yet fully decoded, then nothing is drawn. If the image is a canvas with no
data, throws an <code><a href=#invalidstateerror>InvalidStateError</a></code> exception.</p>
@@ -66417,7 +66417,7 @@
<p>The 2D rendering context for <code><a href=#the-canvas-element>canvas</a></code> is often used for sprite-based games. The
following example demonstrates this:</p>
- <iframe width=396 src=/demos/canvas/blue-robot/index-idle.html height=216></iframe>
+ <iframe height=216 src=/demos/canvas/blue-robot/index-idle.html width=396></iframe>
<p>Here is the source for this example:</p>
@@ -72046,7 +72046,7 @@
would have as its children the various links and text fields, as well as the dialog. The dialog
itself would have as its children the text field and the button.</p>
- <p><img src=http://images.whatwg.org/focus-tree.png alt=""> <!-- purely decorative: it repeats the previous
+ <p><img alt="" src=http://images.whatwg.org/focus-tree.png> <!-- purely decorative: it repeats the previous
paragraph, in graphical form -->
<p>If the widget with <i>focus</i> in this example was the text field in the dialog box, then key
@@ -72085,7 +72085,7 @@
<tbody>
<tr>
- <th headers=th-fa-area id=td-fa-1 class=data-header>
+ <th class=data-header headers=th-fa-area id=td-fa-1>
Elements that have their <a href=#specially-focusable>tabindex focus flag</a> set, that are not <a href=#concept-element-disabled title=concept-element-disabled>actually disabled</a>, that are not <a href=#expressly-inert-control title="expressly inert control">expressly inert</a>, and that are either <a href=#being-rendered>being
rendered</a> or <a href=#being-used-as-relevant-canvas-fallback-content>being used as relevant canvas fallback content</a>. <!--
CANVAS-FOCUS-FALLBACK -->
@@ -72099,7 +72099,7 @@
<tbody>
<tr>
- <th headers=th-fa-area id=td-fa-2 class=data-header>
+ <th class=data-header headers=th-fa-area id=td-fa-2>
The shapes of <code><a href=#the-area-element>area</a></code> elements in an <a href=#image-map>image map</a> associated with an
<code><a href=#the-img-element>img</a></code> element that is <a href=#being-rendered>being rendered</a> and is not <a href=#expressly-inert-control title="expressly
inert control">expressly inert</a>.
@@ -72120,7 +72120,7 @@
<tbody>
<tr>
- <th headers=th-fa-area id=td-fa-3 class=data-header>
+ <th class=data-header headers=th-fa-area id=td-fa-3>
The user-agent provided subwidgets of elements that are <a href=#being-rendered>being rendered</a> and are not
<a href=#concept-element-disabled title=concept-element-disabled>actually disabled</a> or <a href=#expressly-inert-control title="expressly
inert control">expressly inert</a>.
@@ -72137,7 +72137,7 @@
<tbody>
<tr>
- <th headers=th-fa-area id=td-fa-4 class=data-header>
+ <th class=data-header headers=th-fa-area id=td-fa-4>
The scrollable regions of elements that are <a href=#being-rendered>being rendered</a> are not <a href=#expressly-inert-control title="expressly inert control">expressly inert</a>. <!-- the being rendered part is kinda
redundant, a scrollable region is a box generated for the element so by definition if the
element has a scrollable region it is being rendered -->
@@ -72150,7 +72150,7 @@
<tbody>
<tr>
- <th headers=th-fa-area id=td-fa-5 class=data-header>
+ <th class=data-header headers=th-fa-area id=td-fa-5>
The viewport of a <code><a href=#document>Document</a></code> that is in a <a href=#browsing-context>browsing context</a> and is not
<a href=#inert>inert</a>.
<td headers="td-fa-5 th-fa-dom-rep">
@@ -72161,7 +72161,7 @@
<tbody>
<tr>
- <th headers=th-fa-area id=td-fa-6 class=data-header>
+ <th class=data-header headers=th-fa-area id=td-fa-6>
Any other element or part of an element, especially to aid with accessibility or to better
match platform conventions.
<td headers="td-fa-6 th-fa-dom-rep">
@@ -73480,7 +73480,7 @@
key that corresponds to the value given in the attribute, can be used as the access key, then
the user agent may assign that combination of keys as the element's <a href=#assigned-access-key>assigned access
key</a> and abort these steps.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</li>
</ol>
@@ -80589,7 +80589,7 @@
attributes to the <code><a href=#the-embed-element>embed</a></code> element, e.g. to link to a style sheet or a binding, or
to give the document a <code><a href=#the-title-element>title</a></code>.</p>
- <p id=sandboxPluginNavigate class=note>If the <code><a href=#document>Document</a></code>'s <a href=#active-sandboxing-flag-set>active sandboxing
+ <p class=note id=sandboxPluginNavigate>If the <code><a href=#document>Document</a></code>'s <a href=#active-sandboxing-flag-set>active sandboxing
flag set</a> has its <a href=#sandboxed-plugins-browsing-context-flag>sandboxed plugins browsing context flag</a> set, the synthesized
<code><a href=#the-embed-element>embed</a></code> element will <a href=#sandboxPluginEmbed>fail to render the content</a> if
the relevant <a href=#plugin>plugin</a> cannot be <a href=#concept-plugin-secure title=concept-plugin-secure>secured</a>.</p>
@@ -83545,7 +83545,7 @@
<li>The user has not disabled scripting for this <a href=#browsing-context>browsing context</a> at this time.
(User agents may provide users with the option to disable scripting globally, or in a
finer-grained manner, e.g. on a per-origin basis.)
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</li>
<li id=sandboxScriptBlocked>The <a href=#browsing-context>browsing context</a>'s <a href=#active-document>active document</a>'s
@@ -84049,7 +84049,7 @@
<li><p>Let <var title="">message</var> be a user-agent-defined string describing the error in a
helpful manner.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</li>
<li><p>Let <var title="">error object</var> be the object that represents the error: in the case
@@ -86994,7 +86994,7 @@
profile the user. In fact, if enough such information is available, a user can actually be
uniquely identified. For this reason, user agent implementors are strongly urged to include as
little information in this API as possible.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
</div>
@@ -87073,7 +87073,7 @@
<li>Any information in this API that varies from user to user can be used to profile or identify
the user.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</li>
<li>If the user is not using a service that obfuscates the user's point of origin (e.g. the Tor
@@ -87089,7 +87089,7 @@
<p>To avoid introducing any more fingerprinting vectors, user agents should use the same list for
the APIs defined in this function as for the HTTP <code title=http-accept-language>Accept-Language</code> header.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
</div>
@@ -87412,7 +87412,7 @@
state of the handler described by the two arguments to the method, where the first argument gives
the scheme and the second gives the string used to build the <a href=#url>URL</a> of the page that
will handle the requests.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The first argument must be compared to the schemes for which custom protocol handlers are
@@ -87429,7 +87429,7 @@
state of the handler described by the two arguments to the method, where the first argument gives
the <a href=#mime-type>MIME type</a> and the second gives the string used to build the <a href=#url>URL</a> of
the page that will handle the requests.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The first argument must be compared to the <a href=#mime-type title="MIME type">MIME types</a> for which
@@ -87651,7 +87651,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 width=534 src=http://images.whatwg.org/sample-content-handler-registration.png 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></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://images.whatwg.org/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 that page, "application/x-meowmeow" is the string that
@@ -87665,7 +87665,7 @@
<p>When the user then attempts to fetch a URL that uses the "application/x-meowmeow" <a href=#mime-type>MIME
type</a>, then it might display a dialog as follows:</p>
- <p><img width=577 src=http://images.whatwg.org/sample-content-handler.png 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 labeled 'Always do this for resources using the "application/x-meowmeow" type in future.', and with two buttons, 'Ok' and 'Cancel'." height=428></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 labeled 'Always do this for resources using the "application/x-meowmeow" type in future.', and with two buttons, 'Ok' and 'Cancel'." height=428 src=http://images.whatwg.org/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>
@@ -87916,13 +87916,13 @@
<p>The <a href=#supported-property-indices>supported property indices</a> of a <code><a href=#pluginarray>PluginArray</a></code> object are the
numbers from zero to the number of non-<a href=#hidden-plugin title="hidden plugin">hidden</a> <a href=#plugin title=plugin>plugins</a> represented by the object, if any.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The <dfn id=dom-pluginarray-length title=dom-PluginArray-length><code>length</code></dfn> attribute must return the
number of non-<a href=#hidden-plugin title="hidden plugin">hidden</a> <a href=#plugin title=plugin>plugins</a>
represented by the object.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The <dfn id=dom-pluginarray-item title=dom-PluginArray-item><code>item()</code></dfn> method of a
@@ -87941,14 +87941,14 @@
</ol>
- <p class=note>It is important <a href=#fingerprinting-vector class=no-backref title="fingerprinting vector">for
+ <p class=note>It is important <a class=no-backref href=#fingerprinting-vector title="fingerprinting vector">for
privacy</a> that the order of plugins not leak additional information, e.g. the order in which
plugins were installed.</p>
<p>The <a href=#supported-property-names>supported property names</a> of a <code><a href=#pluginarray>PluginArray</a></code> object are the values
of the <code title=dom-Plugin-name><a href=#dom-plugin-name>name</a></code> attributes of all the <code title=dom-Plugin><a href=#dom-plugin>Plugin</a></code> objects represented by the <code><a href=#pluginarray>PluginArray</a></code> object. The
properties exposed in this way must be <a href=#unenumerable>unenumerable</a>.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The <dfn id=dom-pluginarray-nameditem title=dom-PluginArray-namedItem><code>namedItem()</code></dfn> method of a
@@ -87986,13 +87986,13 @@
numbers from zero to the number of <a href=#mime-type title="MIME type">MIME types</a> <a href=#explicitly-supported>explicitly
supported</a> by non-<a href=#hidden-plugin title="hidden plugin">hidden</a> <a href=#plugin title=plugin>plugins</a> represented by the corresponding <code><a href=#pluginarray>PluginArray</a></code> object, if
any.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The <dfn id=dom-mimetypearray-length title=dom-MimeTypeArray-length><code>length</code></dfn> attribute must return the
number of <a href=#mime-type title="MIME type">MIME types</a> <a href=#explicitly-supported>explicitly supported</a> by non-<a href=#hidden-plugin title="hidden plugin">hidden</a> <a href=#plugin title=plugin>plugins</a> represented by the
corresponding <code><a href=#pluginarray>PluginArray</a></code> object, if any.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The <dfn id=dom-mimetypearray-item title=dom-MimeTypeArray-item><code>item()</code></dfn> method of a
@@ -88012,7 +88012,7 @@
</ol>
- <p class=note>It is important <a href=#fingerprinting-vector class=no-backref title="fingerprinting vector">for
+ <p class=note>It is important <a class=no-backref href=#fingerprinting-vector title="fingerprinting vector">for
privacy</a> that the order of MIME types not leak additional information, e.g. the order in
which plugins were installed.</p>
@@ -88020,7 +88020,7 @@
of the <code title=dom-MimeType-type><a href=#dom-mimetype-type>type</a></code> attributes of all the <code><a href=#mimetype>MimeType</a></code>
objects represented by the <code><a href=#mimetypearray>MimeTypeArray</a></code> object. The properties exposed in this way
must be <a href=#unenumerable>unenumerable</a>.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The <dfn id=dom-mimetypearray-nameditem title=dom-MimeTypeArray-namedItem><code>namedItem()</code></dfn> method of a
@@ -88048,12 +88048,12 @@
<p>The <a href=#supported-property-indices>supported property indices</a> of a <code title=dom-Plugin><a href=#dom-plugin>Plugin</a></code> object
are the numbers from zero to the number of <a href=#reported-mime-types>reported MIME types</a>.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The <dfn id=dom-plugin-length title=dom-Plugin-length><code>length</code></dfn> attribute must return the number
of <a href=#reported-mime-types>reported MIME types</a>.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The <dfn id=dom-plugin-item title=dom-Plugin-item><code>item()</code></dfn> method of a <code title=dom-Plugin><a href=#dom-plugin>Plugin</a></code> object must return null if the argument is not one of the
@@ -88071,7 +88071,7 @@
</ol>
- <p class=note>It is important <a href=#fingerprinting-vector class=no-backref title="fingerprinting vector">for
+ <p class=note>It is important <a class=no-backref href=#fingerprinting-vector title="fingerprinting vector">for
privacy</a> that the order of MIME types not leak additional information, e.g. the order in
which plugins were installed.</p>
@@ -88079,7 +88079,7 @@
are the values of the <code title=dom-MimeType-type><a href=#dom-mimetype-type>type</a></code> attributes of the
<code><a href=#mimetype>MimeType</a></code> objects representing the <a href=#reported-mime-types>reported MIME types</a>. The properties
exposed in this way must be <a href=#unenumerable>unenumerable</a>.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The <dfn id=dom-plugin-nameditem title=dom-Plugin-namedItem><code>namedItem()</code></dfn> method of a <code title=dom-Plugin><a href=#dom-plugin>Plugin</a></code> object must return null if the argument is not one of the
@@ -88099,7 +88099,7 @@
as a trivial way to determine what security vulnerabilities a <a href=#plugin>plugin</a> (and thus a
browser) may have. It is thus highly recommended that the <code title=dom-Plugin-description><a href=#dom-plugin-description>description</a></code> attribute just return the same value as the
<code title=dom-Plugin-name><a href=#dom-plugin-name>name</a></code> attribute, and that the <code title=dom-Plugin-filename><a href=#dom-plugin-filename>filename</a></code> attribute return the empty string.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<hr>
@@ -88124,7 +88124,7 @@
as a trivial way to determine what security vulnerabilities a <a href=#plugin>plugin</a> (and thus a
browser) may have. It is thus highly recommended that the <code title=dom-MimeType-description><a href=#dom-mimetype-description>description</a></code> attribute just return the same value as the
<code title=dom-MimeType-type><a href=#dom-mimetype-type>type</a></code> attribute, and that the <code title=dom-MimeType-suffixes><a href=#dom-mimetype-suffixes>suffixes</a></code> attribute return the empty string.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p class=note>Commas in the <code title=dom-MimeType-suffixes><a href=#dom-mimetype-suffixes>suffixes</a></code> attribute are
@@ -88141,7 +88141,7 @@
<p>The <dfn id=dom-navigator-javaenabled title=dom-navigator-javaEnabled><code>navigator.javaEnabled</code></dfn> attribute
must return true if the user agent supports a <a href=#plugin>plugin</a> that supports the <a href=#mime-type>MIME
type</a> "<code title="">application/x-java-vm</code>"; otherwise it must return false.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
</div>
@@ -88224,7 +88224,7 @@
<p>The <dfn id=dom-external-issearchproviderinstalled title=dom-external-IsSearchProviderInstalled><code>IsSearchProviderInstalled()</code></dfn>
method, when invoked, must run the following steps:
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<ol>
@@ -94259,7 +94259,7 @@
<p>The <dfn id=dom-localstorage title=dom-localStorage><code>localStorage</code></dfn> object provides a
<code><a href=#storage-0>Storage</a></code> object for an <a href=#origin>origin</a>.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>User agents must have a set of local storage areas, one for each <a href=#origin>origin</a>.</p>
@@ -95680,7 +95680,7 @@
<p>For the purposes of conformance checkers, if a resource is determined to be in <a href=#syntax>the HTML
syntax</a>, then it is an <a href=#html-documents title="HTML documents">HTML document</a>.</p>
- <p class=note>As stated <a href=#html-elements class=no-backref title="HTML elements">in the terminology
+ <p class=note>As stated <a class=no-backref href=#html-elements title="HTML elements">in the terminology
section</a>, references to <a href=#element-type title="element type">element types</a> that do not
explicitly specify a namespace always refer to elements in the <a href=#html-namespace-0>HTML namespace</a>. For
example, if the spec talks about "a <code><a href=#the-menuitem-element>menuitem</a></code> element", then that is an element with
@@ -95694,7 +95694,7 @@
<h4 id=overview-of-the-parsing-model><span class=secno>12.2.1 </span>Overview of the parsing model</h4>
- <p class=overview><object width=345 height=535 data=images/parsing-model-overview.svg><img width=345 src=http://images.whatwg.org/parsing-model-overview.png alt="" height=450></object></p>
+ <p class=overview><object data=images/parsing-model-overview.svg height=535 width=345><img alt="" height=450 src=http://images.whatwg.org/parsing-model-overview.png width=345></object></p>
<p>The input to the HTML parsing process consists of a stream of <a href=#unicode-code-point title="Unicode code
point">Unicode code points</a>, which is passed through a <a href=#tokenization>tokenization</a> stage
@@ -108367,7 +108367,7 @@
<a href=#ordinal-value>ordinal value</a> of the <code><a href=#the-li-element>li</a></code> element to render the counter in the list item
marker.</p>
- <p id=css-list-rendering class=critical>This specification does not yet define the
+ <p class=critical id=css-list-rendering>This specification does not yet define the
CSS-specific rules for rendering <code><a href=#the-li-element>li</a></code> elements, because CSS doesn't yet provide
sufficient hooks for this purpose.</p>
@@ -109630,7 +109630,7 @@
<!-- http://software.hixie.ch/utilities/js/canvas/?c.clearRect(0%2C%200%2C%20640%2C%20480)%3B%0Ac.save()%3B%0Atry%20{%0A%20%20c.fillStyle%20%3D%20'black'%3B%0A%20%20c.font%20%3D%20'8px%20sans-serif'%3B%0A%20%20c.fillText('Wide'%2C%2043%2C105)%3B%0A%20%20c.fillText('Tall'%2C%20100%2C105)%3B%0A%20%20c.fillText('Square'%2C%20128%2C105)%3B%0A%20%20c.font%20%3D%20'700%2010px%20sans-serif'%3B%0A%20%20c.fillText('Progress%20Bars'%2C%2013%2C30)%3B%0A%20%20c.font%20%3D%20'100%2010px%20sans-serif'%3B%0A%20%20c.fillText('(80%25)'%2C%2037%2C45)%3B%0A%20%20c.beginPath()%3B%0A%20%20var%20g%20%3D%20c.createLinearGradient(10%2C0%2C80%2C0)%3B%0A%20%20g.addColorStop(0%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.8%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.9%2C%20'%23FFFF00')%3B%0A%20%20c.fillStyle%20%3D%20g%3B%0A%20%20c.rect(10%2C80%2C80%2C15)%3B%0A%20%20c.fill()%3B%0A%20%20c.strokeStyle%20%3D%20'black'%3B%0A%20%20c.stroke()%3B%0A%20%20c.beginPath()%3B%0A%20%20var%20g%20%3D%20c.createL
inearGradient(0%2C80%2C0%2C20)%3B%0A%20%20g.addColorStop(0%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.75%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.85%2C%20'%23FFFF00')%3B%0A%20%20c.fillStyle%20%3D%20g%3B%0A%20%20c.rect(100%2C15%2C15%2C80)%3B%0A%20%20c.fill()%3B%0A%20%20c.strokeStyle%20%3D%20'black'%3B%0A%20%20c.stroke()%3B%0A%0A%20%20c.beginPath()%3B%0A%20%20c.fillStyle%20%3D%20'yellow'%3B%0A%20%20c.arc(140%2C80%2C15%2C0%2C2*Math.PI%2C%20true)%3B%0A%20%20c.fill()%3B%0A%20%20c.beginPath()%3B%0A%20%20c.fillStyle%20%3D%20'lime'%3B%0A%20%20c.moveTo(140%2C80)%3B%0A%20%20c.arc(140%2C80%2C15%2C-Math.PI%2F2%2C1.2*Math.PI%2C%20false)%3B%0A%20%20c.fill()%3B%0A%20%20c.beginPath()%3B%0A%20%20c.arc(140%2C80%2C15%2C0%2C2*Math.PI%2C%20true)%3B%0A%20%20c.strokeStyle%20%3D%20'black'%3B%0A%20%20c.stroke()%3B%0A}%20finally%20{%0A%20%20c.restore()%3B%0A}%0A -->
- <p> <img width=157 src=http://images.whatwg.org/sample-progress.png class=extra alt="" height=103> When the
+ <p> <img alt="" class=extra height=103 src=http://images.whatwg.org/sample-progress.png width=157> When the
element is wider than it is tall, the element is expected to be depicted as a horizontal progress
bar, with the start on the right and the end on the left if the 'direction' property on this
element has a computed value of 'rtl', and with the start on the left and the end on the right
@@ -110162,7 +110162,7 @@
ensure that the punctuation was the same both in the drop down, and in the box showing the
current selection.</p>
- <p><img width=206 src=http://images.whatwg.org/bidiselect.png alt="" height=105></p> <!-- no need for alt
+ <p><img alt="" height=105 src=http://images.whatwg.org/bidiselect.png width=206></p> <!-- no need for alt
text, the previous paragraph describes it completely -->
</div>
@@ -118161,32 +118161,32 @@
<div itemscope="" itemtype=http://n.whatwg.org/work>
- <p>The image in the introduction is based on <a itemprop=work href=http://www.flickr.com/photos/wonderlane/2986252088/>a photo</a>
- by <a itemprop=http://creativecommons.org/ns#attributionURL href=http://www.flickr.com/photos/wonderlane/>Wonderlane</a>.
- (<a itemprop=license href=http://creativecommons.org/licenses/by/2.0/>CC BY 2.0</a>)
+ <p>The image in the introduction is based on <a href=http://www.flickr.com/photos/wonderlane/2986252088/ itemprop=work>a photo</a>
+ by <a href=http://www.flickr.com/photos/wonderlane/ itemprop=http://creativecommons.org/ns#attributionURL>Wonderlane</a>.
+ (<a href=http://creativecommons.org/licenses/by/2.0/ itemprop=license>CC BY 2.0</a>)
</div>
<div itemscope="" itemtype=http://n.whatwg.org/work>
<p>The image of two cute kittens in a basket used in the context menu example is based on
- <a itemprop=work href=http://www.flickr.com/photos/digidreamgrafix/8370087640/>a photo</a>
- by <a itemprop=http://creativecommons.org/ns#attributionURL href=http://www.flickr.com/photos/digidreamgrafix/>Alex G</a>.
- (<a itemprop=license href=http://creativecommons.org/licenses/by/2.0/>CC BY 2.0</a>)
+ <a href=http://www.flickr.com/photos/digidreamgrafix/8370087640/ itemprop=work>a photo</a>
+ by <a href=http://www.flickr.com/photos/digidreamgrafix/ itemprop=http://creativecommons.org/ns#attributionURL>Alex G</a>.
+ (<a href=http://creativecommons.org/licenses/by/2.0/ itemprop=license>CC BY 2.0</a>)
</div>
<div itemscope="" itemtype=http://n.whatwg.org/work>
<p>The Blue Robot Player sprite used in the canvas demo is based on
- <a itemprop=work href=http://johncolburn.deviantart.com/art/Blue-Robot-Player-Sprite-323813997>a work</a> by
- <a itemprop=http://creativecommons.org/ns#attributionURL href=http://johncolburn.deviantart.com/>JohnColburn</a>.
- (<a itemprop=license href=http://creativecommons.org/licenses/by-sa/3.0/>CC BY-SA 3.0</a>)</p>
+ <a href=http://johncolburn.deviantart.com/art/Blue-Robot-Player-Sprite-323813997 itemprop=work>a work</a> by
+ <a href=http://johncolburn.deviantart.com/ itemprop=http://creativecommons.org/ns#attributionURL>JohnColburn</a>.
+ (<a href=http://creativecommons.org/licenses/by-sa/3.0/ itemprop=license>CC BY-SA 3.0</a>)</p>
</div>
<div itemscope="" itemtype=http://n.whatwg.org/work>
<p>The photograph of robot 148 climbing the tower at the FIRST Robotics Competition 2013 Silicon Valley Regional is based on
- <a itemprop=work href=http://www.flickr.com/photos/lenore-m/8631391979/>a work</a> by
- <a itemprop=http://creativecommons.org/ns#attributionURL href=http://www.flickr.com/photos/lenore-m/>Lenore Edman</a>.
- (<a itemprop=license href=http://creativecommons.org/licenses/by/2.0/>CC BY 2.0</a>)</p>
+ <a href=http://www.flickr.com/photos/lenore-m/8631391979/ itemprop=work>a work</a> by
+ <a href=http://www.flickr.com/photos/lenore-m/ itemprop=http://creativecommons.org/ns#attributionURL>Lenore Edman</a>.
+ (<a href=http://creativecommons.org/licenses/by/2.0/ itemprop=license>CC BY 2.0</a>)</p>
</div>
<p>Parts of this specification are © Copyright 2004-2014 Apple Inc., Mozilla Foundation, and
Modified: index
===================================================================
--- index 2014-06-20 15:39:43 UTC (rev 8682)
+++ index 2014-07-02 22:27:25 UTC (rev 8683)
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang=en-GB-x-hixie class=big>
+<!DOCTYPE html><html class=big lang=en-GB-x-hixie>
<title>HTML Standard</title>
<script>
var loadTimer = new Date();
@@ -126,8 +126,8 @@
}
</script>
- <link rel=stylesheet href=//www.whatwg.org/style/specification>
- <link rel=icon href=//www.whatwg.org/images/icon>
+ <link href=//www.whatwg.org/style/specification rel=stylesheet>
+ <link href=//www.whatwg.org/images/icon rel=icon>
<style>
.proposal { border: blue solid; padding: 1em; }
.bad, .bad *:not(.XXX) { color: gray; border-color: gray; background: transparent; }
@@ -269,9 +269,9 @@
</style>
- <link rel=stylesheet href=data:text/css, title=Normal>
- <link rel="stylesheet alternate" href=data:text/css,.impl%20{%20background:%20pink;%20} title="Highlight implementation-only prose">
- <link rel=stylesheet href=status.css>
+ <link href=data:text/css, rel=stylesheet title=Normal>
+ <link href=data:text/css,.impl%20{%20background:%20pink;%20} rel="stylesheet alternate" title="Highlight implementation-only prose">
+ <link href=status.css rel=stylesheet>
<script>
var startedInit = 0;
function init() {
@@ -303,11 +303,11 @@
</script>
</head>
<body onload=init()>
- <header id=head class="head with-buttons">
- <p><a href=//www.whatwg.org/ class=logo><img src=/images/logo width=101 alt=WHATWG height=101></a></p>
+ <header class="head with-buttons" id=head>
+ <p><a class=logo href=//www.whatwg.org/><img alt=WHATWG height=101 src=/images/logo width=101></a></p>
<hgroup>
<h1 class=allcaps>HTML</h1>
- <h2 class="no-num no-toc">Living Standard — Last Updated 20 June 2014</h2>
+ <h2 class="no-num no-toc">Living Standard — Last Updated 2 July 2014</h2>
</hgroup>
<div>
<div>
@@ -317,23 +317,23 @@
<a href=http://developers.whatwg.org/><span><strong>Developer Version</strong> <code>developers.whatwg.org</code></span></a>
</div>
<div>
- <a href=//whatwg.org/faq class=misc><span><strong>FAQ</strong> <code>whatwg.org/faq</code></span></a>
- <a href=http://validator.whatwg.org/ class=misc><span><strong>Validators</strong> <code>validator.whatwg.org</code></span></a>
+ <a class=misc href=//whatwg.org/faq><span><strong>FAQ</strong> <code>whatwg.org/faq</code></span></a>
+ <a class=misc href=http://validator.whatwg.org/><span><strong>Validators</strong> <code>validator.whatwg.org</code></span></a>
</div>
<div>
- <a href=//www.whatwg.org/mailing-list class=comms><span><strong>Join our Mailing List</strong> <code>whatwg at whatwg.org</code></span></a>
- <a href=http://wiki.whatwg.org/wiki/IRC class=comms><span><strong>Join us on IRC</strong> <code>#whatwg on Freenode</code></span></a>
- <a href=http://forums.whatwg.org/ class=comms><span><strong>Join our Forums</strong> <code>forums.whatwg.org</code></span></a>
+ <a class=comms href=//www.whatwg.org/mailing-list><span><strong>Join our Mailing List</strong> <code>whatwg at whatwg.org</code></span></a>
+ <a class=comms href=http://wiki.whatwg.org/wiki/IRC><span><strong>Join us on IRC</strong> <code>#whatwg on Freenode</code></span></a>
+ <a class=comms href=http://forums.whatwg.org/><span><strong>Join our Forums</strong> <code>forums.whatwg.org</code></span></a>
</div>
<div>
<!--<a class="changes" href="http://svn.whatwg.org/webapps"><span><strong>SVN Repository</strong> <code>svn.whatwg.org/webapps</code></span></a>-->
- <a href=http://html5.org/tools/web-apps-tracker class=changes><span><strong>Change Log</strong> <code>html5.org's tracker</code></span></a>
- <a href=http://twitter.com/WHATWG class=changes><span><strong>Twitter Updates</strong> <code>@WHATWG</code></span></a>
+ <a class=changes href=http://html5.org/tools/web-apps-tracker><span><strong>Change Log</strong> <code>html5.org's tracker</code></span></a>
+ <a class=changes href=http://twitter.com/WHATWG><span><strong>Twitter Updates</strong> <code>@WHATWG</code></span></a>
</div>
<div>
- <a href="https://www.w3.org/Bugs/Public/buglist.cgi?bug_status=UNCONFIRMED&bug_status=NEW&bug_status=ASSIGNED&bug_status=REOPENED&component=HTML&product=WHATWG" class=feedback><span><strong>View Open Bugs</strong> <code>filed in Bugzilla</code></span></a>
- <a href=//www.whatwg.org/newbug class=feedback><span><strong>File a Bug</strong> <code>whatwg.org/newbug</code></span></a>
- <a href=http://ian.hixie.ch/+ class=feedback><span><strong>E-mail the Editor</strong> <code>ian at hixie.ch</code></span></a>
+ <a class=feedback href="https://www.w3.org/Bugs/Public/buglist.cgi?bug_status=UNCONFIRMED&bug_status=NEW&bug_status=ASSIGNED&bug_status=REOPENED&component=HTML&product=WHATWG"><span><strong>View Open Bugs</strong> <code>filed in Bugzilla</code></span></a>
+ <a class=feedback href=//www.whatwg.org/newbug><span><strong>File a Bug</strong> <code>whatwg.org/newbug</code></span></a>
+ <a class=feedback href=http://ian.hixie.ch/+><span><strong>E-mail the Editor</strong> <code>ian at hixie.ch</code></span></a>
</div>
</div>
</header>
@@ -1465,16 +1465,16 @@
<li><a href=#ping-from><span class=secno>16.8 </span><code>Ping-From</code></a></li>
<li><a href=#ping-to><span class=secno>16.9 </span><code>Ping-To</code></a></li>
<li><a href=#web+-scheme-prefix><span class=secno>16.10 </span><code>web+</code> scheme prefix</a></ol></li>
- <li><a href=#index class=no-num>Index</a>
+ <li><a class=no-num href=#index>Index</a>
<ol>
- <li><a href=#elements-1 class=no-num>Elements</a></li>
- <li><a href=#element-content-categories class=no-num>Element content categories</a></li>
- <li><a href=#attributes-1 class=no-num>Attributes</a></li>
- <li><a href=#element-interfaces class=no-num>Element Interfaces</a></li>
- <li><a href=#all-interfaces class=no-num>All Interfaces</a></li>
- <li><a href=#events-0 class=no-num>Events</a></ol></li>
- <li><a href=#references class=no-num>References</a></li>
- <li><a href=#acknowledgments class=no-num>Acknowledgments</a></ol>
+ <li><a class=no-num href=#elements-1>Elements</a></li>
+ <li><a class=no-num href=#element-content-categories>Element content categories</a></li>
+ <li><a class=no-num href=#attributes-1>Attributes</a></li>
+ <li><a class=no-num href=#element-interfaces>Element Interfaces</a></li>
+ <li><a class=no-num href=#all-interfaces>All Interfaces</a></li>
+ <li><a class=no-num href=#events-0>Events</a></ol></li>
+ <li><a class=no-num href=#references>References</a></li>
+ <li><a class=no-num href=#acknowledgments>Acknowledgments</a></ol>
<!--end-toc-->
<hr>
@@ -1501,7 +1501,7 @@
Web platform specification stack relative to other specifications can be best summed up as
follows:</p>
- <p><img width=398 src=http://images.whatwg.org/abstract.png alt="It consists of everything else, above such core technologies as HTTP, URI/IRIs, DOM, XML, Unicode, and ECMAScript; below presentation-layer technologies like CSS and the NPAPI; and to the side of technologies like Geolocation, SVG, MathML, and XHR." height=359></p>
+ <p><img alt="It consists of everything else, above such core technologies as HTTP, URI/IRIs, DOM, XML, Unicode, and ECMAScript; below presentation-layer technologies like CSS and the NPAPI; and to the side of technologies like Geolocation, SVG, MathML, and XHR." height=359 src=http://images.whatwg.org/abstract.png width=398></p>
@@ -2053,7 +2053,7 @@
<p>Features in this specification which can be <dfn id=fingerprinting-vector title="fingerprinting vector">used to
fingerprint the user</dfn> are marked as this paragraph is.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>Other features in the platform can be used for the same purpose, though, including, though not
@@ -3244,7 +3244,7 @@
fingerprinting vector that increases the chances of users being uniquely identified, user agents
are encouraged to support the exact same set of <a href=#plugin title=plugin>plugins</a> for each
user.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
</div>
@@ -3584,7 +3584,7 @@
<p id=hardwareLimitations>User agents may impose implementation-specific limits on otherwise
unconstrained inputs, e.g. to prevent denial of service attacks, to guard against running out of
memory, or to work around platform-specific limitations.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>For compatibility with existing content and prior specifications, this specification describes
@@ -7604,7 +7604,7 @@
<li><p>Take ownership of the <a href=#storage-mutex>storage mutex</a>.</li>
<li><p>Update the cookies. <a href=#refsCOOKIES>[COOKIES]</a>
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</li>
<li><p>Release the <a href=#storage-mutex>storage mutex</a> so that it is once again free.</li>
@@ -9445,7 +9445,7 @@
throw a <code><a href=#securityerror>SecurityError</a></code> exception. Otherwise, the user agent must first <a href=#obtain-the-storage-mutex>obtain
the storage mutex</a> and then return the cookie-string for <a href="#the-document's-address">the document's address</a>
for a "non-HTTP" API, decoded using the <a href=#utf-8-decoder>UTF-8 decoder</a>. <a href=#refsCOOKIES>[COOKIES]</a>
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>On setting, if the document is a <a href=#cookie-averse-document-object>cookie-averse <code>Document</code> object</a>, then
@@ -10544,7 +10544,7 @@
<!-- The following image is decorative; the 'as follows' bit above refers to the paragraph after it, which entirely duplicates the content of
this image. So setting an alt="" on this would be bogus (indeed, it would be non-conforming and bad for accessibility.) -->
- <p><object width=1000 height=288 data=images/content-venn.svg><img width=512 src=http://images.whatwg.org/content-venn.png alt="" height=288></object></p>
+ <p><object data=images/content-venn.svg height=288 width=1000><img alt="" height=288 src=http://images.whatwg.org/content-venn.png width=512></object></p>
<p>Sectioning content, heading content, phrasing content, embedded content, and interactive
content are all types of flow content. Metadata is sometimes flow content. Metadata and
@@ -12013,7 +12013,7 @@
namely to align the text to the <i>start edge</i> of the paragraph, the resulting rendering could
be as follows:</p>
- <p><img width=366 src=http://images.whatwg.org/im.png alt="Each paragraph rendered as a separate block, with the paragraphs left-aligned except the second paragraph and the last one, which would be right aligned, with the usernames ('Student' and 'Teacher' in this example) flush right, with a colon to their left, and the text first to the left of that." height=157></p>
+ <p><img alt="Each paragraph rendered as a separate block, with the paragraphs left-aligned except the second paragraph and the last one, which would be right aligned, with the usernames ('Student' and 'Teacher' in this example) flush right, with a colon to their left, and the text first to the left of that." height=157 src=http://images.whatwg.org/im.png width=366></p>
<p>As noted earlier, the <code title=attr-dir-auto><a href=#attr-dir-auto>auto</a></code> value is not a panacea. The
final paragraph in this example is misinterpreted as being right-to-left text, since it begins
@@ -15741,7 +15741,7 @@
<code><a href=#the-section-element>section</a></code> element when it would make sense to syndicate the contents of the
element.</p>
- <p id=use-div-for-wrappers class=note>The <code><a href=#the-section-element>section</a></code> element is not a generic
+ <p class=note id=use-div-for-wrappers>The <code><a href=#the-section-element>section</a></code> element is not a generic
container element. When an element is needed only for styling purposes or as a convenience for
scripting, authors are encouraged to use the <code><a href=#the-div-element>div</a></code> element instead. A general rule is
that the <code><a href=#the-section-element>section</a></code> element is appropriate only if the element's contents would be
@@ -20640,7 +20640,7 @@
<p>This might be rendered as:</p>
- <p><img width=171 src=http://images.whatwg.org/sample-ruby-ja.png alt="The two main ideographs, each with its annotation in hiragana rendered in a smaller font above it." height=78></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://images.whatwg.org/sample-ruby-ja.png width=171></p>
</div>
@@ -20654,7 +20654,7 @@
<p>This might be rendered as:</p>
- <p><img width=78 src=http://images.whatwg.org/sample-ruby-bopomofo.png alt="The two main ideographs, each with its bopomofo annotation rendered in a smaller font next to it." height=100></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://images.whatwg.org/sample-ruby-bopomofo.png width=78></p>
</div>
@@ -20668,7 +20668,7 @@
<p>This might be rendered as:</p>
- <p><img width=173 src=http://images.whatwg.org/sample-ruby-pinyin.png alt="The two main ideographs, each with its pinyin annotation rendered in a smaller font above it." height=79></p>
+ <p><img alt="The two main ideographs, each with its pinyin annotation rendered in a smaller font above it." height=79 src=http://images.whatwg.org/sample-ruby-pinyin.png width=173></p>
</div>
@@ -22641,8 +22641,8 @@
<pre><h2>From today's featured article</h2>
<strong><img src="/uploads/100-marie-lloyd.jpg" alt="" width="100" height="150"></strong>
-<p><b><a href="/wiki/Marie_Lloyd">Marie Lloyd</a></b> (1870–1922)
-was an English <a href="/wiki/Music_hall">music hall</a> singer, …</pre>
+<p><b><a href="/wiki/Marie_Lloyd">Marie Lloyd</a></b> (1870–1922)
+was an English <a href="/wiki/Music_hall">music hall</a> singer, ...</pre>
</div>
@@ -22678,7 +22678,7 @@
<li>
- <p>The users' zoom level might different from one another, or might change for a single user over time.</p>
+ <p>The users' zoom level might be different from one another, or might change for a single user over time.</p>
<p class=example>A user might zoom in to a particular image to be able to get a more detailed look.</p>
@@ -22802,8 +22802,8 @@
<img <strong>src="/uploads/100-marie-lloyd.jpg"</strong>
<strong>srcset="/uploads/150-marie-lloyd.jpg 1.5x, /uploads/200-marie-lloyd.jpg 2x"</strong>
alt="" width="100" height="150">
-<p><b><a href="/wiki/Marie_Lloyd">Marie Lloyd</a></b> (1870–1922)
-was an English <a href="/wiki/Music_hall">music hall</a> singer, …</pre>
+<p><b><a href="/wiki/Marie_Lloyd">Marie Lloyd</a></b> (1870–1922)
+was an English <a href="/wiki/Music_hall">music hall</a> singer, ...</pre>
<p>The user agent can choose any of the given resources depending on
the user's screen's pixel density, zoom level, and possibly other factors such as the user's network conditions.</p>
@@ -22916,7 +22916,7 @@
<p>In this example, the Web page has three layouts depending on the width of the viewport.
The narrow layout has one column of images (the width of each image is about 100%),
- the middle layout has two colummns of images (the width of each image is about 50%),
+ the middle layout has two columns of images (the width of each image is about 50%),
and the widest layout has three columns of images, and some page margin (the width of each image is about 33%).
It breaks between these layouts when the viewport is <code title="">30em</code> wide and <code title="">50em</code> wide, respectively.</p>
@@ -22966,8 +22966,8 @@
<source srcset="/uploads/100-marie-lloyd.jxr" <strong>type="image/vnd.ms-photo"</strong>>
<img src="/uploads/100-marie-lloyd.jpg" alt="" width="100" height="150">
</picture>
-<p><b><a href="/wiki/Marie_Lloyd">Marie Lloyd</a></b> (1870–1922)
-was an English <a href="/wiki/Music_hall">music hall</a> singer, …</pre>
+<p><b><a href="/wiki/Marie_Lloyd">Marie Lloyd</a></b> (1870–1922)
+was an English <a href="/wiki/Music_hall">music hall</a> singer, ...</pre>
<p>In this example, the user agent will choose the first source that has
a <code title=attr-picture-source-type><a href=#attr-picture-source-type>type</a></code> attribute with a supported MIME type.
@@ -22989,7 +22989,7 @@
<dl>
- <dt>Media Queries <a href=#refsMQ>[MQ]</a></dt>
+ <dt>Media Queries <a href=#refsMQ>[MQ]</a> <span class=XXX>Correct reference is <a href=http://dev.w3.org/csswg/mediaqueries-4/>http://dev.w3.org/csswg/mediaqueries-4/</a></span></dt>
<dd><dfn id=media-condition><media-condition></dfn></dd>
@@ -30119,7 +30119,7 @@
<a href=#media-resource>media resource</a>. In the even rarer case of a <a href=#media-resource>media resource</a> with no
explicit timings of any kind, not even frame durations, the user agent must itself determine the
time for each frame in a user-agent-defined manner.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p class=note>An example of a file format with no explicit timeline but with explicit frame
@@ -34323,7 +34323,7 @@
score. Suppose a robotics competition was being streamed live. The image could be overlayed with
the scores, as follows:</p>
- <p><iframe width=600 src='data:text/html;charset=utf-8,<!DOCTYPE%20html>%0A<style>%0A%20body%2C%20html%20%7B%20margin%3A%200%3B%20padding%3A%200%3B%20overflow%3A%20hidden%3B%20%7D%0A%20div%20%7B%20width%3A%20600px%3B%20height%3A%20400px%3B%20position%3A%20relative%3B%20%7D%0A%20p%20%7B%20position%3A%20absolute%3B%20top%3A%200%3B%20margin%3A%200.25em%3B%20font%3A%20small-caps%20900%202em%20sans-serif%3B%20text-shadow%3A%20white%200%200%204px%3B%20%7D%0A%20span%20%7B%20display%3A%20block%3B%20%7D%0A%20.left%20%7B%20color%3A%20red%3B%20left%3A%200%3B%20text-align%3A%20left%3B%20%7D%0A%20.right%20%7B%20color%3A%20blue%3B%20right%3A%200%3B%20text-align%3A%20right%3B%20%7D%0A%20.middle%20%7B%20color%3A%20white%3B%20top%3A%20auto%3B%20bottom%3A%200%3B%20left%3A%200%3B%20right%3A%200%3B%20text-align%3A%20center%3B%20text-shadow%3A%20black%200%200%204px%3B%20%7D%0A%20.middle%20span%20%7B%20display%3A%20inline-block%3B%20margin%3A%200%201em%3B%20font-size%3A%200.75em%3B%20text-trans
form%3A%20uppercase%3B%20%7D%0A<%2Fstyle>%0A<div>%0A%20<img%20src%3D"http%3A%2F%2Fwww.whatwg.org%2Fspecs%2Fweb-apps%2Fcurrent-work%2Fimages%2Frobots.jpeg">%0A%20<p%20class%3D"score%20left"><span>Red%20Alliance<%2Fspan>%20<span>78<%2Fspan><%2Fp>%0A%20<p%20class%3D"score%20right"><span>Blue%20Alliance<%2Fspan>%20<span>66<%2Fspan><%2Fp>%0A%20<p%20class%3D"score%20middle"><span>Qual%20Match%2037<%2Fspan>%20<span>Friday%2014%3A21<%2Fspan>%0A<%2Fdiv>' height=400></iframe>
+ <p><iframe height=400 src='data:text/html;charset=utf-8,<!DOCTYPE%20html>%0A<style>%0A%20body%2C%20html%20%7B%20margin%3A%200%3B%20padding%3A%200%3B%20overflow%3A%20hidden%3B%20%7D%0A%20div%20%7B%20width%3A%20600px%3B%20height%3A%20400px%3B%20position%3A%20relative%3B%20%7D%0A%20p%20%7B%20position%3A%20absolute%3B%20top%3A%200%3B%20margin%3A%200.25em%3B%20font%3A%20small-caps%20900%202em%20sans-serif%3B%20text-shadow%3A%20white%200%200%204px%3B%20%7D%0A%20span%20%7B%20display%3A%20block%3B%20%7D%0A%20.left%20%7B%20color%3A%20red%3B%20left%3A%200%3B%20text-align%3A%20left%3B%20%7D%0A%20.right%20%7B%20color%3A%20blue%3B%20right%3A%200%3B%20text-align%3A%20right%3B%20%7D%0A%20.middle%20%7B%20color%3A%20white%3B%20top%3A%20auto%3B%20bottom%3A%200%3B%20left%3A%200%3B%20right%3A%200%3B%20text-align%3A%20center%3B%20text-shadow%3A%20black%200%200%204px%3B%20%7D%0A%20.middle%20span%20%7B%20display%3A%20inline-block%3B%20margin%3A%200%201em%3B%20font-size%3A%200.75em%3B%20text-tran
sform%3A%20uppercase%3B%20%7D%0A<%2Fstyle>%0A<div>%0A%20<img%20src%3D"http%3A%2F%2Fwww.whatwg.org%2Fspecs%2Fweb-apps%2Fcurrent-work%2Fimages%2Frobots.jpeg">%0A%20<p%20class%3D"score%20left"><span>Red%20Alliance<%2Fspan>%20<span>78<%2Fspan><%2Fp>%0A%20<p%20class%3D"score%20right"><span>Blue%20Alliance<%2Fspan>%20<span>66<%2Fspan><%2Fp>%0A%20<p%20class%3D"score%20middle"><span>Qual%20Match%2037<%2Fspan>%20<span>Friday%2014%3A21<%2Fspan>%0A<%2Fdiv>' width=600></iframe>
<p>In order to make the score display render correctly whenever the user seeks to an arbitrary
point in the video, the metadata text track cues need to be as long as is appropriate for the
@@ -35749,7 +35749,7 @@
<p>Consider an image that looks as follows:</p>
- <p><img width=600 src=http://images.whatwg.org/sample-usemap.png 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></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://images.whatwg.org/sample-usemap.png width=600></p>
<p>If we wanted just the colored areas to be clickable, we could do it as follows:</p>
@@ -39188,7 +39188,7 @@
<p>The remaining headers apply just to the cells to the right of them.</p>
<!-- image source: http://software.hixie.ch/utilities/js/live-dom-viewer/saved/151 -->
- <img width=459 src=http://images.whatwg.org/table-scope-diagram.png alt="" height=256><!-- (alt is empty because the diagram is completely described by the previous paragraphs) -->
+ <img alt="" height=256 src=http://images.whatwg.org/table-scope-diagram.png width=459><!-- (alt is empty because the diagram is completely described by the previous paragraphs) -->
</div>
@@ -41860,15 +41860,15 @@
<p>This might render as follows:</p>
- <p><img src=http://images.whatwg.org/sample-table-sortable-1.png width=418 alt="The table as marked above, but with the column headers having interactive affordances to select which column to sort by, the first being already selected." height=109>
+ <p><img alt="The table as marked above, but with the column headers having interactive affordances to select which column to sort by, the first being already selected." height=109 src=http://images.whatwg.org/sample-table-sortable-1.png width=418>
<p>If the user activates the second column, the table might change as follows:</p>
- <p><img src=http://images.whatwg.org/sample-table-sortable-2.png width=414 alt="The same table, but with the second column header's interactive affordance marked as selected, with the IP addresses sorted in numeric order (first the rows with the address ending in '3', then the row with the address ending in '29', and finally the row with the address ending in '199'." height=109>
+ <p><img alt="The same table, but with the second column header's interactive affordance marked as selected, with the IP addresses sorted in numeric order (first the rows with the address ending in '3', then the row with the address ending in '29', and finally the row with the address ending in '199'." height=109 src=http://images.whatwg.org/sample-table-sortable-2.png width=414>
<p>If the user activates the second column again, reversing the sort order, it might change as follows:</p>
- <p><img src=http://images.whatwg.org/sample-table-sortable-3.png width=414 alt="The same table, but with the second column header's interactive affordance marked as selected and reversed, with the IP addresses sorted in reverse numeric order (first the row with the address ending in '199', then the row with the address ending in '29', and finally the rows with the address ending in '3'." height=109>
+ <p><img alt="The same table, but with the second column header's interactive affordance marked as selected and reversed, with the IP addresses sorted in reverse numeric order (first the row with the address ending in '199', then the row with the address ending in '29', and finally the rows with the address ending in '3'." height=109 src=http://images.whatwg.org/sample-table-sortable-3.png width=414>
@@ -43410,7 +43410,7 @@
<p>The following table <span class=impl>is non-normative and</span> summarizes which of those
content attributes, IDL attributes, methods, and events <a href=#concept-input-apply title=concept-input-apply>apply</a> to each state:</p>
- <table id=input-type-attr-summary class=applies>
+ <table class=applies id=input-type-attr-summary>
<thead>
<tr>
<th>
@@ -45151,7 +45151,7 @@
<code>http://www.w3.org/TR/XForms/</code> in the recent past, then the rendering might look like
this:</p>
- <p><img width=472 src=http://images.whatwg.org/sample-url.png 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 URLs on the left, with the first four having grayed out labels on the right; and a scroll bar to the right of the drop down box, indicating further values are available.' height=134></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 URLs on the left, with the first four having grayed out labels on the right; and a scroll bar to the right of the drop down box, indicating further values are available.' height=134 src=http://images.whatwg.org/sample-url.png width=472></p>
<p>The first four URLs in this sample consist of the four URLs in the author-specified list that
match the text the user has entered, sorted in some UA-defined manner (maybe by how frequently
@@ -45583,7 +45583,7 @@
</div>
- <div id=only-contemporary-times class=note>
+ <div class=note id=only-contemporary-times>
<p>The <a href="#date-and-time-state-(type=datetime)" title=attr-input-type-datetime>Date and Time</a> state (and other date- and
time-related states described in subsequent sections) is not intended for the entry of values for
@@ -46686,7 +46686,7 @@
<p>...might render as:</p>
- <p><img width=49 src=http://images.whatwg.org/sample-range.png 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>
+ <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://images.whatwg.org/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 similarly derived from the
@@ -46706,11 +46706,11 @@
<p>A user agent could display in a variety of ways, for instance:</p>
- <p><img width=231 src=http://images.whatwg.org/sample-range-2a.png alt="As a dial." height=57></p>
+ <p><img alt="As a dial." height=57 src=http://images.whatwg.org/sample-range-2a.png width=231></p>
<p>Or, alternatively, for instance:</p>
- <p><img width=445 src=http://images.whatwg.org/sample-range-2b.png alt="As a long horizontal slider with tick marks." height=56></p>
+ <p><img alt="As a long horizontal slider with tick marks." height=56 src=http://images.whatwg.org/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 maintain the same resolution for the tick marks, despite the
@@ -46731,7 +46731,7 @@
<p>With styles that make the control draw vertically, it might look as follows:</p>
- <p><img width=103 src=http://images.whatwg.org/sample-range-labels.png alt="A vertical slider control with two tick marks, one near the top labeled 'High', and one near the bottom labeled 'Low'." height=164>
+ <p><img alt="A vertical slider control with two tick marks, one near the top labeled 'High', and one near the bottom labeled 'Low'." height=164 src=http://images.whatwg.org/sample-range-labels.png width=103>
</div>
@@ -46849,7 +46849,7 @@
<p>With appropriate styling, this might look like:</p>
- <img src=http://images.whatwg.org/sample-range-multiple.png alt="A control group with the label 'Outbound flight time', showing a drop-down that lets you select Departure vs Arrival, a two-handled range control that lets you set the start and end time of the range, and a label showing the currently selected times.">
+ <img alt="A control group with the label 'Outbound flight time', showing a drop-down that lets you select Departure vs Arrival, a two-handled range control that lets you set the start and end time of the range, and a label showing the currently selected times." src=http://images.whatwg.org/sample-range-multiple.png>
</div>
@@ -47464,7 +47464,7 @@
not be in an expected format even if the user is not hostile and the user agent fully obeyed the
<code title=attr-input-accept><a href=#attr-input-accept>accept</a></code> attribute's requirements.</p>
- <div id=fakepath-srsly class=example>
+ <div class=example id=fakepath-srsly>
<p>For historical reasons, the <code title=dom-input-value><a href=#dom-input-value>value</a></code> IDL attribute prefixes
the file name with the string "<code title="">C:\fakepath\</code>". Some legacy user agents
@@ -47579,7 +47579,7 @@
attribute, the button's label must be the value of that attribute; otherwise, it must be an
implementation-defined string that means "Submit" or some such.</span> The element is a <a href=#concept-button title=concept-button>button</a>, specifically a <a href=#concept-submit-button title=concept-submit-button>submit
button</a>.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<div class=impl>
@@ -47914,7 +47914,7 @@
the form. <span class=impl>If the element has a <code title=attr-input-value><a href=#attr-input-value>value</a></code>
attribute, the button's label must be the value of that attribute; otherwise, it must be an
implementation-defined string that means "Reset" or some such.</span> The element is a <a href=#concept-button title=concept-button>button</a>.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<div class=impl>
@@ -48299,7 +48299,7 @@
HTML, since the image is redundant with the previous paragraph. In particular, just describing
the image would be especially bad for accessibility as it would be disorienting, there having
been no mention that an image is present. -->
- <p><img width=500 src=http://images.whatwg.org/sample-email-1.png alt="" height=140></p>
+ <p><img alt="" height=140 src=http://images.whatwg.org/sample-email-1.png width=500></p>
<p>The page could also link in the user's contacts database from the site:</p>
@@ -48320,7 +48320,7 @@
<!-- As above, having a non-empty alt="" attribute on the following image would be dumb, which is
why it's left blank. The pertinent parts of the image are already described in the prose, and the
non-pertinent parts aren't relevant to users who can't see the image, obviously. -->
- <p><img width=500 src=http://images.whatwg.org/sample-email-2.png alt="" height=171></p>
+ <p><img alt="" height=171 src=http://images.whatwg.org/sample-email-2.png width=500></p>
</div>
@@ -51835,7 +51835,7 @@
</li>
</ul></pre>
<p>Might be rendered as follows:</p>
- <p><img width=332 src=http://images.whatwg.org/sample-meter.png alt="With the <meter> elements rendered as inline green bars of varying lengths." height=178></p>
+ <p><img alt="With the <meter> elements rendered as inline green bars of varying lengths." height=178 src=http://images.whatwg.org/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=#attr-title>title</a></code> attribute and the other attributes to provide context-sensitive
@@ -53156,7 +53156,7 @@
<td>Sir Timothy John Berners-Lee, OM, KBE, FRS, FREng, FRSA
<td><a href=#control-group-text title="Control Group Text">Text</a>
<tr>
- <td rowspan=5 class=non-rectangular-cell-indentation>
+ <td class=non-rectangular-cell-indentation rowspan=5>
<td colspan=3>"<dfn id=attr-fe-autocomplete-honorific-prefix title=attr-fe-autocomplete-honorific-prefix><code>honorific-prefix</code></dfn>"
<td>Prefix or title (e.g. "Mr.", "Ms.", "Dr.", "<span lang=fr title="">M<sup>lle</sup></span>")
<td>Free-form text, no newlines
@@ -53231,7 +53231,7 @@
MIT Room 32-G524
<td><a href=#control-group-multiline title="Control Group Multiline">Multiline</a>
<tr>
- <td rowspan=3 class=non-rectangular-cell-indentation>
+ <td class=non-rectangular-cell-indentation rowspan=3>
<td colspan=3>"<dfn id=attr-fe-autocomplete-address-line1 title=attr-fe-autocomplete-address-line1><code>address-line1</code></dfn>"
<td rowspan=3>Street address (one line per field)
<td>Free-form text, no newlines
@@ -53304,7 +53304,7 @@
<td>Tim Berners-Lee
<td><a href=#control-group-text title="Control Group Text">Text</a>
<tr>
- <td rowspan=3 class=non-rectangular-cell-indentation>
+ <td class=non-rectangular-cell-indentation rowspan=3>
<td colspan=3>"<dfn id=attr-fe-autocomplete-cc-given-name title=attr-fe-autocomplete-cc-given-name><code>cc-given-name</code></dfn>"
<td>Given name as given on the payment instrument (in some Western cultures, also known as the <i>first name</i>)
<td>Free-form text, no newlines
@@ -53335,7 +53335,7 @@
<td>2014-12
<td><a href=#control-group-month title="Control Group Month">Month</a>
<tr>
- <td rowspan=2 class=non-rectangular-cell-indentation>
+ <td class=non-rectangular-cell-indentation rowspan=2>
<td colspan=3>"<dfn id=attr-fe-autocomplete-cc-exp-month title=attr-fe-autocomplete-cc-exp-month><code>cc-exp-month</code></dfn>"
<td>Month component of the expiration date of the payment instrument
<td><a href=#valid-integer>Valid integer</a> in the range 1..12
@@ -53373,7 +53373,7 @@
<td>1955-06-08
<td><a href=#control-group-date title="Control Group Date">Date</a>
<tr>
- <td rowspan=3 class=non-rectangular-cell-indentation>
+ <td class=non-rectangular-cell-indentation rowspan=3>
<td colspan=3>"<dfn id=attr-fe-autocomplete-bday-day title=attr-fe-autocomplete-bday-day><code>bday-day</code></dfn>"
<td>Day component of birthday
<td><a href=#valid-integer>Valid integer</a> in the range 1..31
@@ -53417,7 +53417,7 @@
<td>+1 617 253 5702
<td><a href=#control-group-tel title="Control Group Tel">Tel</a>
<tr>
- <td rowspan=6 class=non-rectangular-cell-indentation>
+ <td class=non-rectangular-cell-indentation rowspan=6>
<td colspan=3>"<dfn id=attr-fe-autocomplete-tel-country-code title=attr-fe-autocomplete-tel-country-code><code>tel-country-code</code></dfn>"
<td>Country code component of the telephone number
<td><a href=#ascii-digits>ASCII digits</a> prefixed by a U+002B PLUS SIGN character (+)
@@ -53430,7 +53430,7 @@
<td>617 253 5702
<td><a href=#control-group-text title="Control Group Text">Text</a>
<tr>
- <td rowspan=4 class=non-rectangular-cell-indentation>
+ <td class=non-rectangular-cell-indentation rowspan=4>
<td colspan=2>"<dfn id=attr-fe-autocomplete-tel-area-code title=attr-fe-autocomplete-tel-area-code><code>tel-area-code</code></dfn>"
<td>Area code component of the telephone number, with a country-internal prefix applied if applicable
<td><a href=#ascii-digits>ASCII digits</a>
@@ -53443,7 +53443,7 @@
<td>2535702
<td><a href=#control-group-text title="Control Group Text">Text</a>
<tr>
- <td rowspan=2 class=non-rectangular-cell-indentation>
+ <td class=non-rectangular-cell-indentation rowspan=2>
<td>"<dfn id=attr-fe-autocomplete-tel-local-prefix title=attr-fe-autocomplete-tel-local-prefix><code>tel-local-prefix</code></dfn>"
<td>First part of the component of the telephone number that follows the area code, when that component is split into two components
<td><a href=#ascii-digits>ASCII digits</a>
@@ -54058,13 +54058,13 @@
<p>This might render as follows:</p>
- <p><img src=http://images.whatwg.org/select-country-1.png alt="A drop-down control with a long alphabetical list of countries."></p>
+ <p><img alt="A drop-down control with a long alphabetical list of countries." src=http://images.whatwg.org/select-country-1.png></p>
<p>Suppose that on the first visit to this page, the user selects "Zambia". On the second visit,
the user agent could duplicate the entry for Zambia at the top of the list, so that the interface
instead looks like this:</p>
- <p><img src=http://images.whatwg.org/select-country-2.png alt="The same drop-down control with the alphabetical list of countries, but with Zambia as an entry at the top."></p>
+ <p><img alt="The same drop-down control with the alphabetical list of countries, but with Zambia as an entry at the top." src=http://images.whatwg.org/select-country-2.png></p>
</div>
@@ -56578,7 +56578,7 @@
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 width=345 src=http://images.whatwg.org/sample-details-1.png alt="" height=611><img width=345 src=http://images.whatwg.org/sample-details-2.png alt="" height=666></p>
+ <p class=details-example><img alt="" height=611 src=http://images.whatwg.org/sample-details-1.png width=345><img alt="" height=666 src=http://images.whatwg.org/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 ideal.</p>
@@ -56844,7 +56844,7 @@
<p>In a supporting user agent, this might look like this (assuming the user has just activated the
second button):</p>
- <p><img width=303 src=http://images.whatwg.org/sample-toolbar-1.png 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></p>
+ <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://images.whatwg.org/sample-toolbar-1.png width=303></p>
</div>
@@ -57233,12 +57233,12 @@
<p>When a user of a mouse-operated visual Web browser right-clicks on the image, the browser
might pop up a context menu like this:</p>
- <p><img src=http://images.whatwg.org/contextmenu-collapsed.png alt="A context menu, shown over a picture of cats, with four lines: the first two offering the menu items described in the markup above ('Pet the kittens' and 'Cuddle with the kittens'), the third giving a submenu labeled 'Feed the kittens', and the fourth, after a horizontal splitter, consisting of only a downwards-pointing disclosure triangle.">
+ <p><img alt="A context menu, shown over a picture of cats, with four lines: the first two offering the menu items described in the markup above ('Pet the kittens' and 'Cuddle with the kittens'), the third giving a submenu labeled 'Feed the kittens', and the fourth, after a horizontal splitter, consisting of only a downwards-pointing disclosure triangle." src=http://images.whatwg.org/contextmenu-collapsed.png>
<p>When the user clicks the disclosure triangle, such a user agent would expand the context menu
in place, to show the browser's own commands:</p>
- <p><img src=http://images.whatwg.org/contextmenu-expanded.png alt="This would result in the same basic interface, but with a longer menu; the disclosure triangle having been replaced by items such as 'View Image', 'Copy Image', 'Copy Image Location', and so forth.">
+ <p><img alt="This would result in the same basic interface, but with a longer menu; the disclosure triangle having been replaced by items such as 'View Image', 'Copy Image', 'Copy Image Location', and so forth." src=http://images.whatwg.org/contextmenu-expanded.png>
</div>
@@ -62043,7 +62043,7 @@
attribute's allowed keywords correspond to alignment points in the
font:</p>
- <p><img width=738 src=http://images.whatwg.org/baselines.png alt="The top of the em square is roughly at the top of the glyphs in a font, the hanging baseline is where some glyphs like आ are anchored, the middle is half-way between the top of the em square and the bottom of the em square, the alphabetic baseline is where characters like Á, ÿ, f, and Ω are anchored, the ideographic baseline is where glyphs like 私 and 達 are anchored, and the bottom of the em square is roughly at the bottom of the glyphs in a font. The top and bottom of the bounding box can be far from these baselines, due to glyphs extending far outside the em square." height=300></p>
+ <p><img alt="The top of the em square is roughly at the top of the glyphs in a font, the hanging baseline is where some glyphs like आ are anchored, the middle is half-way between the top of the em square and the bottom of the em square, the alphabetic baseline is where characters like Á, ÿ, f, and Ω are anchored, the ideographic baseline is where glyphs like 私 and 達 are anchored, and the bottom of the em square is roughly at the bottom of the glyphs in a font. The top and bottom of the bounding box can be far from these baselines, due to glyphs extending far outside the em square." height=300 src=http://images.whatwg.org/baselines.png width=738></p>
<p>The keywords map to these alignment points as follows:</p>
@@ -62347,9 +62347,9 @@
<figure class=diagrams>
<!-- if anyone wants to try writing alternative text for these,
be my guest. I can't work out how to describe them. -->
- <img width=357 src=http://images.whatwg.org/arcTo1.png alt="" height=254>
- <img width=468 src=http://images.whatwg.org/arcTo2.png alt="" height=310>
- <img width=513 src=http://images.whatwg.org/arcTo3.png alt="" height=233>
+ <img alt="" height=254 src=http://images.whatwg.org/arcTo1.png width=357>
+ <img alt="" height=310 src=http://images.whatwg.org/arcTo2.png width=468>
+ <img alt="" height=233 src=http://images.whatwg.org/arcTo3.png width=513>
</figure>
<!--
@@ -62506,7 +62506,7 @@
<figure class=diagrams>
<!-- if anyone wants to try writing alternative text for this, be my guest. I can't work out how to describe it. -->
- <img width=590 src=http://images.whatwg.org/arc1.png alt="" height=255>
+ <img alt="" height=255 src=http://images.whatwg.org/arc1.png width=590>
</figure>
<!--
@@ -63107,7 +63107,7 @@
according to the even-odd fill rule, are filled in both shapes simultaneously: where they
overlap. As such, the subpaths from the two glyphs actually cross each other.</p>
- <p><img src=http://images.whatwg.org/Qp-overlap.png alt=""></p> <!-- this image repeats the previous paragraph,
+ <p><img alt="" src=http://images.whatwg.org/Qp-overlap.png></p> <!-- this image repeats the previous paragraph,
so alternative text would be redundant -->
<!--
c.clearRect(0, 0, 640, 480);
@@ -63128,7 +63128,7 @@
inside of the "Q", and one for inside of the "p"). This single path would have no subpaths that
cross each other.</p>
- <p><img src=http://images.whatwg.org/Qp-overlap-outline.png alt=""></p> <!-- this image again repeats the
+ <p><img alt="" src=http://images.whatwg.org/Qp-overlap-outline.png></p> <!-- this image again repeats the
previous paragraph, so alternative text would be redundant -->
<!-- this is just an edge-detected version of the previous image -->
@@ -64204,7 +64204,7 @@
<!--REMOVE-TOPIC:Security-->
Otherwise, it must return the new <code><a href=#textmetrics>TextMetrics</a></code> object.
<a href=#refsCSS>[CSS]</a>
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
</div>
@@ -64680,7 +64680,7 @@
</div>
- <div id=drawCustomFocusRingExample class=example>
+ <div class=example id=drawCustomFocusRingExample>
<p>This <code><a href=#the-canvas-element>canvas</a></code> element has a couple of checkboxes. The path-related commands are
highlighted:</p>
@@ -64791,7 +64791,7 @@
<p>Draws the given image onto the canvas. The arguments are
interpreted as follows:</p>
- <p><img width=356 src=http://images.whatwg.org/drawImage.png alt="The sx and sy parameters give the x and y coordinates of the source rectangle; the sw and sh arguments give the width and height of the source rectangle; the dx and dy give the x and y coordinates of the destination rectangle; and the dw and dh arguments give the width and height of the destination rectangle." height=356></p>
+ <p><img alt="The sx and sy parameters give the x and y coordinates of the source rectangle; the sw and sh arguments give the width and height of the source rectangle; the dx and dy give the x and y coordinates of the destination rectangle; and the dw and dh arguments give the width and height of the destination rectangle." height=356 src=http://images.whatwg.org/drawImage.png width=356></p>
<p>If the image isn't yet fully decoded, then nothing is drawn. If the image is a canvas with no
data, throws an <code><a href=#invalidstateerror>InvalidStateError</a></code> exception.</p>
@@ -66417,7 +66417,7 @@
<p>The 2D rendering context for <code><a href=#the-canvas-element>canvas</a></code> is often used for sprite-based games. The
following example demonstrates this:</p>
- <iframe width=396 src=/demos/canvas/blue-robot/index-idle.html height=216></iframe>
+ <iframe height=216 src=/demos/canvas/blue-robot/index-idle.html width=396></iframe>
<p>Here is the source for this example:</p>
@@ -72046,7 +72046,7 @@
would have as its children the various links and text fields, as well as the dialog. The dialog
itself would have as its children the text field and the button.</p>
- <p><img src=http://images.whatwg.org/focus-tree.png alt=""> <!-- purely decorative: it repeats the previous
+ <p><img alt="" src=http://images.whatwg.org/focus-tree.png> <!-- purely decorative: it repeats the previous
paragraph, in graphical form -->
<p>If the widget with <i>focus</i> in this example was the text field in the dialog box, then key
@@ -72085,7 +72085,7 @@
<tbody>
<tr>
- <th headers=th-fa-area id=td-fa-1 class=data-header>
+ <th class=data-header headers=th-fa-area id=td-fa-1>
Elements that have their <a href=#specially-focusable>tabindex focus flag</a> set, that are not <a href=#concept-element-disabled title=concept-element-disabled>actually disabled</a>, that are not <a href=#expressly-inert-control title="expressly inert control">expressly inert</a>, and that are either <a href=#being-rendered>being
rendered</a> or <a href=#being-used-as-relevant-canvas-fallback-content>being used as relevant canvas fallback content</a>. <!--
CANVAS-FOCUS-FALLBACK -->
@@ -72099,7 +72099,7 @@
<tbody>
<tr>
- <th headers=th-fa-area id=td-fa-2 class=data-header>
+ <th class=data-header headers=th-fa-area id=td-fa-2>
The shapes of <code><a href=#the-area-element>area</a></code> elements in an <a href=#image-map>image map</a> associated with an
<code><a href=#the-img-element>img</a></code> element that is <a href=#being-rendered>being rendered</a> and is not <a href=#expressly-inert-control title="expressly
inert control">expressly inert</a>.
@@ -72120,7 +72120,7 @@
<tbody>
<tr>
- <th headers=th-fa-area id=td-fa-3 class=data-header>
+ <th class=data-header headers=th-fa-area id=td-fa-3>
The user-agent provided subwidgets of elements that are <a href=#being-rendered>being rendered</a> and are not
<a href=#concept-element-disabled title=concept-element-disabled>actually disabled</a> or <a href=#expressly-inert-control title="expressly
inert control">expressly inert</a>.
@@ -72137,7 +72137,7 @@
<tbody>
<tr>
- <th headers=th-fa-area id=td-fa-4 class=data-header>
+ <th class=data-header headers=th-fa-area id=td-fa-4>
The scrollable regions of elements that are <a href=#being-rendered>being rendered</a> are not <a href=#expressly-inert-control title="expressly inert control">expressly inert</a>. <!-- the being rendered part is kinda
redundant, a scrollable region is a box generated for the element so by definition if the
element has a scrollable region it is being rendered -->
@@ -72150,7 +72150,7 @@
<tbody>
<tr>
- <th headers=th-fa-area id=td-fa-5 class=data-header>
+ <th class=data-header headers=th-fa-area id=td-fa-5>
The viewport of a <code><a href=#document>Document</a></code> that is in a <a href=#browsing-context>browsing context</a> and is not
<a href=#inert>inert</a>.
<td headers="td-fa-5 th-fa-dom-rep">
@@ -72161,7 +72161,7 @@
<tbody>
<tr>
- <th headers=th-fa-area id=td-fa-6 class=data-header>
+ <th class=data-header headers=th-fa-area id=td-fa-6>
Any other element or part of an element, especially to aid with accessibility or to better
match platform conventions.
<td headers="td-fa-6 th-fa-dom-rep">
@@ -73480,7 +73480,7 @@
key that corresponds to the value given in the attribute, can be used as the access key, then
the user agent may assign that combination of keys as the element's <a href=#assigned-access-key>assigned access
key</a> and abort these steps.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</li>
</ol>
@@ -80589,7 +80589,7 @@
attributes to the <code><a href=#the-embed-element>embed</a></code> element, e.g. to link to a style sheet or a binding, or
to give the document a <code><a href=#the-title-element>title</a></code>.</p>
- <p id=sandboxPluginNavigate class=note>If the <code><a href=#document>Document</a></code>'s <a href=#active-sandboxing-flag-set>active sandboxing
+ <p class=note id=sandboxPluginNavigate>If the <code><a href=#document>Document</a></code>'s <a href=#active-sandboxing-flag-set>active sandboxing
flag set</a> has its <a href=#sandboxed-plugins-browsing-context-flag>sandboxed plugins browsing context flag</a> set, the synthesized
<code><a href=#the-embed-element>embed</a></code> element will <a href=#sandboxPluginEmbed>fail to render the content</a> if
the relevant <a href=#plugin>plugin</a> cannot be <a href=#concept-plugin-secure title=concept-plugin-secure>secured</a>.</p>
@@ -83545,7 +83545,7 @@
<li>The user has not disabled scripting for this <a href=#browsing-context>browsing context</a> at this time.
(User agents may provide users with the option to disable scripting globally, or in a
finer-grained manner, e.g. on a per-origin basis.)
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</li>
<li id=sandboxScriptBlocked>The <a href=#browsing-context>browsing context</a>'s <a href=#active-document>active document</a>'s
@@ -84049,7 +84049,7 @@
<li><p>Let <var title="">message</var> be a user-agent-defined string describing the error in a
helpful manner.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</li>
<li><p>Let <var title="">error object</var> be the object that represents the error: in the case
@@ -86994,7 +86994,7 @@
profile the user. In fact, if enough such information is available, a user can actually be
uniquely identified. For this reason, user agent implementors are strongly urged to include as
little information in this API as possible.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
</div>
@@ -87073,7 +87073,7 @@
<li>Any information in this API that varies from user to user can be used to profile or identify
the user.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</li>
<li>If the user is not using a service that obfuscates the user's point of origin (e.g. the Tor
@@ -87089,7 +87089,7 @@
<p>To avoid introducing any more fingerprinting vectors, user agents should use the same list for
the APIs defined in this function as for the HTTP <code title=http-accept-language>Accept-Language</code> header.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
</div>
@@ -87412,7 +87412,7 @@
state of the handler described by the two arguments to the method, where the first argument gives
the scheme and the second gives the string used to build the <a href=#url>URL</a> of the page that
will handle the requests.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The first argument must be compared to the schemes for which custom protocol handlers are
@@ -87429,7 +87429,7 @@
state of the handler described by the two arguments to the method, where the first argument gives
the <a href=#mime-type>MIME type</a> and the second gives the string used to build the <a href=#url>URL</a> of
the page that will handle the requests.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The first argument must be compared to the <a href=#mime-type title="MIME type">MIME types</a> for which
@@ -87651,7 +87651,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 width=534 src=http://images.whatwg.org/sample-content-handler-registration.png 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></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://images.whatwg.org/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 that page, "application/x-meowmeow" is the string that
@@ -87665,7 +87665,7 @@
<p>When the user then attempts to fetch a URL that uses the "application/x-meowmeow" <a href=#mime-type>MIME
type</a>, then it might display a dialog as follows:</p>
- <p><img width=577 src=http://images.whatwg.org/sample-content-handler.png 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 labeled 'Always do this for resources using the "application/x-meowmeow" type in future.', and with two buttons, 'Ok' and 'Cancel'." height=428></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 labeled 'Always do this for resources using the "application/x-meowmeow" type in future.', and with two buttons, 'Ok' and 'Cancel'." height=428 src=http://images.whatwg.org/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>
@@ -87916,13 +87916,13 @@
<p>The <a href=#supported-property-indices>supported property indices</a> of a <code><a href=#pluginarray>PluginArray</a></code> object are the
numbers from zero to the number of non-<a href=#hidden-plugin title="hidden plugin">hidden</a> <a href=#plugin title=plugin>plugins</a> represented by the object, if any.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The <dfn id=dom-pluginarray-length title=dom-PluginArray-length><code>length</code></dfn> attribute must return the
number of non-<a href=#hidden-plugin title="hidden plugin">hidden</a> <a href=#plugin title=plugin>plugins</a>
represented by the object.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The <dfn id=dom-pluginarray-item title=dom-PluginArray-item><code>item()</code></dfn> method of a
@@ -87941,14 +87941,14 @@
</ol>
- <p class=note>It is important <a href=#fingerprinting-vector class=no-backref title="fingerprinting vector">for
+ <p class=note>It is important <a class=no-backref href=#fingerprinting-vector title="fingerprinting vector">for
privacy</a> that the order of plugins not leak additional information, e.g. the order in which
plugins were installed.</p>
<p>The <a href=#supported-property-names>supported property names</a> of a <code><a href=#pluginarray>PluginArray</a></code> object are the values
of the <code title=dom-Plugin-name><a href=#dom-plugin-name>name</a></code> attributes of all the <code title=dom-Plugin><a href=#dom-plugin>Plugin</a></code> objects represented by the <code><a href=#pluginarray>PluginArray</a></code> object. The
properties exposed in this way must be <a href=#unenumerable>unenumerable</a>.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The <dfn id=dom-pluginarray-nameditem title=dom-PluginArray-namedItem><code>namedItem()</code></dfn> method of a
@@ -87986,13 +87986,13 @@
numbers from zero to the number of <a href=#mime-type title="MIME type">MIME types</a> <a href=#explicitly-supported>explicitly
supported</a> by non-<a href=#hidden-plugin title="hidden plugin">hidden</a> <a href=#plugin title=plugin>plugins</a> represented by the corresponding <code><a href=#pluginarray>PluginArray</a></code> object, if
any.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The <dfn id=dom-mimetypearray-length title=dom-MimeTypeArray-length><code>length</code></dfn> attribute must return the
number of <a href=#mime-type title="MIME type">MIME types</a> <a href=#explicitly-supported>explicitly supported</a> by non-<a href=#hidden-plugin title="hidden plugin">hidden</a> <a href=#plugin title=plugin>plugins</a> represented by the
corresponding <code><a href=#pluginarray>PluginArray</a></code> object, if any.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The <dfn id=dom-mimetypearray-item title=dom-MimeTypeArray-item><code>item()</code></dfn> method of a
@@ -88012,7 +88012,7 @@
</ol>
- <p class=note>It is important <a href=#fingerprinting-vector class=no-backref title="fingerprinting vector">for
+ <p class=note>It is important <a class=no-backref href=#fingerprinting-vector title="fingerprinting vector">for
privacy</a> that the order of MIME types not leak additional information, e.g. the order in
which plugins were installed.</p>
@@ -88020,7 +88020,7 @@
of the <code title=dom-MimeType-type><a href=#dom-mimetype-type>type</a></code> attributes of all the <code><a href=#mimetype>MimeType</a></code>
objects represented by the <code><a href=#mimetypearray>MimeTypeArray</a></code> object. The properties exposed in this way
must be <a href=#unenumerable>unenumerable</a>.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The <dfn id=dom-mimetypearray-nameditem title=dom-MimeTypeArray-namedItem><code>namedItem()</code></dfn> method of a
@@ -88048,12 +88048,12 @@
<p>The <a href=#supported-property-indices>supported property indices</a> of a <code title=dom-Plugin><a href=#dom-plugin>Plugin</a></code> object
are the numbers from zero to the number of <a href=#reported-mime-types>reported MIME types</a>.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The <dfn id=dom-plugin-length title=dom-Plugin-length><code>length</code></dfn> attribute must return the number
of <a href=#reported-mime-types>reported MIME types</a>.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The <dfn id=dom-plugin-item title=dom-Plugin-item><code>item()</code></dfn> method of a <code title=dom-Plugin><a href=#dom-plugin>Plugin</a></code> object must return null if the argument is not one of the
@@ -88071,7 +88071,7 @@
</ol>
- <p class=note>It is important <a href=#fingerprinting-vector class=no-backref title="fingerprinting vector">for
+ <p class=note>It is important <a class=no-backref href=#fingerprinting-vector title="fingerprinting vector">for
privacy</a> that the order of MIME types not leak additional information, e.g. the order in
which plugins were installed.</p>
@@ -88079,7 +88079,7 @@
are the values of the <code title=dom-MimeType-type><a href=#dom-mimetype-type>type</a></code> attributes of the
<code><a href=#mimetype>MimeType</a></code> objects representing the <a href=#reported-mime-types>reported MIME types</a>. The properties
exposed in this way must be <a href=#unenumerable>unenumerable</a>.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>The <dfn id=dom-plugin-nameditem title=dom-Plugin-namedItem><code>namedItem()</code></dfn> method of a <code title=dom-Plugin><a href=#dom-plugin>Plugin</a></code> object must return null if the argument is not one of the
@@ -88099,7 +88099,7 @@
as a trivial way to determine what security vulnerabilities a <a href=#plugin>plugin</a> (and thus a
browser) may have. It is thus highly recommended that the <code title=dom-Plugin-description><a href=#dom-plugin-description>description</a></code> attribute just return the same value as the
<code title=dom-Plugin-name><a href=#dom-plugin-name>name</a></code> attribute, and that the <code title=dom-Plugin-filename><a href=#dom-plugin-filename>filename</a></code> attribute return the empty string.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<hr>
@@ -88124,7 +88124,7 @@
as a trivial way to determine what security vulnerabilities a <a href=#plugin>plugin</a> (and thus a
browser) may have. It is thus highly recommended that the <code title=dom-MimeType-description><a href=#dom-mimetype-description>description</a></code> attribute just return the same value as the
<code title=dom-MimeType-type><a href=#dom-mimetype-type>type</a></code> attribute, and that the <code title=dom-MimeType-suffixes><a href=#dom-mimetype-suffixes>suffixes</a></code> attribute return the empty string.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p class=note>Commas in the <code title=dom-MimeType-suffixes><a href=#dom-mimetype-suffixes>suffixes</a></code> attribute are
@@ -88141,7 +88141,7 @@
<p>The <dfn id=dom-navigator-javaenabled title=dom-navigator-javaEnabled><code>navigator.javaEnabled</code></dfn> attribute
must return true if the user agent supports a <a href=#plugin>plugin</a> that supports the <a href=#mime-type>MIME
type</a> "<code title="">application/x-java-vm</code>"; otherwise it must return false.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
</div>
@@ -88224,7 +88224,7 @@
<p>The <dfn id=dom-external-issearchproviderinstalled title=dom-external-IsSearchProviderInstalled><code>IsSearchProviderInstalled()</code></dfn>
method, when invoked, must run the following steps:
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<ol>
@@ -94259,7 +94259,7 @@
<p>The <dfn id=dom-localstorage title=dom-localStorage><code>localStorage</code></dfn> object provides a
<code><a href=#storage-0>Storage</a></code> object for an <a href=#origin>origin</a>.
- <a href=#fingerprinting-vector class=fingerprint title="fingerprinting vector"><img width=46 src=http://images.whatwg.org/fingerprint.png alt="(This is a fingerprinting vector.)" height=64></a>
+ <a class=fingerprint href=#fingerprinting-vector title="fingerprinting vector"><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
</p>
<p>User agents must have a set of local storage areas, one for each <a href=#origin>origin</a>.</p>
@@ -95680,7 +95680,7 @@
<p>For the purposes of conformance checkers, if a resource is determined to be in <a href=#syntax>the HTML
syntax</a>, then it is an <a href=#html-documents title="HTML documents">HTML document</a>.</p>
- <p class=note>As stated <a href=#html-elements class=no-backref title="HTML elements">in the terminology
+ <p class=note>As stated <a class=no-backref href=#html-elements title="HTML elements">in the terminology
section</a>, references to <a href=#element-type title="element type">element types</a> that do not
explicitly specify a namespace always refer to elements in the <a href=#html-namespace-0>HTML namespace</a>. For
example, if the spec talks about "a <code><a href=#the-menuitem-element>menuitem</a></code> element", then that is an element with
@@ -95694,7 +95694,7 @@
<h4 id=overview-of-the-parsing-model><span class=secno>12.2.1 </span>Overview of the parsing model</h4>
- <p class=overview><object width=345 height=535 data=images/parsing-model-overview.svg><img width=345 src=http://images.whatwg.org/parsing-model-overview.png alt="" height=450></object></p>
+ <p class=overview><object data=images/parsing-model-overview.svg height=535 width=345><img alt="" height=450 src=http://images.whatwg.org/parsing-model-overview.png width=345></object></p>
<p>The input to the HTML parsing process consists of a stream of <a href=#unicode-code-point title="Unicode code
point">Unicode code points</a>, which is passed through a <a href=#tokenization>tokenization</a> stage
@@ -108367,7 +108367,7 @@
<a href=#ordinal-value>ordinal value</a> of the <code><a href=#the-li-element>li</a></code> element to render the counter in the list item
marker.</p>
- <p id=css-list-rendering class=critical>This specification does not yet define the
+ <p class=critical id=css-list-rendering>This specification does not yet define the
CSS-specific rules for rendering <code><a href=#the-li-element>li</a></code> elements, because CSS doesn't yet provide
sufficient hooks for this purpose.</p>
@@ -109630,7 +109630,7 @@
<!-- http://software.hixie.ch/utilities/js/canvas/?c.clearRect(0%2C%200%2C%20640%2C%20480)%3B%0Ac.save()%3B%0Atry%20{%0A%20%20c.fillStyle%20%3D%20'black'%3B%0A%20%20c.font%20%3D%20'8px%20sans-serif'%3B%0A%20%20c.fillText('Wide'%2C%2043%2C105)%3B%0A%20%20c.fillText('Tall'%2C%20100%2C105)%3B%0A%20%20c.fillText('Square'%2C%20128%2C105)%3B%0A%20%20c.font%20%3D%20'700%2010px%20sans-serif'%3B%0A%20%20c.fillText('Progress%20Bars'%2C%2013%2C30)%3B%0A%20%20c.font%20%3D%20'100%2010px%20sans-serif'%3B%0A%20%20c.fillText('(80%25)'%2C%2037%2C45)%3B%0A%20%20c.beginPath()%3B%0A%20%20var%20g%20%3D%20c.createLinearGradient(10%2C0%2C80%2C0)%3B%0A%20%20g.addColorStop(0%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.8%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.9%2C%20'%23FFFF00')%3B%0A%20%20c.fillStyle%20%3D%20g%3B%0A%20%20c.rect(10%2C80%2C80%2C15)%3B%0A%20%20c.fill()%3B%0A%20%20c.strokeStyle%20%3D%20'black'%3B%0A%20%20c.stroke()%3B%0A%20%20c.beginPath()%3B%0A%20%20var%20g%20%3D%20c.createL
inearGradient(0%2C80%2C0%2C20)%3B%0A%20%20g.addColorStop(0%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.75%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.85%2C%20'%23FFFF00')%3B%0A%20%20c.fillStyle%20%3D%20g%3B%0A%20%20c.rect(100%2C15%2C15%2C80)%3B%0A%20%20c.fill()%3B%0A%20%20c.strokeStyle%20%3D%20'black'%3B%0A%20%20c.stroke()%3B%0A%0A%20%20c.beginPath()%3B%0A%20%20c.fillStyle%20%3D%20'yellow'%3B%0A%20%20c.arc(140%2C80%2C15%2C0%2C2*Math.PI%2C%20true)%3B%0A%20%20c.fill()%3B%0A%20%20c.beginPath()%3B%0A%20%20c.fillStyle%20%3D%20'lime'%3B%0A%20%20c.moveTo(140%2C80)%3B%0A%20%20c.arc(140%2C80%2C15%2C-Math.PI%2F2%2C1.2*Math.PI%2C%20false)%3B%0A%20%20c.fill()%3B%0A%20%20c.beginPath()%3B%0A%20%20c.arc(140%2C80%2C15%2C0%2C2*Math.PI%2C%20true)%3B%0A%20%20c.strokeStyle%20%3D%20'black'%3B%0A%20%20c.stroke()%3B%0A}%20finally%20{%0A%20%20c.restore()%3B%0A}%0A -->
- <p> <img width=157 src=http://images.whatwg.org/sample-progress.png class=extra alt="" height=103> When the
+ <p> <img alt="" class=extra height=103 src=http://images.whatwg.org/sample-progress.png width=157> When the
element is wider than it is tall, the element is expected to be depicted as a horizontal progress
bar, with the start on the right and the end on the left if the 'direction' property on this
element has a computed value of 'rtl', and with the start on the left and the end on the right
@@ -110162,7 +110162,7 @@
ensure that the punctuation was the same both in the drop down, and in the box showing the
current selection.</p>
- <p><img width=206 src=http://images.whatwg.org/bidiselect.png alt="" height=105></p> <!-- no need for alt
+ <p><img alt="" height=105 src=http://images.whatwg.org/bidiselect.png width=206></p> <!-- no need for alt
text, the previous paragraph describes it completely -->
</div>
@@ -118161,32 +118161,32 @@
<div itemscope="" itemtype=http://n.whatwg.org/work>
- <p>The image in the introduction is based on <a itemprop=work href=http://www.flickr.com/photos/wonderlane/2986252088/>a photo</a>
- by <a itemprop=http://creativecommons.org/ns#attributionURL href=http://www.flickr.com/photos/wonderlane/>Wonderlane</a>.
- (<a itemprop=license href=http://creativecommons.org/licenses/by/2.0/>CC BY 2.0</a>)
+ <p>The image in the introduction is based on <a href=http://www.flickr.com/photos/wonderlane/2986252088/ itemprop=work>a photo</a>
+ by <a href=http://www.flickr.com/photos/wonderlane/ itemprop=http://creativecommons.org/ns#attributionURL>Wonderlane</a>.
+ (<a href=http://creativecommons.org/licenses/by/2.0/ itemprop=license>CC BY 2.0</a>)
</div>
<div itemscope="" itemtype=http://n.whatwg.org/work>
<p>The image of two cute kittens in a basket used in the context menu example is based on
- <a itemprop=work href=http://www.flickr.com/photos/digidreamgrafix/8370087640/>a photo</a>
- by <a itemprop=http://creativecommons.org/ns#attributionURL href=http://www.flickr.com/photos/digidreamgrafix/>Alex G</a>.
- (<a itemprop=license href=http://creativecommons.org/licenses/by/2.0/>CC BY 2.0</a>)
+ <a href=http://www.flickr.com/photos/digidreamgrafix/8370087640/ itemprop=work>a photo</a>
+ by <a href=http://www.flickr.com/photos/digidreamgrafix/ itemprop=http://creativecommons.org/ns#attributionURL>Alex G</a>.
+ (<a href=http://creativecommons.org/licenses/by/2.0/ itemprop=license>CC BY 2.0</a>)
</div>
<div itemscope="" itemtype=http://n.whatwg.org/work>
<p>The Blue Robot Player sprite used in the canvas demo is based on
- <a itemprop=work href=http://johncolburn.deviantart.com/art/Blue-Robot-Player-Sprite-323813997>a work</a> by
- <a itemprop=http://creativecommons.org/ns#attributionURL href=http://johncolburn.deviantart.com/>JohnColburn</a>.
- (<a itemprop=license href=http://creativecommons.org/licenses/by-sa/3.0/>CC BY-SA 3.0</a>)</p>
+ <a href=http://johncolburn.deviantart.com/art/Blue-Robot-Player-Sprite-323813997 itemprop=work>a work</a> by
+ <a href=http://johncolburn.deviantart.com/ itemprop=http://creativecommons.org/ns#attributionURL>JohnColburn</a>.
+ (<a href=http://creativecommons.org/licenses/by-sa/3.0/ itemprop=license>CC BY-SA 3.0</a>)</p>
</div>
<div itemscope="" itemtype=http://n.whatwg.org/work>
<p>The photograph of robot 148 climbing the tower at the FIRST Robotics Competition 2013 Silicon Valley Regional is based on
- <a itemprop=work href=http://www.flickr.com/photos/lenore-m/8631391979/>a work</a> by
- <a itemprop=http://creativecommons.org/ns#attributionURL href=http://www.flickr.com/photos/lenore-m/>Lenore Edman</a>.
- (<a itemprop=license href=http://creativecommons.org/licenses/by/2.0/>CC BY 2.0</a>)</p>
+ <a href=http://www.flickr.com/photos/lenore-m/8631391979/ itemprop=work>a work</a> by
+ <a href=http://www.flickr.com/photos/lenore-m/ itemprop=http://creativecommons.org/ns#attributionURL>Lenore Edman</a>.
+ (<a href=http://creativecommons.org/licenses/by/2.0/ itemprop=license>CC BY 2.0</a>)</p>
</div>
<p>Parts of this specification are © Copyright 2004-2014 Apple Inc., Mozilla Foundation, and
More information about the Commit-Watchers
mailing list