[html5] r8845 - [giow] (2) Define how focus sequential navigation works in slightly more detail; [...]
whatwg at whatwg.org
whatwg at whatwg.org
Thu Nov 6 17:09:42 PST 2014
Author: ianh
Date: 2014-11-06 17:09:38 -0800 (Thu, 06 Nov 2014)
New Revision: 8845
Modified:
complete.html
index
source
Log:
[giow] (2) Define how focus sequential navigation works in slightly more detail; make navigating to an unfocusable control lead to the viewport being refocused.
Fixing https://www.w3.org/Bugs/Public/show_bug.cgi?id=26907
Affected topics: HTML
Modified: complete.html
===================================================================
--- complete.html 2014-10-30 18:30:32 UTC (rev 8844)
+++ complete.html 2014-11-07 01:09:38 UTC (rev 8845)
@@ -340,7 +340,7 @@
</style><body onload=init()>
<header id=head class="head with-buttons">
<p><a href=https://whatwg.org/ class=logo><img src=//whatwg.org/images/logo width=101 alt=WHATWG height=101></a></p>
- <hgroup><h1 class=allcaps>HTML</h1><h2 id=living-standard-—-last-updated-[date:-01-jan-1901] class="no-num no-toc">Living Standard — Last Updated <span class=pubdate>30 October 2014</span></h2></hgroup>
+ <hgroup><h1 class=allcaps>HTML</h1><h2 id=living-standard-—-last-updated-[date:-01-jan-1901] class="no-num no-toc">Living Standard — Last Updated <span class=pubdate>6 November 2014</span></h2></hgroup>
<nav>
<div>
@@ -7842,7 +7842,7 @@
- <h5 id=embedding-custom-non-visible-data-with-the-data-*-attributes>3.2.5.9 <dfn>Embedding custom non-visible data</dfn> with the <code id=embedding-custom-non-visible-data-with-the-data-*-attributes:attr-data-*><a href=#attr-data-*>data-*</a></code> attributes</h5><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>7+</span></span><span class="ie yes"><span>IE</span> <span>11+</span></span><span class="firefox yes"><span>Firefox</span> <span>6+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="op_mini partial"><span><span>Opera Mini</span> (limited) </span><span>5.0-8.0+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>
9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5.1+</span></span><span class="opera yes"><span>Opera</span> <span>11.1+</span></span><span class="ie_mob partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=dataset">caniuse.com</a></div>
+ <h5 id=embedding-custom-non-visible-data-with-the-data-*-attributes>3.2.5.9 <dfn>Embedding custom non-visible data</dfn> with the <code id=embedding-custom-non-visible-data-with-the-data-*-attributes:attr-data-*><a href=#attr-data-*>data-*</a></code> attributes</h5><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>7+</span></span><span class="ie yes"><span>IE</span> <span>11+</span></span><span class="firefox yes"><span>Firefox</span> <span>6+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini partial"><span><span>Opera Mini</span> (limited) </span><span>5.0-
8.0+</span></span><span class="safari yes"><span>Safari</span> <span>5.1+</span></span><span class="opera yes"><span>Opera</span> <span>11.1+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>11+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=dataset">caniuse.com</a></div>
<p>A <dfn id=custom-data-attribute>custom data attribute</dfn> is an attribute in no namespace whose name starts with the
string "<dfn id=attr-data-*><code>data-</code></dfn>", has at least one character after the
@@ -10118,7 +10118,7 @@
<p>The <dfn id=attr-style-scoped><code>scoped</code></dfn> attribute is a <a href=#boolean-attribute id=the-style-element:boolean-attribute>boolean
attribute</a>. If present, it indicates that the styles are intended just for the subtree
rooted at the <code id=the-style-element:the-style-element-4><a href=#the-style-element>style</a></code> element's parent element, as opposed to the whole
- <code id=the-style-element:document><a href=#document>Document</a></code>.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome no"><span>Chrome</span> <span>None</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>21+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera no"><span>Opera</span> <span>None</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><sp
an class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=style-scoped">caniuse.com</a></div>
+ <code id=the-style-element:document><a href=#document>Document</a></code>.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome no"><span>Chrome</span> <span>None</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>21+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera no"><span>Opera</span> <span>None</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><sp
an class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=style-scoped">caniuse.com</a></div>
<p>If the <code id=the-style-element:attr-style-scoped-6><a href=#attr-style-scoped>scoped</a></code> attribute is present and the element has a
parent element, then the <code id=the-style-element:the-style-element-5><a href=#the-style-element>style</a></code> element must precede any <a href=#flow-content-2 id=the-style-element:flow-content-2-4>flow content</a> in
@@ -10327,7 +10327,7 @@
- <h3 id=sections>4.3 Sections</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>6+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="android yes"><span>Android Browser</span> <span>2.2+</span></span><span class="op_mini partial"><span><span>Opera Mini</span> (limited) </span><span>5.0-8.0+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>11.1+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span cl
ass="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=html5semantic">caniuse.com</a></div>
+ <h3 id=sections>4.3 Sections</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>6+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="android yes"><span>Android Browser</span> <span>2.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini partial"><span><span>Opera Mini</span> (limited) </span><span>5.0-8.0+</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>11.1+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span cl
ass="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=html5semantic">caniuse.com</a></div>
<h4 id=the-body-element>4.3.1 The <dfn><code>body</code></dfn> element</h4>
@@ -13501,7 +13501,7 @@
</div>
- <h4 id=the-figcaption-element>4.4.12 The <dfn><code>figcaption</code></dfn> element</h4>
+ <h4 id=the-figcaption-element>4.4.12 The <dfn><code>figcaption</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=12835" title="FIGCAPTION should be allowed to NOT be exactly first/last child of FIGURE ("The figcaption element" spec section)">12835</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-figcaption-element:concept-element-categories>Categories</a>:<dd>None.<dt><a href=#concept-element-contexts id=the-figcaption-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>As the first or last child of a <code id=the-figcaption-element:the-figure-element><a href=#the-figure-element>figure</a></code> element.<dt><a href=#concept-element-content-model id=the-figcaption-element:concept-element-content-model>Content model</a>:<dd><a href=#flow-content-2 id=the-figcaption-element:flow-content-2>Flow content</a>.<dt><a href=#concept-element-tag-omission id=the-figcaption-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-figcaption-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-figcaption-element:global-attributes>Global attributes</a><dt>
<a href=#concept-element-dom id=the-figcaption-element:concept-element-dom>DOM interface</a>:<dd>Uses <code id=the-figcaption-element:htmlelement><a href=#htmlelement>HTMLElement</a></code>.</dl>
@@ -13729,7 +13729,7 @@
attributes of the same name.</p>
<p>The IDL attribute <dfn id=dom-a-rellist><code>relList</code></dfn> must
- <a href=#reflect id=the-a-element:reflect-2>reflect</a> the <code id=the-a-element:attr-hyperlink-rel-4><a href=#attr-hyperlink-rel>rel</a></code> content attribute.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome no"><span>Chrome</span> <span>None</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>30+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera no"><span>Opera</span> <span>No
ne</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=rellist">caniuse.com</a></div>
+ <a href=#reflect id=the-a-element:reflect-2>reflect</a> the <code id=the-a-element:attr-hyperlink-rel-4><a href=#attr-hyperlink-rel>rel</a></code> content attribute.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome no"><span>Chrome</span> <span>None</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>30+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera no"><span>Opera</span> <span>No
ne</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=rellist">caniuse.com</a></div>
<p>The <dfn id=dom-a-text><code>text</code></dfn> IDL attribute, on getting, must return the
same value as the <code id=the-a-element:textcontent-2><a href=#textcontent>textContent</a></code> IDL attribute on the element, and on setting, must act
@@ -16077,7 +16077,7 @@
- <h4 id=downloading-resources>4.6.4 Downloading resources</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>14+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>20+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and
_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=download">caniuse.com</a></div>
+ <h4 id=downloading-resources>4.6.4 Downloading resources</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>14+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>20+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and
_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=download">caniuse.com</a></div>
<p>In some cases, resources are intended for later use rather than immediate viewing. To indicate
that a resource is intended to be downloaded for use later, rather than immediately used, the
@@ -16504,7 +16504,7 @@
<p>For <code id=link-type-help:the-a-element-3><a href=#the-a-element>a</a></code> and <code id=link-type-help:the-area-element-3><a href=#the-area-element>area</a></code> elements, on some browsers, the <code id=link-type-help:link-type-help-4><a href=#link-type-help>help</a></code> keyword causes the link to use a different cursor.</p>
- <h5 id=rel-icon>4.6.5.6 Link type "<dfn><code>icon</code></dfn>"</h5><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>11+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><sp
an class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=link-icon-png">caniuse.com</a></div>
+ <h5 id=rel-icon>4.6.5.6 Link type "<dfn><code>icon</code></dfn>"</h5><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>11+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><sp
an class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=link-icon-png">caniuse.com</a></div>
<p>The <code id=rel-icon:rel-icon><a href=#rel-icon>icon</a></code> keyword may be used with <code id=rel-icon:the-link-element><a href=#the-link-element>link</a></code> elements.
This keyword creates an <a href=#external-resource-link id=rel-icon:external-resource-link>external resource link</a>.</p>
@@ -17782,7 +17782,7 @@
<dl><dt>Media Queries <a href=#refsMQ>[MQ]</a><dd><dfn id=media-condition><media-condition></dfn><dt>CSS Values and Units <a href=#refsCSSVALUES>[CSSVALUES]</a><dd><dfn id=length><length></dfn><dt>CSS Syntax <a href=#refsCSSSYNTAX>[CSSSYNTAX]</a><dd><dfn id=parse-a-comma-separated-list-of-component-values>Parse a comma-separated list of component values</dfn><dd><dfn id=component-value>component value</dfn><dd><dfn id=whitespace-token><whitespace-token></dfn><dt>Fetch <a href=#refsFETCH>[FETCH]</a><dd><dfn id=concept-request-context>context</dfn></dl>
- <h4 id=the-picture-element>4.8.3 The <dfn><code>picture</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=26121" title="Ensure changes to <picture> element et al get tracked by @WHATWG and web-apps-tracker">26121</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>38+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span><
/span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>25+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=picture">caniuse.com</a></div>
+ <h4 id=the-picture-element>4.8.3 The <dfn><code>picture</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=26121" title="Ensure changes to <picture> element et al get tracked by @WHATWG and web-apps-tracker">26121</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>38+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span><
/span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>25+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=picture">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-picture-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-picture-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-picture-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#embedded-content-category id=the-picture-element:embedded-content-category>Embedded content</a>.<dt><a href=#concept-element-contexts id=the-picture-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#embedded-content-category id=the-picture-element:embedded-content-category-2>embedded content</a> is expected.<dt><a href=#concept-element-content-model id=the-picture-element:concept-element-content-model>Content model</a>:<dd>Zero or more <code id=the-picture-element:the-source-element-when-used-with-the-picture-element><a href=#the-source-element-when-used-with-the-picture-element>source</a></code> elements, followed b
y one <code id=the-picture-element:the-img-element><a href=#the-img-element>img</a></code> element, optionally intermixed with <a href=#script-supporting-elements-2 id=the-picture-element:script-supporting-elements-2>script-supporting elements</a>.<dt><a href=#concept-element-tag-omission id=the-picture-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-picture-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-picture-element:global-attributes>Global attributes</a><dt><a href=#concept-element-dom id=the-picture-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmlpictureelement>HTMLPictureElement</dfn> : <a href=#htmlelement id=the-picture-element:htmlelement>HTMLElement</a> {};</pre>
@@ -17900,7 +17900,7 @@
is the embedded content; the value of
the <dfn id=attr-img-alt><code>alt</code></dfn> attribute provides equivalent content for
those who cannot process images or who have image loading disabled (i.e. it is the
- <code id=the-img-element:the-img-element-2><a href=#the-img-element>img</a></code> element's <a href=#fallback-content id=the-img-element:fallback-content>fallback content</a>).<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>38+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>8+</span></span><span class="android yes"><span>Android Browser</span> <span>37+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="safari partial"><span><span>Safari</span> (limited) </span><span>7.
1+</span></span><span class="opera yes"><span>Opera</span> <span>25+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=srcset">caniuse.com</a></div>
+ <code id=the-img-element:the-img-element-2><a href=#the-img-element>img</a></code> element's <a href=#fallback-content id=the-img-element:fallback-content>fallback content</a>).<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>38+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>8+</span></span><span class="android yes"><span>Android Browser</span> <span>37+</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari partial"><span><span>Safari</span> (limited) </span><span>7.
1+</span></span><span class="opera yes"><span>Opera</span> <span>25+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=srcset">caniuse.com</a></div>
<p>The requirements on the <code id=the-img-element:attr-img-alt-2><a href=#attr-img-alt>alt</a></code> attribute's value are described
<a href=#alt>in the next section</a>.</p>
@@ -20244,7 +20244,7 @@
<p>The <dfn id=attr-iframe-sandbox><code>sandbox</code></dfn> attribute, when specified,
enables a set of extra restrictions on any content hosted by the <code id=the-iframe-element:the-iframe-element-25><a href=#the-iframe-element>iframe</a></code>. Its value
must be an <a href=#unordered-set-of-unique-space-separated-tokens id=the-iframe-element:unordered-set-of-unique-space-separated-tokens>unordered set of unique space-separated tokens</a> that are <a href=#ascii-case-insensitive id=the-iframe-element:ascii-case-insensitive>ASCII
- case-insensitive</a>. The allowed values are <code id=the-iframe-element:attr-iframe-sandbox-allow-forms><a href=#attr-iframe-sandbox-allow-forms>allow-forms</a></code>, <code id=the-iframe-element:attr-iframe-sandbox-allow-pointer-lock><a href=#attr-iframe-sandbox-allow-pointer-lock>allow-pointer-lock</a></code>, <code id=the-iframe-element:attr-iframe-sandbox-allow-popups><a href=#attr-iframe-sandbox-allow-popups>allow-popups</a></code>, <code id=the-iframe-element:attr-iframe-sandbox-allow-same-origin><a href=#attr-iframe-sandbox-allow-same-origin>allow-same-origin</a></code>, <code id=the-iframe-element:attr-iframe-sandbox-allow-scripts><a href=#attr-iframe-sandbox-allow-scripts>allow-scripts</a></code>, and <code id=the-iframe-element:attr-iframe-sandbox-allow-top-navigation><a href=#attr-iframe-sandbox-allow-top-navigation>allow-top-navigation</a></code>.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</stron
g> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>28+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.2-4.3+</span></span><span class="android yes"><span>Android Browser</span> <span>2.2+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=iframe-sandbox">caniuse.com</a></div>
+ case-insensitive</a>. The allowed values are <code id=the-iframe-element:attr-iframe-sandbox-allow-forms><a href=#attr-iframe-sandbox-allow-forms>allow-forms</a></code>, <code id=the-iframe-element:attr-iframe-sandbox-allow-pointer-lock><a href=#attr-iframe-sandbox-allow-pointer-lock>allow-pointer-lock</a></code>, <code id=the-iframe-element:attr-iframe-sandbox-allow-popups><a href=#attr-iframe-sandbox-allow-popups>allow-popups</a></code>, <code id=the-iframe-element:attr-iframe-sandbox-allow-same-origin><a href=#attr-iframe-sandbox-allow-same-origin>allow-same-origin</a></code>, <code id=the-iframe-element:attr-iframe-sandbox-allow-scripts><a href=#attr-iframe-sandbox-allow-scripts>allow-scripts</a></code>, and <code id=the-iframe-element:attr-iframe-sandbox-allow-top-navigation><a href=#attr-iframe-sandbox-allow-top-navigation>allow-top-navigation</a></code>.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</stron
g> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>28+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.2-4.3+</span></span><span class="android yes"><span>Android Browser</span> <span>2.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=iframe-sandbox">caniuse.com</a></div>
<p>When the attribute is set, the content is treated as being from a unique <a href=#origin-2 id=the-iframe-element:origin-2-2>origin</a>,
forms, scripts, and various potentially annoying APIs are disabled, links are prevented from
@@ -20363,7 +20363,7 @@
<p>The <dfn id=attr-iframe-seamless><code>seamless</code></dfn> attribute is a <a href=#boolean-attribute id=the-iframe-element:boolean-attribute>boolean
attribute</a>. When specified, it indicates that the <code id=the-iframe-element:the-iframe-element-42><a href=#the-iframe-element>iframe</a></code> element's
<a href=#browsing-context id=the-iframe-element:browsing-context-9>browsing context</a> is to be rendered in a manner that makes it appear to be part of the
- containing document (seamlessly included in the parent document).<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18172" title="Please clarify how seamless should interact with scrollbars">18172</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=25376" title="IFrame Seamless attribute should allow for disabling features">25376</a><p class=support><strong>Support:</strong> <span class="chrome no"><span>Chrome</span> <span>None</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span>
<span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera no"><span>Opera</span> <span>None</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=iframe-seamless">caniuse.com</a></div>
+ containing document (seamlessly included in the parent document).<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18172" title="Please clarify how seamless should interact with scrollbars">18172</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=25376" title="IFrame Seamless attribute should allow for disabling features">25376</a><p class=support><strong>Support:</strong> <span class="chrome no"><span>Chrome</span> <span>None</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for And
roid</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera no"><span>Opera</span> <span>None</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=iframe-seamless">caniuse.com</a></div>
<div class=example>
@@ -21448,7 +21448,7 @@
- <h4 id=the-video-element>4.8.10 The <dfn id=video><code>video</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=5755" title="<video>: Expose media resource metadata (e.g. movie name, release year)">5755</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=25547" title="Shouldn't <video> allow intermixed script-supporting elements?">25547</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=13437" title="Editorial changes to The Video element (5 of 5)">13437</a></div><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome
for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.3+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=video">caniuse.com</a></div>
+ <h4 id=the-video-element>4.8.10 The <dfn id=video><code>video</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=5755" title="<video>: Expose media resource metadata (e.g. movie name, release year)">5755</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=25547" title="Shouldn't <video> allow intermixed script-supporting elements?">25547</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=13437" title="Editorial changes to The Video element (5 of 5)">13437</a></div><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome
for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.3+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=video">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-video-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-video-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-video-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#embedded-content-category id=the-video-element:embedded-content-category>Embedded content</a>.<dd>If the element has a <code id=the-video-element:attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute: <a href=#interactive-content-2 id=the-video-element:interactive-content-2>Interactive content</a>.<dd><a href=#palpable-content-2 id=the-video-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-video-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#embedded-content-category id=the-video-element:embedded-content-category-2>embedded content</a> is expected.<dt>
<a href=#concept-element-content-model id=the-video-element:concept-element-content-model>Content model</a>:<dd>If the element has a <code id=the-video-element:attr-media-src><a href=#attr-media-src>src</a></code> attribute:
zero or more <code id=the-video-element:the-track-element><a href=#the-track-element>track</a></code> elements, then
@@ -21699,7 +21699,7 @@
- <h4 id=the-audio-element>4.8.11 The <dfn id=audio><code>audio</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=7253" title="<video>: Provide a way to let the browser know what's coming next, for gapless playback">7253</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="android yes"><span>Android Browser</span> <span>2.3+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>
9.9+</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=audio">caniuse.com</a></div>
+ <h4 id=the-audio-element>4.8.11 The <dfn id=audio><code>audio</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=7253" title="<video>: Provide a way to let the browser know what's coming next, for gapless playback">7253</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="android yes"><span>Android Browser</span> <span>2.3+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>
None</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=audio">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-audio-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-audio-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-audio-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#embedded-content-category id=the-audio-element:embedded-content-category>Embedded content</a>.<dd>If the element has a <code id=the-audio-element:attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute: <a href=#interactive-content-2 id=the-audio-element:interactive-content-2>Interactive content</a>.<dd>If the element has a <code id=the-audio-element:attr-media-controls-2><a href=#attr-media-controls>controls</a></code> attribute: <a href=#palpable-content-2 id=the-audio-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-audio-element:concept-element-contexts>Contexts in which this element can be used</a>:<
dd>Where <a href=#embedded-content-category id=the-audio-element:embedded-content-category-2>embedded content</a> is expected.<dt><a href=#concept-element-content-model id=the-audio-element:concept-element-content-model>Content model</a>:<dd>If the element has a <code id=the-audio-element:attr-media-src><a href=#attr-media-src>src</a></code> attribute:
zero or more <code id=the-audio-element:the-track-element><a href=#the-track-element>track</a></code> elements, then
@@ -27718,7 +27718,7 @@
- <h4 id=svg-0>4.8.19 SVG</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=13648" title="SVG should have image role">13648</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=13649" title="Expose SVG <title> and <desc> to AAPIs">13649</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>7+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9
.9+</span></span><span class="safari yes"><span>Safari</span> <span>5.1+</span></span><span class="opera yes"><span>Opera</span> <span>11.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=svg-html5">caniuse.com</a></div>
+ <h4 id=svg-0>4.8.19 SVG</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=13648" title="SVG should have image role">13648</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=13649" title="Expose SVG <title> and <desc> to AAPIs">13649</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>7+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>N
one</span></span><span class="safari yes"><span>Safari</span> <span>5.1+</span></span><span class="opera yes"><span>Opera</span> <span>11.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=svg-html5">caniuse.com</a></div>
<p>The <dfn id=svg><code>svg</code></dfn> element from the <a href=#svg-namespace id=svg-0:svg-namespace>SVG namespace</a> falls into the
<a href=#embedded-content-category id=svg-0:embedded-content-category>embedded content</a>, <a href=#phrasing-content-2 id=svg-0:phrasing-content-2>phrasing content</a>, and <a href=#flow-content-2 id=svg-0:flow-content-2>flow content</a>
@@ -30857,7 +30857,7 @@
- <h3 id=forms>4.10 Forms</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=12271" title="forms: <input list=""> needs an event triggered on selection of suggestion">12271</a><p class=support><strong>Support:</strong> <span class="chrome partial"><span><span>Chrome</span> (limited) </span><span>4+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>10+</span></span><span class="firefox partial"><span><span>Firefox</span> (limited) </span><span>4+</span></span><span class="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>4.0-4.1+</span></span><span class="android partial"><span><span>Android Browser</span> (limited) </span><span>4.4+</span></span><span class="op_mini no"><span>Opera Mi
ni</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari partial"><span><span>Safari</span> (limited) </span><span>4+</span></span><span class="opera partial"><span><span>Opera</span> (limited) </span><span>15+</span></span><span class="ie_mob partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff partial"><span><span>Firefox for Android</span> (limited) </span><span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=forms">caniuse.com</a></div>
+ <h3 id=forms>4.10 Forms</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=12271" title="forms: <input list=""> needs an event triggered on selection of suggestion">12271</a><p class=support><strong>Support:</strong> <span class="chrome partial"><span><span>Chrome</span> (limited) </span><span>4+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>10+</span></span><span class="firefox partial"><span><span>Firefox</span> (limited) </span><span>4+</span></span><span class="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>4.0-4.1+</span></span><span class="android partial"><span><span>Android Browser</span> (limited) </span><span>4.4+</span></span><span class="and_uc yes"><span>UC Brows
er for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari partial"><span><span>Safari</span> (limited) </span><span>4+</span></span><span class="opera partial"><span><span>Opera</span> (limited) </span><span>15+</span></span><span class="ie_mob partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff partial"><span><span>Firefox for Android</span> (limited) </span><span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=forms">caniuse.com</a></div>
<h4 id=introduction-5>4.10.1 Introduction</h4>
@@ -31106,7 +31106,7 @@
<pre>custname=Denise+Lawrence&custtel=555-321-8642&custemail=&size=medium&topping=cheese&topping=mushroom&delivery=19%3A00&comments=</pre>
- <h5 id=client-side-form-validation>4.10.1.4 Client-side form validation</h5><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>10+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>4.4.3-4.4.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari partial"><span><span>Safari</span> (limited) </span><span>5+</span></span><span class="opera yes"><span>Opera</span> <span>10.0-10.1+</span></span><span class="ie_mob partial"><s
pan><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=form-validation">caniuse.com</a></div>
+ <h5 id=client-side-form-validation>4.10.1.4 Client-side form validation</h5><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>10+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>4.4.3-4.4.4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari partial"><span><span>Safari</span> (limited) </span><span>5+</span></span><span class="opera yes"><span>Opera</span> <span>10.0-10.1+</span></span><span class="ie_mob partial"><s
pan><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=form-validation">caniuse.com</a></div>
<p><i>This section is non-normative.</i></p>
@@ -34222,7 +34222,7 @@
</div>
- <h6 id="date-state-(type=date)">4.10.5.1.8 <dfn>Date</dfn> state (<code>type=date</code>)</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15114" title="forms: new <input> type for YYYY / YYYY-MM / YYYY-MM-DD / YYYY-MM-DD hh:mm, at user's choice">15114</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>20+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Androi
d</span> <span>9.9+</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-datetime">caniuse.com</a></div>
+ <h6 id="date-state-(type=date)">4.10.5.1.8 <dfn>Date</dfn> state (<code>type=date</code>)</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15114" title="forms: new <input> type for YYYY / YYYY-MM / YYYY-MM-DD / YYYY-MM-DD hh:mm, at user's choice">15114</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>20+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Min
i</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-datetime">caniuse.com</a></div>
@@ -34942,7 +34942,7 @@
</div>
- <h6 id="number-state-(type=number)">4.10.5.1.13 <dfn id=number-state>Number</dfn> state (<code>type=number</code>)</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16346" title="It would be nice to allow zero-padding the displayed number. Maybe even a choice of hexadecimal number besides decimal one.">16346</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18089" title="It would be nice to allow zero-padding the displayed number. Maybe even a choice of hexadecimal number besides decimal one.">18089</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>6+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>29+</span></span><span class="and_chr partial"><span><span>Chrome for Android</span> (limite
d) </span><span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>3.2+</span></span><span class="android partial"><span><span>Android Browser</span> (limited) </span><span>4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff partial"><span><span>Firefox for Android</span> (limited) </span><span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-number">caniuse.com</a></div>
+ <h6 id="number-state-(type=number)">4.10.5.1.13 <dfn id=number-state>Number</dfn> state (<code>type=number</code>)</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16346" title="It would be nice to allow zero-padding the displayed number. Maybe even a choice of hexadecimal number besides decimal one.">16346</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18089" title="It would be nice to allow zero-padding the displayed number. Maybe even a choice of hexadecimal number besides decimal one.">18089</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>6+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>29+</span></span><span class="and_chr partial"><span><span>Chrome for Android</span> (limite
d) </span><span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>3.2+</span></span><span class="android partial"><span><span>Android Browser</span> (limited) </span><span>4+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff partial"><span><span>Firefox for Android</span> (limited) </span><span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-number">caniuse.com</a></div>
@@ -35102,7 +35102,7 @@
- <h6 id="range-state-(type=range)">4.10.5.1.14 <dfn>Range</dfn> state (<code>type=range</code>)</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>5+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>23+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.2-4.3+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE
Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-range">caniuse.com</a></div>
+ <h6 id="range-state-(type=range)">4.10.5.1.14 <dfn>Range</dfn> state (<code>type=range</code>)</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>5+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>23+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.2-4.3+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE
Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-range">caniuse.com</a></div>
@@ -35451,7 +35451,7 @@
- <h6 id="color-state-(type=color)">4.10.5.1.15 <dfn>Colour</dfn> state (<code>type=color</code>)</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>20+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>29+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>17+</span></span><span class="ie_mob
no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-color">caniuse.com</a></div>
+ <h6 id="color-state-(type=color)">4.10.5.1.15 <dfn>Colour</dfn> state (<code>type=color</code>)</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>20+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>29+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>17+</span></span><span class="ie_mob
no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-color">caniuse.com</a></div>
@@ -36707,7 +36707,7 @@
<p>The <dfn id=attr-input-multiple><code>multiple</code></dfn> attribute is a <a href=#boolean-attribute id=the-multiple-attribute:boolean-attribute>boolean
attribute</a> that indicates whether the user is to be allowed to specify more than one
- value.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>5+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.6+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>6.0-6.1+</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>Non
e</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-file-multiple">caniuse.com</a></div>
+ value.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>5+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.6+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>6.0-6.1+</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>Non
e</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-file-multiple">caniuse.com</a></div>
<div class=example>
@@ -37196,7 +37196,7 @@
<em>short</em> hint (a word or short phrase) intended to aid the user with data entry when the
control has no value. A hint could be a sample value or a brief description of the expected
format. The attribute, if specified, must have a value that contains no U+000A LINE FEED (LF) or
- U+000D CARRIAGE RETURN (CR) characters.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>4.2-4.3+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>11.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Fi
refox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-placeholder">caniuse.com</a></div>
+ U+000D CARRIAGE RETURN (CR) characters.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>4.2-4.3+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>11.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Fi
refox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-placeholder">caniuse.com</a></div>
<p>The <code id=the-placeholder-attribute:attr-input-placeholder-2><a href=#attr-input-placeholder>placeholder</a></code> attribute should not be used as an
alternative to a <code id=the-placeholder-attribute:the-label-element><a href=#the-label-element>label</a></code>. For a longer hint or other advisory text, the <code id=the-placeholder-attribute:attr-title><a href=#attr-title>title</a></code> attribute is more appropriate.</p>
@@ -38175,7 +38175,7 @@
- <h4 id=the-datalist-element>4.10.8 The <dfn><code>datalist</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>20+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4.3-4.4.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse
>Source: <a href="http://caniuse.com/#feat=datalist">caniuse.com</a></div>
+ <h4 id=the-datalist-element>4.10.8 The <dfn><code>datalist</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>20+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4.3-4.4.4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse
>Source: <a href="http://caniuse.com/#feat=datalist">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-datalist-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-datalist-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-datalist-element:phrasing-content-2>Phrasing content</a>.<dt><a href=#concept-element-contexts id=the-datalist-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#phrasing-content-2 id=the-datalist-element:phrasing-content-2-2>phrasing content</a> is expected.<dt><a href=#concept-element-content-model id=the-datalist-element:concept-element-content-model>Content model</a>:<dd>Either: <a href=#phrasing-content-2 id=the-datalist-element:phrasing-content-2-3>phrasing content</a>.<dd>Or: Zero or more <code id=the-datalist-element:the-option-element><a href=#the-option-element>option</a></code> and <span>script-supporting</span> elements.<dt><a href=#concept-element-tag-omission id=the-dat
alist-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-datalist-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-datalist-element:global-attributes>Global attributes</a><dt><a href=#concept-element-dom id=the-datalist-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmldatalistelement>HTMLDataListElement</dfn> : <a href=#htmlelement id=the-datalist-element:htmlelement>HTMLElement</a> {
@@ -39242,7 +39242,7 @@
- <h4 id=the-progress-element>4.10.14 The <dfn><code>progress</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18093" title="progress and meter have no name-attribute? So their value is not POST or GET when the form is submitted? If not, this means an addition alement must be used to convey these values if needed.">18093</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>8+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>16+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>7.0-7.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4
.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>6+</span></span><span class="opera yes"><span>Opera</span> <span>11+</span></span><span class="ie_mob partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=progressmeter">caniuse.com</a></div>
+ <h4 id=the-progress-element>4.10.14 The <dfn><code>progress</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18093" title="progress and meter have no name-attribute? So their value is not POST or GET when the form is submitted? If not, this means an addition alement must be used to convey these values if needed.">18093</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>8+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>16+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>7.0-7.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4
.4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>6+</span></span><span class="opera yes"><span>Opera</span> <span>11+</span></span><span class="ie_mob partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=progressmeter">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-progress-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-progress-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-progress-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#category-label id=the-progress-element:category-label>Labelable element</a>.<dd><a href=#palpable-content-2 id=the-progress-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-progress-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#phrasing-content-2 id=the-progress-element:phrasing-content-2-2>phrasing content</a> is expected.<dt><a href=#concept-element-content-model id=the-progress-element:concept-element-content-model>Content model</a>:<dd><a href=#phrasing-content-2 id=the-progress-element:phrasing-content-2-3>Phrasing content</a>, but there must be no <code id=the-
progress-element:the-progress-element><a href=#the-progress-element>progress</a></code> element descendants.<dt><a href=#concept-element-tag-omission id=the-progress-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-progress-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-progress-element:global-attributes>Global attributes</a><dd><code id=the-progress-element:attr-progress-value><a href=#attr-progress-value>value</a></code> — Current value of the element<dd><code id=the-progress-element:attr-progress-max><a href=#attr-progress-max>max</a></code> — Upper bound of range<dt><a href=#concept-element-dom id=the-progress-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmlprogresselement>HTMLProgressElement</dfn> : <a href=#htmlelement id=the-progress-element:htmlelement>HTMLElement</a> {
@@ -40373,7 +40373,7 @@
</p>
- <h6 id=autofocusing-a-form-control:-the-autofocus-attribute>4.10.19.6.1 Autofocusing a form control: the <code id=autofocusing-a-form-control:-the-autofocus-attribute:attr-fe-autofocus><a href=#attr-fe-autofocus>autofocus</a></code> attribute</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=26669" title="Bad design: autofocus attribute">26669</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>5+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="op_mini no"><span>Opera Mini<
/span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=autofocus">caniuse.com</a></div>
+ <h6 id=autofocusing-a-form-control:-the-autofocus-attribute>4.10.19.6.1 Autofocusing a form control: the <code id=autofocusing-a-form-control:-the-autofocus-attribute:attr-fe-autofocus><a href=#attr-fe-autofocus>autofocus</a></code> attribute</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=26669" title="Bad design: autofocus attribute">26669</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>5+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="and_uc no"><span>UC Browser f
or Android</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=autofocus">caniuse.com</a></div>
@@ -43392,7 +43392,7 @@
- <h4 id=the-menu-element>4.11.3 The <dfn id=menus><code>menu</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=12999" title="Allow nodefault="" on <menu type=context>">12999</a><p class=support><strong>Support:</strong> <span class="chrome no"><span>Chrome</span> <span>None</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox partial"><span><span>Firefox</span> (limited) </span><span>8+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></spa
n><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera no"><span>Opera</span> <span>None</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=menu">caniuse.com</a></div>
+ <h4 id=the-menu-element>4.11.3 The <dfn id=menus><code>menu</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=12999" title="Allow nodefault="" on <menu type=context>">12999</a><p class=support><strong>Support:</strong> <span class="chrome no"><span>Chrome</span> <span>None</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox partial"><span><span>Firefox</span> (limited) </span><span>8+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></spa
n><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera no"><span>Opera</span> <span>None</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=menu">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-menu-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-menu-element:flow-content-2>Flow content</a>.<dd>If the element's <code id=the-menu-element:attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state id=the-menu-element:toolbar-state>toolbar</a> state: <a href=#palpable-content-2 id=the-menu-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-menu-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#flow-content-2 id=the-menu-element:flow-content-2-2>flow content</a> is expected.<dd>If the element's <code id=the-menu-element:attr-menu-type-2><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#popup-menu-state id=the-menu-element:popup-menu-state>popup menu</a> state: as the child of a <code id=the-menu-element:the-menu-element><
a href=#the-menu-element>menu</a></code> element whose <code id=the-menu-element:attr-menu-type-3><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#popup-menu-state id=the-menu-element:popup-menu-state-2>popup menu</a> state.<dt><a href=#concept-element-content-model id=the-menu-element:concept-element-content-model>Content model</a>:<dd>If the element's <code id=the-menu-element:attr-menu-type-4><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state id=the-menu-element:toolbar-state-2>toolbar</a> state: either zero or more <code id=the-menu-element:the-li-element><a href=#the-li-element>li</a></code> and <a href=#script-supporting-elements-2 id=the-menu-element:script-supporting-elements-2>script-supporting</a> elements, or, <a href=#flow-content-2 id=the-menu-element:flow-content-2-3>flow content</a>.<dd>If the element's <code id=the-menu-element:attr-menu-type-5><a href=#attr-menu-type>type</a></code> attribute is in the <a h
ref=#popup-menu-state id=the-menu-element:popup-menu-state-3>popup menu</a> state: in any order, zero or more <code id=the-menu-element:the-menuitem-element><a href=#the-menuitem-element>menuitem</a></code> elements, zero or more <code id=the-menu-element:the-hr-element><a href=#the-hr-element>hr</a></code> elements, zero or more <code id=the-menu-element:the-menu-element-2><a href=#the-menu-element>menu</a></code> elements whose <code id=the-menu-element:attr-menu-type-6><a href=#attr-menu-type>type</a></code> attributes are in the <a href=#popup-menu-state id=the-menu-element:popup-menu-state-4>popup menu</a> state, and zero or more <a href=#script-supporting-elements-2 id=the-menu-element:script-supporting-elements-2-2>script-supporting</a> elements.<dt><a href=#concept-element-tag-omission id=the-menu-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-menu-element:concept-element-
attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-menu-element:global-attributes>Global attributes</a><dd><code id=the-menu-element:attr-menu-type-7><a href=#attr-menu-type>type</a></code> — Type of menu<dd><code id=the-menu-element:attr-menu-label><a href=#attr-menu-label>label</a></code> — User-visible label<dt><a href=#concept-element-dom id=the-menu-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmlmenuelement>HTMLMenuElement</dfn> : <a href=#htmlelement id=the-menu-element:htmlelement>HTMLElement</a> {
@@ -44370,7 +44370,7 @@
- <h4 id=the-dialog-element>4.11.7 The <dfn><code>dialog</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16783" title="no clear information on expected or desirable keyboard/focus interaction behaviour with new dialog element">16783</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=21770" title="<dialog>: The <dialog> positioning logic needs to support vertical writing modes.">21770</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>37+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Brows
er</span> <span>37+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>24+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=dialog">caniuse.com</a></div>
+ <h4 id=the-dialog-element>4.11.7 The <dfn><code>dialog</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16783" title="no clear information on expected or desirable keyboard/focus interaction behaviour with new dialog element">16783</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=21770" title="<dialog>: The <dialog> positioning logic needs to support vertical writing modes.">21770</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>37+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Brows
er</span> <span>37+</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>24+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=dialog">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-dialog-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-dialog-element:flow-content-2>Flow content</a>.<dd><a href=#sectioning-root id=the-dialog-element:sectioning-root>Sectioning root</a>.<dt><a href=#concept-element-contexts id=the-dialog-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#flow-content-2 id=the-dialog-element:flow-content-2-2>flow content</a> is expected.<dt><a href=#concept-element-content-model id=the-dialog-element:concept-element-content-model>Content model</a>:<dd><a href=#flow-content-2 id=the-dialog-element:flow-content-2-3>Flow content</a>.<dt><a href=#concept-element-tag-omission id=the-dialog-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-dialog-element:concept-element-attributes>Content attributes</a>:<
dd><a href=#global-attributes id=the-dialog-element:global-attributes>Global attributes</a><dd><code id=the-dialog-element:attr-dialog-open><a href=#attr-dialog-open>open</a></code> — Whether the dialog box is showing<dt><a href=#concept-element-dom id=the-dialog-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmldialogelement>HTMLDialogElement</dfn> : <a href=#htmlelement id=the-dialog-element:htmlelement>HTMLElement</a> {
@@ -44883,7 +44883,7 @@
<p>The <dfn id=attr-script-async><code>async</code></dfn> and <dfn id=attr-script-defer><code>defer</code></dfn> attributes are <a href=#boolean-attribute id=the-script-element:boolean-attribute>boolean attributes</a> that indicate how the script should be executed. The <code id=the-script-element:attr-script-defer-2><a href=#attr-script-defer>defer</a></code> and <code id=the-script-element:attr-script-async-2><a href=#attr-script-async>async</a></code> attributes
must not be specified if the <code id=the-script-element:attr-script-src-7><a href=#attr-script-src>src</a></code> attribute is not
- present.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>8+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.6+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5.1+</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>
32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=script-async">caniuse.com</a></div><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>8+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class="ie_mob yes"><span>IE Mo
bile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=script-defer">caniuse.com</a></div>
+ present.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>8+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.6+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>5.1+</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>
32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=script-async">caniuse.com</a></div><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>8+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class="ie_mob yes"><span>IE Mo
bile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=script-defer">caniuse.com</a></div>
<p>There are three possible modes that can be selected using these attributes. If the <code id=the-script-element:attr-script-async-3><a href=#attr-script-async>async</a></code> attribute is present, then the script will be executed
as soon as it is available, but without blocking further parsing of the page. If the <code id=the-script-element:attr-script-async-4><a href=#attr-script-async>async</a></code>
@@ -45837,7 +45837,7 @@
</div>
- <h4 id=the-template-element>4.12.3 The <dfn><code>template</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>26+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>22+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>8+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>7.1+</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span>
</span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=template">caniuse.com</a></div>
+ <h4 id=the-template-element>4.12.3 The <dfn><code>template</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>26+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>22+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>8+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>7.1+</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span>
</span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=template">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-template-element:concept-element-categories>Categories</a>:<dd><a href=#metadata-content-2 id=the-template-element:metadata-content-2>Metadata content</a>.<dd><a href=#flow-content-2 id=the-template-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-template-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#script-supporting-elements-2 id=the-template-element:script-supporting-elements-2>Script-supporting element</a>.<dt><a href=#concept-element-contexts id=the-template-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#metadata-content-2 id=the-template-element:metadata-content-2-2>metadata content</a> is expected.<dd>Where <a href=#phrasing-content-2 id=the-template-element:phrasing-content-2-2>phrasing content</a> is expected.<dd>Where <a href=#script-supporting-elements-2 id=the-template-element:script-supporting-elemen
ts-2-2>script-supporting elements</a> are expected.<dd>As a child of a <code id=the-template-element:the-colgroup-element><a href=#the-colgroup-element>colgroup</a></code> element that doesn't have a <code id=the-template-element:attr-colgroup-span><a href=#attr-colgroup-span>span</a></code> attribute.<dt><a href=#concept-element-content-model id=the-template-element:concept-element-content-model>Content model</a>:<dd>Either: <a href=#metadata-content-2 id=the-template-element:metadata-content-2-3>Metadata content</a>.<dd>Or: <a href=#flow-content-2 id=the-template-element:flow-content-2-2>Flow content</a>.<dd>Or: The content model of <code id=the-template-element:the-ol-element><a href=#the-ol-element>ol</a></code> and <code id=the-template-element:the-ul-element><a href=#the-ul-element>ul</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-dl-element><a href=#the-dl-element>dl</a></code> elements.<dd>Or: The content model of <code id=the-temp
late-element:the-figure-element><a href=#the-figure-element>figure</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-ruby-element><a href=#the-ruby-element>ruby</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-object-element><a href=#the-object-element>object</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-video-element><a href=#the-video-element>video</a></code> and <code id=the-template-element:the-audio-element><a href=#the-audio-element>audio</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-table-element><a href=#the-table-element>table</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-colgroup-element-2><a href=#the-colgroup-element>colgroup</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-thead-element><a href=#the-thead-element>thead</a></code>, <code id=the-template-e
lement:the-tbody-element><a href=#the-tbody-element>tbody</a></code>, and <code id=the-template-element:the-tfoot-element><a href=#the-tfoot-element>tfoot</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-tr-element><a href=#the-tr-element>tr</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-fieldset-element><a href=#the-fieldset-element>fieldset</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-select-element><a href=#the-select-element>select</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-details-element><a href=#the-details-element>details</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-menu-element><a href=#the-menu-element>menu</a></code> elements whose <code id=the-template-element:attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#popup-menu-state id=the-template-eleme
nt:popup-menu-state>popup menu state</a>.<dt><a href=#concept-element-tag-omission id=the-template-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-template-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-template-element:global-attributes>Global attributes</a><dt><a href=#concept-element-dom id=the-template-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmltemplateelement>HTMLTemplateElement</dfn> : <a href=#htmlelement id=the-template-element:htmlelement>HTMLElement</a> {
@@ -46000,7 +46000,7 @@
- <h4 id=the-canvas-element>4.12.4 The <dfn id=canvas><code>canvas</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=9469" title="Shouldn't this paragraph link to #attr-canvas-width and #attr-canvas-height, rather than just saying "the respective content attributes of the same name"?">9469</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="op_mini partial"><span><span>Opera Mini</span> (limited
) </span><span>5.0-8.0+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=canvas">caniuse.com</a></div>
+ <h4 id=the-canvas-element>4.12.4 The <dfn id=canvas><code>canvas</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=9469" title="Shouldn't this paragraph link to #attr-canvas-width and #attr-canvas-height, rather than just saying "the respective content attributes of the same name"?">9469</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9
.9+</span></span><span class="op_mini partial"><span><span>Opera Mini</span> (limited) </span><span>5.0-8.0+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=canvas">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-canvas-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-canvas-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-canvas-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#embedded-content-category id=the-canvas-element:embedded-content-category>Embedded content</a>.<dd><a href=#palpable-content-2 id=the-canvas-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-canvas-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#embedded-content-category id=the-canvas-element:embedded-content-category-2>embedded content</a> is expected.<dt><a href=#concept-element-content-model id=the-canvas-element:concept-element-content-model>Content model</a>:<dd><a href=#transparent id=the-canvas-element:transparent>Transparent</a>, but with no <a href=#interactive-conte
nt-2 id=the-canvas-element:interactive-content-2>interactive content</a> descendants except for <code id=the-canvas-element:the-a-element><a href=#the-a-element>a</a></code> elements, <code id=the-canvas-element:the-img-element><a href=#the-img-element>img</a></code> elements with <code id=the-canvas-element:attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attributes, <code id=the-canvas-element:the-button-element><a href=#the-button-element>button</a></code> elements, <code id=the-canvas-element:the-input-element><a href=#the-input-element>input</a></code> elements whose <code id=the-canvas-element:attr-input-type><a href=#attr-input-type>type</a></code> attribute are in the <a href="#checkbox-state-(type=checkbox)" id="the-canvas-element:checkbox-state-(type=checkbox)">Checkbox</a> or <a href="#radio-button-state-(type=radio)" id="the-canvas-element:radio-button-state-(type=radio)">Radio Button</a> states, <code id=the-canvas-element:the-input-element
-2><a href=#the-input-element>input</a></code> elements that are <a href=#concept-button id=the-canvas-element:concept-button>buttons</a>, <code id=the-canvas-element:the-select-element><a href=#the-select-element>select</a></code> elements with a <code id=the-canvas-element:attr-select-multiple><a href=#attr-select-multiple>multiple</a></code> attribute or a <a href=#concept-select-size id=the-canvas-element:concept-select-size>display size</a> greater than 1, <a href=#sorting-interface-th-element id=the-canvas-element:sorting-interface-th-element>sorting interface <code>th</code> elements</a>, and elements that would not be <a href=#interactive-content-2 id=the-canvas-element:interactive-content-2-2>interactive content</a> except for having the <code id=the-canvas-element:attr-tabindex><a href=#attr-tabindex>tabindex</a></code> attribute specified.<dt><a href=#concept-element-tag-omission id=the-canvas-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>
Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-canvas-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-canvas-element:global-attributes>Global attributes</a><dd><code id=the-canvas-element:attr-canvas-width><a href=#attr-canvas-width>width</a></code> — Horizontal dimension<dd><code id=the-canvas-element:attr-canvas-height><a href=#attr-canvas-height>height</a></code> — Vertical dimension<dt><a href=#concept-element-dom id=the-canvas-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>typedef (<a href=#canvasrenderingcontext2d id=the-canvas-element:canvasrenderingcontext2d>CanvasRenderingContext2D</a> or <a href=#webglrenderingcontext id=the-canvas-element:webglrenderingcontext>WebGLRenderingContext</a>) <dfn id=renderingcontext>RenderingContext</dfn>;
@@ -48622,7 +48622,7 @@
- <h6 id=drawing-text-to-the-bitmap>4.12.4.2.12 Drawing text to the bitmap</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></spa
n><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=canvas-text">caniuse.com</a></div>
+ <h6 id=drawing-text-to-the-bitmap>4.12.4.2.12 Drawing text to the bitmap</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></spa
n><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=canvas-text">caniuse.com</a></div>
<dl id=text-0 class=domintro><dt><var>context</var> . <code id=drawing-text-to-the-bitmap:dom-context-2d-filltext><a href=#dom-context-2d-filltext>fillText</a></code>(<var>text</var>, <var>x</var>, <var>y</var> [, <var>maxWidth</var> ] )<dt><var>context</var> . <code id=drawing-text-to-the-bitmap:dom-context-2d-stroketext><a href=#dom-context-2d-stroketext>strokeText</a></code>(<var>text</var>, <var>x</var>, <var>y</var> [, <var>maxWidth</var> ] )<dd>
@@ -51326,7 +51326,7 @@
<p>The <code id=pseudo-classes:selector-rtl><a href=#selector-rtl>:dir(rtl)</a></code> pseudo-class must match all elements whose
<a href=#the-directionality id=pseudo-classes:the-directionality-2>directionality</a> is '<a href=#concept-rtl id=pseudo-classes:concept-rtl>rtl</a>'.</p>
- </dl>
+ </dl><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27245" title=":active should not match <input type=button disabled>">27245</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27247" title=":active should match the labeled control of a label element that is currently matching :active (like :hover)">27247</a></div>
<p class=note>Another section of this specification defines the <i id=pseudo-classes:target-element><a href=#target-element>target element</a></i> used with the <code id=pseudo-classes:selector-target><a href=#selector-target>:target</a></code>
pseudo-class.</p>
@@ -54033,7 +54033,7 @@
<h2 id=editing>6 <dfn>User interaction</dfn></h2>
- <h3 id=the-hidden-attribute>6.1 The <dfn><code>hidden</code></dfn> attribute</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=19159" title="allow use of hidden for tab panels">19159</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>6+</span></span><span class="ie yes"><span>IE</span> <span>11+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4+</span></span><span class="op_mini yes"><span>Opera Mini</span> <span>5.0-8.0+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari
</span> <span>5.1+</span></span><span class="opera yes"><span>Opera</span> <span>11.1+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=hidden">caniuse.com</a></div>
+ <h3 id=the-hidden-attribute>6.1 The <dfn><code>hidden</code></dfn> attribute</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=19159" title="allow use of hidden for tab panels">19159</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>6+</span></span><span class="ie yes"><span>IE</span> <span>11+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini yes"><span>Opera Mini</span> <span>5.0-8.0+</span></span><span class="safari yes"><span>Safari
</span> <span>5.1+</span></span><span class="opera yes"><span>Opera</span> <span>11.1+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>11+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=hidden">caniuse.com</a></div>
<p>All <a href=#html-elements id=the-hidden-attribute:html-elements>HTML elements</a> may have the <code id=the-hidden-attribute:the-hidden-attribute><a href=#the-hidden-attribute>hidden</a></code> content
attribute set. The <code id=the-hidden-attribute:the-hidden-attribute-2><a href=#the-hidden-attribute>hidden</a></code> attribute is a <a href=#boolean-attribute id=the-hidden-attribute:boolean-attribute>boolean
@@ -54558,7 +54558,7 @@
<p>Each element can have a <dfn id=specially-focusable>tabindex focus flag</dfn> set, as defined
below. This flag is a factor that contributes towards determining whether an element is a
- <a href=#focusable-area id=the-tabindex-attribute:focusable-area-3>focusable area</a>, as described in the previous section.</p>
+ <a href=#focusable-area id=the-tabindex-attribute:focusable-area-3>focusable area</a>, as described in the previous section.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27246" title="disabled elements should never set the tabindex focus flag">27246</a></div>
<p>If the <code id=the-tabindex-attribute:attr-tabindex-3><a href=#attr-tabindex>tabindex</a></code> attribute is specified on an element, it
must be parsed using the <a href=#rules-for-parsing-integers id=the-tabindex-attribute:rules-for-parsing-integers>rules for parsing integers</a>. The attribute's values, or lack
@@ -54648,7 +54648,7 @@
<p>The <dfn id=focusing-steps>focusing steps</dfn> for an object <var>new focus target</var> that is
either a <a href=#focusable-area id=processing-model-6:focusable-area>focusable area</a>, or an element that is not a <a href=#focusable-area id=processing-model-6:focusable-area-2>focusable area</a>, or a
- <a href=#browsing-context id=processing-model-6:browsing-context>browsing context</a>, are as follows:</p>
+ <a href=#browsing-context id=processing-model-6:browsing-context>browsing context</a>, are as follows. They can optionally be run with a <i>fallback target</i>.</p>
<ol><li>
@@ -54687,8 +54687,10 @@
<dt>Otherwise<dd>
- <p>Abort the <a href=#focusing-steps id=processing-model-6:focusing-steps>focusing steps</a>.</p>
+ <p>If no <i>fallback target</i> was specified, abort the <a href=#focusing-steps id=processing-model-6:focusing-steps>focusing steps</a>.</p>
+ <p>Otherwise, let <var>new focus target</var> be the <i>fallback target</i>.</p>
+
</dl>
<li>
@@ -54827,7 +54829,7 @@
<p>The <dfn id=focus-update-steps>focus update steps</dfn>, given an <var>old chain</var>, a <var>new chain</var>, and a <var>new focus target</var> respectively, are as
follows:</p>
- <ol><li><p>If the last entry in <var>old chain</var> and the last entry in <var>new chain</var> are the same, pop the last entry from <var>old chain</var>
+ <ol><li><p>Unset the <a href=#sequential-focus-navigation-starting-point id=processing-model-6:sequential-focus-navigation-starting-point>sequential focus navigation starting point</a>.<li><p>If the last entry in <var>old chain</var> and the last entry in <var>new chain</var> are the same, pop the last entry from <var>old chain</var>
and the last entry from <var>new chain</var> and redo this step.<li>
<p>For each entry <var>entry</var> in <var>old chain</var>, in order, run
@@ -54956,6 +54958,12 @@
omitted from the <a href=#sequential-focus-navigation-order id=sequential-focus-navigation:sequential-focus-navigation-order-2>sequential focus navigation order</a> of its <a href=#control-group id=sequential-focus-navigation:control-group-4>control group</a>, then
it is unreachable via <a href=#sequential-focus-navigation id=sequential-focus-navigation:sequential-focus-navigation>sequential focus navigation</a>.</p>
+ <p>There can also be a <dfn id=sequential-focus-navigation-starting-point>sequential focus navigation starting point</dfn>. It is initially
+ unset. The user agent may set it when the user indicates that it should be moved.</p>
+
+ <p class=example>For example, the user agent could set it to the position of the user's click if
+ the user clicks on the document contents.</p>
+
<p>When the user requests that focus move from the <a href=#currently-focused-area-of-a-top-level-browsing-context id=sequential-focus-navigation:currently-focused-area-of-a-top-level-browsing-context>currently focused area of a top-level
browsing context</a> to the next or previous <a href=#focusable-area id=sequential-focus-navigation:focusable-area-3>focusable area</a> (e.g. as the default action
of pressing the <kbd>tab</kbd> key), or when the user requests that focus sequentially move to a
@@ -54965,7 +54973,9 @@
<ol><li><p>Let <var>starting point</var> be the <a href=#currently-focused-area-of-a-top-level-browsing-context id=sequential-focus-navigation:currently-focused-area-of-a-top-level-browsing-context-2>currently focused area of a top-level
browsing context</a>, if the user requested to move focus sequentially from there, or else the
<a href=#top-level-browsing-context id=sequential-focus-navigation:top-level-browsing-context-2>top-level browsing context</a> itself, if the user instead requested to move focus from
- outside the <a href=#top-level-browsing-context id=sequential-focus-navigation:top-level-browsing-context-3>top-level browsing context</a>.<li>
+ outside the <a href=#top-level-browsing-context id=sequential-focus-navigation:top-level-browsing-context-3>top-level browsing context</a>.<li><p>If there is a <a href=#sequential-focus-navigation-starting-point id=sequential-focus-navigation:sequential-focus-navigation-starting-point>sequential focus navigation starting point</a> defined and it is
+ inside <var>starting point</var>, then let <var>starting point</var> be the <a href=#sequential-focus-navigation-starting-point id=sequential-focus-navigation:sequential-focus-navigation-starting-point-2>sequential
+ focus navigation starting point</a> instead.<li>
<p>Let <var>direction</var> be <i>forward</i> if the user requested the <em>next</em>
control, and <i>backward</i> if the user requested the previous control.</p>
@@ -54986,9 +54996,9 @@
<li><p>Let <var>candidate</var> be the result of running the <a href=#sequential-navigation-search-algorithm id=sequential-focus-navigation:sequential-navigation-search-algorithm>sequential navigation search
algorithm</a> with <var>starting point</var>, <var>direction</var>, and <var>selection
mechanism</var> as the arguments.<li><p>If <var>candidate</var> is not null, then run the <a href=#focusing-steps id=sequential-focus-navigation:focusing-steps>focusing steps</a> for
- <var>candidate</var> and abort these steps.<li>
+ <var>candidate</var> and abort these steps.<li><p>Otherwise, unset the <a href=#sequential-focus-navigation-starting-point id=sequential-focus-navigation:sequential-focus-navigation-starting-point-3>sequential focus navigation starting point</a>.<li>
- <p>Otherwise, if <var>starting point</var> is the <a href=#top-level-browsing-context id=sequential-focus-navigation:top-level-browsing-context-4>top-level browsing context</a>, or a
+ <p>If <var>starting point</var> is the <a href=#top-level-browsing-context id=sequential-focus-navigation:top-level-browsing-context-4>top-level browsing context</a>, or a
<a href=#focusable-area id=sequential-focus-navigation:focusable-area-4>focusable area</a> in the <a href=#top-level-browsing-context id=sequential-focus-navigation:top-level-browsing-context-5>top-level browsing context</a>, the user agent
should transfer focus to its own controls appropriately (if any), honouring
<var>direction</var>, and then abort these steps.</p>
@@ -55407,7 +55417,7 @@
<h3 id=editing-2>6.6 Editing</h3>
- <h4 id=contenteditable>6.6.1 Making document regions editable: The <code id=contenteditable:attr-contenteditable><a href=#attr-contenteditable>contenteditable</a></code> content attribute</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>5.5+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="ope
ra yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=contenteditable">caniuse.com</a></div>
+ <h4 id=contenteditable>6.6.1 Making document regions editable: The <code id=contenteditable:attr-contenteditable><a href=#attr-contenteditable>contenteditable</a></code> content attribute</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>5.5+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="ope
ra yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=contenteditable">caniuse.com</a></div>
<pre class=idl>[NoInterfaceObject]
interface ElementContentEditable {
@@ -55556,7 +55566,7 @@
- <h4 id=spelling-and-grammar-checking>6.6.5 Spelling and grammar checking</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>9+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>3.2+</span></span><span class="android partial"><span><span>Android Browser</span> (limited) </span><span>2.1+</span></span><span class="op_mini partial"><span><span>Opera Mini</span> (limited) </span><span>5.0-8.0+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5.1+</span></s
pan><span class="opera yes"><span>Opera</span> <span>10.5+</span></span><span class="ie_mob partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff partial"><span><span>Firefox for Android</span> (limited) </span><span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=spellcheck-attribute">caniuse.com</a></div>
+ <h4 id=spelling-and-grammar-checking>6.6.5 Spelling and grammar checking</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>9+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>3.2+</span></span><span class="android partial"><span><span>Android Browser</span> (limited) </span><span>2.1+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="op_mini partial"><span><span>Opera Mini</span> (limited) </span><span>5.0-8.0+</span></span><span class="safari yes"><span>Safari</span> <span>5.1+</span></s
pan><span class="opera yes"><span>Opera</span> <span>10.5+</span></span><span class="ie_mob partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff partial"><span><span>Firefox for Android</span> (limited) </span><span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=spellcheck-attribute">caniuse.com</a></div>
@@ -55712,7 +55722,7 @@
checking is enabled, or could use other interfaces.</p>
- <h3 id=dnd>6.7 <dfn>Drag and drop</dfn></h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>5.5+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>12+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span
class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=dragndrop">caniuse.com</a></div>
+ <h3 id=dnd>6.7 <dfn>Drag and drop</dfn></h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>5.5+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>12+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span
class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=dragndrop">caniuse.com</a></div>
@@ -59154,7 +59164,7 @@
<hr id=history-1>
<p>The <dfn id=dom-history-pushstate><code>pushState(<var>data</var>, <var>title</var>, <var>url</var>)</code></dfn> method adds a state object entry to
- the history.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>5+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.2-4.3+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>6+</span></span><span class="opera yes"><span>Opera</span> <span>11.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><spa
n>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=history">caniuse.com</a></div>
+ the history.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>5+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.2-4.3+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>6+</span></span><span class="opera yes"><span>Opera</span> <span>11.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><spa
n>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=history">caniuse.com</a></div>
<p>The <dfn id=dom-history-replacestate><code>replaceState(<var>data</var>, <var>title</var>, <var>url</var>)</code></dfn> method updates the state object,
title, and optionally the <a href=#url id=the-history-interface:url>URL</a> of the <a href=#current-entry id=the-history-interface:current-entry-3>current entry</a> in the history.</p>
@@ -60369,12 +60379,16 @@
<ol><li><p>Let <var>target</var> be <a href=#the-indicated-part-of-the-document id=scroll-to-fragid:the-indicated-part-of-the-document-3>the indicated part of the
document</a>, as defined below.<li><p>If <var>target</var> is the top of the document, then <a href=#scroll-to-the-beginning-of-the-document id=scroll-to-fragid:scroll-to-the-beginning-of-the-document>scroll to the
- beginning of the document</a> for the <code id=scroll-to-fragid:document-3><a href=#document>Document</a></code>, and abort these steps. <a href=#refsCSSOMVIEW>[CSSOMVIEW]</a><li><p>Use the <a href=#scroll-an-element-into-view id=scroll-to-fragid:scroll-an-element-into-view>scroll an element into view</a> algorithm to scroll <var>target</var> into view, with the <var>align to top flag</var> set. <a href=#refsCSSOMVIEW>[CSSOMVIEW]</a><li><p>Run the <a href=#focusing-steps id=scroll-to-fragid:focusing-steps>focusing steps</a> for that element.</ol>
+ beginning of the document</a> for the <code id=scroll-to-fragid:document-3><a href=#document>Document</a></code>, and abort these steps. <a href=#refsCSSOMVIEW>[CSSOMVIEW]</a><li><p>Use the <a href=#scroll-an-element-into-view id=scroll-to-fragid:scroll-an-element-into-view>scroll an element into view</a> algorithm to scroll <var>target</var> into view, with the <var>align to top flag</var> set. <a href=#refsCSSOMVIEW>[CSSOMVIEW]</a><li><p>Run the <a href=#focusing-steps id=scroll-to-fragid:focusing-steps>focusing steps</a> for that element, with the <code id=scroll-to-fragid:document-4><a href=#document>Document</a></code>'s
+ viewport as the <i>fallback target</i>.<li><p>Optionally, move the <a href=#sequential-focus-navigation-starting-point id=scroll-to-fragid:sequential-focus-navigation-starting-point>sequential focus navigation starting point</a> to
+ <var>target</var>.</p>
+ </ol>
+
<p><dfn id=the-indicated-part-of-the-document>The indicated part of the document</dfn> is the one that the fragment identifier, if any,
identifies. The semantics of the fragment identifier in terms of mapping it to a specific DOM Node
is defined by the specification that defines the <a href=#mime-type id=scroll-to-fragid:mime-type>MIME type</a> used by the
- <code id=scroll-to-fragid:document-4><a href=#document>Document</a></code> (for example, the processing of fragment identifiers for <a href=#xml-mime-type id=scroll-to-fragid:xml-mime-type>XML MIME types</a> is the responsibility of RFC7303). <a href=#refsRFC7303>[RFC7303]</a></p>
+ <code id=scroll-to-fragid:document-5><a href=#document>Document</a></code> (for example, the processing of fragment identifiers for <a href=#xml-mime-type id=scroll-to-fragid:xml-mime-type>XML MIME types</a> is the responsibility of RFC7303). <a href=#refsRFC7303>[RFC7303]</a></p>
<p>For HTML documents (and <a href=#html-mime-type id=scroll-to-fragid:html-mime-type>HTML MIME types</a>), the following
processing model must be followed to determine what <a href=#the-indicated-part-of-the-document id=scroll-to-fragid:the-indicated-part-of-the-document-4>the indicated part of the
@@ -60574,7 +60588,7 @@
- <h5 id=the-hashchangeevent-interface>7.6.10.2 The <code id=the-hashchangeevent-interface:hashchangeevent><a href=#hashchangeevent>HashChangeEvent</a></code> interface</h5><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>5+</span></span><span class="ie yes"><span>IE</span> <span>8+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.6+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="android yes"><span>Android Browser</span> <span>2.2+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</sp
an> <span>10.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=hashchange">caniuse.com</a></div>
+ <h5 id=the-hashchangeevent-interface>7.6.10.2 The <code id=the-hashchangeevent-interface:hashchangeevent><a href=#hashchangeevent>HashChangeEvent</a></code> interface</h5><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>5+</span></span><span class="ie yes"><span>IE</span> <span>8+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.6+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="android yes"><span>Android Browser</span> <span>2.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</sp
an> <span>10.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=hashchange">caniuse.com</a></div>
<pre class=idl>[Constructor(DOMString type, optional <a href=#hashchangeeventinit id=the-hashchangeevent-interface:hashchangeeventinit>HashChangeEventInit</a> eventInitDict), Exposed=(Window,Worker)]
interface <dfn id=hashchangeevent>HashChangeEvent</dfn> : <a href=#event id=the-hashchangeevent-interface:event>Event</a> {
@@ -60843,7 +60857,7 @@
- <h3 id=offline>7.7 Offline Web applications</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><
span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=offline-apps">caniuse.com</a></div>
+ <h3 id=offline>7.7 Offline Web applications</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><
span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=offline-apps">caniuse.com</a></div>
@@ -62458,7 +62472,7 @@
- <h4 id=navigator.online>7.7.11 <span id=browser-state>Browser state</span></h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>14+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox partial"><span><span>Firefox</span> (limited) </span><span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.2-4.3+</span></span><span class="android yes"><span>Android Browser</span> <span>2.3+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class=
"ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=online-status">caniuse.com</a></div>
+ <h4 id=navigator.online>7.7.11 <span id=browser-state>Browser state</span></h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>14+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox partial"><span><span>Firefox</span> (limited) </span><span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.2-4.3+</span></span><span class="android yes"><span>Android Browser</span> <span>2.3+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class=
"ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=online-status">caniuse.com</a></div>
<pre class=idl>[NoInterfaceObject, Exposed=(Window,Worker)]
interface <dfn id=navigatoronline>NavigatorOnLine</dfn> {
@@ -62526,7 +62540,7 @@
<h2 id=webappapis>8 Web application APIs</h2>
- <h3 id=scripting>8.1 Scripting</h3>
+ <h3 id=scripting>8.1 Scripting</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27212" title="HTML needs to explain heycam.github.io/webidl/#es-security per bug 27204 comment 7.">27212</a></div>
<h4 id=introduction-12>8.1.1 Introduction</h4>
@@ -63933,7 +63947,7 @@
- <h3 id=atob>8.2 Base64 utility methods</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="op_mini yes"><span>Opera Mini</span> <span>5.0-8.0+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><
span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=atob-btoa">caniuse.com</a></div>
+ <h3 id=atob>8.2 Base64 utility methods</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini yes"><span>Opera Mini</span> <span>5.0-8.0+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><
span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=atob-btoa">caniuse.com</a></div>
<p>The <code id=atob:dom-windowbase64-atob><a href=#dom-windowbase64-atob>atob()</a></code> and <code id=atob:dom-windowbase64-btoa><a href=#dom-windowbase64-btoa>btoa()</a></code> methods allow authors to transform content to and from
the base64 encoding.</p>
@@ -66415,7 +66429,7 @@
- <h3 id=server-sent-events>9.2 <dfn>Server-sent events</dfn></h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16070" title="uses MessageEvent but doesn't define or reference external definition">16070</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>6+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>6+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari ye
s"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>11+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=eventsource">caniuse.com</a></div>
+ <h3 id=server-sent-events>9.2 <dfn>Server-sent events</dfn></h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16070" title="uses MessageEvent but doesn't define or reference external definition">16070</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>6+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>6+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari ye
s"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>11+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=eventsource">caniuse.com</a></div>
<h4 id=server-sent-events-intro>9.2.1 Introduction</h4>
@@ -67063,7 +67077,7 @@
<dt>Related information:<dd>None.</dl>
- <h3 id=network>9.3 <dfn>Web sockets</dfn></h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=12212" title="Wrong spam filter">12212</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>16+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>11+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>6.0-6.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>7+</span></span><span class="opera yes"
><span>Opera</span> <span>12.1+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=websockets">caniuse.com</a></div>
+ <h3 id=network>9.3 <dfn>Web sockets</dfn></h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=12212" title="Wrong spam filter">12212</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>16+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>11+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>6.0-6.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>7+</span></span><span class="opera yes"
><span>Opera</span> <span>12.1+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=websockets">caniuse.com</a></div>
<h4 id=network-intro>9.3.1 Introduction</h4>
@@ -67675,7 +67689,7 @@
</dl>
- <h3 id=web-messaging>9.4 <dfn id=crossDocumentMessages>Cross-document messaging</dfn></h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>8+</span></span><span class="firefox yes"><span>Firefox</span> <span>3+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="op_mini yes"><span>Opera Mini</span> <span>5.0-8.0+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob par
tial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=x-doc-messaging">caniuse.com</a></div>
+ <h3 id=web-messaging>9.4 <dfn id=crossDocumentMessages>Cross-document messaging</dfn></h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>8+</span></span><span class="firefox yes"><span>Firefox</span> <span>3+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini yes"><span>Opera Mini</span> <span>5.0-8.0+</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob par
tial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=x-doc-messaging">caniuse.com</a></div>
<p>Web browsers, for security and privacy reasons, prevent documents in different domains from
affecting each other; that is, cross-site scripting is disallowed.</p>
@@ -67893,7 +67907,7 @@
- <h3 id=channel-messaging>9.5 <dfn>Channel messaging</dfn></h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span cla
ss="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=channel-messaging">caniuse.com</a></div>
+ <h3 id=channel-messaging>9.5 <dfn>Channel messaging</dfn></h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span cla
ss="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=channel-messaging">caniuse.com</a></div>
<h4 id=introduction-14>9.5.1 Introduction</h4>
@@ -68342,7 +68356,7 @@
<hr>
<p>The <dfn id=dom-messageport-start><code>start()</code></dfn> method must enable its port's
- <a href=#port-message-queue id=message-ports:port-message-queue-13>port message queue</a>, if it is not already enabled.</p>
+ <a href=#port-message-queue id=message-ports:port-message-queue-13>port message queue</a>, if it is not already enabled.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27208" title=""Add the event to the port message queue of target port." This should actually be a task to fire the event. Now you are adding an event to something that expects a task, that seems bogus.">27208</a></div>
<hr>
@@ -68673,7 +68687,7 @@
- <h2 id=workers>10 Web workers</h2><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firef
ox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=webworkers">caniuse.com</a></div>
+ <h2 id=workers>10 Web workers</h2><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firef
ox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=webworkers">caniuse.com</a></div>
<h3 id=introduction-15>10.1 Introduction</h3>
@@ -68865,7 +68879,7 @@
<p><a href=https://whatwg.org/demos/workers/stocks/page.html>View this example online</a>.</p>
- <h5 id=shared-workers-introduction>10.1.2.3 Shared workers introduction</h5><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>29+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span>
<span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=sharedworkers">caniuse.com</a></div>
+ <h5 id=shared-workers-introduction>10.1.2.3 Shared workers introduction</h5><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>29+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span>
<span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=sharedworkers">caniuse.com</a></div>
<p><i>This section is non-normative.</i></p>
@@ -70354,7 +70368,7 @@
- <h3 id=storage>11.2 The API</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>8+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for
Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=namevalue-storage">caniuse.com</a></div>
+ <h3 id=storage>11.2 The API</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>8+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for
Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=namevalue-storage">caniuse.com</a></div>
<h4 id=the-storage-interface>11.2.1 The <code id=the-storage-interface:storage-2><a href=#storage-2>Storage</a></code> interface</h4>
@@ -76752,7 +76766,7 @@
<h4 id=the-end>12.2.6 The end</h4>
<p>Once the user agent <dfn id=stop-parsing>stops parsing</dfn> the document, the user agent
- must run the following steps:<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="op_mini yes"><span>Opera Mini</span> <span>5.0-8.0+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox
for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=domcontentloaded">caniuse.com</a></div>
+ must run the following steps:<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini yes"><span>Opera Mini</span> <span>5.0-8.0+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox
for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=domcontentloaded">caniuse.com</a></div>
<ol><li><p>Set the <a href=#current-document-readiness id=the-end:current-document-readiness>current document readiness</a> to "<code>interactive</code>"
and the <a href=#insertion-point id=the-end:insertion-point>insertion point</a> to
@@ -77494,7 +77508,7 @@
- <h3 id=parsing-xhtml-documents>13.2 Parsing XHTML documents</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=23739" title="XHTML5: Consider adding ”-//W3C//ENTITIES HTML MathML Set//EN//XML” to list of supported public identifiers">23739</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="op_mini yes"><span>Opera Mini</span> <span>5.0-8.0+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <spa
n>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=xhtml">caniuse.com</a></div>
+ <h3 id=parsing-xhtml-documents>13.2 Parsing XHTML documents</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=23739" title="XHTML5: Consider adding ”-//W3C//ENTITIES HTML MathML Set//EN//XML” to list of supported public identifiers">23739</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini yes"><span>Opera Mini</span> <span>5.
0-8.0+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=xhtml">caniuse.com</a></div>
<p>This section describes the relationship between XML and the DOM, with a particular emphasis on
how this interacts with HTML.</p>
@@ -77569,7 +77583,7 @@
<p id=templateTagXML>When an <a href=#xml-parser id=parsing-xhtml-documents:xml-parser-8>XML parser</a> would append a node to a
<code id=parsing-xhtml-documents:the-template-element><a href=#the-template-element>template</a></code> element, it must instead append it to the <code id=parsing-xhtml-documents:the-template-element-2><a href=#the-template-element>template</a></code> element's
- <a href=#template-contents id=parsing-xhtml-documents:template-contents>template contents</a> (a <code id=parsing-xhtml-documents:documentfragment><a href=#documentfragment>DocumentFragment</a></code> node).</p>
+ <a href=#template-contents id=parsing-xhtml-documents:template-contents>template contents</a> (a <code id=parsing-xhtml-documents:documentfragment><a href=#documentfragment>DocumentFragment</a></code> node).<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27238" title=""be" instead of "by" in "which must again by done in the same way as for an HTML parser"">27238</a></div>
<p class=note>This is a <a href=#willful-violation id=parsing-xhtml-documents:willful-violation-2>willful violation</a> of the XML specification; unfortunately,
XML is not formally extensible in the manner that is needed for <code id=parsing-xhtml-documents:the-template-element-3><a href=#the-template-element>template</a></code> processing.
@@ -78013,7 +78027,7 @@
- <h4 id=phrasing-content-3>14.3.4 Phrasing content</h4>
+ <h4 id=phrasing-content-3>14.3.4 Phrasing content</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27217" title="Links should be `cursor: pointer`">27217</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27218" title="Active links should be red">27218</a></div>
<pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
@@ -79706,7 +79720,7 @@
<p>An <code id=the-select-element-2:the-optgroup-element-2><a href=#the-optgroup-element>optgroup</a></code> element is expected to be rendered by displaying the element's <code id=the-select-element-2:attr-optgroup-label><a href=#attr-optgroup-label>label</a></code> attribute.</p>
<p>An <code id=the-select-element-2:the-option-element><a href=#the-option-element>option</a></code> element is expected to be rendered by displaying the element's <a href=#concept-option-label id=the-select-element-2:concept-option-label>label</a>, indented under its <code id=the-select-element-2:the-optgroup-element-3><a href=#the-optgroup-element>optgroup</a></code> element if it
- has one.</p>
+ has one.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27207" title="Rendering option element with empty label attribute">27207</a></div>
<p>The <dfn id="width-of-the-select's-labels">width of the <code>select</code>'s labels</dfn> is the wider of the width necessary to
render the widest <code id=the-select-element-2:the-optgroup-element-4><a href=#the-optgroup-element>optgroup</a></code>, and the width necessary to render the widest
Modified: index
===================================================================
--- index 2014-10-30 18:30:32 UTC (rev 8844)
+++ index 2014-11-07 01:09:38 UTC (rev 8845)
@@ -340,7 +340,7 @@
</style><body onload=init()>
<header id=head class="head with-buttons">
<p><a href=https://whatwg.org/ class=logo><img src=//whatwg.org/images/logo width=101 alt=WHATWG height=101></a></p>
- <hgroup><h1 class=allcaps>HTML</h1><h2 id=living-standard-—-last-updated-[date:-01-jan-1901] class="no-num no-toc">Living Standard — Last Updated <span class=pubdate>30 October 2014</span></h2></hgroup>
+ <hgroup><h1 class=allcaps>HTML</h1><h2 id=living-standard-—-last-updated-[date:-01-jan-1901] class="no-num no-toc">Living Standard — Last Updated <span class=pubdate>6 November 2014</span></h2></hgroup>
<nav>
<div>
@@ -7842,7 +7842,7 @@
- <h5 id=embedding-custom-non-visible-data-with-the-data-*-attributes>3.2.5.9 <dfn>Embedding custom non-visible data</dfn> with the <code id=embedding-custom-non-visible-data-with-the-data-*-attributes:attr-data-*><a href=#attr-data-*>data-*</a></code> attributes</h5><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>7+</span></span><span class="ie yes"><span>IE</span> <span>11+</span></span><span class="firefox yes"><span>Firefox</span> <span>6+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="op_mini partial"><span><span>Opera Mini</span> (limited) </span><span>5.0-8.0+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>
9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5.1+</span></span><span class="opera yes"><span>Opera</span> <span>11.1+</span></span><span class="ie_mob partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=dataset">caniuse.com</a></div>
+ <h5 id=embedding-custom-non-visible-data-with-the-data-*-attributes>3.2.5.9 <dfn>Embedding custom non-visible data</dfn> with the <code id=embedding-custom-non-visible-data-with-the-data-*-attributes:attr-data-*><a href=#attr-data-*>data-*</a></code> attributes</h5><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>7+</span></span><span class="ie yes"><span>IE</span> <span>11+</span></span><span class="firefox yes"><span>Firefox</span> <span>6+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini partial"><span><span>Opera Mini</span> (limited) </span><span>5.0-
8.0+</span></span><span class="safari yes"><span>Safari</span> <span>5.1+</span></span><span class="opera yes"><span>Opera</span> <span>11.1+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>11+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=dataset">caniuse.com</a></div>
<p>A <dfn id=custom-data-attribute>custom data attribute</dfn> is an attribute in no namespace whose name starts with the
string "<dfn id=attr-data-*><code>data-</code></dfn>", has at least one character after the
@@ -10118,7 +10118,7 @@
<p>The <dfn id=attr-style-scoped><code>scoped</code></dfn> attribute is a <a href=#boolean-attribute id=the-style-element:boolean-attribute>boolean
attribute</a>. If present, it indicates that the styles are intended just for the subtree
rooted at the <code id=the-style-element:the-style-element-4><a href=#the-style-element>style</a></code> element's parent element, as opposed to the whole
- <code id=the-style-element:document><a href=#document>Document</a></code>.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome no"><span>Chrome</span> <span>None</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>21+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera no"><span>Opera</span> <span>None</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><sp
an class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=style-scoped">caniuse.com</a></div>
+ <code id=the-style-element:document><a href=#document>Document</a></code>.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome no"><span>Chrome</span> <span>None</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>21+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera no"><span>Opera</span> <span>None</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><sp
an class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=style-scoped">caniuse.com</a></div>
<p>If the <code id=the-style-element:attr-style-scoped-6><a href=#attr-style-scoped>scoped</a></code> attribute is present and the element has a
parent element, then the <code id=the-style-element:the-style-element-5><a href=#the-style-element>style</a></code> element must precede any <a href=#flow-content-2 id=the-style-element:flow-content-2-4>flow content</a> in
@@ -10327,7 +10327,7 @@
- <h3 id=sections>4.3 Sections</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>6+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="android yes"><span>Android Browser</span> <span>2.2+</span></span><span class="op_mini partial"><span><span>Opera Mini</span> (limited) </span><span>5.0-8.0+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>11.1+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span cl
ass="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=html5semantic">caniuse.com</a></div>
+ <h3 id=sections>4.3 Sections</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>6+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="android yes"><span>Android Browser</span> <span>2.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini partial"><span><span>Opera Mini</span> (limited) </span><span>5.0-8.0+</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>11.1+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span cl
ass="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=html5semantic">caniuse.com</a></div>
<h4 id=the-body-element>4.3.1 The <dfn><code>body</code></dfn> element</h4>
@@ -13501,7 +13501,7 @@
</div>
- <h4 id=the-figcaption-element>4.4.12 The <dfn><code>figcaption</code></dfn> element</h4>
+ <h4 id=the-figcaption-element>4.4.12 The <dfn><code>figcaption</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=12835" title="FIGCAPTION should be allowed to NOT be exactly first/last child of FIGURE ("The figcaption element" spec section)">12835</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-figcaption-element:concept-element-categories>Categories</a>:<dd>None.<dt><a href=#concept-element-contexts id=the-figcaption-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>As the first or last child of a <code id=the-figcaption-element:the-figure-element><a href=#the-figure-element>figure</a></code> element.<dt><a href=#concept-element-content-model id=the-figcaption-element:concept-element-content-model>Content model</a>:<dd><a href=#flow-content-2 id=the-figcaption-element:flow-content-2>Flow content</a>.<dt><a href=#concept-element-tag-omission id=the-figcaption-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-figcaption-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-figcaption-element:global-attributes>Global attributes</a><dt>
<a href=#concept-element-dom id=the-figcaption-element:concept-element-dom>DOM interface</a>:<dd>Uses <code id=the-figcaption-element:htmlelement><a href=#htmlelement>HTMLElement</a></code>.</dl>
@@ -13729,7 +13729,7 @@
attributes of the same name.</p>
<p>The IDL attribute <dfn id=dom-a-rellist><code>relList</code></dfn> must
- <a href=#reflect id=the-a-element:reflect-2>reflect</a> the <code id=the-a-element:attr-hyperlink-rel-4><a href=#attr-hyperlink-rel>rel</a></code> content attribute.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome no"><span>Chrome</span> <span>None</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>30+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera no"><span>Opera</span> <span>No
ne</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=rellist">caniuse.com</a></div>
+ <a href=#reflect id=the-a-element:reflect-2>reflect</a> the <code id=the-a-element:attr-hyperlink-rel-4><a href=#attr-hyperlink-rel>rel</a></code> content attribute.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome no"><span>Chrome</span> <span>None</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>30+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera no"><span>Opera</span> <span>No
ne</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=rellist">caniuse.com</a></div>
<p>The <dfn id=dom-a-text><code>text</code></dfn> IDL attribute, on getting, must return the
same value as the <code id=the-a-element:textcontent-2><a href=#textcontent>textContent</a></code> IDL attribute on the element, and on setting, must act
@@ -16077,7 +16077,7 @@
- <h4 id=downloading-resources>4.6.4 Downloading resources</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>14+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>20+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and
_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=download">caniuse.com</a></div>
+ <h4 id=downloading-resources>4.6.4 Downloading resources</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>14+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>20+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and
_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=download">caniuse.com</a></div>
<p>In some cases, resources are intended for later use rather than immediate viewing. To indicate
that a resource is intended to be downloaded for use later, rather than immediately used, the
@@ -16504,7 +16504,7 @@
<p>For <code id=link-type-help:the-a-element-3><a href=#the-a-element>a</a></code> and <code id=link-type-help:the-area-element-3><a href=#the-area-element>area</a></code> elements, on some browsers, the <code id=link-type-help:link-type-help-4><a href=#link-type-help>help</a></code> keyword causes the link to use a different cursor.</p>
- <h5 id=rel-icon>4.6.5.6 Link type "<dfn><code>icon</code></dfn>"</h5><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>11+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><sp
an class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=link-icon-png">caniuse.com</a></div>
+ <h5 id=rel-icon>4.6.5.6 Link type "<dfn><code>icon</code></dfn>"</h5><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>11+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><sp
an class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=link-icon-png">caniuse.com</a></div>
<p>The <code id=rel-icon:rel-icon><a href=#rel-icon>icon</a></code> keyword may be used with <code id=rel-icon:the-link-element><a href=#the-link-element>link</a></code> elements.
This keyword creates an <a href=#external-resource-link id=rel-icon:external-resource-link>external resource link</a>.</p>
@@ -17782,7 +17782,7 @@
<dl><dt>Media Queries <a href=#refsMQ>[MQ]</a><dd><dfn id=media-condition><media-condition></dfn><dt>CSS Values and Units <a href=#refsCSSVALUES>[CSSVALUES]</a><dd><dfn id=length><length></dfn><dt>CSS Syntax <a href=#refsCSSSYNTAX>[CSSSYNTAX]</a><dd><dfn id=parse-a-comma-separated-list-of-component-values>Parse a comma-separated list of component values</dfn><dd><dfn id=component-value>component value</dfn><dd><dfn id=whitespace-token><whitespace-token></dfn><dt>Fetch <a href=#refsFETCH>[FETCH]</a><dd><dfn id=concept-request-context>context</dfn></dl>
- <h4 id=the-picture-element>4.8.3 The <dfn><code>picture</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=26121" title="Ensure changes to <picture> element et al get tracked by @WHATWG and web-apps-tracker">26121</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>38+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span><
/span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>25+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=picture">caniuse.com</a></div>
+ <h4 id=the-picture-element>4.8.3 The <dfn><code>picture</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=26121" title="Ensure changes to <picture> element et al get tracked by @WHATWG and web-apps-tracker">26121</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>38+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span><
/span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>25+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=picture">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-picture-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-picture-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-picture-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#embedded-content-category id=the-picture-element:embedded-content-category>Embedded content</a>.<dt><a href=#concept-element-contexts id=the-picture-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#embedded-content-category id=the-picture-element:embedded-content-category-2>embedded content</a> is expected.<dt><a href=#concept-element-content-model id=the-picture-element:concept-element-content-model>Content model</a>:<dd>Zero or more <code id=the-picture-element:the-source-element-when-used-with-the-picture-element><a href=#the-source-element-when-used-with-the-picture-element>source</a></code> elements, followed b
y one <code id=the-picture-element:the-img-element><a href=#the-img-element>img</a></code> element, optionally intermixed with <a href=#script-supporting-elements-2 id=the-picture-element:script-supporting-elements-2>script-supporting elements</a>.<dt><a href=#concept-element-tag-omission id=the-picture-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-picture-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-picture-element:global-attributes>Global attributes</a><dt><a href=#concept-element-dom id=the-picture-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmlpictureelement>HTMLPictureElement</dfn> : <a href=#htmlelement id=the-picture-element:htmlelement>HTMLElement</a> {};</pre>
@@ -17900,7 +17900,7 @@
is the embedded content; the value of
the <dfn id=attr-img-alt><code>alt</code></dfn> attribute provides equivalent content for
those who cannot process images or who have image loading disabled (i.e. it is the
- <code id=the-img-element:the-img-element-2><a href=#the-img-element>img</a></code> element's <a href=#fallback-content id=the-img-element:fallback-content>fallback content</a>).<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>38+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>8+</span></span><span class="android yes"><span>Android Browser</span> <span>37+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="safari partial"><span><span>Safari</span> (limited) </span><span>7.
1+</span></span><span class="opera yes"><span>Opera</span> <span>25+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=srcset">caniuse.com</a></div>
+ <code id=the-img-element:the-img-element-2><a href=#the-img-element>img</a></code> element's <a href=#fallback-content id=the-img-element:fallback-content>fallback content</a>).<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>38+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>8+</span></span><span class="android yes"><span>Android Browser</span> <span>37+</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari partial"><span><span>Safari</span> (limited) </span><span>7.
1+</span></span><span class="opera yes"><span>Opera</span> <span>25+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=srcset">caniuse.com</a></div>
<p>The requirements on the <code id=the-img-element:attr-img-alt-2><a href=#attr-img-alt>alt</a></code> attribute's value are described
<a href=#alt>in the next section</a>.</p>
@@ -20244,7 +20244,7 @@
<p>The <dfn id=attr-iframe-sandbox><code>sandbox</code></dfn> attribute, when specified,
enables a set of extra restrictions on any content hosted by the <code id=the-iframe-element:the-iframe-element-25><a href=#the-iframe-element>iframe</a></code>. Its value
must be an <a href=#unordered-set-of-unique-space-separated-tokens id=the-iframe-element:unordered-set-of-unique-space-separated-tokens>unordered set of unique space-separated tokens</a> that are <a href=#ascii-case-insensitive id=the-iframe-element:ascii-case-insensitive>ASCII
- case-insensitive</a>. The allowed values are <code id=the-iframe-element:attr-iframe-sandbox-allow-forms><a href=#attr-iframe-sandbox-allow-forms>allow-forms</a></code>, <code id=the-iframe-element:attr-iframe-sandbox-allow-pointer-lock><a href=#attr-iframe-sandbox-allow-pointer-lock>allow-pointer-lock</a></code>, <code id=the-iframe-element:attr-iframe-sandbox-allow-popups><a href=#attr-iframe-sandbox-allow-popups>allow-popups</a></code>, <code id=the-iframe-element:attr-iframe-sandbox-allow-same-origin><a href=#attr-iframe-sandbox-allow-same-origin>allow-same-origin</a></code>, <code id=the-iframe-element:attr-iframe-sandbox-allow-scripts><a href=#attr-iframe-sandbox-allow-scripts>allow-scripts</a></code>, and <code id=the-iframe-element:attr-iframe-sandbox-allow-top-navigation><a href=#attr-iframe-sandbox-allow-top-navigation>allow-top-navigation</a></code>.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</stron
g> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>28+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.2-4.3+</span></span><span class="android yes"><span>Android Browser</span> <span>2.2+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=iframe-sandbox">caniuse.com</a></div>
+ case-insensitive</a>. The allowed values are <code id=the-iframe-element:attr-iframe-sandbox-allow-forms><a href=#attr-iframe-sandbox-allow-forms>allow-forms</a></code>, <code id=the-iframe-element:attr-iframe-sandbox-allow-pointer-lock><a href=#attr-iframe-sandbox-allow-pointer-lock>allow-pointer-lock</a></code>, <code id=the-iframe-element:attr-iframe-sandbox-allow-popups><a href=#attr-iframe-sandbox-allow-popups>allow-popups</a></code>, <code id=the-iframe-element:attr-iframe-sandbox-allow-same-origin><a href=#attr-iframe-sandbox-allow-same-origin>allow-same-origin</a></code>, <code id=the-iframe-element:attr-iframe-sandbox-allow-scripts><a href=#attr-iframe-sandbox-allow-scripts>allow-scripts</a></code>, and <code id=the-iframe-element:attr-iframe-sandbox-allow-top-navigation><a href=#attr-iframe-sandbox-allow-top-navigation>allow-top-navigation</a></code>.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</stron
g> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>28+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.2-4.3+</span></span><span class="android yes"><span>Android Browser</span> <span>2.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=iframe-sandbox">caniuse.com</a></div>
<p>When the attribute is set, the content is treated as being from a unique <a href=#origin-2 id=the-iframe-element:origin-2-2>origin</a>,
forms, scripts, and various potentially annoying APIs are disabled, links are prevented from
@@ -20363,7 +20363,7 @@
<p>The <dfn id=attr-iframe-seamless><code>seamless</code></dfn> attribute is a <a href=#boolean-attribute id=the-iframe-element:boolean-attribute>boolean
attribute</a>. When specified, it indicates that the <code id=the-iframe-element:the-iframe-element-42><a href=#the-iframe-element>iframe</a></code> element's
<a href=#browsing-context id=the-iframe-element:browsing-context-9>browsing context</a> is to be rendered in a manner that makes it appear to be part of the
- containing document (seamlessly included in the parent document).<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18172" title="Please clarify how seamless should interact with scrollbars">18172</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=25376" title="IFrame Seamless attribute should allow for disabling features">25376</a><p class=support><strong>Support:</strong> <span class="chrome no"><span>Chrome</span> <span>None</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span>
<span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera no"><span>Opera</span> <span>None</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=iframe-seamless">caniuse.com</a></div>
+ containing document (seamlessly included in the parent document).<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18172" title="Please clarify how seamless should interact with scrollbars">18172</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=25376" title="IFrame Seamless attribute should allow for disabling features">25376</a><p class=support><strong>Support:</strong> <span class="chrome no"><span>Chrome</span> <span>None</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for And
roid</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera no"><span>Opera</span> <span>None</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=iframe-seamless">caniuse.com</a></div>
<div class=example>
@@ -21448,7 +21448,7 @@
- <h4 id=the-video-element>4.8.10 The <dfn id=video><code>video</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=5755" title="<video>: Expose media resource metadata (e.g. movie name, release year)">5755</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=25547" title="Shouldn't <video> allow intermixed script-supporting elements?">25547</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=13437" title="Editorial changes to The Video element (5 of 5)">13437</a></div><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome
for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.3+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=video">caniuse.com</a></div>
+ <h4 id=the-video-element>4.8.10 The <dfn id=video><code>video</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=5755" title="<video>: Expose media resource metadata (e.g. movie name, release year)">5755</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=25547" title="Shouldn't <video> allow intermixed script-supporting elements?">25547</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=13437" title="Editorial changes to The Video element (5 of 5)">13437</a></div><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome
for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.3+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=video">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-video-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-video-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-video-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#embedded-content-category id=the-video-element:embedded-content-category>Embedded content</a>.<dd>If the element has a <code id=the-video-element:attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute: <a href=#interactive-content-2 id=the-video-element:interactive-content-2>Interactive content</a>.<dd><a href=#palpable-content-2 id=the-video-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-video-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#embedded-content-category id=the-video-element:embedded-content-category-2>embedded content</a> is expected.<dt>
<a href=#concept-element-content-model id=the-video-element:concept-element-content-model>Content model</a>:<dd>If the element has a <code id=the-video-element:attr-media-src><a href=#attr-media-src>src</a></code> attribute:
zero or more <code id=the-video-element:the-track-element><a href=#the-track-element>track</a></code> elements, then
@@ -21699,7 +21699,7 @@
- <h4 id=the-audio-element>4.8.11 The <dfn id=audio><code>audio</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=7253" title="<video>: Provide a way to let the browser know what's coming next, for gapless playback">7253</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="android yes"><span>Android Browser</span> <span>2.3+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>
9.9+</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=audio">caniuse.com</a></div>
+ <h4 id=the-audio-element>4.8.11 The <dfn id=audio><code>audio</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=7253" title="<video>: Provide a way to let the browser know what's coming next, for gapless playback">7253</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="android yes"><span>Android Browser</span> <span>2.3+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>
None</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=audio">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-audio-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-audio-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-audio-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#embedded-content-category id=the-audio-element:embedded-content-category>Embedded content</a>.<dd>If the element has a <code id=the-audio-element:attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute: <a href=#interactive-content-2 id=the-audio-element:interactive-content-2>Interactive content</a>.<dd>If the element has a <code id=the-audio-element:attr-media-controls-2><a href=#attr-media-controls>controls</a></code> attribute: <a href=#palpable-content-2 id=the-audio-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-audio-element:concept-element-contexts>Contexts in which this element can be used</a>:<
dd>Where <a href=#embedded-content-category id=the-audio-element:embedded-content-category-2>embedded content</a> is expected.<dt><a href=#concept-element-content-model id=the-audio-element:concept-element-content-model>Content model</a>:<dd>If the element has a <code id=the-audio-element:attr-media-src><a href=#attr-media-src>src</a></code> attribute:
zero or more <code id=the-audio-element:the-track-element><a href=#the-track-element>track</a></code> elements, then
@@ -27718,7 +27718,7 @@
- <h4 id=svg-0>4.8.19 SVG</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=13648" title="SVG should have image role">13648</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=13649" title="Expose SVG <title> and <desc> to AAPIs">13649</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>7+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9
.9+</span></span><span class="safari yes"><span>Safari</span> <span>5.1+</span></span><span class="opera yes"><span>Opera</span> <span>11.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=svg-html5">caniuse.com</a></div>
+ <h4 id=svg-0>4.8.19 SVG</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=13648" title="SVG should have image role">13648</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=13649" title="Expose SVG <title> and <desc> to AAPIs">13649</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>7+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>N
one</span></span><span class="safari yes"><span>Safari</span> <span>5.1+</span></span><span class="opera yes"><span>Opera</span> <span>11.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=svg-html5">caniuse.com</a></div>
<p>The <dfn id=svg><code>svg</code></dfn> element from the <a href=#svg-namespace id=svg-0:svg-namespace>SVG namespace</a> falls into the
<a href=#embedded-content-category id=svg-0:embedded-content-category>embedded content</a>, <a href=#phrasing-content-2 id=svg-0:phrasing-content-2>phrasing content</a>, and <a href=#flow-content-2 id=svg-0:flow-content-2>flow content</a>
@@ -30857,7 +30857,7 @@
- <h3 id=forms>4.10 Forms</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=12271" title="forms: <input list=""> needs an event triggered on selection of suggestion">12271</a><p class=support><strong>Support:</strong> <span class="chrome partial"><span><span>Chrome</span> (limited) </span><span>4+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>10+</span></span><span class="firefox partial"><span><span>Firefox</span> (limited) </span><span>4+</span></span><span class="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>4.0-4.1+</span></span><span class="android partial"><span><span>Android Browser</span> (limited) </span><span>4.4+</span></span><span class="op_mini no"><span>Opera Mi
ni</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari partial"><span><span>Safari</span> (limited) </span><span>4+</span></span><span class="opera partial"><span><span>Opera</span> (limited) </span><span>15+</span></span><span class="ie_mob partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff partial"><span><span>Firefox for Android</span> (limited) </span><span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=forms">caniuse.com</a></div>
+ <h3 id=forms>4.10 Forms</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=12271" title="forms: <input list=""> needs an event triggered on selection of suggestion">12271</a><p class=support><strong>Support:</strong> <span class="chrome partial"><span><span>Chrome</span> (limited) </span><span>4+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>10+</span></span><span class="firefox partial"><span><span>Firefox</span> (limited) </span><span>4+</span></span><span class="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>4.0-4.1+</span></span><span class="android partial"><span><span>Android Browser</span> (limited) </span><span>4.4+</span></span><span class="and_uc yes"><span>UC Brows
er for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari partial"><span><span>Safari</span> (limited) </span><span>4+</span></span><span class="opera partial"><span><span>Opera</span> (limited) </span><span>15+</span></span><span class="ie_mob partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff partial"><span><span>Firefox for Android</span> (limited) </span><span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=forms">caniuse.com</a></div>
<h4 id=introduction-5>4.10.1 Introduction</h4>
@@ -31106,7 +31106,7 @@
<pre>custname=Denise+Lawrence&custtel=555-321-8642&custemail=&size=medium&topping=cheese&topping=mushroom&delivery=19%3A00&comments=</pre>
- <h5 id=client-side-form-validation>4.10.1.4 Client-side form validation</h5><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>10+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>4.4.3-4.4.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari partial"><span><span>Safari</span> (limited) </span><span>5+</span></span><span class="opera yes"><span>Opera</span> <span>10.0-10.1+</span></span><span class="ie_mob partial"><s
pan><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=form-validation">caniuse.com</a></div>
+ <h5 id=client-side-form-validation>4.10.1.4 Client-side form validation</h5><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>10+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>4.4.3-4.4.4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari partial"><span><span>Safari</span> (limited) </span><span>5+</span></span><span class="opera yes"><span>Opera</span> <span>10.0-10.1+</span></span><span class="ie_mob partial"><s
pan><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=form-validation">caniuse.com</a></div>
<p><i>This section is non-normative.</i></p>
@@ -34222,7 +34222,7 @@
</div>
- <h6 id="date-state-(type=date)">4.10.5.1.8 <dfn>Date</dfn> state (<code>type=date</code>)</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15114" title="forms: new <input> type for YYYY / YYYY-MM / YYYY-MM-DD / YYYY-MM-DD hh:mm, at user's choice">15114</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>20+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Androi
d</span> <span>9.9+</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-datetime">caniuse.com</a></div>
+ <h6 id="date-state-(type=date)">4.10.5.1.8 <dfn>Date</dfn> state (<code>type=date</code>)</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15114" title="forms: new <input> type for YYYY / YYYY-MM / YYYY-MM-DD / YYYY-MM-DD hh:mm, at user's choice">15114</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>20+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Min
i</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-datetime">caniuse.com</a></div>
@@ -34942,7 +34942,7 @@
</div>
- <h6 id="number-state-(type=number)">4.10.5.1.13 <dfn id=number-state>Number</dfn> state (<code>type=number</code>)</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16346" title="It would be nice to allow zero-padding the displayed number. Maybe even a choice of hexadecimal number besides decimal one.">16346</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18089" title="It would be nice to allow zero-padding the displayed number. Maybe even a choice of hexadecimal number besides decimal one.">18089</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>6+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>29+</span></span><span class="and_chr partial"><span><span>Chrome for Android</span> (limite
d) </span><span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>3.2+</span></span><span class="android partial"><span><span>Android Browser</span> (limited) </span><span>4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff partial"><span><span>Firefox for Android</span> (limited) </span><span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-number">caniuse.com</a></div>
+ <h6 id="number-state-(type=number)">4.10.5.1.13 <dfn id=number-state>Number</dfn> state (<code>type=number</code>)</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16346" title="It would be nice to allow zero-padding the displayed number. Maybe even a choice of hexadecimal number besides decimal one.">16346</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18089" title="It would be nice to allow zero-padding the displayed number. Maybe even a choice of hexadecimal number besides decimal one.">18089</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>6+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>29+</span></span><span class="and_chr partial"><span><span>Chrome for Android</span> (limite
d) </span><span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>3.2+</span></span><span class="android partial"><span><span>Android Browser</span> (limited) </span><span>4+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff partial"><span><span>Firefox for Android</span> (limited) </span><span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-number">caniuse.com</a></div>
@@ -35102,7 +35102,7 @@
- <h6 id="range-state-(type=range)">4.10.5.1.14 <dfn>Range</dfn> state (<code>type=range</code>)</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>5+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>23+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.2-4.3+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE
Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-range">caniuse.com</a></div>
+ <h6 id="range-state-(type=range)">4.10.5.1.14 <dfn>Range</dfn> state (<code>type=range</code>)</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>5+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>23+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.2-4.3+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE
Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-range">caniuse.com</a></div>
@@ -35451,7 +35451,7 @@
- <h6 id="color-state-(type=color)">4.10.5.1.15 <dfn>Colour</dfn> state (<code>type=color</code>)</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>20+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>29+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>17+</span></span><span class="ie_mob
no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-color">caniuse.com</a></div>
+ <h6 id="color-state-(type=color)">4.10.5.1.15 <dfn>Colour</dfn> state (<code>type=color</code>)</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>20+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>29+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>17+</span></span><span class="ie_mob
no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-color">caniuse.com</a></div>
@@ -36707,7 +36707,7 @@
<p>The <dfn id=attr-input-multiple><code>multiple</code></dfn> attribute is a <a href=#boolean-attribute id=the-multiple-attribute:boolean-attribute>boolean
attribute</a> that indicates whether the user is to be allowed to specify more than one
- value.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>5+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.6+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>6.0-6.1+</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>Non
e</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-file-multiple">caniuse.com</a></div>
+ value.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>5+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.6+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>6.0-6.1+</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>Non
e</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-file-multiple">caniuse.com</a></div>
<div class=example>
@@ -37196,7 +37196,7 @@
<em>short</em> hint (a word or short phrase) intended to aid the user with data entry when the
control has no value. A hint could be a sample value or a brief description of the expected
format. The attribute, if specified, must have a value that contains no U+000A LINE FEED (LF) or
- U+000D CARRIAGE RETURN (CR) characters.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>4.2-4.3+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>11.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Fi
refox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-placeholder">caniuse.com</a></div>
+ U+000D CARRIAGE RETURN (CR) characters.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>4.2-4.3+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>11.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Fi
refox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-placeholder">caniuse.com</a></div>
<p>The <code id=the-placeholder-attribute:attr-input-placeholder-2><a href=#attr-input-placeholder>placeholder</a></code> attribute should not be used as an
alternative to a <code id=the-placeholder-attribute:the-label-element><a href=#the-label-element>label</a></code>. For a longer hint or other advisory text, the <code id=the-placeholder-attribute:attr-title><a href=#attr-title>title</a></code> attribute is more appropriate.</p>
@@ -38175,7 +38175,7 @@
- <h4 id=the-datalist-element>4.10.8 The <dfn><code>datalist</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>20+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4.3-4.4.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse
>Source: <a href="http://caniuse.com/#feat=datalist">caniuse.com</a></div>
+ <h4 id=the-datalist-element>4.10.8 The <dfn><code>datalist</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>20+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4.3-4.4.4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse
>Source: <a href="http://caniuse.com/#feat=datalist">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-datalist-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-datalist-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-datalist-element:phrasing-content-2>Phrasing content</a>.<dt><a href=#concept-element-contexts id=the-datalist-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#phrasing-content-2 id=the-datalist-element:phrasing-content-2-2>phrasing content</a> is expected.<dt><a href=#concept-element-content-model id=the-datalist-element:concept-element-content-model>Content model</a>:<dd>Either: <a href=#phrasing-content-2 id=the-datalist-element:phrasing-content-2-3>phrasing content</a>.<dd>Or: Zero or more <code id=the-datalist-element:the-option-element><a href=#the-option-element>option</a></code> and <span>script-supporting</span> elements.<dt><a href=#concept-element-tag-omission id=the-dat
alist-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-datalist-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-datalist-element:global-attributes>Global attributes</a><dt><a href=#concept-element-dom id=the-datalist-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmldatalistelement>HTMLDataListElement</dfn> : <a href=#htmlelement id=the-datalist-element:htmlelement>HTMLElement</a> {
@@ -39242,7 +39242,7 @@
- <h4 id=the-progress-element>4.10.14 The <dfn><code>progress</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18093" title="progress and meter have no name-attribute? So their value is not POST or GET when the form is submitted? If not, this means an addition alement must be used to convey these values if needed.">18093</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>8+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>16+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>7.0-7.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4
.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>6+</span></span><span class="opera yes"><span>Opera</span> <span>11+</span></span><span class="ie_mob partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=progressmeter">caniuse.com</a></div>
+ <h4 id=the-progress-element>4.10.14 The <dfn><code>progress</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18093" title="progress and meter have no name-attribute? So their value is not POST or GET when the form is submitted? If not, this means an addition alement must be used to convey these values if needed.">18093</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>8+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>16+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>7.0-7.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4
.4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>6+</span></span><span class="opera yes"><span>Opera</span> <span>11+</span></span><span class="ie_mob partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=progressmeter">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-progress-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-progress-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-progress-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#category-label id=the-progress-element:category-label>Labelable element</a>.<dd><a href=#palpable-content-2 id=the-progress-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-progress-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#phrasing-content-2 id=the-progress-element:phrasing-content-2-2>phrasing content</a> is expected.<dt><a href=#concept-element-content-model id=the-progress-element:concept-element-content-model>Content model</a>:<dd><a href=#phrasing-content-2 id=the-progress-element:phrasing-content-2-3>Phrasing content</a>, but there must be no <code id=the-
progress-element:the-progress-element><a href=#the-progress-element>progress</a></code> element descendants.<dt><a href=#concept-element-tag-omission id=the-progress-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-progress-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-progress-element:global-attributes>Global attributes</a><dd><code id=the-progress-element:attr-progress-value><a href=#attr-progress-value>value</a></code> — Current value of the element<dd><code id=the-progress-element:attr-progress-max><a href=#attr-progress-max>max</a></code> — Upper bound of range<dt><a href=#concept-element-dom id=the-progress-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmlprogresselement>HTMLProgressElement</dfn> : <a href=#htmlelement id=the-progress-element:htmlelement>HTMLElement</a> {
@@ -40373,7 +40373,7 @@
</p>
- <h6 id=autofocusing-a-form-control:-the-autofocus-attribute>4.10.19.6.1 Autofocusing a form control: the <code id=autofocusing-a-form-control:-the-autofocus-attribute:attr-fe-autofocus><a href=#attr-fe-autofocus>autofocus</a></code> attribute</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=26669" title="Bad design: autofocus attribute">26669</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>5+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="op_mini no"><span>Opera Mini<
/span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=autofocus">caniuse.com</a></div>
+ <h6 id=autofocusing-a-form-control:-the-autofocus-attribute>4.10.19.6.1 Autofocusing a form control: the <code id=autofocusing-a-form-control:-the-autofocus-attribute:attr-fe-autofocus><a href=#attr-fe-autofocus>autofocus</a></code> attribute</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=26669" title="Bad design: autofocus attribute">26669</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>5+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="and_uc no"><span>UC Browser f
or Android</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=autofocus">caniuse.com</a></div>
@@ -43392,7 +43392,7 @@
- <h4 id=the-menu-element>4.11.3 The <dfn id=menus><code>menu</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=12999" title="Allow nodefault="" on <menu type=context>">12999</a><p class=support><strong>Support:</strong> <span class="chrome no"><span>Chrome</span> <span>None</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox partial"><span><span>Firefox</span> (limited) </span><span>8+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></spa
n><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera no"><span>Opera</span> <span>None</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=menu">caniuse.com</a></div>
+ <h4 id=the-menu-element>4.11.3 The <dfn id=menus><code>menu</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=12999" title="Allow nodefault="" on <menu type=context>">12999</a><p class=support><strong>Support:</strong> <span class="chrome no"><span>Chrome</span> <span>None</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox partial"><span><span>Firefox</span> (limited) </span><span>8+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></spa
n><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera no"><span>Opera</span> <span>None</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=menu">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-menu-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-menu-element:flow-content-2>Flow content</a>.<dd>If the element's <code id=the-menu-element:attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state id=the-menu-element:toolbar-state>toolbar</a> state: <a href=#palpable-content-2 id=the-menu-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-menu-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#flow-content-2 id=the-menu-element:flow-content-2-2>flow content</a> is expected.<dd>If the element's <code id=the-menu-element:attr-menu-type-2><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#popup-menu-state id=the-menu-element:popup-menu-state>popup menu</a> state: as the child of a <code id=the-menu-element:the-menu-element><
a href=#the-menu-element>menu</a></code> element whose <code id=the-menu-element:attr-menu-type-3><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#popup-menu-state id=the-menu-element:popup-menu-state-2>popup menu</a> state.<dt><a href=#concept-element-content-model id=the-menu-element:concept-element-content-model>Content model</a>:<dd>If the element's <code id=the-menu-element:attr-menu-type-4><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#toolbar-state id=the-menu-element:toolbar-state-2>toolbar</a> state: either zero or more <code id=the-menu-element:the-li-element><a href=#the-li-element>li</a></code> and <a href=#script-supporting-elements-2 id=the-menu-element:script-supporting-elements-2>script-supporting</a> elements, or, <a href=#flow-content-2 id=the-menu-element:flow-content-2-3>flow content</a>.<dd>If the element's <code id=the-menu-element:attr-menu-type-5><a href=#attr-menu-type>type</a></code> attribute is in the <a h
ref=#popup-menu-state id=the-menu-element:popup-menu-state-3>popup menu</a> state: in any order, zero or more <code id=the-menu-element:the-menuitem-element><a href=#the-menuitem-element>menuitem</a></code> elements, zero or more <code id=the-menu-element:the-hr-element><a href=#the-hr-element>hr</a></code> elements, zero or more <code id=the-menu-element:the-menu-element-2><a href=#the-menu-element>menu</a></code> elements whose <code id=the-menu-element:attr-menu-type-6><a href=#attr-menu-type>type</a></code> attributes are in the <a href=#popup-menu-state id=the-menu-element:popup-menu-state-4>popup menu</a> state, and zero or more <a href=#script-supporting-elements-2 id=the-menu-element:script-supporting-elements-2-2>script-supporting</a> elements.<dt><a href=#concept-element-tag-omission id=the-menu-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-menu-element:concept-element-
attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-menu-element:global-attributes>Global attributes</a><dd><code id=the-menu-element:attr-menu-type-7><a href=#attr-menu-type>type</a></code> — Type of menu<dd><code id=the-menu-element:attr-menu-label><a href=#attr-menu-label>label</a></code> — User-visible label<dt><a href=#concept-element-dom id=the-menu-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmlmenuelement>HTMLMenuElement</dfn> : <a href=#htmlelement id=the-menu-element:htmlelement>HTMLElement</a> {
@@ -44370,7 +44370,7 @@
- <h4 id=the-dialog-element>4.11.7 The <dfn><code>dialog</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16783" title="no clear information on expected or desirable keyboard/focus interaction behaviour with new dialog element">16783</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=21770" title="<dialog>: The <dialog> positioning logic needs to support vertical writing modes.">21770</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>37+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Brows
er</span> <span>37+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>24+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=dialog">caniuse.com</a></div>
+ <h4 id=the-dialog-element>4.11.7 The <dfn><code>dialog</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16783" title="no clear information on expected or desirable keyboard/focus interaction behaviour with new dialog element">16783</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=21770" title="<dialog>: The <dialog> positioning logic needs to support vertical writing modes.">21770</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>37+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android yes"><span>Android Brows
er</span> <span>37+</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>24+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=dialog">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-dialog-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-dialog-element:flow-content-2>Flow content</a>.<dd><a href=#sectioning-root id=the-dialog-element:sectioning-root>Sectioning root</a>.<dt><a href=#concept-element-contexts id=the-dialog-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#flow-content-2 id=the-dialog-element:flow-content-2-2>flow content</a> is expected.<dt><a href=#concept-element-content-model id=the-dialog-element:concept-element-content-model>Content model</a>:<dd><a href=#flow-content-2 id=the-dialog-element:flow-content-2-3>Flow content</a>.<dt><a href=#concept-element-tag-omission id=the-dialog-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-dialog-element:concept-element-attributes>Content attributes</a>:<
dd><a href=#global-attributes id=the-dialog-element:global-attributes>Global attributes</a><dd><code id=the-dialog-element:attr-dialog-open><a href=#attr-dialog-open>open</a></code> — Whether the dialog box is showing<dt><a href=#concept-element-dom id=the-dialog-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmldialogelement>HTMLDialogElement</dfn> : <a href=#htmlelement id=the-dialog-element:htmlelement>HTMLElement</a> {
@@ -44883,7 +44883,7 @@
<p>The <dfn id=attr-script-async><code>async</code></dfn> and <dfn id=attr-script-defer><code>defer</code></dfn> attributes are <a href=#boolean-attribute id=the-script-element:boolean-attribute>boolean attributes</a> that indicate how the script should be executed. The <code id=the-script-element:attr-script-defer-2><a href=#attr-script-defer>defer</a></code> and <code id=the-script-element:attr-script-async-2><a href=#attr-script-async>async</a></code> attributes
must not be specified if the <code id=the-script-element:attr-script-src-7><a href=#attr-script-src>src</a></code> attribute is not
- present.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>8+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.6+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5.1+</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>
32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=script-async">caniuse.com</a></div><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>8+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class="ie_mob yes"><span>IE Mo
bile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=script-defer">caniuse.com</a></div>
+ present.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>8+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.6+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>5.1+</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>
32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=script-async">caniuse.com</a></div><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>8+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class="ie_mob yes"><span>IE Mo
bile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=script-defer">caniuse.com</a></div>
<p>There are three possible modes that can be selected using these attributes. If the <code id=the-script-element:attr-script-async-3><a href=#attr-script-async>async</a></code> attribute is present, then the script will be executed
as soon as it is available, but without blocking further parsing of the page. If the <code id=the-script-element:attr-script-async-4><a href=#attr-script-async>async</a></code>
@@ -45837,7 +45837,7 @@
</div>
- <h4 id=the-template-element>4.12.3 The <dfn><code>template</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>26+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>22+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>8+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>7.1+</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span>
</span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=template">caniuse.com</a></div>
+ <h4 id=the-template-element>4.12.3 The <dfn><code>template</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>26+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>22+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>8+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>7.1+</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span>
</span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=template">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-template-element:concept-element-categories>Categories</a>:<dd><a href=#metadata-content-2 id=the-template-element:metadata-content-2>Metadata content</a>.<dd><a href=#flow-content-2 id=the-template-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-template-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#script-supporting-elements-2 id=the-template-element:script-supporting-elements-2>Script-supporting element</a>.<dt><a href=#concept-element-contexts id=the-template-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#metadata-content-2 id=the-template-element:metadata-content-2-2>metadata content</a> is expected.<dd>Where <a href=#phrasing-content-2 id=the-template-element:phrasing-content-2-2>phrasing content</a> is expected.<dd>Where <a href=#script-supporting-elements-2 id=the-template-element:script-supporting-elemen
ts-2-2>script-supporting elements</a> are expected.<dd>As a child of a <code id=the-template-element:the-colgroup-element><a href=#the-colgroup-element>colgroup</a></code> element that doesn't have a <code id=the-template-element:attr-colgroup-span><a href=#attr-colgroup-span>span</a></code> attribute.<dt><a href=#concept-element-content-model id=the-template-element:concept-element-content-model>Content model</a>:<dd>Either: <a href=#metadata-content-2 id=the-template-element:metadata-content-2-3>Metadata content</a>.<dd>Or: <a href=#flow-content-2 id=the-template-element:flow-content-2-2>Flow content</a>.<dd>Or: The content model of <code id=the-template-element:the-ol-element><a href=#the-ol-element>ol</a></code> and <code id=the-template-element:the-ul-element><a href=#the-ul-element>ul</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-dl-element><a href=#the-dl-element>dl</a></code> elements.<dd>Or: The content model of <code id=the-temp
late-element:the-figure-element><a href=#the-figure-element>figure</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-ruby-element><a href=#the-ruby-element>ruby</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-object-element><a href=#the-object-element>object</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-video-element><a href=#the-video-element>video</a></code> and <code id=the-template-element:the-audio-element><a href=#the-audio-element>audio</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-table-element><a href=#the-table-element>table</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-colgroup-element-2><a href=#the-colgroup-element>colgroup</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-thead-element><a href=#the-thead-element>thead</a></code>, <code id=the-template-e
lement:the-tbody-element><a href=#the-tbody-element>tbody</a></code>, and <code id=the-template-element:the-tfoot-element><a href=#the-tfoot-element>tfoot</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-tr-element><a href=#the-tr-element>tr</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-fieldset-element><a href=#the-fieldset-element>fieldset</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-select-element><a href=#the-select-element>select</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-details-element><a href=#the-details-element>details</a></code> elements.<dd>Or: The content model of <code id=the-template-element:the-menu-element><a href=#the-menu-element>menu</a></code> elements whose <code id=the-template-element:attr-menu-type><a href=#attr-menu-type>type</a></code> attribute is in the <a href=#popup-menu-state id=the-template-eleme
nt:popup-menu-state>popup menu state</a>.<dt><a href=#concept-element-tag-omission id=the-template-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-template-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-template-element:global-attributes>Global attributes</a><dt><a href=#concept-element-dom id=the-template-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmltemplateelement>HTMLTemplateElement</dfn> : <a href=#htmlelement id=the-template-element:htmlelement>HTMLElement</a> {
@@ -46000,7 +46000,7 @@
- <h4 id=the-canvas-element>4.12.4 The <dfn id=canvas><code>canvas</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=9469" title="Shouldn't this paragraph link to #attr-canvas-width and #attr-canvas-height, rather than just saying "the respective content attributes of the same name"?">9469</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="op_mini partial"><span><span>Opera Mini</span> (limited
) </span><span>5.0-8.0+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=canvas">caniuse.com</a></div>
+ <h4 id=the-canvas-element>4.12.4 The <dfn id=canvas><code>canvas</code></dfn> element</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=9469" title="Shouldn't this paragraph link to #attr-canvas-width and #attr-canvas-height, rather than just saying "the respective content attributes of the same name"?">9469</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9
.9+</span></span><span class="op_mini partial"><span><span>Opera Mini</span> (limited) </span><span>5.0-8.0+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=canvas">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-canvas-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-canvas-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-canvas-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#embedded-content-category id=the-canvas-element:embedded-content-category>Embedded content</a>.<dd><a href=#palpable-content-2 id=the-canvas-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-canvas-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#embedded-content-category id=the-canvas-element:embedded-content-category-2>embedded content</a> is expected.<dt><a href=#concept-element-content-model id=the-canvas-element:concept-element-content-model>Content model</a>:<dd><a href=#transparent id=the-canvas-element:transparent>Transparent</a>, but with no <a href=#interactive-conte
nt-2 id=the-canvas-element:interactive-content-2>interactive content</a> descendants except for <code id=the-canvas-element:the-a-element><a href=#the-a-element>a</a></code> elements, <code id=the-canvas-element:the-img-element><a href=#the-img-element>img</a></code> elements with <code id=the-canvas-element:attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attributes, <code id=the-canvas-element:the-button-element><a href=#the-button-element>button</a></code> elements, <code id=the-canvas-element:the-input-element><a href=#the-input-element>input</a></code> elements whose <code id=the-canvas-element:attr-input-type><a href=#attr-input-type>type</a></code> attribute are in the <a href="#checkbox-state-(type=checkbox)" id="the-canvas-element:checkbox-state-(type=checkbox)">Checkbox</a> or <a href="#radio-button-state-(type=radio)" id="the-canvas-element:radio-button-state-(type=radio)">Radio Button</a> states, <code id=the-canvas-element:the-input-element
-2><a href=#the-input-element>input</a></code> elements that are <a href=#concept-button id=the-canvas-element:concept-button>buttons</a>, <code id=the-canvas-element:the-select-element><a href=#the-select-element>select</a></code> elements with a <code id=the-canvas-element:attr-select-multiple><a href=#attr-select-multiple>multiple</a></code> attribute or a <a href=#concept-select-size id=the-canvas-element:concept-select-size>display size</a> greater than 1, <a href=#sorting-interface-th-element id=the-canvas-element:sorting-interface-th-element>sorting interface <code>th</code> elements</a>, and elements that would not be <a href=#interactive-content-2 id=the-canvas-element:interactive-content-2-2>interactive content</a> except for having the <code id=the-canvas-element:attr-tabindex><a href=#attr-tabindex>tabindex</a></code> attribute specified.<dt><a href=#concept-element-tag-omission id=the-canvas-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>
Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-canvas-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-canvas-element:global-attributes>Global attributes</a><dd><code id=the-canvas-element:attr-canvas-width><a href=#attr-canvas-width>width</a></code> — Horizontal dimension<dd><code id=the-canvas-element:attr-canvas-height><a href=#attr-canvas-height>height</a></code> — Vertical dimension<dt><a href=#concept-element-dom id=the-canvas-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>typedef (<a href=#canvasrenderingcontext2d id=the-canvas-element:canvasrenderingcontext2d>CanvasRenderingContext2D</a> or <a href=#webglrenderingcontext id=the-canvas-element:webglrenderingcontext>WebGLRenderingContext</a>) <dfn id=renderingcontext>RenderingContext</dfn>;
@@ -48622,7 +48622,7 @@
- <h6 id=drawing-text-to-the-bitmap>4.12.4.2.12 Drawing text to the bitmap</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></spa
n><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=canvas-text">caniuse.com</a></div>
+ <h6 id=drawing-text-to-the-bitmap>4.12.4.2.12 Drawing text to the bitmap</h6><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></spa
n><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=canvas-text">caniuse.com</a></div>
<dl id=text-0 class=domintro><dt><var>context</var> . <code id=drawing-text-to-the-bitmap:dom-context-2d-filltext><a href=#dom-context-2d-filltext>fillText</a></code>(<var>text</var>, <var>x</var>, <var>y</var> [, <var>maxWidth</var> ] )<dt><var>context</var> . <code id=drawing-text-to-the-bitmap:dom-context-2d-stroketext><a href=#dom-context-2d-stroketext>strokeText</a></code>(<var>text</var>, <var>x</var>, <var>y</var> [, <var>maxWidth</var> ] )<dd>
@@ -51326,7 +51326,7 @@
<p>The <code id=pseudo-classes:selector-rtl><a href=#selector-rtl>:dir(rtl)</a></code> pseudo-class must match all elements whose
<a href=#the-directionality id=pseudo-classes:the-directionality-2>directionality</a> is '<a href=#concept-rtl id=pseudo-classes:concept-rtl>rtl</a>'.</p>
- </dl>
+ </dl><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27245" title=":active should not match <input type=button disabled>">27245</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27247" title=":active should match the labeled control of a label element that is currently matching :active (like :hover)">27247</a></div>
<p class=note>Another section of this specification defines the <i id=pseudo-classes:target-element><a href=#target-element>target element</a></i> used with the <code id=pseudo-classes:selector-target><a href=#selector-target>:target</a></code>
pseudo-class.</p>
@@ -54033,7 +54033,7 @@
<h2 id=editing>6 <dfn>User interaction</dfn></h2>
- <h3 id=the-hidden-attribute>6.1 The <dfn><code>hidden</code></dfn> attribute</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=19159" title="allow use of hidden for tab panels">19159</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>6+</span></span><span class="ie yes"><span>IE</span> <span>11+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4+</span></span><span class="op_mini yes"><span>Opera Mini</span> <span>5.0-8.0+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari
</span> <span>5.1+</span></span><span class="opera yes"><span>Opera</span> <span>11.1+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=hidden">caniuse.com</a></div>
+ <h3 id=the-hidden-attribute>6.1 The <dfn><code>hidden</code></dfn> attribute</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=19159" title="allow use of hidden for tab panels">19159</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>6+</span></span><span class="ie yes"><span>IE</span> <span>11+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini yes"><span>Opera Mini</span> <span>5.0-8.0+</span></span><span class="safari yes"><span>Safari
</span> <span>5.1+</span></span><span class="opera yes"><span>Opera</span> <span>11.1+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>11+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=hidden">caniuse.com</a></div>
<p>All <a href=#html-elements id=the-hidden-attribute:html-elements>HTML elements</a> may have the <code id=the-hidden-attribute:the-hidden-attribute><a href=#the-hidden-attribute>hidden</a></code> content
attribute set. The <code id=the-hidden-attribute:the-hidden-attribute-2><a href=#the-hidden-attribute>hidden</a></code> attribute is a <a href=#boolean-attribute id=the-hidden-attribute:boolean-attribute>boolean
@@ -54558,7 +54558,7 @@
<p>Each element can have a <dfn id=specially-focusable>tabindex focus flag</dfn> set, as defined
below. This flag is a factor that contributes towards determining whether an element is a
- <a href=#focusable-area id=the-tabindex-attribute:focusable-area-3>focusable area</a>, as described in the previous section.</p>
+ <a href=#focusable-area id=the-tabindex-attribute:focusable-area-3>focusable area</a>, as described in the previous section.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27246" title="disabled elements should never set the tabindex focus flag">27246</a></div>
<p>If the <code id=the-tabindex-attribute:attr-tabindex-3><a href=#attr-tabindex>tabindex</a></code> attribute is specified on an element, it
must be parsed using the <a href=#rules-for-parsing-integers id=the-tabindex-attribute:rules-for-parsing-integers>rules for parsing integers</a>. The attribute's values, or lack
@@ -54648,7 +54648,7 @@
<p>The <dfn id=focusing-steps>focusing steps</dfn> for an object <var>new focus target</var> that is
either a <a href=#focusable-area id=processing-model-6:focusable-area>focusable area</a>, or an element that is not a <a href=#focusable-area id=processing-model-6:focusable-area-2>focusable area</a>, or a
- <a href=#browsing-context id=processing-model-6:browsing-context>browsing context</a>, are as follows:</p>
+ <a href=#browsing-context id=processing-model-6:browsing-context>browsing context</a>, are as follows. They can optionally be run with a <i>fallback target</i>.</p>
<ol><li>
@@ -54687,8 +54687,10 @@
<dt>Otherwise<dd>
- <p>Abort the <a href=#focusing-steps id=processing-model-6:focusing-steps>focusing steps</a>.</p>
+ <p>If no <i>fallback target</i> was specified, abort the <a href=#focusing-steps id=processing-model-6:focusing-steps>focusing steps</a>.</p>
+ <p>Otherwise, let <var>new focus target</var> be the <i>fallback target</i>.</p>
+
</dl>
<li>
@@ -54827,7 +54829,7 @@
<p>The <dfn id=focus-update-steps>focus update steps</dfn>, given an <var>old chain</var>, a <var>new chain</var>, and a <var>new focus target</var> respectively, are as
follows:</p>
- <ol><li><p>If the last entry in <var>old chain</var> and the last entry in <var>new chain</var> are the same, pop the last entry from <var>old chain</var>
+ <ol><li><p>Unset the <a href=#sequential-focus-navigation-starting-point id=processing-model-6:sequential-focus-navigation-starting-point>sequential focus navigation starting point</a>.<li><p>If the last entry in <var>old chain</var> and the last entry in <var>new chain</var> are the same, pop the last entry from <var>old chain</var>
and the last entry from <var>new chain</var> and redo this step.<li>
<p>For each entry <var>entry</var> in <var>old chain</var>, in order, run
@@ -54956,6 +54958,12 @@
omitted from the <a href=#sequential-focus-navigation-order id=sequential-focus-navigation:sequential-focus-navigation-order-2>sequential focus navigation order</a> of its <a href=#control-group id=sequential-focus-navigation:control-group-4>control group</a>, then
it is unreachable via <a href=#sequential-focus-navigation id=sequential-focus-navigation:sequential-focus-navigation>sequential focus navigation</a>.</p>
+ <p>There can also be a <dfn id=sequential-focus-navigation-starting-point>sequential focus navigation starting point</dfn>. It is initially
+ unset. The user agent may set it when the user indicates that it should be moved.</p>
+
+ <p class=example>For example, the user agent could set it to the position of the user's click if
+ the user clicks on the document contents.</p>
+
<p>When the user requests that focus move from the <a href=#currently-focused-area-of-a-top-level-browsing-context id=sequential-focus-navigation:currently-focused-area-of-a-top-level-browsing-context>currently focused area of a top-level
browsing context</a> to the next or previous <a href=#focusable-area id=sequential-focus-navigation:focusable-area-3>focusable area</a> (e.g. as the default action
of pressing the <kbd>tab</kbd> key), or when the user requests that focus sequentially move to a
@@ -54965,7 +54973,9 @@
<ol><li><p>Let <var>starting point</var> be the <a href=#currently-focused-area-of-a-top-level-browsing-context id=sequential-focus-navigation:currently-focused-area-of-a-top-level-browsing-context-2>currently focused area of a top-level
browsing context</a>, if the user requested to move focus sequentially from there, or else the
<a href=#top-level-browsing-context id=sequential-focus-navigation:top-level-browsing-context-2>top-level browsing context</a> itself, if the user instead requested to move focus from
- outside the <a href=#top-level-browsing-context id=sequential-focus-navigation:top-level-browsing-context-3>top-level browsing context</a>.<li>
+ outside the <a href=#top-level-browsing-context id=sequential-focus-navigation:top-level-browsing-context-3>top-level browsing context</a>.<li><p>If there is a <a href=#sequential-focus-navigation-starting-point id=sequential-focus-navigation:sequential-focus-navigation-starting-point>sequential focus navigation starting point</a> defined and it is
+ inside <var>starting point</var>, then let <var>starting point</var> be the <a href=#sequential-focus-navigation-starting-point id=sequential-focus-navigation:sequential-focus-navigation-starting-point-2>sequential
+ focus navigation starting point</a> instead.<li>
<p>Let <var>direction</var> be <i>forward</i> if the user requested the <em>next</em>
control, and <i>backward</i> if the user requested the previous control.</p>
@@ -54986,9 +54996,9 @@
<li><p>Let <var>candidate</var> be the result of running the <a href=#sequential-navigation-search-algorithm id=sequential-focus-navigation:sequential-navigation-search-algorithm>sequential navigation search
algorithm</a> with <var>starting point</var>, <var>direction</var>, and <var>selection
mechanism</var> as the arguments.<li><p>If <var>candidate</var> is not null, then run the <a href=#focusing-steps id=sequential-focus-navigation:focusing-steps>focusing steps</a> for
- <var>candidate</var> and abort these steps.<li>
+ <var>candidate</var> and abort these steps.<li><p>Otherwise, unset the <a href=#sequential-focus-navigation-starting-point id=sequential-focus-navigation:sequential-focus-navigation-starting-point-3>sequential focus navigation starting point</a>.<li>
- <p>Otherwise, if <var>starting point</var> is the <a href=#top-level-browsing-context id=sequential-focus-navigation:top-level-browsing-context-4>top-level browsing context</a>, or a
+ <p>If <var>starting point</var> is the <a href=#top-level-browsing-context id=sequential-focus-navigation:top-level-browsing-context-4>top-level browsing context</a>, or a
<a href=#focusable-area id=sequential-focus-navigation:focusable-area-4>focusable area</a> in the <a href=#top-level-browsing-context id=sequential-focus-navigation:top-level-browsing-context-5>top-level browsing context</a>, the user agent
should transfer focus to its own controls appropriately (if any), honouring
<var>direction</var>, and then abort these steps.</p>
@@ -55407,7 +55417,7 @@
<h3 id=editing-2>6.6 Editing</h3>
- <h4 id=contenteditable>6.6.1 Making document regions editable: The <code id=contenteditable:attr-contenteditable><a href=#attr-contenteditable>contenteditable</a></code> content attribute</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>5.5+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="ope
ra yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=contenteditable">caniuse.com</a></div>
+ <h4 id=contenteditable>6.6.1 Making document regions editable: The <code id=contenteditable:attr-contenteditable><a href=#attr-contenteditable>contenteditable</a></code> content attribute</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>5.5+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="ope
ra yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=contenteditable">caniuse.com</a></div>
<pre class=idl>[NoInterfaceObject]
interface ElementContentEditable {
@@ -55556,7 +55566,7 @@
- <h4 id=spelling-and-grammar-checking>6.6.5 Spelling and grammar checking</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>9+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>3.2+</span></span><span class="android partial"><span><span>Android Browser</span> (limited) </span><span>2.1+</span></span><span class="op_mini partial"><span><span>Opera Mini</span> (limited) </span><span>5.0-8.0+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5.1+</span></s
pan><span class="opera yes"><span>Opera</span> <span>10.5+</span></span><span class="ie_mob partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff partial"><span><span>Firefox for Android</span> (limited) </span><span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=spellcheck-attribute">caniuse.com</a></div>
+ <h4 id=spelling-and-grammar-checking>6.6.5 Spelling and grammar checking</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>9+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>3.2+</span></span><span class="android partial"><span><span>Android Browser</span> (limited) </span><span>2.1+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="op_mini partial"><span><span>Opera Mini</span> (limited) </span><span>5.0-8.0+</span></span><span class="safari yes"><span>Safari</span> <span>5.1+</span></s
pan><span class="opera yes"><span>Opera</span> <span>10.5+</span></span><span class="ie_mob partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff partial"><span><span>Firefox for Android</span> (limited) </span><span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=spellcheck-attribute">caniuse.com</a></div>
@@ -55712,7 +55722,7 @@
checking is enabled, or could use other interfaces.</p>
- <h3 id=dnd>6.7 <dfn>Drag and drop</dfn></h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>5.5+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>12+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span
class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=dragndrop">caniuse.com</a></div>
+ <h3 id=dnd>6.7 <dfn>Drag and drop</dfn></h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>5.5+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>12+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span
class="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=dragndrop">caniuse.com</a></div>
@@ -59154,7 +59164,7 @@
<hr id=history-1>
<p>The <dfn id=dom-history-pushstate><code>pushState(<var>data</var>, <var>title</var>, <var>url</var>)</code></dfn> method adds a state object entry to
- the history.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>5+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.2-4.3+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>6+</span></span><span class="opera yes"><span>Opera</span> <span>11.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><spa
n>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=history">caniuse.com</a></div>
+ the history.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>5+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.2-4.3+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>6+</span></span><span class="opera yes"><span>Opera</span> <span>11.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><spa
n>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=history">caniuse.com</a></div>
<p>The <dfn id=dom-history-replacestate><code>replaceState(<var>data</var>, <var>title</var>, <var>url</var>)</code></dfn> method updates the state object,
title, and optionally the <a href=#url id=the-history-interface:url>URL</a> of the <a href=#current-entry id=the-history-interface:current-entry-3>current entry</a> in the history.</p>
@@ -60369,12 +60379,16 @@
<ol><li><p>Let <var>target</var> be <a href=#the-indicated-part-of-the-document id=scroll-to-fragid:the-indicated-part-of-the-document-3>the indicated part of the
document</a>, as defined below.<li><p>If <var>target</var> is the top of the document, then <a href=#scroll-to-the-beginning-of-the-document id=scroll-to-fragid:scroll-to-the-beginning-of-the-document>scroll to the
- beginning of the document</a> for the <code id=scroll-to-fragid:document-3><a href=#document>Document</a></code>, and abort these steps. <a href=#refsCSSOMVIEW>[CSSOMVIEW]</a><li><p>Use the <a href=#scroll-an-element-into-view id=scroll-to-fragid:scroll-an-element-into-view>scroll an element into view</a> algorithm to scroll <var>target</var> into view, with the <var>align to top flag</var> set. <a href=#refsCSSOMVIEW>[CSSOMVIEW]</a><li><p>Run the <a href=#focusing-steps id=scroll-to-fragid:focusing-steps>focusing steps</a> for that element.</ol>
+ beginning of the document</a> for the <code id=scroll-to-fragid:document-3><a href=#document>Document</a></code>, and abort these steps. <a href=#refsCSSOMVIEW>[CSSOMVIEW]</a><li><p>Use the <a href=#scroll-an-element-into-view id=scroll-to-fragid:scroll-an-element-into-view>scroll an element into view</a> algorithm to scroll <var>target</var> into view, with the <var>align to top flag</var> set. <a href=#refsCSSOMVIEW>[CSSOMVIEW]</a><li><p>Run the <a href=#focusing-steps id=scroll-to-fragid:focusing-steps>focusing steps</a> for that element, with the <code id=scroll-to-fragid:document-4><a href=#document>Document</a></code>'s
+ viewport as the <i>fallback target</i>.<li><p>Optionally, move the <a href=#sequential-focus-navigation-starting-point id=scroll-to-fragid:sequential-focus-navigation-starting-point>sequential focus navigation starting point</a> to
+ <var>target</var>.</p>
+ </ol>
+
<p><dfn id=the-indicated-part-of-the-document>The indicated part of the document</dfn> is the one that the fragment identifier, if any,
identifies. The semantics of the fragment identifier in terms of mapping it to a specific DOM Node
is defined by the specification that defines the <a href=#mime-type id=scroll-to-fragid:mime-type>MIME type</a> used by the
- <code id=scroll-to-fragid:document-4><a href=#document>Document</a></code> (for example, the processing of fragment identifiers for <a href=#xml-mime-type id=scroll-to-fragid:xml-mime-type>XML MIME types</a> is the responsibility of RFC7303). <a href=#refsRFC7303>[RFC7303]</a></p>
+ <code id=scroll-to-fragid:document-5><a href=#document>Document</a></code> (for example, the processing of fragment identifiers for <a href=#xml-mime-type id=scroll-to-fragid:xml-mime-type>XML MIME types</a> is the responsibility of RFC7303). <a href=#refsRFC7303>[RFC7303]</a></p>
<p>For HTML documents (and <a href=#html-mime-type id=scroll-to-fragid:html-mime-type>HTML MIME types</a>), the following
processing model must be followed to determine what <a href=#the-indicated-part-of-the-document id=scroll-to-fragid:the-indicated-part-of-the-document-4>the indicated part of the
@@ -60574,7 +60588,7 @@
- <h5 id=the-hashchangeevent-interface>7.6.10.2 The <code id=the-hashchangeevent-interface:hashchangeevent><a href=#hashchangeevent>HashChangeEvent</a></code> interface</h5><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>5+</span></span><span class="ie yes"><span>IE</span> <span>8+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.6+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="android yes"><span>Android Browser</span> <span>2.2+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</sp
an> <span>10.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=hashchange">caniuse.com</a></div>
+ <h5 id=the-hashchangeevent-interface>7.6.10.2 The <code id=the-hashchangeevent-interface:hashchangeevent><a href=#hashchangeevent>HashChangeEvent</a></code> interface</h5><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>5+</span></span><span class="ie yes"><span>IE</span> <span>8+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.6+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="android yes"><span>Android Browser</span> <span>2.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</sp
an> <span>10.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=hashchange">caniuse.com</a></div>
<pre class=idl>[Constructor(DOMString type, optional <a href=#hashchangeeventinit id=the-hashchangeevent-interface:hashchangeeventinit>HashChangeEventInit</a> eventInitDict), Exposed=(Window,Worker)]
interface <dfn id=hashchangeevent>HashChangeEvent</dfn> : <a href=#event id=the-hashchangeevent-interface:event>Event</a> {
@@ -60843,7 +60857,7 @@
- <h3 id=offline>7.7 Offline Web applications</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><
span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=offline-apps">caniuse.com</a></div>
+ <h3 id=offline>7.7 Offline Web applications</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><
span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=offline-apps">caniuse.com</a></div>
@@ -62458,7 +62472,7 @@
- <h4 id=navigator.online>7.7.11 <span id=browser-state>Browser state</span></h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>14+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox partial"><span><span>Firefox</span> (limited) </span><span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.2-4.3+</span></span><span class="android yes"><span>Android Browser</span> <span>2.3+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class=
"ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=online-status">caniuse.com</a></div>
+ <h4 id=navigator.online>7.7.11 <span id=browser-state>Browser state</span></h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>14+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox partial"><span><span>Firefox</span> (limited) </span><span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.2-4.3+</span></span><span class="android yes"><span>Android Browser</span> <span>2.3+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>15+</span></span><span class=
"ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=online-status">caniuse.com</a></div>
<pre class=idl>[NoInterfaceObject, Exposed=(Window,Worker)]
interface <dfn id=navigatoronline>NavigatorOnLine</dfn> {
@@ -62526,7 +62540,7 @@
<h2 id=webappapis>8 Web application APIs</h2>
- <h3 id=scripting>8.1 Scripting</h3>
+ <h3 id=scripting>8.1 Scripting</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27212" title="HTML needs to explain heycam.github.io/webidl/#es-security per bug 27204 comment 7.">27212</a></div>
<h4 id=introduction-12>8.1.1 Introduction</h4>
@@ -63933,7 +63947,7 @@
- <h3 id=atob>8.2 Base64 utility methods</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="op_mini yes"><span>Opera Mini</span> <span>5.0-8.0+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><
span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=atob-btoa">caniuse.com</a></div>
+ <h3 id=atob>8.2 Base64 utility methods</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini yes"><span>Opera Mini</span> <span>5.0-8.0+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><
span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=atob-btoa">caniuse.com</a></div>
<p>The <code id=atob:dom-windowbase64-atob><a href=#dom-windowbase64-atob>atob()</a></code> and <code id=atob:dom-windowbase64-btoa><a href=#dom-windowbase64-btoa>btoa()</a></code> methods allow authors to transform content to and from
the base64 encoding.</p>
@@ -66415,7 +66429,7 @@
- <h3 id=server-sent-events>9.2 <dfn>Server-sent events</dfn></h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16070" title="uses MessageEvent but doesn't define or reference external definition">16070</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>6+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>6+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari ye
s"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>11+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=eventsource">caniuse.com</a></div>
+ <h3 id=server-sent-events>9.2 <dfn>Server-sent events</dfn></h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16070" title="uses MessageEvent but doesn't define or reference external definition">16070</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>6+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>6+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari ye
s"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>11+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=eventsource">caniuse.com</a></div>
<h4 id=server-sent-events-intro>9.2.1 Introduction</h4>
@@ -67063,7 +67077,7 @@
<dt>Related information:<dd>None.</dl>
- <h3 id=network>9.3 <dfn>Web sockets</dfn></h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=12212" title="Wrong spam filter">12212</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>16+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>11+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>6.0-6.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>7+</span></span><span class="opera yes"
><span>Opera</span> <span>12.1+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=websockets">caniuse.com</a></div>
+ <h3 id=network>9.3 <dfn>Web sockets</dfn></h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=12212" title="Wrong spam filter">12212</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>16+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>11+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>6.0-6.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>7+</span></span><span class="opera yes"
><span>Opera</span> <span>12.1+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=websockets">caniuse.com</a></div>
<h4 id=network-intro>9.3.1 Introduction</h4>
@@ -67675,7 +67689,7 @@
</dl>
- <h3 id=web-messaging>9.4 <dfn id=crossDocumentMessages>Cross-document messaging</dfn></h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>8+</span></span><span class="firefox yes"><span>Firefox</span> <span>3+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="op_mini yes"><span>Opera Mini</span> <span>5.0-8.0+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob par
tial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=x-doc-messaging">caniuse.com</a></div>
+ <h3 id=web-messaging>9.4 <dfn id=crossDocumentMessages>Cross-document messaging</dfn></h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>8+</span></span><span class="firefox yes"><span>Firefox</span> <span>3+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini yes"><span>Opera Mini</span> <span>5.0-8.0+</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob par
tial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=x-doc-messaging">caniuse.com</a></div>
<p>Web browsers, for security and privacy reasons, prevent documents in different domains from
affecting each other; that is, cross-site scripting is disallowed.</p>
@@ -67893,7 +67907,7 @@
- <h3 id=channel-messaging>9.5 <dfn>Channel messaging</dfn></h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span cla
ss="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=channel-messaging">caniuse.com</a></div>
+ <h3 id=channel-messaging>9.5 <dfn>Channel messaging</dfn></h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox no"><span>Firefox</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span cla
ss="and_ff no"><span>Firefox for Android</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=channel-messaging">caniuse.com</a></div>
<h4 id=introduction-14>9.5.1 Introduction</h4>
@@ -68342,7 +68356,7 @@
<hr>
<p>The <dfn id=dom-messageport-start><code>start()</code></dfn> method must enable its port's
- <a href=#port-message-queue id=message-ports:port-message-queue-13>port message queue</a>, if it is not already enabled.</p>
+ <a href=#port-message-queue id=message-ports:port-message-queue-13>port message queue</a>, if it is not already enabled.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27208" title=""Add the event to the port message queue of target port." This should actually be a task to fire the event. Now you are adding an event to something that expects a task, that seems bogus.">27208</a></div>
<hr>
@@ -68673,7 +68687,7 @@
- <h2 id=workers>10 Web workers</h2><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firef
ox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=webworkers">caniuse.com</a></div>
+ <h2 id=workers>10 Web workers</h2><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firef
ox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=webworkers">caniuse.com</a></div>
<h3 id=introduction-15>10.1 Introduction</h3>
@@ -68865,7 +68879,7 @@
<p><a href=https://whatwg.org/demos/workers/stocks/page.html>View this example online</a>.</p>
- <h5 id=shared-workers-introduction>10.1.2.3 Shared workers introduction</h5><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>29+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span>
<span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=sharedworkers">caniuse.com</a></div>
+ <h5 id=shared-workers-introduction>10.1.2.3 Shared workers introduction</h5><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>29+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="android no"><span>Android Browser</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>10.6+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span>
<span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=sharedworkers">caniuse.com</a></div>
<p><i>This section is non-normative.</i></p>
@@ -70354,7 +70368,7 @@
- <h3 id=storage>11.2 The API</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>8+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for
Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=namevalue-storage">caniuse.com</a></div>
+ <h3 id=storage>11.2 The API</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>8+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari yes"><span>Safari</span> <span>4+</span></span><span class="opera yes"><span>Opera</span> <span>10.5+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for
Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=namevalue-storage">caniuse.com</a></div>
<h4 id=the-storage-interface>11.2.1 The <code id=the-storage-interface:storage-2><a href=#storage-2>Storage</a></code> interface</h4>
@@ -76752,7 +76766,7 @@
<h4 id=the-end>12.2.6 The end</h4>
<p>Once the user agent <dfn id=stop-parsing>stops parsing</dfn> the document, the user agent
- must run the following steps:<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="op_mini yes"><span>Opera Mini</span> <span>5.0-8.0+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox
for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=domcontentloaded">caniuse.com</a></div>
+ must run the following steps:<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini yes"><span>Opera Mini</span> <span>5.0-8.0+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox
for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=domcontentloaded">caniuse.com</a></div>
<ol><li><p>Set the <a href=#current-document-readiness id=the-end:current-document-readiness>current document readiness</a> to "<code>interactive</code>"
and the <a href=#insertion-point id=the-end:insertion-point>insertion point</a> to
@@ -77494,7 +77508,7 @@
- <h3 id=parsing-xhtml-documents>13.2 Parsing XHTML documents</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=23739" title="XHTML5: Consider adding ”-//W3C//ENTITIES HTML MathML Set//EN//XML” to list of supported public identifiers">23739</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="op_mini yes"><span>Opera Mini</span> <span>5.0-8.0+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <spa
n>9.9+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=xhtml">caniuse.com</a></div>
+ <h3 id=parsing-xhtml-documents>13.2 Parsing XHTML documents</h3><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=23739" title="XHTML5: Consider adding ”-//W3C//ENTITIES HTML MathML Set//EN//XML” to list of supported public identifiers">23739</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="ie yes"><span>IE</span> <span>9+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>38+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="android yes"><span>Android Browser</span> <span>2.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="op_mini yes"><span>Opera Mini</span> <span>5.
0-8.0+</span></span><span class="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9.5-9.6+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>32+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=xhtml">caniuse.com</a></div>
<p>This section describes the relationship between XML and the DOM, with a particular emphasis on
how this interacts with HTML.</p>
@@ -77569,7 +77583,7 @@
<p id=templateTagXML>When an <a href=#xml-parser id=parsing-xhtml-documents:xml-parser-8>XML parser</a> would append a node to a
<code id=parsing-xhtml-documents:the-template-element><a href=#the-template-element>template</a></code> element, it must instead append it to the <code id=parsing-xhtml-documents:the-template-element-2><a href=#the-template-element>template</a></code> element's
- <a href=#template-contents id=parsing-xhtml-documents:template-contents>template contents</a> (a <code id=parsing-xhtml-documents:documentfragment><a href=#documentfragment>DocumentFragment</a></code> node).</p>
+ <a href=#template-contents id=parsing-xhtml-documents:template-contents>template contents</a> (a <code id=parsing-xhtml-documents:documentfragment><a href=#documentfragment>DocumentFragment</a></code> node).<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27238" title=""be" instead of "by" in "which must again by done in the same way as for an HTML parser"">27238</a></div>
<p class=note>This is a <a href=#willful-violation id=parsing-xhtml-documents:willful-violation-2>willful violation</a> of the XML specification; unfortunately,
XML is not formally extensible in the manner that is needed for <code id=parsing-xhtml-documents:the-template-element-3><a href=#the-template-element>template</a></code> processing.
@@ -78013,7 +78027,7 @@
- <h4 id=phrasing-content-3>14.3.4 Phrasing content</h4>
+ <h4 id=phrasing-content-3>14.3.4 Phrasing content</h4><div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27217" title="Links should be `cursor: pointer`">27217</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27218" title="Active links should be red">27218</a></div>
<pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
@@ -79706,7 +79720,7 @@
<p>An <code id=the-select-element-2:the-optgroup-element-2><a href=#the-optgroup-element>optgroup</a></code> element is expected to be rendered by displaying the element's <code id=the-select-element-2:attr-optgroup-label><a href=#attr-optgroup-label>label</a></code> attribute.</p>
<p>An <code id=the-select-element-2:the-option-element><a href=#the-option-element>option</a></code> element is expected to be rendered by displaying the element's <a href=#concept-option-label id=the-select-element-2:concept-option-label>label</a>, indented under its <code id=the-select-element-2:the-optgroup-element-3><a href=#the-optgroup-element>optgroup</a></code> element if it
- has one.</p>
+ has one.<div class=status><input onclick=toggleStatus(this) value=⋰ type=button><p class=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27207" title="Rendering option element with empty label attribute">27207</a></div>
<p>The <dfn id="width-of-the-select's-labels">width of the <code>select</code>'s labels</dfn> is the wider of the width necessary to
render the widest <code id=the-select-element-2:the-optgroup-element-4><a href=#the-optgroup-element>optgroup</a></code>, and the width necessary to render the widest
Modified: source
===================================================================
--- source 2014-10-30 18:30:32 UTC (rev 8844)
+++ source 2014-11-07 01:09:38 UTC (rev 8845)
@@ -72777,7 +72777,7 @@
<p>The <dfn>focusing steps</dfn> for an object <var>new focus target</var> that is
either a <span>focusable area</span>, or an element that is not a <span>focusable area</span>, or a
- <span>browsing context</span>, are as follows:</p>
+ <span>browsing context</span>, are as follows. They can optionally be run with a <i>fallback target</i>.</p>
<ol>
@@ -72850,8 +72850,10 @@
<dd>
- <p>Abort the <span>focusing steps</span>.</p>
+ <p>If no <i>fallback target</i> was specified, abort the <span>focusing steps</span>.</p>
+ <p>Otherwise, let <var>new focus target</var> be the <i>fallback target</i>.</p>
+
</dd>
</dl>
@@ -73057,6 +73059,8 @@
<!-- focusin/focusout?: http://software.hixie.ch/utilities/js/live-dom-viewer/saved/723 -->
+ <li><p>Unset the <span>sequential focus navigation starting point</span>.</p></li>
+
<li><p>If the last entry in <var>old chain</var> and the last entry in <var>new chain</var> are the same, pop the last entry from <var>old chain</var>
and the last entry from <var>new chain</var> and redo this step.</p></li>
@@ -73238,6 +73242,12 @@
omitted from the <span>sequential focus navigation order</span> of its <span>control group</span>, then
it is unreachable via <span>sequential focus navigation</span>.</p>
+ <p>There can also be a <dfn>sequential focus navigation starting point</dfn>. It is initially
+ unset. The user agent may set it when the user indicates that it should be moved.</p>
+
+ <p class="example">For example, the user agent could set it to the position of the user's click if
+ the user clicks on the document contents.</p>
+
<p>When the user requests that focus move from the <span>currently focused area of a top-level
browsing context</span> to the next or previous <span>focusable area</span> (e.g. as the default action
of pressing the <kbd>tab</kbd> key), or when the user requests that focus sequentially move to a
@@ -73251,6 +73261,10 @@
<span>top-level browsing context</span> itself, if the user instead requested to move focus from
outside the <span>top-level browsing context</span>.</p></li>
+ <li><p>If there is a <span>sequential focus navigation starting point</span> defined and it is
+ inside <var>starting point</var>, then let <var>starting point</var> be the <span>sequential
+ focus navigation starting point</span> instead.</p></li>
+
<li>
<p>Let <var>direction</var> be <i>forward</i> if the user requested the <em>next</em>
@@ -73280,9 +73294,11 @@
<li><p>If <var>candidate</var> is not null, then run the <span>focusing steps</span> for
<var>candidate</var> and abort these steps.</p></li>
+ <li><p>Otherwise, unset the <span>sequential focus navigation starting point</span>.</p></li>
+
<li>
- <p>Otherwise, if <var>starting point</var> is the <span>top-level browsing context</span>, or a
+ <p>If <var>starting point</var> is the <span>top-level browsing context</span>, or a
<span>focusable area</span> in the <span>top-level browsing context</span>, the user agent
should transfer focus to its own controls appropriately (if any), honouring
<var>direction</var>, and then abort these steps.</p>
@@ -81380,8 +81396,12 @@
<li><p>Use the <span>scroll an element into view</span> algorithm to scroll <var>target</var> into view, with the <var>align to top flag</var> set. <ref spec=CSSOMVIEW></p></li>
- <li><p>Run the <span>focusing steps</span> for that element.</p></li>
+ <li><p>Run the <span>focusing steps</span> for that element, with the <code>Document</code>'s
+ viewport as the <i>fallback target</i>.</p></li>
+ <li><p>Optionally, move the <span>sequential focus navigation starting point</span> to
+ <var>target</var>.</p>
+
</ol>
<p><dfn>The indicated part of the document</dfn> is the one that the fragment identifier, if any,
More information about the Commit-Watchers
mailing list