[html5] r8891 - [e] (0) Minor fixes: make the ID for the <h2> saner, make the ID for the drag ev [...]
whatwg at whatwg.org
whatwg at whatwg.org
Tue May 5 18:42:34 PDT 2015
Author: ianh
Date: 2015-05-05 18:42:31 -0700 (Tue, 05 May 2015)
New Revision: 8891
Modified:
complete.html
index
source
Log:
[e] (0) Minor fixes: make the ID for the <h2> saner, make the ID for the drag event section saner, fix some IDL syntax error
Fixing https://www.w3.org/Bugs/Public/show_bug.cgi?id=27556
Affected topics: Canvas, HTML
Modified: complete.html
===================================================================
--- complete.html 2015-03-05 00:33:36 UTC (rev 8890)
+++ complete.html 2015-05-06 01:42:31 UTC (rev 8891)
@@ -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>4 March 2015</span></h2></hgroup>
+ <hgroup><h1 class=allcaps>HTML</h1><h2 id=living-standard class="no-num no-toc">Living Standard — Last Updated <span class=pubdate>5 May 2015</span></h2></hgroup>
<nav>
<div>
@@ -364,13 +364,13 @@
<a href=https://whatwg.org/newbug class=feedback><span><strong>File a Bug</strong> <code>whatwg.org/newbug</code></span></a>
</div>
</nav>
- </header><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=27556" title="Dear diary, I think this website is wrong by claiming that last update was in the year 1901.">27556</a></div>
+ </header>
<hr>
<div id=configUI></div>
- <h2 id=table-of-contents class="no-num no-toc">Table of contents</h2>
+ <h2 id=table-of-contents class="no-num no-toc">Table of contents</h2><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=28599" title="Attributes for element a">28599</a></div>
<ol class="brief toc"><li><a href=#toc-introduction>1 Introduction</a><li><a href=#toc-infrastructure>2 Common infrastructure</a><li><a href=#toc-dom>3 Semantics, structure, and APIs of HTML documents</a><li><a href=#toc-semantics>4 The elements of HTML</a><li><a href=#toc-microdata>5 Microdata</a><li><a href=#toc-editing>6 User interaction</a><li><a href=#toc-browsers>7 Loading Web pages</a><li><a href=#toc-webappapis>8 Web application APIs</a><li><a href=#toc-comms>9 Communication</a><li><a href=#toc-workers>10 Web workers</a><li><a href=#toc-webstorage>11 Web storage</a><li><a href=#toc-syntax>12 The HTML syntax</a><li><a href=#toc-the-xhtml-syntax>13 The XHTML syntax</a><li><a href=#toc-rendering>14 Rendering</a><li><a href=#toc-obsolete>15 Obsolete features</a><li><a href=#toc-iana>16 IANA considerations</a><li><a href=#toc-index>Index</a><li><a href=#toc-references>References</a><li><a href=#toc-acknowledgments>Acknowledgements</a></ol>
<h2 id=contents class="no-num no-toc">Full table of contents</h2>
@@ -380,8 +380,8 @@
a command indirectly</a><li><a href=#using-the-accesskey-attribute-on-a-label-element-to-define-a-command>4.11.6.8 Using the <code>accesskey</code> attribute
on a <code>label</code> element to define a command</a><li><a href=#using-the-accesskey-attribute-on-a-legend-element-to-define-a-command>4.11.6.9 Using the <code>accesskey</code> attribute
on a <code>legend</code> element to define a command</a><li><a href=#using-the-accesskey-attribute-to-define-a-command-on-other-elements>4.11.6.10 Using the <code>accesskey</code>
- attribute to define a command on other elements</a></ol><li><a href=#the-dialog-element>4.11.7 The <code>dialog</code> element</a><ol><li><a href=#anchor-points>4.11.7.1 Anchor points</a></ol></ol><li><a href=#scripting-3>4.12 Scripting</a><ol><li><a href=#the-script-element>4.12.1 The <code>script</code> element</a><ol><li><a href=#scriptingLanguages>4.12.1.1 Scripting languages</a><li><a href=#restrictions-for-contents-of-script-elements>4.12.1.2 Restrictions for contents of <code>script</code> elements</a><li><a href=#inline-documentation-for-external-scripts>4.12.1.3 Inline documentation for external scripts</a><li><a href=#scriptTagXSLT>4.12.1.4 Interaction of <code>script</code> elements and XSLT</a></ol><li><a href=#the-noscript-element>4.12.2 The <code>noscript</code> element</a><li><a href=#the-template-element>4.12.3 The <code>template</code> element</a><ol><li><a href=#template-XSLT-XPath>4.12.3.1 Interaction of <code>template</code> elements with XSLT and XPath
</a></ol><li><a href=#the-canvas-element>4.12.4 The <code>canvas</code> element</a><ol><li><a href=#proxying-canvases-to-workers>4.12.4.1 Proxying canvases to workers</a><li><a href=#2dcontext>4.12.4.2 The 2D rendering context</a><ol><li><a href=#implementation-notes>4.12.4.2.1 Implementation notes</a><li><a href=#the-canvas-state>4.12.4.2.2 The canvas state</a><li><a href=#drawingstyle-objects>4.12.4.2.3 <code>DrawingStyle</code> objects</a><li><a href=#line-styles>4.12.4.2.4 Line styles</a><li><a href=#text-styles>4.12.4.2.5 Text styles</a><li><a href=#building-paths>4.12.4.2.6 Building paths</a><li><a href=#path2d-objects>4.12.4.2.7 <code>Path2D</code> objects</a><li><a href=#transformations>4.12.4.2.8 Transformations</a><li><a href=#image-sources-for-2d-rendering-contexts>4.12.4.2.9 Image sources for 2D rendering contexts</a><li><a href=#fill-and-stroke-styles>4.12.4.2.10 Fill and stroke styles</a><li><a href=#drawing-rectangles-to-the-bitmap>4.12.4.2.11 Drawing rectangl
es to the bitmap</a><li><a href=#drawing-text-to-the-bitmap>4.12.4.2.12 Drawing text to the bitmap</a><li><a href=#drawing-paths-to-the-canvas>4.12.4.2.13 Drawing paths to the canvas</a><li><a href=#drawing-images>4.12.4.2.14 Drawing images</a><li><a href=#hit-regions>4.12.4.2.15 Hit regions</a><li><a href=#pixel-manipulation>4.12.4.2.16 Pixel manipulation</a><li><a href=#compositing>4.12.4.2.17 Compositing</a><li><a href=#image-smoothing>4.12.4.2.18 Image smoothing</a><li><a href=#shadows>4.12.4.2.19 Shadows</a><li><a href=#drawing-model>4.12.4.2.20 Drawing model</a><li><a href=#best-practices>4.12.4.2.21 Best practices</a><li><a href=#examples>4.12.4.2.22 Examples</a></ol><li><a href=#colour-spaces-and-colour-correction>4.12.4.3 Colour spaces and colour correction</a><li><a href=#serialising-bitmaps-to-a-file>4.12.4.4 Serialising bitmaps to a file</a><li><a href=#security-with-canvas-elements>4.12.4.5 Security with <code>canvas</code> elements</a></ol></ol><li><a href=#com
mon-idioms>4.13 Common idioms without dedicated elements</a><ol><li><a href=#the-main-part-of-the-content>4.13.1 The main part of the content</a><li><a href=#rel-up>4.13.2 Bread crumb navigation</a><li><a href=#tag-clouds>4.13.3 Tag clouds</a><li><a href=#conversations>4.13.4 Conversations</a><li><a href=#footnotes>4.13.5 Footnotes</a></ol><li><a href=#disabled-elements>4.14 Disabled elements</a><li><a href=#selectors>4.15 Matching HTML elements using selectors</a><ol><li><a href=#case-sensitivity>4.15.1 Case-sensitivity</a><li><a href=#pseudo-classes>4.15.2 Pseudo-classes</a></ol></ol><li id=toc-microdata><a href=#microdata>5 Microdata</a><ol><li><a href=#introduction-7>5.1 Introduction</a><ol><li><a href=#overview>5.1.1 Overview</a><li><a href=#the-basic-syntax>5.1.2 The basic syntax</a><li><a href=#typed-items>5.1.3 Typed items</a><li><a href=#global-identifiers-for-items>5.1.4 Global identifiers for items</a><li><a href=#selecting-names-when-defining-vocabularies>5.1.5 S
electing names when defining vocabularies</a><li><a href=#using-the-microdata-dom-api>5.1.6 Using the microdata DOM API</a></ol><li><a href=#encoding-microdata>5.2 Encoding microdata</a><ol><li><a href=#the-microdata-model>5.2.1 The microdata model</a><li><a href=#items>5.2.2 Items</a><li><a href=#names:-the-itemprop-attribute>5.2.3 Names: the <code>itemprop</code> attribute</a><li><a href=#values>5.2.4 Values</a><li><a href=#associating-names-with-items>5.2.5 Associating names with items</a><li><a href=#microdata-and-other-namespaces>5.2.6 Microdata and other namespaces</a></ol><li><a href=#microdata-dom-api>5.3 Microdata DOM API</a><li><a href=#mdvocabs>5.4 Sample microdata vocabularies</a><ol><li><a href=#vcard>5.4.1 vCard</a><ol><li><a href=#conversion-to-vcard>5.4.1.1 Conversion to vCard</a><li><a href=#examples-2>5.4.1.2 Examples</a></ol><li><a href=#vevent>5.4.2 vEvent</a><ol><li><a href=#conversion-to-icalendar>5.4.2.1 Conversion to iCalendar</a><li><a href=#examples
-3>5.4.2.2 Examples</a></ol><li><a href=#licensing-works>5.4.3 Licensing works</a><ol><li><a href=#examples-4>5.4.3.1 Examples</a></ol></ol><li><a href=#converting-html-to-other-formats>5.5 Converting HTML to other formats</a><ol><li><a href=#json>5.5.1 JSON</a></ol></ol><li id=toc-editing><a href=#editing>6 User interaction</a><ol><li><a href=#the-hidden-attribute>6.1 The <code>hidden</code> attribute</a><li><a href=#inert-subtrees>6.2 Inert subtrees</a><li><a href=#activation>6.3 Activation</a><li><a href=#focus>6.4 Focus</a><ol><li><a href=#introduction-8>6.4.1 Introduction</a><li><a href=#data-model>6.4.2 Data model</a><li><a href=#the-tabindex-attribute>6.4.3 The <code>tabindex</code> attribute</a><li><a href=#processing-model-6>6.4.4 Processing model</a><li><a href=#sequential-focus-navigation>6.4.5 Sequential focus navigation</a><li><a href=#focus-management-apis>6.4.6 Focus management APIs</a></ol><li><a href=#assigning-keyboard-shortcuts>6.5 Assigning keyboard short
cuts</a><ol><li><a href=#introduction-9>6.5.1 Introduction</a><li><a href=#the-accesskey-attribute>6.5.2 The <code>accesskey</code> attribute</a><li><a href=#processing-model-7>6.5.3 Processing model</a></ol><li><a href=#editing-2>6.6 Editing</a><ol><li><a href=#contenteditable>6.6.1 Making document regions editable: The <code>contenteditable</code> content attribute</a><li><a href=#making-entire-documents-editable:-the-designmode-idl-attribute>6.6.2 Making entire documents editable: The <code>designMode</code> IDL attribute</a><li><a href=#best-practices-for-in-page-editors>6.6.3 Best practices for in-page editors</a><li><a href=#editing-apis>6.6.4 Editing APIs</a><li><a href=#spelling-and-grammar-checking>6.6.5 Spelling and grammar checking</a></ol><li><a href=#dnd>6.7 Drag and drop</a><ol><li><a href=#introduction-10>6.7.1 Introduction</a><li><a href=#the-drag-data-store>6.7.2 The drag data store</a><li><a href=#the-datatransfer-interface>6.7.3 The <code>DataTransfer</cod
e> interface</a><ol><li><a href=#the-datatransferitemlist-interface>6.7.3.1 The <code>DataTransferItemList</code> interface</a><li><a href=#the-datatransferitem-interface>6.7.3.2 The <code>DataTransferItem</code> interface</a></ol><li><a href=#the-dragevent-interface>6.7.4 The <code>DragEvent</code> interface</a><li><a href=#drag-and-drop-processing-model>6.7.5 Drag-and-drop processing model</a><li><a href=#dndevents>6.7.6 Events summary</a><li><a href=#the-draggable-attribute>6.7.7 The <code>draggable</code> attribute</a><li><a href=#the-dropzone-attribute>6.7.8 The <code>dropzone</code> attribute</a><li><a href=#security-risks-in-the-drag-and-drop-model>6.7.9 Security risks in the drag-and-drop model</a></ol></ol><li id=toc-browsers><a href=#browsers>7 Loading Web pages</a><ol><li><a href=#windows>7.1 Browsing contexts</a><ol><li><a href=#nested-browsing-contexts>7.1.1 Nested browsing contexts</a><ol><li><a href=#navigating-nested-browsing-contexts-in-the-dom>7.1.1.1 Navig
ating nested browsing contexts in the DOM</a></ol><li><a href=#auxiliary-browsing-contexts>7.1.2 Auxiliary browsing contexts</a><ol><li><a href=#navigating-auxiliary-browsing-contexts-in-the-dom>7.1.2.1 Navigating auxiliary browsing contexts in the DOM</a></ol><li><a href=#secondary-browsing-contexts>7.1.3 Secondary browsing contexts</a><li><a href=#security-nav>7.1.4 Security</a><li><a href=#groupings-of-browsing-contexts>7.1.5 Groupings of browsing contexts</a><li><a href=#browsing-context-names>7.1.6 Browsing context names</a></ol><li><a href=#the-window-object>7.2 The <code>Window</code> object</a><ol><li><a href=#security-window>7.2.1 Security</a><li><a href=#apis-for-creating-and-navigating-browsing-contexts-by-name>7.2.2 APIs for creating and navigating browsing contexts by name</a><li><a href=#accessing-other-browsing-contexts>7.2.3 Accessing other browsing contexts</a><li><a href=#named-access-on-the-window-object>7.2.4 Named access on the <code>Window</code> object
</a><li><a href=#garbage-collection-and-browsing-contexts>7.2.5 Garbage collection and browsing contexts</a><li><a href=#closing-browsing-contexts>7.2.6 Closing browsing contexts</a><li><a href=#browser-interface-elements>7.2.7 Browser interface elements</a><li><a href=#the-windowproxy-object>7.2.8 The <code>WindowProxy</code> object</a></ol><li><a href=#origin>7.3 Origin</a><ol><li><a href=#relaxing-the-same-origin-restriction>7.3.1 Relaxing the same-origin restriction</a></ol><li><a href=#sandboxing>7.4 Sandboxing</a><li><a href=#history>7.5 Session history and navigation</a><ol><li><a href=#the-session-history-of-browsing-contexts>7.5.1 The session history of browsing contexts</a><li><a href=#the-history-interface>7.5.2 The <code>History</code> interface</a><li><a href=#the-location-interface>7.5.3 The <code>Location</code> interface</a><ol><li><a href=#security-location>7.5.3.1 Security</a></ol><li><a href=#history-notes>7.5.4 Implementation notes for session history</a>
</ol><li><a href=#browsing-the-web>7.6 Browsing the Web</a><ol><li><a href=#navigating-across-documents>7.6.1 Navigating across documents</a><li><a href=#read-html>7.6.2 Page load processing model for HTML files</a><li><a href=#read-xml>7.6.3 Page load processing model for XML files</a><li><a href=#read-text>7.6.4 Page load processing model for text files</a><li><a href=#read-multipart-x-mixed-replace>7.6.5 Page load processing model for <code>multipart/x-mixed-replace</code> resources</a><li><a href=#read-media>7.6.6 Page load processing model for media</a><li><a href=#read-plugin>7.6.7 Page load processing model for content that uses plugins</a><li><a href=#read-ua-inline>7.6.8 Page load processing model for inline
- content that doesn't have a DOM</a><li><a href=#scroll-to-fragid>7.6.9 Navigating to a fragment identifier</a><li><a href=#history-traversal>7.6.10 History traversal</a><ol><li><a href=#the-popstateevent-interface>7.6.10.1 The <code>PopStateEvent</code> interface</a><li><a href=#the-hashchangeevent-interface>7.6.10.2 The <code>HashChangeEvent</code> interface</a><li><a href=#the-pagetransitionevent-interface>7.6.10.3 The <code>PageTransitionEvent</code> interface</a></ol><li><a href=#unloading-documents>7.6.11 Unloading documents</a><ol><li><a href=#the-beforeunloadevent-interface>7.6.11.1 The <code>BeforeUnloadEvent</code> interface</a></ol><li><a href=#aborting-a-document-load>7.6.12 Aborting a document load</a></ol><li><a href=#offline>7.7 Offline Web applications</a><ol><li><a href=#introduction-11>7.7.1 Introduction</a><ol><li><a href=#supporting-offline-caching-for-legacy-applications>7.7.1.1 Supporting offline caching for legacy applications</a><li><a href=#appcache
events>7.7.1.2 Event summary</a></ol><li><a href=#appcache>7.7.2 Application caches</a><li><a href=#manifests>7.7.3 The cache manifest syntax</a><ol><li><a href=#some-sample-manifests>7.7.3.1 Some sample manifests</a><li><a href=#writing-cache-manifests>7.7.3.2 Writing cache manifests</a><li><a href=#parsing-cache-manifests>7.7.3.3 Parsing cache manifests</a></ol><li><a href=#downloading-or-updating-an-application-cache>7.7.4 Downloading or updating an application cache</a><li><a href=#the-application-cache-selection-algorithm>7.7.5 The application cache selection algorithm</a><li><a href=#changesToNetworkingModel>7.7.6 Changes to the networking model</a><li><a href=#expiring-application-caches>7.7.7 Expiring application caches</a><li><a href=#disk-space>7.7.8 Disk space</a><li><a href=#security-concerns-with-offline-applications-caches>7.7.9 Security concerns with offline applications caches</a><li><a href=#application-cache-api>7.7.10 Application cache API</a><li><a href=#
navigator.online>7.7.11 Browser state</a></ol></ol><li id=toc-webappapis><a href=#webappapis>8 Web application APIs</a><ol><li><a href=#scripting>8.1 Scripting</a><ol><li><a href=#introduction-12>8.1.1 Introduction</a><li><a href=#enabling-and-disabling-scripting>8.1.2 Enabling and disabling scripting</a><li><a href=#processing-model-8>8.1.3 Processing model</a><ol><li><a href=#definitions-2>8.1.3.1 Definitions</a><li><a href=#script-settings-for-browsing-contexts>8.1.3.2 Script settings for browsing contexts</a><li><a href=#calling-scripts>8.1.3.3 Calling scripts</a><li><a href=#creating-scripts>8.1.3.4 Creating scripts</a><li><a href=#killing-scripts>8.1.3.5 Killing scripts</a><li><a href=#runtime-script-errors>8.1.3.6 Runtime script errors</a><ol><li><a href=#runtime-script-errors-in-documents>8.1.3.6.1 Runtime script errors in documents</a><li><a href=#the-errorevent-interface>8.1.3.6.2 The <code>ErrorEvent</code> interface</a></ol></ol><li><a href=#event-loops>8.1.4 Eve
nt loops</a><ol><li><a href=#definitions-3>8.1.4.1 Definitions</a><li><a href=#processing-model-9>8.1.4.2 Processing model</a><li><a href=#generic-task-sources>8.1.4.3 Generic task sources</a></ol><li><a href=#events>8.1.5 Events</a><ol><li><a href=#event-handler-attributes>8.1.5.1 Event handlers</a><li><a href=#event-handlers-on-elements,-document-objects,-and-window-objects>8.1.5.2 Event handlers on elements, <code>Document</code> objects, and <code>Window</code> objects</a><ol><li><a href=#idl-definitions>8.1.5.2.1 IDL definitions</a></ol><li><a href=#event-firing>8.1.5.3 Event firing</a><li><a href=#events-and-the-window-object>8.1.5.4 Events and the <code>Window</code> object</a></ol></ol><li><a href=#atob>8.2 Base64 utility methods</a><li><a href=#dynamic-markup-insertion>8.3 Dynamic markup insertion</a><ol><li><a href=#opening-the-input-stream>8.3.1 Opening the input stream</a><li><a href=#closing-the-input-stream>8.3.2 Closing the input stream</a><li><a href=#documen
t.write()>8.3.3 <code>document.write()</code></a><li><a href=#document.writeln()>8.3.4 <code>document.writeln()</code></a></ol><li><a href=#timers>8.4 Timers</a><li><a href=#user-prompts>8.5 User prompts</a><ol><li><a href=#simple-dialogs>8.5.1 Simple dialogs</a><li><a href=#printing>8.5.2 Printing</a><li><a href=#dialogs-implemented-using-separate-documents>8.5.3 Dialogs implemented using separate documents with <code>showModalDialog()</code></a></ol><li><a href=#system-state-and-capabilities>8.6 System state and capabilities</a><ol><li><a href=#the-navigator-object>8.6.1 The <code>Navigator</code> object</a><ol><li><a href=#client-identification>8.6.1.1 Client identification</a><li><a href=#language-preferences>8.6.1.2 Language preferences</a><li><a href=#custom-handlers>8.6.1.3 Custom scheme and content handlers: the <code>registerProtocolHandler()</code> and <code>registerContentHandler()</code> methods</a><ol><li><a href=#security-and-privacy>8.6.1.3.1 Security and priv
acy</a><li><a href=#sample-handler-impl>8.6.1.3.2 Sample user interface</a></ol><li><a href=#manually-releasing-the-storage-mutex>8.6.1.4 Manually releasing the storage mutex</a><li><a href=#plugins-2>8.6.1.5 Plugins</a></ol><li><a href=#the-external-interface>8.6.2 The <code>External</code> interface</a></ol><li><a href=#images>8.7 Images</a><li><a href=#animation-frames>8.8 Animation Frames</a></ol><li id=toc-comms><a href=#comms>9 Communication</a><ol><li><a href=#the-messageevent-interfaces>9.1 The <code>MessageEvent</code> interfaces</a><li><a href=#server-sent-events>9.2 Server-sent events</a><ol><li><a href=#server-sent-events-intro>9.2.1 Introduction</a><li><a href=#the-eventsource-interface>9.2.2 The <code>EventSource</code> interface</a><li><a href=#processing-model-10>9.2.3 Processing model</a><li><a href=#parsing-an-event-stream>9.2.4 Parsing an event stream</a><li><a href=#event-stream-interpretation>9.2.5 Interpreting an event stream</a><li><a href=#authoring-n
otes>9.2.6 Authoring notes</a><li><a href=#eventsource-push>9.2.7 Connectionless push and other features</a><li><a href=#garbage-collection-2>9.2.8 Garbage collection</a><li><a href=#implementation-advice>9.2.9 Implementation advice</a><li><a href=#iana-considerations>9.2.10 IANA considerations</a><ol><li><a href=#text/event-stream>9.2.10.1 <code>text/event-stream</code></a><li><a href=#last-event-id>9.2.10.2 <code>Last-Event-ID</code></a></ol></ol><li><a href=#network>9.3 Web sockets</a><ol><li><a href=#network-intro>9.3.1 Introduction</a><li><a href=#the-websocket-interface>9.3.2 The <code>WebSocket</code> interface</a><li><a href=#feedback-from-the-protocol>9.3.3 Feedback from the protocol</a><li><a href=#ping-and-pong-frames>9.3.4 Ping and Pong frames</a><li><a href=#parsing-websocket-urls>9.3.5 Parsing WebSocket URLs</a><li><a href=#the-closeevent-interfaces>9.3.6 The <code>CloseEvent</code> interfaces</a><li><a href=#garbage-collection-3>9.3.7 Garbage collection</a></o
l><li><a href=#web-messaging>9.4 Cross-document messaging</a><ol><li><a href=#introduction-13>9.4.1 Introduction</a><li><a href=#security-postmsg>9.4.2 Security</a><ol><li><a href=#authors>9.4.2.1 Authors</a><li><a href=#user-agents>9.4.2.2 User agents</a></ol><li><a href=#posting-messages>9.4.3 Posting messages</a></ol><li><a href=#channel-messaging>9.5 Channel messaging</a><ol><li><a href=#introduction-14>9.5.1 Introduction</a><ol><li><a href=#examples-5>9.5.1.1 Examples</a><li><a href=#ports-as-the-basis-of-an-object-capability-model-on-the-web>9.5.1.2 Ports as the basis of an object-capability model on the Web</a><li><a href=#ports-as-the-basis-of-abstracting-out-service-implementations>9.5.1.3 Ports as the basis of abstracting out service implementations</a></ol><li><a href=#message-channels>9.5.2 Message channels</a><li><a href=#message-ports>9.5.3 Message ports</a><li><a href=#broadcasting-to-many-ports>9.5.4 Broadcasting to many ports</a><li><a href=#ports-and-garbag
e-collection>9.5.5 Ports and garbage collection</a></ol><li><a href=#broadcasting-to-other-browsing-contexts>9.6 Broadcasting to other browsing contexts</a></ol><li id=toc-workers><a href=#workers>10 Web workers</a><ol><li><a href=#introduction-15>10.1 Introduction</a><ol><li><a href=#scope-2>10.1.1 Scope</a><li><a href=#examples-6>10.1.2 Examples</a><ol><li><a href=#a-background-number-crunching-worker>10.1.2.1 A background number-crunching worker</a><li><a href=#worker-used-for-background-i/o>10.1.2.2 Worker used for background I/O</a><li><a href=#shared-workers-introduction>10.1.2.3 Shared workers introduction</a><li><a href=#shared-state-using-a-shared-worker>10.1.2.4 Shared state using a shared worker</a><li><a href=#delegation>10.1.2.5 Delegation</a></ol><li><a href=#tutorials>10.1.3 Tutorials</a><ol><li><a href=#creating-a-dedicated-worker>10.1.3.1 Creating a dedicated worker</a><li><a href=#communicating-with-a-dedicated-worker>10.1.3.2 Communicating with a dedicated
worker</a><li><a href=#shared-workers>10.1.3.3 Shared workers</a></ol></ol><li><a href=#infrastructure-2>10.2 Infrastructure</a><ol><li><a href=#the-global-scope>10.2.1 The global scope</a><ol><li><a href=#the-workerglobalscope-common-interface>10.2.1.1 The <code>WorkerGlobalScope</code> common interface</a><li><a href=#dedicated-workers-and-the-dedicatedworkerglobalscope-interface>10.2.1.2 Dedicated workers and the <code>DedicatedWorkerGlobalScope</code> interface</a><li><a href=#shared-workers-and-the-sharedworkerglobalscope-interface>10.2.1.3 Shared workers and the <code>SharedWorkerGlobalScope</code> interface</a></ol><li><a href=#worker-event-loop>10.2.2 The event loop</a><li><a href="#the-worker's-lifetime">10.2.3 The worker's lifetime</a><li><a href=#processing-model-11>10.2.4 Processing model</a><li><a href=#runtime-script-errors-2>10.2.5 Runtime script errors</a><li><a href=#creating-workers>10.2.6 Creating workers</a><ol><li><a href=#the-abstractworker-abstract-in
terface>10.2.6.1 The <code>AbstractWorker</code> abstract interface</a><li><a href=#script-settings-for-workers>10.2.6.2 Script settings for workers</a><li><a href=#dedicated-workers-and-the-worker-interface>10.2.6.3 Dedicated workers and the <code>Worker</code> interface</a><li><a href=#shared-workers-and-the-sharedworker-interface>10.2.6.4 Shared workers and the <code>SharedWorker</code> interface</a></ol></ol><li><a href=#apis-available-to-workers>10.3 APIs available to workers</a><ol><li><a href=#importing-scripts-and-libraries>10.3.1 Importing scripts and libraries</a><li><a href=#the-workernavigator-object>10.3.2 The <code>WorkerNavigator</code> object</a><li><a href=#worker-locations>10.3.3 Worker locations</a></ol></ol><li id=toc-webstorage><a href=#webstorage>11 Web storage</a><ol><li><a href=#introduction-16>11.1 Introduction</a><li><a href=#storage>11.2 The API</a><ol><li><a href=#the-storage-interface>11.2.1 The <code>Storage</code> interface</a><li><a href=#the-
sessionstorage-attribute>11.2.2 The <code>sessionStorage</code> attribute</a><li><a href=#the-localstorage-attribute>11.2.3 The <code>localStorage</code> attribute</a><li><a href=#the-storage-event>11.2.4 The <code>storage</code> event</a><ol><li><a href=#the-storageevent-interface>11.2.4.1 The <code>StorageEvent</code> interface</a></ol><li><a href=#threads>11.2.5 Threads</a></ol><li><a href=#disk-space-2>11.3 Disk space</a><li><a href=#privacy>11.4 Privacy</a><ol><li><a href=#user-tracking>11.4.1 User tracking</a><li><a href=#sensitivity-of-data>11.4.2 Sensitivity of data</a></ol><li><a href=#security-storage>11.5 Security</a><ol><li><a href=#dns-spoofing-attacks>11.5.1 DNS spoofing attacks</a><li><a href=#cross-directory-attacks>11.5.2 Cross-directory attacks</a><li><a href=#implementation-risks>11.5.3 Implementation risks</a></ol></ol><li id=toc-syntax><a href=#syntax>12 The HTML syntax</a><ol><li><a href=#writing>12.1 Writing HTML documents</a><ol><li><a href=#the-docty
pe>12.1.1 The DOCTYPE</a><li><a href=#elements-2>12.1.2 Elements</a><ol><li><a href=#start-tags>12.1.2.1 Start tags</a><li><a href=#end-tags>12.1.2.2 End tags</a><li><a href=#attributes-2>12.1.2.3 Attributes</a><li><a href=#optional-tags>12.1.2.4 Optional tags</a><li><a href=#element-restrictions>12.1.2.5 Restrictions on content models</a><li><a href=#cdata-rcdata-restrictions>12.1.2.6 Restrictions on the contents of raw text and escapable raw text elements</a></ol><li><a href=#text-2>12.1.3 Text</a><ol><li><a href=#newlines>12.1.3.1 Newlines</a></ol><li><a href=#character-references>12.1.4 Character references</a><li><a href=#cdata-sections>12.1.5 CDATA sections</a><li><a href=#comments>12.1.6 Comments</a></ol><li><a href=#parsing>12.2 Parsing HTML documents</a><ol><li><a href=#overview-of-the-parsing-model>12.2.1 Overview of the parsing model</a><li><a href=#the-input-byte-stream>12.2.2 The input byte stream</a><ol><li><a href=#parsing-with-a-known-character-encoding>12.2.
2.1 Parsing with a known character encoding</a><li><a href=#determining-the-character-encoding>12.2.2.2 Determining the character encoding</a><li><a href=#character-encodings>12.2.2.3 Character encodings</a><li><a href=#changing-the-encoding-while-parsing>12.2.2.4 Changing the encoding while parsing</a><li><a href=#preprocessing-the-input-stream>12.2.2.5 Preprocessing the input stream</a></ol><li><a href=#parse-state>12.2.3 Parse state</a><ol><li><a href=#the-insertion-mode>12.2.3.1 The insertion mode</a><li><a href=#the-stack-of-open-elements>12.2.3.2 The stack of open elements</a><li><a href=#the-list-of-active-formatting-elements>12.2.3.3 The list of active formatting elements</a><li><a href=#the-element-pointers>12.2.3.4 The element pointers</a><li><a href=#other-parsing-state-flags>12.2.3.5 Other parsing state flags</a></ol><li><a href=#tokenization>12.2.4 Tokenization</a><ol><li><a href=#data-state>12.2.4.1 Data state</a><li><a href=#character-reference-in-data-state>1
2.2.4.2 Character reference in data state</a><li><a href=#rcdata-state>12.2.4.3 RCDATA state</a><li><a href=#character-reference-in-rcdata-state>12.2.4.4 Character reference in RCDATA state</a><li><a href=#rawtext-state>12.2.4.5 RAWTEXT state</a><li><a href=#script-data-state>12.2.4.6 Script data state</a><li><a href=#plaintext-state>12.2.4.7 PLAINTEXT state</a><li><a href=#tag-open-state>12.2.4.8 Tag open state</a><li><a href=#end-tag-open-state>12.2.4.9 End tag open state</a><li><a href=#tag-name-state>12.2.4.10 Tag name state</a><li><a href=#rcdata-less-than-sign-state>12.2.4.11 RCDATA less-than sign state</a><li><a href=#rcdata-end-tag-open-state>12.2.4.12 RCDATA end tag open state</a><li><a href=#rcdata-end-tag-name-state>12.2.4.13 RCDATA end tag name state</a><li><a href=#rawtext-less-than-sign-state>12.2.4.14 RAWTEXT less-than sign state</a><li><a href=#rawtext-end-tag-open-state>12.2.4.15 RAWTEXT end tag open state</a><li><a href=#rawtext-end-tag-name-state>12.2.4.16
RAWTEXT end tag name state</a><li><a href=#script-data-less-than-sign-state>12.2.4.17 Script data less-than sign state</a><li><a href=#script-data-end-tag-open-state>12.2.4.18 Script data end tag open state</a><li><a href=#script-data-end-tag-name-state>12.2.4.19 Script data end tag name state</a><li><a href=#script-data-escape-start-state>12.2.4.20 Script data escape start state</a><li><a href=#script-data-escape-start-dash-state>12.2.4.21 Script data escape start dash state</a><li><a href=#script-data-escaped-state>12.2.4.22 Script data escaped state</a><li><a href=#script-data-escaped-dash-state>12.2.4.23 Script data escaped dash state</a><li><a href=#script-data-escaped-dash-dash-state>12.2.4.24 Script data escaped dash dash state</a><li><a href=#script-data-escaped-less-than-sign-state>12.2.4.25 Script data escaped less-than sign state</a><li><a href=#script-data-escaped-end-tag-open-state>12.2.4.26 Script data escaped end tag open state</a><li><a href=#script-data-esc
aped-end-tag-name-state>12.2.4.27 Script data escaped end tag name state</a><li><a href=#script-data-double-escape-start-state>12.2.4.28 Script data double escape start state</a><li><a href=#script-data-double-escaped-state>12.2.4.29 Script data double escaped state</a><li><a href=#script-data-double-escaped-dash-state>12.2.4.30 Script data double escaped dash state</a><li><a href=#script-data-double-escaped-dash-dash-state>12.2.4.31 Script data double escaped dash dash state</a><li><a href=#script-data-double-escaped-less-than-sign-state>12.2.4.32 Script data double escaped less-than sign state</a><li><a href=#script-data-double-escape-end-state>12.2.4.33 Script data double escape end state</a><li><a href=#before-attribute-name-state>12.2.4.34 Before attribute name state</a><li><a href=#attribute-name-state>12.2.4.35 Attribute name state</a><li><a href=#after-attribute-name-state>12.2.4.36 After attribute name state</a><li><a href=#before-attribute-value-state>12.2.4.37 Bef
ore attribute value state</a><li><a href=#attribute-value-(double-quoted)-state>12.2.4.38 Attribute value (double-quoted) state</a><li><a href=#attribute-value-(single-quoted)-state>12.2.4.39 Attribute value (single-quoted) state</a><li><a href=#attribute-value-(unquoted)-state>12.2.4.40 Attribute value (unquoted) state</a><li><a href=#character-reference-in-attribute-value-state>12.2.4.41 Character reference in attribute value state</a><li><a href=#after-attribute-value-(quoted)-state>12.2.4.42 After attribute value (quoted) state</a><li><a href=#self-closing-start-tag-state>12.2.4.43 Self-closing start tag state</a><li><a href=#bogus-comment-state>12.2.4.44 Bogus comment state</a><li><a href=#markup-declaration-open-state>12.2.4.45 Markup declaration open state</a><li><a href=#comment-start-state>12.2.4.46 Comment start state</a><li><a href=#comment-start-dash-state>12.2.4.47 Comment start dash state</a><li><a href=#comment-state>12.2.4.48 Comment state</a><li><a href=#com
ment-end-dash-state>12.2.4.49 Comment end dash state</a><li><a href=#comment-end-state>12.2.4.50 Comment end state</a><li><a href=#comment-end-bang-state>12.2.4.51 Comment end bang state</a><li><a href=#doctype-state>12.2.4.52 DOCTYPE state</a><li><a href=#before-doctype-name-state>12.2.4.53 Before DOCTYPE name state</a><li><a href=#doctype-name-state>12.2.4.54 DOCTYPE name state</a><li><a href=#after-doctype-name-state>12.2.4.55 After DOCTYPE name state</a><li><a href=#after-doctype-public-keyword-state>12.2.4.56 After DOCTYPE public keyword state</a><li><a href=#before-doctype-public-identifier-state>12.2.4.57 Before DOCTYPE public identifier state</a><li><a href=#doctype-public-identifier-(double-quoted)-state>12.2.4.58 DOCTYPE public identifier (double-quoted) state</a><li><a href=#doctype-public-identifier-(single-quoted)-state>12.2.4.59 DOCTYPE public identifier (single-quoted) state</a><li><a href=#after-doctype-public-identifier-state>12.2.4.60 After DOCTYPE public i
dentifier state</a><li><a href=#between-doctype-public-and-system-identifiers-state>12.2.4.61 Between DOCTYPE public and system identifiers state</a><li><a href=#after-doctype-system-keyword-state>12.2.4.62 After DOCTYPE system keyword state</a><li><a href=#before-doctype-system-identifier-state>12.2.4.63 Before DOCTYPE system identifier state</a><li><a href=#doctype-system-identifier-(double-quoted)-state>12.2.4.64 DOCTYPE system identifier (double-quoted) state</a><li><a href=#doctype-system-identifier-(single-quoted)-state>12.2.4.65 DOCTYPE system identifier (single-quoted) state</a><li><a href=#after-doctype-system-identifier-state>12.2.4.66 After DOCTYPE system identifier state</a><li><a href=#bogus-doctype-state>12.2.4.67 Bogus DOCTYPE state</a><li><a href=#cdata-section-state>12.2.4.68 CDATA section state</a><li><a href=#tokenizing-character-references>12.2.4.69 Tokenizing character references</a></ol><li><a href=#tree-construction>12.2.5 Tree construction</a><ol><li>
<a href=#creating-and-inserting-nodes>12.2.5.1 Creating and inserting nodes</a><li><a href=#parsing-elements-that-contain-only-text>12.2.5.2 Parsing elements that contain only text</a><li><a href=#closing-elements-that-have-implied-end-tags>12.2.5.3 Closing elements that have implied end tags</a><li><a href=#parsing-main-inhtml>12.2.5.4 The rules for parsing tokens in HTML content</a><ol><li><a href=#the-initial-insertion-mode>12.2.5.4.1 The "initial" insertion mode</a><li><a href=#the-before-html-insertion-mode>12.2.5.4.2 The "before html" insertion mode</a><li><a href=#the-before-head-insertion-mode>12.2.5.4.3 The "before head" insertion mode</a><li><a href=#parsing-main-inhead>12.2.5.4.4 The "in head" insertion mode</a><li><a href=#parsing-main-inheadnoscript>12.2.5.4.5 The "in head noscript" insertion mode</a><li><a href=#the-after-head-insertion-mode>12.2.5.4.6 The "after head" insertion mode</a><li><a href=#parsing-main-inbody>12.2.5.4.7 The "in body" insertion mode</a
><li><a href=#parsing-main-incdata>12.2.5.4.8 The "text" insertion mode</a><li><a href=#parsing-main-intable>12.2.5.4.9 The "in table" insertion mode</a><li><a href=#parsing-main-intabletext>12.2.5.4.10 The "in table text" insertion mode</a><li><a href=#parsing-main-incaption>12.2.5.4.11 The "in caption" insertion mode</a><li><a href=#parsing-main-incolgroup>12.2.5.4.12 The "in column group" insertion mode</a><li><a href=#parsing-main-intbody>12.2.5.4.13 The "in table body" insertion mode</a><li><a href=#parsing-main-intr>12.2.5.4.14 The "in row" insertion mode</a><li><a href=#parsing-main-intd>12.2.5.4.15 The "in cell" insertion mode</a><li><a href=#parsing-main-inselect>12.2.5.4.16 The "in select" insertion mode</a><li><a href=#parsing-main-inselectintable>12.2.5.4.17 The "in select in table" insertion mode</a><li><a href=#parsing-main-intemplate>12.2.5.4.18 The "in template" insertion mode</a><li><a href=#parsing-main-afterbody>12.2.5.4.19 The "after body" insertion mode<
/a><li><a href=#parsing-main-inframeset>12.2.5.4.20 The "in frameset" insertion mode</a><li><a href=#parsing-main-afterframeset>12.2.5.4.21 The "after frameset" insertion mode</a><li><a href=#the-after-after-body-insertion-mode>12.2.5.4.22 The "after after body" insertion mode</a><li><a href=#the-after-after-frameset-insertion-mode>12.2.5.4.23 The "after after frameset" insertion mode</a></ol><li><a href=#parsing-main-inforeign>12.2.5.5 The rules for parsing tokens in foreign content</a></ol><li><a href=#the-end>12.2.6 The end</a><li><a href=#coercing-an-html-dom-into-an-infoset>12.2.7 Coercing an HTML DOM into an infoset</a><li><a href=#an-introduction-to-error-handling-and-strange-cases-in-the-parser>12.2.8 An introduction to error handling and strange cases in the parser</a><ol><li><a href=#misnested-tags:-b-i-/b-/i>12.2.8.1 Misnested tags: <b><i></b></i></a><li><a href=#misnested-tags:-b-p-/b-/p>12.2.8.2 Misnested tags: <b><p></b></p></a><li><a hr
ef=#unexpected-markup-in-tables>12.2.8.3 Unexpected markup in tables</a><li><a href=#scripts-that-modify-the-page-as-it-is-being-parsed>12.2.8.4 Scripts that modify the page as it is being parsed</a><li><a href=#the-execution-of-scripts-that-are-moving-across-multiple-documents>12.2.8.5 The execution of scripts that are moving across multiple documents</a><li><a href=#unclosed-formatting-elements>12.2.8.6 Unclosed formatting elements</a></ol></ol><li><a href=#serialising-html-fragments>12.3 Serialising HTML fragments</a><li><a href=#parsing-html-fragments>12.4 Parsing HTML fragments</a><li><a href=#named-character-references>12.5 Named character references</a></ol><li id=toc-the-xhtml-syntax><a href=#the-xhtml-syntax>13 The XHTML syntax</a><ol><li><a href=#writing-xhtml-documents>13.1 Writing XHTML documents</a><li><a href=#parsing-xhtml-documents>13.2 Parsing XHTML documents</a><li><a href=#serialising-xhtml-fragments>13.3 Serialising XHTML fragments</a><li><a href=#parsing
-xhtml-fragments>13.4 Parsing XHTML fragments</a></ol><li id=toc-rendering><a href=#rendering>14 Rendering</a><ol><li><a href=#introduction-17>14.1 Introduction</a><li><a href=#the-css-user-agent-style-sheet-and-presentational-hints>14.2 The CSS user agent style sheet and presentational hints</a><li><a href=#non-replaced-elements>14.3 Non-replaced elements</a><ol><li><a href=#hidden-elements>14.3.1 Hidden elements</a><li><a href=#the-page>14.3.2 The page</a><li><a href=#flow-content-3>14.3.3 Flow content</a><li><a href=#phrasing-content-3>14.3.4 Phrasing content</a><li><a href=#bidi-rendering>14.3.5 Bidirectional text</a><li><a href=#quotes>14.3.6 Quotes</a><li><a href=#sections-and-headings>14.3.7 Sections and headings</a><li><a href=#lists>14.3.8 Lists</a><li><a href=#tables-2>14.3.9 Tables</a><li><a href=#margin-collapsing-quirks>14.3.10 Margin collapsing quirks</a><li><a href=#form-controls>14.3.11 Form controls</a><li><a href=#the-hr-element-2>14.3.12 The <code>hr</code
> element</a><li><a href=#the-fieldset-and-legend-elements>14.3.13 The <code>fieldset</code> and <code>legend</code> elements</a></ol><li><a href=#replaced-elements>14.4 Replaced elements</a><ol><li><a href=#embedded-content-rendering-rules>14.4.1 Embedded content</a><li><a href=#images-2>14.4.2 Images</a><li><a href=#attributes-for-embedded-content-and-images>14.4.3 Attributes for embedded content and images</a><li><a href=#image-maps-2>14.4.4 Image maps</a></ol><li><a href=#bindings>14.5 Bindings</a><ol><li><a href=#introduction-18>14.5.1 Introduction</a><li><a href=#the-button-element-2>14.5.2 The <code>button</code> element</a><li><a href=#the-details-element-2>14.5.3 The <code>details</code> element</a><li><a href=#the-input-element-as-a-text-entry-widget>14.5.4 The <code>input</code> element as a text entry widget</a><li><a href=#the-input-element-as-domain-specific-widgets>14.5.5 The <code>input</code> element as domain-specific widgets</a><li><a href=#the-input-eleme
nt-as-a-range-control>14.5.6 The <code>input</code> element as a range control</a><li><a href=#the-input-element-as-a-colour-well>14.5.7 The <code>input</code> element as a colour well</a><li><a href=#the-input-element-as-a-checkbox-and-radio-button-widgets>14.5.8 The <code>input</code> element as a checkbox and radio button widgets</a><li><a href=#the-input-element-as-a-file-upload-control>14.5.9 The <code>input</code> element as a file upload control</a><li><a href=#the-input-element-as-a-button>14.5.10 The <code>input</code> element as a button</a><li><a href=#the-marquee-element>14.5.11 The <code>marquee</code> element</a><li><a href=#the-meter-element-2>14.5.12 The <code>meter</code> element</a><li><a href=#the-progress-element-2>14.5.13 The <code>progress</code> element</a><li><a href=#the-select-element-2>14.5.14 The <code>select</code> element</a><li><a href=#the-textarea-element-2>14.5.15 The <code>textarea</code> element</a><li><a href=#the-keygen-element-2>14.5.16
The <code>keygen</code> element</a></ol><li><a href=#frames-and-framesets>14.6 Frames and framesets</a><li><a href=#interactive-media>14.7 Interactive media</a><ol><li><a href=#links,-forms,-and-navigation>14.7.1 Links, forms, and navigation</a><li><a href=#the-title-attribute-2>14.7.2 The <code>title</code> attribute</a><li><a href=#editing-hosts>14.7.3 Editing hosts</a><li><a href=#text-rendered-in-native-user-interfaces>14.7.4 Text rendered in native user interfaces</a></ol><li><a href=#print-media>14.8 Print media</a><li><a href=#unstyled-xml-documents>14.9 Unstyled XML documents</a></ol><li id=toc-obsolete><a href=#obsolete>15 Obsolete features</a><ol><li><a href=#obsolete-but-conforming-features>15.1 Obsolete but conforming features</a><ol><li><a href=#warnings-for-obsolete-but-conforming-features>15.1.1 Warnings for obsolete but conforming features</a></ol><li><a href=#non-conforming-features>15.2 Non-conforming features</a><li><a href=#requirements-for-implementatio
ns>15.3 Requirements for implementations</a><ol><li><a href=#the-applet-element>15.3.1 The <code>applet</code> element</a><li><a href=#the-marquee-element-2>15.3.2 The <code>marquee</code> element</a><li><a href=#frames>15.3.3 Frames</a><li><a href=#other-elements,-attributes-and-apis>15.3.4 Other elements, attributes and APIs</a></ol></ol><li id=toc-iana><a href=#iana>16 IANA considerations</a><ol><li><a href=#text/html>16.1 <code>text/html</code></a><li><a href=#multipart/x-mixed-replace>16.2 <code>multipart/x-mixed-replace</code></a><li><a href=#application/xhtml+xml>16.3 <code>application/xhtml+xml</code></a><li><a href=#application/x-www-form-urlencoded>16.4 <code>application/x-www-form-urlencoded</code></a><li><a href=#text/cache-manifest>16.5 <code>text/cache-manifest</code></a><li><a href=#text/ping>16.6 <code>text/ping</code></a><li><a href=#application/microdata+json>16.7 <code>application/microdata+json</code></a><li><a href=#ping-from>16.8 <code>Ping-From</code><
/a><li><a href=#ping-to>16.9 <code>Ping-To</code></a><li><a href=#web+-scheme-prefix>16.10 <code>web+</code> scheme prefix</a></ol><li id=toc-index><a href=#index>Index</a><ol><li><a href=#elements-3>Elements</a><li><a href=#element-content-categories>Element content categories</a><li><a href=#attributes-3>Attributes</a><li><a href=#element-interfaces>Element Interfaces</a><li><a href=#all-interfaces>All Interfaces</a><li><a href=#events-2>Events</a><li><a href=#mime-types-2>MIME Types</a></ol><li id=toc-references><a href=#references>References</a><li id=toc-acknowledgments><a href=#acknowledgments>Acknowledgements</a></ol>
+ attribute to define a command on other elements</a></ol><li><a href=#the-dialog-element>4.11.7 The <code>dialog</code> element</a><ol><li><a href=#anchor-points>4.11.7.1 Anchor points</a></ol></ol><li><a href=#scripting-3>4.12 Scripting</a><ol><li><a href=#the-script-element>4.12.1 The <code>script</code> element</a><ol><li><a href=#scriptingLanguages>4.12.1.1 Scripting languages</a><li><a href=#restrictions-for-contents-of-script-elements>4.12.1.2 Restrictions for contents of <code>script</code> elements</a><li><a href=#inline-documentation-for-external-scripts>4.12.1.3 Inline documentation for external scripts</a><li><a href=#scriptTagXSLT>4.12.1.4 Interaction of <code>script</code> elements and XSLT</a></ol><li><a href=#the-noscript-element>4.12.2 The <code>noscript</code> element</a><li><a href=#the-template-element>4.12.3 The <code>template</code> element</a><ol><li><a href=#template-XSLT-XPath>4.12.3.1 Interaction of <code>template</code> elements with XSLT and XPath
</a></ol><li><a href=#the-canvas-element>4.12.4 The <code>canvas</code> element</a><ol><li><a href=#proxying-canvases-to-workers>4.12.4.1 Proxying canvases to workers</a><li><a href=#2dcontext>4.12.4.2 The 2D rendering context</a><ol><li><a href=#implementation-notes>4.12.4.2.1 Implementation notes</a><li><a href=#the-canvas-state>4.12.4.2.2 The canvas state</a><li><a href=#drawingstyle-objects>4.12.4.2.3 <code>DrawingStyle</code> objects</a><li><a href=#line-styles>4.12.4.2.4 Line styles</a><li><a href=#text-styles>4.12.4.2.5 Text styles</a><li><a href=#building-paths>4.12.4.2.6 Building paths</a><li><a href=#path2d-objects>4.12.4.2.7 <code>Path2D</code> objects</a><li><a href=#transformations>4.12.4.2.8 Transformations</a><li><a href=#image-sources-for-2d-rendering-contexts>4.12.4.2.9 Image sources for 2D rendering contexts</a><li><a href=#fill-and-stroke-styles>4.12.4.2.10 Fill and stroke styles</a><li><a href=#drawing-rectangles-to-the-bitmap>4.12.4.2.11 Drawing rectangl
es to the bitmap</a><li><a href=#drawing-text-to-the-bitmap>4.12.4.2.12 Drawing text to the bitmap</a><li><a href=#drawing-paths-to-the-canvas>4.12.4.2.13 Drawing paths to the canvas</a><li><a href=#drawing-images>4.12.4.2.14 Drawing images</a><li><a href=#hit-regions>4.12.4.2.15 Hit regions</a><li><a href=#pixel-manipulation>4.12.4.2.16 Pixel manipulation</a><li><a href=#compositing>4.12.4.2.17 Compositing</a><li><a href=#image-smoothing>4.12.4.2.18 Image smoothing</a><li><a href=#shadows>4.12.4.2.19 Shadows</a><li><a href=#drawing-model>4.12.4.2.20 Drawing model</a><li><a href=#best-practices>4.12.4.2.21 Best practices</a><li><a href=#examples>4.12.4.2.22 Examples</a></ol><li><a href=#colour-spaces-and-colour-correction>4.12.4.3 Colour spaces and colour correction</a><li><a href=#serialising-bitmaps-to-a-file>4.12.4.4 Serialising bitmaps to a file</a><li><a href=#security-with-canvas-elements>4.12.4.5 Security with <code>canvas</code> elements</a></ol></ol><li><a href=#com
mon-idioms>4.13 Common idioms without dedicated elements</a><ol><li><a href=#the-main-part-of-the-content>4.13.1 The main part of the content</a><li><a href=#rel-up>4.13.2 Bread crumb navigation</a><li><a href=#tag-clouds>4.13.3 Tag clouds</a><li><a href=#conversations>4.13.4 Conversations</a><li><a href=#footnotes>4.13.5 Footnotes</a></ol><li><a href=#disabled-elements>4.14 Disabled elements</a><li><a href=#selectors>4.15 Matching HTML elements using selectors</a><ol><li><a href=#case-sensitivity>4.15.1 Case-sensitivity</a><li><a href=#pseudo-classes>4.15.2 Pseudo-classes</a></ol></ol><li id=toc-microdata><a href=#microdata>5 Microdata</a><ol><li><a href=#introduction-7>5.1 Introduction</a><ol><li><a href=#overview>5.1.1 Overview</a><li><a href=#the-basic-syntax>5.1.2 The basic syntax</a><li><a href=#typed-items>5.1.3 Typed items</a><li><a href=#global-identifiers-for-items>5.1.4 Global identifiers for items</a><li><a href=#selecting-names-when-defining-vocabularies>5.1.5 S
electing names when defining vocabularies</a><li><a href=#using-the-microdata-dom-api>5.1.6 Using the microdata DOM API</a></ol><li><a href=#encoding-microdata>5.2 Encoding microdata</a><ol><li><a href=#the-microdata-model>5.2.1 The microdata model</a><li><a href=#items>5.2.2 Items</a><li><a href=#names:-the-itemprop-attribute>5.2.3 Names: the <code>itemprop</code> attribute</a><li><a href=#values>5.2.4 Values</a><li><a href=#associating-names-with-items>5.2.5 Associating names with items</a><li><a href=#microdata-and-other-namespaces>5.2.6 Microdata and other namespaces</a></ol><li><a href=#microdata-dom-api>5.3 Microdata DOM API</a><li><a href=#mdvocabs>5.4 Sample microdata vocabularies</a><ol><li><a href=#vcard>5.4.1 vCard</a><ol><li><a href=#conversion-to-vcard>5.4.1.1 Conversion to vCard</a><li><a href=#examples-2>5.4.1.2 Examples</a></ol><li><a href=#vevent>5.4.2 vEvent</a><ol><li><a href=#conversion-to-icalendar>5.4.2.1 Conversion to iCalendar</a><li><a href=#examples
-3>5.4.2.2 Examples</a></ol><li><a href=#licensing-works>5.4.3 Licensing works</a><ol><li><a href=#examples-4>5.4.3.1 Examples</a></ol></ol><li><a href=#converting-html-to-other-formats>5.5 Converting HTML to other formats</a><ol><li><a href=#json>5.5.1 JSON</a></ol></ol><li id=toc-editing><a href=#editing>6 User interaction</a><ol><li><a href=#the-hidden-attribute>6.1 The <code>hidden</code> attribute</a><li><a href=#inert-subtrees>6.2 Inert subtrees</a><li><a href=#activation>6.3 Activation</a><li><a href=#focus>6.4 Focus</a><ol><li><a href=#introduction-8>6.4.1 Introduction</a><li><a href=#data-model>6.4.2 Data model</a><li><a href=#the-tabindex-attribute>6.4.3 The <code>tabindex</code> attribute</a><li><a href=#processing-model-6>6.4.4 Processing model</a><li><a href=#sequential-focus-navigation>6.4.5 Sequential focus navigation</a><li><a href=#focus-management-apis>6.4.6 Focus management APIs</a></ol><li><a href=#assigning-keyboard-shortcuts>6.5 Assigning keyboard short
cuts</a><ol><li><a href=#introduction-9>6.5.1 Introduction</a><li><a href=#the-accesskey-attribute>6.5.2 The <code>accesskey</code> attribute</a><li><a href=#processing-model-7>6.5.3 Processing model</a></ol><li><a href=#editing-2>6.6 Editing</a><ol><li><a href=#contenteditable>6.6.1 Making document regions editable: The <code>contenteditable</code> content attribute</a><li><a href=#making-entire-documents-editable:-the-designmode-idl-attribute>6.6.2 Making entire documents editable: The <code>designMode</code> IDL attribute</a><li><a href=#best-practices-for-in-page-editors>6.6.3 Best practices for in-page editors</a><li><a href=#editing-apis>6.6.4 Editing APIs</a><li><a href=#spelling-and-grammar-checking>6.6.5 Spelling and grammar checking</a></ol><li><a href=#dnd>6.7 Drag and drop</a><ol><li><a href=#event-drag>6.7.1 Introduction</a><li><a href=#the-drag-data-store>6.7.2 The drag data store</a><li><a href=#the-datatransfer-interface>6.7.3 The <code>DataTransfer</code> in
terface</a><ol><li><a href=#the-datatransferitemlist-interface>6.7.3.1 The <code>DataTransferItemList</code> interface</a><li><a href=#the-datatransferitem-interface>6.7.3.2 The <code>DataTransferItem</code> interface</a></ol><li><a href=#the-dragevent-interface>6.7.4 The <code>DragEvent</code> interface</a><li><a href=#drag-and-drop-processing-model>6.7.5 Drag-and-drop processing model</a><li><a href=#dndevents>6.7.6 Events summary</a><li><a href=#the-draggable-attribute>6.7.7 The <code>draggable</code> attribute</a><li><a href=#the-dropzone-attribute>6.7.8 The <code>dropzone</code> attribute</a><li><a href=#security-risks-in-the-drag-and-drop-model>6.7.9 Security risks in the drag-and-drop model</a></ol></ol><li id=toc-browsers><a href=#browsers>7 Loading Web pages</a><ol><li><a href=#windows>7.1 Browsing contexts</a><ol><li><a href=#nested-browsing-contexts>7.1.1 Nested browsing contexts</a><ol><li><a href=#navigating-nested-browsing-contexts-in-the-dom>7.1.1.1 Navigating
nested browsing contexts in the DOM</a></ol><li><a href=#auxiliary-browsing-contexts>7.1.2 Auxiliary browsing contexts</a><ol><li><a href=#navigating-auxiliary-browsing-contexts-in-the-dom>7.1.2.1 Navigating auxiliary browsing contexts in the DOM</a></ol><li><a href=#secondary-browsing-contexts>7.1.3 Secondary browsing contexts</a><li><a href=#security-nav>7.1.4 Security</a><li><a href=#groupings-of-browsing-contexts>7.1.5 Groupings of browsing contexts</a><li><a href=#browsing-context-names>7.1.6 Browsing context names</a></ol><li><a href=#the-window-object>7.2 The <code>Window</code> object</a><ol><li><a href=#security-window>7.2.1 Security</a><li><a href=#apis-for-creating-and-navigating-browsing-contexts-by-name>7.2.2 APIs for creating and navigating browsing contexts by name</a><li><a href=#accessing-other-browsing-contexts>7.2.3 Accessing other browsing contexts</a><li><a href=#named-access-on-the-window-object>7.2.4 Named access on the <code>Window</code> object</a><
li><a href=#garbage-collection-and-browsing-contexts>7.2.5 Garbage collection and browsing contexts</a><li><a href=#closing-browsing-contexts>7.2.6 Closing browsing contexts</a><li><a href=#browser-interface-elements>7.2.7 Browser interface elements</a><li><a href=#the-windowproxy-object>7.2.8 The <code>WindowProxy</code> object</a></ol><li><a href=#origin>7.3 Origin</a><ol><li><a href=#relaxing-the-same-origin-restriction>7.3.1 Relaxing the same-origin restriction</a></ol><li><a href=#sandboxing>7.4 Sandboxing</a><li><a href=#history>7.5 Session history and navigation</a><ol><li><a href=#the-session-history-of-browsing-contexts>7.5.1 The session history of browsing contexts</a><li><a href=#the-history-interface>7.5.2 The <code>History</code> interface</a><li><a href=#the-location-interface>7.5.3 The <code>Location</code> interface</a><ol><li><a href=#security-location>7.5.3.1 Security</a></ol><li><a href=#history-notes>7.5.4 Implementation notes for session history</a></ol>
<li><a href=#browsing-the-web>7.6 Browsing the Web</a><ol><li><a href=#navigating-across-documents>7.6.1 Navigating across documents</a><li><a href=#read-html>7.6.2 Page load processing model for HTML files</a><li><a href=#read-xml>7.6.3 Page load processing model for XML files</a><li><a href=#read-text>7.6.4 Page load processing model for text files</a><li><a href=#read-multipart-x-mixed-replace>7.6.5 Page load processing model for <code>multipart/x-mixed-replace</code> resources</a><li><a href=#read-media>7.6.6 Page load processing model for media</a><li><a href=#read-plugin>7.6.7 Page load processing model for content that uses plugins</a><li><a href=#read-ua-inline>7.6.8 Page load processing model for inline
+ content that doesn't have a DOM</a><li><a href=#scroll-to-fragid>7.6.9 Navigating to a fragment identifier</a><li><a href=#history-traversal>7.6.10 History traversal</a><ol><li><a href=#the-popstateevent-interface>7.6.10.1 The <code>PopStateEvent</code> interface</a><li><a href=#the-hashchangeevent-interface>7.6.10.2 The <code>HashChangeEvent</code> interface</a><li><a href=#the-pagetransitionevent-interface>7.6.10.3 The <code>PageTransitionEvent</code> interface</a></ol><li><a href=#unloading-documents>7.6.11 Unloading documents</a><ol><li><a href=#the-beforeunloadevent-interface>7.6.11.1 The <code>BeforeUnloadEvent</code> interface</a></ol><li><a href=#aborting-a-document-load>7.6.12 Aborting a document load</a></ol><li><a href=#offline>7.7 Offline Web applications</a><ol><li><a href=#introduction-10>7.7.1 Introduction</a><ol><li><a href=#supporting-offline-caching-for-legacy-applications>7.7.1.1 Supporting offline caching for legacy applications</a><li><a href=#appcache
events>7.7.1.2 Event summary</a></ol><li><a href=#appcache>7.7.2 Application caches</a><li><a href=#manifests>7.7.3 The cache manifest syntax</a><ol><li><a href=#some-sample-manifests>7.7.3.1 Some sample manifests</a><li><a href=#writing-cache-manifests>7.7.3.2 Writing cache manifests</a><li><a href=#parsing-cache-manifests>7.7.3.3 Parsing cache manifests</a></ol><li><a href=#downloading-or-updating-an-application-cache>7.7.4 Downloading or updating an application cache</a><li><a href=#the-application-cache-selection-algorithm>7.7.5 The application cache selection algorithm</a><li><a href=#changesToNetworkingModel>7.7.6 Changes to the networking model</a><li><a href=#expiring-application-caches>7.7.7 Expiring application caches</a><li><a href=#disk-space>7.7.8 Disk space</a><li><a href=#security-concerns-with-offline-applications-caches>7.7.9 Security concerns with offline applications caches</a><li><a href=#application-cache-api>7.7.10 Application cache API</a><li><a href=#
navigator.online>7.7.11 Browser state</a></ol></ol><li id=toc-webappapis><a href=#webappapis>8 Web application APIs</a><ol><li><a href=#scripting>8.1 Scripting</a><ol><li><a href=#introduction-11>8.1.1 Introduction</a><li><a href=#enabling-and-disabling-scripting>8.1.2 Enabling and disabling scripting</a><li><a href=#processing-model-8>8.1.3 Processing model</a><ol><li><a href=#definitions-2>8.1.3.1 Definitions</a><li><a href=#script-settings-for-browsing-contexts>8.1.3.2 Script settings for browsing contexts</a><li><a href=#calling-scripts>8.1.3.3 Calling scripts</a><li><a href=#creating-scripts>8.1.3.4 Creating scripts</a><li><a href=#killing-scripts>8.1.3.5 Killing scripts</a><li><a href=#runtime-script-errors>8.1.3.6 Runtime script errors</a><ol><li><a href=#runtime-script-errors-in-documents>8.1.3.6.1 Runtime script errors in documents</a><li><a href=#the-errorevent-interface>8.1.3.6.2 The <code>ErrorEvent</code> interface</a></ol></ol><li><a href=#event-loops>8.1.4 Eve
nt loops</a><ol><li><a href=#definitions-3>8.1.4.1 Definitions</a><li><a href=#processing-model-9>8.1.4.2 Processing model</a><li><a href=#generic-task-sources>8.1.4.3 Generic task sources</a></ol><li><a href=#events>8.1.5 Events</a><ol><li><a href=#event-handler-attributes>8.1.5.1 Event handlers</a><li><a href=#event-handlers-on-elements,-document-objects,-and-window-objects>8.1.5.2 Event handlers on elements, <code>Document</code> objects, and <code>Window</code> objects</a><ol><li><a href=#idl-definitions>8.1.5.2.1 IDL definitions</a></ol><li><a href=#event-firing>8.1.5.3 Event firing</a><li><a href=#events-and-the-window-object>8.1.5.4 Events and the <code>Window</code> object</a></ol></ol><li><a href=#atob>8.2 Base64 utility methods</a><li><a href=#dynamic-markup-insertion>8.3 Dynamic markup insertion</a><ol><li><a href=#opening-the-input-stream>8.3.1 Opening the input stream</a><li><a href=#closing-the-input-stream>8.3.2 Closing the input stream</a><li><a href=#documen
t.write()>8.3.3 <code>document.write()</code></a><li><a href=#document.writeln()>8.3.4 <code>document.writeln()</code></a></ol><li><a href=#timers>8.4 Timers</a><li><a href=#user-prompts>8.5 User prompts</a><ol><li><a href=#simple-dialogs>8.5.1 Simple dialogs</a><li><a href=#printing>8.5.2 Printing</a><li><a href=#dialogs-implemented-using-separate-documents>8.5.3 Dialogs implemented using separate documents with <code>showModalDialog()</code></a></ol><li><a href=#system-state-and-capabilities>8.6 System state and capabilities</a><ol><li><a href=#the-navigator-object>8.6.1 The <code>Navigator</code> object</a><ol><li><a href=#client-identification>8.6.1.1 Client identification</a><li><a href=#language-preferences>8.6.1.2 Language preferences</a><li><a href=#custom-handlers>8.6.1.3 Custom scheme and content handlers: the <code>registerProtocolHandler()</code> and <code>registerContentHandler()</code> methods</a><ol><li><a href=#security-and-privacy>8.6.1.3.1 Security and priv
acy</a><li><a href=#sample-handler-impl>8.6.1.3.2 Sample user interface</a></ol><li><a href=#manually-releasing-the-storage-mutex>8.6.1.4 Manually releasing the storage mutex</a><li><a href=#plugins-2>8.6.1.5 Plugins</a></ol><li><a href=#the-external-interface>8.6.2 The <code>External</code> interface</a></ol><li><a href=#images>8.7 Images</a><li><a href=#animation-frames>8.8 Animation Frames</a></ol><li id=toc-comms><a href=#comms>9 Communication</a><ol><li><a href=#the-messageevent-interfaces>9.1 The <code>MessageEvent</code> interfaces</a><li><a href=#server-sent-events>9.2 Server-sent events</a><ol><li><a href=#server-sent-events-intro>9.2.1 Introduction</a><li><a href=#the-eventsource-interface>9.2.2 The <code>EventSource</code> interface</a><li><a href=#processing-model-10>9.2.3 Processing model</a><li><a href=#parsing-an-event-stream>9.2.4 Parsing an event stream</a><li><a href=#event-stream-interpretation>9.2.5 Interpreting an event stream</a><li><a href=#authoring-n
otes>9.2.6 Authoring notes</a><li><a href=#eventsource-push>9.2.7 Connectionless push and other features</a><li><a href=#garbage-collection-2>9.2.8 Garbage collection</a><li><a href=#implementation-advice>9.2.9 Implementation advice</a><li><a href=#iana-considerations>9.2.10 IANA considerations</a><ol><li><a href=#text/event-stream>9.2.10.1 <code>text/event-stream</code></a><li><a href=#last-event-id>9.2.10.2 <code>Last-Event-ID</code></a></ol></ol><li><a href=#network>9.3 Web sockets</a><ol><li><a href=#network-intro>9.3.1 Introduction</a><li><a href=#the-websocket-interface>9.3.2 The <code>WebSocket</code> interface</a><li><a href=#feedback-from-the-protocol>9.3.3 Feedback from the protocol</a><li><a href=#ping-and-pong-frames>9.3.4 Ping and Pong frames</a><li><a href=#parsing-websocket-urls>9.3.5 Parsing WebSocket URLs</a><li><a href=#the-closeevent-interfaces>9.3.6 The <code>CloseEvent</code> interfaces</a><li><a href=#garbage-collection-3>9.3.7 Garbage collection</a></o
l><li><a href=#web-messaging>9.4 Cross-document messaging</a><ol><li><a href=#introduction-12>9.4.1 Introduction</a><li><a href=#security-postmsg>9.4.2 Security</a><ol><li><a href=#authors>9.4.2.1 Authors</a><li><a href=#user-agents>9.4.2.2 User agents</a></ol><li><a href=#posting-messages>9.4.3 Posting messages</a></ol><li><a href=#channel-messaging>9.5 Channel messaging</a><ol><li><a href=#introduction-13>9.5.1 Introduction</a><ol><li><a href=#examples-5>9.5.1.1 Examples</a><li><a href=#ports-as-the-basis-of-an-object-capability-model-on-the-web>9.5.1.2 Ports as the basis of an object-capability model on the Web</a><li><a href=#ports-as-the-basis-of-abstracting-out-service-implementations>9.5.1.3 Ports as the basis of abstracting out service implementations</a></ol><li><a href=#message-channels>9.5.2 Message channels</a><li><a href=#message-ports>9.5.3 Message ports</a><li><a href=#broadcasting-to-many-ports>9.5.4 Broadcasting to many ports</a><li><a href=#ports-and-garbag
e-collection>9.5.5 Ports and garbage collection</a></ol><li><a href=#broadcasting-to-other-browsing-contexts>9.6 Broadcasting to other browsing contexts</a></ol><li id=toc-workers><a href=#workers>10 Web workers</a><ol><li><a href=#introduction-14>10.1 Introduction</a><ol><li><a href=#scope-2>10.1.1 Scope</a><li><a href=#examples-6>10.1.2 Examples</a><ol><li><a href=#a-background-number-crunching-worker>10.1.2.1 A background number-crunching worker</a><li><a href=#worker-used-for-background-i/o>10.1.2.2 Worker used for background I/O</a><li><a href=#shared-workers-introduction>10.1.2.3 Shared workers introduction</a><li><a href=#shared-state-using-a-shared-worker>10.1.2.4 Shared state using a shared worker</a><li><a href=#delegation>10.1.2.5 Delegation</a></ol><li><a href=#tutorials>10.1.3 Tutorials</a><ol><li><a href=#creating-a-dedicated-worker>10.1.3.1 Creating a dedicated worker</a><li><a href=#communicating-with-a-dedicated-worker>10.1.3.2 Communicating with a dedicated
worker</a><li><a href=#shared-workers>10.1.3.3 Shared workers</a></ol></ol><li><a href=#infrastructure-2>10.2 Infrastructure</a><ol><li><a href=#the-global-scope>10.2.1 The global scope</a><ol><li><a href=#the-workerglobalscope-common-interface>10.2.1.1 The <code>WorkerGlobalScope</code> common interface</a><li><a href=#dedicated-workers-and-the-dedicatedworkerglobalscope-interface>10.2.1.2 Dedicated workers and the <code>DedicatedWorkerGlobalScope</code> interface</a><li><a href=#shared-workers-and-the-sharedworkerglobalscope-interface>10.2.1.3 Shared workers and the <code>SharedWorkerGlobalScope</code> interface</a></ol><li><a href=#worker-event-loop>10.2.2 The event loop</a><li><a href="#the-worker's-lifetime">10.2.3 The worker's lifetime</a><li><a href=#processing-model-11>10.2.4 Processing model</a><li><a href=#runtime-script-errors-2>10.2.5 Runtime script errors</a><li><a href=#creating-workers>10.2.6 Creating workers</a><ol><li><a href=#the-abstractworker-abstract-in
terface>10.2.6.1 The <code>AbstractWorker</code> abstract interface</a><li><a href=#script-settings-for-workers>10.2.6.2 Script settings for workers</a><li><a href=#dedicated-workers-and-the-worker-interface>10.2.6.3 Dedicated workers and the <code>Worker</code> interface</a><li><a href=#shared-workers-and-the-sharedworker-interface>10.2.6.4 Shared workers and the <code>SharedWorker</code> interface</a></ol></ol><li><a href=#apis-available-to-workers>10.3 APIs available to workers</a><ol><li><a href=#importing-scripts-and-libraries>10.3.1 Importing scripts and libraries</a><li><a href=#the-workernavigator-object>10.3.2 The <code>WorkerNavigator</code> object</a><li><a href=#worker-locations>10.3.3 Worker locations</a></ol></ol><li id=toc-webstorage><a href=#webstorage>11 Web storage</a><ol><li><a href=#introduction-15>11.1 Introduction</a><li><a href=#storage>11.2 The API</a><ol><li><a href=#the-storage-interface>11.2.1 The <code>Storage</code> interface</a><li><a href=#the-
sessionstorage-attribute>11.2.2 The <code>sessionStorage</code> attribute</a><li><a href=#the-localstorage-attribute>11.2.3 The <code>localStorage</code> attribute</a><li><a href=#the-storage-event>11.2.4 The <code>storage</code> event</a><ol><li><a href=#the-storageevent-interface>11.2.4.1 The <code>StorageEvent</code> interface</a></ol><li><a href=#threads>11.2.5 Threads</a></ol><li><a href=#disk-space-2>11.3 Disk space</a><li><a href=#privacy>11.4 Privacy</a><ol><li><a href=#user-tracking>11.4.1 User tracking</a><li><a href=#sensitivity-of-data>11.4.2 Sensitivity of data</a></ol><li><a href=#security-storage>11.5 Security</a><ol><li><a href=#dns-spoofing-attacks>11.5.1 DNS spoofing attacks</a><li><a href=#cross-directory-attacks>11.5.2 Cross-directory attacks</a><li><a href=#implementation-risks>11.5.3 Implementation risks</a></ol></ol><li id=toc-syntax><a href=#syntax>12 The HTML syntax</a><ol><li><a href=#writing>12.1 Writing HTML documents</a><ol><li><a href=#the-docty
pe>12.1.1 The DOCTYPE</a><li><a href=#elements-2>12.1.2 Elements</a><ol><li><a href=#start-tags>12.1.2.1 Start tags</a><li><a href=#end-tags>12.1.2.2 End tags</a><li><a href=#attributes-2>12.1.2.3 Attributes</a><li><a href=#optional-tags>12.1.2.4 Optional tags</a><li><a href=#element-restrictions>12.1.2.5 Restrictions on content models</a><li><a href=#cdata-rcdata-restrictions>12.1.2.6 Restrictions on the contents of raw text and escapable raw text elements</a></ol><li><a href=#text-2>12.1.3 Text</a><ol><li><a href=#newlines>12.1.3.1 Newlines</a></ol><li><a href=#character-references>12.1.4 Character references</a><li><a href=#cdata-sections>12.1.5 CDATA sections</a><li><a href=#comments>12.1.6 Comments</a></ol><li><a href=#parsing>12.2 Parsing HTML documents</a><ol><li><a href=#overview-of-the-parsing-model>12.2.1 Overview of the parsing model</a><li><a href=#the-input-byte-stream>12.2.2 The input byte stream</a><ol><li><a href=#parsing-with-a-known-character-encoding>12.2.
2.1 Parsing with a known character encoding</a><li><a href=#determining-the-character-encoding>12.2.2.2 Determining the character encoding</a><li><a href=#character-encodings>12.2.2.3 Character encodings</a><li><a href=#changing-the-encoding-while-parsing>12.2.2.4 Changing the encoding while parsing</a><li><a href=#preprocessing-the-input-stream>12.2.2.5 Preprocessing the input stream</a></ol><li><a href=#parse-state>12.2.3 Parse state</a><ol><li><a href=#the-insertion-mode>12.2.3.1 The insertion mode</a><li><a href=#the-stack-of-open-elements>12.2.3.2 The stack of open elements</a><li><a href=#the-list-of-active-formatting-elements>12.2.3.3 The list of active formatting elements</a><li><a href=#the-element-pointers>12.2.3.4 The element pointers</a><li><a href=#other-parsing-state-flags>12.2.3.5 Other parsing state flags</a></ol><li><a href=#tokenization>12.2.4 Tokenization</a><ol><li><a href=#data-state>12.2.4.1 Data state</a><li><a href=#character-reference-in-data-state>1
2.2.4.2 Character reference in data state</a><li><a href=#rcdata-state>12.2.4.3 RCDATA state</a><li><a href=#character-reference-in-rcdata-state>12.2.4.4 Character reference in RCDATA state</a><li><a href=#rawtext-state>12.2.4.5 RAWTEXT state</a><li><a href=#script-data-state>12.2.4.6 Script data state</a><li><a href=#plaintext-state>12.2.4.7 PLAINTEXT state</a><li><a href=#tag-open-state>12.2.4.8 Tag open state</a><li><a href=#end-tag-open-state>12.2.4.9 End tag open state</a><li><a href=#tag-name-state>12.2.4.10 Tag name state</a><li><a href=#rcdata-less-than-sign-state>12.2.4.11 RCDATA less-than sign state</a><li><a href=#rcdata-end-tag-open-state>12.2.4.12 RCDATA end tag open state</a><li><a href=#rcdata-end-tag-name-state>12.2.4.13 RCDATA end tag name state</a><li><a href=#rawtext-less-than-sign-state>12.2.4.14 RAWTEXT less-than sign state</a><li><a href=#rawtext-end-tag-open-state>12.2.4.15 RAWTEXT end tag open state</a><li><a href=#rawtext-end-tag-name-state>12.2.4.16
RAWTEXT end tag name state</a><li><a href=#script-data-less-than-sign-state>12.2.4.17 Script data less-than sign state</a><li><a href=#script-data-end-tag-open-state>12.2.4.18 Script data end tag open state</a><li><a href=#script-data-end-tag-name-state>12.2.4.19 Script data end tag name state</a><li><a href=#script-data-escape-start-state>12.2.4.20 Script data escape start state</a><li><a href=#script-data-escape-start-dash-state>12.2.4.21 Script data escape start dash state</a><li><a href=#script-data-escaped-state>12.2.4.22 Script data escaped state</a><li><a href=#script-data-escaped-dash-state>12.2.4.23 Script data escaped dash state</a><li><a href=#script-data-escaped-dash-dash-state>12.2.4.24 Script data escaped dash dash state</a><li><a href=#script-data-escaped-less-than-sign-state>12.2.4.25 Script data escaped less-than sign state</a><li><a href=#script-data-escaped-end-tag-open-state>12.2.4.26 Script data escaped end tag open state</a><li><a href=#script-data-esc
aped-end-tag-name-state>12.2.4.27 Script data escaped end tag name state</a><li><a href=#script-data-double-escape-start-state>12.2.4.28 Script data double escape start state</a><li><a href=#script-data-double-escaped-state>12.2.4.29 Script data double escaped state</a><li><a href=#script-data-double-escaped-dash-state>12.2.4.30 Script data double escaped dash state</a><li><a href=#script-data-double-escaped-dash-dash-state>12.2.4.31 Script data double escaped dash dash state</a><li><a href=#script-data-double-escaped-less-than-sign-state>12.2.4.32 Script data double escaped less-than sign state</a><li><a href=#script-data-double-escape-end-state>12.2.4.33 Script data double escape end state</a><li><a href=#before-attribute-name-state>12.2.4.34 Before attribute name state</a><li><a href=#attribute-name-state>12.2.4.35 Attribute name state</a><li><a href=#after-attribute-name-state>12.2.4.36 After attribute name state</a><li><a href=#before-attribute-value-state>12.2.4.37 Bef
ore attribute value state</a><li><a href=#attribute-value-(double-quoted)-state>12.2.4.38 Attribute value (double-quoted) state</a><li><a href=#attribute-value-(single-quoted)-state>12.2.4.39 Attribute value (single-quoted) state</a><li><a href=#attribute-value-(unquoted)-state>12.2.4.40 Attribute value (unquoted) state</a><li><a href=#character-reference-in-attribute-value-state>12.2.4.41 Character reference in attribute value state</a><li><a href=#after-attribute-value-(quoted)-state>12.2.4.42 After attribute value (quoted) state</a><li><a href=#self-closing-start-tag-state>12.2.4.43 Self-closing start tag state</a><li><a href=#bogus-comment-state>12.2.4.44 Bogus comment state</a><li><a href=#markup-declaration-open-state>12.2.4.45 Markup declaration open state</a><li><a href=#comment-start-state>12.2.4.46 Comment start state</a><li><a href=#comment-start-dash-state>12.2.4.47 Comment start dash state</a><li><a href=#comment-state>12.2.4.48 Comment state</a><li><a href=#com
ment-end-dash-state>12.2.4.49 Comment end dash state</a><li><a href=#comment-end-state>12.2.4.50 Comment end state</a><li><a href=#comment-end-bang-state>12.2.4.51 Comment end bang state</a><li><a href=#doctype-state>12.2.4.52 DOCTYPE state</a><li><a href=#before-doctype-name-state>12.2.4.53 Before DOCTYPE name state</a><li><a href=#doctype-name-state>12.2.4.54 DOCTYPE name state</a><li><a href=#after-doctype-name-state>12.2.4.55 After DOCTYPE name state</a><li><a href=#after-doctype-public-keyword-state>12.2.4.56 After DOCTYPE public keyword state</a><li><a href=#before-doctype-public-identifier-state>12.2.4.57 Before DOCTYPE public identifier state</a><li><a href=#doctype-public-identifier-(double-quoted)-state>12.2.4.58 DOCTYPE public identifier (double-quoted) state</a><li><a href=#doctype-public-identifier-(single-quoted)-state>12.2.4.59 DOCTYPE public identifier (single-quoted) state</a><li><a href=#after-doctype-public-identifier-state>12.2.4.60 After DOCTYPE public i
dentifier state</a><li><a href=#between-doctype-public-and-system-identifiers-state>12.2.4.61 Between DOCTYPE public and system identifiers state</a><li><a href=#after-doctype-system-keyword-state>12.2.4.62 After DOCTYPE system keyword state</a><li><a href=#before-doctype-system-identifier-state>12.2.4.63 Before DOCTYPE system identifier state</a><li><a href=#doctype-system-identifier-(double-quoted)-state>12.2.4.64 DOCTYPE system identifier (double-quoted) state</a><li><a href=#doctype-system-identifier-(single-quoted)-state>12.2.4.65 DOCTYPE system identifier (single-quoted) state</a><li><a href=#after-doctype-system-identifier-state>12.2.4.66 After DOCTYPE system identifier state</a><li><a href=#bogus-doctype-state>12.2.4.67 Bogus DOCTYPE state</a><li><a href=#cdata-section-state>12.2.4.68 CDATA section state</a><li><a href=#tokenizing-character-references>12.2.4.69 Tokenizing character references</a></ol><li><a href=#tree-construction>12.2.5 Tree construction</a><ol><li>
<a href=#creating-and-inserting-nodes>12.2.5.1 Creating and inserting nodes</a><li><a href=#parsing-elements-that-contain-only-text>12.2.5.2 Parsing elements that contain only text</a><li><a href=#closing-elements-that-have-implied-end-tags>12.2.5.3 Closing elements that have implied end tags</a><li><a href=#parsing-main-inhtml>12.2.5.4 The rules for parsing tokens in HTML content</a><ol><li><a href=#the-initial-insertion-mode>12.2.5.4.1 The "initial" insertion mode</a><li><a href=#the-before-html-insertion-mode>12.2.5.4.2 The "before html" insertion mode</a><li><a href=#the-before-head-insertion-mode>12.2.5.4.3 The "before head" insertion mode</a><li><a href=#parsing-main-inhead>12.2.5.4.4 The "in head" insertion mode</a><li><a href=#parsing-main-inheadnoscript>12.2.5.4.5 The "in head noscript" insertion mode</a><li><a href=#the-after-head-insertion-mode>12.2.5.4.6 The "after head" insertion mode</a><li><a href=#parsing-main-inbody>12.2.5.4.7 The "in body" insertion mode</a
><li><a href=#parsing-main-incdata>12.2.5.4.8 The "text" insertion mode</a><li><a href=#parsing-main-intable>12.2.5.4.9 The "in table" insertion mode</a><li><a href=#parsing-main-intabletext>12.2.5.4.10 The "in table text" insertion mode</a><li><a href=#parsing-main-incaption>12.2.5.4.11 The "in caption" insertion mode</a><li><a href=#parsing-main-incolgroup>12.2.5.4.12 The "in column group" insertion mode</a><li><a href=#parsing-main-intbody>12.2.5.4.13 The "in table body" insertion mode</a><li><a href=#parsing-main-intr>12.2.5.4.14 The "in row" insertion mode</a><li><a href=#parsing-main-intd>12.2.5.4.15 The "in cell" insertion mode</a><li><a href=#parsing-main-inselect>12.2.5.4.16 The "in select" insertion mode</a><li><a href=#parsing-main-inselectintable>12.2.5.4.17 The "in select in table" insertion mode</a><li><a href=#parsing-main-intemplate>12.2.5.4.18 The "in template" insertion mode</a><li><a href=#parsing-main-afterbody>12.2.5.4.19 The "after body" insertion mode<
/a><li><a href=#parsing-main-inframeset>12.2.5.4.20 The "in frameset" insertion mode</a><li><a href=#parsing-main-afterframeset>12.2.5.4.21 The "after frameset" insertion mode</a><li><a href=#the-after-after-body-insertion-mode>12.2.5.4.22 The "after after body" insertion mode</a><li><a href=#the-after-after-frameset-insertion-mode>12.2.5.4.23 The "after after frameset" insertion mode</a></ol><li><a href=#parsing-main-inforeign>12.2.5.5 The rules for parsing tokens in foreign content</a></ol><li><a href=#the-end>12.2.6 The end</a><li><a href=#coercing-an-html-dom-into-an-infoset>12.2.7 Coercing an HTML DOM into an infoset</a><li><a href=#an-introduction-to-error-handling-and-strange-cases-in-the-parser>12.2.8 An introduction to error handling and strange cases in the parser</a><ol><li><a href=#misnested-tags:-b-i-/b-/i>12.2.8.1 Misnested tags: <b><i></b></i></a><li><a href=#misnested-tags:-b-p-/b-/p>12.2.8.2 Misnested tags: <b><p></b></p></a><li><a hr
ef=#unexpected-markup-in-tables>12.2.8.3 Unexpected markup in tables</a><li><a href=#scripts-that-modify-the-page-as-it-is-being-parsed>12.2.8.4 Scripts that modify the page as it is being parsed</a><li><a href=#the-execution-of-scripts-that-are-moving-across-multiple-documents>12.2.8.5 The execution of scripts that are moving across multiple documents</a><li><a href=#unclosed-formatting-elements>12.2.8.6 Unclosed formatting elements</a></ol></ol><li><a href=#serialising-html-fragments>12.3 Serialising HTML fragments</a><li><a href=#parsing-html-fragments>12.4 Parsing HTML fragments</a><li><a href=#named-character-references>12.5 Named character references</a></ol><li id=toc-the-xhtml-syntax><a href=#the-xhtml-syntax>13 The XHTML syntax</a><ol><li><a href=#writing-xhtml-documents>13.1 Writing XHTML documents</a><li><a href=#parsing-xhtml-documents>13.2 Parsing XHTML documents</a><li><a href=#serialising-xhtml-fragments>13.3 Serialising XHTML fragments</a><li><a href=#parsing
-xhtml-fragments>13.4 Parsing XHTML fragments</a></ol><li id=toc-rendering><a href=#rendering>14 Rendering</a><ol><li><a href=#introduction-16>14.1 Introduction</a><li><a href=#the-css-user-agent-style-sheet-and-presentational-hints>14.2 The CSS user agent style sheet and presentational hints</a><li><a href=#non-replaced-elements>14.3 Non-replaced elements</a><ol><li><a href=#hidden-elements>14.3.1 Hidden elements</a><li><a href=#the-page>14.3.2 The page</a><li><a href=#flow-content-3>14.3.3 Flow content</a><li><a href=#phrasing-content-3>14.3.4 Phrasing content</a><li><a href=#bidi-rendering>14.3.5 Bidirectional text</a><li><a href=#quotes>14.3.6 Quotes</a><li><a href=#sections-and-headings>14.3.7 Sections and headings</a><li><a href=#lists>14.3.8 Lists</a><li><a href=#tables-2>14.3.9 Tables</a><li><a href=#margin-collapsing-quirks>14.3.10 Margin collapsing quirks</a><li><a href=#form-controls>14.3.11 Form controls</a><li><a href=#the-hr-element-2>14.3.12 The <code>hr</code
> element</a><li><a href=#the-fieldset-and-legend-elements>14.3.13 The <code>fieldset</code> and <code>legend</code> elements</a></ol><li><a href=#replaced-elements>14.4 Replaced elements</a><ol><li><a href=#embedded-content-rendering-rules>14.4.1 Embedded content</a><li><a href=#images-2>14.4.2 Images</a><li><a href=#attributes-for-embedded-content-and-images>14.4.3 Attributes for embedded content and images</a><li><a href=#image-maps-2>14.4.4 Image maps</a></ol><li><a href=#bindings>14.5 Bindings</a><ol><li><a href=#introduction-17>14.5.1 Introduction</a><li><a href=#the-button-element-2>14.5.2 The <code>button</code> element</a><li><a href=#the-details-element-2>14.5.3 The <code>details</code> element</a><li><a href=#the-input-element-as-a-text-entry-widget>14.5.4 The <code>input</code> element as a text entry widget</a><li><a href=#the-input-element-as-domain-specific-widgets>14.5.5 The <code>input</code> element as domain-specific widgets</a><li><a href=#the-input-eleme
nt-as-a-range-control>14.5.6 The <code>input</code> element as a range control</a><li><a href=#the-input-element-as-a-colour-well>14.5.7 The <code>input</code> element as a colour well</a><li><a href=#the-input-element-as-a-checkbox-and-radio-button-widgets>14.5.8 The <code>input</code> element as a checkbox and radio button widgets</a><li><a href=#the-input-element-as-a-file-upload-control>14.5.9 The <code>input</code> element as a file upload control</a><li><a href=#the-input-element-as-a-button>14.5.10 The <code>input</code> element as a button</a><li><a href=#the-marquee-element>14.5.11 The <code>marquee</code> element</a><li><a href=#the-meter-element-2>14.5.12 The <code>meter</code> element</a><li><a href=#the-progress-element-2>14.5.13 The <code>progress</code> element</a><li><a href=#the-select-element-2>14.5.14 The <code>select</code> element</a><li><a href=#the-textarea-element-2>14.5.15 The <code>textarea</code> element</a><li><a href=#the-keygen-element-2>14.5.16
The <code>keygen</code> element</a></ol><li><a href=#frames-and-framesets>14.6 Frames and framesets</a><li><a href=#interactive-media>14.7 Interactive media</a><ol><li><a href=#links,-forms,-and-navigation>14.7.1 Links, forms, and navigation</a><li><a href=#the-title-attribute-2>14.7.2 The <code>title</code> attribute</a><li><a href=#editing-hosts>14.7.3 Editing hosts</a><li><a href=#text-rendered-in-native-user-interfaces>14.7.4 Text rendered in native user interfaces</a></ol><li><a href=#print-media>14.8 Print media</a><li><a href=#unstyled-xml-documents>14.9 Unstyled XML documents</a></ol><li id=toc-obsolete><a href=#obsolete>15 Obsolete features</a><ol><li><a href=#obsolete-but-conforming-features>15.1 Obsolete but conforming features</a><ol><li><a href=#warnings-for-obsolete-but-conforming-features>15.1.1 Warnings for obsolete but conforming features</a></ol><li><a href=#non-conforming-features>15.2 Non-conforming features</a><li><a href=#requirements-for-implementatio
ns>15.3 Requirements for implementations</a><ol><li><a href=#the-applet-element>15.3.1 The <code>applet</code> element</a><li><a href=#the-marquee-element-2>15.3.2 The <code>marquee</code> element</a><li><a href=#frames>15.3.3 Frames</a><li><a href=#other-elements,-attributes-and-apis>15.3.4 Other elements, attributes and APIs</a></ol></ol><li id=toc-iana><a href=#iana>16 IANA considerations</a><ol><li><a href=#text/html>16.1 <code>text/html</code></a><li><a href=#multipart/x-mixed-replace>16.2 <code>multipart/x-mixed-replace</code></a><li><a href=#application/xhtml+xml>16.3 <code>application/xhtml+xml</code></a><li><a href=#application/x-www-form-urlencoded>16.4 <code>application/x-www-form-urlencoded</code></a><li><a href=#text/cache-manifest>16.5 <code>text/cache-manifest</code></a><li><a href=#text/ping>16.6 <code>text/ping</code></a><li><a href=#application/microdata+json>16.7 <code>application/microdata+json</code></a><li><a href=#ping-from>16.8 <code>Ping-From</code><
/a><li><a href=#ping-to>16.9 <code>Ping-To</code></a><li><a href=#web+-scheme-prefix>16.10 <code>web+</code> scheme prefix</a></ol><li id=toc-index><a href=#index>Index</a><ol><li><a href=#elements-3>Elements</a><li><a href=#element-content-categories>Element content categories</a><li><a href=#attributes-3>Attributes</a><li><a href=#element-interfaces>Element Interfaces</a><li><a href=#all-interfaces>All Interfaces</a><li><a href=#events-2>Events</a><li><a href=#mime-types-2>MIME Types</a></ol><li id=toc-references><a href=#references>References</a><li id=toc-acknowledgments><a href=#acknowledgments>Acknowledgements</a></ol>
@@ -2179,7 +2179,7 @@
- <h4 id=dependencies>2.2.2 Dependencies</h4>
+ <h4 id=dependencies>2.2.2 Dependencies</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=28554" title="There is no SVGMatrix interface defined in SVG specification">28554</a></div>
<p>This specification relies on several other underlying specifications.</p>
@@ -5597,7 +5597,7 @@
<p>When a user agent is required to obtain a <dfn id=structured-clone>structured clone</dfn> of a value, optionally
with a <i>transfer map</i>, it must run the following algorithm, which either returns a separate
value, or throws an exception. If a <i>transfer map</i> is provided, it consists of an association
- list of <code id=safe-passing-of-structured-data:transferable><a href=#transferable>Transferable</a></code> objects to placeholder objects.</p>
+ list of <code id=safe-passing-of-structured-data:transferable><a href=#transferable>Transferable</a></code> objects to placeholder objects.<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=28566" title="Add a synchronous structured clone API">28566</a></div>
<ol><li><p>Let <var>input</var> be the value being cloned.<li><p>Let <var>transfer map</var> be the <i>transfer map</i> passed to the algorithm, if any, or
the empty list otherwise.<li><p>Let <var>memory</var> be an association list of pairs of objects, initially empty. This is
@@ -6675,7 +6675,7 @@
<a href=#htmlelement id=elements-in-the-dom:htmlelement-2>HTMLElement</a> implements <a href=#globaleventhandlers id=elements-in-the-dom:globaleventhandlers>GlobalEventHandlers</a>;
<a href=#htmlelement id=elements-in-the-dom:htmlelement-3>HTMLElement</a> implements <span>ElementContentEditable</span>;
-interface <dfn id=htmlunknownelement>HTMLUnknownElement</dfn> : <a href=#htmlelement id=elements-in-the-dom:htmlelement-4>HTMLElement</a> { };</pre>
+interface <dfn id=htmlunknownelement>HTMLUnknownElement</dfn> : <a href=#htmlelement id=elements-in-the-dom:htmlelement-4>HTMLElement</a> { };</pre><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=28155" title="ElementContentEditable is not linked">28155</a></div>
<p>The <code id=elements-in-the-dom:htmlelement-5><a href=#htmlelement>HTMLElement</a></code> interface holds methods and attributes related to a number of
disparate features, and the members of this interface are therefore described in various different
@@ -6954,7 +6954,7 @@
<p><dfn id=interactive-content-2>Interactive content</dfn> is content that is specifically intended for user
- interaction.</p>
+ interaction.<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=28212" title="Making an element with tabindex attribute to be an interactive content breaks backward compatibility">28212</a></div>
<ul class="brief category-list"><li><code id=interactive-content:the-a-element><a href=#the-a-element>a</a></code><li><code id=interactive-content:the-audio-element><a href=#the-audio-element>audio</a></code> (if the <code id=interactive-content:attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present)<li><code id=interactive-content:the-button-element><a href=#the-button-element>button</a></code><li><code id=interactive-content:the-details-element><a href=#the-details-element>details</a></code><li><code id=interactive-content:the-embed-element><a href=#the-embed-element>embed</a></code><li><code id=interactive-content:the-iframe-element><a href=#the-iframe-element>iframe</a></code><li><code id=interactive-content:the-img-element><a href=#the-img-element>img</a></code> (if the <code id=interactive-content:attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute is present)<li><code id=interactive-content:the-input-el
ement><a href=#the-input-element>input</a></code> (if the <code id=interactive-content:attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href="#hidden-state-(type=hidden)" id="interactive-content:hidden-state-(type=hidden)">Hidden</a> state)<li><code id=interactive-content:the-keygen-element><a href=#the-keygen-element>keygen</a></code><li><code id=interactive-content:the-label-element><a href=#the-label-element>label</a></code><li><code id=interactive-content:the-object-element><a href=#the-object-element>object</a></code> (if the <code id=interactive-content:attr-hyperlink-usemap-2><a href=#attr-hyperlink-usemap>usemap</a></code> attribute is present)<li><code id=interactive-content:the-select-element><a href=#the-select-element>select</a></code><li><code id=interactive-content:the-textarea-element><a href=#the-textarea-element>textarea</a></code><li><a href=#sorting-interface-th-element id=interactive-content:sorting-interface-th
-element>sorting interface <code>th</code> elements</a><li><code id=interactive-content:the-video-element><a href=#the-video-element>video</a></code> (if the <code id=interactive-content:attr-media-controls-2><a href=#attr-media-controls>controls</a></code> attribute is present)</ul>
@@ -7279,7 +7279,7 @@
attribute on <a href=#html-elements id=global-attributes:html-elements-6>HTML elements</a> in the <code id=global-attributes:text/html><a href=#text/html>text/html</a></code> syntax.</p>
- <h5 id=the-id-attribute>3.2.5.1 The <dfn><code>id</code></dfn> attribute</h5><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=17298" title="valid character range for identifiers too broad">17298</a></div>
+ <h5 id=the-id-attribute>3.2.5.1 The <dfn><code>id</code></dfn> attribute</h5><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=28197" title="i could find what differences between id and name attribute. The name attribute returns nodelist.">28197</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28198" title="i could find what differences between id and name attribute. The name attribute returns nodelist.">28198</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=17298" title="valid character range for identifiers too broad">17298</a></div>
<p>The <code id=the-id-attribute:the-id-attribute><a href=#the-id-attribute>id</a></code> attribute specifies its element's <a href=#concept-id id=the-id-attribute:concept-id>unique identifier (ID)</a>. <a href=#refsDOM>[DOM]</a></p>
@@ -7837,7 +7837,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>6+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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
@@ -8833,7 +8833,7 @@
- <h2 id=semantics>4 The elements of HTML</h2>
+ <h2 id=semantics>4 The elements of HTML</h2><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=28580" title="list only four important elements of HTML">28580</a></div>
<h3 id=the-root-element>4.1 The root element</h3>
@@ -9019,7 +9019,7 @@
- <h4 id=the-base-element>4.2.3 The <dfn><code>base</code></dfn> element</h4>
+ <h4 id=the-base-element>4.2.3 The <dfn><code>base</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=28396" title="There must be no more than one <base> element per document; rules are given for handling invalid situations ("...all [base elements] but the first are ignored"), but fail to cover the case">28396</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-base-element:concept-element-categories>Categories</a>:<dd><a href=#metadata-content-2 id=the-base-element:metadata-content-2>Metadata content</a>.<dt><a href=#concept-element-contexts id=the-base-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>In a <code id=the-base-element:the-head-element><a href=#the-head-element>head</a></code> element containing no other <code id=the-base-element:the-base-element><a href=#the-base-element>base</a></code> elements.<dt><a href=#concept-element-content-model id=the-base-element:concept-element-content-model>Content model</a>:<dd><a href=#concept-content-nothing id=the-base-element:concept-content-nothing>Nothing</a>.<dt><a href=#concept-element-tag-omission id=the-base-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>No <a href=#syntax-end-tag id=the-base-element:syntax-end-tag>end tag</a>.<dt><a href=#concept-eleme
nt-attributes id=the-base-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-base-element:global-attributes>Global attributes</a><dd><code id=the-base-element:attr-base-href><a href=#attr-base-href>href</a></code> — <a href=#document-base-url id=the-base-element:document-base-url>Document base URL</a><dd><code id=the-base-element:attr-base-target><a href=#attr-base-target>target</a></code> — Default <a href=#browsing-context id=the-base-element:browsing-context>browsing context</a> for <a href=#hyperlink id=the-base-element:hyperlink>hyperlink</a> <a href=#navigate id=the-base-element:navigate>navigation</a> and <a href=#form-submission-2 id=the-base-element:form-submission-2>form submission</a><dt><a href=#concept-element-dom id=the-base-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmlbaseelement>HTMLBaseElement</dfn> : <a href=#htmlelement id=the-base-element:htmlelement>HTMLElement</a> {
@@ -9725,7 +9725,7 @@
<tr><td><a href=#attr-meta-http-equiv-x-ua-compatible id=pragma-directives:attr-meta-http-equiv-x-ua-compatible>X-UA-Compatible</a>
<td><code>x-ua-compatible</code>
<td>
- </table>
+ </table><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=28388" title="Note about Content-Language seems wrong">28388</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28520" title="Should the sandboxing flags be captured when setting up the refresh?">28520</a></div>
@@ -9935,7 +9935,7 @@
<p>User agents are required to ignore this pragma.</p>
- </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=27164" title="API to cancel <meta refresh>, so that XHTML content can use it as a script fallback">27164</a></div>
+ </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=27164" title="API to cancel <meta refresh>, so that XHTML content can use it as a script fallback">27164</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28338" title="<meta refresh> Remove "Otherwise, jump to the last step." from step 10 to match IE11/Gecko.">28338</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28339" title="<meta refresh> Specify Refresh HTTP header">28339</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28563" title="As in most cases the http-equiv meta tags are equivalent to their corresponding HTTP header, would i [...]">28563</a></div>
<p>There must not be more than one <code id=pragma-directives:the-meta-element-16><a href=#the-meta-element>meta</a></code> element with any particular state in the
document at a time.</p>
@@ -10129,7 +10129,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="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>21+</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>33+</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="and_chr no"><span>Chrome for Android</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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
@@ -10338,7 +10338,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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>
@@ -11084,7 +11084,7 @@
- <h4 id=the-hgroup-element>4.3.7 The <dfn><code>hgroup</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=28077" title="many sites, including the w3 validator, state that the hgroup element is obsolete. there is no mention of such thing here in the documentation so it is not clear whether it can be used or not.">28077</a></div>
+ <h4 id=the-hgroup-element>4.3.7 The <dfn><code>hgroup</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=28077" title="many sites, including the w3 validator, state that the hgroup element is obsolete. there is no mention of such thing here in the documentation so it is not clear whether it can be used or not.">28077</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28574" title="hgroup has been removed from the HTML5 specification">28574</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-hgroup-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-hgroup-element:flow-content-2>Flow content</a>.<dd><a href=#heading-content-2 id=the-hgroup-element:heading-content-2>Heading content</a>.<dd><a href=#palpable-content-2 id=the-hgroup-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-hgroup-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#flow-content-2 id=the-hgroup-element:flow-content-2-2>flow content</a> is expected.<dt><a href=#concept-element-content-model id=the-hgroup-element:concept-element-content-model>Content model</a>:<dd>One or more <code id=the-hgroup-element:the-h1,-h2,-h3,-h4,-h5,-and-h6-elements><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code>, <code id=the-hgroup-element:the-h1,-h2,-h3,-h4,-h5,-and-h6-elements-2><a href=#the-h1,-h2,-h3,-h4,-h5,-
and-h6-elements>h2</a></code>, <code id=the-hgroup-element:the-h1,-h2,-h3,-h4,-h5,-and-h6-elements-3><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h3</a></code>, <code id=the-hgroup-element:the-h1,-h2,-h3,-h4,-h5,-and-h6-elements-4><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h4</a></code>, <code id=the-hgroup-element:the-h1,-h2,-h3,-h4,-h5,-and-h6-elements-5><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h5</a></code>, <code id=the-hgroup-element:the-h1,-h2,-h3,-h4,-h5,-and-h6-elements-6><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h6</a></code>, and <code id=the-hgroup-element:the-template-element><a href=#the-template-element>template</a></code> elements.<dt><a href=#concept-element-tag-omission id=the-hgroup-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-hgroup-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-hgroup-e
lement:global-attributes>Global attributes</a><dt><a href=#concept-element-dom id=the-hgroup-element:concept-element-dom>DOM interface</a>:<dd>Uses <code id=the-hgroup-element:htmlelement><a href=#htmlelement>HTMLElement</a></code>.</dl>
@@ -12594,7 +12594,7 @@
<a href=#outline id=the-hr-element:outline>outline</a>.</p>
- <h4 id=the-pre-element>4.4.3 The <dfn><code>pre</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=13103" title="Visual formatting of content inside the pre element isn't available to assistive technologies">13103</a></div>
+ <h4 id=the-pre-element>4.4.3 The <dfn><code>pre</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=13103" title="Visual formatting of content inside the pre element isn't available to assistive technologies">13103</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28273" title="link to fish figure example">28273</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-pre-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-pre-element:flow-content-2>Flow content</a>.<dd><a href=#palpable-content-2 id=the-pre-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-pre-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#flow-content-2 id=the-pre-element:flow-content-2-2>flow content</a> is expected.<dt><a href=#concept-element-content-model id=the-pre-element:concept-element-content-model>Content model</a>:<dd><a href=#phrasing-content-2 id=the-pre-element:phrasing-content-2>Phrasing content</a>.<dt><a href=#concept-element-tag-omission id=the-pre-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-pre-element:concept-element-attributes>Content attributes</a>:<dd><a href
=#global-attributes id=the-pre-element:global-attributes>Global attributes</a><dt><a href=#concept-element-dom id=the-pre-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmlpreelement>HTMLPreElement</dfn> : <a href=#htmlelement id=the-pre-element:htmlelement>HTMLElement</a> {
@@ -13579,7 +13579,7 @@
- <h4 id=the-div-element>4.4.14 The <dfn><code>div</code></dfn> element</h4>
+ <h4 id=the-div-element>4.4.14 The <dfn><code>div</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=28142" title="The <div lang="en-GB"> implies that British English is being used, which it is, so the following comment is back to front.">28142</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-div-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-div-element:flow-content-2>Flow content</a>.<dd><a href=#palpable-content-2 id=the-div-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-div-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#flow-content-2 id=the-div-element:flow-content-2-2>flow content</a> is expected.<dt><a href=#concept-element-content-model id=the-div-element:concept-element-content-model>Content model</a>:<dd><a href=#flow-content-2 id=the-div-element:flow-content-2-3>Flow content</a>.<dt><a href=#concept-element-tag-omission id=the-div-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-div-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-a
ttributes id=the-div-element:global-attributes>Global attributes</a><dt><a href=#concept-element-dom id=the-div-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmldivelement>HTMLDivElement</dfn> : <a href=#htmlelement id=the-div-element:htmlelement>HTMLElement</a> {
@@ -13645,7 +13645,7 @@
// <a href="#HTMLAnchorElement-partial">also has obsolete members</a>
};
-<a href=#htmlanchorelement id=the-a-element:htmlanchorelement>HTMLAnchorElement</a> implements <a href=#urlutils id=the-a-element:urlutils>URLUtils</a>;</pre>
+<a href=#htmlanchorelement id=the-a-element:htmlanchorelement>HTMLAnchorElement</a> implements <a href=#urlutils id=the-a-element:urlutils>URLUtils</a>;</pre><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=28575" title="Shouldn't `ping` be readonly?">28575</a></div>
</dl>
<p>If the <code id=the-a-element:the-a-element><a href=#the-a-element>a</a></code> element has an <code id=the-a-element:attr-hyperlink-href-2><a href=#attr-hyperlink-href>href</a></code> attribute,
@@ -13740,7 +13740,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="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>30+</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>33+</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="and_chr no"><span>Chrome for Android</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</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="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>37+</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
@@ -14371,7 +14371,7 @@
the same expansion. Every <code id=the-abbr-element:the-abbr-element-8><a href=#the-abbr-element>abbr</a></code> element is independent.</p>
- <h4 id=the-ruby-element>4.5.10 The <dfn><code>ruby</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=25555" title="Shouldn't <ruby> also allow intermixed script-supporting elements?">25555</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=21040" title="Double-sided ruby">21040</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=21041" title="Inlining ruby">21041</a><p class=support><strong>Support:</strong> <span class="chrome partial"><span><span>Chrome</span> (limited) </span><span>5+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>5.5+</span></span><span class="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>38+</span></span><span class="ios_saf partial"><span><span>iOS Saf
ari</span> (limited) </span><span>5.0-5.1+</span></span><span class="android partial"><span><span>Android Browser</span> (limited) </span><span>3+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="safari partial"><span><span>Safari</span> (limited) </span><span>5+</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><p class=caniuse>Source: <a href="http://caniuse.com/#feat=ruby">caniuse.com</a></div>
+ <h4 id=the-ruby-element>4.5.10 The <dfn><code>ruby</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=25555" title="Shouldn't <ruby> also allow intermixed script-supporting elements?">25555</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=21040" title="Double-sided ruby">21040</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=21041" title="Inlining ruby">21041</a><p class=support><strong>Support:</strong> <span class="chrome partial"><span><span>Chrome</span> (limited) </span><span>5+</span></span><span class="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>42+</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>38+</span></span><span class="ios_saf partial"><span><span>iOS Saf
ari</span> (limited) </span><span>5.0-5.1+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="android partial"><span><span>Android Browser</span> (limited) </span><span>3+</span></span><span class="safari partial"><span><span>Safari</span> (limited) </span><span>5+</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><p class=caniuse>Source: <a href="http://caniuse.com/#feat=ruby">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-ruby-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-ruby-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-ruby-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#palpable-content-2 id=the-ruby-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-ruby-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#phrasing-content-2 id=the-ruby-element:phrasing-content-2-2>phrasing content</a> is expected.<dt><a href=#concept-element-content-model id=the-ruby-element:concept-element-content-model>Content model</a>:<dd>See prose.<dt><a href=#concept-element-tag-omission id=the-ruby-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-ruby-element:concept-element-attributes
>Content attributes</a>:<dd><a href=#global-attributes id=the-ruby-element:global-attributes>Global attributes</a><dt><a href=#concept-element-dom id=the-ruby-element:concept-element-dom>DOM interface</a>:<dd>Uses <code id=the-ruby-element:htmlelement><a href=#htmlelement>HTMLElement</a></code>.</dl>
@@ -16095,7 +16095,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>20+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</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="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>37+</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
@@ -16522,7 +16522,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</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+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span cla
ss="and_ff yes"><span>Firefox for Android</span> <span>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span cla
ss="and_ff yes"><span>Firefox for Android</span> <span>37+</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>
@@ -16641,7 +16641,7 @@
no other <a href=#space-character id=rel-icon:space-character>space characters</a>).</p>
- <h5 id=link-type-license>4.6.5.7 Link type "<dfn><code>license</code></dfn>"</h5>
+ <h5 id=link-type-license>4.6.5.7 Link type "<dfn><code>license</code></dfn>"</h5><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=28188" title="Typo? SHould that be 'Example' and not 'Exampl'">28188</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28189" title="Typo? SHould that be 'Example' and not 'Exampl'">28189</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28190" title="Typo? SHould that be 'Example' and not 'Exampl'">28190</a></div>
<p>The <code id=link-type-license:link-type-license><a href=#link-type-license>license</a></code> keyword may be used with <code id=link-type-license:the-link-element><a href=#the-link-element>link</a></code>,
<code id=link-type-license:the-a-element><a href=#the-a-element>a</a></code>, and <code id=link-type-license:the-area-element><a href=#the-area-element>area</a></code> elements. This keyword creates a <a href=#hyperlink id=link-type-license:hyperlink>hyperlink</a>.</p>
@@ -17076,7 +17076,7 @@
<p>The <code id=edits:the-ins-element><a href=#the-ins-element>ins</a></code> and <code id=edits:the-del-element><a href=#the-del-element>del</a></code> elements represent edits to the document.</p>
- <h4 id=the-ins-element>4.7.1 The <dfn><code>ins</code></dfn> element</h4>
+ <h4 id=the-ins-element>4.7.1 The <dfn><code>ins</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=28555" title="Your use of "Example" and "Note" in the CSS rather than HTML, when it carries substantial heading-type semantics, is kind of double standards ain't it?">28555</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-ins-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-ins-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-ins-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#palpable-content-2 id=the-ins-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-ins-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#phrasing-content-2 id=the-ins-element:phrasing-content-2-2>phrasing content</a> is expected.<dt><a href=#concept-element-content-model id=the-ins-element:concept-element-content-model>Content model</a>:<dd><a href=#transparent id=the-ins-element:transparent>Transparent</a>.<dt><a href=#concept-element-tag-omission id=the-ins-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attribu
tes id=the-ins-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-ins-element:global-attributes>Global attributes</a><dd><code id=the-ins-element:attr-mod-cite><a href=#attr-mod-cite>cite</a></code> — Link to the source of the quotation or more information about the edit<dd><code id=the-ins-element:attr-mod-datetime><a href=#attr-mod-datetime>datetime</a></code> — Date and (optionally) time of the change<dt><a href=#concept-element-dom id=the-ins-element:concept-element-dom>DOM interface</a>:<dd>Uses the <code id=the-ins-element:htmlmodelement><a href=#htmlmodelement>HTMLModElement</a></code> interface.</dl>
@@ -17745,7 +17745,7 @@
<hr>
- <p>The <code id=adaptive-images:the-source-element-when-used-with-the-picture-element><a href=#the-source-element-when-used-with-the-picture-element>source</a></code> element is used with the <code id=adaptive-images:attr-img-src><a href=#attr-img-src>src</a></code> attribute, which gives the URL of the image to use for legacy user
+ <p>The <code id=adaptive-images:the-img-element-2><a href=#the-img-element>img</a></code> element is used with the <code id=adaptive-images:attr-img-src><a href=#attr-img-src>src</a></code> attribute, which gives the URL of the image to use for legacy user
agents that do not support the <code id=adaptive-images:the-picture-element-3><a href=#the-picture-element>picture</a></code> element. This leads
to a question of which image to provide in the <code id=adaptive-images:attr-img-src-2><a href=#attr-img-src>src</a></code>
attribute.</p>
@@ -17759,7 +17759,7 @@
</picture></pre>
<p>However, if legacy mobile user agents are more important, one can list all three images in the
- <code id=adaptive-images:the-source-element-when-used-with-the-picture-element-2><a href=#the-source-element-when-used-with-the-picture-element>source</a></code> elements, overriding the <code id=adaptive-images:attr-img-src-3><a href=#attr-img-src>src</a></code> attribute entirely.</p>
+ <code id=adaptive-images:the-source-element-when-used-with-the-picture-element><a href=#the-source-element-when-used-with-the-picture-element>source</a></code> elements, overriding the <code id=adaptive-images:attr-img-src-3><a href=#attr-img-src>src</a></code> attribute entirely.</p>
<pre><picture>
<source srcset="pear-mobile.jpeg" media="(max-width: 720px)">
@@ -17797,7 +17797,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</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>
+ <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="and_chr yes"><span>Chrome for Android</span> <span>42+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>40+</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>
@@ -17884,7 +17884,7 @@
- <h4 id=the-img-element>4.8.5 The <dfn><code>img</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=24055" title="<img>: Making <img> processing model text reusable (see comment 5)">24055</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=26068" title="<img> Maybe avoid infinite recursion when setting src in onerror">26068</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28096" title="Why should we not fire the progress and loadend events for multipart/x-mixed-replace image streams?">28096</a></div>
+ <h4 id=the-img-element>4.8.5 The <dfn><code>img</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=24055" title="<img>: Making <img> processing model text reusable (see comment 5)">24055</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=26068" title="<img> Maybe avoid infinite recursion when setting src in onerror">26068</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28096" title="Fire the loadend event (and possible progress events) for multipart/x-mixed-replace image streams">28096</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-img-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-img-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-img-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#embedded-content-category id=the-img-element:embedded-content-category>Embedded content</a>.<dd><a href=#form-associated-element id=the-img-element:form-associated-element>Form-associated element</a>.<dd>If the element has a <code id=the-img-element:attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute: <a href=#interactive-content-2 id=the-img-element:interactive-content-2>Interactive content</a>.<dd><a href=#palpable-content-2 id=the-img-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-img-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#embedded-content-c
ategory id=the-img-element:embedded-content-category-2>embedded content</a> is expected.<dt><a href=#concept-element-content-model id=the-img-element:concept-element-content-model>Content model</a>:<dd>Empty.<dt><a href=#concept-element-tag-omission id=the-img-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>No <a href=#syntax-end-tag id=the-img-element:syntax-end-tag>end tag</a>.<dt><a href=#concept-element-attributes id=the-img-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-img-element:global-attributes>Global attributes</a><dd><code id=the-img-element:attr-img-alt><a href=#attr-img-alt>alt</a></code> — Replacement text for use when images are not available<dd><code id=the-img-element:attr-img-src><a href=#attr-img-src>src</a></code> — Address of the resource<dd><code id=the-img-element:attr-img-srcset><a href=#attr-img-srcset>srcset</a></code> — Images to use in different situations (e.g. high-re
solution displays, small monitors, etc)<dd><code id=the-img-element:attr-img-sizes><a href=#attr-img-sizes>sizes</a></code><dd><code id=the-img-element:attr-img-crossorigin><a href=#attr-img-crossorigin>crossorigin</a></code> — How the element handles crossorigin requests<dd><code id=the-img-element:attr-hyperlink-usemap-2><a href=#attr-hyperlink-usemap>usemap</a></code> — Name of <a href=#image-map id=the-img-element:image-map>image map</a> to use<dd><code id=the-img-element:attr-img-ismap><a href=#attr-img-ismap>ismap</a></code> — Whether the image is a server-side image map<dd><code id=the-img-element:attr-dim-width><a href=#attr-dim-width>width</a></code> — Horizontal dimension<dd><code id=the-img-element:attr-dim-height><a href=#attr-dim-height>height</a></code> — Vertical dimension<dt><a href=#concept-element-dom id=the-img-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>[NamedConstructor=<a href=#dom-image id=the-img-element:dom-image>Image</a>(optional unsigned long width, optional unsigned long height)]
@@ -17917,7 +17917,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</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>
+ <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="and_chr yes"><span>Chrome for Android</span> <span>42+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>Edge+</span></span><span class="firefox yes"><span>Firefox</span> <span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>8+</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>40+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari partial"><span><span>Safari</sp
an> (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>
@@ -20144,7 +20144,7 @@
<a href=#process-the-iframe-attributes id=the-iframe-element:process-the-iframe-attributes-3>process the <code>iframe</code> attributes</a>.</p>
<p>When the user agent is to <dfn id=process-the-iframe-attributes>process the <code>iframe</code> attributes</dfn>, it must run
- the first appropriate steps from the following list:</p>
+ the first appropriate steps from the following list:<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=28227" title="Shouldn't srcdoc in XHTML be parsed as XML, since the authoring requirements require the value to be XML?">28227</a></div>
<dl class=switch><dt>If the <code id=the-iframe-element:attr-iframe-srcdoc-13><a href=#attr-iframe-srcdoc>srcdoc</a></code> attribute is specified<dd><p><a href=#navigate id=the-iframe-element:navigate>Navigate</a> the element's <a href=#child-browsing-context id=the-iframe-element:child-browsing-context>child browsing context</a>
to a resource whose <a href=#content-type id=the-iframe-element:content-type>Content-Type</a> is <code id=the-iframe-element:text/html><a href=#text/html>text/html</a></code>, whose <a href=#url id=the-iframe-element:url-2>URL</a>
@@ -20275,7 +20275,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>28+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</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="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="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>37+</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
@@ -20394,7 +20394,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="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="firefox no"><span>Firefox</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>
+ 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="and_chr no"><span>Chrome for Android</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="android no"><span>Android Bro
wser</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>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>
@@ -21479,7 +21479,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><sp
an>Firefox</span> <span>3.5+</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>33+</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=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=video">caniuse.com</a></div><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>
<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
@@ -21730,7 +21730,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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
@@ -22699,7 +22699,7 @@
<code id=loading-the-media-resource:event-media-suspend-2><a href=#event-media-suspend>suspend</a></code> at the element. If and when downloading of the
resource resumes, the user agent must <a href=#queue-a-task id=loading-the-media-resource:queue-a-task-13>queue a task</a> to set the <code id=loading-the-media-resource:dom-media-networkstate-12><a href=#dom-media-networkstate>networkState</a></code> to <code id=loading-the-media-resource:dom-media-network_loading-5><a href=#dom-media-network_loading>NETWORK_LOADING</a></code>. Between the queuing of these tasks,
the load is suspended (so <code id=loading-the-media-resource:event-media-progress><a href=#event-media-progress>progress</a></code> events don't fire,
- as described above).</p>
+ as described above).<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=28392" title="I assume "decides to completely *stall* a download" means "*suspend* a download".">28392</a></div>
<p class=note>The <code id=loading-the-media-resource:attr-media-preload-2><a href=#attr-media-preload>preload</a></code> attribute provides a hint
regarding how much buffering the author thinks is advisable, even in the absence of the <code id=loading-the-media-resource:attr-media-autoplay><a href=#attr-media-autoplay>autoplay</a></code> attribute.</p>
@@ -23794,7 +23794,7 @@
playback position</a> must increase monotonically at <a href=#effective-playback-rate id=playing-the-media-resource:effective-playback-rate-5>effective playback rate</a> units
of media time per unit time of the <a href=#media-timeline id=playing-the-media-resource:media-timeline-2>media timeline</a>'s clock. (This specification always
refers to this as an <i>increase</i>, but that increase could actually be a <em>de</em>crease if
- the <a href=#effective-playback-rate id=playing-the-media-resource:effective-playback-rate-6>effective playback rate</a> is negative.)</p>
+ the <a href=#effective-playback-rate id=playing-the-media-resource:effective-playback-rate-6>effective playback rate</a> is negative.)<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=28236" title="The "rules for updating the text track rendering" are not run when mode changes from hidden to showing">28236</a></div>
<p class=note>The <a href=#effective-playback-rate id=playing-the-media-resource:effective-playback-rate-7>effective playback rate</a> can be 0.0, in which case the
<a href=#current-playback-position id=playing-the-media-resource:current-playback-position-10>current playback position</a> doesn't move, despite playback not being paused (<code id=playing-the-media-resource:dom-media-paused-13><a href=#dom-media-paused>paused</a></code> doesn't become true, and the <code id=playing-the-media-resource:event-media-pause-3><a href=#event-media-pause>pause</a></code> event doesn't fire).</p>
@@ -27213,7 +27213,7 @@
- <h4 id=the-map-element>4.8.15 The <dfn><code>map</code></dfn> element</h4>
+ <h4 id=the-map-element>4.8.15 The <dfn><code>map</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=28219" title="Remove HTMLMapElement.images (no implementation since 2007)">28219</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-map-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-map-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-map-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#palpable-content-2 id=the-map-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-map-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#phrasing-content-2 id=the-map-element:phrasing-content-2-2>phrasing content</a> is expected.<dt><a href=#concept-element-content-model id=the-map-element:concept-element-content-model>Content model</a>:<dd><a href=#transparent id=the-map-element:transparent>Transparent</a>.<dt><a href=#concept-element-tag-omission id=the-map-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attribu
tes id=the-map-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-map-element:global-attributes>Global attributes</a><dd><code id=the-map-element:attr-map-name><a href=#attr-map-name>name</a></code> — Name of <a href=#image-map id=the-map-element:image-map>image map</a> to reference from the <code id=the-map-element:attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute<dt><a href=#concept-element-dom id=the-map-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmlmapelement>HTMLMapElement</dfn> : <a href=#htmlelement id=the-map-element:htmlelement>HTMLElement</a> {
@@ -27519,7 +27519,7 @@
- <h5 id=processing-model-2>4.8.17.2 Processing model</h5>
+ <h5 id=processing-model-2>4.8.17.2 Processing model</h5><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=28149" title="Swapping of the first and third entry in the coords list for the rectangle shape is backwards">28149</a></div>
<p>If an <code id=processing-model-2:the-img-element><a href=#the-img-element>img</a></code> element or an <code id=processing-model-2:the-object-element><a href=#the-object-element>object</a></code> element representing an image has a
<code id=processing-model-2:attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute specified, user agents must process it
@@ -27661,7 +27661,7 @@
- <h4 id=mathml>4.8.18 MathML</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>24+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</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></span><span class="opera partial"><span><span>Opera</span> (limited) </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 yes"><span>Firefox for Android</span> <span>33+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=mathml">caniuse.com</a></div>
+ <h4 id=mathml>4.8.18 MathML</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>24+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</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></span><span class="opera partial"><span><span>Opera</span> (limited) </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 yes"><span>Firefox for Android</span> <span>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=mathml">caniuse.com</a></div>
<p>The <dfn id=math><code>math</code></dfn> element from the <a href=#mathml-namespace id=mathml:mathml-namespace>MathML namespace</a>
falls into the <a href=#embedded-content-category id=mathml:embedded-content-category>embedded content</a>, <a href=#phrasing-content-2 id=mathml:phrasing-content-2>phrasing content</a>, and <a href=#flow-content-2 id=mathml:flow-content-2>flow
@@ -27746,7 +27746,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</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.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>37+</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>
@@ -28522,7 +28522,7 @@
- <h4 id=the-col-element>4.9.4 The <dfn><code>col</code></dfn> element</h4>
+ <h4 id=the-col-element>4.9.4 The <dfn><code>col</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=28323" title="Contexts in which this element can be used:">28323</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-col-element:concept-element-categories>Categories</a>:<dd>None.<dt><a href=#concept-element-contexts id=the-col-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>As a child of a <code id=the-col-element:the-colgroup-element><a href=#the-colgroup-element>colgroup</a></code> element that doesn't have
a <code id=the-col-element:attr-col-span><a href=#attr-col-span>span</a></code> attribute.<dt><a href=#concept-element-content-model id=the-col-element:concept-element-content-model>Content model</a>:<dd><a href=#concept-content-nothing id=the-col-element:concept-content-nothing>Nothing</a>.<dt><a href=#concept-element-tag-omission id=the-col-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>No <a href=#syntax-end-tag id=the-col-element:syntax-end-tag>end tag</a>.<dt><a href=#concept-element-attributes id=the-col-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-col-element:global-attributes>Global attributes</a><dd><code id=the-col-element:attr-col-span-2><a href=#attr-col-span>span</a></code> — Number of columns spanned by the element<dt><a href=#concept-element-dom id=the-col-element:concept-element-dom>DOM interface</a>:<dd>
@@ -29805,7 +29805,7 @@
all the following conditions simultaneously:</p>
<ul><li><p>It corresponds to a <a href=#concept-cell id=table-sorting-model:concept-cell>cell</a> whose <i>width</i> is 1.
- (Specifically, a <i>header cell</i>, since this is a <code id=table-sorting-model:the-th-element-6><a href=#the-th-element>th</a></code> element.)<li><p>There is no <a href=#concept-cell id=table-sorting-model:concept-cell-2>cell</a> that corresponds to another
+ (Specifically, a <i>header cell</i>, since this is a <code id=table-sorting-model:the-th-element-6><a href=#the-th-element>th</a></code> element.)<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=28168" title=""The sortable attribute ... indicates that the user agent is to allow the user to sort the table."">28168</a></div><li><p>There is no <a href=#concept-cell id=table-sorting-model:concept-cell-2>cell</a> that corresponds to another
<a href=#sorting-capable-th-element id=table-sorting-model:sorting-capable-th-element>sorting-capable <code>th</code> element</a> that covers slots in the same <a href=#concept-column id=table-sorting-model:concept-column>column</a> but on a higher (earlier) <a href=#concept-row id=table-sorting-model:concept-row>row</a>.<li>
<p>If the <a href=#concept-cell id=table-sorting-model:concept-cell-3>cell</a>'s <a href=#concept-table id=table-sorting-model:concept-table>table</a> has
@@ -30885,7 +30885,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="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>40+</span></span><span class="firefox partial"><span><span>Firefox</span> (limited) </span><span>4+</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>33+</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="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>42+</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="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>4.0-4.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="android partial"><span><span>Android Browser</s
pan> (limited) </span><span>4.4+</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>37+</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>
@@ -31134,7 +31134,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>4.0-4.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4.3-4.4.4+</span></span><span class="op_mini partial"><span><span>Opera Mini</span> (limited) </span><span>5.0-8.0+</span></span><span class="safari partial"><span><span>Safari</span> (limited) </span><span>5+</span></span><span class="opera yes"><span>Opera</spa
n> <span>10.0-10.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>37+</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>
@@ -31463,7 +31463,7 @@
<ul class="brief category-list"><li><code id=categories:the-button-element-5><a href=#the-button-element>button</a></code><li><code id=categories:the-input-element-6><a href=#the-input-element>input</a></code> (if the <code id=categories:attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href="#hidden-state-(type=hidden)" id="categories:hidden-state-(type=hidden)">Hidden</a> state)<li><code id=categories:the-keygen-element-6><a href=#the-keygen-element>keygen</a></code><li><code id=categories:the-meter-element><a href=#the-meter-element>meter</a></code><li><code id=categories:the-output-element-5><a href=#the-output-element>output</a></code><li><code id=categories:the-progress-element><a href=#the-progress-element>progress</a></code><li><code id=categories:the-select-element-6><a href=#the-select-element>select</a></code><li><code id=categories:the-textarea-element-6><a href=#the-textarea-element>textarea</a></code></ul>
- <h4 id=the-form-element>4.10.3 The <dfn><code>form</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=22320" title="Form's supported property names should perhaps not be enumerable">22320</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27833" title="Issue: 99% of the time if you want to use auto focus you want it to be the first visible control of [...]">27833</a></div>
+ <h4 id=the-form-element>4.10.3 The <dfn><code>form</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=22320" title="Form's supported property names should perhaps not be enumerable">22320</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27833" title="Issue: 99% of the time if you want to use auto focus you want it to be the first visible control of [...]">27833</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28576" title="assessement for keeps givng me errors when trying to submit">28576</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28603" title="ugh this is so boring">28603</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-form-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-form-element:flow-content-2>Flow content</a>.<dd><a href=#palpable-content-2 id=the-form-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-form-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#flow-content-2 id=the-form-element:flow-content-2-2>flow content</a> is expected.<dt><a href=#concept-element-content-model id=the-form-element:concept-element-content-model>Content model</a>:<dd><a href=#flow-content-2 id=the-form-element:flow-content-2-3>Flow content</a>, but with no <code id=the-form-element:the-form-element><a href=#the-form-element>form</a></code> element descendants.<dt><a href=#concept-element-tag-omission id=the-form-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt>
<a href=#concept-element-attributes id=the-form-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-form-element:global-attributes>Global attributes</a><dd><code id=the-form-element:attr-form-accept-charset><a href=#attr-form-accept-charset>accept-charset</a></code> — Character encodings to use for <a href=#form-submission-2 id=the-form-element:form-submission-2>form submission</a><dd><code id=the-form-element:attr-fs-action><a href=#attr-fs-action>action</a></code> — <a href=#url id=the-form-element:url>URL</a> to use for <a href=#form-submission-2 id=the-form-element:form-submission-2-2>form submission</a><dd><code id=the-form-element:attr-form-autocomplete><a href=#attr-form-autocomplete>autocomplete</a></code> — Default setting for autofill feature for controls in the form<dd><code id=the-form-element:attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code> — Form data set encoding type to use for <a href=#form-submi
ssion-2 id=the-form-element:form-submission-2-3>form submission</a><dd><code id=the-form-element:attr-fs-method><a href=#attr-fs-method>method</a></code> — HTTP method to use for <a href=#form-submission-2 id=the-form-element:form-submission-2-4>form submission</a><dd><code id=the-form-element:attr-form-name><a href=#attr-form-name>name</a></code> — Name of form to use in the <code id=the-form-element:dom-document-forms><a href=#dom-document-forms>document.forms</a></code> API<dd><code id=the-form-element:attr-fs-novalidate><a href=#attr-fs-novalidate>novalidate</a></code> — Bypass form control validation for <a href=#form-submission-2 id=the-form-element:form-submission-2-5>form submission</a><dd><code id=the-form-element:attr-fs-target><a href=#attr-fs-target>target</a></code> — <a href=#browsing-context id=the-form-element:browsing-context>Browsing context</a> for <a href=#form-submission-2 id=the-form-element:form-submission-2-6>form submission</a><dt><a href=#co
ncept-element-dom id=the-form-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>[OverrideBuiltins]
@@ -33764,7 +33764,7 @@
</div>
- <h6 id="e-mail-state-(type=email)">4.10.5.1.5 <dfn>E-mail</dfn> state (<code>type=email</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=15489" title="forms: <input type=email> validation needs to be updated for EAI">15489</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18162" title="IDN email addresses should be converted to Punycode before validating them">18162</a></div>
+ <h6 id="e-mail-state-(type=email)">4.10.5.1.5 <dfn>E-mail</dfn> state (<code>type=email</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=15489" title="forms: <input type=email> validation needs to be updated for EAI">15489</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28162" title="The end of the paragraph defining a valid e-mail address list should be "an implementation must split the string on commas", not "and implementation must split the string on commas".">28162</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28387" title="it is not showing error if xxx at hotmail is typed which is not a valid email">28387</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18162" title="IDN email addresses should be converted to Punycode before validating them">18162</a></div>
@@ -34250,7 +34250,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox no"><span>Firefox</span> <span>None</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+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>5.0-5.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>9+</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>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-datetime">caniuse.com</a></div>
@@ -34970,7 +34970,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=27639" title="Value sanitization scheme is untenable.">27639</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28095" title="Half the world uses commas instead of periods as decimal separators. How about requiring user-agents to handle both? Details on browser support here:">28095</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="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>29+</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+</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>33+</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=27639" title="Value sanitization scheme is untenable.">27639</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28095" title="Half the world uses commas instead of periods as decimal separators. How about requiring user-agents to handle both? Details on browser support here:">28095</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="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>42+</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="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>3.2+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</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="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>9+</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>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-number">caniuse.com</a></div>
@@ -35130,7 +35130,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>23+</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+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9+</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>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-range">caniuse.com</a></div>
@@ -35479,7 +35479,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>29+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf no"><span>iOS Safari</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="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="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>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-color">caniuse.com</a></div>
@@ -36564,7 +36564,7 @@
- <h6 id=the-maxlength-and-minlength-attributes>4.10.5.3.1 The <code id=the-maxlength-and-minlength-attributes:attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code> and <code id=the-maxlength-and-minlength-attributes:attr-input-minlength><a href=#attr-input-minlength>minlength</a></code> attributes</h6>
+ <h6 id=the-maxlength-and-minlength-attributes>4.10.5.3.1 The <code id=the-maxlength-and-minlength-attributes:attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code> and <code id=the-maxlength-and-minlength-attributes:attr-input-minlength><a href=#attr-input-minlength>minlength</a></code> attributes</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>40+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>40+</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>27+</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-minlength">caniuse.com</a></div>
<p>The <dfn id=attr-input-maxlength><code>maxlength</code></dfn> attribute, when it <a href=#concept-input-apply id=the-maxlength-and-minlength-attributes:concept-input-apply>applies</a>, is a <a href=#attr-fe-maxlength id=the-maxlength-and-minlength-attributes:attr-fe-maxlength>form control <code>maxlength</code> attribute</a> controlled by the <code id=the-maxlength-and-minlength-attributes:the-input-element><a href=#the-input-element>input</a></code> element's <a href=#concept-input-value-dirty-flag id=the-maxlength-and-minlength-attributes:concept-input-value-dirty-flag>dirty value flag</a>.</p>
@@ -36735,7 +36735,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="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>3.6+</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>
+ 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="and_chr no"><span>Chrome for Android</span> <span>None</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="ios_saf yes"><span>iOS Safari</span> <span>6.0-6.1+</span></span><span class="and_uc no"><span>UC Browser for Android</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="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>
@@ -36784,7 +36784,7 @@
- <h6 id=the-pattern-attribute>4.10.5.3.6 The <code id=the-pattern-attribute:attr-input-pattern><a href=#attr-input-pattern>pattern</a></code> attribute</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>10+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</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 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 partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>33+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-pattern">caniuse.com</a></div>
+ <h6 id=the-pattern-attribute>4.10.5.3.6 The <code id=the-pattern-attribute:attr-input-pattern><a href=#attr-input-pattern>pattern</a></code> attribute</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>10+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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 partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-pattern">caniuse.com</a></div>
@@ -37224,7 +37224,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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>
@@ -38203,7 +38203,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</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+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>33+</span></span><p class=caniuse>Sourc
e: <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 partial"><span><span>Chrome</span> (limited) </span><span>20+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>42+</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_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="safari no"><span>Safari</span> <span>None</span></span><span class="opera partial"><span><span>Opera</span> (limited) </span><span>15+</span></span><span class="and_ff p
artial"><span><span>Firefox for Android</span> (limited) </span><span>37+</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> {
@@ -39276,7 +39276,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>16+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>7.0-7.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <
span>9.9+</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="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>37+</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> {
@@ -40407,7 +40407,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="android yes"><span>And
roid Browser</span> <span>3+</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>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=autofocus">caniuse.com</a></div>
@@ -40637,7 +40637,7 @@
space-separated tokens</a> consisting of just <a href=#autofill-detail-tokens id=autofilling-form-controls:-the-autocomplete-attribute:autofill-detail-tokens-2>autofill detail tokens</a> (i.e. the
"<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-on-2><a href=#attr-fe-autocomplete-on>on</a></code>" and "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-off-2><a href=#attr-fe-autocomplete-off>off</a></code>" keywords are not allowed).</p>
- <p><dfn id=autofill-detail-tokens>Autofill detail tokens</dfn> are the following, in the order given below:</p>
+ <p><dfn id=autofill-detail-tokens>Autofill detail tokens</dfn> are the following, in the order given below:<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=28431" title="Example uses address-level1 on a field labeled "City" while the document states that address-level1 most often refers to a state or similar with address-level2 being used for cities.">28431</a></div>
<ol><li>
@@ -41956,7 +41956,7 @@
- <h4 id=textFieldSelection>4.10.20 APIs for the text field selections</h4>
+ <h4 id=textFieldSelection>4.10.20 APIs for the text field selections</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=28225" title="Do we really want getting <input type=image>.selectionDirection to throw?">28225</a></div>
@@ -43291,7 +43291,7 @@
<h3 id=interactive-elements>4.11 Interactive elements</h3>
- <h4 id=the-details-element>4.11.1 The <dfn><code>details</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=25550" title="Shouldn't <details> also allow intermixed script-supporting elements (before the <summary>)?">25550</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>12+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox no"><span>Firefox</span> <span>None</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+</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>15+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=details">caniuse.com</a></div>
+ <h4 id=the-details-element>4.11.1 The <dfn><code>details</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=25550" title="Shouldn't <details> also allow intermixed script-supporting elements (before the <summary>)?">25550</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>12+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>6.0-6.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="android yes"><span>Android Browser</span> <span>4+</span></span><span class="safari yes"><span>Safari</span> <span>6+<
/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><p class=caniuse>Source: <a href="http://caniuse.com/#feat=details">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-details-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-details-element:flow-content-2>Flow content</a>.<dd><a href=#sectioning-root id=the-details-element:sectioning-root>Sectioning root</a>.<dd><a href=#interactive-content-2 id=the-details-element:interactive-content-2>Interactive content</a>.<dd><a href=#palpable-content-2 id=the-details-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-details-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#flow-content-2 id=the-details-element:flow-content-2-2>flow content</a> is expected.<dt><a href=#concept-element-content-model id=the-details-element:concept-element-content-model>Content model</a>:<dd>One <code id=the-details-element:the-summary-element><a href=#the-summary-element>summary</a></code> element followed by <a href=#flow-conte
nt-2 id=the-details-element:flow-content-2-3>flow content</a>.<dt><a href=#concept-element-tag-omission id=the-details-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-details-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-details-element:global-attributes>Global attributes</a><dd><code id=the-details-element:attr-details-open><a href=#attr-details-open>open</a></code> — Whether the details are visible<dt><a href=#concept-element-dom id=the-details-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmldetailselement>HTMLDetailsElement</dfn> : <a href=#htmlelement id=the-details-element:htmlelement>HTMLElement</a> {
@@ -43426,7 +43426,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="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="firefox partial"><span><span>Firefox</span> (limited) </span><span>8+</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>
+ <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="and_chr no"><span>Chrome for Android</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</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></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> {
@@ -44404,7 +44404,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox no"><span>Firefox</span> <span>None</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>
+ <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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for
Android</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>40+</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> {
@@ -44917,7 +44917,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.6+</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>
33+</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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>
37+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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>
@@ -45499,7 +45499,7 @@
- <h5 id=scriptingLanguages>4.12.1.1 Scripting languages</h5>
+ <h5 id=scriptingLanguages>4.12.1.1 Scripting languages</h5><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=28397" title="Can I have a <dfn> for "JavaScript MIME types" that references this list?">28397</a></div>
@@ -45871,7 +45871,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=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28112" title="TH tags are not closed">28112</a><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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>22+</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>33+</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=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28112" title="TH tags are not closed">28112</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>26+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>8+</span></span><span class="and_uc no"><span>UC Browser for Android</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="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>37+</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> {
@@ -46034,7 +46034,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=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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</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+</span></span><span class="ie_mob yes"><spa
n>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>33+</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=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9+</span></span><span class="ie_mob yes"><spa
n>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>37+</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>;
@@ -46502,7 +46502,7 @@
- <h5 id=2dcontext>4.12.4.2 The 2D rendering context</h5><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=17427" title="<canvas>: drawImage() should accept SVGImageElement (<svg:image>)">17427</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27429" title="CanvasRenderingContext2DSettings IDL misses semicolon.">27429</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18220" title="drawImage should accept SVGImageElement">18220</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27315" title="Use enum for lineCap, lineJoin, textAlign, textBaseline, and direction">27315</a></div>
+ <h5 id=2dcontext>4.12.4.2 The 2D rendering context</h5><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=17427" title="<canvas>: drawImage() should accept SVGImageElement (<svg:image>)">17427</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18220" title="drawImage should accept SVGImageElement">18220</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27315" title="Use enum for lineCap, lineJoin, textAlign, textBaseline, and direction">27315</a></div>
@@ -46516,7 +46516,7 @@
dictionary <dfn id=canvasrenderingcontext2dsettings>CanvasRenderingContext2DSettings</dfn> {
boolean <a href=#dom-canvasrenderingcontext2dsettings-alpha id=2dcontext:dom-canvasrenderingcontext2dsettings-alpha>alpha</a> = true;
-}
+};
[<a href=#dom-context-2d id=2dcontext:dom-context-2d>Constructor</a>(),
<a href=#dom-context-2d id=2dcontext:dom-context-2d-2>Constructor</a>(unsigned long width, unsigned long height),
@@ -47129,7 +47129,7 @@
- <h6 id=line-styles>4.12.4.2.4 Line styles</h6>
+ <h6 id=line-styles>4.12.4.2.4 Line styles</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=28480" title="Double quotes everywhere">28480</a></div>
<dl class=domintro><dt><var>context</var> . <code id=line-styles:dom-context-2d-linewidth><a href=#dom-context-2d-linewidth>lineWidth</a></code> [ = <var>value</var> ]<dt><var>styles</var> . <code id=line-styles:dom-context-2d-linewidth-2><a href=#dom-context-2d-linewidth>lineWidth</a></code> [ = <var>value</var> ]<dd>
@@ -48124,7 +48124,7 @@
- <h6 id=transformations>4.12.4.2.8 <dfn>Transformations</dfn></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=9235" title="<canvas>: perspective transformations">9235</a></div>
+ <h6 id=transformations>4.12.4.2.8 <dfn>Transformations</dfn></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=9235" title="<canvas>: perspective transformations">9235</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28333" title="Show on example how a,b,c,d,e,f affect the point position">28333</a></div>
<p>Each <code id=transformations:canvasrenderingcontext2d><a href=#canvasrenderingcontext2d>CanvasRenderingContext2D</a></code> object has a <i>current transformation matrix</i>,
as well as methods (described in this section) to manipulate it. When a
@@ -48654,7 +48654,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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>
@@ -48847,7 +48847,7 @@
<p>Returns true if the given point would be in the region covered by the stroke of the
<a href=#current-default-path id=drawing-paths-to-the-canvas:current-default-path-10>current default path</a> or the given path, given the current stroke style.</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=28217" title="It's not clear from the spec if two paths which describe two poligons with a common edge, when rende [...]">28217</a></div>
@@ -49624,7 +49624,7 @@
- <h6 id=pixel-manipulation>4.12.4.2.16 <dfn>Pixel manipulation</dfn></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=28040" title="Comment about canvas high-res outdated?">28040</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28064" title="The Note for says "Throws a NotSupportedError exception if any of the arguments are not finite." for putImageData, but it's not mentioned in the prose.">28064</a></div>
+ <h6 id=pixel-manipulation>4.12.4.2.16 <dfn>Pixel manipulation</dfn></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=28327" title="CanvasRenderingContext2D.putImageData cannot throw a NotSupportedError exception under ECMAScript binding *even if* any of the arguments are not finite.">28327</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28040" title="Comment about canvas high-res outdated?">28040</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28064" title="The Note for says "Throws a NotSupportedError exception if any of the arguments are not finite." for putImageData, but it's not mentioned in the prose.">28064</a></div>
<dl class=domintro><dt><var>imagedata</var> = new <code id=pixel-manipulation:dom-imagedata><a href=#dom-imagedata>ImageData</a></code>(<var>sw</var>, <var>sh</var>)<dt><var>imagedata</var> = <var>context</var> . <code id=pixel-manipulation:dom-context-2d-createimagedata><a href=#dom-context-2d-createimagedata>createImageData</a></code>(<var>sw</var>, <var>sh</var>)<dd>
@@ -50163,7 +50163,7 @@
<code id=best-practices:attr-contenteditable><a href=#attr-contenteditable>contenteditable</a></code> attribute.</p>
- <h6 id=examples>4.12.4.2.22 Examples</h6>
+ <h6 id=examples>4.12.4.2.22 Examples</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=28200" title="Drop www. in blue robot demo">28200</a></div>
<p><i>This section is non-normative.</i></p>
@@ -54025,7 +54025,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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
@@ -55409,7 +55409,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=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27457" title="What is contenteditable? Where do you apply it?">27457</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>5.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</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="opera yes"><span>Opera</span> <span>9+</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>33+</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=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27457" title="What is contenteditable? Where do you apply it?">27457</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9+</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>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=contenteditable">caniuse.com</a></div>
<pre class=idl>[NoInterfaceObject]
interface ElementContentEditable {
@@ -55558,7 +55558,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="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</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>33+</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="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>42+</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="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>3.2+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</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="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>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=spellcheck-attribute">caniuse.com</a></div>
@@ -55714,7 +55714,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="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</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>
+ <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="and_chr no"><span>Chrome for Android</span> <span>None</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</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="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>
@@ -55745,14 +55745,14 @@
- <h4 id=introduction-10>6.7.1 Introduction</h4>
+ <h4 id=event-drag>6.7.1 Introduction</h4>
<p><i>This section is non-normative.</i></p>
- <p>To make an element draggable is simple: give the element a <code id=introduction-10:the-draggable-attribute><a href=#the-draggable-attribute>draggable</a></code> attribute, and set an event listener for <code id=introduction-10:event-dnd-dragstart><a href=#event-dnd-dragstart>dragstart</a></code> that stores the data being dragged.</p>
+ <p>To make an element draggable is simple: give the element a <code id=event-drag:the-draggable-attribute><a href=#the-draggable-attribute>draggable</a></code> attribute, and set an event listener for <code id=event-drag:event-dnd-dragstart><a href=#event-dnd-dragstart>dragstart</a></code> that stores the data being dragged.</p>
<p>The event handler typically needs to check that it's not a text selection that is being
- dragged, and then needs to store data into the <code id=introduction-10:datatransfer><a href=#datatransfer>DataTransfer</a></code> object and set the
+ dragged, and then needs to store data into the <code id=event-drag:datatransfer><a href=#datatransfer>DataTransfer</a></code> object and set the
allowed effects (copy, move, link, or some combination).</p>
<p>For example:</p>
@@ -55778,21 +55778,21 @@
<hr>
- <p>To accept a drop, the drop target has to have a <code id=introduction-10:the-dropzone-attribute><a href=#the-dropzone-attribute>dropzone</a></code>
- attribute and listen to the <code id=introduction-10:event-dnd-drop><a href=#event-dnd-drop>drop</a></code> event.</p>
+ <p>To accept a drop, the drop target has to have a <code id=event-drag:the-dropzone-attribute><a href=#the-dropzone-attribute>dropzone</a></code>
+ attribute and listen to the <code id=event-drag:event-dnd-drop><a href=#event-dnd-drop>drop</a></code> event.</p>
- <p>The value of the <code id=introduction-10:the-dropzone-attribute-2><a href=#the-dropzone-attribute>dropzone</a></code> attribute specifies what kind of
+ <p>The value of the <code id=event-drag:the-dropzone-attribute-2><a href=#the-dropzone-attribute>dropzone</a></code> attribute specifies what kind of
data to accept (e.g. "<code>string:text/plain</code>" to accept any text strings, or
"<code>file:image/png</code>" to accept a PNG image file) and what kind of feedback to
give (e.g. "<code>move</code>" to indicate that the data will be moved).</p>
- <p class=note>Instead of using the <code id=introduction-10:the-dropzone-attribute-3><a href=#the-dropzone-attribute>dropzone</a></code> attribute, a drop
- target can handle the <code id=introduction-10:event-dnd-dragenter><a href=#event-dnd-dragenter>dragenter</a></code> event (to report whether or
- not the drop target is to accept the drop) and the <code id=introduction-10:event-dnd-dragover><a href=#event-dnd-dragover>dragover</a></code>
+ <p class=note>Instead of using the <code id=event-drag:the-dropzone-attribute-3><a href=#the-dropzone-attribute>dropzone</a></code> attribute, a drop
+ target can handle the <code id=event-drag:event-dnd-dragenter><a href=#event-dnd-dragenter>dragenter</a></code> event (to report whether or
+ not the drop target is to accept the drop) and the <code id=event-drag:event-dnd-dragover><a href=#event-dnd-dragover>dragover</a></code>
event (to specify what feedback is to be shown to the user).</p>
- <p>The <code id=introduction-10:event-dnd-drop-2><a href=#event-dnd-drop>drop</a></code> event allows the actual drop to be performed. This
- event needs to be canceled, so that the <code id=introduction-10:dom-datatransfer-dropeffect><a href=#dom-datatransfer-dropeffect>dropEffect</a></code> attribute's value can be used by the source
+ <p>The <code id=event-drag:event-dnd-drop-2><a href=#event-dnd-drop>drop</a></code> event allows the actual drop to be performed. This
+ event needs to be canceled, so that the <code id=event-drag:dom-datatransfer-dropeffect><a href=#dom-datatransfer-dropeffect>dropEffect</a></code> attribute's value can be used by the source
(otherwise it's reset).</p>
<p>For example:</p>
@@ -55822,7 +55822,7 @@
<hr>
- <p>To remove the original element (the one that was dragged) from the display, the <code id=introduction-10:event-dnd-dragend><a href=#event-dnd-dragend>dragend</a></code> event can be used.</p>
+ <p>To remove the original element (the one that was dragged) from the display, the <code id=event-drag:event-dnd-dragend><a href=#event-dnd-dragend>dragend</a></code> event can be used.</p>
<p>For our example here, that means updating the original markup to handle that event:</p>
@@ -57729,7 +57729,7 @@
- <h3 id=the-window-object>7.2 The <code id=the-window-object:window><a href=#window>Window</a></code> object</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=10694" title="Specify window.console">10694</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=25685" title="Seems that WindowProxy open should have [TreatNullAs=EmptyString] for compat with Blink and Firefox<27 (we have a bug report from regressing this).">25685</a></div>
+ <h3 id=the-window-object>7.2 The <code id=the-window-object:window><a href=#window>Window</a></code> object</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=28152" title="FrameRequestCallback is not linked or defined">28152</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=10694" title="Specify window.console">10694</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=25685" title="Seems that WindowProxy open should have [TreatNullAs=EmptyString] for compat with Blink and Firefox<27 (we have a bug report from regressing this).">25685</a></div>
<pre class=idl>[PrimaryGlobal]
/*sealed*/ interface <dfn id=window>Window</dfn> : <a href=#eventtarget id=the-window-object:eventtarget>EventTarget</a> {
@@ -58082,7 +58082,7 @@
- <h4 id=named-access-on-the-window-object>7.2.4 Named access on the <code id=named-access-on-the-window-object:window><a href=#window>Window</a></code> object</h4>
+ <h4 id=named-access-on-the-window-object>7.2.4 Named access on the <code id=named-access-on-the-window-object:window><a href=#window>Window</a></code> object</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=28390" title="Which named properties on the Window should be enumerable?">28390</a></div>
<dl class=domintro><dt><var>window</var>[<var>name</var>]<dd>
@@ -58327,7 +58327,7 @@
- <h3 id=origin>7.3 Origin</h3>
+ <h3 id=origin>7.3 Origin</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=28374" title="Should canvas really get tainted by a cross-origin (via document.domain) drawImage call?">28374</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28375" title="The global object has an origin in implementations, we should acknowledge this. Specifications also routinely assume it has one, e.g. IDB.">28375</a></div>
<p>Origins are the fundamental currency of the Web's security model. Two actors in the Web
@@ -59160,7 +59160,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</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="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>37+</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>
@@ -60438,7 +60438,7 @@
- <h4 id=history-traversal>7.6.10 History traversal</h4>
+ <h4 id=history-traversal>7.6.10 History traversal</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=28454" title="typo: usign">28454</a></div>
@@ -60607,7 +60607,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.6+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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> {
@@ -60876,11 +60876,11 @@
- <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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=offline-apps">caniuse.com</a></div>
- <h4 id=introduction-11>7.7.1 Introduction</h4>
+ <h4 id=introduction-10>7.7.1 Introduction</h4>
<p><i>This section is non-normative.</i></p>
@@ -60926,7 +60926,7 @@
clock.js
</pre>
- <p>With a small change to the HTML file, the manifest (served as <code id=introduction-11:text/cache-manifest><a href=#text/cache-manifest>text/cache-manifest</a></code>)
+ <p>With a small change to the HTML file, the manifest (served as <code id=introduction-10:text/cache-manifest><a href=#text/cache-manifest>text/cache-manifest</a></code>)
is linked to the application:</p>
<pre><!-- clock.html -->
@@ -60950,7 +60950,7 @@
mentioned.</p>
<p class=note>With the exception of "no-store" directive, HTTP cache headers and restrictions on
- caching pages served over TLS (encrypted, using <code id=introduction-11:https-protocol><a data-x-internal=https-protocol href=http://tools.ietf.org/html/rfc7230#section-2.7.2>https:</a></code>) are
+ caching pages served over TLS (encrypted, using <code id=introduction-10:https-protocol><a data-x-internal=https-protocol href=http://tools.ietf.org/html/rfc7230#section-2.7.2>https:</a></code>) are
overridden by manifests. Thus, pages will not expire from an application cache before the user
agent has updated it, and even applications served over TLS can be made to work offline.</p>
@@ -62491,7 +62491,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox partial"><span><span>Firefox</span> (limited) </span><span>4+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</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="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="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>37+</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> {
@@ -62561,13 +62561,13 @@
<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>
+ <h4 id=introduction-11>8.1.1 Introduction</h4>
<p>Various mechanisms can cause author-provided executable code to run in the context of a
document. These mechanisms include, but are probably not limited to:</p>
- <ul><li>Processing of <code id=introduction-12:the-script-element><a href=#the-script-element>script</a></code> elements.<li>Navigating to <a href=#javascript-protocol id=introduction-12:javascript-protocol><code>javascript:</code> URLs</a>.<li>Event handlers, whether registered through the DOM using <code>addEventListener()</code>, by explicit <a href=#event-handler-content-attributes id=introduction-12:event-handler-content-attributes>event handler content attributes</a>, by
- <a href=#event-handler-idl-attributes id=introduction-12:event-handler-idl-attributes>event handler IDL attributes</a>, or otherwise.<li>Processing of technologies like SVG that have their own scripting features.</ul>
+ <ul><li>Processing of <code id=introduction-11:the-script-element><a href=#the-script-element>script</a></code> elements.<li>Navigating to <a href=#javascript-protocol id=introduction-11:javascript-protocol><code>javascript:</code> URLs</a>.<li>Event handlers, whether registered through the DOM using <code>addEventListener()</code>, by explicit <a href=#event-handler-content-attributes id=introduction-11:event-handler-content-attributes>event handler content attributes</a>, by
+ <a href=#event-handler-idl-attributes id=introduction-11:event-handler-idl-attributes>event handler IDL attributes</a>, or otherwise.<li>Processing of technologies like SVG that have their own scripting features.</ul>
@@ -62645,7 +62645,7 @@
<hr>
- <p>An <dfn id=environment-settings-object>environment settings object</dfn> specifies algorithms for obtaining the following:<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=27190" title="Add TLS state to environment settings objects. This is needed for Fetch and Mixed Content [...]">27190</a></div>
+ <p>An <dfn id=environment-settings-object>environment settings object</dfn> specifies algorithms for obtaining the following:<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=27190" title="Add HTTPS state to environment settings objects">27190</a></div>
<dl><dt>A <dfn id=script-execution-environment>script execution environment</dfn> for each language supported by the user agent<dd>
@@ -64016,7 +64016,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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>
@@ -65213,7 +65213,7 @@
- <h5 id=custom-handlers>8.6.1.3 Custom scheme and content handlers: the <code id=custom-handlers:dom-navigator-registerprotocolhandler><a href=#dom-navigator-registerprotocolhandler>registerProtocolHandler()</a></code> and <code id=custom-handlers:dom-navigator-registercontenthandler><a href=#dom-navigator-registercontenthandler>registerContentHandler()</a></code> methods</h5><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=13883" title="Index of methods and IDL attributes">13883</a></div>
+ <h5 id=custom-handlers>8.6.1.3 Custom scheme and content handlers: the <code id=custom-handlers:dom-navigator-registerprotocolhandler><a href=#dom-navigator-registerprotocolhandler>registerProtocolHandler()</a></code> and <code id=custom-handlers:dom-navigator-registercontenthandler><a href=#dom-navigator-registercontenthandler>registerContentHandler()</a></code> methods</h5><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=13883" title="Index of methods and IDL attributes">13883</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>13+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>3+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>N
one</span></span><span class="and_uc no"><span>UC Browser for Android</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="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>11.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=registerprotocolhandler">caniuse.com</a></div>
<pre class=idl>[NoInterfaceObject]
interface <dfn id=navigatorcontentutils>NavigatorContentUtils</dfn> {
@@ -66535,7 +66535,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=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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>6+</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 yes"><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 clas
s="and_ff yes"><span>Firefox for Android</span> <span>33+</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=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>6+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="safari yes"><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 clas
s="and_ff yes"><span>Firefox for Android</span> <span>37+</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>
@@ -67183,7 +67183,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>11+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>6.0-6.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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>
@@ -67197,7 +67197,7 @@
through a custom server.</p>
- <h4 id=the-websocket-interface>9.3.2 The <code id=the-websocket-interface:websocket><a href=#websocket>WebSocket</a></code> interface</h4>
+ <h4 id=the-websocket-interface>9.3.2 The <code id=the-websocket-interface:websocket><a href=#websocket>WebSocket</a></code> interface</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=28393" title="Determine which cookies to include before returning.">28393</a></div>
<pre class=idl>enum <dfn id=binarytype>BinaryType</dfn> { "<a href=#dom-binarytype-blob id=the-websocket-interface:dom-binarytype-blob>blob</a>", "<a href=#dom-binarytype-arraybuffer id=the-websocket-interface:dom-binarytype-arraybuffer>arraybuffer</a>" };
[<a href=#dom-websocket id=the-websocket-interface:dom-websocket>Constructor</a>(DOMString url, optional (DOMString or DOMString[]) protocols), Exposed=(Window,Worker)]
@@ -67795,7 +67795,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>3+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</span></span><span class="ie yes"><span>IE</span> <span>Edge+</span></span><span class="firefox yes"><span>Firefox</span> <span>3+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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 partial"><span><span>IE Mob
ile</span> (limited) </span><span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>37+</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>
@@ -67816,16 +67816,16 @@
- <h4 id=introduction-13>9.4.1 Introduction</h4>
+ <h4 id=introduction-12>9.4.1 Introduction</h4>
<p><i>This section is non-normative.</i></p>
<div class=example>
- <p>For example, if document A contains an <code id=introduction-13:the-iframe-element><a href=#the-iframe-element>iframe</a></code> element that contains document B,
- and script in document A calls <code id=introduction-13:dom-window-postmessage><a href=#dom-window-postmessage>postMessage()</a></code> on the
- <code id=introduction-13:window><a href=#window>Window</a></code> object of document B, then a message event will be fired on that object,
- marked as originating from the <code id=introduction-13:window-2><a href=#window>Window</a></code> of document A. The script in document A might
+ <p>For example, if document A contains an <code id=introduction-12:the-iframe-element><a href=#the-iframe-element>iframe</a></code> element that contains document B,
+ and script in document A calls <code id=introduction-12:dom-window-postmessage><a href=#dom-window-postmessage>postMessage()</a></code> on the
+ <code id=introduction-12:window><a href=#window>Window</a></code> object of document B, then a message event will be fired on that object,
+ marked as originating from the <code id=introduction-12:window-2><a href=#window>Window</a></code> of document A. The script in document A might
look like:</p>
<pre>var o = document.getElementsByTagName('iframe')[0];
@@ -68013,18 +68013,18 @@
- <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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox no"><span>Firefox</span> <span>None</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>
+ <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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>
+ <h4 id=introduction-13>9.5.1 Introduction</h4>
<p><i>This section is non-normative.</i></p>
- <p>To enable independent pieces of code (e.g. running in different <a href=#browsing-context id=introduction-14:browsing-context>browsing contexts</a>) to communicate directly, authors can use <a href=#channel-messaging id=introduction-14:channel-messaging>channel
+ <p>To enable independent pieces of code (e.g. running in different <a href=#browsing-context id=introduction-13:browsing-context>browsing contexts</a>) to communicate directly, authors can use <a href=#channel-messaging id=introduction-13:channel-messaging>channel
messaging</a>.</p>
<p>Communication channels in this mechanism are implemented as two-ways pipes, with a port at each
end. Messages sent in one port are delivered at the other port, and vice-versa. Messages are
- delivered as DOM events, without interrupting or blocking running <a href=#concept-task id=introduction-14:concept-task>tasks</a>.</p>
+ delivered as DOM events, without interrupting or blocking running <a href=#concept-task id=introduction-13:concept-task>tasks</a>.</p>
<p>To create a connection (two "entangled" ports), the <code>MessageChannel()</code>
constructor is called:</p>
@@ -68032,16 +68032,16 @@
<pre>var channel = new MessageChannel();</pre>
<p>One of the ports is kept as the local port, and the other port is sent to the remote code, e.g.
- using <code id=introduction-14:dom-window-postmessage><a href=#dom-window-postmessage>postMessage()</a></code>:</p>
+ using <code id=introduction-13:dom-window-postmessage><a href=#dom-window-postmessage>postMessage()</a></code>:</p>
<pre>otherWindow.postMessage('hello', 'http://example.com', [channel.port2]);</pre>
- <p>To send messages, the <code id=introduction-14:dom-messageport-postmessage><a href=#dom-messageport-postmessage>postMessage()</a></code> method on
+ <p>To send messages, the <code id=introduction-13:dom-messageport-postmessage><a href=#dom-messageport-postmessage>postMessage()</a></code> method on
the port is used:</p>
<pre>channel.port1.postMessage('hello');</pre>
- <p>To receive messages, one listens to <code id=introduction-14:event-message><a href=#event-message>message</a></code> events:</p>
+ <p>To receive messages, one listens to <code id=introduction-13:event-message><a href=#event-message>message</a></code> events:</p>
<pre>channel.port1.onmessage = handleMessage;
function handleMessage(event) {
@@ -68050,7 +68050,7 @@
}</pre>
<p>Data sent on a port can be structured data; for example here an array of strings is passed on a
- <code id=introduction-14:messageport><a href=#messageport>MessagePort</a></code>:</p>
+ <code id=introduction-13:messageport><a href=#messageport>MessagePort</a></code>:</p>
<pre>port1.postMessage(['hello', 'world']);</pre>
@@ -68625,7 +68625,7 @@
- <h3 id=broadcasting-to-other-browsing-contexts>9.6 <dfn>Broadcasting to other browsing contexts</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=27842" title="The identity string of BroadcastChannel has too many names (channel/name/channel ID).">27842</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="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="firefox yes"><span>Firefox</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 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=broadcastchannel">caniuse.com</a></div>
+ <h3 id=broadcasting-to-other-browsing-contexts>9.6 <dfn>Broadcasting to other browsing contexts</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=27842" title="The identity string of BroadcastChannel has too many names (channel/name/channel ID).">27842</a><p class=support><strong>Support:</strong> <span class="chrome no"><span>Chrome</span> <span>None</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</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="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=broadcastchannel">caniuse.com</a></div>
<p>Pages on a single <a href=#origin-2 id=broadcasting-to-other-browsing-contexts:origin-2>origin</a> opened by the same user in the same user agent but in
different unrelated <a href=#browsing-context id=broadcasting-to-other-browsing-contexts:browsing-context>browsing contexts</a> sometimes need to
@@ -68805,7 +68805,7 @@
<h2 id=workers>10 Web workers</h2>
- <h3 id=introduction-15>10.1 Introduction</h3>
+ <h3 id=introduction-14>10.1 Introduction</h3>
<h4 id=scope-2>10.1.1 Scope</h4>
@@ -68995,7 +68995,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="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>29+</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>33+</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="and_chr no"><span>Chrome for Android</span> <span>None</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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>
@@ -70310,7 +70310,7 @@
<a href=#workerglobalscope id=apis-available-to-workers:workerglobalscope-2>WorkerGlobalScope</a> implements <a href=#windowbase64 id=apis-available-to-workers:windowbase64>WindowBase64</a>;</pre>
- <h4 id=importing-scripts-and-libraries>10.3.1 Importing scripts and libraries</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=27276" title="Ensure importScripts("http://... 404 error ...") is clearly defined">27276</a></div>
+ <h4 id=importing-scripts-and-libraries>10.3.1 Importing scripts and libraries</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=28411" title="Base URL for importScripts doesn't appear to be defined">28411</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27276" title="Ensure importScripts("http://... 404 error ...") is clearly defined">27276</a></div>
<p>When a script invokes the <dfn id=dom-workerglobalscope-importscripts><code>importScripts(<var>urls</var>)</code></dfn> method on a <code id=importing-scripts-and-libraries:workerglobalscope><a href=#workerglobalscope>WorkerGlobalScope</a></code> object, the user
agent must run the following steps:</p>
@@ -70411,7 +70411,7 @@
<h2 id=webstorage>11 Web storage</h2>
- <h3 id=introduction-16>11.1 Introduction</h3>
+ <h3 id=introduction-15>11.1 Introduction</h3>
<p><i>This section is non-normative.</i></p>
@@ -70427,7 +70427,7 @@
currently being purchased would "leak" from one window to the other, potentially causing the user
to buy two tickets for the same flight without really noticing.</p>
- <p>To address this, this specification introduces the <code id=introduction-16:dom-sessionstorage><a href=#dom-sessionstorage>sessionStorage</a></code> IDL attribute. Sites can add data to the session
+ <p>To address this, this specification introduces the <code id=introduction-15:dom-sessionstorage><a href=#dom-sessionstorage>sessionStorage</a></code> IDL attribute. Sites can add data to the session
storage, and it will be accessible to any page from the same site opened in that window.</p>
<div class=example>
@@ -70460,7 +70460,7 @@
<p>Again, cookies do not handle this case well, because they are transmitted with every
request.</p>
- <p>The <code id=introduction-16:dom-localstorage><a href=#dom-localstorage>localStorage</a></code> IDL attribute is used to access a page's
+ <p>The <code id=introduction-15:dom-localstorage><a href=#dom-localstorage>localStorage</a></code> IDL attribute is used to access a page's
local storage area.</p>
<div class=example>
@@ -70487,7 +70487,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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>
@@ -72881,7 +72881,7 @@
<p>The list contains elements in the <a href=#formatting id=the-list-of-active-formatting-elements:formatting-2>formatting</a> category, and <a href=#concept-parser-marker id=the-list-of-active-formatting-elements:concept-parser-marker>markers</a>. The <dfn id=concept-parser-marker>markers</dfn> are inserted when entering <code id=the-list-of-active-formatting-elements:the-applet-element><a href=#the-applet-element>applet</a></code>
elements, buttons, <code id=the-list-of-active-formatting-elements:the-object-element><a href=#the-object-element>object</a></code> elements, marquees, table cells, and table captions, and
are used to prevent formatting from "leaking" <em>into</em> <code id=the-list-of-active-formatting-elements:the-applet-element-2><a href=#the-applet-element>applet</a></code> elements, buttons,
- <code id=the-list-of-active-formatting-elements:the-object-element-2><a href=#the-object-element>object</a></code> elements, marquees, and tables.</p>
+ <code id=the-list-of-active-formatting-elements:the-object-element-2><a href=#the-object-element>object</a></code> elements, marquees, and tables.<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=28433" title="A marker is not inserted when entering button">28433</a></div>
<p>In addition, each element in the <a href=#list-of-active-formatting-elements id=the-list-of-active-formatting-elements:list-of-active-formatting-elements>list of active formatting elements</a> is associated
with the token for which it was created, so that further elements can be created for that token if
@@ -76891,7 +76891,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</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+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for A
ndroid</span> <span>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for A
ndroid</span> <span>37+</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
@@ -77303,7 +77303,7 @@
- <h3 id=serialising-html-fragments>12.3 Serialising HTML fragments</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=28113" title="The text of the HTML fragment serialisation algorithm says that the algorithm may throw an exception, but it doesn't indicate which exceptions or the circumstances in which they should be thrown.">28113</a></div>
+ <h3 id=serialising-html-fragments>12.3 Serialising HTML fragments</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=28113" title="The text of the HTML fragment serialisation algorithm says that the algorithm may throw an exception, but it doesn't indicate which exceptions or the circumstances in which they should be thrown.">28113</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28467" title="How character data is get serialized when appended as innerHTML to <pre> element.">28467</a></div>
<p>The following steps form the <dfn id=html-fragment-serialisation-algorithm>HTML fragment serialisation algorithm</dfn>. The algorithm
takes as input a DOM <code id=serialising-html-fragments:element><a href=#element>Element</a></code>, <code id=serialising-html-fragments:document><a href=#document>Document</a></code>, or <code id=serialising-html-fragments:documentfragment><a href=#documentfragment>DocumentFragment</a></code>
@@ -77622,7 +77622,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</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+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9+</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>37+</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>
@@ -77850,7 +77850,7 @@
section has the same conformance implications as the RFC2119-defined term "must".</i></p>
- <h3 id=introduction-17>14.1 Introduction</h3>
+ <h3 id=introduction-16>14.1 Introduction</h3>
<p>In general, user agents are expected to support CSS, and many of the suggestions in this
section are expressed in CSS terms. User agents that use other presentation mechanisms can derive
@@ -77858,7 +77858,7 @@
<p>In the absence of style-layer rules to the contrary (e.g. author style sheets), user agents are
expected to render an element so that it conveys to the user the meaning that the element
- <a href=#represents id=introduction-17:represents>represents</a>, as described by this specification.</p>
+ <a href=#represents id=introduction-16:represents>represents</a>, as described by this specification.</p>
<p>The suggestions in this section generally assume a visual output medium with a resolution of
96dpi or greater, but HTML is intended to apply to multiple media (it is a
@@ -77870,9 +77870,9 @@
<p>An element is <dfn id=being-rendered>being rendered</dfn> if it has any associated CSS layout boxes, SVG layout
boxes, or some equivalent in other styling languages.</p>
- <p class=note>Just being off-screen does not mean the element is not <a href=#being-rendered id=introduction-17:being-rendered>being
- rendered</a>. The presence of the <code id=introduction-17:the-hidden-attribute><a href=#the-hidden-attribute>hidden</a></code> attribute normally
- means the element is not <a href=#being-rendered id=introduction-17:being-rendered-2>being rendered</a>, though this might be overridden by the style
+ <p class=note>Just being off-screen does not mean the element is not <a href=#being-rendered id=introduction-16:being-rendered>being
+ rendered</a>. The presence of the <code id=introduction-16:the-hidden-attribute><a href=#the-hidden-attribute>hidden</a></code> attribute normally
+ means the element is not <a href=#being-rendered id=introduction-16:being-rendered-2>being rendered</a>, though this might be overridden by the style
sheets.</p>
<hr>
@@ -79333,7 +79333,7 @@
<h3 id=bindings>14.5 Bindings</h3>
- <h4 id=introduction-18>14.5.1 Introduction</h4>
+ <h4 id=introduction-17>14.5.1 Introduction</h4>
<p>A number of elements have their rendering defined in terms of the 'binding' property. <a href=#refsBECSS>[BECSS]</a></p>
@@ -79605,7 +79605,7 @@
- <h4 id=the-marquee-element>14.5.11 The <code id=the-marquee-element:the-marquee-element-2><a href=#the-marquee-element-2>marquee</a></code> element</h4>
+ <h4 id=the-marquee-element>14.5.11 The <code id=the-marquee-element:the-marquee-element-2><a href=#the-marquee-element-2>marquee</a></code> 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=28296" title="Make #the-marquee-element the main definition">28296</a></div>
<pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
@@ -79852,7 +79852,7 @@
- <h4 id=the-textarea-element-2>14.5.15 The <code id=the-textarea-element-2:the-textarea-element><a href=#the-textarea-element>textarea</a></code> element</h4>
+ <h4 id=the-textarea-element-2>14.5.15 The <code id=the-textarea-element-2:the-textarea-element><a href=#the-textarea-element>textarea</a></code> 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=28517" title="origin of the rule for textarea cols=0/rows=0">28517</a></div>
<pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
@@ -80385,7 +80385,7 @@
- <h2 id=obsolete>15 Obsolete features</h2>
+ <h2 id=obsolete>15 Obsolete features</h2><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=28497" title="In 15.1, one of the obsolete features is:">28497</a></div>
<h3 id=obsolete-but-conforming-features>15.1 Obsolete but conforming features</h3>
@@ -80510,7 +80510,7 @@
<h3 id=requirements-for-implementations>15.3 Requirements for implementations</h3>
- <h4 id=the-applet-element>15.3.1 The <dfn><code>applet</code></dfn> element</h4>
+ <h4 id=the-applet-element>15.3.1 The <dfn><code>applet</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=28384" title="Per bug 28360 the browser might also be in charge of fetching the applet. If that's true, this section needs some extra text.">28384</a></div>
<p>The <code id=the-applet-element:the-applet-element><a href=#the-applet-element>applet</a></code> element is a Java-specific variant of the <code id=the-applet-element:the-embed-element><a href=#the-embed-element>embed</a></code> element.
The <code id=the-applet-element:the-applet-element-2><a href=#the-applet-element>applet</a></code> element is now obsoleted so that all extension frameworks (Java, .NET,
Modified: index
===================================================================
--- index 2015-03-05 00:33:36 UTC (rev 8890)
+++ index 2015-05-06 01:42:31 UTC (rev 8891)
@@ -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>4 March 2015</span></h2></hgroup>
+ <hgroup><h1 class=allcaps>HTML</h1><h2 id=living-standard class="no-num no-toc">Living Standard — Last Updated <span class=pubdate>5 May 2015</span></h2></hgroup>
<nav>
<div>
@@ -364,13 +364,13 @@
<a href=https://whatwg.org/newbug class=feedback><span><strong>File a Bug</strong> <code>whatwg.org/newbug</code></span></a>
</div>
</nav>
- </header><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=27556" title="Dear diary, I think this website is wrong by claiming that last update was in the year 1901.">27556</a></div>
+ </header>
<hr>
<div id=configUI></div>
- <h2 id=table-of-contents class="no-num no-toc">Table of contents</h2>
+ <h2 id=table-of-contents class="no-num no-toc">Table of contents</h2><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=28599" title="Attributes for element a">28599</a></div>
<ol class="brief toc"><li><a href=#toc-introduction>1 Introduction</a><li><a href=#toc-infrastructure>2 Common infrastructure</a><li><a href=#toc-dom>3 Semantics, structure, and APIs of HTML documents</a><li><a href=#toc-semantics>4 The elements of HTML</a><li><a href=#toc-microdata>5 Microdata</a><li><a href=#toc-editing>6 User interaction</a><li><a href=#toc-browsers>7 Loading Web pages</a><li><a href=#toc-webappapis>8 Web application APIs</a><li><a href=#toc-comms>9 Communication</a><li><a href=#toc-workers>10 Web workers</a><li><a href=#toc-webstorage>11 Web storage</a><li><a href=#toc-syntax>12 The HTML syntax</a><li><a href=#toc-the-xhtml-syntax>13 The XHTML syntax</a><li><a href=#toc-rendering>14 Rendering</a><li><a href=#toc-obsolete>15 Obsolete features</a><li><a href=#toc-iana>16 IANA considerations</a><li><a href=#toc-index>Index</a><li><a href=#toc-references>References</a><li><a href=#toc-acknowledgments>Acknowledgements</a></ol>
<h2 id=contents class="no-num no-toc">Full table of contents</h2>
@@ -380,8 +380,8 @@
a command indirectly</a><li><a href=#using-the-accesskey-attribute-on-a-label-element-to-define-a-command>4.11.6.8 Using the <code>accesskey</code> attribute
on a <code>label</code> element to define a command</a><li><a href=#using-the-accesskey-attribute-on-a-legend-element-to-define-a-command>4.11.6.9 Using the <code>accesskey</code> attribute
on a <code>legend</code> element to define a command</a><li><a href=#using-the-accesskey-attribute-to-define-a-command-on-other-elements>4.11.6.10 Using the <code>accesskey</code>
- attribute to define a command on other elements</a></ol><li><a href=#the-dialog-element>4.11.7 The <code>dialog</code> element</a><ol><li><a href=#anchor-points>4.11.7.1 Anchor points</a></ol></ol><li><a href=#scripting-3>4.12 Scripting</a><ol><li><a href=#the-script-element>4.12.1 The <code>script</code> element</a><ol><li><a href=#scriptingLanguages>4.12.1.1 Scripting languages</a><li><a href=#restrictions-for-contents-of-script-elements>4.12.1.2 Restrictions for contents of <code>script</code> elements</a><li><a href=#inline-documentation-for-external-scripts>4.12.1.3 Inline documentation for external scripts</a><li><a href=#scriptTagXSLT>4.12.1.4 Interaction of <code>script</code> elements and XSLT</a></ol><li><a href=#the-noscript-element>4.12.2 The <code>noscript</code> element</a><li><a href=#the-template-element>4.12.3 The <code>template</code> element</a><ol><li><a href=#template-XSLT-XPath>4.12.3.1 Interaction of <code>template</code> elements with XSLT and XPath
</a></ol><li><a href=#the-canvas-element>4.12.4 The <code>canvas</code> element</a><ol><li><a href=#proxying-canvases-to-workers>4.12.4.1 Proxying canvases to workers</a><li><a href=#2dcontext>4.12.4.2 The 2D rendering context</a><ol><li><a href=#implementation-notes>4.12.4.2.1 Implementation notes</a><li><a href=#the-canvas-state>4.12.4.2.2 The canvas state</a><li><a href=#drawingstyle-objects>4.12.4.2.3 <code>DrawingStyle</code> objects</a><li><a href=#line-styles>4.12.4.2.4 Line styles</a><li><a href=#text-styles>4.12.4.2.5 Text styles</a><li><a href=#building-paths>4.12.4.2.6 Building paths</a><li><a href=#path2d-objects>4.12.4.2.7 <code>Path2D</code> objects</a><li><a href=#transformations>4.12.4.2.8 Transformations</a><li><a href=#image-sources-for-2d-rendering-contexts>4.12.4.2.9 Image sources for 2D rendering contexts</a><li><a href=#fill-and-stroke-styles>4.12.4.2.10 Fill and stroke styles</a><li><a href=#drawing-rectangles-to-the-bitmap>4.12.4.2.11 Drawing rectangl
es to the bitmap</a><li><a href=#drawing-text-to-the-bitmap>4.12.4.2.12 Drawing text to the bitmap</a><li><a href=#drawing-paths-to-the-canvas>4.12.4.2.13 Drawing paths to the canvas</a><li><a href=#drawing-images>4.12.4.2.14 Drawing images</a><li><a href=#hit-regions>4.12.4.2.15 Hit regions</a><li><a href=#pixel-manipulation>4.12.4.2.16 Pixel manipulation</a><li><a href=#compositing>4.12.4.2.17 Compositing</a><li><a href=#image-smoothing>4.12.4.2.18 Image smoothing</a><li><a href=#shadows>4.12.4.2.19 Shadows</a><li><a href=#drawing-model>4.12.4.2.20 Drawing model</a><li><a href=#best-practices>4.12.4.2.21 Best practices</a><li><a href=#examples>4.12.4.2.22 Examples</a></ol><li><a href=#colour-spaces-and-colour-correction>4.12.4.3 Colour spaces and colour correction</a><li><a href=#serialising-bitmaps-to-a-file>4.12.4.4 Serialising bitmaps to a file</a><li><a href=#security-with-canvas-elements>4.12.4.5 Security with <code>canvas</code> elements</a></ol></ol><li><a href=#com
mon-idioms>4.13 Common idioms without dedicated elements</a><ol><li><a href=#the-main-part-of-the-content>4.13.1 The main part of the content</a><li><a href=#rel-up>4.13.2 Bread crumb navigation</a><li><a href=#tag-clouds>4.13.3 Tag clouds</a><li><a href=#conversations>4.13.4 Conversations</a><li><a href=#footnotes>4.13.5 Footnotes</a></ol><li><a href=#disabled-elements>4.14 Disabled elements</a><li><a href=#selectors>4.15 Matching HTML elements using selectors</a><ol><li><a href=#case-sensitivity>4.15.1 Case-sensitivity</a><li><a href=#pseudo-classes>4.15.2 Pseudo-classes</a></ol></ol><li id=toc-microdata><a href=#microdata>5 Microdata</a><ol><li><a href=#introduction-7>5.1 Introduction</a><ol><li><a href=#overview>5.1.1 Overview</a><li><a href=#the-basic-syntax>5.1.2 The basic syntax</a><li><a href=#typed-items>5.1.3 Typed items</a><li><a href=#global-identifiers-for-items>5.1.4 Global identifiers for items</a><li><a href=#selecting-names-when-defining-vocabularies>5.1.5 S
electing names when defining vocabularies</a><li><a href=#using-the-microdata-dom-api>5.1.6 Using the microdata DOM API</a></ol><li><a href=#encoding-microdata>5.2 Encoding microdata</a><ol><li><a href=#the-microdata-model>5.2.1 The microdata model</a><li><a href=#items>5.2.2 Items</a><li><a href=#names:-the-itemprop-attribute>5.2.3 Names: the <code>itemprop</code> attribute</a><li><a href=#values>5.2.4 Values</a><li><a href=#associating-names-with-items>5.2.5 Associating names with items</a><li><a href=#microdata-and-other-namespaces>5.2.6 Microdata and other namespaces</a></ol><li><a href=#microdata-dom-api>5.3 Microdata DOM API</a><li><a href=#mdvocabs>5.4 Sample microdata vocabularies</a><ol><li><a href=#vcard>5.4.1 vCard</a><ol><li><a href=#conversion-to-vcard>5.4.1.1 Conversion to vCard</a><li><a href=#examples-2>5.4.1.2 Examples</a></ol><li><a href=#vevent>5.4.2 vEvent</a><ol><li><a href=#conversion-to-icalendar>5.4.2.1 Conversion to iCalendar</a><li><a href=#examples
-3>5.4.2.2 Examples</a></ol><li><a href=#licensing-works>5.4.3 Licensing works</a><ol><li><a href=#examples-4>5.4.3.1 Examples</a></ol></ol><li><a href=#converting-html-to-other-formats>5.5 Converting HTML to other formats</a><ol><li><a href=#json>5.5.1 JSON</a></ol></ol><li id=toc-editing><a href=#editing>6 User interaction</a><ol><li><a href=#the-hidden-attribute>6.1 The <code>hidden</code> attribute</a><li><a href=#inert-subtrees>6.2 Inert subtrees</a><li><a href=#activation>6.3 Activation</a><li><a href=#focus>6.4 Focus</a><ol><li><a href=#introduction-8>6.4.1 Introduction</a><li><a href=#data-model>6.4.2 Data model</a><li><a href=#the-tabindex-attribute>6.4.3 The <code>tabindex</code> attribute</a><li><a href=#processing-model-6>6.4.4 Processing model</a><li><a href=#sequential-focus-navigation>6.4.5 Sequential focus navigation</a><li><a href=#focus-management-apis>6.4.6 Focus management APIs</a></ol><li><a href=#assigning-keyboard-shortcuts>6.5 Assigning keyboard short
cuts</a><ol><li><a href=#introduction-9>6.5.1 Introduction</a><li><a href=#the-accesskey-attribute>6.5.2 The <code>accesskey</code> attribute</a><li><a href=#processing-model-7>6.5.3 Processing model</a></ol><li><a href=#editing-2>6.6 Editing</a><ol><li><a href=#contenteditable>6.6.1 Making document regions editable: The <code>contenteditable</code> content attribute</a><li><a href=#making-entire-documents-editable:-the-designmode-idl-attribute>6.6.2 Making entire documents editable: The <code>designMode</code> IDL attribute</a><li><a href=#best-practices-for-in-page-editors>6.6.3 Best practices for in-page editors</a><li><a href=#editing-apis>6.6.4 Editing APIs</a><li><a href=#spelling-and-grammar-checking>6.6.5 Spelling and grammar checking</a></ol><li><a href=#dnd>6.7 Drag and drop</a><ol><li><a href=#introduction-10>6.7.1 Introduction</a><li><a href=#the-drag-data-store>6.7.2 The drag data store</a><li><a href=#the-datatransfer-interface>6.7.3 The <code>DataTransfer</cod
e> interface</a><ol><li><a href=#the-datatransferitemlist-interface>6.7.3.1 The <code>DataTransferItemList</code> interface</a><li><a href=#the-datatransferitem-interface>6.7.3.2 The <code>DataTransferItem</code> interface</a></ol><li><a href=#the-dragevent-interface>6.7.4 The <code>DragEvent</code> interface</a><li><a href=#drag-and-drop-processing-model>6.7.5 Drag-and-drop processing model</a><li><a href=#dndevents>6.7.6 Events summary</a><li><a href=#the-draggable-attribute>6.7.7 The <code>draggable</code> attribute</a><li><a href=#the-dropzone-attribute>6.7.8 The <code>dropzone</code> attribute</a><li><a href=#security-risks-in-the-drag-and-drop-model>6.7.9 Security risks in the drag-and-drop model</a></ol></ol><li id=toc-browsers><a href=#browsers>7 Loading Web pages</a><ol><li><a href=#windows>7.1 Browsing contexts</a><ol><li><a href=#nested-browsing-contexts>7.1.1 Nested browsing contexts</a><ol><li><a href=#navigating-nested-browsing-contexts-in-the-dom>7.1.1.1 Navig
ating nested browsing contexts in the DOM</a></ol><li><a href=#auxiliary-browsing-contexts>7.1.2 Auxiliary browsing contexts</a><ol><li><a href=#navigating-auxiliary-browsing-contexts-in-the-dom>7.1.2.1 Navigating auxiliary browsing contexts in the DOM</a></ol><li><a href=#secondary-browsing-contexts>7.1.3 Secondary browsing contexts</a><li><a href=#security-nav>7.1.4 Security</a><li><a href=#groupings-of-browsing-contexts>7.1.5 Groupings of browsing contexts</a><li><a href=#browsing-context-names>7.1.6 Browsing context names</a></ol><li><a href=#the-window-object>7.2 The <code>Window</code> object</a><ol><li><a href=#security-window>7.2.1 Security</a><li><a href=#apis-for-creating-and-navigating-browsing-contexts-by-name>7.2.2 APIs for creating and navigating browsing contexts by name</a><li><a href=#accessing-other-browsing-contexts>7.2.3 Accessing other browsing contexts</a><li><a href=#named-access-on-the-window-object>7.2.4 Named access on the <code>Window</code> object
</a><li><a href=#garbage-collection-and-browsing-contexts>7.2.5 Garbage collection and browsing contexts</a><li><a href=#closing-browsing-contexts>7.2.6 Closing browsing contexts</a><li><a href=#browser-interface-elements>7.2.7 Browser interface elements</a><li><a href=#the-windowproxy-object>7.2.8 The <code>WindowProxy</code> object</a></ol><li><a href=#origin>7.3 Origin</a><ol><li><a href=#relaxing-the-same-origin-restriction>7.3.1 Relaxing the same-origin restriction</a></ol><li><a href=#sandboxing>7.4 Sandboxing</a><li><a href=#history>7.5 Session history and navigation</a><ol><li><a href=#the-session-history-of-browsing-contexts>7.5.1 The session history of browsing contexts</a><li><a href=#the-history-interface>7.5.2 The <code>History</code> interface</a><li><a href=#the-location-interface>7.5.3 The <code>Location</code> interface</a><ol><li><a href=#security-location>7.5.3.1 Security</a></ol><li><a href=#history-notes>7.5.4 Implementation notes for session history</a>
</ol><li><a href=#browsing-the-web>7.6 Browsing the Web</a><ol><li><a href=#navigating-across-documents>7.6.1 Navigating across documents</a><li><a href=#read-html>7.6.2 Page load processing model for HTML files</a><li><a href=#read-xml>7.6.3 Page load processing model for XML files</a><li><a href=#read-text>7.6.4 Page load processing model for text files</a><li><a href=#read-multipart-x-mixed-replace>7.6.5 Page load processing model for <code>multipart/x-mixed-replace</code> resources</a><li><a href=#read-media>7.6.6 Page load processing model for media</a><li><a href=#read-plugin>7.6.7 Page load processing model for content that uses plugins</a><li><a href=#read-ua-inline>7.6.8 Page load processing model for inline
- content that doesn't have a DOM</a><li><a href=#scroll-to-fragid>7.6.9 Navigating to a fragment identifier</a><li><a href=#history-traversal>7.6.10 History traversal</a><ol><li><a href=#the-popstateevent-interface>7.6.10.1 The <code>PopStateEvent</code> interface</a><li><a href=#the-hashchangeevent-interface>7.6.10.2 The <code>HashChangeEvent</code> interface</a><li><a href=#the-pagetransitionevent-interface>7.6.10.3 The <code>PageTransitionEvent</code> interface</a></ol><li><a href=#unloading-documents>7.6.11 Unloading documents</a><ol><li><a href=#the-beforeunloadevent-interface>7.6.11.1 The <code>BeforeUnloadEvent</code> interface</a></ol><li><a href=#aborting-a-document-load>7.6.12 Aborting a document load</a></ol><li><a href=#offline>7.7 Offline Web applications</a><ol><li><a href=#introduction-11>7.7.1 Introduction</a><ol><li><a href=#supporting-offline-caching-for-legacy-applications>7.7.1.1 Supporting offline caching for legacy applications</a><li><a href=#appcache
events>7.7.1.2 Event summary</a></ol><li><a href=#appcache>7.7.2 Application caches</a><li><a href=#manifests>7.7.3 The cache manifest syntax</a><ol><li><a href=#some-sample-manifests>7.7.3.1 Some sample manifests</a><li><a href=#writing-cache-manifests>7.7.3.2 Writing cache manifests</a><li><a href=#parsing-cache-manifests>7.7.3.3 Parsing cache manifests</a></ol><li><a href=#downloading-or-updating-an-application-cache>7.7.4 Downloading or updating an application cache</a><li><a href=#the-application-cache-selection-algorithm>7.7.5 The application cache selection algorithm</a><li><a href=#changesToNetworkingModel>7.7.6 Changes to the networking model</a><li><a href=#expiring-application-caches>7.7.7 Expiring application caches</a><li><a href=#disk-space>7.7.8 Disk space</a><li><a href=#security-concerns-with-offline-applications-caches>7.7.9 Security concerns with offline applications caches</a><li><a href=#application-cache-api>7.7.10 Application cache API</a><li><a href=#
navigator.online>7.7.11 Browser state</a></ol></ol><li id=toc-webappapis><a href=#webappapis>8 Web application APIs</a><ol><li><a href=#scripting>8.1 Scripting</a><ol><li><a href=#introduction-12>8.1.1 Introduction</a><li><a href=#enabling-and-disabling-scripting>8.1.2 Enabling and disabling scripting</a><li><a href=#processing-model-8>8.1.3 Processing model</a><ol><li><a href=#definitions-2>8.1.3.1 Definitions</a><li><a href=#script-settings-for-browsing-contexts>8.1.3.2 Script settings for browsing contexts</a><li><a href=#calling-scripts>8.1.3.3 Calling scripts</a><li><a href=#creating-scripts>8.1.3.4 Creating scripts</a><li><a href=#killing-scripts>8.1.3.5 Killing scripts</a><li><a href=#runtime-script-errors>8.1.3.6 Runtime script errors</a><ol><li><a href=#runtime-script-errors-in-documents>8.1.3.6.1 Runtime script errors in documents</a><li><a href=#the-errorevent-interface>8.1.3.6.2 The <code>ErrorEvent</code> interface</a></ol></ol><li><a href=#event-loops>8.1.4 Eve
nt loops</a><ol><li><a href=#definitions-3>8.1.4.1 Definitions</a><li><a href=#processing-model-9>8.1.4.2 Processing model</a><li><a href=#generic-task-sources>8.1.4.3 Generic task sources</a></ol><li><a href=#events>8.1.5 Events</a><ol><li><a href=#event-handler-attributes>8.1.5.1 Event handlers</a><li><a href=#event-handlers-on-elements,-document-objects,-and-window-objects>8.1.5.2 Event handlers on elements, <code>Document</code> objects, and <code>Window</code> objects</a><ol><li><a href=#idl-definitions>8.1.5.2.1 IDL definitions</a></ol><li><a href=#event-firing>8.1.5.3 Event firing</a><li><a href=#events-and-the-window-object>8.1.5.4 Events and the <code>Window</code> object</a></ol></ol><li><a href=#atob>8.2 Base64 utility methods</a><li><a href=#dynamic-markup-insertion>8.3 Dynamic markup insertion</a><ol><li><a href=#opening-the-input-stream>8.3.1 Opening the input stream</a><li><a href=#closing-the-input-stream>8.3.2 Closing the input stream</a><li><a href=#documen
t.write()>8.3.3 <code>document.write()</code></a><li><a href=#document.writeln()>8.3.4 <code>document.writeln()</code></a></ol><li><a href=#timers>8.4 Timers</a><li><a href=#user-prompts>8.5 User prompts</a><ol><li><a href=#simple-dialogs>8.5.1 Simple dialogs</a><li><a href=#printing>8.5.2 Printing</a><li><a href=#dialogs-implemented-using-separate-documents>8.5.3 Dialogs implemented using separate documents with <code>showModalDialog()</code></a></ol><li><a href=#system-state-and-capabilities>8.6 System state and capabilities</a><ol><li><a href=#the-navigator-object>8.6.1 The <code>Navigator</code> object</a><ol><li><a href=#client-identification>8.6.1.1 Client identification</a><li><a href=#language-preferences>8.6.1.2 Language preferences</a><li><a href=#custom-handlers>8.6.1.3 Custom scheme and content handlers: the <code>registerProtocolHandler()</code> and <code>registerContentHandler()</code> methods</a><ol><li><a href=#security-and-privacy>8.6.1.3.1 Security and priv
acy</a><li><a href=#sample-handler-impl>8.6.1.3.2 Sample user interface</a></ol><li><a href=#manually-releasing-the-storage-mutex>8.6.1.4 Manually releasing the storage mutex</a><li><a href=#plugins-2>8.6.1.5 Plugins</a></ol><li><a href=#the-external-interface>8.6.2 The <code>External</code> interface</a></ol><li><a href=#images>8.7 Images</a><li><a href=#animation-frames>8.8 Animation Frames</a></ol><li id=toc-comms><a href=#comms>9 Communication</a><ol><li><a href=#the-messageevent-interfaces>9.1 The <code>MessageEvent</code> interfaces</a><li><a href=#server-sent-events>9.2 Server-sent events</a><ol><li><a href=#server-sent-events-intro>9.2.1 Introduction</a><li><a href=#the-eventsource-interface>9.2.2 The <code>EventSource</code> interface</a><li><a href=#processing-model-10>9.2.3 Processing model</a><li><a href=#parsing-an-event-stream>9.2.4 Parsing an event stream</a><li><a href=#event-stream-interpretation>9.2.5 Interpreting an event stream</a><li><a href=#authoring-n
otes>9.2.6 Authoring notes</a><li><a href=#eventsource-push>9.2.7 Connectionless push and other features</a><li><a href=#garbage-collection-2>9.2.8 Garbage collection</a><li><a href=#implementation-advice>9.2.9 Implementation advice</a><li><a href=#iana-considerations>9.2.10 IANA considerations</a><ol><li><a href=#text/event-stream>9.2.10.1 <code>text/event-stream</code></a><li><a href=#last-event-id>9.2.10.2 <code>Last-Event-ID</code></a></ol></ol><li><a href=#network>9.3 Web sockets</a><ol><li><a href=#network-intro>9.3.1 Introduction</a><li><a href=#the-websocket-interface>9.3.2 The <code>WebSocket</code> interface</a><li><a href=#feedback-from-the-protocol>9.3.3 Feedback from the protocol</a><li><a href=#ping-and-pong-frames>9.3.4 Ping and Pong frames</a><li><a href=#parsing-websocket-urls>9.3.5 Parsing WebSocket URLs</a><li><a href=#the-closeevent-interfaces>9.3.6 The <code>CloseEvent</code> interfaces</a><li><a href=#garbage-collection-3>9.3.7 Garbage collection</a></o
l><li><a href=#web-messaging>9.4 Cross-document messaging</a><ol><li><a href=#introduction-13>9.4.1 Introduction</a><li><a href=#security-postmsg>9.4.2 Security</a><ol><li><a href=#authors>9.4.2.1 Authors</a><li><a href=#user-agents>9.4.2.2 User agents</a></ol><li><a href=#posting-messages>9.4.3 Posting messages</a></ol><li><a href=#channel-messaging>9.5 Channel messaging</a><ol><li><a href=#introduction-14>9.5.1 Introduction</a><ol><li><a href=#examples-5>9.5.1.1 Examples</a><li><a href=#ports-as-the-basis-of-an-object-capability-model-on-the-web>9.5.1.2 Ports as the basis of an object-capability model on the Web</a><li><a href=#ports-as-the-basis-of-abstracting-out-service-implementations>9.5.1.3 Ports as the basis of abstracting out service implementations</a></ol><li><a href=#message-channels>9.5.2 Message channels</a><li><a href=#message-ports>9.5.3 Message ports</a><li><a href=#broadcasting-to-many-ports>9.5.4 Broadcasting to many ports</a><li><a href=#ports-and-garbag
e-collection>9.5.5 Ports and garbage collection</a></ol><li><a href=#broadcasting-to-other-browsing-contexts>9.6 Broadcasting to other browsing contexts</a></ol><li id=toc-workers><a href=#workers>10 Web workers</a><ol><li><a href=#introduction-15>10.1 Introduction</a><ol><li><a href=#scope-2>10.1.1 Scope</a><li><a href=#examples-6>10.1.2 Examples</a><ol><li><a href=#a-background-number-crunching-worker>10.1.2.1 A background number-crunching worker</a><li><a href=#worker-used-for-background-i/o>10.1.2.2 Worker used for background I/O</a><li><a href=#shared-workers-introduction>10.1.2.3 Shared workers introduction</a><li><a href=#shared-state-using-a-shared-worker>10.1.2.4 Shared state using a shared worker</a><li><a href=#delegation>10.1.2.5 Delegation</a></ol><li><a href=#tutorials>10.1.3 Tutorials</a><ol><li><a href=#creating-a-dedicated-worker>10.1.3.1 Creating a dedicated worker</a><li><a href=#communicating-with-a-dedicated-worker>10.1.3.2 Communicating with a dedicated
worker</a><li><a href=#shared-workers>10.1.3.3 Shared workers</a></ol></ol><li><a href=#infrastructure-2>10.2 Infrastructure</a><ol><li><a href=#the-global-scope>10.2.1 The global scope</a><ol><li><a href=#the-workerglobalscope-common-interface>10.2.1.1 The <code>WorkerGlobalScope</code> common interface</a><li><a href=#dedicated-workers-and-the-dedicatedworkerglobalscope-interface>10.2.1.2 Dedicated workers and the <code>DedicatedWorkerGlobalScope</code> interface</a><li><a href=#shared-workers-and-the-sharedworkerglobalscope-interface>10.2.1.3 Shared workers and the <code>SharedWorkerGlobalScope</code> interface</a></ol><li><a href=#worker-event-loop>10.2.2 The event loop</a><li><a href="#the-worker's-lifetime">10.2.3 The worker's lifetime</a><li><a href=#processing-model-11>10.2.4 Processing model</a><li><a href=#runtime-script-errors-2>10.2.5 Runtime script errors</a><li><a href=#creating-workers>10.2.6 Creating workers</a><ol><li><a href=#the-abstractworker-abstract-in
terface>10.2.6.1 The <code>AbstractWorker</code> abstract interface</a><li><a href=#script-settings-for-workers>10.2.6.2 Script settings for workers</a><li><a href=#dedicated-workers-and-the-worker-interface>10.2.6.3 Dedicated workers and the <code>Worker</code> interface</a><li><a href=#shared-workers-and-the-sharedworker-interface>10.2.6.4 Shared workers and the <code>SharedWorker</code> interface</a></ol></ol><li><a href=#apis-available-to-workers>10.3 APIs available to workers</a><ol><li><a href=#importing-scripts-and-libraries>10.3.1 Importing scripts and libraries</a><li><a href=#the-workernavigator-object>10.3.2 The <code>WorkerNavigator</code> object</a><li><a href=#worker-locations>10.3.3 Worker locations</a></ol></ol><li id=toc-webstorage><a href=#webstorage>11 Web storage</a><ol><li><a href=#introduction-16>11.1 Introduction</a><li><a href=#storage>11.2 The API</a><ol><li><a href=#the-storage-interface>11.2.1 The <code>Storage</code> interface</a><li><a href=#the-
sessionstorage-attribute>11.2.2 The <code>sessionStorage</code> attribute</a><li><a href=#the-localstorage-attribute>11.2.3 The <code>localStorage</code> attribute</a><li><a href=#the-storage-event>11.2.4 The <code>storage</code> event</a><ol><li><a href=#the-storageevent-interface>11.2.4.1 The <code>StorageEvent</code> interface</a></ol><li><a href=#threads>11.2.5 Threads</a></ol><li><a href=#disk-space-2>11.3 Disk space</a><li><a href=#privacy>11.4 Privacy</a><ol><li><a href=#user-tracking>11.4.1 User tracking</a><li><a href=#sensitivity-of-data>11.4.2 Sensitivity of data</a></ol><li><a href=#security-storage>11.5 Security</a><ol><li><a href=#dns-spoofing-attacks>11.5.1 DNS spoofing attacks</a><li><a href=#cross-directory-attacks>11.5.2 Cross-directory attacks</a><li><a href=#implementation-risks>11.5.3 Implementation risks</a></ol></ol><li id=toc-syntax><a href=#syntax>12 The HTML syntax</a><ol><li><a href=#writing>12.1 Writing HTML documents</a><ol><li><a href=#the-docty
pe>12.1.1 The DOCTYPE</a><li><a href=#elements-2>12.1.2 Elements</a><ol><li><a href=#start-tags>12.1.2.1 Start tags</a><li><a href=#end-tags>12.1.2.2 End tags</a><li><a href=#attributes-2>12.1.2.3 Attributes</a><li><a href=#optional-tags>12.1.2.4 Optional tags</a><li><a href=#element-restrictions>12.1.2.5 Restrictions on content models</a><li><a href=#cdata-rcdata-restrictions>12.1.2.6 Restrictions on the contents of raw text and escapable raw text elements</a></ol><li><a href=#text-2>12.1.3 Text</a><ol><li><a href=#newlines>12.1.3.1 Newlines</a></ol><li><a href=#character-references>12.1.4 Character references</a><li><a href=#cdata-sections>12.1.5 CDATA sections</a><li><a href=#comments>12.1.6 Comments</a></ol><li><a href=#parsing>12.2 Parsing HTML documents</a><ol><li><a href=#overview-of-the-parsing-model>12.2.1 Overview of the parsing model</a><li><a href=#the-input-byte-stream>12.2.2 The input byte stream</a><ol><li><a href=#parsing-with-a-known-character-encoding>12.2.
2.1 Parsing with a known character encoding</a><li><a href=#determining-the-character-encoding>12.2.2.2 Determining the character encoding</a><li><a href=#character-encodings>12.2.2.3 Character encodings</a><li><a href=#changing-the-encoding-while-parsing>12.2.2.4 Changing the encoding while parsing</a><li><a href=#preprocessing-the-input-stream>12.2.2.5 Preprocessing the input stream</a></ol><li><a href=#parse-state>12.2.3 Parse state</a><ol><li><a href=#the-insertion-mode>12.2.3.1 The insertion mode</a><li><a href=#the-stack-of-open-elements>12.2.3.2 The stack of open elements</a><li><a href=#the-list-of-active-formatting-elements>12.2.3.3 The list of active formatting elements</a><li><a href=#the-element-pointers>12.2.3.4 The element pointers</a><li><a href=#other-parsing-state-flags>12.2.3.5 Other parsing state flags</a></ol><li><a href=#tokenization>12.2.4 Tokenization</a><ol><li><a href=#data-state>12.2.4.1 Data state</a><li><a href=#character-reference-in-data-state>1
2.2.4.2 Character reference in data state</a><li><a href=#rcdata-state>12.2.4.3 RCDATA state</a><li><a href=#character-reference-in-rcdata-state>12.2.4.4 Character reference in RCDATA state</a><li><a href=#rawtext-state>12.2.4.5 RAWTEXT state</a><li><a href=#script-data-state>12.2.4.6 Script data state</a><li><a href=#plaintext-state>12.2.4.7 PLAINTEXT state</a><li><a href=#tag-open-state>12.2.4.8 Tag open state</a><li><a href=#end-tag-open-state>12.2.4.9 End tag open state</a><li><a href=#tag-name-state>12.2.4.10 Tag name state</a><li><a href=#rcdata-less-than-sign-state>12.2.4.11 RCDATA less-than sign state</a><li><a href=#rcdata-end-tag-open-state>12.2.4.12 RCDATA end tag open state</a><li><a href=#rcdata-end-tag-name-state>12.2.4.13 RCDATA end tag name state</a><li><a href=#rawtext-less-than-sign-state>12.2.4.14 RAWTEXT less-than sign state</a><li><a href=#rawtext-end-tag-open-state>12.2.4.15 RAWTEXT end tag open state</a><li><a href=#rawtext-end-tag-name-state>12.2.4.16
RAWTEXT end tag name state</a><li><a href=#script-data-less-than-sign-state>12.2.4.17 Script data less-than sign state</a><li><a href=#script-data-end-tag-open-state>12.2.4.18 Script data end tag open state</a><li><a href=#script-data-end-tag-name-state>12.2.4.19 Script data end tag name state</a><li><a href=#script-data-escape-start-state>12.2.4.20 Script data escape start state</a><li><a href=#script-data-escape-start-dash-state>12.2.4.21 Script data escape start dash state</a><li><a href=#script-data-escaped-state>12.2.4.22 Script data escaped state</a><li><a href=#script-data-escaped-dash-state>12.2.4.23 Script data escaped dash state</a><li><a href=#script-data-escaped-dash-dash-state>12.2.4.24 Script data escaped dash dash state</a><li><a href=#script-data-escaped-less-than-sign-state>12.2.4.25 Script data escaped less-than sign state</a><li><a href=#script-data-escaped-end-tag-open-state>12.2.4.26 Script data escaped end tag open state</a><li><a href=#script-data-esc
aped-end-tag-name-state>12.2.4.27 Script data escaped end tag name state</a><li><a href=#script-data-double-escape-start-state>12.2.4.28 Script data double escape start state</a><li><a href=#script-data-double-escaped-state>12.2.4.29 Script data double escaped state</a><li><a href=#script-data-double-escaped-dash-state>12.2.4.30 Script data double escaped dash state</a><li><a href=#script-data-double-escaped-dash-dash-state>12.2.4.31 Script data double escaped dash dash state</a><li><a href=#script-data-double-escaped-less-than-sign-state>12.2.4.32 Script data double escaped less-than sign state</a><li><a href=#script-data-double-escape-end-state>12.2.4.33 Script data double escape end state</a><li><a href=#before-attribute-name-state>12.2.4.34 Before attribute name state</a><li><a href=#attribute-name-state>12.2.4.35 Attribute name state</a><li><a href=#after-attribute-name-state>12.2.4.36 After attribute name state</a><li><a href=#before-attribute-value-state>12.2.4.37 Bef
ore attribute value state</a><li><a href=#attribute-value-(double-quoted)-state>12.2.4.38 Attribute value (double-quoted) state</a><li><a href=#attribute-value-(single-quoted)-state>12.2.4.39 Attribute value (single-quoted) state</a><li><a href=#attribute-value-(unquoted)-state>12.2.4.40 Attribute value (unquoted) state</a><li><a href=#character-reference-in-attribute-value-state>12.2.4.41 Character reference in attribute value state</a><li><a href=#after-attribute-value-(quoted)-state>12.2.4.42 After attribute value (quoted) state</a><li><a href=#self-closing-start-tag-state>12.2.4.43 Self-closing start tag state</a><li><a href=#bogus-comment-state>12.2.4.44 Bogus comment state</a><li><a href=#markup-declaration-open-state>12.2.4.45 Markup declaration open state</a><li><a href=#comment-start-state>12.2.4.46 Comment start state</a><li><a href=#comment-start-dash-state>12.2.4.47 Comment start dash state</a><li><a href=#comment-state>12.2.4.48 Comment state</a><li><a href=#com
ment-end-dash-state>12.2.4.49 Comment end dash state</a><li><a href=#comment-end-state>12.2.4.50 Comment end state</a><li><a href=#comment-end-bang-state>12.2.4.51 Comment end bang state</a><li><a href=#doctype-state>12.2.4.52 DOCTYPE state</a><li><a href=#before-doctype-name-state>12.2.4.53 Before DOCTYPE name state</a><li><a href=#doctype-name-state>12.2.4.54 DOCTYPE name state</a><li><a href=#after-doctype-name-state>12.2.4.55 After DOCTYPE name state</a><li><a href=#after-doctype-public-keyword-state>12.2.4.56 After DOCTYPE public keyword state</a><li><a href=#before-doctype-public-identifier-state>12.2.4.57 Before DOCTYPE public identifier state</a><li><a href=#doctype-public-identifier-(double-quoted)-state>12.2.4.58 DOCTYPE public identifier (double-quoted) state</a><li><a href=#doctype-public-identifier-(single-quoted)-state>12.2.4.59 DOCTYPE public identifier (single-quoted) state</a><li><a href=#after-doctype-public-identifier-state>12.2.4.60 After DOCTYPE public i
dentifier state</a><li><a href=#between-doctype-public-and-system-identifiers-state>12.2.4.61 Between DOCTYPE public and system identifiers state</a><li><a href=#after-doctype-system-keyword-state>12.2.4.62 After DOCTYPE system keyword state</a><li><a href=#before-doctype-system-identifier-state>12.2.4.63 Before DOCTYPE system identifier state</a><li><a href=#doctype-system-identifier-(double-quoted)-state>12.2.4.64 DOCTYPE system identifier (double-quoted) state</a><li><a href=#doctype-system-identifier-(single-quoted)-state>12.2.4.65 DOCTYPE system identifier (single-quoted) state</a><li><a href=#after-doctype-system-identifier-state>12.2.4.66 After DOCTYPE system identifier state</a><li><a href=#bogus-doctype-state>12.2.4.67 Bogus DOCTYPE state</a><li><a href=#cdata-section-state>12.2.4.68 CDATA section state</a><li><a href=#tokenizing-character-references>12.2.4.69 Tokenizing character references</a></ol><li><a href=#tree-construction>12.2.5 Tree construction</a><ol><li>
<a href=#creating-and-inserting-nodes>12.2.5.1 Creating and inserting nodes</a><li><a href=#parsing-elements-that-contain-only-text>12.2.5.2 Parsing elements that contain only text</a><li><a href=#closing-elements-that-have-implied-end-tags>12.2.5.3 Closing elements that have implied end tags</a><li><a href=#parsing-main-inhtml>12.2.5.4 The rules for parsing tokens in HTML content</a><ol><li><a href=#the-initial-insertion-mode>12.2.5.4.1 The "initial" insertion mode</a><li><a href=#the-before-html-insertion-mode>12.2.5.4.2 The "before html" insertion mode</a><li><a href=#the-before-head-insertion-mode>12.2.5.4.3 The "before head" insertion mode</a><li><a href=#parsing-main-inhead>12.2.5.4.4 The "in head" insertion mode</a><li><a href=#parsing-main-inheadnoscript>12.2.5.4.5 The "in head noscript" insertion mode</a><li><a href=#the-after-head-insertion-mode>12.2.5.4.6 The "after head" insertion mode</a><li><a href=#parsing-main-inbody>12.2.5.4.7 The "in body" insertion mode</a
><li><a href=#parsing-main-incdata>12.2.5.4.8 The "text" insertion mode</a><li><a href=#parsing-main-intable>12.2.5.4.9 The "in table" insertion mode</a><li><a href=#parsing-main-intabletext>12.2.5.4.10 The "in table text" insertion mode</a><li><a href=#parsing-main-incaption>12.2.5.4.11 The "in caption" insertion mode</a><li><a href=#parsing-main-incolgroup>12.2.5.4.12 The "in column group" insertion mode</a><li><a href=#parsing-main-intbody>12.2.5.4.13 The "in table body" insertion mode</a><li><a href=#parsing-main-intr>12.2.5.4.14 The "in row" insertion mode</a><li><a href=#parsing-main-intd>12.2.5.4.15 The "in cell" insertion mode</a><li><a href=#parsing-main-inselect>12.2.5.4.16 The "in select" insertion mode</a><li><a href=#parsing-main-inselectintable>12.2.5.4.17 The "in select in table" insertion mode</a><li><a href=#parsing-main-intemplate>12.2.5.4.18 The "in template" insertion mode</a><li><a href=#parsing-main-afterbody>12.2.5.4.19 The "after body" insertion mode<
/a><li><a href=#parsing-main-inframeset>12.2.5.4.20 The "in frameset" insertion mode</a><li><a href=#parsing-main-afterframeset>12.2.5.4.21 The "after frameset" insertion mode</a><li><a href=#the-after-after-body-insertion-mode>12.2.5.4.22 The "after after body" insertion mode</a><li><a href=#the-after-after-frameset-insertion-mode>12.2.5.4.23 The "after after frameset" insertion mode</a></ol><li><a href=#parsing-main-inforeign>12.2.5.5 The rules for parsing tokens in foreign content</a></ol><li><a href=#the-end>12.2.6 The end</a><li><a href=#coercing-an-html-dom-into-an-infoset>12.2.7 Coercing an HTML DOM into an infoset</a><li><a href=#an-introduction-to-error-handling-and-strange-cases-in-the-parser>12.2.8 An introduction to error handling and strange cases in the parser</a><ol><li><a href=#misnested-tags:-b-i-/b-/i>12.2.8.1 Misnested tags: <b><i></b></i></a><li><a href=#misnested-tags:-b-p-/b-/p>12.2.8.2 Misnested tags: <b><p></b></p></a><li><a hr
ef=#unexpected-markup-in-tables>12.2.8.3 Unexpected markup in tables</a><li><a href=#scripts-that-modify-the-page-as-it-is-being-parsed>12.2.8.4 Scripts that modify the page as it is being parsed</a><li><a href=#the-execution-of-scripts-that-are-moving-across-multiple-documents>12.2.8.5 The execution of scripts that are moving across multiple documents</a><li><a href=#unclosed-formatting-elements>12.2.8.6 Unclosed formatting elements</a></ol></ol><li><a href=#serialising-html-fragments>12.3 Serialising HTML fragments</a><li><a href=#parsing-html-fragments>12.4 Parsing HTML fragments</a><li><a href=#named-character-references>12.5 Named character references</a></ol><li id=toc-the-xhtml-syntax><a href=#the-xhtml-syntax>13 The XHTML syntax</a><ol><li><a href=#writing-xhtml-documents>13.1 Writing XHTML documents</a><li><a href=#parsing-xhtml-documents>13.2 Parsing XHTML documents</a><li><a href=#serialising-xhtml-fragments>13.3 Serialising XHTML fragments</a><li><a href=#parsing
-xhtml-fragments>13.4 Parsing XHTML fragments</a></ol><li id=toc-rendering><a href=#rendering>14 Rendering</a><ol><li><a href=#introduction-17>14.1 Introduction</a><li><a href=#the-css-user-agent-style-sheet-and-presentational-hints>14.2 The CSS user agent style sheet and presentational hints</a><li><a href=#non-replaced-elements>14.3 Non-replaced elements</a><ol><li><a href=#hidden-elements>14.3.1 Hidden elements</a><li><a href=#the-page>14.3.2 The page</a><li><a href=#flow-content-3>14.3.3 Flow content</a><li><a href=#phrasing-content-3>14.3.4 Phrasing content</a><li><a href=#bidi-rendering>14.3.5 Bidirectional text</a><li><a href=#quotes>14.3.6 Quotes</a><li><a href=#sections-and-headings>14.3.7 Sections and headings</a><li><a href=#lists>14.3.8 Lists</a><li><a href=#tables-2>14.3.9 Tables</a><li><a href=#margin-collapsing-quirks>14.3.10 Margin collapsing quirks</a><li><a href=#form-controls>14.3.11 Form controls</a><li><a href=#the-hr-element-2>14.3.12 The <code>hr</code
> element</a><li><a href=#the-fieldset-and-legend-elements>14.3.13 The <code>fieldset</code> and <code>legend</code> elements</a></ol><li><a href=#replaced-elements>14.4 Replaced elements</a><ol><li><a href=#embedded-content-rendering-rules>14.4.1 Embedded content</a><li><a href=#images-2>14.4.2 Images</a><li><a href=#attributes-for-embedded-content-and-images>14.4.3 Attributes for embedded content and images</a><li><a href=#image-maps-2>14.4.4 Image maps</a></ol><li><a href=#bindings>14.5 Bindings</a><ol><li><a href=#introduction-18>14.5.1 Introduction</a><li><a href=#the-button-element-2>14.5.2 The <code>button</code> element</a><li><a href=#the-details-element-2>14.5.3 The <code>details</code> element</a><li><a href=#the-input-element-as-a-text-entry-widget>14.5.4 The <code>input</code> element as a text entry widget</a><li><a href=#the-input-element-as-domain-specific-widgets>14.5.5 The <code>input</code> element as domain-specific widgets</a><li><a href=#the-input-eleme
nt-as-a-range-control>14.5.6 The <code>input</code> element as a range control</a><li><a href=#the-input-element-as-a-colour-well>14.5.7 The <code>input</code> element as a colour well</a><li><a href=#the-input-element-as-a-checkbox-and-radio-button-widgets>14.5.8 The <code>input</code> element as a checkbox and radio button widgets</a><li><a href=#the-input-element-as-a-file-upload-control>14.5.9 The <code>input</code> element as a file upload control</a><li><a href=#the-input-element-as-a-button>14.5.10 The <code>input</code> element as a button</a><li><a href=#the-marquee-element>14.5.11 The <code>marquee</code> element</a><li><a href=#the-meter-element-2>14.5.12 The <code>meter</code> element</a><li><a href=#the-progress-element-2>14.5.13 The <code>progress</code> element</a><li><a href=#the-select-element-2>14.5.14 The <code>select</code> element</a><li><a href=#the-textarea-element-2>14.5.15 The <code>textarea</code> element</a><li><a href=#the-keygen-element-2>14.5.16
The <code>keygen</code> element</a></ol><li><a href=#frames-and-framesets>14.6 Frames and framesets</a><li><a href=#interactive-media>14.7 Interactive media</a><ol><li><a href=#links,-forms,-and-navigation>14.7.1 Links, forms, and navigation</a><li><a href=#the-title-attribute-2>14.7.2 The <code>title</code> attribute</a><li><a href=#editing-hosts>14.7.3 Editing hosts</a><li><a href=#text-rendered-in-native-user-interfaces>14.7.4 Text rendered in native user interfaces</a></ol><li><a href=#print-media>14.8 Print media</a><li><a href=#unstyled-xml-documents>14.9 Unstyled XML documents</a></ol><li id=toc-obsolete><a href=#obsolete>15 Obsolete features</a><ol><li><a href=#obsolete-but-conforming-features>15.1 Obsolete but conforming features</a><ol><li><a href=#warnings-for-obsolete-but-conforming-features>15.1.1 Warnings for obsolete but conforming features</a></ol><li><a href=#non-conforming-features>15.2 Non-conforming features</a><li><a href=#requirements-for-implementatio
ns>15.3 Requirements for implementations</a><ol><li><a href=#the-applet-element>15.3.1 The <code>applet</code> element</a><li><a href=#the-marquee-element-2>15.3.2 The <code>marquee</code> element</a><li><a href=#frames>15.3.3 Frames</a><li><a href=#other-elements,-attributes-and-apis>15.3.4 Other elements, attributes and APIs</a></ol></ol><li id=toc-iana><a href=#iana>16 IANA considerations</a><ol><li><a href=#text/html>16.1 <code>text/html</code></a><li><a href=#multipart/x-mixed-replace>16.2 <code>multipart/x-mixed-replace</code></a><li><a href=#application/xhtml+xml>16.3 <code>application/xhtml+xml</code></a><li><a href=#application/x-www-form-urlencoded>16.4 <code>application/x-www-form-urlencoded</code></a><li><a href=#text/cache-manifest>16.5 <code>text/cache-manifest</code></a><li><a href=#text/ping>16.6 <code>text/ping</code></a><li><a href=#application/microdata+json>16.7 <code>application/microdata+json</code></a><li><a href=#ping-from>16.8 <code>Ping-From</code><
/a><li><a href=#ping-to>16.9 <code>Ping-To</code></a><li><a href=#web+-scheme-prefix>16.10 <code>web+</code> scheme prefix</a></ol><li id=toc-index><a href=#index>Index</a><ol><li><a href=#elements-3>Elements</a><li><a href=#element-content-categories>Element content categories</a><li><a href=#attributes-3>Attributes</a><li><a href=#element-interfaces>Element Interfaces</a><li><a href=#all-interfaces>All Interfaces</a><li><a href=#events-2>Events</a><li><a href=#mime-types-2>MIME Types</a></ol><li id=toc-references><a href=#references>References</a><li id=toc-acknowledgments><a href=#acknowledgments>Acknowledgements</a></ol>
+ attribute to define a command on other elements</a></ol><li><a href=#the-dialog-element>4.11.7 The <code>dialog</code> element</a><ol><li><a href=#anchor-points>4.11.7.1 Anchor points</a></ol></ol><li><a href=#scripting-3>4.12 Scripting</a><ol><li><a href=#the-script-element>4.12.1 The <code>script</code> element</a><ol><li><a href=#scriptingLanguages>4.12.1.1 Scripting languages</a><li><a href=#restrictions-for-contents-of-script-elements>4.12.1.2 Restrictions for contents of <code>script</code> elements</a><li><a href=#inline-documentation-for-external-scripts>4.12.1.3 Inline documentation for external scripts</a><li><a href=#scriptTagXSLT>4.12.1.4 Interaction of <code>script</code> elements and XSLT</a></ol><li><a href=#the-noscript-element>4.12.2 The <code>noscript</code> element</a><li><a href=#the-template-element>4.12.3 The <code>template</code> element</a><ol><li><a href=#template-XSLT-XPath>4.12.3.1 Interaction of <code>template</code> elements with XSLT and XPath
</a></ol><li><a href=#the-canvas-element>4.12.4 The <code>canvas</code> element</a><ol><li><a href=#proxying-canvases-to-workers>4.12.4.1 Proxying canvases to workers</a><li><a href=#2dcontext>4.12.4.2 The 2D rendering context</a><ol><li><a href=#implementation-notes>4.12.4.2.1 Implementation notes</a><li><a href=#the-canvas-state>4.12.4.2.2 The canvas state</a><li><a href=#drawingstyle-objects>4.12.4.2.3 <code>DrawingStyle</code> objects</a><li><a href=#line-styles>4.12.4.2.4 Line styles</a><li><a href=#text-styles>4.12.4.2.5 Text styles</a><li><a href=#building-paths>4.12.4.2.6 Building paths</a><li><a href=#path2d-objects>4.12.4.2.7 <code>Path2D</code> objects</a><li><a href=#transformations>4.12.4.2.8 Transformations</a><li><a href=#image-sources-for-2d-rendering-contexts>4.12.4.2.9 Image sources for 2D rendering contexts</a><li><a href=#fill-and-stroke-styles>4.12.4.2.10 Fill and stroke styles</a><li><a href=#drawing-rectangles-to-the-bitmap>4.12.4.2.11 Drawing rectangl
es to the bitmap</a><li><a href=#drawing-text-to-the-bitmap>4.12.4.2.12 Drawing text to the bitmap</a><li><a href=#drawing-paths-to-the-canvas>4.12.4.2.13 Drawing paths to the canvas</a><li><a href=#drawing-images>4.12.4.2.14 Drawing images</a><li><a href=#hit-regions>4.12.4.2.15 Hit regions</a><li><a href=#pixel-manipulation>4.12.4.2.16 Pixel manipulation</a><li><a href=#compositing>4.12.4.2.17 Compositing</a><li><a href=#image-smoothing>4.12.4.2.18 Image smoothing</a><li><a href=#shadows>4.12.4.2.19 Shadows</a><li><a href=#drawing-model>4.12.4.2.20 Drawing model</a><li><a href=#best-practices>4.12.4.2.21 Best practices</a><li><a href=#examples>4.12.4.2.22 Examples</a></ol><li><a href=#colour-spaces-and-colour-correction>4.12.4.3 Colour spaces and colour correction</a><li><a href=#serialising-bitmaps-to-a-file>4.12.4.4 Serialising bitmaps to a file</a><li><a href=#security-with-canvas-elements>4.12.4.5 Security with <code>canvas</code> elements</a></ol></ol><li><a href=#com
mon-idioms>4.13 Common idioms without dedicated elements</a><ol><li><a href=#the-main-part-of-the-content>4.13.1 The main part of the content</a><li><a href=#rel-up>4.13.2 Bread crumb navigation</a><li><a href=#tag-clouds>4.13.3 Tag clouds</a><li><a href=#conversations>4.13.4 Conversations</a><li><a href=#footnotes>4.13.5 Footnotes</a></ol><li><a href=#disabled-elements>4.14 Disabled elements</a><li><a href=#selectors>4.15 Matching HTML elements using selectors</a><ol><li><a href=#case-sensitivity>4.15.1 Case-sensitivity</a><li><a href=#pseudo-classes>4.15.2 Pseudo-classes</a></ol></ol><li id=toc-microdata><a href=#microdata>5 Microdata</a><ol><li><a href=#introduction-7>5.1 Introduction</a><ol><li><a href=#overview>5.1.1 Overview</a><li><a href=#the-basic-syntax>5.1.2 The basic syntax</a><li><a href=#typed-items>5.1.3 Typed items</a><li><a href=#global-identifiers-for-items>5.1.4 Global identifiers for items</a><li><a href=#selecting-names-when-defining-vocabularies>5.1.5 S
electing names when defining vocabularies</a><li><a href=#using-the-microdata-dom-api>5.1.6 Using the microdata DOM API</a></ol><li><a href=#encoding-microdata>5.2 Encoding microdata</a><ol><li><a href=#the-microdata-model>5.2.1 The microdata model</a><li><a href=#items>5.2.2 Items</a><li><a href=#names:-the-itemprop-attribute>5.2.3 Names: the <code>itemprop</code> attribute</a><li><a href=#values>5.2.4 Values</a><li><a href=#associating-names-with-items>5.2.5 Associating names with items</a><li><a href=#microdata-and-other-namespaces>5.2.6 Microdata and other namespaces</a></ol><li><a href=#microdata-dom-api>5.3 Microdata DOM API</a><li><a href=#mdvocabs>5.4 Sample microdata vocabularies</a><ol><li><a href=#vcard>5.4.1 vCard</a><ol><li><a href=#conversion-to-vcard>5.4.1.1 Conversion to vCard</a><li><a href=#examples-2>5.4.1.2 Examples</a></ol><li><a href=#vevent>5.4.2 vEvent</a><ol><li><a href=#conversion-to-icalendar>5.4.2.1 Conversion to iCalendar</a><li><a href=#examples
-3>5.4.2.2 Examples</a></ol><li><a href=#licensing-works>5.4.3 Licensing works</a><ol><li><a href=#examples-4>5.4.3.1 Examples</a></ol></ol><li><a href=#converting-html-to-other-formats>5.5 Converting HTML to other formats</a><ol><li><a href=#json>5.5.1 JSON</a></ol></ol><li id=toc-editing><a href=#editing>6 User interaction</a><ol><li><a href=#the-hidden-attribute>6.1 The <code>hidden</code> attribute</a><li><a href=#inert-subtrees>6.2 Inert subtrees</a><li><a href=#activation>6.3 Activation</a><li><a href=#focus>6.4 Focus</a><ol><li><a href=#introduction-8>6.4.1 Introduction</a><li><a href=#data-model>6.4.2 Data model</a><li><a href=#the-tabindex-attribute>6.4.3 The <code>tabindex</code> attribute</a><li><a href=#processing-model-6>6.4.4 Processing model</a><li><a href=#sequential-focus-navigation>6.4.5 Sequential focus navigation</a><li><a href=#focus-management-apis>6.4.6 Focus management APIs</a></ol><li><a href=#assigning-keyboard-shortcuts>6.5 Assigning keyboard short
cuts</a><ol><li><a href=#introduction-9>6.5.1 Introduction</a><li><a href=#the-accesskey-attribute>6.5.2 The <code>accesskey</code> attribute</a><li><a href=#processing-model-7>6.5.3 Processing model</a></ol><li><a href=#editing-2>6.6 Editing</a><ol><li><a href=#contenteditable>6.6.1 Making document regions editable: The <code>contenteditable</code> content attribute</a><li><a href=#making-entire-documents-editable:-the-designmode-idl-attribute>6.6.2 Making entire documents editable: The <code>designMode</code> IDL attribute</a><li><a href=#best-practices-for-in-page-editors>6.6.3 Best practices for in-page editors</a><li><a href=#editing-apis>6.6.4 Editing APIs</a><li><a href=#spelling-and-grammar-checking>6.6.5 Spelling and grammar checking</a></ol><li><a href=#dnd>6.7 Drag and drop</a><ol><li><a href=#event-drag>6.7.1 Introduction</a><li><a href=#the-drag-data-store>6.7.2 The drag data store</a><li><a href=#the-datatransfer-interface>6.7.3 The <code>DataTransfer</code> in
terface</a><ol><li><a href=#the-datatransferitemlist-interface>6.7.3.1 The <code>DataTransferItemList</code> interface</a><li><a href=#the-datatransferitem-interface>6.7.3.2 The <code>DataTransferItem</code> interface</a></ol><li><a href=#the-dragevent-interface>6.7.4 The <code>DragEvent</code> interface</a><li><a href=#drag-and-drop-processing-model>6.7.5 Drag-and-drop processing model</a><li><a href=#dndevents>6.7.6 Events summary</a><li><a href=#the-draggable-attribute>6.7.7 The <code>draggable</code> attribute</a><li><a href=#the-dropzone-attribute>6.7.8 The <code>dropzone</code> attribute</a><li><a href=#security-risks-in-the-drag-and-drop-model>6.7.9 Security risks in the drag-and-drop model</a></ol></ol><li id=toc-browsers><a href=#browsers>7 Loading Web pages</a><ol><li><a href=#windows>7.1 Browsing contexts</a><ol><li><a href=#nested-browsing-contexts>7.1.1 Nested browsing contexts</a><ol><li><a href=#navigating-nested-browsing-contexts-in-the-dom>7.1.1.1 Navigating
nested browsing contexts in the DOM</a></ol><li><a href=#auxiliary-browsing-contexts>7.1.2 Auxiliary browsing contexts</a><ol><li><a href=#navigating-auxiliary-browsing-contexts-in-the-dom>7.1.2.1 Navigating auxiliary browsing contexts in the DOM</a></ol><li><a href=#secondary-browsing-contexts>7.1.3 Secondary browsing contexts</a><li><a href=#security-nav>7.1.4 Security</a><li><a href=#groupings-of-browsing-contexts>7.1.5 Groupings of browsing contexts</a><li><a href=#browsing-context-names>7.1.6 Browsing context names</a></ol><li><a href=#the-window-object>7.2 The <code>Window</code> object</a><ol><li><a href=#security-window>7.2.1 Security</a><li><a href=#apis-for-creating-and-navigating-browsing-contexts-by-name>7.2.2 APIs for creating and navigating browsing contexts by name</a><li><a href=#accessing-other-browsing-contexts>7.2.3 Accessing other browsing contexts</a><li><a href=#named-access-on-the-window-object>7.2.4 Named access on the <code>Window</code> object</a><
li><a href=#garbage-collection-and-browsing-contexts>7.2.5 Garbage collection and browsing contexts</a><li><a href=#closing-browsing-contexts>7.2.6 Closing browsing contexts</a><li><a href=#browser-interface-elements>7.2.7 Browser interface elements</a><li><a href=#the-windowproxy-object>7.2.8 The <code>WindowProxy</code> object</a></ol><li><a href=#origin>7.3 Origin</a><ol><li><a href=#relaxing-the-same-origin-restriction>7.3.1 Relaxing the same-origin restriction</a></ol><li><a href=#sandboxing>7.4 Sandboxing</a><li><a href=#history>7.5 Session history and navigation</a><ol><li><a href=#the-session-history-of-browsing-contexts>7.5.1 The session history of browsing contexts</a><li><a href=#the-history-interface>7.5.2 The <code>History</code> interface</a><li><a href=#the-location-interface>7.5.3 The <code>Location</code> interface</a><ol><li><a href=#security-location>7.5.3.1 Security</a></ol><li><a href=#history-notes>7.5.4 Implementation notes for session history</a></ol>
<li><a href=#browsing-the-web>7.6 Browsing the Web</a><ol><li><a href=#navigating-across-documents>7.6.1 Navigating across documents</a><li><a href=#read-html>7.6.2 Page load processing model for HTML files</a><li><a href=#read-xml>7.6.3 Page load processing model for XML files</a><li><a href=#read-text>7.6.4 Page load processing model for text files</a><li><a href=#read-multipart-x-mixed-replace>7.6.5 Page load processing model for <code>multipart/x-mixed-replace</code> resources</a><li><a href=#read-media>7.6.6 Page load processing model for media</a><li><a href=#read-plugin>7.6.7 Page load processing model for content that uses plugins</a><li><a href=#read-ua-inline>7.6.8 Page load processing model for inline
+ content that doesn't have a DOM</a><li><a href=#scroll-to-fragid>7.6.9 Navigating to a fragment identifier</a><li><a href=#history-traversal>7.6.10 History traversal</a><ol><li><a href=#the-popstateevent-interface>7.6.10.1 The <code>PopStateEvent</code> interface</a><li><a href=#the-hashchangeevent-interface>7.6.10.2 The <code>HashChangeEvent</code> interface</a><li><a href=#the-pagetransitionevent-interface>7.6.10.3 The <code>PageTransitionEvent</code> interface</a></ol><li><a href=#unloading-documents>7.6.11 Unloading documents</a><ol><li><a href=#the-beforeunloadevent-interface>7.6.11.1 The <code>BeforeUnloadEvent</code> interface</a></ol><li><a href=#aborting-a-document-load>7.6.12 Aborting a document load</a></ol><li><a href=#offline>7.7 Offline Web applications</a><ol><li><a href=#introduction-10>7.7.1 Introduction</a><ol><li><a href=#supporting-offline-caching-for-legacy-applications>7.7.1.1 Supporting offline caching for legacy applications</a><li><a href=#appcache
events>7.7.1.2 Event summary</a></ol><li><a href=#appcache>7.7.2 Application caches</a><li><a href=#manifests>7.7.3 The cache manifest syntax</a><ol><li><a href=#some-sample-manifests>7.7.3.1 Some sample manifests</a><li><a href=#writing-cache-manifests>7.7.3.2 Writing cache manifests</a><li><a href=#parsing-cache-manifests>7.7.3.3 Parsing cache manifests</a></ol><li><a href=#downloading-or-updating-an-application-cache>7.7.4 Downloading or updating an application cache</a><li><a href=#the-application-cache-selection-algorithm>7.7.5 The application cache selection algorithm</a><li><a href=#changesToNetworkingModel>7.7.6 Changes to the networking model</a><li><a href=#expiring-application-caches>7.7.7 Expiring application caches</a><li><a href=#disk-space>7.7.8 Disk space</a><li><a href=#security-concerns-with-offline-applications-caches>7.7.9 Security concerns with offline applications caches</a><li><a href=#application-cache-api>7.7.10 Application cache API</a><li><a href=#
navigator.online>7.7.11 Browser state</a></ol></ol><li id=toc-webappapis><a href=#webappapis>8 Web application APIs</a><ol><li><a href=#scripting>8.1 Scripting</a><ol><li><a href=#introduction-11>8.1.1 Introduction</a><li><a href=#enabling-and-disabling-scripting>8.1.2 Enabling and disabling scripting</a><li><a href=#processing-model-8>8.1.3 Processing model</a><ol><li><a href=#definitions-2>8.1.3.1 Definitions</a><li><a href=#script-settings-for-browsing-contexts>8.1.3.2 Script settings for browsing contexts</a><li><a href=#calling-scripts>8.1.3.3 Calling scripts</a><li><a href=#creating-scripts>8.1.3.4 Creating scripts</a><li><a href=#killing-scripts>8.1.3.5 Killing scripts</a><li><a href=#runtime-script-errors>8.1.3.6 Runtime script errors</a><ol><li><a href=#runtime-script-errors-in-documents>8.1.3.6.1 Runtime script errors in documents</a><li><a href=#the-errorevent-interface>8.1.3.6.2 The <code>ErrorEvent</code> interface</a></ol></ol><li><a href=#event-loops>8.1.4 Eve
nt loops</a><ol><li><a href=#definitions-3>8.1.4.1 Definitions</a><li><a href=#processing-model-9>8.1.4.2 Processing model</a><li><a href=#generic-task-sources>8.1.4.3 Generic task sources</a></ol><li><a href=#events>8.1.5 Events</a><ol><li><a href=#event-handler-attributes>8.1.5.1 Event handlers</a><li><a href=#event-handlers-on-elements,-document-objects,-and-window-objects>8.1.5.2 Event handlers on elements, <code>Document</code> objects, and <code>Window</code> objects</a><ol><li><a href=#idl-definitions>8.1.5.2.1 IDL definitions</a></ol><li><a href=#event-firing>8.1.5.3 Event firing</a><li><a href=#events-and-the-window-object>8.1.5.4 Events and the <code>Window</code> object</a></ol></ol><li><a href=#atob>8.2 Base64 utility methods</a><li><a href=#dynamic-markup-insertion>8.3 Dynamic markup insertion</a><ol><li><a href=#opening-the-input-stream>8.3.1 Opening the input stream</a><li><a href=#closing-the-input-stream>8.3.2 Closing the input stream</a><li><a href=#documen
t.write()>8.3.3 <code>document.write()</code></a><li><a href=#document.writeln()>8.3.4 <code>document.writeln()</code></a></ol><li><a href=#timers>8.4 Timers</a><li><a href=#user-prompts>8.5 User prompts</a><ol><li><a href=#simple-dialogs>8.5.1 Simple dialogs</a><li><a href=#printing>8.5.2 Printing</a><li><a href=#dialogs-implemented-using-separate-documents>8.5.3 Dialogs implemented using separate documents with <code>showModalDialog()</code></a></ol><li><a href=#system-state-and-capabilities>8.6 System state and capabilities</a><ol><li><a href=#the-navigator-object>8.6.1 The <code>Navigator</code> object</a><ol><li><a href=#client-identification>8.6.1.1 Client identification</a><li><a href=#language-preferences>8.6.1.2 Language preferences</a><li><a href=#custom-handlers>8.6.1.3 Custom scheme and content handlers: the <code>registerProtocolHandler()</code> and <code>registerContentHandler()</code> methods</a><ol><li><a href=#security-and-privacy>8.6.1.3.1 Security and priv
acy</a><li><a href=#sample-handler-impl>8.6.1.3.2 Sample user interface</a></ol><li><a href=#manually-releasing-the-storage-mutex>8.6.1.4 Manually releasing the storage mutex</a><li><a href=#plugins-2>8.6.1.5 Plugins</a></ol><li><a href=#the-external-interface>8.6.2 The <code>External</code> interface</a></ol><li><a href=#images>8.7 Images</a><li><a href=#animation-frames>8.8 Animation Frames</a></ol><li id=toc-comms><a href=#comms>9 Communication</a><ol><li><a href=#the-messageevent-interfaces>9.1 The <code>MessageEvent</code> interfaces</a><li><a href=#server-sent-events>9.2 Server-sent events</a><ol><li><a href=#server-sent-events-intro>9.2.1 Introduction</a><li><a href=#the-eventsource-interface>9.2.2 The <code>EventSource</code> interface</a><li><a href=#processing-model-10>9.2.3 Processing model</a><li><a href=#parsing-an-event-stream>9.2.4 Parsing an event stream</a><li><a href=#event-stream-interpretation>9.2.5 Interpreting an event stream</a><li><a href=#authoring-n
otes>9.2.6 Authoring notes</a><li><a href=#eventsource-push>9.2.7 Connectionless push and other features</a><li><a href=#garbage-collection-2>9.2.8 Garbage collection</a><li><a href=#implementation-advice>9.2.9 Implementation advice</a><li><a href=#iana-considerations>9.2.10 IANA considerations</a><ol><li><a href=#text/event-stream>9.2.10.1 <code>text/event-stream</code></a><li><a href=#last-event-id>9.2.10.2 <code>Last-Event-ID</code></a></ol></ol><li><a href=#network>9.3 Web sockets</a><ol><li><a href=#network-intro>9.3.1 Introduction</a><li><a href=#the-websocket-interface>9.3.2 The <code>WebSocket</code> interface</a><li><a href=#feedback-from-the-protocol>9.3.3 Feedback from the protocol</a><li><a href=#ping-and-pong-frames>9.3.4 Ping and Pong frames</a><li><a href=#parsing-websocket-urls>9.3.5 Parsing WebSocket URLs</a><li><a href=#the-closeevent-interfaces>9.3.6 The <code>CloseEvent</code> interfaces</a><li><a href=#garbage-collection-3>9.3.7 Garbage collection</a></o
l><li><a href=#web-messaging>9.4 Cross-document messaging</a><ol><li><a href=#introduction-12>9.4.1 Introduction</a><li><a href=#security-postmsg>9.4.2 Security</a><ol><li><a href=#authors>9.4.2.1 Authors</a><li><a href=#user-agents>9.4.2.2 User agents</a></ol><li><a href=#posting-messages>9.4.3 Posting messages</a></ol><li><a href=#channel-messaging>9.5 Channel messaging</a><ol><li><a href=#introduction-13>9.5.1 Introduction</a><ol><li><a href=#examples-5>9.5.1.1 Examples</a><li><a href=#ports-as-the-basis-of-an-object-capability-model-on-the-web>9.5.1.2 Ports as the basis of an object-capability model on the Web</a><li><a href=#ports-as-the-basis-of-abstracting-out-service-implementations>9.5.1.3 Ports as the basis of abstracting out service implementations</a></ol><li><a href=#message-channels>9.5.2 Message channels</a><li><a href=#message-ports>9.5.3 Message ports</a><li><a href=#broadcasting-to-many-ports>9.5.4 Broadcasting to many ports</a><li><a href=#ports-and-garbag
e-collection>9.5.5 Ports and garbage collection</a></ol><li><a href=#broadcasting-to-other-browsing-contexts>9.6 Broadcasting to other browsing contexts</a></ol><li id=toc-workers><a href=#workers>10 Web workers</a><ol><li><a href=#introduction-14>10.1 Introduction</a><ol><li><a href=#scope-2>10.1.1 Scope</a><li><a href=#examples-6>10.1.2 Examples</a><ol><li><a href=#a-background-number-crunching-worker>10.1.2.1 A background number-crunching worker</a><li><a href=#worker-used-for-background-i/o>10.1.2.2 Worker used for background I/O</a><li><a href=#shared-workers-introduction>10.1.2.3 Shared workers introduction</a><li><a href=#shared-state-using-a-shared-worker>10.1.2.4 Shared state using a shared worker</a><li><a href=#delegation>10.1.2.5 Delegation</a></ol><li><a href=#tutorials>10.1.3 Tutorials</a><ol><li><a href=#creating-a-dedicated-worker>10.1.3.1 Creating a dedicated worker</a><li><a href=#communicating-with-a-dedicated-worker>10.1.3.2 Communicating with a dedicated
worker</a><li><a href=#shared-workers>10.1.3.3 Shared workers</a></ol></ol><li><a href=#infrastructure-2>10.2 Infrastructure</a><ol><li><a href=#the-global-scope>10.2.1 The global scope</a><ol><li><a href=#the-workerglobalscope-common-interface>10.2.1.1 The <code>WorkerGlobalScope</code> common interface</a><li><a href=#dedicated-workers-and-the-dedicatedworkerglobalscope-interface>10.2.1.2 Dedicated workers and the <code>DedicatedWorkerGlobalScope</code> interface</a><li><a href=#shared-workers-and-the-sharedworkerglobalscope-interface>10.2.1.3 Shared workers and the <code>SharedWorkerGlobalScope</code> interface</a></ol><li><a href=#worker-event-loop>10.2.2 The event loop</a><li><a href="#the-worker's-lifetime">10.2.3 The worker's lifetime</a><li><a href=#processing-model-11>10.2.4 Processing model</a><li><a href=#runtime-script-errors-2>10.2.5 Runtime script errors</a><li><a href=#creating-workers>10.2.6 Creating workers</a><ol><li><a href=#the-abstractworker-abstract-in
terface>10.2.6.1 The <code>AbstractWorker</code> abstract interface</a><li><a href=#script-settings-for-workers>10.2.6.2 Script settings for workers</a><li><a href=#dedicated-workers-and-the-worker-interface>10.2.6.3 Dedicated workers and the <code>Worker</code> interface</a><li><a href=#shared-workers-and-the-sharedworker-interface>10.2.6.4 Shared workers and the <code>SharedWorker</code> interface</a></ol></ol><li><a href=#apis-available-to-workers>10.3 APIs available to workers</a><ol><li><a href=#importing-scripts-and-libraries>10.3.1 Importing scripts and libraries</a><li><a href=#the-workernavigator-object>10.3.2 The <code>WorkerNavigator</code> object</a><li><a href=#worker-locations>10.3.3 Worker locations</a></ol></ol><li id=toc-webstorage><a href=#webstorage>11 Web storage</a><ol><li><a href=#introduction-15>11.1 Introduction</a><li><a href=#storage>11.2 The API</a><ol><li><a href=#the-storage-interface>11.2.1 The <code>Storage</code> interface</a><li><a href=#the-
sessionstorage-attribute>11.2.2 The <code>sessionStorage</code> attribute</a><li><a href=#the-localstorage-attribute>11.2.3 The <code>localStorage</code> attribute</a><li><a href=#the-storage-event>11.2.4 The <code>storage</code> event</a><ol><li><a href=#the-storageevent-interface>11.2.4.1 The <code>StorageEvent</code> interface</a></ol><li><a href=#threads>11.2.5 Threads</a></ol><li><a href=#disk-space-2>11.3 Disk space</a><li><a href=#privacy>11.4 Privacy</a><ol><li><a href=#user-tracking>11.4.1 User tracking</a><li><a href=#sensitivity-of-data>11.4.2 Sensitivity of data</a></ol><li><a href=#security-storage>11.5 Security</a><ol><li><a href=#dns-spoofing-attacks>11.5.1 DNS spoofing attacks</a><li><a href=#cross-directory-attacks>11.5.2 Cross-directory attacks</a><li><a href=#implementation-risks>11.5.3 Implementation risks</a></ol></ol><li id=toc-syntax><a href=#syntax>12 The HTML syntax</a><ol><li><a href=#writing>12.1 Writing HTML documents</a><ol><li><a href=#the-docty
pe>12.1.1 The DOCTYPE</a><li><a href=#elements-2>12.1.2 Elements</a><ol><li><a href=#start-tags>12.1.2.1 Start tags</a><li><a href=#end-tags>12.1.2.2 End tags</a><li><a href=#attributes-2>12.1.2.3 Attributes</a><li><a href=#optional-tags>12.1.2.4 Optional tags</a><li><a href=#element-restrictions>12.1.2.5 Restrictions on content models</a><li><a href=#cdata-rcdata-restrictions>12.1.2.6 Restrictions on the contents of raw text and escapable raw text elements</a></ol><li><a href=#text-2>12.1.3 Text</a><ol><li><a href=#newlines>12.1.3.1 Newlines</a></ol><li><a href=#character-references>12.1.4 Character references</a><li><a href=#cdata-sections>12.1.5 CDATA sections</a><li><a href=#comments>12.1.6 Comments</a></ol><li><a href=#parsing>12.2 Parsing HTML documents</a><ol><li><a href=#overview-of-the-parsing-model>12.2.1 Overview of the parsing model</a><li><a href=#the-input-byte-stream>12.2.2 The input byte stream</a><ol><li><a href=#parsing-with-a-known-character-encoding>12.2.
2.1 Parsing with a known character encoding</a><li><a href=#determining-the-character-encoding>12.2.2.2 Determining the character encoding</a><li><a href=#character-encodings>12.2.2.3 Character encodings</a><li><a href=#changing-the-encoding-while-parsing>12.2.2.4 Changing the encoding while parsing</a><li><a href=#preprocessing-the-input-stream>12.2.2.5 Preprocessing the input stream</a></ol><li><a href=#parse-state>12.2.3 Parse state</a><ol><li><a href=#the-insertion-mode>12.2.3.1 The insertion mode</a><li><a href=#the-stack-of-open-elements>12.2.3.2 The stack of open elements</a><li><a href=#the-list-of-active-formatting-elements>12.2.3.3 The list of active formatting elements</a><li><a href=#the-element-pointers>12.2.3.4 The element pointers</a><li><a href=#other-parsing-state-flags>12.2.3.5 Other parsing state flags</a></ol><li><a href=#tokenization>12.2.4 Tokenization</a><ol><li><a href=#data-state>12.2.4.1 Data state</a><li><a href=#character-reference-in-data-state>1
2.2.4.2 Character reference in data state</a><li><a href=#rcdata-state>12.2.4.3 RCDATA state</a><li><a href=#character-reference-in-rcdata-state>12.2.4.4 Character reference in RCDATA state</a><li><a href=#rawtext-state>12.2.4.5 RAWTEXT state</a><li><a href=#script-data-state>12.2.4.6 Script data state</a><li><a href=#plaintext-state>12.2.4.7 PLAINTEXT state</a><li><a href=#tag-open-state>12.2.4.8 Tag open state</a><li><a href=#end-tag-open-state>12.2.4.9 End tag open state</a><li><a href=#tag-name-state>12.2.4.10 Tag name state</a><li><a href=#rcdata-less-than-sign-state>12.2.4.11 RCDATA less-than sign state</a><li><a href=#rcdata-end-tag-open-state>12.2.4.12 RCDATA end tag open state</a><li><a href=#rcdata-end-tag-name-state>12.2.4.13 RCDATA end tag name state</a><li><a href=#rawtext-less-than-sign-state>12.2.4.14 RAWTEXT less-than sign state</a><li><a href=#rawtext-end-tag-open-state>12.2.4.15 RAWTEXT end tag open state</a><li><a href=#rawtext-end-tag-name-state>12.2.4.16
RAWTEXT end tag name state</a><li><a href=#script-data-less-than-sign-state>12.2.4.17 Script data less-than sign state</a><li><a href=#script-data-end-tag-open-state>12.2.4.18 Script data end tag open state</a><li><a href=#script-data-end-tag-name-state>12.2.4.19 Script data end tag name state</a><li><a href=#script-data-escape-start-state>12.2.4.20 Script data escape start state</a><li><a href=#script-data-escape-start-dash-state>12.2.4.21 Script data escape start dash state</a><li><a href=#script-data-escaped-state>12.2.4.22 Script data escaped state</a><li><a href=#script-data-escaped-dash-state>12.2.4.23 Script data escaped dash state</a><li><a href=#script-data-escaped-dash-dash-state>12.2.4.24 Script data escaped dash dash state</a><li><a href=#script-data-escaped-less-than-sign-state>12.2.4.25 Script data escaped less-than sign state</a><li><a href=#script-data-escaped-end-tag-open-state>12.2.4.26 Script data escaped end tag open state</a><li><a href=#script-data-esc
aped-end-tag-name-state>12.2.4.27 Script data escaped end tag name state</a><li><a href=#script-data-double-escape-start-state>12.2.4.28 Script data double escape start state</a><li><a href=#script-data-double-escaped-state>12.2.4.29 Script data double escaped state</a><li><a href=#script-data-double-escaped-dash-state>12.2.4.30 Script data double escaped dash state</a><li><a href=#script-data-double-escaped-dash-dash-state>12.2.4.31 Script data double escaped dash dash state</a><li><a href=#script-data-double-escaped-less-than-sign-state>12.2.4.32 Script data double escaped less-than sign state</a><li><a href=#script-data-double-escape-end-state>12.2.4.33 Script data double escape end state</a><li><a href=#before-attribute-name-state>12.2.4.34 Before attribute name state</a><li><a href=#attribute-name-state>12.2.4.35 Attribute name state</a><li><a href=#after-attribute-name-state>12.2.4.36 After attribute name state</a><li><a href=#before-attribute-value-state>12.2.4.37 Bef
ore attribute value state</a><li><a href=#attribute-value-(double-quoted)-state>12.2.4.38 Attribute value (double-quoted) state</a><li><a href=#attribute-value-(single-quoted)-state>12.2.4.39 Attribute value (single-quoted) state</a><li><a href=#attribute-value-(unquoted)-state>12.2.4.40 Attribute value (unquoted) state</a><li><a href=#character-reference-in-attribute-value-state>12.2.4.41 Character reference in attribute value state</a><li><a href=#after-attribute-value-(quoted)-state>12.2.4.42 After attribute value (quoted) state</a><li><a href=#self-closing-start-tag-state>12.2.4.43 Self-closing start tag state</a><li><a href=#bogus-comment-state>12.2.4.44 Bogus comment state</a><li><a href=#markup-declaration-open-state>12.2.4.45 Markup declaration open state</a><li><a href=#comment-start-state>12.2.4.46 Comment start state</a><li><a href=#comment-start-dash-state>12.2.4.47 Comment start dash state</a><li><a href=#comment-state>12.2.4.48 Comment state</a><li><a href=#com
ment-end-dash-state>12.2.4.49 Comment end dash state</a><li><a href=#comment-end-state>12.2.4.50 Comment end state</a><li><a href=#comment-end-bang-state>12.2.4.51 Comment end bang state</a><li><a href=#doctype-state>12.2.4.52 DOCTYPE state</a><li><a href=#before-doctype-name-state>12.2.4.53 Before DOCTYPE name state</a><li><a href=#doctype-name-state>12.2.4.54 DOCTYPE name state</a><li><a href=#after-doctype-name-state>12.2.4.55 After DOCTYPE name state</a><li><a href=#after-doctype-public-keyword-state>12.2.4.56 After DOCTYPE public keyword state</a><li><a href=#before-doctype-public-identifier-state>12.2.4.57 Before DOCTYPE public identifier state</a><li><a href=#doctype-public-identifier-(double-quoted)-state>12.2.4.58 DOCTYPE public identifier (double-quoted) state</a><li><a href=#doctype-public-identifier-(single-quoted)-state>12.2.4.59 DOCTYPE public identifier (single-quoted) state</a><li><a href=#after-doctype-public-identifier-state>12.2.4.60 After DOCTYPE public i
dentifier state</a><li><a href=#between-doctype-public-and-system-identifiers-state>12.2.4.61 Between DOCTYPE public and system identifiers state</a><li><a href=#after-doctype-system-keyword-state>12.2.4.62 After DOCTYPE system keyword state</a><li><a href=#before-doctype-system-identifier-state>12.2.4.63 Before DOCTYPE system identifier state</a><li><a href=#doctype-system-identifier-(double-quoted)-state>12.2.4.64 DOCTYPE system identifier (double-quoted) state</a><li><a href=#doctype-system-identifier-(single-quoted)-state>12.2.4.65 DOCTYPE system identifier (single-quoted) state</a><li><a href=#after-doctype-system-identifier-state>12.2.4.66 After DOCTYPE system identifier state</a><li><a href=#bogus-doctype-state>12.2.4.67 Bogus DOCTYPE state</a><li><a href=#cdata-section-state>12.2.4.68 CDATA section state</a><li><a href=#tokenizing-character-references>12.2.4.69 Tokenizing character references</a></ol><li><a href=#tree-construction>12.2.5 Tree construction</a><ol><li>
<a href=#creating-and-inserting-nodes>12.2.5.1 Creating and inserting nodes</a><li><a href=#parsing-elements-that-contain-only-text>12.2.5.2 Parsing elements that contain only text</a><li><a href=#closing-elements-that-have-implied-end-tags>12.2.5.3 Closing elements that have implied end tags</a><li><a href=#parsing-main-inhtml>12.2.5.4 The rules for parsing tokens in HTML content</a><ol><li><a href=#the-initial-insertion-mode>12.2.5.4.1 The "initial" insertion mode</a><li><a href=#the-before-html-insertion-mode>12.2.5.4.2 The "before html" insertion mode</a><li><a href=#the-before-head-insertion-mode>12.2.5.4.3 The "before head" insertion mode</a><li><a href=#parsing-main-inhead>12.2.5.4.4 The "in head" insertion mode</a><li><a href=#parsing-main-inheadnoscript>12.2.5.4.5 The "in head noscript" insertion mode</a><li><a href=#the-after-head-insertion-mode>12.2.5.4.6 The "after head" insertion mode</a><li><a href=#parsing-main-inbody>12.2.5.4.7 The "in body" insertion mode</a
><li><a href=#parsing-main-incdata>12.2.5.4.8 The "text" insertion mode</a><li><a href=#parsing-main-intable>12.2.5.4.9 The "in table" insertion mode</a><li><a href=#parsing-main-intabletext>12.2.5.4.10 The "in table text" insertion mode</a><li><a href=#parsing-main-incaption>12.2.5.4.11 The "in caption" insertion mode</a><li><a href=#parsing-main-incolgroup>12.2.5.4.12 The "in column group" insertion mode</a><li><a href=#parsing-main-intbody>12.2.5.4.13 The "in table body" insertion mode</a><li><a href=#parsing-main-intr>12.2.5.4.14 The "in row" insertion mode</a><li><a href=#parsing-main-intd>12.2.5.4.15 The "in cell" insertion mode</a><li><a href=#parsing-main-inselect>12.2.5.4.16 The "in select" insertion mode</a><li><a href=#parsing-main-inselectintable>12.2.5.4.17 The "in select in table" insertion mode</a><li><a href=#parsing-main-intemplate>12.2.5.4.18 The "in template" insertion mode</a><li><a href=#parsing-main-afterbody>12.2.5.4.19 The "after body" insertion mode<
/a><li><a href=#parsing-main-inframeset>12.2.5.4.20 The "in frameset" insertion mode</a><li><a href=#parsing-main-afterframeset>12.2.5.4.21 The "after frameset" insertion mode</a><li><a href=#the-after-after-body-insertion-mode>12.2.5.4.22 The "after after body" insertion mode</a><li><a href=#the-after-after-frameset-insertion-mode>12.2.5.4.23 The "after after frameset" insertion mode</a></ol><li><a href=#parsing-main-inforeign>12.2.5.5 The rules for parsing tokens in foreign content</a></ol><li><a href=#the-end>12.2.6 The end</a><li><a href=#coercing-an-html-dom-into-an-infoset>12.2.7 Coercing an HTML DOM into an infoset</a><li><a href=#an-introduction-to-error-handling-and-strange-cases-in-the-parser>12.2.8 An introduction to error handling and strange cases in the parser</a><ol><li><a href=#misnested-tags:-b-i-/b-/i>12.2.8.1 Misnested tags: <b><i></b></i></a><li><a href=#misnested-tags:-b-p-/b-/p>12.2.8.2 Misnested tags: <b><p></b></p></a><li><a hr
ef=#unexpected-markup-in-tables>12.2.8.3 Unexpected markup in tables</a><li><a href=#scripts-that-modify-the-page-as-it-is-being-parsed>12.2.8.4 Scripts that modify the page as it is being parsed</a><li><a href=#the-execution-of-scripts-that-are-moving-across-multiple-documents>12.2.8.5 The execution of scripts that are moving across multiple documents</a><li><a href=#unclosed-formatting-elements>12.2.8.6 Unclosed formatting elements</a></ol></ol><li><a href=#serialising-html-fragments>12.3 Serialising HTML fragments</a><li><a href=#parsing-html-fragments>12.4 Parsing HTML fragments</a><li><a href=#named-character-references>12.5 Named character references</a></ol><li id=toc-the-xhtml-syntax><a href=#the-xhtml-syntax>13 The XHTML syntax</a><ol><li><a href=#writing-xhtml-documents>13.1 Writing XHTML documents</a><li><a href=#parsing-xhtml-documents>13.2 Parsing XHTML documents</a><li><a href=#serialising-xhtml-fragments>13.3 Serialising XHTML fragments</a><li><a href=#parsing
-xhtml-fragments>13.4 Parsing XHTML fragments</a></ol><li id=toc-rendering><a href=#rendering>14 Rendering</a><ol><li><a href=#introduction-16>14.1 Introduction</a><li><a href=#the-css-user-agent-style-sheet-and-presentational-hints>14.2 The CSS user agent style sheet and presentational hints</a><li><a href=#non-replaced-elements>14.3 Non-replaced elements</a><ol><li><a href=#hidden-elements>14.3.1 Hidden elements</a><li><a href=#the-page>14.3.2 The page</a><li><a href=#flow-content-3>14.3.3 Flow content</a><li><a href=#phrasing-content-3>14.3.4 Phrasing content</a><li><a href=#bidi-rendering>14.3.5 Bidirectional text</a><li><a href=#quotes>14.3.6 Quotes</a><li><a href=#sections-and-headings>14.3.7 Sections and headings</a><li><a href=#lists>14.3.8 Lists</a><li><a href=#tables-2>14.3.9 Tables</a><li><a href=#margin-collapsing-quirks>14.3.10 Margin collapsing quirks</a><li><a href=#form-controls>14.3.11 Form controls</a><li><a href=#the-hr-element-2>14.3.12 The <code>hr</code
> element</a><li><a href=#the-fieldset-and-legend-elements>14.3.13 The <code>fieldset</code> and <code>legend</code> elements</a></ol><li><a href=#replaced-elements>14.4 Replaced elements</a><ol><li><a href=#embedded-content-rendering-rules>14.4.1 Embedded content</a><li><a href=#images-2>14.4.2 Images</a><li><a href=#attributes-for-embedded-content-and-images>14.4.3 Attributes for embedded content and images</a><li><a href=#image-maps-2>14.4.4 Image maps</a></ol><li><a href=#bindings>14.5 Bindings</a><ol><li><a href=#introduction-17>14.5.1 Introduction</a><li><a href=#the-button-element-2>14.5.2 The <code>button</code> element</a><li><a href=#the-details-element-2>14.5.3 The <code>details</code> element</a><li><a href=#the-input-element-as-a-text-entry-widget>14.5.4 The <code>input</code> element as a text entry widget</a><li><a href=#the-input-element-as-domain-specific-widgets>14.5.5 The <code>input</code> element as domain-specific widgets</a><li><a href=#the-input-eleme
nt-as-a-range-control>14.5.6 The <code>input</code> element as a range control</a><li><a href=#the-input-element-as-a-colour-well>14.5.7 The <code>input</code> element as a colour well</a><li><a href=#the-input-element-as-a-checkbox-and-radio-button-widgets>14.5.8 The <code>input</code> element as a checkbox and radio button widgets</a><li><a href=#the-input-element-as-a-file-upload-control>14.5.9 The <code>input</code> element as a file upload control</a><li><a href=#the-input-element-as-a-button>14.5.10 The <code>input</code> element as a button</a><li><a href=#the-marquee-element>14.5.11 The <code>marquee</code> element</a><li><a href=#the-meter-element-2>14.5.12 The <code>meter</code> element</a><li><a href=#the-progress-element-2>14.5.13 The <code>progress</code> element</a><li><a href=#the-select-element-2>14.5.14 The <code>select</code> element</a><li><a href=#the-textarea-element-2>14.5.15 The <code>textarea</code> element</a><li><a href=#the-keygen-element-2>14.5.16
The <code>keygen</code> element</a></ol><li><a href=#frames-and-framesets>14.6 Frames and framesets</a><li><a href=#interactive-media>14.7 Interactive media</a><ol><li><a href=#links,-forms,-and-navigation>14.7.1 Links, forms, and navigation</a><li><a href=#the-title-attribute-2>14.7.2 The <code>title</code> attribute</a><li><a href=#editing-hosts>14.7.3 Editing hosts</a><li><a href=#text-rendered-in-native-user-interfaces>14.7.4 Text rendered in native user interfaces</a></ol><li><a href=#print-media>14.8 Print media</a><li><a href=#unstyled-xml-documents>14.9 Unstyled XML documents</a></ol><li id=toc-obsolete><a href=#obsolete>15 Obsolete features</a><ol><li><a href=#obsolete-but-conforming-features>15.1 Obsolete but conforming features</a><ol><li><a href=#warnings-for-obsolete-but-conforming-features>15.1.1 Warnings for obsolete but conforming features</a></ol><li><a href=#non-conforming-features>15.2 Non-conforming features</a><li><a href=#requirements-for-implementatio
ns>15.3 Requirements for implementations</a><ol><li><a href=#the-applet-element>15.3.1 The <code>applet</code> element</a><li><a href=#the-marquee-element-2>15.3.2 The <code>marquee</code> element</a><li><a href=#frames>15.3.3 Frames</a><li><a href=#other-elements,-attributes-and-apis>15.3.4 Other elements, attributes and APIs</a></ol></ol><li id=toc-iana><a href=#iana>16 IANA considerations</a><ol><li><a href=#text/html>16.1 <code>text/html</code></a><li><a href=#multipart/x-mixed-replace>16.2 <code>multipart/x-mixed-replace</code></a><li><a href=#application/xhtml+xml>16.3 <code>application/xhtml+xml</code></a><li><a href=#application/x-www-form-urlencoded>16.4 <code>application/x-www-form-urlencoded</code></a><li><a href=#text/cache-manifest>16.5 <code>text/cache-manifest</code></a><li><a href=#text/ping>16.6 <code>text/ping</code></a><li><a href=#application/microdata+json>16.7 <code>application/microdata+json</code></a><li><a href=#ping-from>16.8 <code>Ping-From</code><
/a><li><a href=#ping-to>16.9 <code>Ping-To</code></a><li><a href=#web+-scheme-prefix>16.10 <code>web+</code> scheme prefix</a></ol><li id=toc-index><a href=#index>Index</a><ol><li><a href=#elements-3>Elements</a><li><a href=#element-content-categories>Element content categories</a><li><a href=#attributes-3>Attributes</a><li><a href=#element-interfaces>Element Interfaces</a><li><a href=#all-interfaces>All Interfaces</a><li><a href=#events-2>Events</a><li><a href=#mime-types-2>MIME Types</a></ol><li id=toc-references><a href=#references>References</a><li id=toc-acknowledgments><a href=#acknowledgments>Acknowledgements</a></ol>
@@ -2179,7 +2179,7 @@
- <h4 id=dependencies>2.2.2 Dependencies</h4>
+ <h4 id=dependencies>2.2.2 Dependencies</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=28554" title="There is no SVGMatrix interface defined in SVG specification">28554</a></div>
<p>This specification relies on several other underlying specifications.</p>
@@ -5597,7 +5597,7 @@
<p>When a user agent is required to obtain a <dfn id=structured-clone>structured clone</dfn> of a value, optionally
with a <i>transfer map</i>, it must run the following algorithm, which either returns a separate
value, or throws an exception. If a <i>transfer map</i> is provided, it consists of an association
- list of <code id=safe-passing-of-structured-data:transferable><a href=#transferable>Transferable</a></code> objects to placeholder objects.</p>
+ list of <code id=safe-passing-of-structured-data:transferable><a href=#transferable>Transferable</a></code> objects to placeholder objects.<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=28566" title="Add a synchronous structured clone API">28566</a></div>
<ol><li><p>Let <var>input</var> be the value being cloned.<li><p>Let <var>transfer map</var> be the <i>transfer map</i> passed to the algorithm, if any, or
the empty list otherwise.<li><p>Let <var>memory</var> be an association list of pairs of objects, initially empty. This is
@@ -6675,7 +6675,7 @@
<a href=#htmlelement id=elements-in-the-dom:htmlelement-2>HTMLElement</a> implements <a href=#globaleventhandlers id=elements-in-the-dom:globaleventhandlers>GlobalEventHandlers</a>;
<a href=#htmlelement id=elements-in-the-dom:htmlelement-3>HTMLElement</a> implements <span>ElementContentEditable</span>;
-interface <dfn id=htmlunknownelement>HTMLUnknownElement</dfn> : <a href=#htmlelement id=elements-in-the-dom:htmlelement-4>HTMLElement</a> { };</pre>
+interface <dfn id=htmlunknownelement>HTMLUnknownElement</dfn> : <a href=#htmlelement id=elements-in-the-dom:htmlelement-4>HTMLElement</a> { };</pre><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=28155" title="ElementContentEditable is not linked">28155</a></div>
<p>The <code id=elements-in-the-dom:htmlelement-5><a href=#htmlelement>HTMLElement</a></code> interface holds methods and attributes related to a number of
disparate features, and the members of this interface are therefore described in various different
@@ -6954,7 +6954,7 @@
<p><dfn id=interactive-content-2>Interactive content</dfn> is content that is specifically intended for user
- interaction.</p>
+ interaction.<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=28212" title="Making an element with tabindex attribute to be an interactive content breaks backward compatibility">28212</a></div>
<ul class="brief category-list"><li><code id=interactive-content:the-a-element><a href=#the-a-element>a</a></code><li><code id=interactive-content:the-audio-element><a href=#the-audio-element>audio</a></code> (if the <code id=interactive-content:attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present)<li><code id=interactive-content:the-button-element><a href=#the-button-element>button</a></code><li><code id=interactive-content:the-details-element><a href=#the-details-element>details</a></code><li><code id=interactive-content:the-embed-element><a href=#the-embed-element>embed</a></code><li><code id=interactive-content:the-iframe-element><a href=#the-iframe-element>iframe</a></code><li><code id=interactive-content:the-img-element><a href=#the-img-element>img</a></code> (if the <code id=interactive-content:attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute is present)<li><code id=interactive-content:the-input-el
ement><a href=#the-input-element>input</a></code> (if the <code id=interactive-content:attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href="#hidden-state-(type=hidden)" id="interactive-content:hidden-state-(type=hidden)">Hidden</a> state)<li><code id=interactive-content:the-keygen-element><a href=#the-keygen-element>keygen</a></code><li><code id=interactive-content:the-label-element><a href=#the-label-element>label</a></code><li><code id=interactive-content:the-object-element><a href=#the-object-element>object</a></code> (if the <code id=interactive-content:attr-hyperlink-usemap-2><a href=#attr-hyperlink-usemap>usemap</a></code> attribute is present)<li><code id=interactive-content:the-select-element><a href=#the-select-element>select</a></code><li><code id=interactive-content:the-textarea-element><a href=#the-textarea-element>textarea</a></code><li><a href=#sorting-interface-th-element id=interactive-content:sorting-interface-th
-element>sorting interface <code>th</code> elements</a><li><code id=interactive-content:the-video-element><a href=#the-video-element>video</a></code> (if the <code id=interactive-content:attr-media-controls-2><a href=#attr-media-controls>controls</a></code> attribute is present)</ul>
@@ -7279,7 +7279,7 @@
attribute on <a href=#html-elements id=global-attributes:html-elements-6>HTML elements</a> in the <code id=global-attributes:text/html><a href=#text/html>text/html</a></code> syntax.</p>
- <h5 id=the-id-attribute>3.2.5.1 The <dfn><code>id</code></dfn> attribute</h5><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=17298" title="valid character range for identifiers too broad">17298</a></div>
+ <h5 id=the-id-attribute>3.2.5.1 The <dfn><code>id</code></dfn> attribute</h5><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=28197" title="i could find what differences between id and name attribute. The name attribute returns nodelist.">28197</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28198" title="i could find what differences between id and name attribute. The name attribute returns nodelist.">28198</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=17298" title="valid character range for identifiers too broad">17298</a></div>
<p>The <code id=the-id-attribute:the-id-attribute><a href=#the-id-attribute>id</a></code> attribute specifies its element's <a href=#concept-id id=the-id-attribute:concept-id>unique identifier (ID)</a>. <a href=#refsDOM>[DOM]</a></p>
@@ -7837,7 +7837,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>6+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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
@@ -8833,7 +8833,7 @@
- <h2 id=semantics>4 The elements of HTML</h2>
+ <h2 id=semantics>4 The elements of HTML</h2><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=28580" title="list only four important elements of HTML">28580</a></div>
<h3 id=the-root-element>4.1 The root element</h3>
@@ -9019,7 +9019,7 @@
- <h4 id=the-base-element>4.2.3 The <dfn><code>base</code></dfn> element</h4>
+ <h4 id=the-base-element>4.2.3 The <dfn><code>base</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=28396" title="There must be no more than one <base> element per document; rules are given for handling invalid situations ("...all [base elements] but the first are ignored"), but fail to cover the case">28396</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-base-element:concept-element-categories>Categories</a>:<dd><a href=#metadata-content-2 id=the-base-element:metadata-content-2>Metadata content</a>.<dt><a href=#concept-element-contexts id=the-base-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>In a <code id=the-base-element:the-head-element><a href=#the-head-element>head</a></code> element containing no other <code id=the-base-element:the-base-element><a href=#the-base-element>base</a></code> elements.<dt><a href=#concept-element-content-model id=the-base-element:concept-element-content-model>Content model</a>:<dd><a href=#concept-content-nothing id=the-base-element:concept-content-nothing>Nothing</a>.<dt><a href=#concept-element-tag-omission id=the-base-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>No <a href=#syntax-end-tag id=the-base-element:syntax-end-tag>end tag</a>.<dt><a href=#concept-eleme
nt-attributes id=the-base-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-base-element:global-attributes>Global attributes</a><dd><code id=the-base-element:attr-base-href><a href=#attr-base-href>href</a></code> — <a href=#document-base-url id=the-base-element:document-base-url>Document base URL</a><dd><code id=the-base-element:attr-base-target><a href=#attr-base-target>target</a></code> — Default <a href=#browsing-context id=the-base-element:browsing-context>browsing context</a> for <a href=#hyperlink id=the-base-element:hyperlink>hyperlink</a> <a href=#navigate id=the-base-element:navigate>navigation</a> and <a href=#form-submission-2 id=the-base-element:form-submission-2>form submission</a><dt><a href=#concept-element-dom id=the-base-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmlbaseelement>HTMLBaseElement</dfn> : <a href=#htmlelement id=the-base-element:htmlelement>HTMLElement</a> {
@@ -9725,7 +9725,7 @@
<tr><td><a href=#attr-meta-http-equiv-x-ua-compatible id=pragma-directives:attr-meta-http-equiv-x-ua-compatible>X-UA-Compatible</a>
<td><code>x-ua-compatible</code>
<td>
- </table>
+ </table><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=28388" title="Note about Content-Language seems wrong">28388</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28520" title="Should the sandboxing flags be captured when setting up the refresh?">28520</a></div>
@@ -9935,7 +9935,7 @@
<p>User agents are required to ignore this pragma.</p>
- </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=27164" title="API to cancel <meta refresh>, so that XHTML content can use it as a script fallback">27164</a></div>
+ </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=27164" title="API to cancel <meta refresh>, so that XHTML content can use it as a script fallback">27164</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28338" title="<meta refresh> Remove "Otherwise, jump to the last step." from step 10 to match IE11/Gecko.">28338</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28339" title="<meta refresh> Specify Refresh HTTP header">28339</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28563" title="As in most cases the http-equiv meta tags are equivalent to their corresponding HTTP header, would i [...]">28563</a></div>
<p>There must not be more than one <code id=pragma-directives:the-meta-element-16><a href=#the-meta-element>meta</a></code> element with any particular state in the
document at a time.</p>
@@ -10129,7 +10129,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="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>21+</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>33+</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="and_chr no"><span>Chrome for Android</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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
@@ -10338,7 +10338,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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>
@@ -11084,7 +11084,7 @@
- <h4 id=the-hgroup-element>4.3.7 The <dfn><code>hgroup</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=28077" title="many sites, including the w3 validator, state that the hgroup element is obsolete. there is no mention of such thing here in the documentation so it is not clear whether it can be used or not.">28077</a></div>
+ <h4 id=the-hgroup-element>4.3.7 The <dfn><code>hgroup</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=28077" title="many sites, including the w3 validator, state that the hgroup element is obsolete. there is no mention of such thing here in the documentation so it is not clear whether it can be used or not.">28077</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28574" title="hgroup has been removed from the HTML5 specification">28574</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-hgroup-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-hgroup-element:flow-content-2>Flow content</a>.<dd><a href=#heading-content-2 id=the-hgroup-element:heading-content-2>Heading content</a>.<dd><a href=#palpable-content-2 id=the-hgroup-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-hgroup-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#flow-content-2 id=the-hgroup-element:flow-content-2-2>flow content</a> is expected.<dt><a href=#concept-element-content-model id=the-hgroup-element:concept-element-content-model>Content model</a>:<dd>One or more <code id=the-hgroup-element:the-h1,-h2,-h3,-h4,-h5,-and-h6-elements><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code>, <code id=the-hgroup-element:the-h1,-h2,-h3,-h4,-h5,-and-h6-elements-2><a href=#the-h1,-h2,-h3,-h4,-h5,-
and-h6-elements>h2</a></code>, <code id=the-hgroup-element:the-h1,-h2,-h3,-h4,-h5,-and-h6-elements-3><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h3</a></code>, <code id=the-hgroup-element:the-h1,-h2,-h3,-h4,-h5,-and-h6-elements-4><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h4</a></code>, <code id=the-hgroup-element:the-h1,-h2,-h3,-h4,-h5,-and-h6-elements-5><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h5</a></code>, <code id=the-hgroup-element:the-h1,-h2,-h3,-h4,-h5,-and-h6-elements-6><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h6</a></code>, and <code id=the-hgroup-element:the-template-element><a href=#the-template-element>template</a></code> elements.<dt><a href=#concept-element-tag-omission id=the-hgroup-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-hgroup-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-hgroup-e
lement:global-attributes>Global attributes</a><dt><a href=#concept-element-dom id=the-hgroup-element:concept-element-dom>DOM interface</a>:<dd>Uses <code id=the-hgroup-element:htmlelement><a href=#htmlelement>HTMLElement</a></code>.</dl>
@@ -12594,7 +12594,7 @@
<a href=#outline id=the-hr-element:outline>outline</a>.</p>
- <h4 id=the-pre-element>4.4.3 The <dfn><code>pre</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=13103" title="Visual formatting of content inside the pre element isn't available to assistive technologies">13103</a></div>
+ <h4 id=the-pre-element>4.4.3 The <dfn><code>pre</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=13103" title="Visual formatting of content inside the pre element isn't available to assistive technologies">13103</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28273" title="link to fish figure example">28273</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-pre-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-pre-element:flow-content-2>Flow content</a>.<dd><a href=#palpable-content-2 id=the-pre-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-pre-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#flow-content-2 id=the-pre-element:flow-content-2-2>flow content</a> is expected.<dt><a href=#concept-element-content-model id=the-pre-element:concept-element-content-model>Content model</a>:<dd><a href=#phrasing-content-2 id=the-pre-element:phrasing-content-2>Phrasing content</a>.<dt><a href=#concept-element-tag-omission id=the-pre-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-pre-element:concept-element-attributes>Content attributes</a>:<dd><a href
=#global-attributes id=the-pre-element:global-attributes>Global attributes</a><dt><a href=#concept-element-dom id=the-pre-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmlpreelement>HTMLPreElement</dfn> : <a href=#htmlelement id=the-pre-element:htmlelement>HTMLElement</a> {
@@ -13579,7 +13579,7 @@
- <h4 id=the-div-element>4.4.14 The <dfn><code>div</code></dfn> element</h4>
+ <h4 id=the-div-element>4.4.14 The <dfn><code>div</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=28142" title="The <div lang="en-GB"> implies that British English is being used, which it is, so the following comment is back to front.">28142</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-div-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-div-element:flow-content-2>Flow content</a>.<dd><a href=#palpable-content-2 id=the-div-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-div-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#flow-content-2 id=the-div-element:flow-content-2-2>flow content</a> is expected.<dt><a href=#concept-element-content-model id=the-div-element:concept-element-content-model>Content model</a>:<dd><a href=#flow-content-2 id=the-div-element:flow-content-2-3>Flow content</a>.<dt><a href=#concept-element-tag-omission id=the-div-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-div-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-a
ttributes id=the-div-element:global-attributes>Global attributes</a><dt><a href=#concept-element-dom id=the-div-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmldivelement>HTMLDivElement</dfn> : <a href=#htmlelement id=the-div-element:htmlelement>HTMLElement</a> {
@@ -13645,7 +13645,7 @@
// <a href="#HTMLAnchorElement-partial">also has obsolete members</a>
};
-<a href=#htmlanchorelement id=the-a-element:htmlanchorelement>HTMLAnchorElement</a> implements <a href=#urlutils id=the-a-element:urlutils>URLUtils</a>;</pre>
+<a href=#htmlanchorelement id=the-a-element:htmlanchorelement>HTMLAnchorElement</a> implements <a href=#urlutils id=the-a-element:urlutils>URLUtils</a>;</pre><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=28575" title="Shouldn't `ping` be readonly?">28575</a></div>
</dl>
<p>If the <code id=the-a-element:the-a-element><a href=#the-a-element>a</a></code> element has an <code id=the-a-element:attr-hyperlink-href-2><a href=#attr-hyperlink-href>href</a></code> attribute,
@@ -13740,7 +13740,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="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>30+</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>33+</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="and_chr no"><span>Chrome for Android</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</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="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>37+</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
@@ -14371,7 +14371,7 @@
the same expansion. Every <code id=the-abbr-element:the-abbr-element-8><a href=#the-abbr-element>abbr</a></code> element is independent.</p>
- <h4 id=the-ruby-element>4.5.10 The <dfn><code>ruby</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=25555" title="Shouldn't <ruby> also allow intermixed script-supporting elements?">25555</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=21040" title="Double-sided ruby">21040</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=21041" title="Inlining ruby">21041</a><p class=support><strong>Support:</strong> <span class="chrome partial"><span><span>Chrome</span> (limited) </span><span>5+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>5.5+</span></span><span class="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>38+</span></span><span class="ios_saf partial"><span><span>iOS Saf
ari</span> (limited) </span><span>5.0-5.1+</span></span><span class="android partial"><span><span>Android Browser</span> (limited) </span><span>3+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="safari partial"><span><span>Safari</span> (limited) </span><span>5+</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><p class=caniuse>Source: <a href="http://caniuse.com/#feat=ruby">caniuse.com</a></div>
+ <h4 id=the-ruby-element>4.5.10 The <dfn><code>ruby</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=25555" title="Shouldn't <ruby> also allow intermixed script-supporting elements?">25555</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=21040" title="Double-sided ruby">21040</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=21041" title="Inlining ruby">21041</a><p class=support><strong>Support:</strong> <span class="chrome partial"><span><span>Chrome</span> (limited) </span><span>5+</span></span><span class="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>42+</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>38+</span></span><span class="ios_saf partial"><span><span>iOS Saf
ari</span> (limited) </span><span>5.0-5.1+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</span></span><span class="android partial"><span><span>Android Browser</span> (limited) </span><span>3+</span></span><span class="safari partial"><span><span>Safari</span> (limited) </span><span>5+</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><p class=caniuse>Source: <a href="http://caniuse.com/#feat=ruby">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-ruby-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-ruby-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-ruby-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#palpable-content-2 id=the-ruby-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-ruby-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#phrasing-content-2 id=the-ruby-element:phrasing-content-2-2>phrasing content</a> is expected.<dt><a href=#concept-element-content-model id=the-ruby-element:concept-element-content-model>Content model</a>:<dd>See prose.<dt><a href=#concept-element-tag-omission id=the-ruby-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-ruby-element:concept-element-attributes
>Content attributes</a>:<dd><a href=#global-attributes id=the-ruby-element:global-attributes>Global attributes</a><dt><a href=#concept-element-dom id=the-ruby-element:concept-element-dom>DOM interface</a>:<dd>Uses <code id=the-ruby-element:htmlelement><a href=#htmlelement>HTMLElement</a></code>.</dl>
@@ -16095,7 +16095,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>20+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</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="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>37+</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
@@ -16522,7 +16522,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</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+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span cla
ss="and_ff yes"><span>Firefox for Android</span> <span>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><span cla
ss="and_ff yes"><span>Firefox for Android</span> <span>37+</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>
@@ -16641,7 +16641,7 @@
no other <a href=#space-character id=rel-icon:space-character>space characters</a>).</p>
- <h5 id=link-type-license>4.6.5.7 Link type "<dfn><code>license</code></dfn>"</h5>
+ <h5 id=link-type-license>4.6.5.7 Link type "<dfn><code>license</code></dfn>"</h5><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=28188" title="Typo? SHould that be 'Example' and not 'Exampl'">28188</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28189" title="Typo? SHould that be 'Example' and not 'Exampl'">28189</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28190" title="Typo? SHould that be 'Example' and not 'Exampl'">28190</a></div>
<p>The <code id=link-type-license:link-type-license><a href=#link-type-license>license</a></code> keyword may be used with <code id=link-type-license:the-link-element><a href=#the-link-element>link</a></code>,
<code id=link-type-license:the-a-element><a href=#the-a-element>a</a></code>, and <code id=link-type-license:the-area-element><a href=#the-area-element>area</a></code> elements. This keyword creates a <a href=#hyperlink id=link-type-license:hyperlink>hyperlink</a>.</p>
@@ -17076,7 +17076,7 @@
<p>The <code id=edits:the-ins-element><a href=#the-ins-element>ins</a></code> and <code id=edits:the-del-element><a href=#the-del-element>del</a></code> elements represent edits to the document.</p>
- <h4 id=the-ins-element>4.7.1 The <dfn><code>ins</code></dfn> element</h4>
+ <h4 id=the-ins-element>4.7.1 The <dfn><code>ins</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=28555" title="Your use of "Example" and "Note" in the CSS rather than HTML, when it carries substantial heading-type semantics, is kind of double standards ain't it?">28555</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-ins-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-ins-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-ins-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#palpable-content-2 id=the-ins-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-ins-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#phrasing-content-2 id=the-ins-element:phrasing-content-2-2>phrasing content</a> is expected.<dt><a href=#concept-element-content-model id=the-ins-element:concept-element-content-model>Content model</a>:<dd><a href=#transparent id=the-ins-element:transparent>Transparent</a>.<dt><a href=#concept-element-tag-omission id=the-ins-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attribu
tes id=the-ins-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-ins-element:global-attributes>Global attributes</a><dd><code id=the-ins-element:attr-mod-cite><a href=#attr-mod-cite>cite</a></code> — Link to the source of the quotation or more information about the edit<dd><code id=the-ins-element:attr-mod-datetime><a href=#attr-mod-datetime>datetime</a></code> — Date and (optionally) time of the change<dt><a href=#concept-element-dom id=the-ins-element:concept-element-dom>DOM interface</a>:<dd>Uses the <code id=the-ins-element:htmlmodelement><a href=#htmlmodelement>HTMLModElement</a></code> interface.</dl>
@@ -17745,7 +17745,7 @@
<hr>
- <p>The <code id=adaptive-images:the-source-element-when-used-with-the-picture-element><a href=#the-source-element-when-used-with-the-picture-element>source</a></code> element is used with the <code id=adaptive-images:attr-img-src><a href=#attr-img-src>src</a></code> attribute, which gives the URL of the image to use for legacy user
+ <p>The <code id=adaptive-images:the-img-element-2><a href=#the-img-element>img</a></code> element is used with the <code id=adaptive-images:attr-img-src><a href=#attr-img-src>src</a></code> attribute, which gives the URL of the image to use for legacy user
agents that do not support the <code id=adaptive-images:the-picture-element-3><a href=#the-picture-element>picture</a></code> element. This leads
to a question of which image to provide in the <code id=adaptive-images:attr-img-src-2><a href=#attr-img-src>src</a></code>
attribute.</p>
@@ -17759,7 +17759,7 @@
</picture></pre>
<p>However, if legacy mobile user agents are more important, one can list all three images in the
- <code id=adaptive-images:the-source-element-when-used-with-the-picture-element-2><a href=#the-source-element-when-used-with-the-picture-element>source</a></code> elements, overriding the <code id=adaptive-images:attr-img-src-3><a href=#attr-img-src>src</a></code> attribute entirely.</p>
+ <code id=adaptive-images:the-source-element-when-used-with-the-picture-element><a href=#the-source-element-when-used-with-the-picture-element>source</a></code> elements, overriding the <code id=adaptive-images:attr-img-src-3><a href=#attr-img-src>src</a></code> attribute entirely.</p>
<pre><picture>
<source srcset="pear-mobile.jpeg" media="(max-width: 720px)">
@@ -17797,7 +17797,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</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>
+ <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="and_chr yes"><span>Chrome for Android</span> <span>42+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>40+</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>
@@ -17884,7 +17884,7 @@
- <h4 id=the-img-element>4.8.5 The <dfn><code>img</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=24055" title="<img>: Making <img> processing model text reusable (see comment 5)">24055</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=26068" title="<img> Maybe avoid infinite recursion when setting src in onerror">26068</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28096" title="Why should we not fire the progress and loadend events for multipart/x-mixed-replace image streams?">28096</a></div>
+ <h4 id=the-img-element>4.8.5 The <dfn><code>img</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=24055" title="<img>: Making <img> processing model text reusable (see comment 5)">24055</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=26068" title="<img> Maybe avoid infinite recursion when setting src in onerror">26068</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28096" title="Fire the loadend event (and possible progress events) for multipart/x-mixed-replace image streams">28096</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-img-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-img-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-img-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#embedded-content-category id=the-img-element:embedded-content-category>Embedded content</a>.<dd><a href=#form-associated-element id=the-img-element:form-associated-element>Form-associated element</a>.<dd>If the element has a <code id=the-img-element:attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute: <a href=#interactive-content-2 id=the-img-element:interactive-content-2>Interactive content</a>.<dd><a href=#palpable-content-2 id=the-img-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-img-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#embedded-content-c
ategory id=the-img-element:embedded-content-category-2>embedded content</a> is expected.<dt><a href=#concept-element-content-model id=the-img-element:concept-element-content-model>Content model</a>:<dd>Empty.<dt><a href=#concept-element-tag-omission id=the-img-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>No <a href=#syntax-end-tag id=the-img-element:syntax-end-tag>end tag</a>.<dt><a href=#concept-element-attributes id=the-img-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-img-element:global-attributes>Global attributes</a><dd><code id=the-img-element:attr-img-alt><a href=#attr-img-alt>alt</a></code> — Replacement text for use when images are not available<dd><code id=the-img-element:attr-img-src><a href=#attr-img-src>src</a></code> — Address of the resource<dd><code id=the-img-element:attr-img-srcset><a href=#attr-img-srcset>srcset</a></code> — Images to use in different situations (e.g. high-re
solution displays, small monitors, etc)<dd><code id=the-img-element:attr-img-sizes><a href=#attr-img-sizes>sizes</a></code><dd><code id=the-img-element:attr-img-crossorigin><a href=#attr-img-crossorigin>crossorigin</a></code> — How the element handles crossorigin requests<dd><code id=the-img-element:attr-hyperlink-usemap-2><a href=#attr-hyperlink-usemap>usemap</a></code> — Name of <a href=#image-map id=the-img-element:image-map>image map</a> to use<dd><code id=the-img-element:attr-img-ismap><a href=#attr-img-ismap>ismap</a></code> — Whether the image is a server-side image map<dd><code id=the-img-element:attr-dim-width><a href=#attr-dim-width>width</a></code> — Horizontal dimension<dd><code id=the-img-element:attr-dim-height><a href=#attr-dim-height>height</a></code> — Vertical dimension<dt><a href=#concept-element-dom id=the-img-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>[NamedConstructor=<a href=#dom-image id=the-img-element:dom-image>Image</a>(optional unsigned long width, optional unsigned long height)]
@@ -17917,7 +17917,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</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>
+ <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="and_chr yes"><span>Chrome for Android</span> <span>42+</span></span><span class="ie partial"><span><span>IE</span> (limited) </span><span>Edge+</span></span><span class="firefox yes"><span>Firefox</span> <span>38+</span></span><span class="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>8+</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>40+</span></span><span class="op_mini no"><span>Opera Mini</span> <span>None</span></span><span class="safari partial"><span><span>Safari</sp
an> (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>
@@ -20144,7 +20144,7 @@
<a href=#process-the-iframe-attributes id=the-iframe-element:process-the-iframe-attributes-3>process the <code>iframe</code> attributes</a>.</p>
<p>When the user agent is to <dfn id=process-the-iframe-attributes>process the <code>iframe</code> attributes</dfn>, it must run
- the first appropriate steps from the following list:</p>
+ the first appropriate steps from the following list:<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=28227" title="Shouldn't srcdoc in XHTML be parsed as XML, since the authoring requirements require the value to be XML?">28227</a></div>
<dl class=switch><dt>If the <code id=the-iframe-element:attr-iframe-srcdoc-13><a href=#attr-iframe-srcdoc>srcdoc</a></code> attribute is specified<dd><p><a href=#navigate id=the-iframe-element:navigate>Navigate</a> the element's <a href=#child-browsing-context id=the-iframe-element:child-browsing-context>child browsing context</a>
to a resource whose <a href=#content-type id=the-iframe-element:content-type>Content-Type</a> is <code id=the-iframe-element:text/html><a href=#text/html>text/html</a></code>, whose <a href=#url id=the-iframe-element:url-2>URL</a>
@@ -20275,7 +20275,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>28+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</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="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="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>37+</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
@@ -20394,7 +20394,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="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="firefox no"><span>Firefox</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>
+ 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="and_chr no"><span>Chrome for Android</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="android no"><span>Android Bro
wser</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>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>
@@ -21479,7 +21479,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><sp
an>Firefox</span> <span>3.5+</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>33+</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=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=video">caniuse.com</a></div><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>
<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
@@ -21730,7 +21730,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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
@@ -22699,7 +22699,7 @@
<code id=loading-the-media-resource:event-media-suspend-2><a href=#event-media-suspend>suspend</a></code> at the element. If and when downloading of the
resource resumes, the user agent must <a href=#queue-a-task id=loading-the-media-resource:queue-a-task-13>queue a task</a> to set the <code id=loading-the-media-resource:dom-media-networkstate-12><a href=#dom-media-networkstate>networkState</a></code> to <code id=loading-the-media-resource:dom-media-network_loading-5><a href=#dom-media-network_loading>NETWORK_LOADING</a></code>. Between the queuing of these tasks,
the load is suspended (so <code id=loading-the-media-resource:event-media-progress><a href=#event-media-progress>progress</a></code> events don't fire,
- as described above).</p>
+ as described above).<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=28392" title="I assume "decides to completely *stall* a download" means "*suspend* a download".">28392</a></div>
<p class=note>The <code id=loading-the-media-resource:attr-media-preload-2><a href=#attr-media-preload>preload</a></code> attribute provides a hint
regarding how much buffering the author thinks is advisable, even in the absence of the <code id=loading-the-media-resource:attr-media-autoplay><a href=#attr-media-autoplay>autoplay</a></code> attribute.</p>
@@ -23794,7 +23794,7 @@
playback position</a> must increase monotonically at <a href=#effective-playback-rate id=playing-the-media-resource:effective-playback-rate-5>effective playback rate</a> units
of media time per unit time of the <a href=#media-timeline id=playing-the-media-resource:media-timeline-2>media timeline</a>'s clock. (This specification always
refers to this as an <i>increase</i>, but that increase could actually be a <em>de</em>crease if
- the <a href=#effective-playback-rate id=playing-the-media-resource:effective-playback-rate-6>effective playback rate</a> is negative.)</p>
+ the <a href=#effective-playback-rate id=playing-the-media-resource:effective-playback-rate-6>effective playback rate</a> is negative.)<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=28236" title="The "rules for updating the text track rendering" are not run when mode changes from hidden to showing">28236</a></div>
<p class=note>The <a href=#effective-playback-rate id=playing-the-media-resource:effective-playback-rate-7>effective playback rate</a> can be 0.0, in which case the
<a href=#current-playback-position id=playing-the-media-resource:current-playback-position-10>current playback position</a> doesn't move, despite playback not being paused (<code id=playing-the-media-resource:dom-media-paused-13><a href=#dom-media-paused>paused</a></code> doesn't become true, and the <code id=playing-the-media-resource:event-media-pause-3><a href=#event-media-pause>pause</a></code> event doesn't fire).</p>
@@ -27213,7 +27213,7 @@
- <h4 id=the-map-element>4.8.15 The <dfn><code>map</code></dfn> element</h4>
+ <h4 id=the-map-element>4.8.15 The <dfn><code>map</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=28219" title="Remove HTMLMapElement.images (no implementation since 2007)">28219</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-map-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-map-element:flow-content-2>Flow content</a>.<dd><a href=#phrasing-content-2 id=the-map-element:phrasing-content-2>Phrasing content</a>.<dd><a href=#palpable-content-2 id=the-map-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-map-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#phrasing-content-2 id=the-map-element:phrasing-content-2-2>phrasing content</a> is expected.<dt><a href=#concept-element-content-model id=the-map-element:concept-element-content-model>Content model</a>:<dd><a href=#transparent id=the-map-element:transparent>Transparent</a>.<dt><a href=#concept-element-tag-omission id=the-map-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attribu
tes id=the-map-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-map-element:global-attributes>Global attributes</a><dd><code id=the-map-element:attr-map-name><a href=#attr-map-name>name</a></code> — Name of <a href=#image-map id=the-map-element:image-map>image map</a> to reference from the <code id=the-map-element:attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute<dt><a href=#concept-element-dom id=the-map-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmlmapelement>HTMLMapElement</dfn> : <a href=#htmlelement id=the-map-element:htmlelement>HTMLElement</a> {
@@ -27519,7 +27519,7 @@
- <h5 id=processing-model-2>4.8.17.2 Processing model</h5>
+ <h5 id=processing-model-2>4.8.17.2 Processing model</h5><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=28149" title="Swapping of the first and third entry in the coords list for the rectangle shape is backwards">28149</a></div>
<p>If an <code id=processing-model-2:the-img-element><a href=#the-img-element>img</a></code> element or an <code id=processing-model-2:the-object-element><a href=#the-object-element>object</a></code> element representing an image has a
<code id=processing-model-2:attr-hyperlink-usemap><a href=#attr-hyperlink-usemap>usemap</a></code> attribute specified, user agents must process it
@@ -27661,7 +27661,7 @@
- <h4 id=mathml>4.8.18 MathML</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>24+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</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></span><span class="opera partial"><span><span>Opera</span> (limited) </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 yes"><span>Firefox for Android</span> <span>33+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=mathml">caniuse.com</a></div>
+ <h4 id=mathml>4.8.18 MathML</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>24+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</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></span><span class="opera partial"><span><span>Opera</span> (limited) </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 yes"><span>Firefox for Android</span> <span>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=mathml">caniuse.com</a></div>
<p>The <dfn id=math><code>math</code></dfn> element from the <a href=#mathml-namespace id=mathml:mathml-namespace>MathML namespace</a>
falls into the <a href=#embedded-content-category id=mathml:embedded-content-category>embedded content</a>, <a href=#phrasing-content-2 id=mathml:phrasing-content-2>phrasing content</a>, and <a href=#flow-content-2 id=mathml:flow-content-2>flow
@@ -27746,7 +27746,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="android yes"><span>Android Browser</span> <span>3+</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.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>37+</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>
@@ -28522,7 +28522,7 @@
- <h4 id=the-col-element>4.9.4 The <dfn><code>col</code></dfn> element</h4>
+ <h4 id=the-col-element>4.9.4 The <dfn><code>col</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=28323" title="Contexts in which this element can be used:">28323</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-col-element:concept-element-categories>Categories</a>:<dd>None.<dt><a href=#concept-element-contexts id=the-col-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>As a child of a <code id=the-col-element:the-colgroup-element><a href=#the-colgroup-element>colgroup</a></code> element that doesn't have
a <code id=the-col-element:attr-col-span><a href=#attr-col-span>span</a></code> attribute.<dt><a href=#concept-element-content-model id=the-col-element:concept-element-content-model>Content model</a>:<dd><a href=#concept-content-nothing id=the-col-element:concept-content-nothing>Nothing</a>.<dt><a href=#concept-element-tag-omission id=the-col-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>No <a href=#syntax-end-tag id=the-col-element:syntax-end-tag>end tag</a>.<dt><a href=#concept-element-attributes id=the-col-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-col-element:global-attributes>Global attributes</a><dd><code id=the-col-element:attr-col-span-2><a href=#attr-col-span>span</a></code> — Number of columns spanned by the element<dt><a href=#concept-element-dom id=the-col-element:concept-element-dom>DOM interface</a>:<dd>
@@ -29805,7 +29805,7 @@
all the following conditions simultaneously:</p>
<ul><li><p>It corresponds to a <a href=#concept-cell id=table-sorting-model:concept-cell>cell</a> whose <i>width</i> is 1.
- (Specifically, a <i>header cell</i>, since this is a <code id=table-sorting-model:the-th-element-6><a href=#the-th-element>th</a></code> element.)<li><p>There is no <a href=#concept-cell id=table-sorting-model:concept-cell-2>cell</a> that corresponds to another
+ (Specifically, a <i>header cell</i>, since this is a <code id=table-sorting-model:the-th-element-6><a href=#the-th-element>th</a></code> element.)<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=28168" title=""The sortable attribute ... indicates that the user agent is to allow the user to sort the table."">28168</a></div><li><p>There is no <a href=#concept-cell id=table-sorting-model:concept-cell-2>cell</a> that corresponds to another
<a href=#sorting-capable-th-element id=table-sorting-model:sorting-capable-th-element>sorting-capable <code>th</code> element</a> that covers slots in the same <a href=#concept-column id=table-sorting-model:concept-column>column</a> but on a higher (earlier) <a href=#concept-row id=table-sorting-model:concept-row>row</a>.<li>
<p>If the <a href=#concept-cell id=table-sorting-model:concept-cell-3>cell</a>'s <a href=#concept-table id=table-sorting-model:concept-table>table</a> has
@@ -30885,7 +30885,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="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>40+</span></span><span class="firefox partial"><span><span>Firefox</span> (limited) </span><span>4+</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>33+</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="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>42+</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="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>4.0-4.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="android partial"><span><span>Android Browser</s
pan> (limited) </span><span>4.4+</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>37+</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>
@@ -31134,7 +31134,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>4.0-4.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="android yes"><span>Android Browser</span> <span>4.4.3-4.4.4+</span></span><span class="op_mini partial"><span><span>Opera Mini</span> (limited) </span><span>5.0-8.0+</span></span><span class="safari partial"><span><span>Safari</span> (limited) </span><span>5+</span></span><span class="opera yes"><span>Opera</spa
n> <span>10.0-10.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>37+</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>
@@ -31463,7 +31463,7 @@
<ul class="brief category-list"><li><code id=categories:the-button-element-5><a href=#the-button-element>button</a></code><li><code id=categories:the-input-element-6><a href=#the-input-element>input</a></code> (if the <code id=categories:attr-input-type><a href=#attr-input-type>type</a></code> attribute is <em>not</em> in the <a href="#hidden-state-(type=hidden)" id="categories:hidden-state-(type=hidden)">Hidden</a> state)<li><code id=categories:the-keygen-element-6><a href=#the-keygen-element>keygen</a></code><li><code id=categories:the-meter-element><a href=#the-meter-element>meter</a></code><li><code id=categories:the-output-element-5><a href=#the-output-element>output</a></code><li><code id=categories:the-progress-element><a href=#the-progress-element>progress</a></code><li><code id=categories:the-select-element-6><a href=#the-select-element>select</a></code><li><code id=categories:the-textarea-element-6><a href=#the-textarea-element>textarea</a></code></ul>
- <h4 id=the-form-element>4.10.3 The <dfn><code>form</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=22320" title="Form's supported property names should perhaps not be enumerable">22320</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27833" title="Issue: 99% of the time if you want to use auto focus you want it to be the first visible control of [...]">27833</a></div>
+ <h4 id=the-form-element>4.10.3 The <dfn><code>form</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=22320" title="Form's supported property names should perhaps not be enumerable">22320</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27833" title="Issue: 99% of the time if you want to use auto focus you want it to be the first visible control of [...]">27833</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28576" title="assessement for keeps givng me errors when trying to submit">28576</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28603" title="ugh this is so boring">28603</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-form-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-form-element:flow-content-2>Flow content</a>.<dd><a href=#palpable-content-2 id=the-form-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-form-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#flow-content-2 id=the-form-element:flow-content-2-2>flow content</a> is expected.<dt><a href=#concept-element-content-model id=the-form-element:concept-element-content-model>Content model</a>:<dd><a href=#flow-content-2 id=the-form-element:flow-content-2-3>Flow content</a>, but with no <code id=the-form-element:the-form-element><a href=#the-form-element>form</a></code> element descendants.<dt><a href=#concept-element-tag-omission id=the-form-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt>
<a href=#concept-element-attributes id=the-form-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-form-element:global-attributes>Global attributes</a><dd><code id=the-form-element:attr-form-accept-charset><a href=#attr-form-accept-charset>accept-charset</a></code> — Character encodings to use for <a href=#form-submission-2 id=the-form-element:form-submission-2>form submission</a><dd><code id=the-form-element:attr-fs-action><a href=#attr-fs-action>action</a></code> — <a href=#url id=the-form-element:url>URL</a> to use for <a href=#form-submission-2 id=the-form-element:form-submission-2-2>form submission</a><dd><code id=the-form-element:attr-form-autocomplete><a href=#attr-form-autocomplete>autocomplete</a></code> — Default setting for autofill feature for controls in the form<dd><code id=the-form-element:attr-fs-enctype><a href=#attr-fs-enctype>enctype</a></code> — Form data set encoding type to use for <a href=#form-submi
ssion-2 id=the-form-element:form-submission-2-3>form submission</a><dd><code id=the-form-element:attr-fs-method><a href=#attr-fs-method>method</a></code> — HTTP method to use for <a href=#form-submission-2 id=the-form-element:form-submission-2-4>form submission</a><dd><code id=the-form-element:attr-form-name><a href=#attr-form-name>name</a></code> — Name of form to use in the <code id=the-form-element:dom-document-forms><a href=#dom-document-forms>document.forms</a></code> API<dd><code id=the-form-element:attr-fs-novalidate><a href=#attr-fs-novalidate>novalidate</a></code> — Bypass form control validation for <a href=#form-submission-2 id=the-form-element:form-submission-2-5>form submission</a><dd><code id=the-form-element:attr-fs-target><a href=#attr-fs-target>target</a></code> — <a href=#browsing-context id=the-form-element:browsing-context>Browsing context</a> for <a href=#form-submission-2 id=the-form-element:form-submission-2-6>form submission</a><dt><a href=#co
ncept-element-dom id=the-form-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>[OverrideBuiltins]
@@ -33764,7 +33764,7 @@
</div>
- <h6 id="e-mail-state-(type=email)">4.10.5.1.5 <dfn>E-mail</dfn> state (<code>type=email</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=15489" title="forms: <input type=email> validation needs to be updated for EAI">15489</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18162" title="IDN email addresses should be converted to Punycode before validating them">18162</a></div>
+ <h6 id="e-mail-state-(type=email)">4.10.5.1.5 <dfn>E-mail</dfn> state (<code>type=email</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=15489" title="forms: <input type=email> validation needs to be updated for EAI">15489</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28162" title="The end of the paragraph defining a valid e-mail address list should be "an implementation must split the string on commas", not "and implementation must split the string on commas".">28162</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28387" title="it is not showing error if xxx at hotmail is typed which is not a valid email">28387</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18162" title="IDN email addresses should be converted to Punycode before validating them">18162</a></div>
@@ -34250,7 +34250,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox no"><span>Firefox</span> <span>None</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+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>5.0-5.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>9+</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>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-datetime">caniuse.com</a></div>
@@ -34970,7 +34970,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=27639" title="Value sanitization scheme is untenable.">27639</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28095" title="Half the world uses commas instead of periods as decimal separators. How about requiring user-agents to handle both? Details on browser support here:">28095</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="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>29+</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+</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>33+</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=27639" title="Value sanitization scheme is untenable.">27639</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28095" title="Half the world uses commas instead of periods as decimal separators. How about requiring user-agents to handle both? Details on browser support here:">28095</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="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>42+</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="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>3.2+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</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="safari yes"><span>Safari</span> <span>5+</span></span><span class="opera yes"><span>Opera</span> <span>9+</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>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-number">caniuse.com</a></div>
@@ -35130,7 +35130,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>23+</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+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9+</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>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-range">caniuse.com</a></div>
@@ -35479,7 +35479,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>29+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf no"><span>iOS Safari</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="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="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>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-color">caniuse.com</a></div>
@@ -36564,7 +36564,7 @@
- <h6 id=the-maxlength-and-minlength-attributes>4.10.5.3.1 The <code id=the-maxlength-and-minlength-attributes:attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code> and <code id=the-maxlength-and-minlength-attributes:attr-input-minlength><a href=#attr-input-minlength>minlength</a></code> attributes</h6>
+ <h6 id=the-maxlength-and-minlength-attributes>4.10.5.3.1 The <code id=the-maxlength-and-minlength-attributes:attr-input-maxlength><a href=#attr-input-maxlength>maxlength</a></code> and <code id=the-maxlength-and-minlength-attributes:attr-input-minlength><a href=#attr-input-minlength>minlength</a></code> attributes</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>40+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>40+</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>27+</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-minlength">caniuse.com</a></div>
<p>The <dfn id=attr-input-maxlength><code>maxlength</code></dfn> attribute, when it <a href=#concept-input-apply id=the-maxlength-and-minlength-attributes:concept-input-apply>applies</a>, is a <a href=#attr-fe-maxlength id=the-maxlength-and-minlength-attributes:attr-fe-maxlength>form control <code>maxlength</code> attribute</a> controlled by the <code id=the-maxlength-and-minlength-attributes:the-input-element><a href=#the-input-element>input</a></code> element's <a href=#concept-input-value-dirty-flag id=the-maxlength-and-minlength-attributes:concept-input-value-dirty-flag>dirty value flag</a>.</p>
@@ -36735,7 +36735,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="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>3.6+</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>
+ 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="and_chr no"><span>Chrome for Android</span> <span>None</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="ios_saf yes"><span>iOS Safari</span> <span>6.0-6.1+</span></span><span class="and_uc no"><span>UC Browser for Android</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="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>
@@ -36784,7 +36784,7 @@
- <h6 id=the-pattern-attribute>4.10.5.3.6 The <code id=the-pattern-attribute:attr-input-pattern><a href=#attr-input-pattern>pattern</a></code> attribute</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>10+</span></span><span class="ie yes"><span>IE</span> <span>10+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</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 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 partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>33+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-pattern">caniuse.com</a></div>
+ <h6 id=the-pattern-attribute>4.10.5.3.6 The <code id=the-pattern-attribute:attr-input-pattern><a href=#attr-input-pattern>pattern</a></code> attribute</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>10+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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 partial"><span><span>IE Mobile</span> (limited) </span><span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=input-pattern">caniuse.com</a></div>
@@ -37224,7 +37224,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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>
@@ -38203,7 +38203,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</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+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>33+</span></span><p class=caniuse>Sourc
e: <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 partial"><span><span>Chrome</span> (limited) </span><span>20+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>42+</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_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="safari no"><span>Safari</span> <span>None</span></span><span class="opera partial"><span><span>Opera</span> (limited) </span><span>15+</span></span><span class="and_ff p
artial"><span><span>Firefox for Android</span> (limited) </span><span>37+</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> {
@@ -39276,7 +39276,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>16+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>7.0-7.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <
span>9.9+</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="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>37+</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> {
@@ -40407,7 +40407,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</span> <span>None</span></span><span class="android yes"><span>And
roid Browser</span> <span>3+</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>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=autofocus">caniuse.com</a></div>
@@ -40637,7 +40637,7 @@
space-separated tokens</a> consisting of just <a href=#autofill-detail-tokens id=autofilling-form-controls:-the-autocomplete-attribute:autofill-detail-tokens-2>autofill detail tokens</a> (i.e. the
"<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-on-2><a href=#attr-fe-autocomplete-on>on</a></code>" and "<code id=autofilling-form-controls:-the-autocomplete-attribute:attr-fe-autocomplete-off-2><a href=#attr-fe-autocomplete-off>off</a></code>" keywords are not allowed).</p>
- <p><dfn id=autofill-detail-tokens>Autofill detail tokens</dfn> are the following, in the order given below:</p>
+ <p><dfn id=autofill-detail-tokens>Autofill detail tokens</dfn> are the following, in the order given below:<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=28431" title="Example uses address-level1 on a field labeled "City" while the document states that address-level1 most often refers to a state or similar with address-level2 being used for cities.">28431</a></div>
<ol><li>
@@ -41956,7 +41956,7 @@
- <h4 id=textFieldSelection>4.10.20 APIs for the text field selections</h4>
+ <h4 id=textFieldSelection>4.10.20 APIs for the text field selections</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=28225" title="Do we really want getting <input type=image>.selectionDirection to throw?">28225</a></div>
@@ -43291,7 +43291,7 @@
<h3 id=interactive-elements>4.11 Interactive elements</h3>
- <h4 id=the-details-element>4.11.1 The <dfn><code>details</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=25550" title="Shouldn't <details> also allow intermixed script-supporting elements (before the <summary>)?">25550</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>12+</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox no"><span>Firefox</span> <span>None</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+</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>15+</span></span><span class="ie_mob no"><span>IE Mobile</span> <span>None</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=details">caniuse.com</a></div>
+ <h4 id=the-details-element>4.11.1 The <dfn><code>details</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=25550" title="Shouldn't <details> also allow intermixed script-supporting elements (before the <summary>)?">25550</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>12+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>6.0-6.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</span></span><span class="android yes"><span>Android Browser</span> <span>4+</span></span><span class="safari yes"><span>Safari</span> <span>6+<
/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><p class=caniuse>Source: <a href="http://caniuse.com/#feat=details">caniuse.com</a></div>
<dl class=element><dt><a href=#concept-element-categories id=the-details-element:concept-element-categories>Categories</a>:<dd><a href=#flow-content-2 id=the-details-element:flow-content-2>Flow content</a>.<dd><a href=#sectioning-root id=the-details-element:sectioning-root>Sectioning root</a>.<dd><a href=#interactive-content-2 id=the-details-element:interactive-content-2>Interactive content</a>.<dd><a href=#palpable-content-2 id=the-details-element:palpable-content-2>Palpable content</a>.<dt><a href=#concept-element-contexts id=the-details-element:concept-element-contexts>Contexts in which this element can be used</a>:<dd>Where <a href=#flow-content-2 id=the-details-element:flow-content-2-2>flow content</a> is expected.<dt><a href=#concept-element-content-model id=the-details-element:concept-element-content-model>Content model</a>:<dd>One <code id=the-details-element:the-summary-element><a href=#the-summary-element>summary</a></code> element followed by <a href=#flow-conte
nt-2 id=the-details-element:flow-content-2-3>flow content</a>.<dt><a href=#concept-element-tag-omission id=the-details-element:concept-element-tag-omission>Tag omission in text/html</a>:<dd>Neither tag is omissible.<dt><a href=#concept-element-attributes id=the-details-element:concept-element-attributes>Content attributes</a>:<dd><a href=#global-attributes id=the-details-element:global-attributes>Global attributes</a><dd><code id=the-details-element:attr-details-open><a href=#attr-details-open>open</a></code> — Whether the details are visible<dt><a href=#concept-element-dom id=the-details-element:concept-element-dom>DOM interface</a>:<dd>
<pre class=idl>interface <dfn id=htmldetailselement>HTMLDetailsElement</dfn> : <a href=#htmlelement id=the-details-element:htmlelement>HTMLElement</a> {
@@ -43426,7 +43426,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="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="firefox partial"><span><span>Firefox</span> (limited) </span><span>8+</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>
+ <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="and_chr no"><span>Chrome for Android</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</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></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> {
@@ -44404,7 +44404,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox no"><span>Firefox</span> <span>None</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>
+ <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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for
Android</span> <span>None</span></span><span class="android yes"><span>Android Browser</span> <span>40+</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> {
@@ -44917,7 +44917,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.6+</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>
33+</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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>
37+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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>
@@ -45499,7 +45499,7 @@
- <h5 id=scriptingLanguages>4.12.1.1 Scripting languages</h5>
+ <h5 id=scriptingLanguages>4.12.1.1 Scripting languages</h5><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=28397" title="Can I have a <dfn> for "JavaScript MIME types" that references this list?">28397</a></div>
@@ -45871,7 +45871,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=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28112" title="TH tags are not closed">28112</a><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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>22+</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>33+</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=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28112" title="TH tags are not closed">28112</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>26+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>8+</span></span><span class="and_uc no"><span>UC Browser for Android</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="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>37+</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> {
@@ -46034,7 +46034,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=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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</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+</span></span><span class="ie_mob yes"><spa
n>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>33+</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=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9+</span></span><span class="ie_mob yes"><spa
n>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>37+</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>;
@@ -46502,7 +46502,7 @@
- <h5 id=2dcontext>4.12.4.2 The 2D rendering context</h5><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=17427" title="<canvas>: drawImage() should accept SVGImageElement (<svg:image>)">17427</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27429" title="CanvasRenderingContext2DSettings IDL misses semicolon.">27429</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18220" title="drawImage should accept SVGImageElement">18220</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27315" title="Use enum for lineCap, lineJoin, textAlign, textBaseline, and direction">27315</a></div>
+ <h5 id=2dcontext>4.12.4.2 The 2D rendering context</h5><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=17427" title="<canvas>: drawImage() should accept SVGImageElement (<svg:image>)">17427</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18220" title="drawImage should accept SVGImageElement">18220</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27315" title="Use enum for lineCap, lineJoin, textAlign, textBaseline, and direction">27315</a></div>
@@ -46516,7 +46516,7 @@
dictionary <dfn id=canvasrenderingcontext2dsettings>CanvasRenderingContext2DSettings</dfn> {
boolean <a href=#dom-canvasrenderingcontext2dsettings-alpha id=2dcontext:dom-canvasrenderingcontext2dsettings-alpha>alpha</a> = true;
-}
+};
[<a href=#dom-context-2d id=2dcontext:dom-context-2d>Constructor</a>(),
<a href=#dom-context-2d id=2dcontext:dom-context-2d-2>Constructor</a>(unsigned long width, unsigned long height),
@@ -47129,7 +47129,7 @@
- <h6 id=line-styles>4.12.4.2.4 Line styles</h6>
+ <h6 id=line-styles>4.12.4.2.4 Line styles</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=28480" title="Double quotes everywhere">28480</a></div>
<dl class=domintro><dt><var>context</var> . <code id=line-styles:dom-context-2d-linewidth><a href=#dom-context-2d-linewidth>lineWidth</a></code> [ = <var>value</var> ]<dt><var>styles</var> . <code id=line-styles:dom-context-2d-linewidth-2><a href=#dom-context-2d-linewidth>lineWidth</a></code> [ = <var>value</var> ]<dd>
@@ -48124,7 +48124,7 @@
- <h6 id=transformations>4.12.4.2.8 <dfn>Transformations</dfn></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=9235" title="<canvas>: perspective transformations">9235</a></div>
+ <h6 id=transformations>4.12.4.2.8 <dfn>Transformations</dfn></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=9235" title="<canvas>: perspective transformations">9235</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28333" title="Show on example how a,b,c,d,e,f affect the point position">28333</a></div>
<p>Each <code id=transformations:canvasrenderingcontext2d><a href=#canvasrenderingcontext2d>CanvasRenderingContext2D</a></code> object has a <i>current transformation matrix</i>,
as well as methods (described in this section) to manipulate it. When a
@@ -48654,7 +48654,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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>
@@ -48847,7 +48847,7 @@
<p>Returns true if the given point would be in the region covered by the stroke of the
<a href=#current-default-path id=drawing-paths-to-the-canvas:current-default-path-10>current default path</a> or the given path, given the current stroke style.</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=28217" title="It's not clear from the spec if two paths which describe two poligons with a common edge, when rende [...]">28217</a></div>
@@ -49624,7 +49624,7 @@
- <h6 id=pixel-manipulation>4.12.4.2.16 <dfn>Pixel manipulation</dfn></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=28040" title="Comment about canvas high-res outdated?">28040</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28064" title="The Note for says "Throws a NotSupportedError exception if any of the arguments are not finite." for putImageData, but it's not mentioned in the prose.">28064</a></div>
+ <h6 id=pixel-manipulation>4.12.4.2.16 <dfn>Pixel manipulation</dfn></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=28327" title="CanvasRenderingContext2D.putImageData cannot throw a NotSupportedError exception under ECMAScript binding *even if* any of the arguments are not finite.">28327</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28040" title="Comment about canvas high-res outdated?">28040</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28064" title="The Note for says "Throws a NotSupportedError exception if any of the arguments are not finite." for putImageData, but it's not mentioned in the prose.">28064</a></div>
<dl class=domintro><dt><var>imagedata</var> = new <code id=pixel-manipulation:dom-imagedata><a href=#dom-imagedata>ImageData</a></code>(<var>sw</var>, <var>sh</var>)<dt><var>imagedata</var> = <var>context</var> . <code id=pixel-manipulation:dom-context-2d-createimagedata><a href=#dom-context-2d-createimagedata>createImageData</a></code>(<var>sw</var>, <var>sh</var>)<dd>
@@ -50163,7 +50163,7 @@
<code id=best-practices:attr-contenteditable><a href=#attr-contenteditable>contenteditable</a></code> attribute.</p>
- <h6 id=examples>4.12.4.2.22 Examples</h6>
+ <h6 id=examples>4.12.4.2.22 Examples</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=28200" title="Drop www. in blue robot demo">28200</a></div>
<p><i>This section is non-normative.</i></p>
@@ -54025,7 +54025,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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
@@ -55409,7 +55409,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=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27457" title="What is contenteditable? Where do you apply it?">27457</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>5.5+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</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="opera yes"><span>Opera</span> <span>9+</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>33+</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=bugs><strong>Spec bugs:</strong> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27457" title="What is contenteditable? Where do you apply it?">27457</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>4+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9+</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>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=contenteditable">caniuse.com</a></div>
<pre class=idl>[NoInterfaceObject]
interface ElementContentEditable {
@@ -55558,7 +55558,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="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</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>33+</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="and_chr partial"><span><span>Chrome for Android</span> (limited) </span><span>42+</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="ios_saf partial"><span><span>iOS Safari</span> (limited) </span><span>3.2+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</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="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>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=spellcheck-attribute">caniuse.com</a></div>
@@ -55714,7 +55714,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="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</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>
+ <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="and_chr no"><span>Chrome for Android</span> <span>None</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</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="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>
@@ -55745,14 +55745,14 @@
- <h4 id=introduction-10>6.7.1 Introduction</h4>
+ <h4 id=event-drag>6.7.1 Introduction</h4>
<p><i>This section is non-normative.</i></p>
- <p>To make an element draggable is simple: give the element a <code id=introduction-10:the-draggable-attribute><a href=#the-draggable-attribute>draggable</a></code> attribute, and set an event listener for <code id=introduction-10:event-dnd-dragstart><a href=#event-dnd-dragstart>dragstart</a></code> that stores the data being dragged.</p>
+ <p>To make an element draggable is simple: give the element a <code id=event-drag:the-draggable-attribute><a href=#the-draggable-attribute>draggable</a></code> attribute, and set an event listener for <code id=event-drag:event-dnd-dragstart><a href=#event-dnd-dragstart>dragstart</a></code> that stores the data being dragged.</p>
<p>The event handler typically needs to check that it's not a text selection that is being
- dragged, and then needs to store data into the <code id=introduction-10:datatransfer><a href=#datatransfer>DataTransfer</a></code> object and set the
+ dragged, and then needs to store data into the <code id=event-drag:datatransfer><a href=#datatransfer>DataTransfer</a></code> object and set the
allowed effects (copy, move, link, or some combination).</p>
<p>For example:</p>
@@ -55778,21 +55778,21 @@
<hr>
- <p>To accept a drop, the drop target has to have a <code id=introduction-10:the-dropzone-attribute><a href=#the-dropzone-attribute>dropzone</a></code>
- attribute and listen to the <code id=introduction-10:event-dnd-drop><a href=#event-dnd-drop>drop</a></code> event.</p>
+ <p>To accept a drop, the drop target has to have a <code id=event-drag:the-dropzone-attribute><a href=#the-dropzone-attribute>dropzone</a></code>
+ attribute and listen to the <code id=event-drag:event-dnd-drop><a href=#event-dnd-drop>drop</a></code> event.</p>
- <p>The value of the <code id=introduction-10:the-dropzone-attribute-2><a href=#the-dropzone-attribute>dropzone</a></code> attribute specifies what kind of
+ <p>The value of the <code id=event-drag:the-dropzone-attribute-2><a href=#the-dropzone-attribute>dropzone</a></code> attribute specifies what kind of
data to accept (e.g. "<code>string:text/plain</code>" to accept any text strings, or
"<code>file:image/png</code>" to accept a PNG image file) and what kind of feedback to
give (e.g. "<code>move</code>" to indicate that the data will be moved).</p>
- <p class=note>Instead of using the <code id=introduction-10:the-dropzone-attribute-3><a href=#the-dropzone-attribute>dropzone</a></code> attribute, a drop
- target can handle the <code id=introduction-10:event-dnd-dragenter><a href=#event-dnd-dragenter>dragenter</a></code> event (to report whether or
- not the drop target is to accept the drop) and the <code id=introduction-10:event-dnd-dragover><a href=#event-dnd-dragover>dragover</a></code>
+ <p class=note>Instead of using the <code id=event-drag:the-dropzone-attribute-3><a href=#the-dropzone-attribute>dropzone</a></code> attribute, a drop
+ target can handle the <code id=event-drag:event-dnd-dragenter><a href=#event-dnd-dragenter>dragenter</a></code> event (to report whether or
+ not the drop target is to accept the drop) and the <code id=event-drag:event-dnd-dragover><a href=#event-dnd-dragover>dragover</a></code>
event (to specify what feedback is to be shown to the user).</p>
- <p>The <code id=introduction-10:event-dnd-drop-2><a href=#event-dnd-drop>drop</a></code> event allows the actual drop to be performed. This
- event needs to be canceled, so that the <code id=introduction-10:dom-datatransfer-dropeffect><a href=#dom-datatransfer-dropeffect>dropEffect</a></code> attribute's value can be used by the source
+ <p>The <code id=event-drag:event-dnd-drop-2><a href=#event-dnd-drop>drop</a></code> event allows the actual drop to be performed. This
+ event needs to be canceled, so that the <code id=event-drag:dom-datatransfer-dropeffect><a href=#dom-datatransfer-dropeffect>dropEffect</a></code> attribute's value can be used by the source
(otherwise it's reset).</p>
<p>For example:</p>
@@ -55822,7 +55822,7 @@
<hr>
- <p>To remove the original element (the one that was dragged) from the display, the <code id=introduction-10:event-dnd-dragend><a href=#event-dnd-dragend>dragend</a></code> event can be used.</p>
+ <p>To remove the original element (the one that was dragged) from the display, the <code id=event-drag:event-dnd-dragend><a href=#event-dnd-dragend>dragend</a></code> event can be used.</p>
<p>For our example here, that means updating the original markup to handle that event:</p>
@@ -57729,7 +57729,7 @@
- <h3 id=the-window-object>7.2 The <code id=the-window-object:window><a href=#window>Window</a></code> object</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=10694" title="Specify window.console">10694</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=25685" title="Seems that WindowProxy open should have [TreatNullAs=EmptyString] for compat with Blink and Firefox<27 (we have a bug report from regressing this).">25685</a></div>
+ <h3 id=the-window-object>7.2 The <code id=the-window-object:window><a href=#window>Window</a></code> object</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=28152" title="FrameRequestCallback is not linked or defined">28152</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=10694" title="Specify window.console">10694</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=25685" title="Seems that WindowProxy open should have [TreatNullAs=EmptyString] for compat with Blink and Firefox<27 (we have a bug report from regressing this).">25685</a></div>
<pre class=idl>[PrimaryGlobal]
/*sealed*/ interface <dfn id=window>Window</dfn> : <a href=#eventtarget id=the-window-object:eventtarget>EventTarget</a> {
@@ -58082,7 +58082,7 @@
- <h4 id=named-access-on-the-window-object>7.2.4 Named access on the <code id=named-access-on-the-window-object:window><a href=#window>Window</a></code> object</h4>
+ <h4 id=named-access-on-the-window-object>7.2.4 Named access on the <code id=named-access-on-the-window-object:window><a href=#window>Window</a></code> object</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=28390" title="Which named properties on the Window should be enumerable?">28390</a></div>
<dl class=domintro><dt><var>window</var>[<var>name</var>]<dd>
@@ -58327,7 +58327,7 @@
- <h3 id=origin>7.3 Origin</h3>
+ <h3 id=origin>7.3 Origin</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=28374" title="Should canvas really get tainted by a cross-origin (via document.domain) drawImage call?">28374</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28375" title="The global object has an origin in implementations, we should acknowledge this. Specifications also routinely assume it has one, e.g. IDB.">28375</a></div>
<p>Origins are the fundamental currency of the Web's security model. Two actors in the Web
@@ -59160,7 +59160,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>4+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="and_uc partial"><span><span>UC Browser for Android</span> (limited) </span><span>9.9+</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="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>37+</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>
@@ -60438,7 +60438,7 @@
- <h4 id=history-traversal>7.6.10 History traversal</h4>
+ <h4 id=history-traversal>7.6.10 History traversal</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=28454" title="typo: usign">28454</a></div>
@@ -60607,7 +60607,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.6+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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> {
@@ -60876,11 +60876,11 @@
- <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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</span></span><p class=caniuse>Source: <a href="http://caniuse.com/#feat=offline-apps">caniuse.com</a></div>
- <h4 id=introduction-11>7.7.1 Introduction</h4>
+ <h4 id=introduction-10>7.7.1 Introduction</h4>
<p><i>This section is non-normative.</i></p>
@@ -60926,7 +60926,7 @@
clock.js
</pre>
- <p>With a small change to the HTML file, the manifest (served as <code id=introduction-11:text/cache-manifest><a href=#text/cache-manifest>text/cache-manifest</a></code>)
+ <p>With a small change to the HTML file, the manifest (served as <code id=introduction-10:text/cache-manifest><a href=#text/cache-manifest>text/cache-manifest</a></code>)
is linked to the application:</p>
<pre><!-- clock.html -->
@@ -60950,7 +60950,7 @@
mentioned.</p>
<p class=note>With the exception of "no-store" directive, HTTP cache headers and restrictions on
- caching pages served over TLS (encrypted, using <code id=introduction-11:https-protocol><a data-x-internal=https-protocol href=http://tools.ietf.org/html/rfc7230#section-2.7.2>https:</a></code>) are
+ caching pages served over TLS (encrypted, using <code id=introduction-10:https-protocol><a data-x-internal=https-protocol href=http://tools.ietf.org/html/rfc7230#section-2.7.2>https:</a></code>) are
overridden by manifests. Thus, pages will not expire from an application cache before the user
agent has updated it, and even applications served over TLS can be made to work offline.</p>
@@ -62491,7 +62491,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox partial"><span><span>Firefox</span> (limited) </span><span>4+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</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="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="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>37+</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> {
@@ -62561,13 +62561,13 @@
<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>
+ <h4 id=introduction-11>8.1.1 Introduction</h4>
<p>Various mechanisms can cause author-provided executable code to run in the context of a
document. These mechanisms include, but are probably not limited to:</p>
- <ul><li>Processing of <code id=introduction-12:the-script-element><a href=#the-script-element>script</a></code> elements.<li>Navigating to <a href=#javascript-protocol id=introduction-12:javascript-protocol><code>javascript:</code> URLs</a>.<li>Event handlers, whether registered through the DOM using <code>addEventListener()</code>, by explicit <a href=#event-handler-content-attributes id=introduction-12:event-handler-content-attributes>event handler content attributes</a>, by
- <a href=#event-handler-idl-attributes id=introduction-12:event-handler-idl-attributes>event handler IDL attributes</a>, or otherwise.<li>Processing of technologies like SVG that have their own scripting features.</ul>
+ <ul><li>Processing of <code id=introduction-11:the-script-element><a href=#the-script-element>script</a></code> elements.<li>Navigating to <a href=#javascript-protocol id=introduction-11:javascript-protocol><code>javascript:</code> URLs</a>.<li>Event handlers, whether registered through the DOM using <code>addEventListener()</code>, by explicit <a href=#event-handler-content-attributes id=introduction-11:event-handler-content-attributes>event handler content attributes</a>, by
+ <a href=#event-handler-idl-attributes id=introduction-11:event-handler-idl-attributes>event handler IDL attributes</a>, or otherwise.<li>Processing of technologies like SVG that have their own scripting features.</ul>
@@ -62645,7 +62645,7 @@
<hr>
- <p>An <dfn id=environment-settings-object>environment settings object</dfn> specifies algorithms for obtaining the following:<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=27190" title="Add TLS state to environment settings objects. This is needed for Fetch and Mixed Content [...]">27190</a></div>
+ <p>An <dfn id=environment-settings-object>environment settings object</dfn> specifies algorithms for obtaining the following:<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=27190" title="Add HTTPS state to environment settings objects">27190</a></div>
<dl><dt>A <dfn id=script-execution-environment>script execution environment</dfn> for each language supported by the user agent<dd>
@@ -64016,7 +64016,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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>
@@ -65213,7 +65213,7 @@
- <h5 id=custom-handlers>8.6.1.3 Custom scheme and content handlers: the <code id=custom-handlers:dom-navigator-registerprotocolhandler><a href=#dom-navigator-registerprotocolhandler>registerProtocolHandler()</a></code> and <code id=custom-handlers:dom-navigator-registercontenthandler><a href=#dom-navigator-registercontenthandler>registerContentHandler()</a></code> methods</h5><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=13883" title="Index of methods and IDL attributes">13883</a></div>
+ <h5 id=custom-handlers>8.6.1.3 Custom scheme and content handlers: the <code id=custom-handlers:dom-navigator-registerprotocolhandler><a href=#dom-navigator-registerprotocolhandler>registerProtocolHandler()</a></code> and <code id=custom-handlers:dom-navigator-registercontenthandler><a href=#dom-navigator-registercontenthandler>registerContentHandler()</a></code> methods</h5><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=13883" title="Index of methods and IDL attributes">13883</a><p class=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>13+</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>3+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>N
one</span></span><span class="and_uc no"><span>UC Browser for Android</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="safari no"><span>Safari</span> <span>None</span></span><span class="opera yes"><span>Opera</span> <span>11.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=registerprotocolhandler">caniuse.com</a></div>
<pre class=idl>[NoInterfaceObject]
interface <dfn id=navigatorcontentutils>NavigatorContentUtils</dfn> {
@@ -66535,7 +66535,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=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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>6+</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 yes"><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 clas
s="and_ff yes"><span>Firefox for Android</span> <span>33+</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=support><strong>Support:</strong> <span class="chrome yes"><span>Chrome</span> <span>6+</span></span><span class="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>4.0-4.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="safari yes"><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 clas
s="and_ff yes"><span>Firefox for Android</span> <span>37+</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>
@@ -67183,7 +67183,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>11+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>6.0-6.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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>
@@ -67197,7 +67197,7 @@
through a custom server.</p>
- <h4 id=the-websocket-interface>9.3.2 The <code id=the-websocket-interface:websocket><a href=#websocket>WebSocket</a></code> interface</h4>
+ <h4 id=the-websocket-interface>9.3.2 The <code id=the-websocket-interface:websocket><a href=#websocket>WebSocket</a></code> interface</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=28393" title="Determine which cookies to include before returning.">28393</a></div>
<pre class=idl>enum <dfn id=binarytype>BinaryType</dfn> { "<a href=#dom-binarytype-blob id=the-websocket-interface:dom-binarytype-blob>blob</a>", "<a href=#dom-binarytype-arraybuffer id=the-websocket-interface:dom-binarytype-arraybuffer>arraybuffer</a>" };
[<a href=#dom-websocket id=the-websocket-interface:dom-websocket>Constructor</a>(DOMString url, optional (DOMString or DOMString[]) protocols), Exposed=(Window,Worker)]
@@ -67795,7 +67795,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>3+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</span></span><span class="ie yes"><span>IE</span> <span>Edge+</span></span><span class="firefox yes"><span>Firefox</span> <span>3+</span></span><span class="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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 partial"><span><span>IE Mob
ile</span> (limited) </span><span>10+</span></span><span class="and_ff yes"><span>Firefox for Android</span> <span>37+</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>
@@ -67816,16 +67816,16 @@
- <h4 id=introduction-13>9.4.1 Introduction</h4>
+ <h4 id=introduction-12>9.4.1 Introduction</h4>
<p><i>This section is non-normative.</i></p>
<div class=example>
- <p>For example, if document A contains an <code id=introduction-13:the-iframe-element><a href=#the-iframe-element>iframe</a></code> element that contains document B,
- and script in document A calls <code id=introduction-13:dom-window-postmessage><a href=#dom-window-postmessage>postMessage()</a></code> on the
- <code id=introduction-13:window><a href=#window>Window</a></code> object of document B, then a message event will be fired on that object,
- marked as originating from the <code id=introduction-13:window-2><a href=#window>Window</a></code> of document A. The script in document A might
+ <p>For example, if document A contains an <code id=introduction-12:the-iframe-element><a href=#the-iframe-element>iframe</a></code> element that contains document B,
+ and script in document A calls <code id=introduction-12:dom-window-postmessage><a href=#dom-window-postmessage>postMessage()</a></code> on the
+ <code id=introduction-12:window><a href=#window>Window</a></code> object of document B, then a message event will be fired on that object,
+ marked as originating from the <code id=introduction-12:window-2><a href=#window>Window</a></code> of document A. The script in document A might
look like:</p>
<pre>var o = document.getElementsByTagName('iframe')[0];
@@ -68013,18 +68013,18 @@
- <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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox no"><span>Firefox</span> <span>None</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>
+ <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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>5.0-5.1+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>
+ <h4 id=introduction-13>9.5.1 Introduction</h4>
<p><i>This section is non-normative.</i></p>
- <p>To enable independent pieces of code (e.g. running in different <a href=#browsing-context id=introduction-14:browsing-context>browsing contexts</a>) to communicate directly, authors can use <a href=#channel-messaging id=introduction-14:channel-messaging>channel
+ <p>To enable independent pieces of code (e.g. running in different <a href=#browsing-context id=introduction-13:browsing-context>browsing contexts</a>) to communicate directly, authors can use <a href=#channel-messaging id=introduction-13:channel-messaging>channel
messaging</a>.</p>
<p>Communication channels in this mechanism are implemented as two-ways pipes, with a port at each
end. Messages sent in one port are delivered at the other port, and vice-versa. Messages are
- delivered as DOM events, without interrupting or blocking running <a href=#concept-task id=introduction-14:concept-task>tasks</a>.</p>
+ delivered as DOM events, without interrupting or blocking running <a href=#concept-task id=introduction-13:concept-task>tasks</a>.</p>
<p>To create a connection (two "entangled" ports), the <code>MessageChannel()</code>
constructor is called:</p>
@@ -68032,16 +68032,16 @@
<pre>var channel = new MessageChannel();</pre>
<p>One of the ports is kept as the local port, and the other port is sent to the remote code, e.g.
- using <code id=introduction-14:dom-window-postmessage><a href=#dom-window-postmessage>postMessage()</a></code>:</p>
+ using <code id=introduction-13:dom-window-postmessage><a href=#dom-window-postmessage>postMessage()</a></code>:</p>
<pre>otherWindow.postMessage('hello', 'http://example.com', [channel.port2]);</pre>
- <p>To send messages, the <code id=introduction-14:dom-messageport-postmessage><a href=#dom-messageport-postmessage>postMessage()</a></code> method on
+ <p>To send messages, the <code id=introduction-13:dom-messageport-postmessage><a href=#dom-messageport-postmessage>postMessage()</a></code> method on
the port is used:</p>
<pre>channel.port1.postMessage('hello');</pre>
- <p>To receive messages, one listens to <code id=introduction-14:event-message><a href=#event-message>message</a></code> events:</p>
+ <p>To receive messages, one listens to <code id=introduction-13:event-message><a href=#event-message>message</a></code> events:</p>
<pre>channel.port1.onmessage = handleMessage;
function handleMessage(event) {
@@ -68050,7 +68050,7 @@
}</pre>
<p>Data sent on a port can be structured data; for example here an array of strings is passed on a
- <code id=introduction-14:messageport><a href=#messageport>MessagePort</a></code>:</p>
+ <code id=introduction-13:messageport><a href=#messageport>MessagePort</a></code>:</p>
<pre>port1.postMessage(['hello', 'world']);</pre>
@@ -68625,7 +68625,7 @@
- <h3 id=broadcasting-to-other-browsing-contexts>9.6 <dfn>Broadcasting to other browsing contexts</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=27842" title="The identity string of BroadcastChannel has too many names (channel/name/channel ID).">27842</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="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="firefox yes"><span>Firefox</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 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=broadcastchannel">caniuse.com</a></div>
+ <h3 id=broadcasting-to-other-browsing-contexts>9.6 <dfn>Broadcasting to other browsing contexts</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=27842" title="The identity string of BroadcastChannel has too many names (channel/name/channel ID).">27842</a><p class=support><strong>Support:</strong> <span class="chrome no"><span>Chrome</span> <span>None</span></span><span class="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="ie no"><span>IE</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>38+</span></span><span class="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc no"><span>UC Browser for Android</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="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=broadcastchannel">caniuse.com</a></div>
<p>Pages on a single <a href=#origin-2 id=broadcasting-to-other-browsing-contexts:origin-2>origin</a> opened by the same user in the same user agent but in
different unrelated <a href=#browsing-context id=broadcasting-to-other-browsing-contexts:browsing-context>browsing contexts</a> sometimes need to
@@ -68805,7 +68805,7 @@
<h2 id=workers>10 Web workers</h2>
- <h3 id=introduction-15>10.1 Introduction</h3>
+ <h3 id=introduction-14>10.1 Introduction</h3>
<h4 id=scope-2>10.1.1 Scope</h4>
@@ -68995,7 +68995,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="and_chr no"><span>Chrome for Android</span> <span>None</span></span><span class="firefox yes"><span>Firefox</span> <span>29+</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>33+</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="and_chr no"><span>Chrome for Android</span> <span>None</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="ios_saf no"><span>iOS Safari</span> <span>None</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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>
@@ -70310,7 +70310,7 @@
<a href=#workerglobalscope id=apis-available-to-workers:workerglobalscope-2>WorkerGlobalScope</a> implements <a href=#windowbase64 id=apis-available-to-workers:windowbase64>WindowBase64</a>;</pre>
- <h4 id=importing-scripts-and-libraries>10.3.1 Importing scripts and libraries</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=27276" title="Ensure importScripts("http://... 404 error ...") is clearly defined">27276</a></div>
+ <h4 id=importing-scripts-and-libraries>10.3.1 Importing scripts and libraries</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=28411" title="Base URL for importScripts doesn't appear to be defined">28411</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27276" title="Ensure importScripts("http://... 404 error ...") is clearly defined">27276</a></div>
<p>When a script invokes the <dfn id=dom-workerglobalscope-importscripts><code>importScripts(<var>urls</var>)</code></dfn> method on a <code id=importing-scripts-and-libraries:workerglobalscope><a href=#workerglobalscope>WorkerGlobalScope</a></code> object, the user
agent must run the following steps:</p>
@@ -70411,7 +70411,7 @@
<h2 id=webstorage>11 Web storage</h2>
- <h3 id=introduction-16>11.1 Introduction</h3>
+ <h3 id=introduction-15>11.1 Introduction</h3>
<p><i>This section is non-normative.</i></p>
@@ -70427,7 +70427,7 @@
currently being purchased would "leak" from one window to the other, potentially causing the user
to buy two tickets for the same flight without really noticing.</p>
- <p>To address this, this specification introduces the <code id=introduction-16:dom-sessionstorage><a href=#dom-sessionstorage>sessionStorage</a></code> IDL attribute. Sites can add data to the session
+ <p>To address this, this specification introduces the <code id=introduction-15:dom-sessionstorage><a href=#dom-sessionstorage>sessionStorage</a></code> IDL attribute. Sites can add data to the session
storage, and it will be accessible to any page from the same site opened in that window.</p>
<div class=example>
@@ -70460,7 +70460,7 @@
<p>Again, cookies do not handle this case well, because they are transmitted with every
request.</p>
- <p>The <code id=introduction-16:dom-localstorage><a href=#dom-localstorage>localStorage</a></code> IDL attribute is used to access a page's
+ <p>The <code id=introduction-15:dom-localstorage><a href=#dom-localstorage>localStorage</a></code> IDL attribute is used to access a page's
local storage area.</p>
<div class=example>
@@ -70487,7 +70487,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>3.5+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="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>37+</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>
@@ -72881,7 +72881,7 @@
<p>The list contains elements in the <a href=#formatting id=the-list-of-active-formatting-elements:formatting-2>formatting</a> category, and <a href=#concept-parser-marker id=the-list-of-active-formatting-elements:concept-parser-marker>markers</a>. The <dfn id=concept-parser-marker>markers</dfn> are inserted when entering <code id=the-list-of-active-formatting-elements:the-applet-element><a href=#the-applet-element>applet</a></code>
elements, buttons, <code id=the-list-of-active-formatting-elements:the-object-element><a href=#the-object-element>object</a></code> elements, marquees, table cells, and table captions, and
are used to prevent formatting from "leaking" <em>into</em> <code id=the-list-of-active-formatting-elements:the-applet-element-2><a href=#the-applet-element>applet</a></code> elements, buttons,
- <code id=the-list-of-active-formatting-elements:the-object-element-2><a href=#the-object-element>object</a></code> elements, marquees, and tables.</p>
+ <code id=the-list-of-active-formatting-elements:the-object-element-2><a href=#the-object-element>object</a></code> elements, marquees, and tables.<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=28433" title="A marker is not inserted when entering button">28433</a></div>
<p>In addition, each element in the <a href=#list-of-active-formatting-elements id=the-list-of-active-formatting-elements:list-of-active-formatting-elements>list of active formatting elements</a> is associated
with the token for which it was created, so that further elements can be created for that token if
@@ -76891,7 +76891,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</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+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for A
ndroid</span> <span>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9+</span></span><span class="ie_mob yes"><span>IE Mobile</span> <span>10+</span></span><span class="and_ff yes"><span>Firefox for A
ndroid</span> <span>37+</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
@@ -77303,7 +77303,7 @@
- <h3 id=serialising-html-fragments>12.3 Serialising HTML fragments</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=28113" title="The text of the HTML fragment serialisation algorithm says that the algorithm may throw an exception, but it doesn't indicate which exceptions or the circumstances in which they should be thrown.">28113</a></div>
+ <h3 id=serialising-html-fragments>12.3 Serialising HTML fragments</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=28113" title="The text of the HTML fragment serialisation algorithm says that the algorithm may throw an exception, but it doesn't indicate which exceptions or the circumstances in which they should be thrown.">28113</a>, <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=28467" title="How character data is get serialized when appended as innerHTML to <pre> element.">28467</a></div>
<p>The following steps form the <dfn id=html-fragment-serialisation-algorithm>HTML fragment serialisation algorithm</dfn>. The algorithm
takes as input a DOM <code id=serialising-html-fragments:element><a href=#element>Element</a></code>, <code id=serialising-html-fragments:document><a href=#document>Document</a></code>, or <code id=serialising-html-fragments:documentfragment><a href=#documentfragment>DocumentFragment</a></code>
@@ -77622,7 +77622,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="and_chr yes"><span>Chrome for Android</span> <span>40+</span></span><span class="firefox yes"><span>Firefox</span> <span>2+</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+</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>33+</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="and_chr yes"><span>Chrome for Android</span> <span>42+</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="ios_saf yes"><span>iOS Safari</span> <span>3.2+</span></span><span class="and_uc yes"><span>UC Browser for Android</span> <span>9.9+</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="safari yes"><span>Safari</span> <span>3.1+</span></span><span class="opera yes"><span>Opera</span> <span>9+</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>37+</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>
@@ -77850,7 +77850,7 @@
section has the same conformance implications as the RFC2119-defined term "must".</i></p>
- <h3 id=introduction-17>14.1 Introduction</h3>
+ <h3 id=introduction-16>14.1 Introduction</h3>
<p>In general, user agents are expected to support CSS, and many of the suggestions in this
section are expressed in CSS terms. User agents that use other presentation mechanisms can derive
@@ -77858,7 +77858,7 @@
<p>In the absence of style-layer rules to the contrary (e.g. author style sheets), user agents are
expected to render an element so that it conveys to the user the meaning that the element
- <a href=#represents id=introduction-17:represents>represents</a>, as described by this specification.</p>
+ <a href=#represents id=introduction-16:represents>represents</a>, as described by this specification.</p>
<p>The suggestions in this section generally assume a visual output medium with a resolution of
96dpi or greater, but HTML is intended to apply to multiple media (it is a
@@ -77870,9 +77870,9 @@
<p>An element is <dfn id=being-rendered>being rendered</dfn> if it has any associated CSS layout boxes, SVG layout
boxes, or some equivalent in other styling languages.</p>
- <p class=note>Just being off-screen does not mean the element is not <a href=#being-rendered id=introduction-17:being-rendered>being
- rendered</a>. The presence of the <code id=introduction-17:the-hidden-attribute><a href=#the-hidden-attribute>hidden</a></code> attribute normally
- means the element is not <a href=#being-rendered id=introduction-17:being-rendered-2>being rendered</a>, though this might be overridden by the style
+ <p class=note>Just being off-screen does not mean the element is not <a href=#being-rendered id=introduction-16:being-rendered>being
+ rendered</a>. The presence of the <code id=introduction-16:the-hidden-attribute><a href=#the-hidden-attribute>hidden</a></code> attribute normally
+ means the element is not <a href=#being-rendered id=introduction-16:being-rendered-2>being rendered</a>, though this might be overridden by the style
sheets.</p>
<hr>
@@ -79333,7 +79333,7 @@
<h3 id=bindings>14.5 Bindings</h3>
- <h4 id=introduction-18>14.5.1 Introduction</h4>
+ <h4 id=introduction-17>14.5.1 Introduction</h4>
<p>A number of elements have their rendering defined in terms of the 'binding' property. <a href=#refsBECSS>[BECSS]</a></p>
@@ -79605,7 +79605,7 @@
- <h4 id=the-marquee-element>14.5.11 The <code id=the-marquee-element:the-marquee-element-2><a href=#the-marquee-element-2>marquee</a></code> element</h4>
+ <h4 id=the-marquee-element>14.5.11 The <code id=the-marquee-element:the-marquee-element-2><a href=#the-marquee-element-2>marquee</a></code> 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=28296" title="Make #the-marquee-element the main definition">28296</a></div>
<pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
@@ -79852,7 +79852,7 @@
- <h4 id=the-textarea-element-2>14.5.15 The <code id=the-textarea-element-2:the-textarea-element><a href=#the-textarea-element>textarea</a></code> element</h4>
+ <h4 id=the-textarea-element-2>14.5.15 The <code id=the-textarea-element-2:the-textarea-element><a href=#the-textarea-element>textarea</a></code> 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=28517" title="origin of the rule for textarea cols=0/rows=0">28517</a></div>
<pre class=css>@namespace url(http://www.w3.org/1999/xhtml);
@@ -80385,7 +80385,7 @@
- <h2 id=obsolete>15 Obsolete features</h2>
+ <h2 id=obsolete>15 Obsolete features</h2><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=28497" title="In 15.1, one of the obsolete features is:">28497</a></div>
<h3 id=obsolete-but-conforming-features>15.1 Obsolete but conforming features</h3>
@@ -80510,7 +80510,7 @@
<h3 id=requirements-for-implementations>15.3 Requirements for implementations</h3>
- <h4 id=the-applet-element>15.3.1 The <dfn><code>applet</code></dfn> element</h4>
+ <h4 id=the-applet-element>15.3.1 The <dfn><code>applet</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=28384" title="Per bug 28360 the browser might also be in charge of fetching the applet. If that's true, this section needs some extra text.">28384</a></div>
<p>The <code id=the-applet-element:the-applet-element><a href=#the-applet-element>applet</a></code> element is a Java-specific variant of the <code id=the-applet-element:the-embed-element><a href=#the-embed-element>embed</a></code> element.
The <code id=the-applet-element:the-applet-element-2><a href=#the-applet-element>applet</a></code> element is now obsoleted so that all extension frameworks (Java, .NET,
Modified: source
===================================================================
--- source 2015-03-05 00:33:36 UTC (rev 8890)
+++ source 2015-05-06 01:42:31 UTC (rev 8891)
@@ -375,7 +375,7 @@
<p><a href="https://whatwg.org/" class="logo"><img width="101" height="101" alt="WHATWG" src="//whatwg.org/images/logo"></a></p>
<hgroup w-nodev>
<h1 class="allcaps">HTML</h1>
- <h2 class="no-num no-toc">Living Standard — Last Updated <span class="pubdate">[DATE: 01 Jan 1901]</span></h2>
+ <h2 id="living-standard" class="no-num no-toc">Living Standard — Last Updated <span class="pubdate">[DATE: 01 Jan 1901]</span></h2>
</hgroup>
<hgroup w-nohtml>
<h1><a href="/" rel=home>HTML: The Living Standard</a></h1>
@@ -60390,7 +60390,7 @@
dictionary <dfn>CanvasRenderingContext2DSettings</dfn> {
boolean <span data-x="dom-CanvasRenderingContext2DSettings-alpha">alpha</span> = true;
-}
+};
[<span data-x="dom-context-2d">Constructor</span>(),
<span data-x="dom-context-2d">Constructor</span>(unsigned long width, unsigned long height),
@@ -74308,7 +74308,7 @@
</div>
- <h4>Introduction</h4>
+ <h4 id="event-drag">Introduction</h4>
<!-- NON-NORMATIVE SECTION -->
More information about the Commit-Watchers
mailing list