No subject

Mon Jan 28 08:41:14 PST 2013

+  scripts in the SVG resource, the SVG file would appear to be in a lone=
 top-level browsing context
+  with no parent.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;If a hostile page embeds victim content, the threat=
 is that the embedding page could obtain
+  information from the content that it would not otherwise have access t=
o. The API does expose some
+  information: the existence of the media, its type, its duration, its s=
ize, and the performance
+  characteristics of its host. Such information is already potentially p=
roblematic, but in practice
+  the same information can more or less be obtained using the &lt;code&g=
t;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt; element, an=
d so it
+  has been deemed acceptable.&lt;/p&gt;
+
+  &lt;p&gt;However, significantly more sensitive information could be ob=
tained if the user agent further
+  exposes metadata within the content such as subtitles or chapter title=
s. Such information is
+  therefore only exposed if the video resource passes a CORS &lt;a href=3D=
#resource-sharing-check&gt;resource sharing check&lt;/a&gt;.
+  The &lt;code title=3Dattr-media-crossorigin&gt;&lt;a href=3D#attr-medi=
a-crossorigin&gt;crossorigin&lt;/a&gt;&lt;/code&gt; attribute allows auth=
ors to control
+  how this check is performed. &lt;a href=3D#refsCORS&gt;[CORS]&lt;/a&gt=
;&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;Without this restriction, an attacker could t=
rick a user running within a
+  corporate network into visiting a site that attempts to load a video f=
rom a previously leaked
+  location on the corporation's intranet. If such a video included confi=
dential plans for a new
+  product, then being able to read the subtitles would present a serious=
 confidentiality breach.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+
+  &lt;h5 id=3Dbest-practices-for-authors-using-media-elements&gt;&lt;spa=
n class=3Dsecno&gt;4.7.10.18 &lt;/span&gt;Best practices for authors usin=
g media elements&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;Playing audio and video resources on small devices such as se=
t-top boxes or mobile phones is
+  often constrained by limited hardware resources in the device. For exa=
mple, a device might only
+  support three simultaneous videos. For this reason, it is a good pract=
ice to release resources
+  held by &lt;a href=3D#media-element title=3D&quot;media element&quot;&=
gt;media elements&lt;/a&gt; when they are done playing, either by
+  being very careful about removing all references to the element and al=
lowing it to be garbage
+  collected, or, even better, by removing the element's &lt;code title=3D=
attr-media-src&gt;&lt;a href=3D#attr-media-src&gt;src&lt;/a&gt;&lt;/code&=
gt;
+  attribute and any &lt;code&gt;&lt;a href=3D#the-source-element&gt;sour=
ce&lt;/a&gt;&lt;/code&gt; element descendants, and invoking the element's=
 &lt;code title=3Ddom-media-load&gt;&lt;a href=3D#dom-media-load&gt;load(=
)&lt;/a&gt;&lt;/code&gt; method.&lt;/p&gt;
+
+  &lt;p&gt;Similarly, when the playback rate is not exactly 1.0, hardwar=
e, software, or format limitations
+  can cause video frames to be dropped and audio to be choppy or muted.&=
lt;/p&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dbest-practices-for-implementors-of-media-elements&gt;&lt;s=
pan class=3Dsecno&gt;4.7.10.19 &lt;/span&gt;Best practices for implemento=
rs of media elements&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;How accurately various aspects of the &lt;a href=3D#media-ele=
ment&gt;media element&lt;/a&gt; API are implemented is
+  considered a quality-of-implementation issue.&lt;/p&gt;
+
+  &lt;p&gt;For example, when implementing the &lt;code title=3Dattr-medi=
a-buffered&gt;buffered&lt;/code&gt; attribute,
+  how precise an implementation reports the ranges that have been buffer=
ed depends on how carefully
+  the user agent inspects the data. Since the API reports ranges as time=
s, but the data is obtained
+  in byte streams, a user agent receiving a variable-bit-rate stream mig=
ht only be able to determine
+  precise times by actually decoding all of the data. User agents aren't=
 required to do this,
+  however; they can instead return estimates (e.g. based on the average =
bit rate seen so far) which
+  get revised as more information becomes available.&lt;/p&gt;
+
+  &lt;p&gt;As a general rule, user agents are urged to be conservative r=
ather than optimistic. For
+  example, it would be bad to report that everything had been buffered w=
hen it had not.&lt;/p&gt;
+
+  &lt;p&gt;Another quality-of-implementation issue would be playing a vi=
deo backwards when the codec is
+  designed only for forward playback (e.g. there aren't many key frames,=
 and they are far apart, and
+  the intervening frames only have deltas from the previous frame). User=
 agents could do a poor job,
+  e.g. only showing key frames; however, better implementations would do=
 more work and thus do a
+  better job, e.g. actually decoding parts of the video forwards, storin=
g the complete frames, and
+  then playing the frames backwards.&lt;/p&gt;
+
+  &lt;p&gt;Similarly, while implementations are allowed to drop buffered=
 data at any time (there is no
+  requirement that a user agent keep all the media data obtained for the=
 lifetime of the media
+  element), it is again a quality of implementation issue: user agents w=
ith sufficient resources to
+  keep all the data around are encouraged to do so, as this allows for a=
 better user experience. For
+  example, if the user is watching a live stream, a user agent could all=
ow the user only to view the
+  live video; however, a better user agent would buffer everything and a=
llow the user to seek
+  through the earlier material, pause it, play it forwards and backwards=
, etc.&lt;/p&gt;
+
+  &lt;p&gt;When multiple tracks are synchronised with a &lt;code&gt;&lt;=
a href=3D#mediacontroller&gt;MediaController&lt;/a&gt;&lt;/code&gt;, it i=
s possible for
+  scripts to add and remove media elements from the &lt;code&gt;&lt;a hr=
ef=3D#mediacontroller&gt;MediaController&lt;/a&gt;&lt;/code&gt;'s list of
+  &lt;a href=3D#slaved-media-elements&gt;slaved media elements&lt;/a&gt;=
, even while these tracks are playing. How smoothly the media
+  plays back in such situations is another quality-of-implementation iss=
ue.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;When a &lt;a href=3D#media-element&gt;media element=
&lt;/a&gt; that is paused is &lt;a href=3D#remove-an-element-from-a-docum=
ent title=3D&quot;remove an element from a
+  document&quot;&gt;removed from a document&lt;/a&gt; and not reinserted=
 before the next time the &lt;a href=3D#event-loop&gt;event
+  loop&lt;/a&gt; spins, implementations that are resource constrained ar=
e encouraged to take that
+  opportunity to release all hardware resources (like video planes, netw=
orking resources, and data
+  buffers) used by the &lt;a href=3D#media-element&gt;media element&lt;/=
a&gt;. (User agents still have to keep track of the
+  playback position and so forth, though, in case playback is later rest=
arted.)&lt;/p&gt;
+
+  &lt;/div&gt;
+ =20
+
+
+  &lt;h4 id=3Dthe-map-element&gt;&lt;span class=3Dsecno&gt;4.7.11 &lt;/s=
pan&gt;The &lt;dfn&gt;&lt;code&gt;map&lt;/code&gt;&lt;/dfn&gt; element&lt=
;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#palpable-content&gt;Palpable content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#phrasing-content&gt;phrasing content&lt=
;/a&gt; is expected.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#transparent&gt;Transparent&lt;/a&gt;.&lt;/dd&=
gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-map-name&gt;&lt;a href=3D#attr-map-na=
me&gt;name&lt;/a&gt;&lt;/code&gt; &amp;mdash; Name of &lt;a href=3D#image=
-map&gt;image map&lt;/a&gt; to reference from the &lt;code title=3Dattr-h=
yperlink-usemap&gt;&lt;a href=3D#attr-hyperlink-usemap&gt;usemap&lt;/a&gt=
;&lt;/code&gt; attribute&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmlmapelement&gt;HTMLMapE=
lement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-map-name title=3Ddom-ma=
p-name&gt;name&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#htmlcollection&gt;HTMLCollection&lt;/=
a&gt; &lt;a href=3D#dom-map-areas title=3Ddom-map-areas&gt;areas&lt;/a&gt=
;;
+  readonly attribute &lt;a href=3D#htmlcollection&gt;HTMLCollection&lt;/=
a&gt; &lt;a href=3D#dom-map-images title=3Ddom-map-images&gt;images&lt;/a=
&gt;;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-map-element&gt;map&lt;/a&gt;&lt;/code&gt; element, in conjunction wi=
th an &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code=
&gt; element and any
+  &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; element descendants, defines an &lt;a href=3D#image-map&gt;image map&=
lt;/a&gt;. The element
+  &lt;a href=3D#represents&gt;represents&lt;/a&gt; its children.&lt;/p&g=
t;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-map-name title=3Dattr-map-name&gt;&lt;c=
ode&gt;name&lt;/code&gt;&lt;/dfn&gt; attribute gives the map a name so th=
at
+  it can be referenced. The attribute must be present and must have a no=
n-empty value with no &lt;a href=3D#space-character title=3D&quot;space c=
haracter&quot;&gt;space characters&lt;/a&gt;. The value of the &lt;code t=
itle=3Dattr-map-name&gt;&lt;a href=3D#attr-map-name&gt;name&lt;/a&gt;&lt;=
/code&gt; attribute must not be a &lt;a href=3D#compatibility-caseless ti=
tle=3D&quot;compatibility
+  caseless&quot;&gt;compatibility-caseless&lt;/a&gt; match for the value=
 of the &lt;code title=3Dattr-map-name&gt;&lt;a href=3D#attr-map-name&gt;=
name&lt;/a&gt;&lt;/code&gt; attribute of another &lt;code&gt;&lt;a href=3D=
#the-map-element&gt;map&lt;/a&gt;&lt;/code&gt; element in the same
+  document. If the &lt;code title=3Dattr-id&gt;&lt;a href=3D#the-id-attr=
ibute&gt;id&lt;/a&gt;&lt;/code&gt; attribute is also specified, both attr=
ibutes must
+  have the same value.&lt;/p&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;m=
ap&lt;/var&gt; . &lt;code title=3Ddom-map-areas&gt;&lt;a href=3D#dom-map-=
areas&gt;areas&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns an &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTML=
Collection&lt;/a&gt;&lt;/code&gt; of the &lt;code&gt;&lt;a href=3D#the-ar=
ea-element&gt;area&lt;/a&gt;&lt;/code&gt; elements in the
+    &lt;code&gt;&lt;a href=3D#the-map-element&gt;map&lt;/a&gt;&lt;/code&=
gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;map&lt;/var&gt; . &lt;code =
title=3Ddom-map-images&gt;&lt;a href=3D#dom-map-images&gt;images&lt;/a&gt=
;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns an &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTML=
Collection&lt;/a&gt;&lt;/code&gt; of the &lt;code&gt;&lt;a href=3D#the-im=
g-element&gt;img&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the=
-object-element&gt;object&lt;/a&gt;&lt;/code&gt;
+    elements that use the &lt;code&gt;&lt;a href=3D#the-map-element&gt;m=
ap&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-map-areas title=3Ddom-map-areas&gt;&lt;c=
ode&gt;areas&lt;/code&gt;&lt;/dfn&gt; attribute must return an
+  &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTMLCollection&lt;/a&gt;&l=
t;/code&gt; rooted at the &lt;code&gt;&lt;a href=3D#the-map-element&gt;ma=
p&lt;/a&gt;&lt;/code&gt; element, whose filter matches only
+  &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; elements.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-map-images title=3Ddom-map-images&gt;&lt=
;code&gt;images&lt;/code&gt;&lt;/dfn&gt; attribute must return an
+  &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTMLCollection&lt;/a&gt;&l=
t;/code&gt; rooted at the &lt;code&gt;&lt;a href=3D#document&gt;Document&=
lt;/a&gt;&lt;/code&gt; node, whose filter matches only
+  &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt=
; and &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&lt=
;/code&gt; elements that are associated with this &lt;code&gt;&lt;a href=3D=
#the-map-element&gt;map&lt;/a&gt;&lt;/code&gt;
+  element according to the &lt;a href=3D#image-map&gt;image map&lt;/a&gt=
; processing model.&lt;/p&gt;
+
+  &lt;p&gt;The IDL attribute &lt;dfn id=3Ddom-map-name title=3Ddom-map-n=
ame&gt;&lt;code&gt;name&lt;/code&gt;&lt;/dfn&gt; must &lt;a href=3D#refle=
ct&gt;reflect&lt;/a&gt;
+  the content attribute of the same name.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Image maps can be defined in conjunction with other content =
on the page, to ease maintenance.
+   This example is of a page with an image map at the top of the page an=
d a corresponding set of
+   text links at the bottom.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;TITLE&amp;gt;Babies&amp;trade;: Toys&amp;lt;/TITLE&amp;gt;
+&amp;lt;HEADER&amp;gt;
+ &amp;lt;H1&amp;gt;Toys&amp;lt;/H1&amp;gt;
+ &amp;lt;IMG SRC=3D&quot;/images/menu.gif&quot;
+      ALT=3D&quot;Babies&amp;trade; navigation menu. Select a department=
 to go to its page.&quot;
+      USEMAP=3D&quot;#NAV&quot;&amp;gt;
+&amp;lt;/HEADER&amp;gt;
+ ...
+&amp;lt;FOOTER&amp;gt;
+ &amp;lt;MAP NAME=3D&quot;NAV&quot;&amp;gt;
+  &amp;lt;P&amp;gt;
+   &amp;lt;A HREF=3D&quot;/clothes/&quot;&amp;gt;Clothes&amp;lt;/A&amp;g=
t;
+   &amp;lt;AREA ALT=3D&quot;Clothes&quot; COORDS=3D&quot;0,0,100,50&quot=
; HREF=3D&quot;/clothes/&quot;&amp;gt; |
+   &amp;lt;A HREF=3D&quot;/toys/&quot;&amp;gt;Toys&amp;lt;/A&amp;gt;
+   &amp;lt;AREA ALT=3D&quot;Toys&quot; COORDS=3D&quot;0,0,100,50&quot; H=
REF=3D&quot;/toys/&quot;&amp;gt; |
+   &amp;lt;A HREF=3D&quot;/food/&quot;&amp;gt;Food&amp;lt;/A&amp;gt;
+   &amp;lt;AREA ALT=3D&quot;Food&quot; COORDS=3D&quot;0,0,100,50&quot; H=
REF=3D&quot;/food/&quot;&amp;gt; |
+   &amp;lt;A HREF=3D&quot;/books/&quot;&amp;gt;Books&amp;lt;/A&amp;gt;
+   &amp;lt;AREA ALT=3D&quot;Books&quot; COORDS=3D&quot;0,0,100,50&quot; =
HREF=3D&quot;/books/&quot;&amp;gt;
+ &amp;lt;/MAP&amp;gt;
+&amp;lt;/FOOTER&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dthe-area-element&gt;&lt;span class=3Dsecno&gt;4.7.12 &lt;/=
span&gt;The &lt;dfn&gt;&lt;code&gt;area&lt;/code&gt;&lt;/dfn&gt; element&=
lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#phrasing-content&gt;phrasing content&lt=
;/a&gt; is expected, but only if there is a &lt;code&gt;&lt;a href=3D#the=
-map-element&gt;map&lt;/a&gt;&lt;/code&gt; element ancestor or a &lt;code=
&gt;&lt;a href=3D#the-template-element&gt;template&lt;/a&gt;&lt;/code&gt;=
 element ancestor.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Empty.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;No &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-tag&gt;e=
nd tag&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-area-alt&gt;&lt;a href=3D#attr-area-a=
lt&gt;alt&lt;/a&gt;&lt;/code&gt; &amp;mdash; Replacement text for use whe=
n images are not available&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-area-coords&gt;&lt;a href=3D#attr-are=
a-coords&gt;coords&lt;/a&gt;&lt;/code&gt; &amp;mdash; Coordinates for the=
 shape to be created in an &lt;a href=3D#image-map&gt;image map&lt;/a&gt;=
&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-area-shape&gt;&lt;a href=3D#attr-area=
-shape&gt;shape&lt;/a&gt;&lt;/code&gt; &amp;mdash; The kind of shape to b=
e created in an &lt;a href=3D#image-map&gt;image map&lt;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-hyperlink-href&gt;&lt;a href=3D#attr-=
hyperlink-href&gt;href&lt;/a&gt;&lt;/code&gt; &amp;mdash; Address of the =
&lt;a href=3D#hyperlink&gt;hyperlink&lt;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-hyperlink-target&gt;&lt;a href=3D#att=
r-hyperlink-target&gt;target&lt;/a&gt;&lt;/code&gt; &amp;mdash; &lt;a hre=
f=3D#browsing-context&gt;Browsing context&lt;/a&gt; for &lt;a href=3D#hyp=
erlink&gt;hyperlink&lt;/a&gt; &lt;a href=3D#navigate title=3Dnavigate&gt;=
navigation&lt;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-hyperlink-download&gt;&lt;a href=3D#a=
ttr-hyperlink-download&gt;download&lt;/a&gt;&lt;/code&gt; &amp;mdash; Whe=
ther to download the resource instead of navigating to it, and its file n=
ame if so&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-hyperlink-ping&gt;&lt;a href=3D#ping&=
gt;ping&lt;/a&gt;&lt;/code&gt; &amp;mdash; &lt;a href=3D#url title=3DURL&=
gt;URLs&lt;/a&gt; to ping&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-hyperlink-rel&gt;&lt;a href=3D#attr-h=
yperlink-rel&gt;rel&lt;/a&gt;&lt;/code&gt; &amp;mdash; Relationship betwe=
en the document containing the hyperlink and the destination resource&lt;=
/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-hyperlink-hreflang&gt;&lt;a href=3D#a=
ttr-hyperlink-hreflang&gt;hreflang&lt;/a&gt;&lt;/code&gt; &amp;mdash; Lan=
guage of the linked resource&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-hyperlink-type&gt;&lt;a href=3D#attr-=
hyperlink-type&gt;type&lt;/a&gt;&lt;/code&gt; &amp;mdash; Hint for the ty=
pe of the referenced resource&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmlareaelement&gt;HTMLAre=
aElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&gt;=
 {
+           attribute DOMString &lt;a href=3D#dom-area-alt title=3Ddom-ar=
ea-alt&gt;alt&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-area-coords title=3Ddom=
-area-coords&gt;coords&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-area-shape title=3Ddom-=
area-shape&gt;shape&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-area-target title=3Ddom=
-area-target&gt;target&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-area-download title=3Dd=
om-area-download&gt;download&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-area-ping title=3Ddom-a=
rea-ping&gt;ping&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-area-rel title=3Ddom-ar=
ea-rel&gt;rel&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#domtokenlist&gt;DOMTokenList&lt;/a&gt=
; &lt;a href=3D#dom-area-rellist title=3Ddom-area-relList&gt;relList&lt;/=
a&gt;;
+           attribute DOMString &lt;a href=3D#dom-area-hreflang title=3Dd=
om-area-hreflang&gt;hreflang&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-area-type title=3Ddom-a=
rea-type&gt;type&lt;/a&gt;;
+
+  // &lt;a href=3D&quot;#HTMLAreaElement-partial&quot;&gt;also has obsol=
ete members&lt;/a&gt;
+};
+&lt;a href=3D#htmlareaelement&gt;HTMLAreaElement&lt;/a&gt; implements &l=
t;a href=3D#urlutils&gt;URLUtils&lt;/a&gt;;&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-area-element&gt;area&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D#re=
presents&gt;represents&lt;/a&gt; either a hyperlink with some text and a
+  corresponding area on an &lt;a href=3D#image-map&gt;image map&lt;/a&gt=
;, or a dead area on an image map.&lt;/p&gt;
+
+  &lt;p&gt;An &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&g=
t;&lt;/code&gt; element with a parent node must have a &lt;code&gt;&lt;a =
href=3D#the-map-element&gt;map&lt;/a&gt;&lt;/code&gt; element ancestor
+  or a &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/a&=
gt;&lt;/code&gt; element ancestor.&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;=
/a&gt;&lt;/code&gt; element has an &lt;code title=3Dattr-hyperlink-href&g=
t;&lt;a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&gt;
+  attribute, then the &lt;code&gt;&lt;a href=3D#the-area-element&gt;area=
&lt;/a&gt;&lt;/code&gt; element represents a &lt;a href=3D#hyperlink&gt;h=
yperlink&lt;/a&gt;. In this case,
+  the &lt;dfn id=3Dattr-area-alt title=3Dattr-area-alt&gt;&lt;code&gt;al=
t&lt;/code&gt;&lt;/dfn&gt; attribute must be present. It specifies the
+  text of the hyperlink. Its value must be text that, when presented wit=
h the texts specified for
+  the other hyperlinks of the &lt;a href=3D#image-map&gt;image map&lt;/a=
&gt;, and with the alternative text of the image,
+  but without the image itself, provides the user with the same kind of =
choice as the hyperlink
+  would when used without its text but with its shape applied to the ima=
ge. The &lt;code title=3Dattr-area-alt&gt;&lt;a href=3D#attr-area-alt&gt;=
alt&lt;/a&gt;&lt;/code&gt; attribute may be left blank if there is anothe=
r &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&g=
t;
+  element in the same &lt;a href=3D#image-map&gt;image map&lt;/a&gt; tha=
t points to the same resource and has a non-blank
+  &lt;code title=3Dattr-area-alt&gt;&lt;a href=3D#attr-area-alt&gt;alt&l=
t;/a&gt;&lt;/code&gt; attribute.&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;=
/a&gt;&lt;/code&gt; element has no &lt;code title=3Dattr-hyperlink-href&g=
t;&lt;a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&gt;
+  attribute, then the area represented by the element cannot be selected=
, and the &lt;code title=3Dattr-area-alt&gt;&lt;a href=3D#attr-area-alt&g=
t;alt&lt;/a&gt;&lt;/code&gt; attribute must be omitted.&lt;/p&gt;
+
+  &lt;p&gt;In both cases, the &lt;code title=3Dattr-area-shape&gt;&lt;a =
href=3D#attr-area-shape&gt;shape&lt;/a&gt;&lt;/code&gt; and &lt;code titl=
e=3Dattr-area-coords&gt;&lt;a href=3D#attr-area-coords&gt;coords&lt;/a&gt=
;&lt;/code&gt; attributes specify the area.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-area-shape title=3Dattr-area-shape&gt;&=
lt;code&gt;shape&lt;/code&gt;&lt;/dfn&gt; attribute is an &lt;a href=3D#e=
numerated-attribute&gt;enumerated
+  attribute&lt;/a&gt;. The following table lists the keywords defined fo=
r this attribute. The states
+  given in the first cell of the rows with keywords give the states to w=
hich those keywords map.
+  &lt;span class=3Dimpl&gt;Some of the keywords are non-conforming, as n=
oted in the last
+  column.&lt;/span&gt;&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;State
+     &lt;th&gt;Keywords
+     &lt;th class=3Dimpl&gt;Notes
+   &lt;tbody&gt;&lt;tr&gt;&lt;td rowspan=3D2&gt;&lt;a href=3D#attr-area-=
shape-circle title=3Dattr-area-shape-circle&gt;Circle state&lt;/a&gt;
+     &lt;td&gt;&lt;dfn id=3Dattr-area-shape-keyword-circle title=3Dattr-=
area-shape-keyword-circle&gt;&lt;code&gt;circle&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td class=3Dimpl&gt;
+    &lt;tr&gt;&lt;td class=3Dimpl&gt;&lt;dfn id=3Dattr-area-shape-keywor=
d-circ title=3Dattr-area-shape-keyword-circ&gt;&lt;code&gt;circ&lt;/code&=
gt;&lt;/dfn&gt;
+     &lt;td class=3Dimpl&gt;Non-conforming
+    &lt;tr&gt;&lt;td&gt;&lt;a href=3D#attr-area-shape-default title=3Dat=
tr-area-shape-default&gt;Default state&lt;/a&gt;
+     &lt;td&gt;&lt;dfn id=3Dattr-area-shape-keyword-default title=3Dattr=
-area-shape-keyword-default&gt;&lt;code&gt;default&lt;/code&gt;&lt;/dfn&g=
t;
+     &lt;td class=3Dimpl&gt;
+    &lt;tr&gt;&lt;td rowspan=3D2&gt;&lt;a href=3D#attr-area-shape-poly t=
itle=3Dattr-area-shape-poly&gt;Polygon state&lt;/a&gt;
+     &lt;td&gt;&lt;dfn id=3Dattr-area-shape-keyword-poly title=3Dattr-ar=
ea-shape-keyword-poly&gt;&lt;code&gt;poly&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td class=3Dimpl&gt;
+    &lt;tr&gt;&lt;td class=3Dimpl&gt;&lt;dfn id=3Dattr-area-shape-keywor=
d-polygon title=3Dattr-area-shape-keyword-polygon&gt;&lt;code&gt;polygon&=
lt;/code&gt;&lt;/dfn&gt;
+     &lt;td class=3Dimpl&gt;Non-conforming
+    &lt;tr&gt;&lt;td rowspan=3D2&gt;&lt;a href=3D#attr-area-shape-rect t=
itle=3Dattr-area-shape-rect&gt;Rectangle state&lt;/a&gt;
+     &lt;td&gt;&lt;dfn id=3Dattr-area-shape-keyword-rect title=3Dattr-ar=
ea-shape-keyword-rect&gt;&lt;code&gt;rect&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td class=3Dimpl&gt;
+    &lt;tr&gt;&lt;td class=3Dimpl&gt;&lt;dfn id=3Dattr-area-shape-keywor=
d-rectangle title=3Dattr-area-shape-keyword-rectangle&gt;&lt;code&gt;rect=
angle&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td class=3Dimpl&gt;Non-conforming
+  &lt;/table&gt;&lt;p&gt;The attribute may be omitted. The &lt;i&gt;miss=
ing value default&lt;/i&gt; is the &lt;a href=3D#attr-area-shape-rect tit=
le=3Dattr-area-shape-rect&gt;rectangle&lt;/a&gt; state.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-area-coords title=3Dattr-area-coords&gt=
;&lt;code&gt;coords&lt;/code&gt;&lt;/dfn&gt; attribute must, if specified=
,
+  contain a &lt;a href=3D#valid-list-of-integers&gt;valid list of intege=
rs&lt;/a&gt;. This attribute gives the coordinates for the shape
+  described by the &lt;code title=3Dattr-area-shape&gt;&lt;a href=3D#att=
r-area-shape&gt;shape&lt;/a&gt;&lt;/code&gt; attribute. &lt;span class=3D=
impl&gt;The
+  processing for this attribute is described as part of the &lt;a href=3D=
#image-map&gt;image map&lt;/a&gt; processing
+  model.&lt;/span&gt;&lt;/p&gt;
+
+  &lt;!-- v2: It was suggested by John S. Urban that coords should suppo=
rt percentages as well as
+  pixels, so that one could use the same image map for images of various=
 sizes. --&gt;
+
+  &lt;p&gt;In the &lt;dfn id=3Dattr-area-shape-circle title=3Dattr-area-=
shape-circle&gt;circle state&lt;/dfn&gt;, &lt;code&gt;&lt;a href=3D#the-a=
rea-element&gt;area&lt;/a&gt;&lt;/code&gt; elements must
+  have a &lt;code title=3Dattr-area-coords&gt;&lt;a href=3D#attr-area-co=
ords&gt;coords&lt;/a&gt;&lt;/code&gt; attribute present, with three integ=
ers, the
+  last of which must be non-negative. The first integer must be the dist=
ance in CSS pixels from the
+  left edge of the image to the center of the circle, the second integer=
 must be the distance in CSS
+  pixels from the top edge of the image to the center of the circle, and=
 the third integer must be
+  the radius of the circle, again in CSS pixels.&lt;/p&gt;
+
+  &lt;p&gt;In the &lt;dfn id=3Dattr-area-shape-default title=3Dattr-area=
-shape-default&gt;default state&lt;/dfn&gt; state, &lt;code&gt;&lt;a href=
=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&gt;
+  elements must not have a &lt;code title=3Dattr-area-coords&gt;&lt;a hr=
ef=3D#attr-area-coords&gt;coords&lt;/a&gt;&lt;/code&gt; attribute. (The a=
rea is the
+  whole image.)&lt;/p&gt;
+
+  &lt;p&gt;In the &lt;dfn id=3Dattr-area-shape-poly title=3Dattr-area-sh=
ape-poly&gt;polygon state&lt;/dfn&gt;, &lt;code&gt;&lt;a href=3D#the-area=
-element&gt;area&lt;/a&gt;&lt;/code&gt; elements must
+  have a &lt;code title=3Dattr-area-coords&gt;&lt;a href=3D#attr-area-co=
ords&gt;coords&lt;/a&gt;&lt;/code&gt; attribute with at least six integer=
s, and the
+  number of integers must be even. Each pair of integers must represent =
a coordinate given as the
+  distances from the left and the top of the image in CSS pixels respect=
ively, and all the
+  coordinates together must represent the points of the polygon, in orde=
r.&lt;/p&gt;
+
+  &lt;p&gt;In the &lt;dfn id=3Dattr-area-shape-rect title=3Dattr-area-sh=
ape-rect&gt;rectangle state&lt;/dfn&gt;, &lt;code&gt;&lt;a href=3D#the-ar=
ea-element&gt;area&lt;/a&gt;&lt;/code&gt; elements must
+  have a &lt;code title=3Dattr-area-coords&gt;&lt;a href=3D#attr-area-co=
ords&gt;coords&lt;/a&gt;&lt;/code&gt; attribute with exactly four integer=
s, the
+  first of which must be less than the third, and the second of which mu=
st be less than the fourth.
+  The four points must represent, respectively, the distance from the le=
ft edge of the image to the
+  left side of the rectangle, the distance from the top edge to the top =
side, the distance from the
+  left edge to the right side, and the distance from the top edge to the=
 bottom side, all in CSS
+  pixels.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When user agents allow users to &lt;a href=3D#following-hyper=
links title=3D&quot;following hyperlinks&quot;&gt;follow hyperlinks&lt;/a=
&gt; or
+  &lt;a href=3D#downloading-hyperlinks title=3D&quot;downloading hyperli=
nks&quot;&gt;download hyperlinks&lt;/a&gt; created using the
+  &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; element, as described in the next section, the &lt;code title=3Dattr-=
hyperlink-href&gt;&lt;a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;=
/code&gt;, &lt;code title=3Dattr-hyperlink-target&gt;&lt;a href=3D#attr-h=
yperlink-target&gt;target&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-h=
yperlink-download&gt;&lt;a href=3D#attr-hyperlink-download&gt;download&lt=
;/a&gt;&lt;/code&gt;, and &lt;code title=3Dattr-hyperlink-ping&gt;&lt;a h=
ref=3D#ping&gt;ping&lt;/a&gt;&lt;/code&gt;
+  attributes decide how the link is followed. The &lt;code title=3Dattr-=
hyperlink-rel&gt;&lt;a href=3D#attr-hyperlink-rel&gt;rel&lt;/a&gt;&lt;/co=
de&gt;, &lt;code title=3Dattr-hyperlink-hreflang&gt;&lt;a href=3D#attr-hy=
perlink-hreflang&gt;hreflang&lt;/a&gt;&lt;/code&gt;, and &lt;code title=3D=
attr-hyperlink-type&gt;&lt;a href=3D#attr-hyperlink-type&gt;type&lt;/a&gt=
;&lt;/code&gt;
+  attributes may be used to indicate to the user the likely nature of th=
e target resource before the
+  user follows the link.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-hyperlink-target&gt;&lt;a href=3D#a=
ttr-hyperlink-target&gt;target&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Da=
ttr-hyperlink-download&gt;&lt;a href=3D#attr-hyperlink-download&gt;downlo=
ad&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-hyperlink-ping&gt;&lt;a =
href=3D#ping&gt;ping&lt;/a&gt;&lt;/code&gt;,
+  &lt;code title=3Dattr-hyperlink-rel&gt;&lt;a href=3D#attr-hyperlink-re=
l&gt;rel&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-hyperlink-hreflang=
&gt;&lt;a href=3D#attr-hyperlink-hreflang&gt;hreflang&lt;/a&gt;&lt;/code&=
gt;, and &lt;code title=3Dattr-hyperlink-type&gt;&lt;a href=3D#attr-hyper=
link-type&gt;type&lt;/a&gt;&lt;/code&gt;
+  attributes must be omitted if the &lt;code title=3Dattr-hyperlink-href=
&gt;&lt;a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&gt; attr=
ibute is not
+  present.&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;code title=3Dattr-itemprop&gt;&lt;a href=3D#names:=
-the-itemprop-attribute&gt;itemprop&lt;/a&gt;&lt;/code&gt; attribute is s=
pecified on an
+  &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; element, then the &lt;code title=3Dattr-hyperlink-href&gt;&lt;a href=3D=
#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&gt; attribute must
+  also be specified.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;a href=3D#activation-behavior&gt;activation behavior&=
lt;/a&gt; of &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;=
&lt;/code&gt; elements is to run the following
+  steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!-- c.f. &lt;a&gt;'s similar section --&gt;&lt;li&gt;&lt=
;p&gt;If the &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;=
&lt;/code&gt; element's &lt;code&gt;&lt;a href=3D#document&gt;Document&lt=
;/a&gt;&lt;/code&gt; is not &lt;a href=3D#fully-active&gt;fully active&lt=
;/a&gt;,
+   then abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&l=
t;/a&gt;&lt;/code&gt; element has a &lt;code title=3Dattr-hyperlink-downl=
oad&gt;&lt;a href=3D#attr-hyperlink-download&gt;download&lt;/a&gt;&lt;/co=
de&gt;
+    attribute and the algorithm is not &lt;a href=3D#allowed-to-show-a-p=
opup&gt;allowed to show a popup&lt;/a&gt;, or the element's &lt;code titl=
e=3Dattr-hyperlink-target&gt;&lt;a href=3D#attr-hyperlink-target&gt;targe=
t&lt;/a&gt;&lt;/code&gt; attribute is present and applying &lt;a href=3D#=
the-rules-for-choosing-a-browsing-context-given-a-browsing-context-name&g=
t;the rules
+    for choosing a browsing context given a browsing context name&lt;/a&=
gt;, using the value of the
+    &lt;code title=3Dattr-hyperlink-target&gt;&lt;a href=3D#attr-hyperli=
nk-target&gt;target&lt;/a&gt;&lt;/code&gt; attribute as the browsing cont=
ext name, would
+    result in there not being a chosen browsing context, then run these =
substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;!--CLEANUP--&gt;&lt;li&gt;&lt;p&gt;If there is an &lt;=
a href=3D#entry-settings-object&gt;entry settings object&lt;/a&gt;, throw=
 an &lt;code&gt;&lt;a href=3D#invalidaccesserror&gt;InvalidAccessError&lt=
;/a&gt;&lt;/code&gt;
+     exception.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Abort these steps without following the hyperlin=
k.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, the user agent must &lt;a href=3D#follo=
wing-hyperlinks title=3D&quot;following hyperlinks&quot;&gt;follow the
+   hyperlink&lt;/a&gt; or &lt;a href=3D#downloading-hyperlinks title=3D&=
quot;downloading hyperlinks&quot;&gt;download the hyperlink&lt;/a&gt; cre=
ated by
+   the &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/=
code&gt; element, if any, and as determined by the &lt;code title=3Dattr-=
hyperlink-download&gt;&lt;a href=3D#attr-hyperlink-download&gt;download&l=
t;/a&gt;&lt;/code&gt; attribute and any expressed user
+   preference.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The IDL attributes &lt;dfn id=3Ddom-area-alt title=
=3Ddom-area-alt&gt;&lt;code&gt;alt&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3D=
dom-area-coords title=3Ddom-area-coords&gt;&lt;code&gt;coords&lt;/code&gt=
;&lt;/dfn&gt;, &lt;dfn id=3Ddom-area-target title=3Ddom-area-target&gt;&l=
t;code&gt;target&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-area-download=
 title=3Ddom-area-download&gt;&lt;code&gt;download&lt;/code&gt;&lt;/dfn&g=
t;, &lt;dfn id=3Ddom-area-ping title=3Ddom-area-ping&gt;&lt;code&gt;ping&=
lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-area-rel title=3Ddom-area-rel&=
gt;&lt;code&gt;rel&lt;/code&gt;&lt;/dfn&gt;,
+  &lt;dfn id=3Ddom-area-hreflang title=3Ddom-area-hreflang&gt;&lt;code&g=
t;hreflang&lt;/code&gt;&lt;/dfn&gt;, and &lt;dfn id=3Ddom-area-type title=
=3Ddom-area-type&gt;&lt;code&gt;type&lt;/code&gt;&lt;/dfn&gt;, each must =
&lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the respective
+  content attributes of the same name.&lt;/p&gt;
+
+  &lt;p&gt;The IDL attribute &lt;dfn id=3Ddom-area-shape title=3Ddom-are=
a-shape&gt;&lt;code&gt;shape&lt;/code&gt;&lt;/dfn&gt; must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-a=
rea-shape&gt;&lt;a href=3D#attr-area-shape&gt;shape&lt;/a&gt;&lt;/code&gt=
; content attribute.&lt;/p&gt;
+
+  &lt;p&gt;The IDL attribute &lt;dfn id=3Ddom-area-rellist title=3Ddom-a=
rea-rellist&gt;&lt;code&gt;relList&lt;/code&gt;&lt;/dfn&gt; must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-h=
yperlink-rel&gt;&lt;a href=3D#attr-hyperlink-rel&gt;rel&lt;/a&gt;&lt;/cod=
e&gt; content attribute.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;!-- concept-uu --&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=
=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&gt; element also supports=
 the &lt;code&gt;&lt;a href=3D#urlutils&gt;URLUtils&lt;/a&gt;&lt;/code&gt=
; interface. &lt;a href=3D#refsURL&gt;[URL]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;When the element is created, and whenever the element's &lt;c=
ode title=3Dattr-hyperlink-href&gt;&lt;a href=3D#attr-hyperlink-href&gt;h=
ref&lt;/a&gt;&lt;/code&gt; content attribute is set, changed, or removed,=
 the user
+  agent must invoke the element's &lt;code&gt;&lt;a href=3D#urlutils&gt;=
URLUtils&lt;/a&gt;&lt;/code&gt; interface's &lt;a href=3D#concept-uu-set-=
the-input title=3Dconcept-uu-set-the-input&gt;set the input&lt;/a&gt; alg=
orithm with the value of the &lt;code title=3Dattr-hyperlink-href&gt;&lt;=
a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&gt; content attr=
ibute, if any, or the empty string otherwise,
+  as the given value.&lt;/p&gt;
+
+  &lt;p&gt;The element's &lt;code&gt;&lt;a href=3D#urlutils&gt;URLUtils&=
lt;/a&gt;&lt;/code&gt; interface's &lt;a href=3D#concept-uu-get-the-base =
title=3Dconcept-uu-get-the-base&gt;get the
+  base&lt;/a&gt; algorithm must simply return &lt;a href=3D&quot;#the-el=
ement's-base-url&quot;&gt;the element's base URL&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The element's &lt;code&gt;&lt;a href=3D#urlutils&gt;URLUtils&=
lt;/a&gt;&lt;/code&gt; interface's &lt;a href=3D#concept-uu-query-encodin=
g title=3Dconcept-uu-query-encoding&gt;query
+  encoding&lt;/a&gt; is the &lt;a href=3D&quot;#document's-character-enc=
oding&quot;&gt;document's character encoding&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When the element's &lt;code&gt;&lt;a href=3D#urlutils&gt;URLU=
tils&lt;/a&gt;&lt;/code&gt; interface invokes its &lt;a href=3D#concept-u=
u-update title=3Dconcept-uu-update&gt;update steps&lt;/a&gt; with a strin=
g &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;, the user
+  agent must set the element's &lt;code title=3Dattr-hyperlink-href&gt;&=
lt;a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&gt; content a=
ttribute to
+  the string &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;.&lt;/p&gt=
;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dimage-maps&gt;&lt;span class=3Dsecno&gt;4.7.13 &lt;/span&g=
t;Image maps&lt;/h4&gt;
+
+  &lt;!-- TESTS
+  http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%2=
0html%3E%0A%3Cimg%20src%3D%22http%3A//hixie.ch/resources/images/smallcats=
%22%20usemap%3D%23a%20onclick%3Dw%28%27img%27%29%3E%0A%3Cmap%20name%3Da%3=
E%0A%20%3Carea%20onclick%3Dw%28%271%27%29%20coords%3D%270%25%200%25%20100=
%25%20100%25%27%20href%3Djavascript%3A%3E%0A%3C/map%3E
+  http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%2=
0html%3E%0A%3Cbody%20onfocus%3D%22w%28document.activeElement.tagName%29%2=
2%3E%0A%3Cimg%20src%3D%22http%3A//hixie.ch/resources/images/smallcats%22%=
20usemap%3D%23a%20onclick%3Dw%28%27img%27%29%20onfocus%3D%22w%28document.=
activeElement.tagName%29%22%3E%0A%3Cimg%20src%3D%22http%3A//hixie.ch/reso=
urces/images/sample%22%20usemap%3D%23a%20onclick%3Dw%28%27img%27%29%20onf=
ocus%3D%22w%28document.activeElement.tagName%29%22%3E%0A%3Cmap%20name%3Da=
%20onfocus%3D%22w%28document.activeElement.tagName%29%22%3E%0A%20%3Carea%=
20onclick%3Dw%28%271%27%29%20coords%3D%270%200%2050%2050%27%20href%3Djava=
script%3A%20onfocus%3D%22w%28document.activeElement.tagName%29%22%3E%0A%3=
C/map%3E%0A%3Cscript%3E%0A%20var%20x%20%3D%20document.getElementsByTagNam=
e%28%27img%27%29%5B0%5D%3B%0A%20x.parentNode.appendChild%28x%29%3B%0A%20d=
ocument.getElementsByTagName%28%27area%27%29%5B0%5D.focus%28%29%3B%0A%3C/=
script%3E
+  http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%2=
0html%3Ex%3Cmap%3E%3Carea%20shape%3Dpolyg%20coords%3D%221%2C2%203%22%3E%3=
C/map%3E%0A%3Cscript%3Ex%20%3D%20document.getElementsByTagName%28%27area%=
27%29%5B0%5D%3B%20w%28x.shape%20+%20%27%20%27%20+%20x.coords%29%3C/script=
%3E
+  http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%2=
0html%3E%0D%0A%3Cp%3E%3Cimg%20src%3D%22http%3A//hixie.ch/resources/images=
/astrophy/128%22%20usemap%3D%23a%3E%0D%0A%3Cmap%20name%3Da%3E%3Carea%20sh=
ape%3Dcirc%20coords%3D%2220%2C20%2C10%25%22%20href%3D%23%3E%3Carea%20shap=
e%3Dcirc%20coords%3D%2220%2C20%2C10%22%20href%3D%23%3E%3C/map%3E%0D%0A%3C=
script%3Edocument.write%28document.getElementsByTagName%28%27area%27%29%5=
B0%5D.coords%29%3C/script%3E
+  --&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dauthoring&gt;&lt;span class=3Dsecno&gt;4.7.13.1 &lt;/span&=
gt;Authoring&lt;/h5&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;An &lt;dfn id=3Dimage-map&gt;image map&lt;/dfn&gt; allows geo=
metric areas on an image to be associated with &lt;a href=3D#hyperlink ti=
tle=3Dhyperlink&gt;hyperlinks&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;An image, in the form of an &lt;code&gt;&lt;a href=3D#the-img=
-element&gt;img&lt;/a&gt;&lt;/code&gt; element or an &lt;code&gt;&lt;a hr=
ef=3D#the-object-element&gt;object&lt;/a&gt;&lt;/code&gt; element
+  representing an image, may be associated with an image map (in the for=
m of a &lt;code&gt;&lt;a href=3D#the-map-element&gt;map&lt;/a&gt;&lt;/cod=
e&gt;
+  element) by specifying a &lt;dfn id=3Dattr-hyperlink-usemap title=3Dat=
tr-hyperlink-usemap&gt;&lt;code&gt;usemap&lt;/code&gt;&lt;/dfn&gt; attrib=
ute on
+  the &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/cod=
e&gt; or &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;=
&lt;/code&gt; element. The &lt;code title=3Dattr-hyperlink-usemap&gt;&lt;=
a href=3D#attr-hyperlink-usemap&gt;usemap&lt;/a&gt;&lt;/code&gt; attribut=
e, if specified, must be a &lt;a href=3D#valid-hash-name-reference&gt;val=
id
+  hash-name reference&lt;/a&gt; to a &lt;code&gt;&lt;a href=3D#the-map-e=
lement&gt;map&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Consider an image that looks as follows:&lt;/p&gt;
+
+   &lt;p&gt;&lt;img src=3Dhttp://images.whatwg.org/sample-usemap.png wid=
th=3D600 alt=3D&quot;A line with four shapes in it, equally spaced: a red=
 hollow box, a green circle, a blue triangle, and a yellow four-pointed s=
tar.&quot; height=3D150&gt;&lt;/p&gt;
+
+   &lt;p&gt;If we wanted just the colored areas to be clickable, we coul=
d do it as follows:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt;
+ Please select a shape:
+ &amp;lt;img src=3D&quot;shapes.png&quot; usemap=3D&quot;#shapes&quot;
+      alt=3D&quot;Four shapes are available: a red hollow box, a green c=
ircle, a blue triangle, and a yellow four-pointed star.&quot;&amp;gt;
+ &amp;lt;map name=3D&quot;shapes&quot;&amp;gt;
+  &amp;lt;area shape=3Drect coords=3D&quot;50,50,100,100&quot;&amp;gt; &=
amp;lt;!-- the hole in the red box --&amp;gt;
+  &amp;lt;area shape=3Drect coords=3D&quot;25,25,125,125&quot; href=3D&q=
uot;red.html&quot; alt=3D&quot;Red box.&quot;&amp;gt;
+  &amp;lt;area shape=3Dcircle coords=3D&quot;200,75,50&quot; href=3D&quo=
t;green.html&quot; alt=3D&quot;Green circle.&quot;&amp;gt;
+  &amp;lt;area shape=3Dpoly coords=3D&quot;325,25,262,125,388,125&quot; =
href=3D&quot;blue.html&quot; alt=3D&quot;Blue triangle.&quot;&amp;gt;
+  &amp;lt;area shape=3Dpoly coords=3D&quot;450,25,435,60,400,75,435,90,4=
50,125,465,90,500,75,465,60&quot;
+        href=3D&quot;yellow.html&quot; alt=3D&quot;Yellow star.&quot;&am=
p;gt;
+ &amp;lt;/map&amp;gt;
+&amp;lt;/p&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dprocessing-model-0&gt;&lt;span class=3Dsecno&gt;4.7.13.2 &=
lt;/span&gt;Processing model&lt;/h5&gt;
+
+  &lt;p&gt;If an &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&=
gt;&lt;/code&gt; element or an &lt;code&gt;&lt;a href=3D#the-object-eleme=
nt&gt;object&lt;/a&gt;&lt;/code&gt; element representing an image has a
+  &lt;code title=3Dattr-hyperlink-usemap&gt;&lt;a href=3D#attr-hyperlink=
-usemap&gt;usemap&lt;/a&gt;&lt;/code&gt; attribute specified, user agents=
 must process it
+  as follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;First, &lt;a href=3D#rules-for-parsing-a-=
hash-name-reference&gt;rules for parsing a hash-name reference&lt;/a&gt; =
to a &lt;code&gt;&lt;a href=3D#the-map-element&gt;map&lt;/a&gt;&lt;/code&=
gt; element
+   must be followed. This will return either an element (the &lt;var tit=
le=3D&quot;&quot;&gt;map&lt;/var&gt;) or
+   null.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If that returned null, then abort these steps. The=
 image is not associated with an image
+   map after all.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, the user agent must collect all the &lt=
;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&gt; el=
ements that are
+   descendants of the &lt;var title=3D&quot;&quot;&gt;map&lt;/var&gt;. L=
et those be the &lt;var title=3D&quot;&quot;&gt;areas&lt;/var&gt;.&lt;/li=
&gt;
+
+  &lt;/ol&gt;&lt;p&gt;Having obtained the list of &lt;code&gt;&lt;a href=
=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&gt; elements that form th=
e image map (the &lt;var title=3D&quot;&quot;&gt;areas&lt;/var&gt;), inte=
ractive user agents must process the list in one of two ways.&lt;/p&gt;
+
+  &lt;p&gt;If the user agent intends to show the text that the &lt;code&=
gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt; element re=
presents, then
+  it must use the following steps.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;In user agents that do not support images, or th=
at have images disabled,
+  &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&lt;/c=
ode&gt; elements cannot represent images, and thus this section never app=
lies (the
+  &lt;a href=3D#fallback-content&gt;fallback content&lt;/a&gt; is shown =
instead). The following steps therefore only apply to
+  &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt=
; elements.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Remove all the &lt;code&gt;&lt;a href=3D#=
the-area-element&gt;area&lt;/a&gt;&lt;/code&gt; elements in &lt;var title=
=3D&quot;&quot;&gt;areas&lt;/var&gt; that have no &lt;code title=3Dattr-h=
yperlink-href&gt;&lt;a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/=
code&gt; attribute.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove all the &lt;code&gt;&lt;a href=3D#the-area-=
element&gt;area&lt;/a&gt;&lt;/code&gt; elements in &lt;var title=3D&quot;=
&quot;&gt;areas&lt;/var&gt; that have no &lt;code title=3Dattr-area-alt&g=
t;&lt;a href=3D#attr-area-alt&gt;alt&lt;/a&gt;&lt;/code&gt; attribute, or=
 whose &lt;code title=3Dattr-area-alt&gt;&lt;a href=3D#attr-area-alt&gt;a=
lt&lt;/a&gt;&lt;/code&gt;
+   attribute's value is the empty string, &lt;em&gt;if&lt;/em&gt; there =
is another &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&l=
t;/code&gt; element in
+   &lt;var title=3D&quot;&quot;&gt;areas&lt;/var&gt; with the same value=
 in the &lt;code title=3Dattr-hyperlink-href&gt;&lt;a href=3D#attr-hyperl=
ink-href&gt;href&lt;/a&gt;&lt;/code&gt; attribute and with a non-empty &l=
t;code title=3Dattr-area-alt&gt;&lt;a href=3D#attr-area-alt&gt;alt&lt;/a&=
gt;&lt;/code&gt; attribute.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Each remaining &lt;code&gt;&lt;a href=3D#the-area-=
element&gt;area&lt;/a&gt;&lt;/code&gt; element in &lt;var title=3D&quot;&=
quot;&gt;areas&lt;/var&gt; represents a
+   &lt;a href=3D#hyperlink&gt;hyperlink&lt;/a&gt;. Those hyperlinks shou=
ld all be made available to the user in a manner
+   associated with the text of the &lt;code&gt;&lt;a href=3D#the-img-ele=
ment&gt;img&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;In this context, user agents may represent &lt;code&gt;&lt;a=
 href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;=
&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt; elements
+   with no specified &lt;code title=3D&quot;&quot;&gt;alt&lt;/code&gt; a=
ttributes, or whose &lt;code title=3D&quot;&quot;&gt;alt&lt;/code&gt;
+   attributes are the empty string or some other non-visible text, in a =
user-agent-defined fashion
+   intended to indicate the lack of suitable author-provided text.&lt;/l=
i&gt;
+
+  &lt;/ol&gt;&lt;p&gt;If the user agent intends to show the image and al=
low interaction with the image to select
+  hyperlinks, then the image must be associated with a set of layered sh=
apes, taken from the
+  &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; elements in &lt;var title=3D&quot;&quot;&gt;areas&lt;/var&gt;, in rev=
erse tree order (so the last
+  specified &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;=
&lt;/code&gt; element in the &lt;var title=3D&quot;&quot;&gt;map&lt;/var&=
gt; is the bottom-most shape, and
+  the first element in the &lt;var title=3D&quot;&quot;&gt;map&lt;/var&g=
t;, in tree order, is the top-most shape).&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a=
&gt;&lt;/code&gt; element in &lt;var title=3D&quot;&quot;&gt;areas&lt;/va=
r&gt; must be processed as follows to
+  obtain a shape to layer onto the image:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Find the state that the element's &lt;cod=
e title=3Dattr-area-shape&gt;&lt;a href=3D#attr-area-shape&gt;shape&lt;/a=
&gt;&lt;/code&gt; attribute
+   represents.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Use the &lt;a href=3D#rules-for-parsing-a-list-of-=
integers&gt;rules for parsing a list of integers&lt;/a&gt; to parse the e=
lement's &lt;code title=3Dattr-area-coords&gt;&lt;a href=3D#attr-area-coo=
rds&gt;coords&lt;/a&gt;&lt;/code&gt; attribute, if it is present, and let=
 the result be the
+   &lt;var title=3D&quot;&quot;&gt;coords&lt;/var&gt; list. If the attri=
bute is absent, let the &lt;var title=3D&quot;&quot;&gt;coords&lt;/var&gt=
;
+   list be the empty list.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the number of items in the &lt;var title=3D&quot;&quot;&=
gt;coords&lt;/var&gt; list is less than the minimum number
+    given for the &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;=
/a&gt;&lt;/code&gt; element's current state, as per the following table, =
then the
+    shape is empty; abort these steps.&lt;/p&gt;
+
+    &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;State
+       &lt;th&gt;Minimum number of items
+     &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=3D#attr-area-shape-circ=
le title=3Dattr-area-shape-circle&gt;Circle state&lt;/a&gt;
+       &lt;td&gt;3
+      &lt;tr&gt;&lt;td&gt;&lt;a href=3D#attr-area-shape-default title=3D=
attr-area-shape-default&gt;Default state&lt;/a&gt;
+       &lt;td&gt;0
+      &lt;tr&gt;&lt;td&gt;&lt;a href=3D#attr-area-shape-poly title=3Datt=
r-area-shape-poly&gt;Polygon state&lt;/a&gt;
+       &lt;td&gt;6
+      &lt;tr&gt;&lt;td&gt;&lt;a href=3D#attr-area-shape-rect title=3Datt=
r-area-shape-rect&gt;Rectangle state&lt;/a&gt;
+       &lt;td&gt;4
+    &lt;/table&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Check for excess items in the &lt;var title=3D&quot;&quot;&=
gt;coords&lt;/var&gt; list as per the entry in the
+    following list corresponding to the &lt;code title=3Dattr-area-shape=
&gt;&lt;a href=3D#attr-area-shape&gt;shape&lt;/a&gt;&lt;/code&gt; attribu=
te's
+    state:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;&lt;a href=3D#attr-area-shape-cir=
cle title=3Dattr-area-shape-circle&gt;Circle state&lt;/a&gt;&lt;/dt&gt;
+     &lt;dd&gt;Drop any items in the list beyond the third.&lt;/dd&gt;
+     &lt;dt&gt;&lt;a href=3D#attr-area-shape-default title=3Dattr-area-s=
hape-default&gt;Default state&lt;/a&gt;&lt;/dt&gt;
+     &lt;dd&gt;Drop all items in the list.&lt;/dd&gt;
+     &lt;dt&gt;&lt;a href=3D#attr-area-shape-poly title=3Dattr-area-shap=
e-poly&gt;Polygon state&lt;/a&gt;&lt;/dt&gt;
+     &lt;dd&gt;Drop the last item if there's an odd number of items.&lt;=
/dd&gt;
+     &lt;dt&gt;&lt;a href=3D#attr-area-shape-rect title=3Dattr-area-shap=
e-rect&gt;Rectangle state&lt;/a&gt;&lt;/dt&gt;
+     &lt;dd&gt;Drop any items in the list beyond the fourth.&lt;/dd&gt;
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code title=3Dattr-area-shape&gt;&lt;a h=
ref=3D#attr-area-shape&gt;shape&lt;/a&gt;&lt;/code&gt; attribute represen=
ts the &lt;a href=3D#attr-area-shape-rect title=3Dattr-area-shape-rect&gt=
;rectangle state&lt;/a&gt;, and the first number in the list is
+   numerically less than the third number in the list, then swap those t=
wo numbers around.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code title=3Dattr-area-shape&gt;&lt;a h=
ref=3D#attr-area-shape&gt;shape&lt;/a&gt;&lt;/code&gt; attribute represen=
ts the &lt;a href=3D#attr-area-shape-rect title=3Dattr-area-shape-rect&gt=
;rectangle state&lt;/a&gt;, and the second number in the list is
+   numerically less than the fourth number in the list, then swap those =
two numbers around.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code title=3Dattr-area-shape&gt;&lt;a h=
ref=3D#attr-area-shape&gt;shape&lt;/a&gt;&lt;/code&gt; attribute represen=
ts the &lt;a href=3D#attr-area-shape-circle title=3Dattr-area-shape-circl=
e&gt;circle state&lt;/a&gt;, and the third number in the list is less tha=
n
+   or equal to zero, then the shape is empty; abort these steps.&lt;/li&=
gt;
+
+   &lt;li&gt;&lt;p&gt;Now, the shape represented by the element is the o=
ne described for the entry in the list
+   below corresponding to the state of the &lt;code title=3Dattr-area-sh=
ape&gt;&lt;a href=3D#attr-area-shape&gt;shape&lt;/a&gt;&lt;/code&gt; attr=
ibute:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;&lt;a href=3D#attr-area-shape-cir=
cle title=3Dattr-area-shape-circle&gt;Circle state&lt;/a&gt;&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; be the =
first number in &lt;var title=3D&quot;&quot;&gt;coords&lt;/var&gt;, &lt;v=
ar title=3D&quot;&quot;&gt;y&lt;/var&gt; be the second number, and &lt;va=
r title=3D&quot;&quot;&gt;r&lt;/var&gt; be the third number.&lt;/p&gt;
+
+      &lt;p&gt;The shape is a circle whose center is &lt;var title=3D&qu=
ot;&quot;&gt;x&lt;/var&gt; CSS pixels from the left edge
+      of the image and &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; CSS=
 pixels from the top edge of the image, and whose
+      radius is &lt;var title=3D&quot;&quot;&gt;r&lt;/var&gt; pixels.&lt=
;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;&lt;a href=3D#attr-area-shape-default title=3Dattr-area-s=
hape-default&gt;Default state&lt;/a&gt;&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;The shape is a rectangle that exactly covers the entire i=
mage.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;&lt;a href=3D#attr-area-shape-poly title=3Dattr-area-shap=
e-poly&gt;Polygon state&lt;/a&gt;&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;x&lt;sub title=3D&quo=
t;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;i&lt;/var&gt;&lt;/sub&gt;&lt;=
/var&gt; be the &lt;span title=3D&quot;&quot;&gt;(2&lt;var title=3D&quot;=
&quot;&gt;i&lt;/var&gt;)&lt;/span&gt;th entry in &lt;var title=3D&quot;&q=
uot;&gt;coords&lt;/var&gt;, and &lt;var title=3D&quot;&quot;&gt;y&lt;sub =
title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;i&lt;/var&gt;&lt;=
/sub&gt;&lt;/var&gt; be the &lt;span title=3D&quot;&quot;&gt;(2&lt;var ti=
tle=3D&quot;&quot;&gt;i&lt;/var&gt;+1)&lt;/span&gt;th entry in &lt;var ti=
tle=3D&quot;&quot;&gt;coords&lt;/var&gt; (the first entry in &lt;var titl=
e=3D&quot;&quot;&gt;coords&lt;/var&gt; being the one with index 0).&lt;/p=
&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;the coordinates&lt;/v=
ar&gt; be (&lt;var title=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;&quot;&=
gt;&lt;var title=3D&quot;&quot;&gt;i&lt;/var&gt;&lt;/sub&gt;&lt;/var&gt;,=
 &lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;&lt;var=
 title=3D&quot;&quot;&gt;i&lt;/var&gt;&lt;/sub&gt;&lt;/var&gt;),
+      interpreted in CSS pixels measured from the top left of the image,=
 for all integer values of
+      &lt;var title=3D&quot;&quot;&gt;i&lt;/var&gt; from 0 to &lt;span t=
itle=3D&quot;&quot;&gt;(&lt;var title=3D&quot;&quot;&gt;N&lt;/var&gt;/2)-=
1&lt;/span&gt;, where &lt;var title=3D&quot;&quot;&gt;N&lt;/var&gt; is th=
e number of items in &lt;var title=3D&quot;&quot;&gt;coords&lt;/var&gt;.&=
lt;/p&gt;
+
+      &lt;p&gt;The shape is a polygon whose vertices are given by &lt;va=
r title=3D&quot;&quot;&gt;the coordinates&lt;/var&gt;, and
+      whose interior is established using the even-odd rule. &lt;a href=3D=
#refsGRAPHICS&gt;[GRAPHICS]&lt;/a&gt;&lt;/p&gt;
+
+      &lt;!--
+        browsers implement the even-odd rule / even winding rule:
+        http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOC=
TYPE%20html%3E%0A%3Cimg%20usemap%3D%22%23x%22%20src%3D%22/resources/image=
s/sample%22%3E%0A%3Cmap%20name%3D%22x%22%3E%0A%20%20%3Carea%20shape%3Dpol=
ygon%20coords%3D%220%2C0%200%2C100%20100%2C100%20100%2C2%201%2C2%202%2C1%=
202%2C99%2099%2C99%2099%2C0%22%20href%3Da%3E%0A%3C/map%3E%0A
+       --&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;&lt;a href=3D#attr-area-shape-rect title=3Dattr-area-shap=
e-rect&gt;Rectangle state&lt;/a&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;x&lt;sub title=3D&quo=
t;&quot;&gt;1&lt;/sub&gt;&lt;/var&gt; be the first number in &lt;var titl=
e=3D&quot;&quot;&gt;coords&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y=
&lt;sub title=3D&quot;&quot;&gt;1&lt;/sub&gt;&lt;/var&gt; be the second n=
umber, &lt;var title=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;&quot;&gt;2=
&lt;/sub&gt;&lt;/var&gt; be the third number, and &lt;var title=3D&quot;&=
quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;2&lt;/sub&gt;&lt;/var&gt; be th=
e fourth number.&lt;/p&gt;
+
+      &lt;p&gt;The shape is a rectangle whose top-left corner is given b=
y the coordinate (&lt;var title=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;=
&quot;&gt;1&lt;/sub&gt;&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt=
;sub title=3D&quot;&quot;&gt;1&lt;/sub&gt;&lt;/var&gt;) and whose
+      bottom right corner is given by the coordinate (&lt;var title=3D&q=
uot;&quot;&gt;x&lt;sub title=3D&quot;&quot;&gt;2&lt;/sub&gt;&lt;/var&gt;,
+      &lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;2=
&lt;/sub&gt;&lt;/var&gt;), those coordinates being interpreted as CSS pix=
els
+      from the top left corner of the image.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;p&gt;For historical reasons, the coordinates must be =
interpreted relative to the
+    &lt;em&gt;displayed&lt;/em&gt; image after any stretching caused by =
the CSS 'width' and 'height' properties
+    (or, for non-CSS browsers, the image element's &lt;code title=3D&quo=
t;&quot;&gt;width&lt;/code&gt; and &lt;code title=3D&quot;&quot;&gt;heigh=
t&lt;/code&gt; attributes &amp;mdash; CSS browsers map those attributes t=
o the
+    aforementioned CSS properties).&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;Browser zoom features and transforms applied u=
sing CSS or SVG do not affect the
+    coordinates.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;Pointing device interaction with an image associat=
ed with a set of layered shapes per the above
+  algorithm must result in the relevant user interaction events being fi=
rst fired to the top-most
+  shape covering the point that the pointing device indicated, if any, o=
r to the image element
+  itself, if there is no shape covering that point. User agents may also=
 allow individual
+  &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; elements representing &lt;a href=3D#hyperlink title=3Dhyperlink&gt;hy=
perlinks&lt;/a&gt; to be selected
+  and activated (e.g. using a keyboard).&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Because a &lt;code&gt;&lt;a href=3D#the-map-elem=
ent&gt;map&lt;/a&gt;&lt;/code&gt; element (and its &lt;code&gt;&lt;a href=
=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&gt; elements) can be
+  associated with multiple &lt;code&gt;&lt;a href=3D#the-img-element&gt;=
img&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-object-eleme=
nt&gt;object&lt;/a&gt;&lt;/code&gt; elements, it is possible for an
+  &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; element to correspond to multiple focusable areas of the document.&lt=
;/p&gt;
+
+  &lt;p&gt;Image maps are &lt;a href=3D#live&gt;live&lt;/a&gt;; if the D=
OM is mutated, then the user agent must act as if it
+  had rerun the algorithms for image maps.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dmathml&gt;&lt;span class=3Dsecno&gt;4.7.14 &lt;/span&gt;Ma=
thML&lt;/h4&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dmath&gt;&lt;code&gt;math&lt;/code&gt;&lt;/df=
n&gt; element from the &lt;a href=3D#mathml-namespace&gt;MathML namespace=
&lt;/a&gt; falls into the
+  &lt;a href=3D#embedded-content&gt;embedded content&lt;/a&gt;, &lt;a hr=
ef=3D#phrasing-content&gt;phrasing content&lt;/a&gt;, and &lt;a href=3D#f=
low-content&gt;flow content&lt;/a&gt;
+  categories for the purposes of the content models in this specificatio=
n.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;!-- apparently we get to define error handling, so: --&gt;
+
+  &lt;p&gt;User agents must handle text other than &lt;a href=3D#inter-e=
lement-whitespace&gt;inter-element whitespace&lt;/a&gt; found in MathML
+  elements whose content models do not allow straight text by pretending=
 for the purposes of MathML
+  content models, layout, and rendering that that text is actually wrapp=
ed in an &lt;code title=3D&quot;&quot;&gt;mtext&lt;/code&gt; element in t=
he &lt;a href=3D#mathml-namespace&gt;MathML namespace&lt;/a&gt;. (Such te=
xt is not, however,
+  conforming.)&lt;/p&gt;
+
+  &lt;p&gt;User agents must act as if any MathML element whose contents =
does not match the element's
+  content model was replaced, for the purposes of MathML layout and rend=
ering, by an &lt;code title=3D&quot;&quot;&gt;merror&lt;/code&gt; element=
 in the &lt;a href=3D#mathml-namespace&gt;MathML namespace&lt;/a&gt; cont=
aining some appropriate
+  error message.&lt;/p&gt;
+
+  &lt;p&gt;To enable authors to use MathML tools that only accept MathML=
 in its XML form, interactive HTML
+  user agents are encouraged to provide a way to export any MathML fragm=
ent as an XML
+  namespace-well-formed XML fragment.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The semantics of MathML elements are defined by the MathML sp=
ecification and &lt;a href=3D#other-applicable-specifications&gt;other
+  applicable specifications&lt;/a&gt;. &lt;a href=3D#refsMATHML&gt;[MATH=
ML]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here is an example of the use of MathML in an HTML document:=
&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;!DOCTYPE html&amp;gt;
+&amp;lt;html&amp;gt;
+ &amp;lt;head&amp;gt;
+  &amp;lt;title&amp;gt;The quadratic formula&amp;lt;/title&amp;gt;
+ &amp;lt;/head&amp;gt;
+ &amp;lt;body&amp;gt;
+  &amp;lt;h1&amp;gt;The quadratic formula&amp;lt;/h1&amp;gt;
+  &amp;lt;p&amp;gt;
+   &amp;lt;math&amp;gt;
+    &amp;lt;mi&amp;gt;x&amp;lt;/mi&amp;gt;
+    &amp;lt;mo&amp;gt;=3D&amp;lt;/mo&amp;gt;
+    &amp;lt;mfrac&amp;gt;
+     &amp;lt;mrow&amp;gt;
+      &amp;lt;mo form=3D&quot;prefix&quot;&amp;gt;&amp;minus;&amp;lt;/mo=
&amp;gt; &amp;lt;mi&amp;gt;b&amp;lt;/mi&amp;gt;
+      &amp;lt;mo&amp;gt;&amp;plusmn;&amp;lt;/mo&amp;gt;
+      &amp;lt;msqrt&amp;gt;
+       &amp;lt;msup&amp;gt; &amp;lt;mi&amp;gt;b&amp;lt;/mi&amp;gt; &amp;=
lt;mn&amp;gt;2&amp;lt;/mn&amp;gt; &amp;lt;/msup&amp;gt;
+       &amp;lt;mo&amp;gt;&amp;minus;&amp;lt;/mo&amp;gt;
+       &amp;lt;mn&amp;gt;4&amp;lt;/mn&amp;gt; &amp;lt;mo&amp;gt;&amp;it;=
&amp;lt;/mo&amp;gt; &amp;lt;mi&amp;gt;a&amp;lt;/mi&amp;gt; &amp;lt;mo&amp=
;gt;&amp;it;&amp;lt;/mo&amp;gt; &amp;lt;mi&amp;gt;c&amp;lt;/mi&amp;gt;
+      &amp;lt;/msqrt&amp;gt;
+     &amp;lt;/mrow&amp;gt;
+     &amp;lt;mrow&amp;gt;
+      &amp;lt;mn&amp;gt;2&amp;lt;/mn&amp;gt; &amp;lt;mo&amp;gt;&amp;it;&=
amp;lt;/mo&amp;gt; &amp;lt;mi&amp;gt;a&amp;lt;/mi&amp;gt;
+     &amp;lt;/mrow&amp;gt;
+    &amp;lt;/mfrac&amp;gt;
+   &amp;lt;/math&amp;gt;
+  &amp;lt;/p&amp;gt;
+ &amp;lt;/body&amp;gt;
+&amp;lt;/html&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dsvg-0&gt;&lt;span class=3Dsecno&gt;4.7.15 &lt;/span&gt;SVG=
&lt;/h4&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dsvg&gt;&lt;code&gt;svg&lt;/code&gt;&lt;/dfn&=
gt; element from the &lt;a href=3D#svg-namespace&gt;SVG namespace&lt;/a&g=
t; falls into the
+  &lt;a href=3D#embedded-content&gt;embedded content&lt;/a&gt;, &lt;a hr=
ef=3D#phrasing-content&gt;phrasing content&lt;/a&gt;, and &lt;a href=3D#f=
low-content&gt;flow content&lt;/a&gt;
+  categories for the purposes of the content models in this specificatio=
n.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;To enable authors to use SVG tools that only accept SVG in it=
s XML form, interactive HTML user
+  agents are encouraged to provide a way to export any SVG fragment as a=
n XML namespace-well-formed
+  XML fragment.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;When the SVG &lt;code title=3D&quot;&quot;&gt;foreignObject&l=
t;/code&gt; element contains elements from the &lt;a href=3D#html-namespa=
ce-0&gt;HTML
+  namespace&lt;/a&gt;, such elements must all be &lt;a href=3D#flow-cont=
ent&gt;flow content&lt;/a&gt;. &lt;a href=3D#refsSVG&gt;[SVG]&lt;/a&gt;&l=
t;/p&gt;
+
+  &lt;p&gt;The content model for &lt;code title=3D&quot;&quot;&gt;title&=
lt;/code&gt; elements in the &lt;a href=3D#svg-namespace&gt;SVG namespace=
&lt;/a&gt;
+  inside &lt;a href=3D#html-documents&gt;HTML documents&lt;/a&gt; is &lt=
;a href=3D#phrasing-content&gt;phrasing content&lt;/a&gt;. (This further =
constrains the
+  requirements given in the SVG specification.)&lt;/p&gt;
+
+  &lt;p&gt;The semantics of SVG elements are defined by the SVG specific=
ation and &lt;a href=3D#other-applicable-specifications&gt;other applicab=
le
+  specifications&lt;/a&gt;. &lt;a href=3D#refsSVG&gt;[SVG]&lt;/a&gt;&lt;=
/p&gt;
+
+  &lt;p&gt;The SVG specification includes requirements regarding the han=
dling of elements in the DOM that
+  are not in the SVG namespace, that are in SVG fragments, and that are =
not included in a &lt;code title=3D&quot;&quot;&gt;foreignObject&lt;/code=
&gt; element. &lt;em&gt;This&lt;/em&gt; specification does not define any=
 processing
+  for elements in SVG fragments that are not in the HTML namespace; they=
 are considered neither
+  conforming nor non-conforming from the perspective of this specificati=
on.&lt;/p&gt;
+
+
+
+  &lt;h4 id=3Ddimension-attributes&gt;&lt;span class=3Dsecno&gt;4.7.16 &=
lt;/span&gt;&lt;dfn&gt;Dimension attributes&lt;/dfn&gt;&lt;/h4&gt;
+
+  &lt;p&gt;&lt;span class=3Dimpl&gt;&lt;strong&gt;Author requirements&lt=
;/strong&gt;:&lt;/span&gt; The &lt;dfn id=3Dattr-dim-width title=3Dattr-d=
im-width&gt;&lt;code&gt;width&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Da=
ttr-dim-height title=3Dattr-dim-height&gt;&lt;code&gt;height&lt;/code&gt;=
&lt;/dfn&gt; attributes on &lt;code&gt;&lt;a href=3D#the-img-element&gt;i=
mg&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/c=
ode&gt;, &lt;code&gt;&lt;a href=3D#the-embed-element&gt;embed&lt;/a&gt;&l=
t;/code&gt;, &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a=
&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-video-element&gt;video&l=
t;/a&gt;&lt;/code&gt;, and, when their
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#image-=
button-state-(type=3Dimage)&quot; title=3Dattr-input-type-image&gt;Image =
Button&lt;/a&gt; state, &lt;code&gt;&lt;a href=3D#the-input-element&gt;in=
put&lt;/a&gt;&lt;/code&gt; elements may be
+  specified to give the dimensions of the visual content of the element =
(the width and height
+  respectively, relative to the nominal direction of the output medium),=
 in CSS pixels. The
+  attributes, if specified, must have values that are &lt;a href=3D#vali=
d-non-negative-integer title=3D&quot;valid non-negative integer&quot;&gt;=
valid
+  non-negative integers&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The specified dimensions given may differ from the dimensions=
 specified in the resource itself,
+  since the resource may have a resolution that differs from the CSS pix=
el resolution. (On screens,
+  CSS pixels have a resolution of 96ppi, but in general the CSS pixel re=
solution depends on the
+  reading distance.) If both attributes are specified, then one of the f=
ollowing statements must be
+  true:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;&lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&=
quot;&quot;&gt;specified width&lt;/var&gt; - 0.5 &amp;le;
+             &lt;var title=3D&quot;&quot;&gt;specified height&lt;/var&gt=
; * &lt;var title=3D&quot;&quot;&gt;target ratio&lt;/var&gt; &amp;le;
+             &lt;var title=3D&quot;&quot;&gt;specified width&lt;/var&gt;=
 + 0.5&lt;/span&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quo=
t;&gt;specified height&lt;/var&gt; - 0.5 &amp;le;
+             &lt;var title=3D&quot;&quot;&gt;specified width&lt;/var&gt;=
 / &lt;var title=3D&quot;&quot;&gt;target ratio&lt;/var&gt; &amp;le;
+             &lt;var title=3D&quot;&quot;&gt;specified height&lt;/var&gt=
; + 0.5&lt;/span&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quo=
t;&gt;specified height&lt;/var&gt; =3D &lt;var title=3D&quot;&quot;&gt;sp=
ecified width&lt;/var&gt; =3D 0&lt;/span&gt;&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;The &lt;var title=3D&quot;&quot;&gt;target ratio&l=
t;/var&gt; is the ratio of the intrinsic width to the intrinsic
+  height in the resource. The &lt;var title=3D&quot;&quot;&gt;specified =
width&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt;specified
+  height&lt;/var&gt; are the values of the &lt;code title=3Dattr-dim-wid=
th&gt;&lt;a href=3D#attr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt; and &l=
t;code title=3Dattr-dim-height&gt;&lt;a href=3D#attr-dim-height&gt;height=
&lt;/a&gt;&lt;/code&gt; attributes respectively.&lt;/p&gt;
+
+  &lt;p&gt;The two attributes must be omitted if the resource in questio=
n does not have both an intrinsic
+  width and an intrinsic height.&lt;/p&gt;
+
+  &lt;p&gt;If the two attributes are both zero, it indicates that the el=
ement is not intended for the user
+  (e.g. it might be a part of a service to count page views).&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The dimension attributes are not intended to be =
used to stretch the image.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;User agent requirements&lt;/strong&gt;: User ag=
ents are expected to use these attributes &lt;a href=3D#dimRendering&gt;a=
s hints for the rendering&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-dim-width title=3Ddom-dim-width&gt;&lt;c=
ode&gt;width&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Ddom-dim-height tit=
le=3Ddom-dim-height&gt;&lt;code&gt;height&lt;/code&gt;&lt;/dfn&gt; IDL at=
tributes on the &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt=
;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-embed-element&gt;embed&lt;/a&gt;&lt;/cod=
e&gt;, &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&l=
t;/code&gt;, and &lt;code&gt;&lt;a href=3D#the-video-element&gt;video&lt;=
/a&gt;&lt;/code&gt; elements must &lt;a href=3D#reflect&gt;reflect&lt;/a&=
gt;
+  the respective content attributes of the same name.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;For &lt;code&gt;&lt;a href=3D#the-iframe-element=
&gt;iframe&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-embed-el=
ement&gt;embed&lt;/a&gt;&lt;/code&gt;, and &lt;code&gt;&lt;a href=3D#the-=
object-element&gt;object&lt;/a&gt;&lt;/code&gt; the IDL
+  attributes are &lt;code&gt;DOMString&lt;/code&gt;; for &lt;code&gt;&lt=
;a href=3D#the-video-element&gt;video&lt;/a&gt;&lt;/code&gt; the IDL attr=
ibutes are
+  &lt;code&gt;unsigned long&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The corresponding IDL attributes for &lt;code ti=
tle=3Ddom-img-height&gt;&lt;a href=3D#dom-img-height&gt;img&lt;/a&gt;&lt;=
/code&gt; and
+  &lt;code title=3Ddom-input-height&gt;&lt;a href=3D#dom-input-height&gt=
;input&lt;/a&gt;&lt;/code&gt; elements are defined in those respective el=
ements'
+  sections, as they are slightly more specific to those elements' other =
behaviors.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h3 id=3Dlinks&gt;&lt;span class=3Dsecno&gt;4.8 &lt;/span&gt;Links&=
lt;/h3&gt;
+
+  &lt;h4 id=3Dintroduction-1&gt;&lt;span class=3Dsecno&gt;4.8.1 &lt;/spa=
n&gt;Introduction&lt;/h4&gt;
+
+  &lt;p&gt;Links are a conceptual construct, created by &lt;code&gt;&lt;=
a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a hr=
ef=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&gt;, and
+  &lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&=
gt; elements, that &lt;a href=3D#represents title=3Drepresents&gt;represe=
nt&lt;/a&gt; a connection between
+  two resources, one of which is the current &lt;code&gt;&lt;a href=3D#d=
ocument&gt;Document&lt;/a&gt;&lt;/code&gt;. There are two kinds of links =
in
+  HTML:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dexternal-resource-link title=3D&quot;=
external resource link&quot;&gt;Links to external resources&lt;/dfn&gt;&l=
t;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;These are links to resources that are to be used t=
o augment the current document,
+   generally automatically processed by the user agent.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dhyperlink title=3Dhyperlink&gt;Hyperlinks&lt;/=
dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;These are links to other resources that are genera=
lly exposed to the user by the user
+   agent so that the user can cause the user agent to &lt;a href=3D#navi=
gate&gt;navigate&lt;/a&gt; to those resources, e.g.
+   to visit them in a browser or download them.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;For &lt;code&gt;&lt;a href=3D#the-link-element&gt;=
link&lt;/a&gt;&lt;/code&gt; elements with an &lt;code title=3Dattr-link-h=
ref&gt;&lt;a href=3D#attr-link-href&gt;href&lt;/a&gt;&lt;/code&gt; attrib=
ute and a
+  &lt;code title=3Dattr-link-rel&gt;&lt;a href=3D#attr-link-rel&gt;rel&l=
t;/a&gt;&lt;/code&gt; attribute, links must be created for the keywords o=
f the
+  &lt;code title=3Dattr-link-rel&gt;&lt;a href=3D#attr-link-rel&gt;rel&l=
t;/a&gt;&lt;/code&gt; attribute, as defined for those keywords in the &lt=
;a href=3D#linkTypes&gt;link types&lt;/a&gt; section.&lt;/p&gt;
+
+  &lt;p&gt;Similarly, for &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&l=
t;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-area-element&gt;a=
rea&lt;/a&gt;&lt;/code&gt; elements with an &lt;code title=3Dattr-hyperli=
nk-href&gt;&lt;a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&g=
t; attribute and a &lt;code title=3Dattr-hyperlink-rel&gt;&lt;a href=3D#a=
ttr-hyperlink-rel&gt;rel&lt;/a&gt;&lt;/code&gt; attribute, links must be =
created for the keywords of the
+  &lt;code title=3Dattr-hyperlink-rel&gt;&lt;a href=3D#attr-hyperlink-re=
l&gt;rel&lt;/a&gt;&lt;/code&gt; attribute as defined for those keywords i=
n the &lt;a href=3D#linkTypes&gt;link types&lt;/a&gt; section. Unlike &lt=
;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt; el=
ements, however,
+  &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; an=
d &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&g=
t; element with an &lt;code title=3Dattr-hyperlink-href&gt;&lt;a href=3D#=
attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&gt;
+  attribute that either do not have a &lt;code title=3Dattr-hyperlink-re=
l&gt;&lt;a href=3D#attr-hyperlink-rel&gt;rel&lt;/a&gt;&lt;/code&gt; attri=
bute, or
+  whose &lt;code title=3Dattr-hyperlink-rel&gt;&lt;a href=3D#attr-hyperl=
ink-rel&gt;rel&lt;/a&gt;&lt;/code&gt; attribute has no keywords that are =
defined as
+  specifying &lt;a href=3D#hyperlink title=3Dhyperlink&gt;hyperlinks&lt;=
/a&gt;, must also create a &lt;a href=3D#hyperlink&gt;hyperlink&lt;/a&gt;=
.
+  This implied hyperlink has no special meaning (it has no &lt;a href=3D=
#linkTypes&gt;link type&lt;/a&gt;)
+  beyond linking the element's document to the resource given by the ele=
ment's &lt;code title=3Dattr-hyperlink-href&gt;&lt;a href=3D#attr-hyperli=
nk-href&gt;href&lt;/a&gt;&lt;/code&gt; attribute.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;a href=3D#hyperlink&gt;hyperlink&lt;/a&gt; can have one=
 or more &lt;dfn id=3Dhyperlink-annotation title=3D&quot;hyperlink annota=
tion&quot;&gt;hyperlink
+  annotations&lt;/dfn&gt; that modify the processing semantics of that h=
yperlink.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dlinks-created-by-a-and-area-elements&gt;&lt;span class=3Ds=
ecno&gt;4.8.2 &lt;/span&gt;Links created by &lt;code&gt;&lt;a href=3D#the=
-a-element&gt;a&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-=
area-element&gt;area&lt;/a&gt;&lt;/code&gt; elements&lt;/h4&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-hyperlink-href title=3Dattr-hyperlink-h=
ref&gt;&lt;code&gt;href&lt;/code&gt;&lt;/dfn&gt; attribute on &lt;code&gt=
;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; and
+  &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; elements must have a value that is a &lt;a href=3D#valid-url-potentia=
lly-surrounded-by-spaces&gt;valid URL potentially surrounded by
+  spaces&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code title=3Dattr-hyperlink-href&gt;&lt;=
a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&gt; attribute on=
 &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; and
+  &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; elements is not required; when those elements do not have &lt;code ti=
tle=3Dattr-hyperlink-href&gt;&lt;a href=3D#attr-hyperlink-href&gt;href&lt=
;/a&gt;&lt;/code&gt; attributes they do not create hyperlinks.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-hyperlink-target title=3Dattr-hyperlink=
-target&gt;&lt;code&gt;target&lt;/code&gt;&lt;/dfn&gt; attribute, if pres=
ent, must be
+  a &lt;a href=3D#valid-browsing-context-name-or-keyword&gt;valid browsi=
ng context name or keyword&lt;/a&gt;. It gives the name of the &lt;a href=
=3D#browsing-context&gt;browsing
+  context&lt;/a&gt; that will be used. &lt;span class=3Dimpl&gt;User age=
nts use this name when
+  &lt;a href=3D#following-hyperlinks&gt;following hyperlinks&lt;/a&gt;.&=
lt;/span&gt;&lt;/p&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt=
;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/=
a&gt;&lt;/code&gt; element's &lt;a href=3D#activation-behavior&gt;activat=
ion behavior&lt;/a&gt; is
+  invoked, the user agent may allow the user to indicate a preference re=
garding whether the
+  hyperlink is to be used for &lt;a href=3D#navigate title=3Dnavigate&gt=
;navigation&lt;/a&gt; or whether the resource it
+  specifies is to be downloaded.&lt;/p&gt;
+
+  &lt;p&gt;In the absence of a user preference, the default should be na=
vigation if the element has no
+  &lt;code title=3Dattr-hyperlink-download&gt;&lt;a href=3D#attr-hyperli=
nk-download&gt;download&lt;/a&gt;&lt;/code&gt; attribute, and should be t=
o download the
+  specified resource if it does.&lt;/p&gt;
+
+  &lt;p&gt;Whether determined by the user's preferences or via the prese=
nce or absence of the attribute,
+  if the decision is to use the hyperlink for &lt;a href=3D#navigate tit=
le=3Dnavigate&gt;navigation&lt;/a&gt; then the user
+  agent must &lt;a href=3D#following-hyperlinks title=3D&quot;following =
hyperlinks&quot;&gt;follow the hyperlink&lt;/a&gt;, and if the decision i=
s
+  to use the hyperlink to download a resource, the user agent must &lt;a=
 href=3D#downloading-hyperlinks title=3D&quot;downloading
+  hyperlinks&quot;&gt;download the hyperlink&lt;/a&gt;. These terms are =
defined in subsequent sections
+  below.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-hyperlink-download title=3Dattr-hyperli=
nk-download&gt;&lt;code&gt;download&lt;/code&gt;&lt;/dfn&gt; attribute, i=
f present,
+  indicates that the author intends the hyperlink to be used for downloa=
ding a resource. The
+  attribute may have a value; the value, if any, specifies the default f=
ile name that the author
+  recommends for use in labeling the resource in a local file system. Th=
ere are no restrictions on
+  allowed values, but authors are cautioned that most file systems have =
limitations with regard to
+  what punctuation is supported in file names, and user agents are likel=
y to adjust file names
+  accordingly.&lt;/p&gt;
+
+
+  &lt;p&gt;The &lt;dfn id=3Dping title=3Dattr-hyperlink-ping&gt;&lt;code=
&gt;ping&lt;/code&gt;&lt;/dfn&gt; attribute, if present,
+  gives the URLs of the resources that are interested in being notified =
if the user follows the
+  hyperlink. The value must be a &lt;a href=3D#set-of-space-separated-to=
kens&gt;set of space-separated tokens&lt;/a&gt;, each of which must be a
+  &lt;a href=3D#valid-non-empty-url&gt;valid non-empty URL&lt;/a&gt;. &l=
t;span class=3Dimpl&gt;The value is used by the user agent for
+  &lt;a href=3D#hyperlink-auditing&gt;hyperlink auditing&lt;/a&gt;.&lt;/=
span&gt;&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-hyperlink-rel title=3Dattr-hyperlink-re=
l&gt;&lt;code&gt;rel&lt;/code&gt;&lt;/dfn&gt; attribute on &lt;code&gt;&l=
t;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; and
+  &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; elements controls what kinds of links the elements create. The attrib=
ute's value
+  must be a &lt;a href=3D#set-of-space-separated-tokens&gt;set of space-=
separated tokens&lt;/a&gt;. The &lt;a href=3D#linkTypes&gt;allowed keywor=
ds
+  and their meanings&lt;/a&gt; are defined below.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-hyperlink-rel&gt;&lt;a href=3D#attr=
-hyperlink-rel&gt;rel&lt;/a&gt;&lt;/code&gt; attribute has no default val=
ue. If the
+  attribute is omitted or if none of the values in the attribute are rec=
ognized by the user agent,
+  then the document has no particular relationship with the destination =
resource other than there
+  being a hyperlink between the two.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-hyperlink-hreflang title=3Dattr-hyperli=
nk-hreflang&gt;&lt;code&gt;hreflang&lt;/code&gt;&lt;/dfn&gt; attribute on
+  &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; an=
d &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&g=
t; elements that create &lt;a href=3D#hyperlink title=3Dhyperlink&gt;hype=
rlinks&lt;/a&gt;, if present, gives the language of the linked resource. =
It is
+  purely advisory. The value must be a valid BCP 47 language tag. &lt;a =
href=3D#refsBCP47&gt;[BCP47]&lt;/a&gt;
+  &lt;span class=3Dimpl&gt;User agents must not consider this attribute =
authoritative &amp;mdash; upon
+  fetching the resource, user agents must use only language information =
associated with the resource
+  to determine its language, not metadata included in the link to the re=
source.&lt;/span&gt;&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-hyperlink-type title=3Dattr-hyperlink-t=
ype&gt;&lt;code&gt;type&lt;/code&gt;&lt;/dfn&gt; attribute, if present, g=
ives the
+  &lt;a href=3D#mime-type&gt;MIME type&lt;/a&gt; of the linked resource.=
 It is purely advisory. The value must be a
+  &lt;a href=3D#valid-mime-type&gt;valid MIME type&lt;/a&gt;. &lt;span c=
lass=3Dimpl&gt;User agents must not consider the &lt;code title=3Dattr-hy=
perlink-type&gt;&lt;a href=3D#attr-hyperlink-type&gt;type&lt;/a&gt;&lt;/c=
ode&gt; attribute authoritative &amp;mdash; upon fetching the
+  resource, user agents must not use metadata included in the link to th=
e resource to determine its
+  type.&lt;/span&gt;&lt;/p&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dfollowing-hyperlinks-0&gt;&lt;span class=3Dsecno&gt;4.8.3 =
&lt;/span&gt;Following hyperlinks&lt;/h4&gt;
+
+  &lt;p&gt;When a user &lt;dfn id=3Dfollowing-hyperlinks title=3D&quot;f=
ollowing hyperlinks&quot;&gt;follows a hyperlink&lt;/dfn&gt; created by a=
n element
+  &lt;var title=3D&quot;&quot;&gt;subject&lt;/var&gt;, the user agent mu=
st run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;repla=
ce&lt;/var&gt; be false.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;source&lt;/var=
&gt; be the &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; =
that contains the
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
 object with which &lt;var title=3D&quot;&quot;&gt;subject&lt;/var&gt; in=
 question is
+   associated.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the user indicated a specific &lt;a href=3D#browsing-con=
text&gt;browsing context&lt;/a&gt; when following the hyperlink,
+    or if the user agent is configured to follow hyperlinks by navigatin=
g a particular browsing
+    context, then let &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt;=
 be that &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;.&lt=
;/p&gt;
+
+    &lt;p&gt;Otherwise, if &lt;var title=3D&quot;&quot;&gt;subject&lt;/v=
ar&gt; is an &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/c=
ode&gt; or &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&l=
t;/code&gt; element
+    that has a &lt;code title=3Dattr-hyperlink-target&gt;&lt;a href=3D#a=
ttr-hyperlink-target&gt;target&lt;/a&gt;&lt;/code&gt; attribute, then let=
 &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt; be the &lt;a href=3D#=
browsing-context&gt;browsing context&lt;/a&gt; that is chosen by applying=
 &lt;a href=3D#the-rules-for-choosing-a-browsing-context-given-a-browsing=
-context-name&gt;the
+    rules for choosing a browsing context given a browsing context name&=
lt;/a&gt;, using the value of
+    the &lt;code title=3Dattr-hyperlink-target&gt;&lt;a href=3D#attr-hyp=
erlink-target&gt;target&lt;/a&gt;&lt;/code&gt; attribute as the browsing =
context name. If
+    these rules result in the creation of a new &lt;a href=3D#browsing-c=
ontext&gt;browsing context&lt;/a&gt;, set &lt;var title=3D&quot;&quot;&gt=
;replace&lt;/var&gt; to true.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if the hyperlink is a &lt;a href=3D#rel-sidebar-=
hyperlink title=3Drel-sidebar-hyperlink&gt;sidebar
+    hyperlink&lt;/a&gt;, the user agent implements a feature that can be=
 considered a &lt;a href=3D#secondary-browsing-context&gt;secondary
+    browsing context&lt;/a&gt;, and the user agent intends to use this f=
eature in this instance, let
+    &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt; be such a &lt;a h=
ref=3D#secondary-browsing-context&gt;secondary browsing context&lt;/a&gt;=
.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if &lt;var title=3D&quot;&quot;&gt;target&lt;/va=
r&gt; is an &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/co=
de&gt; or &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt=
;/code&gt; element
+    with no &lt;code title=3Dattr-hyperlink-target&gt;&lt;a href=3D#attr=
-hyperlink-target&gt;target&lt;/a&gt;&lt;/code&gt; attribute, but the
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; contains a &lt;code&gt;&lt;a href=3D#the-base-element&gt;base&lt;/a&gt;=
&lt;/code&gt; element with a &lt;code title=3Dattr-base-target&gt;&lt;a h=
ref=3D#attr-base-target&gt;target&lt;/a&gt;&lt;/code&gt; attribute, then =
let &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt; be the
+    &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; that is=
 chosen by applying &lt;a href=3D#the-rules-for-choosing-a-browsing-conte=
xt-given-a-browsing-context-name&gt;the rules for choosing a browsing
+    context given a browsing context name&lt;/a&gt;, using the value of =
the &lt;code title=3Dattr-base-target&gt;&lt;a href=3D#attr-base-target&g=
t;target&lt;/a&gt;&lt;/code&gt; attribute of the first such &lt;code&gt;&=
lt;a href=3D#the-base-element&gt;base&lt;/a&gt;&lt;/code&gt; element as
+    the browsing context name. If these rules result in the creation of =
a new &lt;a href=3D#browsing-context&gt;browsing
+    context&lt;/a&gt;, set &lt;var title=3D&quot;&quot;&gt;replace&lt;/v=
ar&gt; to true.&lt;/p&gt; &lt;!-- c.f. concept-fs-target --&gt;
+
+    &lt;p&gt;Otherwise, let &lt;var title=3D&quot;&quot;&gt;target&lt;/v=
ar&gt; be the &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt=
; that &lt;var title=3D&quot;&quot;&gt;subject&lt;/var&gt; itself is in.&=
lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#resolve-a-url title=3D&quot;resolve =
a url&quot;&gt;Resolve&lt;/a&gt; the &lt;a href=3D#url&gt;URL&lt;/a&gt; g=
iven by the &lt;code title=3Dattr-hyperlink-href&gt;&lt;a href=3D#attr-hy=
perlink-href&gt;href&lt;/a&gt;&lt;/code&gt; attribute of that element, re=
lative to that
+   element.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If that is successful, let &lt;var title=3D&quot;&quot;&gt;=
URL&lt;/var&gt; be the &lt;a href=3D#resulting-absolute-url&gt;resulting =
absolute
+    URL&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if &lt;a href=3D#resolve-a-url title=3D&quot;res=
olve a url&quot;&gt;resolving&lt;/a&gt; the &lt;a href=3D#url&gt;URL&lt;/=
a&gt; failed, the
+    user agent may report the error to the user in a user-agent-specific=
 manner, may &lt;a href=3D#queue-a-task&gt;queue a
+    task&lt;/a&gt; to &lt;a href=3D#navigate&gt;navigate&lt;/a&gt;&lt;!-=
-DONAV hyperlink--&gt; the &lt;var title=3D&quot;&quot;&gt;target&lt;/var=
&gt;
+    &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; to an e=
rror page to report the error, or may ignore the error and
+    do nothing. In any case, the user agent must then abort these steps.=
&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;In the case of server-side image maps, append the =
&lt;var&gt;&lt;a href=3D#hyperlink-suffix&gt;hyperlink suffix&lt;/a&gt;&l=
t;/var&gt; to &lt;var title=3D&quot;&quot;&gt;URL&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#queue-a-task&gt;Queue a task&lt;/a&gt; to &lt=
;a href=3D#navigate&gt;navigate&lt;/a&gt;&lt;!--DONAV hyperlink--&gt; the=
 &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt; &lt;a href=3D#browsin=
g-context&gt;browsing context&lt;/a&gt; to &lt;var title=3D&quot;&quot;&g=
t;URL&lt;/var&gt;. If &lt;var title=3D&quot;&quot;&gt;replace&lt;/var&gt;=
 is true, the navigation must be performed with &lt;a href=3D#replacement=
-enabled&gt;replacement
+    enabled&lt;/a&gt;. The &lt;a href=3D#source-browsing-context&gt;sour=
ce browsing context&lt;/a&gt; must be &lt;var title=3D&quot;&quot;&gt;sou=
rce&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;a href=3D#task-source&gt;task source&lt;/a=
&gt; for the tasks mentioned above is the &lt;a href=3D#dom-manipulation-=
task-source&gt;DOM manipulation task
+  source&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+&lt;!--DOWNLOAD--&gt;
+
+  &lt;h4 id=3Ddownloading-resources&gt;&lt;span class=3Dsecno&gt;4.8.4 &=
lt;/span&gt;Downloading resources&lt;/h4&gt;
+
+  &lt;p&gt;In some cases, resources are intended for later use rather th=
an immediate viewing. To indicate
+  that a resource is intended to be downloaded for use later, rather tha=
n immediately used, the
+  &lt;code title=3Dattr-hyperlink-download&gt;&lt;a href=3D#attr-hyperli=
nk-download&gt;download&lt;/a&gt;&lt;/code&gt; attribute can be specified=
 on the
+  &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; or=
 &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&gt=
; element that creates the &lt;a href=3D#hyperlink&gt;hyperlink&lt;/a&gt;=
 to that
+  resource.&lt;/p&gt;
+
+  &lt;p&gt;The attribute can furthermore be given a value, to specify th=
e file name that user agents are
+  to use when storing the resource in a file system. This value can be o=
verridden by the &lt;code title=3Dhttp-content-disposition&gt;Content-Dis=
position&lt;/code&gt; HTTP header's filename parameters. &lt;a href=3D#re=
fsRFC6266&gt;[RFC6266]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;In cross-origin situations, the &lt;code title=3Dattr-hyperli=
nk-download&gt;&lt;a href=3D#attr-hyperlink-download&gt;download&lt;/a&gt=
;&lt;/code&gt; attribute
+  has to be combined with the &lt;code title=3Dhttp-content-disposition&=
gt;Content-Disposition&lt;/code&gt; HTTP
+  header, specifically with the &lt;code title=3D&quot;&quot;&gt;attachm=
ent&lt;/code&gt; disposition type, to avoid the user
+  being warned of possibly nefarious activity. (This is to protect users=
 from being made to download
+  sensitive personal or confidential information without their full unde=
rstanding.)&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;hr&gt;&lt;p&gt;When a user &lt;dfn id=3Ddownloading-hyperlinks tit=
le=3D&quot;downloading hyperlinks&quot;&gt;downloads a hyperlink&lt;/dfn&=
gt; created by an
+  element, the user agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#resolve-a-url title=3D&quot=
;resolve a url&quot;&gt;Resolve&lt;/a&gt; the &lt;a href=3D#url&gt;URL&lt=
;/a&gt; given by the &lt;code title=3Dattr-hyperlink-href&gt;&lt;a href=3D=
#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&gt; attribute of that ele=
ment, relative to that
+   element.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;a href=3D#resolve-a-url title=3D&quot;resol=
ve a url&quot;&gt;resolving&lt;/a&gt; the &lt;a href=3D#url&gt;URL&lt;/a&=
gt; fails, the user agent
+   may report the error to the user in a user-agent-specific manner, may
+   &lt;a href=3D#navigate&gt;navigate&lt;/a&gt;&lt;!--DONAV download err=
or--&gt; to an error page to report the error, or may
+   ignore the error and do nothing. In either case, the user agent must =
abort these steps.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, let &lt;var title=3D&quot;&quot;&gt;URL=
&lt;/var&gt; be the resulting &lt;a href=3D#absolute-url&gt;absolute
+   URL&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;In the case of server-side image maps, append the =
&lt;var&gt;&lt;a href=3D#hyperlink-suffix&gt;hyperlink suffix&lt;/a&gt;&l=
t;/var&gt; to &lt;var title=3D&quot;&quot;&gt;URL&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return to whatever algorithm invoked these steps a=
nd continue
+   these steps asynchronously.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#fetch&gt;Fetch&lt;/a&gt;&lt;!--FETCH=
--&gt; &lt;var title=3D&quot;&quot;&gt;URL&lt;/var&gt; and handle the res=
ulting resource
+   &lt;a href=3D#as-a-download&gt;as a download&lt;/a&gt;.&lt;/li&gt; &l=
t;!-- http-origin privacy sensitive --&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When a user agent is to handle a resource obtained=
 from a &lt;a href=3D#fetch&gt;fetch&lt;/a&gt; algorithm &lt;dfn id=3Das-=
a-download&gt;as
+  a download&lt;/dfn&gt;, it should provide the user with a way to save =
the resource for later use, if a
+  resource is successfully obtained; or otherwise should report any prob=
lems downloading the file to
+  the user.&lt;/p&gt;
+
+  &lt;p&gt;If the user agent needs a file name for a resource being hand=
led &lt;a href=3D#as-a-download&gt;as a download&lt;/a&gt;, it
+  should select one using the following algorithm.&lt;/p&gt;
+
+  &lt;p class=3Dwarning&gt;This algorithm is intended to mitigate securi=
ty dangers involved in downloading
+  files from untrusted sites, and user agents are strongly urged to foll=
ow it.&lt;/p&gt; &lt;!-- but it's
+  optional, since it's not really an interoperability issue --&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;filen=
ame&lt;/var&gt; be the void value.&lt;/li&gt;
+
+   &lt;!-- Content-Disposition: attachment; filename=3D&quot;&quot; is a=
lways honoured, even cross-origin --&gt;
+   &lt;li&gt;&lt;p&gt;If the resource has a &lt;code title=3Dhttp-conten=
t-disposition&gt;Content-Disposition&lt;/code&gt;
+   header, that header specifies the &lt;code title=3D&quot;&quot;&gt;at=
tachment&lt;/code&gt; disposition type, and the
+   header includes file name information, then let &lt;var title=3D&quot=
;&quot;&gt;filename&lt;/var&gt; have the value
+   specified by the header, and jump to the step labeled &lt;i&gt;saniti=
ze&lt;/i&gt; below. &lt;a href=3D#refsRFC6266&gt;[RFC6266]&lt;/a&gt;&lt;/=
li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;interface orig=
in&lt;/var&gt; be the &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
 in which the &lt;a href=3D#downloading-hyperlinks title=3D&quot;download=
ing hyperlinks&quot;&gt;download&lt;/a&gt; or
+   &lt;a href=3D#navigate&gt;navigate&lt;/a&gt; action resulting in the =
download was initiated, if any.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;resource origi=
n&lt;/var&gt; be the &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the URL =
of the
+   resource being downloaded, unless that URL's &lt;a href=3D#concept-ur=
l-scheme title=3Dconcept-url-scheme&gt;scheme&lt;/a&gt;
+   component is &lt;code title=3D&quot;&quot;&gt;data&lt;/code&gt;, in w=
hich case let &lt;var title=3D&quot;&quot;&gt;resource origin&lt;/var&gt;=
 be
+   the same as the &lt;var title=3D&quot;&quot;&gt;interface origin&lt;/=
var&gt;, if any.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If there is no &lt;var title=3D&quot;&quot;&gt;int=
erface origin&lt;/var&gt;, then let &lt;var title=3D&quot;&quot;&gt;trust=
ed
+   operation&lt;/var&gt; be true. Otherwise, let &lt;var title=3D&quot;&=
quot;&gt;trusted operation&lt;/var&gt; be true if &lt;var title=3D&quot;&=
quot;&gt;resource origin&lt;/var&gt; is the &lt;a href=3D#same-origin&gt;=
same origin&lt;/a&gt; as &lt;var title=3D&quot;&quot;&gt;interface
+   origin&lt;/var&gt;, and false otherwise.&lt;/li&gt;
+
+   &lt;!-- Content-Disposition: *; filename=3D&quot;&quot; overrides dow=
nload=3D&quot;&quot; for same-origin --&gt;
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;trusted operati=
on&lt;/var&gt; is true and the resource has a &lt;code title=3Dhttp-conte=
nt-disposition&gt;Content-Disposition&lt;/code&gt; header and that header=
 includes file
+   name information, then let &lt;var title=3D&quot;&quot;&gt;filename&l=
t;/var&gt; have the value specified by the header,
+   and jump to the step labeled &lt;i&gt;sanitize&lt;/i&gt; below. &lt;a=
 href=3D#refsRFC6266&gt;[RFC6266]&lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the download was not initiated from a &lt;a hre=
f=3D#hyperlink&gt;hyperlink&lt;/a&gt; created by an
+   &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; o=
r &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&g=
t; element, or if the element of the &lt;a href=3D#hyperlink&gt;hyperlink=
&lt;/a&gt; from
+   which it was initiated did not have a &lt;code title=3Dattr-hyperlink=
-download&gt;&lt;a href=3D#attr-hyperlink-download&gt;download&lt;/a&gt;&=
lt;/code&gt;
+   attribute when the download was initiated, or if there was such an at=
tribute but its value when
+   the download was initiated was the empty string, then jump to the ste=
p labeled &lt;i&gt;no proposed
+   file name&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;proposed filen=
ame&lt;/var&gt; have the value of the &lt;code title=3Dattr-hyperlink-dow=
nload&gt;&lt;a href=3D#attr-hyperlink-download&gt;download&lt;/a&gt;&lt;/=
code&gt; attribute of the element of the
+   &lt;a href=3D#hyperlink&gt;hyperlink&lt;/a&gt; that initiated the dow=
nload at the time the download was
+   initiated.&lt;/li&gt;
+
+   &lt;!-- download=3D&quot;&quot; works for all links when same-origin =
--&gt;
+   &lt;!-- it is not used cross-origin, though, even for explicit user g=
estures --&gt;
+   &lt;!-- (except... see next step) --&gt;
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;trusted operati=
on&lt;/var&gt; is true, let &lt;var title=3D&quot;&quot;&gt;filename&lt;/=
var&gt; have
+   the value of &lt;var title=3D&quot;&quot;&gt;proposed filename&lt;/va=
r&gt;, and jump to the step labeled &lt;i&gt;sanitize&lt;/i&gt;
+   below.&lt;/li&gt;
+
+   &lt;!-- Content-Disposition: attachment with no filename=3D&quot;&quo=
t; allows download=3D&quot;&quot; cross-origin --&gt;
+   &lt;li&gt;&lt;p&gt;If the resource has a &lt;code title=3Dhttp-conten=
t-disposition&gt;Content-Disposition&lt;/code&gt;
+   header and that header specifies the &lt;code title=3D&quot;&quot;&gt=
;attachment&lt;/code&gt; disposition type, let &lt;var title=3D&quot;&quo=
t;&gt;filename&lt;/var&gt; have the value of &lt;var title=3D&quot;&quot;=
&gt;proposed filename&lt;/var&gt;, and jump to the
+   step labeled &lt;i&gt;sanitize&lt;/i&gt; below. &lt;a href=3D#refsRFC=
6266&gt;[RFC6266]&lt;/a&gt;&lt;/li&gt;
+
+   &lt;!-- fallback for same-origin resources or explicit downloads: use=
 the resource's file name --&gt;
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;No proposed file name&lt;/i&gt;: If &lt;v=
ar title=3D&quot;&quot;&gt;trusted operation&lt;/var&gt; is true, or if t=
he
+   user indicated a preference for having the resource in question downl=
oaded, let &lt;var title=3D&quot;&quot;&gt;filename&lt;/var&gt; have a va=
lue derived from the &lt;a href=3D#url&gt;URL&lt;/a&gt; of the resource i=
n a
+   user-agent-defined manner, and jump to the step labeled &lt;i&gt;sani=
tize&lt;/i&gt; below.&lt;/li&gt;
+
+   &lt;!-- no C-D: a header on cross-origin raises red flags --&gt;
+   &lt;li&gt;
+
+    &lt;p&gt;Act in a user-agent-defined manner to safeguard the user fr=
om a potentially hostile
+    cross-origin download. If the download is not to be aborted, then le=
t &lt;var title=3D&quot;&quot;&gt;filename&lt;/var&gt; be set to the user=
's preferred file name or to a file name selected by
+    the user agent, and jump to the step labeled &lt;i&gt;sanitize&lt;/i=
&gt; below.&lt;/p&gt;
+
+    &lt;div class=3Dwarning&gt;
+
+     &lt;p&gt;If the algorithm reaches this step, then a download was be=
gun from a different origin than
+     the resource being downloaded, and the origin did not mark the file=
 as suitable for
+     downloading, and the download was not initiated by the user. This c=
ould be because a &lt;code title=3Dattr-hyperlink-download&gt;&lt;a href=3D=
#attr-hyperlink-download&gt;download&lt;/a&gt;&lt;/code&gt; attribute was=
 used to trigger the download, or
+     because the resource in question is not of a type that the user age=
nt supports.&lt;/p&gt;
+
+     &lt;p&gt;This could be dangerous, because, for instance, a hostile =
server could be trying to get a
+     user to unknowingly download private information and then re-upload=
 it to the hostile server,
+     by tricking the user into thinking the data is from the hostile ser=
ver.&lt;/p&gt;
+
+     &lt;p&gt;Thus, it is in the user's interests that the user be someh=
ow notified that the resource in
+     question comes from quite a different source, and to prevent confus=
ion, any suggested file name
+     from the potentially hostile &lt;var title=3D&quot;&quot;&gt;interf=
ace origin&lt;/var&gt; should be ignored.&lt;/p&gt;
+
+    &lt;/div&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Sanitize&lt;/i&gt;: Optionally, allow the=
 user to influence &lt;var title=3D&quot;&quot;&gt;filename&lt;/var&gt;. =
For
+   example, a user agent could prompt the user for a file name, potentia=
lly providing the value of
+   &lt;var title=3D&quot;&quot;&gt;filename&lt;/var&gt; as determined ab=
ove as a default value.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Adjust &lt;var title=3D&quot;&quot;&gt;filename&lt;/var&gt;=
 to be suitable for the local file system.&lt;/p&gt;
+
+    &lt;p class=3Dexample&gt;For example, this could involve removing ch=
aracters that are not legal in
+    file names, or trimming leading and trailing whitespace.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the platform conventions do not in any way use =
&lt;a href=3D#concept-extension title=3Dconcept-extension&gt;extensions&l=
t;/a&gt; to determine the types of file on the file system,
+   then return &lt;var title=3D&quot;&quot;&gt;filename&lt;/var&gt; as t=
he file name and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;claimed type&l=
t;/var&gt; be the type given by the resource's &lt;a href=3D#content-type=
 title=3DContent-Type&gt;Content-Type metadata&lt;/a&gt;, if any is known=
. Let &lt;var title=3D&quot;&quot;&gt;named
+   type&lt;/var&gt; be the type given by &lt;var title=3D&quot;&quot;&gt=
;filename&lt;/var&gt;'s &lt;a href=3D#concept-extension title=3Dconcept-e=
xtension&gt;extension&lt;/a&gt;, if any is known. For the purposes of thi=
s step, a
+   &lt;i&gt;type&lt;/i&gt; is a mapping of a &lt;a href=3D#mime-type&gt;=
MIME type&lt;/a&gt; to an &lt;a href=3D#concept-extension title=3Dconcept=
-extension&gt;extension&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;named type&lt;/=
var&gt; is consistent with the user's preferences (e.g. because
+   the value of &lt;var title=3D&quot;&quot;&gt;filename&lt;/var&gt; was=
 determined by prompting the user), then return &lt;var title=3D&quot;&qu=
ot;&gt;filename&lt;/var&gt; as the file name and abort these steps.&lt;/l=
i&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;claimed type&lt=
;/var&gt; and &lt;var title=3D&quot;&quot;&gt;named type&lt;/var&gt; are =
the same type
+   (i.e. the type given by the resource's &lt;a href=3D#content-type tit=
le=3DContent-Type&gt;Content-Type metadata&lt;/a&gt; is
+   consistent with the type given by &lt;var title=3D&quot;&quot;&gt;fil=
ename&lt;/var&gt;'s &lt;a href=3D#concept-extension title=3Dconcept-exten=
sion&gt;extension&lt;/a&gt;), then return &lt;var title=3D&quot;&quot;&gt=
;filename&lt;/var&gt; as the file
+   name and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;claimed type&lt;/var=
&gt; is known, then alter &lt;var title=3D&quot;&quot;&gt;filename&lt;/va=
r&gt; to
+    add an &lt;a href=3D#concept-extension title=3Dconcept-extension&gt;=
extension&lt;/a&gt; corresponding to &lt;var title=3D&quot;&quot;&gt;clai=
med
+    type&lt;/var&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if &lt;var title=3D&quot;&quot;&gt;named type&lt=
;/var&gt; is known to be potentially dangerous (e.g. it
+    will be treated by the platform conventions as a native executable, =
shell script, HTML
+    application, or executable-macro-capable document) then optionally a=
lter &lt;var title=3D&quot;&quot;&gt;filename&lt;/var&gt; to add a known-=
safe &lt;a href=3D#concept-extension title=3Dconcept-extension&gt;extensi=
on&lt;/a&gt;
+    (e.g. &quot;&lt;code title=3D&quot;&quot;&gt;.txt&lt;/code&gt;&quot;=
).&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This last step would make it impossible to dow=
nload executables, which might not
+    be desirable. As always, implementors are forced to balance security=
 and usability in this
+    matter.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;filename&lt=
;/var&gt; as the file name.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;For the purposes of this algorithm, a file &lt;dfn=
 id=3Dconcept-extension title=3Dconcept-extension&gt;extension&lt;/dfn&gt=
;
+  consists of any part of the file name that platform conventions dictat=
e will be used for
+  identifying the type of the file. For example, many operating systems =
use the part of the file
+  name following the last dot (&quot;&lt;code title=3D&quot;&quot;&gt;.&=
lt;/code&gt;&quot;) in the file name to determine the type of
+  the file, and from that the manner in which the file is to be opened o=
r executed.&lt;/p&gt;
+
+  &lt;p&gt;User agents should ignore any directory or path information p=
rovided by the resource itself,
+  its &lt;a href=3D#url&gt;URL&lt;/a&gt;, and any &lt;code title=3Dattr-=
hyperlink-download&gt;&lt;a href=3D#attr-hyperlink-download&gt;download&l=
t;/a&gt;&lt;/code&gt; attribute, in
+  deciding where to store the resulting file in the user's file system.&=
lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+&lt;!--PING--&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dhyperlink-auditing&gt;&lt;span class=3Dsecno&gt;4.8.4.1 &l=
t;/span&gt;&lt;dfn&gt;Hyperlink auditing&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;If a &lt;a href=3D#hyperlink&gt;hyperlink&lt;/a&gt; created b=
y an &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; =
or &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; element has a
+  &lt;code title=3Dattr-hyperlink-ping&gt;&lt;a href=3D#ping&gt;ping&lt;=
/a&gt;&lt;/code&gt; attribute, and the user follows the hyperlink, and
+  the value of the element's &lt;code title=3Dattr-hyperlink-href&gt;&lt=
;a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&gt; attribute c=
an be &lt;a href=3D#resolve-a-url title=3D&quot;resolve a url&quot;&gt;re=
solved&lt;/a&gt;, relative to the element, without failure, then the user
+  agent must take the &lt;code title=3Dattr-hyperlink-ping&gt;&lt;a href=
=3D#ping&gt;ping&lt;/a&gt;&lt;/code&gt; attribute's value, &lt;a href=3D#=
split-a-string-on-spaces title=3D&quot;split a string on spaces&quot;&gt;=
split that string on spaces&lt;/a&gt;, &lt;a href=3D#resolve-a-url title=3D=
&quot;resolve a
+  url&quot;&gt;resolve&lt;/a&gt; each resulting token relative to the el=
ement, and then each of the resulting
+  &lt;a href=3D#absolute-url title=3D&quot;absolute URL&quot;&gt;absolut=
e URLs&lt;/a&gt; should be &lt;a href=3D#fetch title=3Dfetch&gt;fetched&l=
t;/a&gt;&lt;!--FETCH--&gt; from the &lt;a href=3D#origin&gt;origin&lt;/a&=
gt; of the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/c=
ode&gt;
+  containing the &lt;a href=3D#hyperlink&gt;hyperlink&lt;/a&gt; &lt;!-- =
not http-origin privacy sensitive --&gt; (as described
+  below). (Tokens that fail to resolve are ignored.) This may be done in=
 parallel with the primary
+  request, and is independent of the result of that request.&lt;/p&gt;
+
+  &lt;p&gt;User agents should allow the user to adjust this behavior, fo=
r example in conjunction with a
+  setting that disables the sending of HTTP &lt;code title=3Dhttp-refere=
r&gt;Referer&lt;/code&gt; (sic) headers.
+  Based on the user's preferences, UAs may either &lt;a href=3D#ignore&g=
t;ignore&lt;/a&gt; the &lt;code title=3Dattr-hyperlink-ping&gt;&lt;a href=
=3D#ping&gt;ping&lt;/a&gt;&lt;/code&gt; attribute altogether, or selectiv=
ely ignore URLs in the
+  list (e.g. ignoring any third-party URLs).&lt;/p&gt;
+
+  &lt;p&gt;For URLs that are HTTP URLs, the requests must be performed u=
sing the POST method, with an
+  entity body with the &lt;a href=3D#mime-type&gt;MIME type&lt;/a&gt; &l=
t;code&gt;&lt;a href=3D#text/ping&gt;text/ping&lt;/a&gt;&lt;/code&gt; con=
sisting of the
+  four-character string &quot;&lt;code title=3D&quot;&quot;&gt;PING&lt;/=
code&gt;&quot;. All relevant cookie and HTTP authentication
+  headers must be included in the request. Which other headers are requi=
red depends on the URLs
+  involved.&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;If both the &lt;a href=3D&quot;#the=
-document's-address&quot; title=3D&quot;the document's address&quot;&gt;a=
ddress&lt;/a&gt; of the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt=
;/a&gt;&lt;/code&gt;
+   object containing the hyperlink being audited and the ping URL have t=
he &lt;a href=3D#same-origin&gt;same
+   origin&lt;/a&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;The request must include a &lt;code title=3Dhttp-ping-from&=
gt;&lt;a href=3D#ping-from&gt;Ping-From&lt;/a&gt;&lt;/code&gt; HTTP heade=
r with, as
+   its value, the &lt;a href=3D&quot;#the-document's-address&quot; title=
=3D&quot;the document's address&quot;&gt;address&lt;/a&gt; of the documen=
t containing the
+   hyperlink, and a &lt;code title=3Dhttp-ping-to&gt;&lt;a href=3D#ping-=
to&gt;Ping-To&lt;/a&gt;&lt;/code&gt; HTTP header with, as its value, the
+   address of the &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt; o=
f the target of the hyperlink. The request must not
+   include a &lt;code title=3Dhttp-referer&gt;Referer&lt;/code&gt; (sic)=
 HTTP header. &lt;!-- because otherwise it
+   would look like a trustable same-origin POST --&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;Otherwise, if the origins are different, but the document c=
ontaining the hyperlink being
+   audited was not retrieved over an encrypted connection&lt;/dt&gt;
+
+   &lt;dd&gt;The request must include a &lt;code title=3Dhttp-referer&gt=
;Referer&lt;/code&gt; (sic) HTTP header with,
+   as its value, the &lt;a href=3D&quot;#the-document's-address&quot; ti=
tle=3D&quot;the document's address&quot;&gt;address&lt;/a&gt; of the docu=
ment containing
+   the hyperlink, a &lt;code title=3Dhttp-ping-from&gt;&lt;a href=3D#pin=
g-from&gt;Ping-From&lt;/a&gt;&lt;/code&gt; HTTP header with the same valu=
e,
+   and a &lt;code title=3Dhttp-ping-to&gt;&lt;a href=3D#ping-to&gt;Ping-=
To&lt;/a&gt;&lt;/code&gt; HTTP header with, as its value, the address of
+   the target of the hyperlink.&lt;/dd&gt;
+
+   &lt;dt&gt;Otherwise, the origins are different and the document conta=
ining the hyperlink being audited
+   was retrieved over an encrypted connection&lt;/dt&gt;
+
+   &lt;dd&gt;The request must include a &lt;code title=3Dhttp-ping-to&gt=
;&lt;a href=3D#ping-to&gt;Ping-To&lt;/a&gt;&lt;/code&gt; HTTP header with=
, as its
+   value, the address of the target of the hyperlink. The request must n=
either include a &lt;code title=3Dhttp-referer&gt;Referer&lt;/code&gt; (s=
ic) HTTP header nor include a &lt;code title=3Dhttp-ping-from&gt;&lt;a hr=
ef=3D#ping-from&gt;Ping-From&lt;/a&gt;&lt;/code&gt; HTTP header.&lt;/dd&g=
t;
+
+  &lt;/dl&gt;&lt;p class=3Dnote&gt;To save bandwidth, implementors might=
 also wish to consider omitting optional
+  headers such as &lt;code&gt;Accept&lt;/code&gt; from these requests.&l=
t;/p&gt;
+
+  &lt;p&gt;User agents must, unless otherwise specified by the user, hon=
or the HTTP headers (including, in
+  particular, redirects and HTTP cookie headers), but must ignore any en=
tity bodies returned in the
+  responses. User agents may close the connection prematurely once they =
start receiving an entity
+  body. &lt;a href=3D#refsCOOKIES&gt;[COOKIES]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;code title=3Dattr-hyperlink-ping&gt;&lt;a href=3D=
#ping&gt;ping&lt;/a&gt;&lt;/code&gt; attribute is present, user agents sh=
ould
+  clearly indicate to the user that following the hyperlink will also ca=
use secondary requests to be
+  sent in the background, possibly including listing the actual target U=
RLs.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;For example, a visual user agent could includ=
e the hostnames of the target ping
+  URLs along with the hyperlink's actual URL in a status bar or tooltip.=
&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dnote&gt;
+
+   &lt;p&gt;The &lt;code title=3Dattr-hyperlink-ping&gt;&lt;a href=3D#pi=
ng&gt;ping&lt;/a&gt;&lt;/code&gt; attribute is redundant with pre-existin=
g
+   technologies like HTTP redirects and JavaScript in allowing Web pages=
 to track which off-site
+   links are most popular or allowing advertisers to track click-through=
 rates.&lt;/p&gt;
+
+   &lt;p&gt;However, the &lt;code title=3Dattr-hyperlink-ping&gt;&lt;a h=
ref=3D#ping&gt;ping&lt;/a&gt;&lt;/code&gt; attribute provides these advan=
tages
+   to the user over those alternatives:&lt;/p&gt;
+
+   &lt;ul&gt;&lt;li&gt;It allows the user to see the final target URL un=
obscured.&lt;/li&gt;
+
+    &lt;li&gt;It allows the UA to inform the user about the out-of-band =
notifications.&lt;/li&gt;
+
+    &lt;li&gt;It allows the user to disable the notifications without lo=
sing the underlying link
+    functionality.&lt;/li&gt;
+
+    &lt;li&gt;It allows the UA to optimize the use of available network =
bandwidth so that the target page
+    loads faster.&lt;/li&gt;
+
+   &lt;/ul&gt;&lt;p&gt;Thus, while it is possible to track users without=
 this feature, authors are encouraged to use
+   the &lt;code title=3Dattr-hyperlink-ping&gt;&lt;a href=3D#ping&gt;pin=
g&lt;/a&gt;&lt;/code&gt; attribute so that the user agent can make the
+   user experience more transparent.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;!-- resolving ping urls happens at audit time, so base URL changes=
 affect the values of ping
+  attributes --&gt;
+
+
+
+  &lt;h4 id=3DlinkTypes&gt;&lt;span class=3Dsecno&gt;4.8.5 &lt;/span&gt;=
Link types&lt;/h4&gt;
+
+  &lt;p&gt;The following table summarizes the link types that are define=
d by this specification. This
+  table is non-normative; the actual definitions for the link types are =
given in the next few
+  sections.&lt;/p&gt;
+
+  &lt;p&gt;In this section, the term &lt;i&gt;referenced document&lt;/i&=
gt; refers to the resource identified by the
+  element representing the link, and the term &lt;i&gt;current document&=
lt;/i&gt; refers to the resource within
+  which the element representing the link finds itself.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;To determine which link types apply to a &lt;code&gt;&lt;a hr=
ef=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a =
href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt;, or
+  &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; element, the element's &lt;code title=3D&quot;&quot;&gt;rel&lt;/code&=
gt; attribute must be &lt;a href=3D#split-a-string-on-spaces title=3D&quo=
t;split a string on spaces&quot;&gt;split on spaces&lt;/a&gt;. The result=
ing tokens are the link types
+  that apply to that element.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;Except where otherwise specified, a keyword must not be speci=
fied more than once per &lt;code title=3Dattr-hyperlink-rel&gt;&lt;a href=
=3D#attr-hyperlink-rel&gt;rel&lt;/a&gt;&lt;/code&gt; attribute.&lt;/p&gt;
+
+  &lt;p&gt;Link types are always &lt;a href=3D#ascii-case-insensitive&gt=
;ASCII case-insensitive&lt;/a&gt;&lt;span class=3Dimpl&gt;, and must be
+  compared as such&lt;/span&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;Thus, &lt;code title=3D&quot;&quot;&gt;rel=3D=
&quot;next&quot;&lt;/code&gt; is the same as &lt;code title=3D&quot;&quot=
;&gt;rel=3D&quot;NEXT&quot;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th rowspan=3D2&gt;Link type&lt=
;/th&gt;
+     &lt;th colspan=3D2&gt;Effect on...&lt;/th&gt;
+     &lt;th rowspan=3D2&gt;Brief description&lt;/th&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-link-element&gt;li=
nk&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;th&gt;&lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt=
;/code&gt; and &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&g=
t;&lt;/code&gt;&lt;/th&gt;
+    &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code title=3Drel-alternate&gt;&=
lt;a href=3D#rel-alternate&gt;alternate&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;=
 &lt;!-- second most used &lt;link rel&gt; value --&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink&gt;Hyperlink&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink&gt;Hyperlink&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;Gives alternate representations of the current document.&=
lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3Drel-author&gt;&lt;a href=3D#lin=
k-type-author&gt;author&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink&gt;Hyperlink&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink&gt;Hyperlink&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;Gives a link to the author of the current document or art=
icle.&lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3Drel-bookmark&gt;&lt;a href=3D#l=
ink-type-bookmark&gt;bookmark&lt;/a&gt;&lt;/code&gt;&lt;/td&gt; &lt;!-- f=
ourth most used &lt;a rel&gt; value --&gt;
+     &lt;td&gt;&lt;em&gt;not allowed&lt;/em&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink&gt;Hyperlink&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;Gives the permalink for the nearest ancestor section.&lt;=
/td&gt;
+    &lt;/tr&gt;&lt;!-- &lt;code title=3D&quot;rel-contact&quot;&gt;conta=
ct&lt;/code&gt;&lt;/td&gt; is not here because it's XFN (8th most used &l=
t;a rel&gt; value) --&gt;&lt;!-- fifth and sixth most used &lt;a rel&gt; =
value (sixth is &quot;external nofollow&quot;) --&gt;&lt;tr&gt;&lt;td&gt;=
&lt;code title=3Drel-external&gt;&lt;a href=3D#link-type-external&gt;exte=
rnal&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;em&gt;not allowed&lt;/em&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink&gt;Hyperlink&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;Indicates that the referenced document is not part of the=
 same site as the current document.&lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3Drel-help&gt;&lt;a href=3D#link-=
type-help&gt;help&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink&gt;Hyperlink&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink&gt;Hyperlink&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;Provides a link to context-sensitive help.&lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3Drel-icon&gt;&lt;a href=3D#rel-i=
con&gt;icon&lt;/a&gt;&lt;/code&gt;&lt;/td&gt; &lt;!-- link rel=3D&quot;sh=
ortcut icon&quot; and its ilk are the fourth, sixth, and ninth most used =
values --&gt;
+     &lt;td&gt;&lt;a href=3D#external-resource-link title=3D&quot;extern=
al resource link&quot;&gt;External Resource&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;em&gt;not allowed&lt;/em&gt;&lt;/td&gt;
+     &lt;td&gt;Imports an icon to represent the current document.&lt;/td=
&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3Drel-license&gt;&lt;a href=3D#li=
nk-type-license&gt;license&lt;/a&gt;&lt;/code&gt;&lt;/td&gt; &lt;!-- seve=
nth most used &lt;a rel&gt; value --&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink&gt;Hyperlink&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink&gt;Hyperlink&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;Indicates that the main content of the current document i=
s covered by the copyright license described by the referenced document.&=
lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3Drel-next&gt;&lt;a href=3D#link-=
type-next&gt;next&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink&gt;Hyperlink&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink&gt;Hyperlink&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;Indicates that the current document is a part of a series=
, and that the next document in the series is the referenced document.&lt=
;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3Drel-nofollow&gt;&lt;a href=3D#l=
ink-type-nofollow&gt;nofollow&lt;/a&gt;&lt;/code&gt;&lt;/td&gt; &lt;!-- m=
ost used &lt;a rel&gt; value (and sixth most used is &quot;external nofol=
low&quot;) --&gt;
+     &lt;td&gt;&lt;em&gt;not allowed&lt;/em&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink-annotation title=3D&quot;hyperlin=
k annotation&quot;&gt;Annotation&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;Indicates that the current document's original author or =
publisher does not endorse the referenced document.&lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3Drel-noreferrer&gt;&lt;a href=3D=
#link-type-noreferrer&gt;noreferrer&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;em&gt;not allowed&lt;/em&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink-annotation title=3D&quot;hyperlin=
k annotation&quot;&gt;Annotation&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;Requires that the user agent not send an HTTP &lt;code ti=
tle=3Dhttp-referer&gt;Referer&lt;/code&gt; (sic) header if the user follo=
ws the hyperlink.&lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3Drel-pingback&gt;&lt;a href=3D#l=
ink-type-pingback&gt;pingback&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#external-resource-link title=3D&quot;extern=
al resource link&quot;&gt;External Resource&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;em&gt;not allowed&lt;/em&gt;&lt;/td&gt;
+     &lt;td&gt;Gives the address of the pingback server that handles pin=
gbacks to the current document.&lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3Drel-prefetch&gt;&lt;a href=3D#l=
ink-type-prefetch&gt;prefetch&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#external-resource-link title=3D&quot;extern=
al resource link&quot;&gt;External Resource&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#external-resource-link title=3D&quot;extern=
al resource link&quot;&gt;External Resource&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;Specifies that the target resource should be preemptively=
 cached.&lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3Drel-prev&gt;&lt;a href=3D#link-=
type-prev&gt;prev&lt;/a&gt;&lt;/code&gt;&lt;/td&gt; &lt;!-- prev is used =
more than previous --&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink&gt;Hyperlink&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink&gt;Hyperlink&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;Indicates that the current document is a part of a series=
, and that the previous document in the series is the referenced document=
.&lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3Drel-search&gt;&lt;a href=3D#lin=
k-type-search&gt;search&lt;/a&gt;&lt;/code&gt;&lt;/td&gt; &lt;!-- used qu=
ite a bit --&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink&gt;Hyperlink&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink&gt;Hyperlink&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;Gives a link to a resource that can be used to search thr=
ough the current document and its related pages.&lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3Drel-sidebar&gt;&lt;a href=3D#li=
nk-type-sidebar&gt;sidebar&lt;/a&gt;&lt;/code&gt;&lt;/td&gt; &lt;!-- used=
 quite a bit --&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink&gt;Hyperlink&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink&gt;Hyperlink&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;Specifies that the referenced document, if retrieved, is =
intended to be shown in the browser's sidebar (if it has one).&lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3Drel-stylesheet&gt;&lt;a href=3D=
#link-type-stylesheet&gt;stylesheet&lt;/a&gt;&lt;/code&gt;&lt;/td&gt; &lt=
;!-- most commonly used &lt;link rel&gt; value, variants came in 7th, 8th=
, 12th, 17th... --&gt;
+     &lt;td&gt;&lt;a href=3D#external-resource-link title=3D&quot;extern=
al resource link&quot;&gt;External Resource&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;em&gt;not allowed&lt;/em&gt;&lt;/td&gt;
+     &lt;td&gt;Imports a stylesheet.&lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3Drel-tag&gt;&lt;a href=3D#link-t=
ype-tag&gt;tag&lt;/a&gt;&lt;/code&gt;&lt;/td&gt; &lt;!-- second and third=
 most used &lt;a rel&gt; value (third is technically &quot;category tag&q=
uot;). --&gt;
+     &lt;td&gt;&lt;em&gt;not allowed&lt;/em&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#hyperlink&gt;Hyperlink&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;Gives a tag (identified by the given address) that applie=
s to the current document.&lt;/td&gt;
+    &lt;/table&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;Some of the types described below list synonyms for these val=
ues. These &lt;!--&lt;span
+  class=3D&quot;impl&quot;&gt;--&gt;are to be handled as specified by us=
er agents, but&lt;!--&lt;/span&gt;--&gt; must not be used
+  in documents.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;!-- v2 ideas:
+   * rel=3D&quot;related&quot; // see also
+   * http://microformats.org/wiki/rel-enclosure
+  --&gt;
+
+
+  &lt;h5 id=3Drel-alternate&gt;&lt;span class=3Dsecno&gt;4.8.5.1 &lt;/sp=
an&gt;Link type &quot;&lt;dfn title=3Drel-alternate&gt;&lt;code&gt;altern=
ate&lt;/code&gt;&lt;/dfn&gt;&quot;&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-alternate&gt;&lt;a href=3D#rel-alter=
nate&gt;alternate&lt;/a&gt;&lt;/code&gt; keyword may be used with &lt;cod=
e&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt;, a=
nd &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; elements.&lt;/p&gt;
+
+  &lt;p&gt;The meaning of this keyword depends on the values of the othe=
r attributes.&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the element is a &lt;code&gt;&lt=
;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt; element and th=
e &lt;code title=3Dattr-link-rel&gt;&lt;a href=3D#attr-link-rel&gt;rel&lt=
;/a&gt;&lt;/code&gt;
+   attribute also contains the keyword &lt;code title=3Drel-stylesheet&g=
t;&lt;a href=3D#link-type-stylesheet&gt;stylesheet&lt;/a&gt;&lt;/code&gt;=
&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;code title=3Drel-alternate&gt;&lt;a href=3D#rel-alt=
ernate&gt;alternate&lt;/a&gt;&lt;/code&gt; keyword modifies the meaning o=
f the &lt;code title=3Drel-stylesheet&gt;&lt;a href=3D#link-type-styleshe=
et&gt;stylesheet&lt;/a&gt;&lt;/code&gt; keyword in the way described for =
that keyword. The
+    &lt;code title=3Drel-alternate&gt;&lt;a href=3D#rel-alternate&gt;alt=
ernate&lt;/a&gt;&lt;/code&gt; keyword does not create a link of its own.&=
lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;If the &lt;code title=3Drel-alternate&gt;&lt;a href=3D#rel-=
alternate&gt;alternate&lt;/a&gt;&lt;/code&gt; keyword is used with the &l=
t;code title=3Dattr-hyperlink-type&gt;&lt;a href=3D#attr-hyperlink-type&g=
t;type&lt;/a&gt;&lt;/code&gt; attribute set to the value &lt;code title=3D=
&quot;&quot;&gt;application/rss+xml&lt;/code&gt; or the value &lt;code ti=
tle=3D&quot;&quot;&gt;application/atom+xml&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The keyword creates a &lt;a href=3D#hyperlink&gt;hyperlink&=
lt;/a&gt; referencing a syndication feed (though not
+    necessarily syndicating exactly the same content as the current page=
).&lt;/p&gt;
+
+    &lt;div class=3Dimpl&gt;
+
+    &lt;p&gt;The first &lt;code&gt;&lt;a href=3D#the-link-element&gt;lin=
k&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt=
;/a&gt;&lt;/code&gt;, or &lt;code&gt;&lt;a href=3D#the-area-element&gt;ar=
ea&lt;/a&gt;&lt;/code&gt; element in the document (in
+    tree order) with the &lt;code title=3Drel-alternate&gt;&lt;a href=3D=
#rel-alternate&gt;alternate&lt;/a&gt;&lt;/code&gt; keyword used with the =
&lt;code title=3Dattr-hyperlink-type&gt;&lt;a href=3D#attr-hyperlink-type=
&gt;type&lt;/a&gt;&lt;/code&gt; attribute set to the value &lt;code title=
=3D&quot;&quot;&gt;application/rss+xml&lt;/code&gt; or the value &lt;code=
 title=3D&quot;&quot;&gt;application/atom+xml&lt;/code&gt; must
+    be treated as the default syndication feed for the purposes of feed =
autodiscovery.&lt;/p&gt;
+
+    &lt;div class=3Dexample&gt;
+     &lt;p&gt;The following &lt;code&gt;&lt;a href=3D#the-link-element&g=
t;link&lt;/a&gt;&lt;/code&gt; element gives the syndication
+     feed for the current page:&lt;/p&gt;
+     &lt;pre&gt;&amp;lt;link rel=3D&quot;alternate&quot; type=3D&quot;ap=
plication/atom+xml&quot; href=3D&quot;data.xml&quot;&amp;gt;&lt;/pre&gt;
+     &lt;p&gt;The following extract offers various different syndication
+     feeds:&lt;/p&gt;
+     &lt;pre&gt;&amp;lt;p&amp;gt;You can access the planets database usi=
ng Atom feeds:&amp;lt;/p&amp;gt;
+&amp;lt;ul&amp;gt;
+ &amp;lt;li&amp;gt;&amp;lt;a href=3D&quot;recently-visited-planets.xml&q=
uot; rel=3D&quot;alternate&quot; type=3D&quot;application/atom+xml&quot;&=
amp;gt;Recently Visited Planets&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
+ &amp;lt;li&amp;gt;&amp;lt;a href=3D&quot;known-bad-planets.xml&quot; re=
l=3D&quot;alternate&quot; type=3D&quot;application/atom+xml&quot;&amp;gt;=
Known Bad Planets&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
+ &amp;lt;li&amp;gt;&amp;lt;a href=3D&quot;unexplored-planets.xml&quot; r=
el=3D&quot;alternate&quot; type=3D&quot;application/atom+xml&quot;&amp;gt=
;Unexplored Planets&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
+&amp;lt;/ul&amp;gt;&lt;/pre&gt;
+    &lt;/div&gt;
+
+    &lt;/div&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The keyword creates a &lt;a href=3D#hyperlink&gt;hyperlink&=
lt;/a&gt; referencing an alternate representation of the
+    current document.&lt;/p&gt;
+
+    &lt;p&gt;The nature of the referenced document is given by the &lt;c=
ode title=3Dattr-hyperlink-hreflang&gt;&lt;a href=3D#attr-hyperlink-hrefl=
ang&gt;hreflang&lt;/a&gt;&lt;/code&gt;, and &lt;code title=3Dattr-hyperli=
nk-type&gt;&lt;a href=3D#attr-hyperlink-type&gt;type&lt;/a&gt;&lt;/code&g=
t; attributes.&lt;/p&gt;
+
+    &lt;p&gt;If the &lt;code title=3Drel-alternate&gt;&lt;a href=3D#rel-=
alternate&gt;alternate&lt;/a&gt;&lt;/code&gt; keyword is used with the &l=
t;code title=3Dattr-hyperlink-hreflang&gt;&lt;a href=3D#attr-hyperlink-hr=
eflang&gt;hreflang&lt;/a&gt;&lt;/code&gt; attribute, and that attribute's=
 value differs
+    from the &lt;a href=3D#root-element&gt;root element&lt;/a&gt;'s &lt;=
a href=3D#language&gt;language&lt;/a&gt;, it indicates that the reference=
d
+    document is a translation.&lt;/p&gt;
+
+    &lt;p&gt;If the &lt;code title=3Drel-alternate&gt;&lt;a href=3D#rel-=
alternate&gt;alternate&lt;/a&gt;&lt;/code&gt; keyword is used with the &l=
t;code title=3Dattr-hyperlink-type&gt;&lt;a href=3D#attr-hyperlink-type&g=
t;type&lt;/a&gt;&lt;/code&gt; attribute, it indicates that the referenced=
 document is
+    a reformulation of the current document in the specified format.&lt;=
/p&gt;
+
+    &lt;p&gt;The &lt;code title=3Dattr-hyperlink-hreflang&gt;&lt;a href=3D=
#attr-hyperlink-hreflang&gt;hreflang&lt;/a&gt;&lt;/code&gt; and &lt;code =
title=3Dattr-hyperlink-type&gt;&lt;a href=3D#attr-hyperlink-type&gt;type&=
lt;/a&gt;&lt;/code&gt; attributes can be combined when specified with the=
 &lt;code title=3Drel-alternate&gt;&lt;a href=3D#rel-alternate&gt;alterna=
te&lt;/a&gt;&lt;/code&gt; keyword.&lt;/p&gt;
+
+    &lt;div class=3Dexample&gt;
+
+     &lt;p&gt;For example, the following link is a French translation th=
at uses the PDF format:&lt;/p&gt;
+
+     &lt;pre&gt;&amp;lt;link rel=3Dalternate type=3Dapplication/pdf href=
lang=3Dfr href=3Dmanual-fr&amp;gt;&lt;/pre&gt;
+
+    &lt;/div&gt;
+
+    &lt;p&gt;This relationship is transitive &amp;mdash; that is, if a d=
ocument links to two other documents
+    with the link type &quot;&lt;code title=3Drel-alternate&gt;&lt;a hre=
f=3D#rel-alternate&gt;alternate&lt;/a&gt;&lt;/code&gt;&quot;, then, in ad=
dition to implying
+    that those documents are alternative representations of the first do=
cument, it is also implying
+    that those two documents are alternative representations of each oth=
er.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dlink-type-author&gt;&lt;span class=3Dsecno&gt;4=
.8.5.2 &lt;/span&gt;Link type &quot;&lt;dfn title=3Drel-author&gt;&lt;cod=
e&gt;author&lt;/code&gt;&lt;/dfn&gt;&quot;&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-author&gt;&lt;a href=3D#link-type-au=
thor&gt;author&lt;/a&gt;&lt;/code&gt; keyword may be used with &lt;code&g=
t;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt;, a=
nd &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; elements. This keyword creates a &lt;a href=3D#hyperlink&gt;hyperlink=
&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;For &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt=
;/code&gt; and &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&g=
t;&lt;/code&gt; elements, the &lt;code title=3Drel-author&gt;&lt;a href=3D=
#link-type-author&gt;author&lt;/a&gt;&lt;/code&gt;
+  keyword indicates that the referenced document provides further inform=
ation about the author of
+  the nearest &lt;code&gt;&lt;a href=3D#the-article-element&gt;article&l=
t;/a&gt;&lt;/code&gt; element ancestor of the element defining the hyperl=
ink, if there
+  is one, or of the page as a whole, otherwise.&lt;/p&gt;
+
+  &lt;p&gt;For &lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&=
gt;&lt;/code&gt; elements, the &lt;code title=3Drel-author&gt;&lt;a href=3D=
#link-type-author&gt;author&lt;/a&gt;&lt;/code&gt; keyword indicates
+  that the referenced document provides further information about the au=
thor for the page as a
+  whole.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &quot;referenced document&quot; can be, and =
often is, a &lt;code title=3D&quot;&quot;&gt;mailto:&lt;/code&gt;
+  URL giving the e-mail address of the author. &lt;a href=3D#refsMAILTO&=
gt;[MAILTO]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;Synonyms&lt;/strong&gt;: For historical reasons=
, user agents must also treat
+  &lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&=
gt;, &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt;,=
 and &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/cod=
e&gt; elements that have a &lt;code title=3D&quot;&quot;&gt;rev&lt;/code&=
gt; attribute with the value &quot;&lt;code&gt;made&lt;/code&gt;&quot; as=
 having the &lt;code title=3Drel-author&gt;&lt;a href=3D#link-type-author=
&gt;author&lt;/a&gt;&lt;/code&gt; keyword specified as a link relationshi=
p.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Dlink-type-bookmark&gt;&lt;span class=3Dsecno&gt;4.8.5.3 &l=
t;/span&gt;Link type &quot;&lt;dfn title=3Drel-bookmark&gt;&lt;code&gt;bo=
okmark&lt;/code&gt;&lt;/dfn&gt;&quot;&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-bookmark&gt;&lt;a href=3D#link-type-=
bookmark&gt;bookmark&lt;/a&gt;&lt;/code&gt; keyword may be used with &lt;=
code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; and
+  &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; elements. This keyword creates a &lt;a href=3D#hyperlink&gt;hyperlink=
&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-bookmark&gt;&lt;a href=3D#link-type-=
bookmark&gt;bookmark&lt;/a&gt;&lt;/code&gt; keyword gives a permalink for=
 the nearest
+  ancestor &lt;code&gt;&lt;a href=3D#the-article-element&gt;article&lt;/=
a&gt;&lt;/code&gt; element of the linking element in question, or of &lt;=
a href=3D#associatedSection&gt;the section the linking element is most cl=
osely associated with&lt;/a&gt;, if
+  there are no ancestor &lt;code&gt;&lt;a href=3D#the-article-element&gt=
;article&lt;/a&gt;&lt;/code&gt; elements.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following snippet has three permalinks. A user agent cou=
ld determine which permalink
+   applies to which part of the spec by looking at where the permalinks =
are given.&lt;/p&gt;
+
+   &lt;pre&gt; ...
+ &amp;lt;body&amp;gt;
+  &amp;lt;h1&amp;gt;Example of permalinks&amp;lt;/h1&amp;gt;
+  &amp;lt;div id=3D&quot;a&quot;&amp;gt;
+   &amp;lt;h2&amp;gt;First example&amp;lt;/h2&amp;gt;
+   &amp;lt;p&amp;gt;&amp;lt;a href=3D&quot;a.html&quot; rel=3D&quot;book=
mark&quot;&amp;gt;This&amp;lt;/a&amp;gt; permalink applies to
+   only the content from the first H2 to the second H2. The DIV isn't
+   exactly that section, but it roughly corresponds to it.&amp;lt;/p&amp=
;gt;
+  &amp;lt;/div&amp;gt;
+  &amp;lt;h2&amp;gt;Second example&amp;lt;/h2&amp;gt;
+  &amp;lt;article id=3D&quot;b&quot;&amp;gt;
+   &amp;lt;p&amp;gt;&amp;lt;a href=3D&quot;b.html&quot; rel=3D&quot;book=
mark&quot;&amp;gt;This&amp;lt;/a&amp;gt; permalink applies to
+   the outer ARTICLE element (which could be, e.g., a blog post).&amp;lt=
;/p&amp;gt;
+   &amp;lt;article id=3D&quot;c&quot;&amp;gt;
+    &amp;lt;p&amp;gt;&amp;lt;a href=3D&quot;c.html&quot; rel=3D&quot;boo=
kmark&quot;&amp;gt;This&amp;lt;/a&amp;gt; permalink applies to
+    the inner ARTICLE element (which could be, e.g., a blog comment).&am=
p;lt;/p&amp;gt;
+   &amp;lt;/article&amp;gt;
+  &amp;lt;/article&amp;gt;
+ &amp;lt;/body&amp;gt;
+ ...&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Dlink-type-external&gt;&lt;span class=3Dsecno&gt;4.8.5.4 &l=
t;/span&gt;Link type &quot;&lt;dfn title=3Drel-external&gt;&lt;code&gt;ex=
ternal&lt;/code&gt;&lt;/dfn&gt;&quot;&lt;/h5&gt;
+  &lt;!-- fifth and sixth most used &lt;a rel&gt; value (sixth is &quot;=
external nofollow&quot;) --&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-external&gt;&lt;a href=3D#link-type-=
external&gt;external&lt;/a&gt;&lt;/code&gt; keyword may be used with &lt;=
code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; and
+  &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; elements. This keyword creates a &lt;a href=3D#hyperlink&gt;hyperlink=
&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-external&gt;&lt;a href=3D#link-type-=
external&gt;external&lt;/a&gt;&lt;/code&gt; keyword indicates that the li=
nk is leading to a
+  document that is not part of the site that the current document forms =
a part of.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dlink-type-help&gt;&lt;span class=3Dsecno&gt;4.8.5.5 &lt;/s=
pan&gt;Link type &quot;&lt;dfn title=3Drel-help&gt;&lt;code&gt;help&lt;/c=
ode&gt;&lt;/dfn&gt;&quot;&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-help&gt;&lt;a href=3D#link-type-help=
&gt;help&lt;/a&gt;&lt;/code&gt; keyword may be used with &lt;code&gt;&lt;=
a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt;, a=
nd &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; elements. This keyword creates a &lt;a href=3D#hyperlink&gt;hyperlink=
&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;For &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt=
;/code&gt; and &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&g=
t;&lt;/code&gt; elements, the &lt;code title=3Drel-help&gt;&lt;a href=3D#=
link-type-help&gt;help&lt;/a&gt;&lt;/code&gt;
+  keyword indicates that the referenced document provides further help i=
nformation for the parent of
+  the element defining the hyperlink, and its children.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In the following example, the form control has associated co=
ntext-sensitive help. The user
+   agent could use this information, for example, displaying the referen=
ced document if the user
+   presses the &quot;Help&quot; or &quot;F1&quot; key.&lt;/p&gt;
+
+   &lt;pre&gt; &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; Topic: &amp;lt;inp=
ut name=3Dtopic&amp;gt; &amp;lt;a href=3D&quot;help/topic.html&quot; rel=3D=
&quot;help&quot;&amp;gt;(Help)&amp;lt;/a&amp;gt;&amp;lt;/label&amp;gt;&am=
p;lt;/p&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;For &lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&=
gt;&lt;/code&gt; elements, the &lt;code title=3Drel-help&gt;&lt;a href=3D=
#link-type-help&gt;help&lt;/a&gt;&lt;/code&gt; keyword indicates that
+  the referenced document provides help for the page as a whole.&lt;/p&g=
t;
+
+  &lt;p&gt;For &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt=
;/code&gt; and &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&g=
t;&lt;/code&gt; elements, on some browsers, the &lt;code title=3Drel-help=
&gt;&lt;a href=3D#link-type-help&gt;help&lt;/a&gt;&lt;/code&gt; keyword c=
auses the link to use a different cursor.&lt;/p&gt;
+
+
+  &lt;h5 id=3Drel-icon&gt;&lt;span class=3Dsecno&gt;4.8.5.6 &lt;/span&gt=
;Link type &quot;&lt;dfn title=3Drel-icon&gt;&lt;code&gt;icon&lt;/code&gt=
;&lt;/dfn&gt;&quot;&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-icon&gt;&lt;a href=3D#rel-icon&gt;ic=
on&lt;/a&gt;&lt;/code&gt; keyword may be used with &lt;code&gt;&lt;a href=
=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt; elements.
+  This keyword creates an &lt;a href=3D#external-resource-link title=3D&=
quot;external resource link&quot;&gt;external resource link&lt;/a&gt;.&lt=
;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The specified resource is an icon representing the page or si=
te, and should be used by the user
+  agent when representing the page in the user interface.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;Icons could be auditory icons, visual icons, or other kinds o=
f icons. &lt;span class=3Dimpl&gt;If
+  multiple icons are provided, the user agent must select the most appro=
priate icon according to the
+  &lt;code title=3Dattr-link-type&gt;&lt;a href=3D#attr-link-type&gt;typ=
e&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-link-media&gt;&lt;a href=3D=
#attr-link-media&gt;media&lt;/a&gt;&lt;/code&gt;, and &lt;code title=3Dat=
tr-link-sizes&gt;&lt;a href=3D#attr-link-sizes&gt;sizes&lt;/a&gt;&lt;/cod=
e&gt; attributes. If there are multiple equally appropriate icons,
+  user agents must use the last one declared in &lt;a href=3D#tree-order=
&gt;tree order&lt;/a&gt; at the time that the user
+  agent collected the list of icons. If the user agent tries to use an i=
con but that icon is
+  determined, upon closer examination, to in fact be inappropriate (e.g.=
 because it uses an
+  unsupported format), then the user agent must try the next-most-approp=
riate icon as determined by
+  the attributes.&lt;/span&gt;&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p class=3Dnote&gt;User agents are not required to update icons whe=
n the list of icons changes, but
+  are encouraged to do so.&lt;/p&gt;
+
+  &lt;p&gt;There is no default type for resources given by the &lt;code =
title=3Drel-icon&gt;&lt;a href=3D#rel-icon&gt;icon&lt;/a&gt;&lt;/code&gt;=
 keyword.
+  However, for the purposes of &lt;a href=3D#concept-link-type-sniffing&=
gt;determining the type of the
+  resource&lt;/a&gt;, user agents must expect the resource to be an imag=
e.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-link-sizes title=3Dattr-link-sizes&gt;&=
lt;code&gt;sizes&lt;/code&gt;&lt;/dfn&gt; attribute gives the sizes of ic=
ons
+  for visual media. Its value, if present, is merely advisory. User agen=
ts may use the value to
+  decide which icon(s) to use if multiple icons are available.&lt;/p&gt;
+
+  &lt;p&gt;If specified, the attribute must have a value that is an &lt;=
a href=3D#unordered-set-of-unique-space-separated-tokens&gt;unordered set=
 of unique
+  space-separated tokens&lt;/a&gt; which are &lt;a href=3D#ascii-case-in=
sensitive&gt;ASCII case-insensitive&lt;/a&gt;. Each value must be
+  either an &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-insensiti=
ve&lt;/a&gt; match for the string &quot;&lt;code title=3Dattr-link-sizes-=
any&gt;&lt;a href=3D#attr-link-sizes-any&gt;any&lt;/a&gt;&lt;/code&gt;&qu=
ot;, or a value that consists of two &lt;a href=3D#valid-non-negative-int=
eger title=3D&quot;valid
+  non-negative integer&quot;&gt;valid non-negative integers&lt;/a&gt; th=
at do not have a leading U+0030 DIGIT
+  ZERO (0) character and that are separated by a single U+0078 LATIN SMA=
LL LETTER X or U+0058 LATIN
+  CAPITAL LETTER X character.&lt;/p&gt;
+
+  &lt;p&gt;The keywords represent icon sizes.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;To parse and process the attribute's value, the user agent mu=
st first &lt;a href=3D#split-a-string-on-spaces title=3D&quot;split a
+  string on spaces&quot;&gt;split the attribute's value on spaces&lt;/a&=
gt;, and must then parse each resulting
+  keyword to determine what it represents.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-link-sizes-any title=3Dattr-link-sizes-=
any&gt;&lt;code&gt;any&lt;/code&gt;&lt;/dfn&gt; keyword represents that t=
he
+  resource contains a scalable icon, e.g. as provided by an SVG image.&l=
t;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;Other keywords must be further parsed as follows to determine=
 what they represent:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;&lt;p&gt;If the keyword doesn't contain exactly on=
e U+0078 LATIN SMALL LETTER X or U+0058 LATIN
+   CAPITAL LETTER X character, then this keyword doesn't represent anyth=
ing. Abort these steps for
+   that keyword.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;width string&l=
t;/var&gt; be the string before the &quot;&lt;code title=3D&quot;&quot;&g=
t;x&lt;/code&gt;&quot; or
+   &quot;&lt;code title=3D&quot;&quot;&gt;X&lt;/code&gt;&quot;.&lt;/li&g=
t;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;height string&=
lt;/var&gt; be the string after the &quot;&lt;code title=3D&quot;&quot;&g=
t;x&lt;/code&gt;&quot; or
+   &quot;&lt;code title=3D&quot;&quot;&gt;X&lt;/code&gt;&quot;.&lt;/li&g=
t;
+
+   &lt;li&gt;&lt;p&gt;If either &lt;var title=3D&quot;&quot;&gt;width st=
ring&lt;/var&gt; or &lt;var title=3D&quot;&quot;&gt;height string&lt;/var=
&gt; start with
+   a U+0030 DIGIT ZERO (0) character or contain any characters other tha=
n &lt;a href=3D#ascii-digits&gt;ASCII digits&lt;/a&gt;,
+   then this keyword doesn't represent anything. Abort these steps for t=
hat keyword.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Apply the &lt;a href=3D#rules-for-parsing-non-nega=
tive-integers&gt;rules for parsing non-negative integers&lt;/a&gt; to &lt=
;var title=3D&quot;&quot;&gt;width
+   string&lt;/var&gt; to obtain &lt;var title=3D&quot;&quot;&gt;width&lt=
;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Apply the &lt;a href=3D#rules-for-parsing-non-nega=
tive-integers&gt;rules for parsing non-negative integers&lt;/a&gt; to &lt=
;var title=3D&quot;&quot;&gt;height
+   string&lt;/var&gt; to obtain &lt;var title=3D&quot;&quot;&gt;height&l=
t;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;The keyword represents that the resource contains =
a bitmap icon with a width of &lt;var title=3D&quot;&quot;&gt;width&lt;/v=
ar&gt; device pixels and a height of &lt;var title=3D&quot;&quot;&gt;heig=
ht&lt;/var&gt; device
+   pixels.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;/div&gt;
+
+  &lt;p&gt;The keywords specified on the &lt;code title=3Dattr-link-size=
s&gt;&lt;a href=3D#attr-link-sizes&gt;sizes&lt;/a&gt;&lt;/code&gt; attrib=
ute must not
+  represent icon sizes that are not actually available in the linked res=
ource.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;In the absence of a &lt;code&gt;&lt;a href=3D#the-link-elemen=
t&gt;link&lt;/a&gt;&lt;/code&gt; with the &lt;code title=3Drel-icon&gt;&l=
t;a href=3D#rel-icon&gt;icon&lt;/a&gt;&lt;/code&gt; keyword, for
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;s=
 obtained over HTTP or HTTPS, user agents may instead attempt to
+  &lt;a href=3D#fetch&gt;fetch&lt;/a&gt;&lt;!--FETCH--&gt; and use an ic=
on with the &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt; obtained=
 by
+  resolving the &lt;a href=3D#url&gt;URL&lt;/a&gt; &quot;&lt;code title=3D=
&quot;&quot;&gt;/favicon.ico&lt;/code&gt;&quot; against &lt;a href=3D&quo=
t;#the-document's-address&quot;&gt;the document's
+  address&lt;/a&gt;, as if the page had declared that icon using the &lt=
;code title=3Drel-icon&gt;&lt;a href=3D#rel-icon&gt;icon&lt;/a&gt;&lt;/co=
de&gt;
+  keyword.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following snippet shows the top part of an application w=
ith several icons.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;html&amp;gt;
+ &amp;lt;head&amp;gt;
+  &amp;lt;title&amp;gt;lsForums &amp;mdash; Inbox&amp;lt;/title&amp;gt;
+  &amp;lt;link rel=3Dicon href=3Dfavicon.png sizes=3D&quot;16x16&quot; t=
ype=3D&quot;image/png&quot;&amp;gt;
+  &amp;lt;link rel=3Dicon href=3Dwindows.ico sizes=3D&quot;32x32 48x48&q=
uot; type=3D&quot;image/vnd.microsoft.icon&quot;&amp;gt;
+  &amp;lt;link rel=3Dicon href=3Dmac.icns sizes=3D&quot;128x128 512x512 =
8192x8192 32768x32768&quot;&amp;gt;
+  &amp;lt;link rel=3Dicon href=3Diphone.png sizes=3D&quot;57x57&quot; ty=
pe=3D&quot;image/png&quot;&amp;gt;
+  &amp;lt;link rel=3Dicon href=3Dgnome.svg sizes=3D&quot;any&quot; type=3D=
&quot;image/svg+xml&quot;&amp;gt;
+  &amp;lt;link rel=3Dstylesheet href=3Dlsforums.css&amp;gt;
+  &amp;lt;script src=3Dlsforums.js&amp;gt;&amp;lt;/script&amp;gt;
+  &amp;lt;meta name=3Dapplication-name content=3D&quot;lsForums&quot;&am=
p;gt;
+ &amp;lt;/head&amp;gt;
+ &amp;lt;body&amp;gt;
+  ...&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;For historical reasons, the &lt;code title=3Drel-icon&gt;&lt;=
a href=3D#rel-icon&gt;icon&lt;/a&gt;&lt;/code&gt; keyword may be preceded=
 by the
+  keyword &quot;&lt;code title=3D&quot;&quot;&gt;shortcut&lt;/code&gt;&q=
uot;. If the &quot;&lt;code title=3D&quot;&quot;&gt;shortcut&lt;/code&gt;=
&quot; keyword is
+  present, it must be come immediately before the &lt;code title=3Drel-i=
con&gt;&lt;a href=3D#rel-icon&gt;icon&lt;/a&gt;&lt;/code&gt; keyword and =
the
+  two keywords must be separated by only a single U+0020 SPACE character=
.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dlink-type-license&gt;&lt;span class=3Dsecno&gt;4.8.5.7 &lt=
;/span&gt;Link type &quot;&lt;dfn title=3Drel-license&gt;&lt;code&gt;lice=
nse&lt;/code&gt;&lt;/dfn&gt;&quot;&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-license&gt;&lt;a href=3D#link-type-l=
icense&gt;license&lt;/a&gt;&lt;/code&gt; keyword may be used with &lt;cod=
e&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt;, a=
nd &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; elements. This keyword creates a &lt;a href=3D#hyperlink&gt;hyperlink=
&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-license&gt;&lt;a href=3D#link-type-l=
icense&gt;license&lt;/a&gt;&lt;/code&gt; keyword indicates that the refer=
enced document
+  provides the copyright license terms under which the main content of t=
he current document is
+  provided.&lt;/p&gt;
+
+  &lt;p&gt;This specification does not specify how to distinguish betwee=
n the main content of a document
+  and content that is not deemed to be part of that main content. The di=
stinction should be made
+  clear to the user.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Consider a photo sharing site. A page on that site might des=
cribe and show a photograph, and
+   the page might be marked up as follows:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;html&amp;gt;
+ &amp;lt;head&amp;gt;
+  &amp;lt;title&amp;gt;Exampl Pictures: Kissat&amp;lt;/title&amp;gt;
+  &amp;lt;link rel=3D&quot;stylesheet&quot; href=3D&quot;/style/default&=
quot;&amp;gt;
+ &amp;lt;/head&amp;gt;
+ &amp;lt;body&amp;gt;
+  &amp;lt;h1&amp;gt;Kissat&amp;lt;/h1&amp;gt;
+  &amp;lt;nav&amp;gt;
+   &amp;lt;a href=3D&quot;../&quot;&amp;gt;Return to photo index&amp;lt;=
/a&amp;gt;
+  &amp;lt;/nav&amp;gt;
+  &amp;lt;figure&amp;gt;
+   &amp;lt;img src=3D&quot;/pix/39627052_fd8dcd98b5.jpg&quot;&amp;gt;
+   &amp;lt;figcaption&amp;gt;Kissat&amp;lt;/figcaption&amp;gt;
+  &amp;lt;/figure&amp;gt;
+  &amp;lt;p&amp;gt;One of them has six toes!&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;small&amp;gt;&amp;lt;a rel=3D&quot;license&qu=
ot; href=3D&quot;http://www.opensource.org/licenses/mit-license.php&quot;=
&amp;gt;MIT Licensed&amp;lt;/a&amp;gt;&amp;lt;/small&amp;gt;&amp;lt;/p&am=
p;gt;
+  &amp;lt;footer&amp;gt;
+   &amp;lt;a href=3D&quot;/&quot;&amp;gt;Home&amp;lt;/a&amp;gt; | &amp;l=
t;a href=3D&quot;../&quot;&amp;gt;Photo index&amp;lt;/a&amp;gt;
+   &amp;lt;p&amp;gt;&amp;lt;small&amp;gt;&amp;copy; copyright 2009 Examp=
l Pictures. All Rights Reserved.&amp;lt;/small&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;/footer&amp;gt;
+ &amp;lt;/body&amp;gt;
+&amp;lt;/html&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;In this case the &lt;code title=3Drel-license&gt;&lt;a href=3D=
#link-type-license&gt;license&lt;/a&gt;&lt;/code&gt; applies to just the =
photo (the main
+   content of the document), not the whole document. In particular not t=
he design of the page
+   itself, which is covered by the copyright given at the bottom of the =
document. This could be made
+   clearer in the styling (e.g. making the license link prominently posi=
tioned near the photograph,
+   while having the page copyright in light small text at the foot of th=
e page.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;Synonyms&lt;/strong&gt;: For historical reasons=
, user agents must also treat the keyword
+  &quot;&lt;code title=3D&quot;&quot;&gt;copyright&lt;/code&gt;&quot; li=
ke the &lt;code title=3Drel-license&gt;&lt;a href=3D#link-type-license&gt=
;license&lt;/a&gt;&lt;/code&gt; keyword.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Dlink-type-nofollow&gt;&lt;span class=3Dsecno&gt;4.8.5.8 &l=
t;/span&gt;Link type &quot;&lt;dfn title=3Drel-nofollow&gt;&lt;code&gt;no=
follow&lt;/code&gt;&lt;/dfn&gt;&quot;&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-nofollow&gt;&lt;a href=3D#link-type-=
nofollow&gt;nofollow&lt;/a&gt;&lt;/code&gt; keyword may be used with &lt;=
code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; and
+  &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; elements. This keyword does not create a &lt;a href=3D#hyperlink&gt;h=
yperlink&lt;/a&gt;, but &lt;a href=3D#hyperlink-annotation title=3D&quot;=
hyperlink annotation&quot;&gt;annotates&lt;/a&gt; any other hyperlinks cr=
eated by the element (the
+  implied hyperlink, if no other keywords create one).&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-nofollow&gt;&lt;a href=3D#link-type-=
nofollow&gt;nofollow&lt;/a&gt;&lt;/code&gt; keyword indicates that the li=
nk is not endorsed
+  by the original author or publisher of the page, or that the link to t=
he referenced document was
+  included primarily because of a commercial relationship between people=
 affiliated with the two
+  pages.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dlink-type-noreferrer&gt;&lt;span class=3Dsecno&gt;4.8.5.9 =
&lt;/span&gt;Link type &quot;&lt;dfn title=3Drel-noreferrer&gt;&lt;code&g=
t;noreferrer&lt;/code&gt;&lt;/dfn&gt;&quot;&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-noreferrer&gt;&lt;a href=3D#link-typ=
e-noreferrer&gt;noreferrer&lt;/a&gt;&lt;/code&gt; keyword may be used wit=
h &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; and
+  &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; elements. This keyword does not create a &lt;a href=3D#hyperlink&gt;h=
yperlink&lt;/a&gt;, but &lt;a href=3D#hyperlink-annotation title=3D&quot;=
hyperlink annotation&quot;&gt;annotates&lt;/a&gt; any other hyperlinks cr=
eated by the element (the
+  implied hyperlink, if no other keywords create one).&lt;/p&gt;
+
+  &lt;p&gt;It indicates that no referrer information is to be leaked whe=
n following the link.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If a user agent follows a link defined by an &lt;code&gt;&lt;=
a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a =
href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&gt; element that
+  has the &lt;code title=3Drel-noreferrer&gt;&lt;a href=3D#link-type-nor=
eferrer&gt;noreferrer&lt;/a&gt;&lt;/code&gt; keyword, the user agent must=
 not include a
+  &lt;code title=3Dhttp-referer&gt;Referer&lt;/code&gt; (sic) HTTP heade=
r (&lt;a href=3D#concept-http-equivalent-headers title=3Dconcept-http-equ=
ivalent-headers&gt;or equivalent&lt;/a&gt; for other protocols) in the
+  request.&lt;/p&gt;
+
+  &lt;p&gt;This keyword also &lt;a href=3D#noopener&gt;causes the &lt;co=
de title=3Ddom-opener&gt;opener&lt;/code&gt;
+  attribute to remain null&lt;/a&gt; if the hyperlink creates a new &lt;=
a href=3D#browsing-context&gt;browsing context&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;!-- v2: Would be nice to apply this to other elements too, e.g. le=
tting &lt;img&gt; or CSS or &lt;video&gt;
+  hide the referrer --&gt;
+
+
+  &lt;h5 id=3Dlink-type-pingback&gt;&lt;span class=3Dsecno&gt;4.8.5.10 &=
lt;/span&gt;Link type &quot;&lt;dfn title=3Drel-pingback&gt;&lt;code&gt;p=
ingback&lt;/code&gt;&lt;/dfn&gt;&quot;&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-pingback&gt;&lt;a href=3D#link-type-=
pingback&gt;pingback&lt;/a&gt;&lt;/code&gt; keyword may be used with &lt;=
code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt;
+  elements. This keyword creates an &lt;a href=3D#external-resource-link=
 title=3D&quot;external resource link&quot;&gt;external resource
+  link&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;For the semantics of the &lt;code title=3Drel-pingback&gt;&lt=
;a href=3D#link-type-pingback&gt;pingback&lt;/a&gt;&lt;/code&gt; keyword,=
 see the Pingback
+  1.0 specification. &lt;a href=3D#refsPINGBACK&gt;[PINGBACK]&lt;/a&gt;&=
lt;/p&gt;
+
+
+  &lt;h5 id=3Dlink-type-prefetch&gt;&lt;span class=3Dsecno&gt;4.8.5.11 &=
lt;/span&gt;Link type &quot;&lt;dfn title=3Drel-prefetch&gt;&lt;code&gt;p=
refetch&lt;/code&gt;&lt;/dfn&gt;&quot;&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-prefetch&gt;&lt;a href=3D#link-type-=
prefetch&gt;prefetch&lt;/a&gt;&lt;/code&gt; keyword may be used with &lt;=
code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt;, a=
nd &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; elements. This keyword creates an &lt;a href=3D#external-resource-lin=
k title=3D&quot;external
+  resource link&quot;&gt;external resource link&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-prefetch&gt;&lt;a href=3D#link-type-=
prefetch&gt;prefetch&lt;/a&gt;&lt;/code&gt; keyword indicates that preemp=
tively fetching and
+  caching the specified resource is likely to be beneficial, as it is hi=
ghly likely that the user
+  will require this resource.&lt;/p&gt;
+
+  &lt;p&gt;There is no default type for resources given by the &lt;code =
title=3Drel-prefetch&gt;&lt;a href=3D#link-type-prefetch&gt;prefetch&lt;/=
a&gt;&lt;/code&gt;
+  keyword.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dlink-type-search&gt;&lt;span class=3Dsecno&gt;4.8.5.12 &lt=
;/span&gt;Link type &quot;&lt;dfn title=3Drel-search&gt;&lt;code&gt;searc=
h&lt;/code&gt;&lt;/dfn&gt;&quot;&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-search&gt;&lt;a href=3D#link-type-se=
arch&gt;search&lt;/a&gt;&lt;/code&gt; keyword may be used with &lt;code&g=
t;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt;, a=
nd &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; elements. This keyword creates a &lt;a href=3D#hyperlink&gt;hyperlink=
&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-search&gt;&lt;a href=3D#link-type-se=
arch&gt;search&lt;/a&gt;&lt;/code&gt; keyword indicates that the referenc=
ed document
+  provides an interface specifically for searching the document and its =
related resources.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;OpenSearch description documents can be used wit=
h &lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&g=
t; elements and
+  the &lt;code title=3Drel-search&gt;&lt;a href=3D#link-type-search&gt;s=
earch&lt;/a&gt;&lt;/code&gt; link type to enable user agents to autodisco=
ver search
+  interfaces. &lt;a href=3D#refsOPENSEARCH&gt;[OPENSEARCH]&lt;/a&gt;&lt;=
/p&gt;
+
+
+  &lt;h5 id=3Dlink-type-sidebar&gt;&lt;span class=3Dsecno&gt;4.8.5.13 &l=
t;/span&gt;Link type &quot;&lt;dfn title=3Drel-sidebar&gt;&lt;code&gt;sid=
ebar&lt;/code&gt;&lt;/dfn&gt;&quot;&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-sidebar&gt;&lt;a href=3D#link-type-s=
idebar&gt;sidebar&lt;/a&gt;&lt;/code&gt; keyword may be used with &lt;cod=
e&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt;, a=
nd &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; elements. This keyword creates a &lt;a href=3D#hyperlink&gt;hyperlink=
&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-sidebar&gt;&lt;a href=3D#link-type-s=
idebar&gt;sidebar&lt;/a&gt;&lt;/code&gt; keyword indicates that the refer=
enced document, if
+  retrieved, is intended to be shown in a &lt;a href=3D#secondary-browsi=
ng-context&gt;secondary browsing context&lt;/a&gt; (if possible),
+  instead of in the current &lt;a href=3D#browsing-context&gt;browsing c=
ontext&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;a href=3D#hyperlink&gt;hyperlink&lt;/a&gt; with the &lt=
;code title=3Drel-sidebar&gt;&lt;a href=3D#link-type-sidebar&gt;sidebar&l=
t;/a&gt;&lt;/code&gt; keyword specified is
+  a &lt;dfn id=3Drel-sidebar-hyperlink title=3Drel-sidebar-hyperlink&gt;=
sidebar hyperlink&lt;/dfn&gt;.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dlink-type-stylesheet&gt;&lt;span class=3Dsecno&gt;4.8.5.14=
 &lt;/span&gt;Link type &quot;&lt;dfn title=3Drel-stylesheet&gt;&lt;code&=
gt;stylesheet&lt;/code&gt;&lt;/dfn&gt;&quot;&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-stylesheet&gt;&lt;a href=3D#link-typ=
e-stylesheet&gt;stylesheet&lt;/a&gt;&lt;/code&gt; keyword may be used wit=
h &lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&g=
t;
+  elements. This keyword creates an &lt;a href=3D#external-resource-link=
 title=3D&quot;external resource link&quot;&gt;external resource
+  link&lt;/a&gt; that contributes to the &lt;a href=3D#styling&gt;stylin=
g processing model&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The specified resource is a resource that describes how to pr=
esent the document. Exactly how
+  the resource is to be processed depends on the actual type of the reso=
urce.&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;code title=3Drel-alternate&gt;&lt;a href=3D#rel-al=
ternate&gt;alternate&lt;/a&gt;&lt;/code&gt; keyword is also specified on =
the
+  &lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&=
gt; element, then &lt;dfn id=3Dthe-link-is-an-alternative-stylesheet&gt;t=
he link is an alternative stylesheet&lt;/dfn&gt;; in this case,
+  the &lt;code title=3Dattr-title&gt;&lt;a href=3D#attr-title&gt;title&l=
t;/a&gt;&lt;/code&gt; attribute must be specified on the &lt;code&gt;&lt;=
a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt;
+  element, with a non-empty value.&lt;/p&gt;
+
+  &lt;p&gt;The default type for resources given by the &lt;code title=3D=
rel-stylesheet&gt;&lt;a href=3D#link-type-stylesheet&gt;stylesheet&lt;/a&=
gt;&lt;/code&gt;
+  keyword is &lt;code title=3D&quot;&quot;&gt;text/css&lt;/code&gt;.&lt;=
/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The appropriate times to &lt;a href=3D#concept-link-obtain ti=
tle=3Dconcept-link-obtain&gt;obtain&lt;/a&gt; the resource are:
+
+  &lt;ul&gt;&lt;li&gt;&lt;p&gt;When the &lt;a href=3D#external-resource-=
link title=3D&quot;external resource link&quot;&gt;external resource link=
&lt;/a&gt;'s
+   &lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code=
&gt; element is &lt;a href=3D#insert-an-element-into-a-document title=3D&=
quot;insert an element into a document&quot;&gt;inserted into a
+   document&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;When the &lt;a href=3D#external-resource-link titl=
e=3D&quot;external resource link&quot;&gt;external resource link&lt;/a&gt=
; is created on
+   a &lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/co=
de&gt; element that is already &lt;a href=3D#in-a-document&gt;in a &lt;co=
de&gt;Document&lt;/code&gt;&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;When the &lt;code title=3Dattr-link-href&gt;&lt;a =
href=3D#attr-link-href&gt;href&lt;/a&gt;&lt;/code&gt; attribute of the &l=
t;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt;
+   element of an &lt;a href=3D#external-resource-link title=3D&quot;exte=
rnal resource link&quot;&gt;external resource link&lt;/a&gt; that is alre=
ady
+   &lt;a href=3D#in-a-document&gt;in a &lt;code&gt;Document&lt;/code&gt;=
&lt;/a&gt; is changed.&lt;/li&gt;
+   &lt;!-- http://software.hixie.ch/utilities/js/live-dom-viewer/saved/2=
588 --&gt;
+
+  &lt;/ul&gt;&lt;p&gt;&lt;strong&gt;Quirk&lt;/strong&gt;: If the documen=
t has been set to &lt;a href=3D#quirks-mode&gt;quirks mode&lt;/a&gt;, has=
 the
+  &lt;a href=3D#same-origin&gt;same origin&lt;/a&gt; as the &lt;a href=3D=
#url&gt;URL&lt;/a&gt; of the external resource&lt;!-- CVE-2010-0654 --&gt=
;,
+  and the &lt;a href=3D#content-type title=3DContent-Type&gt;Content-Typ=
e metadata&lt;/a&gt; of the external resource is not a
+  supported style sheet type, the user agent must instead assume it to b=
e &lt;code title=3D&quot;&quot;&gt;text/css&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Dlink-type-tag&gt;&lt;span class=3Dsecno&gt;4.8.5.15 &lt;/s=
pan&gt;Link type &quot;&lt;dfn title=3Drel-tag&gt;&lt;code&gt;tag&lt;/cod=
e&gt;&lt;/dfn&gt;&quot;&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-tag&gt;&lt;a href=3D#link-type-tag&g=
t;tag&lt;/a&gt;&lt;/code&gt; keyword may be used with &lt;code&gt;&lt;a h=
ref=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; and
+  &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; elements. This keyword creates a &lt;a href=3D#hyperlink&gt;hyperlink=
&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-tag&gt;&lt;a href=3D#link-type-tag&g=
t;tag&lt;/a&gt;&lt;/code&gt; keyword indicates that the &lt;em&gt;tag&lt;=
/em&gt; that the
+  referenced document represents applies to the current document.&lt;/p&=
gt;
+
+  &lt;p class=3Dnote&gt;Since it indicates that the tag &lt;em&gt;applie=
s to the current document&lt;/em&gt;, it would
+  be inappropriate to use this keyword in the markup of a &lt;a href=3D#=
tag-cloud&gt;tag cloud&lt;/a&gt;, which
+  lists the popular tags across a set of pages.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This document is about some gems, and so it is &lt;i&gt;tagg=
ed&lt;/i&gt; with &quot;&lt;code title=3D&quot;&quot;&gt;http://en.wikipe=
dia.org/wiki/Gemstone&lt;/code&gt;&quot; to unambiguously categorise it a=
s applying
+   to the &quot;jewel&quot; kind of gems, and not to, say, the towns in =
the US, the Ruby package format, or
+   the Swiss locomotive class:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;html&amp;gt;
+ &amp;lt;head&amp;gt;
+  &amp;lt;title&amp;gt;My Precious&amp;lt;/title&amp;gt;
+ &amp;lt;/head&amp;gt;
+ &amp;lt;body&amp;gt;
+  &amp;lt;header&amp;gt;&amp;lt;h1&amp;gt;My precious&amp;lt;/h1&amp;gt;=
 &amp;lt;p&amp;gt;Summer 2012&amp;lt;/p&amp;gt;&amp;lt;/header&amp;gt;
+  &amp;lt;p&amp;gt;Recently I managed to dispose of a red gem that had b=
een
+  bothering me. I now have a much nicer blue sapphire.&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;The red gem had been found in a bauxite stone while I=
 was digging
+  out the office level, but nobody was willing to haul it away. The
+  same red gem stayed there for literally years.&amp;lt;/p&amp;gt;
+  &amp;lt;footer&amp;gt;
+   Tags: &amp;lt;a rel=3Dtag href=3D&quot;http://en.wikipedia.org/wiki/G=
emstone&quot;&amp;gt;Gemstone&amp;lt;/a&amp;gt;
+  &amp;lt;/footer&amp;gt;
+ &amp;lt;/body&amp;gt;
+&amp;lt;/html&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In &lt;em&gt;this&lt;/em&gt; document, there are two article=
s. The &quot;&lt;code title=3Drel-tag&gt;&lt;a href=3D#link-type-tag&gt;t=
ag&lt;/a&gt;&lt;/code&gt;&quot;
+   link, however, applies to the whole page (and would do so wherever it=
 was placed, including if it
+   was within the &lt;code&gt;&lt;a href=3D#the-article-element&gt;artic=
le&lt;/a&gt;&lt;/code&gt; elements).&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;html&amp;gt;
+ &amp;lt;head&amp;gt;
+  &amp;lt;title&amp;gt;Gem 4/4&amp;lt;/title&amp;gt;
+ &amp;lt;/head&amp;gt;
+ &amp;lt;body&amp;gt;
+  &amp;lt;article&amp;gt;
+   &amp;lt;h1&amp;gt;801: Steinbock&amp;lt;/h1&amp;gt;
+   &amp;lt;p&amp;gt;The number 801 Gem 4/4 electro-diesel has an ibex an=
d was rebuilt in 2002.&amp;lt;/p&amp;gt;
+  &amp;lt;/article&amp;gt;
+  &amp;lt;article&amp;gt;
+   &amp;lt;h1&amp;gt;802: Murmeltier&amp;lt;/h1&amp;gt;
+   &amp;lt;figure&amp;gt;
+    &amp;lt;img src=3D&quot;http://upload.wikimedia.org/wikipedia/common=
s/b/b0/Trains_de_la_Bernina_en_hiver_2.jpg&quot;
+         alt=3D&quot;The 802 was red with pantographs and tall vents on =
the side.&quot;&amp;gt;
+    &amp;lt;figcaption&amp;gt;The 802 in the 1980s, above Lago Bianco.&a=
mp;lt;/figcaption&amp;gt;
+   &amp;lt;/figure&amp;gt;
+   &amp;lt;p&amp;gt;The number 802 Gem 4/4 electro-diesel has a marmot a=
nd was rebuilt in 2003.&amp;lt;/p&amp;gt;
+  &amp;lt;/article&amp;gt;
+  &amp;lt;p class=3D&quot;topic&quot;&amp;gt;&amp;lt;a rel=3Dtag href=3D=
&quot;http://en.wikipedia.org/wiki/Rhaetian_Railway_Gem_4/4&quot;&amp;gt;=
Gem 4/4&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/body&amp;gt;
+&amp;lt;/html&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h5 id=3Dsequential-link-types&gt;&lt;span class=3Dsecno&gt;4.8.5.1=
6 &lt;/span&gt;Sequential link types&lt;/h5&gt;
+
+  &lt;p&gt;Some documents form part of a sequence of documents.&lt;/p&gt=
;
+
+  &lt;p&gt;A sequence of documents is one where each document can have a=
 &lt;em&gt;previous sibling&lt;/em&gt; and a
+  &lt;em&gt;next sibling&lt;/em&gt;. A document with no previous sibling=
 is the start of its sequence, a
+  document with no next sibling is the end of its sequence.&lt;/p&gt;
+
+  &lt;p&gt;A document may be part of multiple sequences.&lt;/p&gt;
+
+
+  &lt;h6 id=3Dlink-type-next&gt;&lt;span class=3Dsecno&gt;4.8.5.16.1 &lt=
;/span&gt;Link type &quot;&lt;dfn title=3Drel-next&gt;&lt;code&gt;next&lt=
;/code&gt;&lt;/dfn&gt;&quot;&lt;/h6&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-next&gt;&lt;a href=3D#link-type-next=
&gt;next&lt;/a&gt;&lt;/code&gt; keyword may be used with &lt;code&gt;&lt;=
a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt;, a=
nd &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; elements. This keyword creates a &lt;a href=3D#hyperlink&gt;hyperlink=
&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-next&gt;&lt;a href=3D#link-type-next=
&gt;next&lt;/a&gt;&lt;/code&gt; keyword indicates that the document is pa=
rt of a
+  sequence, and that the link is leading to the document that is the nex=
t logical document in the
+  sequence.&lt;/p&gt;
+
+
+  &lt;h6 id=3Dlink-type-prev&gt;&lt;span class=3Dsecno&gt;4.8.5.16.2 &lt=
;/span&gt;Link type &quot;&lt;dfn title=3Drel-prev&gt;&lt;code&gt;prev&lt=
;/code&gt;&lt;/dfn&gt;&quot;&lt;/h6&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-prev&gt;&lt;a href=3D#link-type-prev=
&gt;prev&lt;/a&gt;&lt;/code&gt; keyword may be used with &lt;code&gt;&lt;=
a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt;, a=
nd &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; elements. This keyword creates a &lt;a href=3D#hyperlink&gt;hyperlink=
&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Drel-prev&gt;&lt;a href=3D#link-type-prev=
&gt;prev&lt;/a&gt;&lt;/code&gt; keyword indicates that the document is pa=
rt of a
+  sequence, and that the link is leading to the document that is the pre=
vious logical document in
+  the sequence.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;Synonyms&lt;/strong&gt;: For historical reasons=
, user agents must also treat the keyword
+  &quot;&lt;code title=3D&quot;&quot;&gt;previous&lt;/code&gt;&quot; lik=
e the &lt;code title=3Drel-prev&gt;&lt;a href=3D#link-type-prev&gt;prev&l=
t;/a&gt;&lt;/code&gt; keyword.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Dother-link-types&gt;&lt;span class=3Dsecno&gt;4.8.5.17 &lt=
;/span&gt;Other link types&lt;/h5&gt;
+
+  &lt;p&gt;&lt;dfn id=3Dconcept-rel-extensions title=3Dconcept-rel-exten=
sions&gt;Extensions to the predefined set of link types&lt;/dfn&gt; may b=
e
+  registered in the &lt;a href=3Dhttp://microformats.org/wiki/existing-r=
el-values#HTML5_link_type_extensions&gt;microformats
+  wiki existing-rel-values page&lt;/a&gt;. &lt;a href=3D#refsMFREL&gt;[M=
FREL]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;Anyone is free to edit the &lt;span title=3D&quot;&quot;&gt;m=
icroformats wiki existing-rel-values page&lt;/span&gt; at
+  any time to add a type. Extension types must be specified with the fol=
lowing information:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;Keyword&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The actual value being defined. The value should not be con=
fusingly similar to any other
+    defined value (e.g. differing only in case).&lt;/p&gt;
+
+    &lt;p&gt;If the value contains a U+003A COLON character (:), it must=
 also be an &lt;a href=3D#absolute-url&gt;absolute
+    URL&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;Effect on... &lt;code&gt;&lt;a href=3D#the-link-element&gt;=
link&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;One of the following:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;Not allowed&lt;/dt&gt;
+
+     &lt;dd&gt;The keyword must not be specified on &lt;code&gt;&lt;a hr=
ef=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt; elements.&lt;/dd&gt=
;
+
+     &lt;dt&gt;Hyperlink&lt;/dt&gt;
+
+     &lt;dd&gt;The keyword may be specified on a &lt;code&gt;&lt;a href=3D=
#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt; element; it creates a
+     &lt;a href=3D#hyperlink&gt;hyperlink&lt;/a&gt;.&lt;/dd&gt;
+
+     &lt;dt&gt;External Resource&lt;/dt&gt;
+
+     &lt;dd&gt;The keyword may be specified on a &lt;code&gt;&lt;a href=3D=
#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt; element; it creates an &=
lt;a href=3D#external-resource-link&gt;external
+     resource link&lt;/a&gt;.&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/dd&gt;
+
+
+   &lt;dt&gt;Effect on... &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&l=
t;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-area-element&gt;a=
rea&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;One of the following:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;Not allowed&lt;/dt&gt;
+
+     &lt;dd&gt;The keyword must not be specified on &lt;code&gt;&lt;a hr=
ef=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a hre=
f=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&gt; elements.&lt;/dd&gt;
+
+     &lt;dt&gt;Hyperlink&lt;/dt&gt;
+
+     &lt;dd&gt;The keyword may be specified on &lt;code&gt;&lt;a href=3D=
#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#=
the-area-element&gt;area&lt;/a&gt;&lt;/code&gt; elements; it creates a
+     &lt;a href=3D#hyperlink&gt;hyperlink&lt;/a&gt;.&lt;/dd&gt;
+
+     &lt;dt&gt;External Resource&lt;/dt&gt;
+
+     &lt;dd&gt;The keyword may be specified on &lt;code&gt;&lt;a href=3D=
#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#=
the-area-element&gt;area&lt;/a&gt;&lt;/code&gt; elements; it creates
+     an &lt;a href=3D#external-resource-link&gt;external resource link&l=
t;/a&gt;.&lt;/dd&gt;
+
+     &lt;dt&gt;Hyperlink Annotation&lt;/dt&gt;
+
+     &lt;dd&gt;The keyword may be specified on &lt;code&gt;&lt;a href=3D=
#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#=
the-area-element&gt;area&lt;/a&gt;&lt;/code&gt; elements; it &lt;a href=3D=
#hyperlink-annotation title=3D&quot;hyperlink annotation&quot;&gt;annotat=
es&lt;/a&gt; other &lt;a href=3D#hyperlink title=3Dhyperlink&gt;hyperlink=
s&lt;/a&gt;
+     created by the element.&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/dd&gt;
+
+
+   &lt;dt&gt;Brief description&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;A short non-normative description of what the keyw=
ord's meaning is.&lt;/dd&gt;
+
+
+   &lt;dt&gt;Specification&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;A link to a more detailed description of the keywo=
rd's semantics and requirements. It
+   could be another page on the Wiki, or a link to an external page.&lt;=
/dd&gt;
+
+
+   &lt;dt&gt;Synonyms&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;A list of other keyword values that have exactly t=
he same processing requirements. Authors
+   should not use the values defined to be synonyms, they are only inten=
ded to allow user agents to
+   support legacy content. Anyone may remove synonyms that are not used =
in practice; only names that
+   need to be processed as synonyms for compatibility with legacy conten=
t are to be registered in
+   this way.&lt;/dd&gt;
+
+
+   &lt;dt&gt;Status&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;One of the following:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;Proposed&lt;/dt&gt;
+
+     &lt;dd&gt;The keyword has not received wide peer review and approva=
l. Someone has proposed it and is,
+     or soon will be, using it.&lt;/dd&gt;
+
+     &lt;dt&gt;Ratified&lt;/dt&gt;
+
+     &lt;dd&gt;The keyword has received wide peer review and approval. I=
t has a specification that
+     unambiguously defines how to handle pages that use the keyword, inc=
luding when they use it in
+     incorrect ways.&lt;/dd&gt;
+
+     &lt;dt&gt;Discontinued&lt;/dt&gt;
+
+     &lt;dd&gt;The keyword has received wide peer review and it has been=
 found wanting. Existing pages are
+     using this keyword, but new pages should avoid it. The &quot;brief =
description&quot; and &quot;specification&quot;
+     entries will give details of what authors should use instead, if an=
ything.&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;p&gt;If a keyword is found to be redundant with exist=
ing values, it should be removed and listed
+    as a synonym for the existing value.&lt;/p&gt;
+
+    &lt;p&gt;If a keyword is registered in the &quot;proposed&quot; stat=
e for a period of a month or more without
+    being used or specified, then it may be removed from the registry.&l=
t;/p&gt;
+
+    &lt;p&gt;If a keyword is added with the &quot;proposed&quot; status =
and found to be redundant with existing
+    values, it should be removed and listed as a synonym for the existin=
g value. If a keyword is
+    added with the &quot;proposed&quot; status and found to be harmful, =
then it should be changed to
+    &quot;discontinued&quot; status.&lt;/p&gt;
+
+    &lt;p&gt;Anyone can change the status at any time, but should only d=
o so in accordance with the
+    definitions above.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;Conformance checkers must use the information given on the &l=
t;span title=3D&quot;&quot;&gt;microformats wiki
+  existing-rel-values page&lt;/span&gt; to establish if a value is allow=
ed or not: values defined in this
+  specification or marked as &quot;proposed&quot; or &quot;ratified&quot=
; must be accepted when used on the elements for
+  which they apply as described in the &quot;Effect on...&quot; field, w=
hereas values marked as &quot;discontinued&quot;
+  or not listed in either this specification or on the aforementioned pa=
ge must be rejected as
+  invalid. Conformance checkers may cache this information (e.g. for per=
formance reasons or to avoid
+  the use of unreliable network connectivity).&lt;/p&gt;
+
+  &lt;p&gt;When an author uses a new type not defined by either this spe=
cification or the Wiki page,
+  conformance checkers should offer to add the value to the Wiki, with t=
he details described above,
+  with the &quot;proposed&quot; status.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;Types defined as extensions in the &lt;a href=3Dhttp://microf=
ormats.org/wiki/existing-rel-values#HTML5_link_type_extensions&gt;microfo=
rmats
+  wiki existing-rel-values page&lt;/a&gt; with the status &quot;proposed=
&quot; or &quot;ratified&quot; may be used with the
+  &lt;code title=3D&quot;&quot;&gt;rel&lt;/code&gt; attribute on &lt;cod=
e&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt;, &lt;c=
ode&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt;, and &lt;c=
ode&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&gt;
+  elements in accordance to the &quot;Effect on...&quot; field. &lt;a hr=
ef=3D#refsMFREL&gt;[MFREL]&lt;/a&gt;&lt;/p&gt;
+
+
+
+
+  &lt;h3 id=3Dtabular-data&gt;&lt;span class=3Dsecno&gt;4.9 &lt;/span&gt=
;Tabular data&lt;/h3&gt;
+
+
+  &lt;h4 id=3Dthe-table-element&gt;&lt;span class=3Dsecno&gt;4.9.1 &lt;/=
span&gt;The &lt;dfn&gt;&lt;code&gt;table&lt;/code&gt;&lt;/dfn&gt; element=
&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#palpable-content&gt;Palpable content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#flow-content&gt;flow content&lt;/a&gt; =
is expected.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;In this order: optionally a &lt;code&gt;&lt;a href=3D#the-c=
aption-element&gt;caption&lt;/a&gt;&lt;/code&gt; element,
+   followed by zero or more &lt;code&gt;&lt;a href=3D#the-colgroup-eleme=
nt&gt;colgroup&lt;/a&gt;&lt;/code&gt; elements, followed
+   optionally by a &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&=
lt;/a&gt;&lt;/code&gt; element, followed optionally by
+   a &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/=
code&gt; element, followed by either zero or more
+   &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/co=
de&gt; elements or one or more &lt;code&gt;&lt;a href=3D#the-tr-element&g=
t;tr&lt;/a&gt;&lt;/code&gt;
+   elements, followed optionally by a &lt;code&gt;&lt;a href=3D#the-tfoo=
t-element&gt;tfoot&lt;/a&gt;&lt;/code&gt; element (but
+   there can only be one &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;=
tfoot&lt;/a&gt;&lt;/code&gt; element child in
+   total), optionally intermixed with one or more &lt;a href=3D#script-s=
upporting-elements&gt;script-supporting elements&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-table-sortable&gt;&lt;a href=3D#attr-=
table-sortable&gt;sortable&lt;/a&gt;&lt;/code&gt;&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmltableelement&gt;HTMLTa=
bleElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&g=
t; {
+           attribute &lt;a href=3D#htmltablecaptionelement&gt;HTMLTableC=
aptionElement&lt;/a&gt;? &lt;a href=3D#dom-table-caption title=3Ddom-tabl=
e-caption&gt;caption&lt;/a&gt;;
+  &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&gt; &lt;a href=3D#dom-t=
able-createcaption title=3Ddom-table-createCaption&gt;createCaption&lt;/a=
&gt;();
+  void &lt;a href=3D#dom-table-deletecaption title=3Ddom-table-deleteCap=
tion&gt;deleteCaption&lt;/a&gt;();
+           attribute &lt;a href=3D#htmltablesectionelement&gt;HTMLTableS=
ectionElement&lt;/a&gt;? &lt;a href=3D#dom-table-thead title=3Ddom-table-=
tHead&gt;tHead&lt;/a&gt;;
+  &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&gt; &lt;a href=3D#dom-t=
able-createthead title=3Ddom-table-createTHead&gt;createTHead&lt;/a&gt;()=
;
+  void &lt;a href=3D#dom-table-deletethead title=3Ddom-table-deleteTHead=
&gt;deleteTHead&lt;/a&gt;();
+           attribute &lt;a href=3D#htmltablesectionelement&gt;HTMLTableS=
ectionElement&lt;/a&gt;? &lt;a href=3D#dom-table-tfoot title=3Ddom-table-=
tFoot&gt;tFoot&lt;/a&gt;;
+  &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&gt; &lt;a href=3D#dom-t=
able-createtfoot title=3Ddom-table-createTFoot&gt;createTFoot&lt;/a&gt;()=
;
+  void &lt;a href=3D#dom-table-deletetfoot title=3Ddom-table-deleteTFoot=
&gt;deleteTFoot&lt;/a&gt;();
+  readonly attribute &lt;a href=3D#htmlcollection&gt;HTMLCollection&lt;/=
a&gt; &lt;a href=3D#dom-table-tbodies title=3Ddom-table-tBodies&gt;tBodie=
s&lt;/a&gt;;
+  &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&gt; &lt;a href=3D#dom-t=
able-createtbody title=3Ddom-table-createTBody&gt;createTBody&lt;/a&gt;()=
;
+  readonly attribute &lt;a href=3D#htmlcollection&gt;HTMLCollection&lt;/=
a&gt; &lt;a href=3D#dom-table-rows title=3Ddom-table-rows&gt;rows&lt;/a&g=
t;;
+  &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&gt; &lt;a href=3D#dom-t=
able-insertrow title=3Ddom-table-insertRow&gt;insertRow&lt;/a&gt;(optiona=
l long index =3D -1);
+  void &lt;a href=3D#dom-table-deleterow title=3Ddom-table-deleteRow&gt;=
deleteRow&lt;/a&gt;(long index);
+           attribute boolean &lt;a href=3D#dom-table-sortable title=3Ddo=
m-table-sortable&gt;sortable&lt;/a&gt;;
+  void &lt;a href=3D#dom-table-stopsorting title=3Ddom-table-stopSorting=
&gt;stopSorting&lt;/a&gt;();
+
+  // &lt;a href=3D&quot;#HTMLTableElement-partial&quot;&gt;also has obso=
lete members&lt;/a&gt;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D#=
represents&gt;represents&lt;/a&gt; data with more than one dimension, in
+  the form of a &lt;a href=3D#concept-table title=3Dconcept-table&gt;tab=
le&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;span class=3Dimpl&gt;The &lt;code&gt;&lt;a href=3D#the-ta=
ble-element&gt;table&lt;/a&gt;&lt;/code&gt; element takes part in the &lt=
;a href=3D#table-model&gt;table
+  model&lt;/a&gt;.&lt;/span&gt; Tables have rows, columns, and cells giv=
en by their descendants. The rows and
+  columns form a grid; a table's cells must completely cover that grid w=
ithout overlap.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p class=3Dnote&gt;Precise rules for determining whether this confo=
rmance requirement is met are
+  described in the description of the &lt;a href=3D#table-model&gt;table=
 model&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;Authors are encouraged to provide information describing how =
to interpret complex tables.
+  Guidance on how to &lt;a href=3D#table-descriptions-techniques&gt;prov=
ide such information&lt;/a&gt; is given
+  below.&lt;/p&gt;
+
+  &lt;p&gt;Tables must not be used as layout aids. Historically, some We=
b authors have misused tables in
+  HTML as a way to control their page layout. This usage is non-conformi=
ng, because tools attempting
+  to extract tabular data from such documents would obtain very confusin=
g results. In particular,
+  users of accessibility tools like screen readers are likely to find it=
 very difficult to navigate
+  pages with tables used for layout.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;There are a variety of alternatives to using HTM=
L tables for layout, primarily
+  using CSS positioning and the CSS table model. &lt;a href=3D#refsCSS&g=
t;[CSS]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;hr&gt;&lt;p&gt;Tables can be complicated to understand and navigat=
e. To help users with this, user agents
+  should clearly delineate cells in a table from each other, unless the =
user agent has classified
+  the table as a (non-conforming) layout table.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;Authors &lt;span class=3Dimpl&gt;and implementor=
s&lt;/span&gt; are encouraged to consider
+  using some of the &lt;a href=3D#table-layout-techniques&gt;table desig=
n techniques&lt;/a&gt; described below
+  to make tables easier to navigate for users.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;User agents, especially those that do table analysis on arbit=
rary content, are encouraged to
+  find heuristics to determine which tables actually contain data and wh=
ich are merely being used
+  for layout. This specification does not define a precise heuristic, bu=
t the following are
+  suggested as possible indicators:&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Feature
+     &lt;th&gt;Indication
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;The use of the &lt;code title=3Dattr=
-aria-role&gt;&lt;a href=3D#attr-aria-role&gt;role&lt;/a&gt;&lt;/code&gt;=
 attribute with the value &lt;code title=3Dattr-aria-role-presentation&gt=
;presentation&lt;/code&gt;
+     &lt;td&gt;Probably a layout table
+    &lt;tr&gt;&lt;td&gt;The use of the non-conforming &lt;code title=3Da=
ttr-table-border&gt;&lt;a href=3D#attr-table-border&gt;border&lt;/a&gt;&l=
t;/code&gt; attribute with the non-conforming value 0
+     &lt;td&gt;Probably a layout table
+    &lt;tr&gt;&lt;td&gt;The use of the non-conforming &lt;code title=3Da=
ttr-table-cellspacing&gt;&lt;a href=3D#attr-table-cellspacing&gt;cellspac=
ing&lt;/a&gt;&lt;/code&gt; and
+     &lt;code title=3Dattr-table-cellpadding&gt;&lt;a href=3D#attr-table=
-cellpadding&gt;cellpadding&lt;/a&gt;&lt;/code&gt; attributes with the va=
lue 0
+     &lt;td&gt;Probably a layout table
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;The use of &lt;code&gt;&lt;a href=3D=
#the-caption-element&gt;caption&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a=
 href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/code&gt;, or &lt;code&g=
t;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; elements     =
  =20
+     &lt;td&gt;Probably a non-layout table
+    &lt;tr&gt;&lt;td&gt;The use of the &lt;code title=3Dattr-tdth-header=
s&gt;&lt;a href=3D#attr-tdth-headers&gt;headers&lt;/a&gt;&lt;/code&gt; an=
d &lt;code title=3Dattr-th-scope&gt;&lt;a href=3D#attr-th-scope&gt;scope&=
lt;/a&gt;&lt;/code&gt; attributes
+     &lt;td&gt;Probably a non-layout table
+    &lt;tr&gt;&lt;td&gt;The use of the non-conforming &lt;code title=3Da=
ttr-table-border&gt;&lt;a href=3D#attr-table-border&gt;border&lt;/a&gt;&l=
t;/code&gt; attribute with a value other than 0
+     &lt;td&gt;Probably a non-layout table
+    &lt;tr&gt;&lt;td&gt;Explicit visible borders set using CSS
+     &lt;td&gt;Probably a non-layout table
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;The use of the &lt;code title=3Dattr=
-table-summary&gt;&lt;a href=3D#attr-table-summary&gt;summary&lt;/a&gt;&l=
t;/code&gt; attribute
+     &lt;td&gt;Not a good indicator (both layout and non-layout tables h=
ave historically been given this attribute)
+  &lt;/table&gt;&lt;p class=3Dnote&gt;It is quite possible that the abov=
e suggestions are wrong. Implementors are urged
+  to provide feedback elaborating on their experiences with trying to cr=
eate a layout table
+  detection heuristic.&lt;/p&gt;
+
+  &lt;p&gt;If a &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;=
/a&gt;&lt;/code&gt; element has a (non-conforming) &lt;code title=3Dattr-=
table-summary&gt;&lt;a href=3D#attr-table-summary&gt;summary&lt;/a&gt;&lt=
;/code&gt; attribute, and the user agent has not classified the
+  table as a layout table, the user agent may report the contents of tha=
t attribute to the user.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;code title=3Dattr-table-sortable&gt;&lt;a h=
ref=3D#attr-table-sortable&gt;sortable&lt;/a&gt;&lt;/code&gt; attribute i=
s used in the &lt;a href=3D#table-sorting-model&gt;table
+  sorting model&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;!--TOPIC:DOM APIs--&gt;&lt;dl class=3Ddomintro&gt;&lt;dt=
&gt;&lt;var title=3D&quot;&quot;&gt;table&lt;/var&gt; . &lt;code title=3D=
dom-table-caption&gt;&lt;a href=3D#dom-table-caption&gt;caption&lt;/a&gt;=
&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; ]&l=
t;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the table's &lt;code&gt;&lt;a href=3D#the-caption-e=
lement&gt;caption&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to replace the &lt;code&gt;&lt;a href=3D#the-ca=
ption-element&gt;caption&lt;/a&gt;&lt;/code&gt; element. If the new value=
 is not a
+    &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&lt;/a&gt;&l=
t;/code&gt; element, throws a &lt;code&gt;&lt;a href=3D#hierarchyrequeste=
rror&gt;HierarchyRequestError&lt;/a&gt;&lt;/code&gt; exception.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;caption&lt;/var&gt; =3D &lt=
;var title=3D&quot;&quot;&gt;table&lt;/var&gt; . &lt;code title=3Ddom-tab=
le-createCaption&gt;&lt;a href=3D#dom-table-createcaption&gt;createCaptio=
n&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Ensures the table has a &lt;code&gt;&lt;a href=3D#the-capti=
on-element&gt;caption&lt;/a&gt;&lt;/code&gt; element, and returns it.&lt;=
/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;table&lt;/var&gt; . &lt;cod=
e title=3Ddom-table-deleteCaption&gt;&lt;a href=3D#dom-table-deletecaptio=
n&gt;deleteCaption&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Ensures the table does not have a &lt;code&gt;&lt;a href=3D=
#the-caption-element&gt;caption&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;table&lt;/var&gt; . &lt;cod=
e title=3Ddom-table-tHead&gt;&lt;a href=3D#dom-table-thead&gt;tHead&lt;/a=
&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;=
 ]&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the table's &lt;code&gt;&lt;a href=3D#the-thead-ele=
ment&gt;thead&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to replace the &lt;code&gt;&lt;a href=3D#the-th=
ead-element&gt;thead&lt;/a&gt;&lt;/code&gt; element. If the new value is =
not a
+    &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/c=
ode&gt; element, throws a &lt;code&gt;&lt;a href=3D#hierarchyrequesterror=
&gt;HierarchyRequestError&lt;/a&gt;&lt;/code&gt; exception.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;thead&lt;/var&gt; =3D &lt;v=
ar title=3D&quot;&quot;&gt;table&lt;/var&gt; . &lt;code title=3Ddom-table=
-createTHead&gt;&lt;a href=3D#dom-table-createthead&gt;createTHead&lt;/a&=
gt;&lt;/code&gt;()&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Ensures the table has a &lt;code&gt;&lt;a href=3D#the-thead=
-element&gt;thead&lt;/a&gt;&lt;/code&gt; element, and returns it.&lt;/p&g=
t;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;table&lt;/var&gt; . &lt;cod=
e title=3Ddom-table-deleteTHead&gt;&lt;a href=3D#dom-table-deletethead&gt=
;deleteTHead&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Ensures the table does not have a &lt;code&gt;&lt;a href=3D=
#the-thead-element&gt;thead&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;table&lt;/var&gt; . &lt;cod=
e title=3Ddom-table-tFoot&gt;&lt;a href=3D#dom-table-tfoot&gt;tFoot&lt;/a=
&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;=
 ]&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the table's &lt;code&gt;&lt;a href=3D#the-tfoot-ele=
ment&gt;tfoot&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to replace the &lt;code&gt;&lt;a href=3D#the-tf=
oot-element&gt;tfoot&lt;/a&gt;&lt;/code&gt; element. If the new value is =
not a
+    &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/c=
ode&gt; element, throws a &lt;code&gt;&lt;a href=3D#hierarchyrequesterror=
&gt;HierarchyRequestError&lt;/a&gt;&lt;/code&gt; exception.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;tfoot&lt;/var&gt; =3D &lt;v=
ar title=3D&quot;&quot;&gt;table&lt;/var&gt; . &lt;code title=3Ddom-table=
-createTFoot&gt;&lt;a href=3D#dom-table-createtfoot&gt;createTFoot&lt;/a&=
gt;&lt;/code&gt;()&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Ensures the table has a &lt;code&gt;&lt;a href=3D#the-tfoot=
-element&gt;tfoot&lt;/a&gt;&lt;/code&gt; element, and returns it.&lt;/p&g=
t;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;table&lt;/var&gt; . &lt;cod=
e title=3Ddom-table-deleteTFoot&gt;&lt;a href=3D#dom-table-deletetfoot&gt=
;deleteTFoot&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Ensures the table does not have a &lt;code&gt;&lt;a href=3D=
#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;table&lt;/var&gt; . &lt;cod=
e title=3Ddom-table-tBodies&gt;&lt;a href=3D#dom-table-tbodies&gt;tBodies=
&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns an &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTML=
Collection&lt;/a&gt;&lt;/code&gt; of the &lt;code&gt;&lt;a href=3D#the-tb=
ody-element&gt;tbody&lt;/a&gt;&lt;/code&gt; elements of the table.&lt;/p&=
gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;tbody&lt;/var&gt; =3D &lt;v=
ar title=3D&quot;&quot;&gt;table&lt;/var&gt; . &lt;code title=3Ddom-table=
-createTBody&gt;&lt;a href=3D#dom-table-createtbody&gt;createTBody&lt;/a&=
gt;&lt;/code&gt;()&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Creates a &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tb=
ody&lt;/a&gt;&lt;/code&gt; element, inserts it into the table, and return=
s it.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;table&lt;/var&gt; . &lt;cod=
e title=3Ddom-table-rows&gt;&lt;a href=3D#dom-table-rows&gt;rows&lt;/a&gt=
;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns an &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTML=
Collection&lt;/a&gt;&lt;/code&gt; of the &lt;code&gt;&lt;a href=3D#the-tr=
-element&gt;tr&lt;/a&gt;&lt;/code&gt; elements of the table.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;tr&lt;/var&gt; =3D &lt;var =
title=3D&quot;&quot;&gt;table&lt;/var&gt; . &lt;code title=3Ddom-table-in=
sertRow&gt;&lt;a href=3D#dom-table-insertrow&gt;insertRow&lt;/a&gt;&lt;/c=
ode&gt;( [ &lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt; ] )&lt;/dt&g=
t;
+   &lt;dd&gt;
+
+    &lt;p&gt;Creates a &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt=
;/a&gt;&lt;/code&gt; element, along with a &lt;code&gt;&lt;a href=3D#the-=
tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt; if required, inserts them
+    into the table at the position given by the argument, and returns th=
e &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;.&=
lt;/p&gt;
+
+    &lt;p&gt;The position is relative to the rows in the table. The inde=
x &amp;minus;1, which is the default
+    if the argument is omitted, is equivalent to inserting at the end of=
 the table.&lt;/p&gt;
+
+    &lt;p&gt;If the given position is less than &amp;minus;1 or greater =
than the number of rows, throws an
+    &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;IndexSizeError&lt;/a&gt;=
&lt;/code&gt; exception.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;table&lt;/var&gt; . &lt;cod=
e title=3Ddom-table-deleteRow&gt;&lt;a href=3D#dom-table-deleterow&gt;del=
eteRow&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;index&lt;/v=
ar&gt;)&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Removes the &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&=
lt;/a&gt;&lt;/code&gt; element with the given position in the table.&lt;/=
p&gt;
+
+    &lt;p&gt;The position is relative to the rows in the table. The inde=
x &amp;minus;1 is equivalent to
+    deleting the last row of the table.&lt;/p&gt;
+
+    &lt;p&gt;If the given position is less than &amp;minus;1 or greater =
than the index of the last row, or if
+    there are no rows, throws an &lt;code&gt;&lt;a href=3D#indexsizeerro=
r&gt;IndexSizeError&lt;/a&gt;&lt;/code&gt; exception.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-table-caption title=3Ddom-table-caption&=
gt;&lt;code&gt;caption&lt;/code&gt;&lt;/dfn&gt; IDL attribute must return=
, on
+  getting, the first &lt;code&gt;&lt;a href=3D#the-caption-element&gt;ca=
ption&lt;/a&gt;&lt;/code&gt; element child of the &lt;code&gt;&lt;a href=3D=
#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; element, if any,
+  or null otherwise. On setting, if the new value is a &lt;code&gt;&lt;a=
 href=3D#the-caption-element&gt;caption&lt;/a&gt;&lt;/code&gt; element, t=
he first
+  &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&lt;/a&gt;&lt;=
/code&gt; element child of the &lt;code&gt;&lt;a href=3D#the-table-elemen=
t&gt;table&lt;/a&gt;&lt;/code&gt; element, if any, must be removed, and
+  the new value must be inserted as the first node of the &lt;code&gt;&l=
t;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; element. If=
 the new
+  value is not a &lt;code&gt;&lt;a href=3D#the-caption-element&gt;captio=
n&lt;/a&gt;&lt;/code&gt; element, then a &lt;code&gt;&lt;a href=3D#hierar=
chyrequesterror&gt;HierarchyRequestError&lt;/a&gt;&lt;/code&gt; DOM
+  exception must be thrown instead.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-table-createcaption title=3Ddom-table-cr=
eateCaption&gt;&lt;code&gt;createCaption()&lt;/code&gt;&lt;/dfn&gt; metho=
d must return
+  the first &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&lt;=
/a&gt;&lt;/code&gt; element child of the &lt;code&gt;&lt;a href=3D#the-ta=
ble-element&gt;table&lt;/a&gt;&lt;/code&gt; element, if any; otherwise
+  a new &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&lt;/a&g=
t;&lt;/code&gt; element must be created, inserted as the first node of th=
e
+  &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/cod=
e&gt; element, and then returned.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-table-deletecaption title=3Ddom-table-de=
leteCaption&gt;&lt;code&gt;deleteCaption()&lt;/code&gt;&lt;/dfn&gt; metho=
d must remove
+  the first &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&lt;=
/a&gt;&lt;/code&gt; element child of the &lt;code&gt;&lt;a href=3D#the-ta=
ble-element&gt;table&lt;/a&gt;&lt;/code&gt; element, if any.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-table-thead title=3Ddom-table-tHead&gt;&=
lt;code&gt;tHead&lt;/code&gt;&lt;/dfn&gt; IDL attribute must return, on
+  getting, the first &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thea=
d&lt;/a&gt;&lt;/code&gt; element child of the &lt;code&gt;&lt;a href=3D#t=
he-table-element&gt;table&lt;/a&gt;&lt;/code&gt; element, if any, or
+  null otherwise. On setting, if the new value is a &lt;code&gt;&lt;a hr=
ef=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/code&gt; element, the firs=
t
+  &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/cod=
e&gt; element child of the &lt;code&gt;&lt;a href=3D#the-table-element&gt=
;table&lt;/a&gt;&lt;/code&gt; element, if any, must be removed, and
+  the new value must be inserted immediately before the first element in=
 the &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/c=
ode&gt;
+  element that is neither a &lt;code&gt;&lt;a href=3D#the-caption-elemen=
t&gt;caption&lt;/a&gt;&lt;/code&gt; element nor a &lt;code&gt;&lt;a href=3D=
#the-colgroup-element&gt;colgroup&lt;/a&gt;&lt;/code&gt; element, if
+  any, or at the end of the table if there are no such elements. If the =
new value is not a
+  &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/cod=
e&gt; element, then a &lt;code&gt;&lt;a href=3D#hierarchyrequesterror&gt;=
HierarchyRequestError&lt;/a&gt;&lt;/code&gt; DOM exception must be thrown
+  instead.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-table-createthead title=3Ddom-table-crea=
teTHead&gt;&lt;code&gt;createTHead()&lt;/code&gt;&lt;/dfn&gt; method must=
 return the
+  first &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&l=
t;/code&gt; element child of the &lt;code&gt;&lt;a href=3D#the-table-elem=
ent&gt;table&lt;/a&gt;&lt;/code&gt; element, if any; otherwise a new
+  &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/cod=
e&gt; element must be created and inserted immediately before the first e=
lement in
+  the &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;=
/code&gt; element that is neither a &lt;code&gt;&lt;a href=3D#the-caption=
-element&gt;caption&lt;/a&gt;&lt;/code&gt; element nor a
+  &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup&lt;/a&gt;&l=
t;/code&gt; element, if any, or at the end of the table if there are no s=
uch elements,
+  and then that new element must be returned.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-table-deletethead title=3Ddom-table-dele=
teTHead&gt;&lt;code&gt;deleteTHead()&lt;/code&gt;&lt;/dfn&gt; method must=
 remove the
+  first &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&l=
t;/code&gt; element child of the &lt;code&gt;&lt;a href=3D#the-table-elem=
ent&gt;table&lt;/a&gt;&lt;/code&gt; element, if any.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-table-tfoot title=3Ddom-table-tFoot&gt;&=
lt;code&gt;tFoot&lt;/code&gt;&lt;/dfn&gt; IDL attribute must return, on
+  getting, the first &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoo=
t&lt;/a&gt;&lt;/code&gt; element child of the &lt;code&gt;&lt;a href=3D#t=
he-table-element&gt;table&lt;/a&gt;&lt;/code&gt; element, if any, or
+  null otherwise. On setting, if the new value is a &lt;code&gt;&lt;a hr=
ef=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/code&gt; element, the firs=
t
+  &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/cod=
e&gt; element child of the &lt;code&gt;&lt;a href=3D#the-table-element&gt=
;table&lt;/a&gt;&lt;/code&gt; element, if any, must be removed, and
+  the new value must be inserted immediately before the first element in=
 the &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/c=
ode&gt;
+  element that is neither a &lt;code&gt;&lt;a href=3D#the-caption-elemen=
t&gt;caption&lt;/a&gt;&lt;/code&gt; element, a &lt;code&gt;&lt;a href=3D#=
the-colgroup-element&gt;colgroup&lt;/a&gt;&lt;/code&gt; element, nor a
+  &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/cod=
e&gt; element, if any, or at the end of the table if there are no such el=
ements. If
+  the new value is not a &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;=
tfoot&lt;/a&gt;&lt;/code&gt; element, then a &lt;code&gt;&lt;a href=3D#hi=
erarchyrequesterror&gt;HierarchyRequestError&lt;/a&gt;&lt;/code&gt; DOM
+  exception must be thrown instead.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-table-createtfoot title=3Ddom-table-crea=
teTFoot&gt;&lt;code&gt;createTFoot()&lt;/code&gt;&lt;/dfn&gt; method must=
 return the
+  first &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&l=
t;/code&gt; element child of the &lt;code&gt;&lt;a href=3D#the-table-elem=
ent&gt;table&lt;/a&gt;&lt;/code&gt; element, if any; otherwise a new
+  &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/cod=
e&gt; element must be created and inserted immediately before the first e=
lement in
+  the &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;=
/code&gt; element that is neither a &lt;code&gt;&lt;a href=3D#the-caption=
-element&gt;caption&lt;/a&gt;&lt;/code&gt; element, a
+  &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup&lt;/a&gt;&l=
t;/code&gt; element, nor a &lt;code&gt;&lt;a href=3D#the-thead-element&gt=
;thead&lt;/a&gt;&lt;/code&gt; element, if any, or at the end of the
+  table if there are no such elements, and then that new element must be=
 returned.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-table-deletetfoot title=3Ddom-table-dele=
teTFoot&gt;&lt;code&gt;deleteTFoot()&lt;/code&gt;&lt;/dfn&gt; method must=
 remove the
+  first &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&l=
t;/code&gt; element child of the &lt;code&gt;&lt;a href=3D#the-table-elem=
ent&gt;table&lt;/a&gt;&lt;/code&gt; element, if any.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-table-tbodies title=3Ddom-table-tBodies&=
gt;&lt;code&gt;tBodies&lt;/code&gt;&lt;/dfn&gt; attribute must return an
+  &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTMLCollection&lt;/a&gt;&l=
t;/code&gt; rooted at the &lt;code&gt;&lt;a href=3D#the-table-element&gt;=
table&lt;/a&gt;&lt;/code&gt; node, whose filter matches only
+  &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/cod=
e&gt; elements that are children of the &lt;code&gt;&lt;a href=3D#the-tab=
le-element&gt;table&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-table-createtbody title=3Ddom-table-crea=
teTBody&gt;&lt;code&gt;createTBody()&lt;/code&gt;&lt;/dfn&gt; method must=
 create a
+  new &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;=
/code&gt; element, insert it immediately after the last &lt;code&gt;&lt;a=
 href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt; element
+  child in the &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/=
a&gt;&lt;/code&gt; element, if any, or at the end of the &lt;code&gt;&lt;=
a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; element
+  if the &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&=
lt;/code&gt; element has no &lt;code&gt;&lt;a href=3D#the-tbody-element&g=
t;tbody&lt;/a&gt;&lt;/code&gt; element children, and then must return
+  the new &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;=
&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-table-rows title=3Ddom-table-rows&gt;&lt=
;code&gt;rows&lt;/code&gt;&lt;/dfn&gt; attribute must return an
+  &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTMLCollection&lt;/a&gt;&l=
t;/code&gt; rooted at the &lt;code&gt;&lt;a href=3D#the-table-element&gt;=
table&lt;/a&gt;&lt;/code&gt; node, whose filter matches only
+  &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; =
elements that are either children of the &lt;code&gt;&lt;a href=3D#the-ta=
ble-element&gt;table&lt;/a&gt;&lt;/code&gt; element, or children
+  of &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/=
code&gt;, &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&=
lt;/code&gt;, or &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;=
/a&gt;&lt;/code&gt; elements that are themselves
+  children of the &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&l=
t;/a&gt;&lt;/code&gt; element. The elements in the collection must be ord=
ered such
+  that those elements whose parent is a &lt;code&gt;&lt;a href=3D#the-th=
ead-element&gt;thead&lt;/a&gt;&lt;/code&gt; are included first, in tree o=
rder,
+  followed by those elements whose parent is either a &lt;code&gt;&lt;a =
href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;=
&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt;
+  element, again in tree order, followed finally by those elements whose=
 parent is a
+  &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/cod=
e&gt; element, still in tree order.&lt;/p&gt;
+
+  &lt;p&gt;The behavior of the &lt;dfn id=3Ddom-table-insertrow title=3D=
dom-table-insertRow&gt;&lt;code&gt;insertRow(&lt;var title=3D&quot;&quot;=
&gt;index&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; method depends on the sta=
te of the table. When it is called,
+  the method must act as required by the first item in the following lis=
t of conditions that
+  describes the state of the table and the &lt;var title=3D&quot;&quot;&=
gt;index&lt;/var&gt; argument:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;=
index&lt;/var&gt; is less than &amp;minus;1 or greater than the number of=
 elements in
+   &lt;code title=3Ddom-table-rows&gt;&lt;a href=3D#dom-table-rows&gt;ro=
ws&lt;/a&gt;&lt;/code&gt; collection:&lt;/dt&gt;
+
+   &lt;dd&gt;The method must throw an &lt;code&gt;&lt;a href=3D#indexsiz=
eerror&gt;IndexSizeError&lt;/a&gt;&lt;/code&gt; exception.&lt;/dd&gt;
+
+   &lt;dt&gt;If the &lt;code title=3Ddom-table-rows&gt;&lt;a href=3D#dom=
-table-rows&gt;rows&lt;/a&gt;&lt;/code&gt; collection has zero elements i=
n it, and the
+   &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/co=
de&gt; has no &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&=
gt;&lt;/code&gt; elements in it:&lt;/dt&gt;
+
+   &lt;dd&gt;The method must create a &lt;code&gt;&lt;a href=3D#the-tbod=
y-element&gt;tbody&lt;/a&gt;&lt;/code&gt; element, then create a &lt;code=
&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; element,
+   then append the &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&=
gt;&lt;/code&gt; element to the &lt;code&gt;&lt;a href=3D#the-tbody-eleme=
nt&gt;tbody&lt;/a&gt;&lt;/code&gt; element, then append the
+   &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/co=
de&gt; element to the &lt;code&gt;&lt;a href=3D#the-table-element&gt;tabl=
e&lt;/a&gt;&lt;/code&gt; element, and finally return the
+   &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;=
 element.&lt;/dd&gt;
+
+   &lt;dt&gt;If the &lt;code title=3Ddom-table-rows&gt;&lt;a href=3D#dom=
-table-rows&gt;rows&lt;/a&gt;&lt;/code&gt; collection has zero elements i=
n it:&lt;/dt&gt;
+
+   &lt;dd&gt;The method must create a &lt;code&gt;&lt;a href=3D#the-tr-e=
lement&gt;tr&lt;/a&gt;&lt;/code&gt; element, append it to the last &lt;co=
de&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt;
+   element in the table, and return the &lt;code&gt;&lt;a href=3D#the-tr=
-element&gt;tr&lt;/a&gt;&lt;/code&gt; element.&lt;/dd&gt;
+
+   &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt; is &am=
p;minus;1 or equal to the number of items in &lt;code title=3Ddom-table-r=
ows&gt;&lt;a href=3D#dom-table-rows&gt;rows&lt;/a&gt;&lt;/code&gt; collec=
tion:&lt;/dt&gt;
+
+   &lt;dd&gt;The method must create a &lt;code&gt;&lt;a href=3D#the-tr-e=
lement&gt;tr&lt;/a&gt;&lt;/code&gt; element, and append it to the parent =
of the last
+   &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;=
 element in the &lt;code title=3Ddom-table-rows&gt;&lt;a href=3D#dom-tabl=
e-rows&gt;rows&lt;/a&gt;&lt;/code&gt; collection. Then, the
+   newly created &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt=
;&lt;/code&gt; element must be returned.&lt;/dd&gt;
+
+   &lt;dt&gt;Otherwise:&lt;/dt&gt;
+
+   &lt;dd&gt;The method must create a &lt;code&gt;&lt;a href=3D#the-tr-e=
lement&gt;tr&lt;/a&gt;&lt;/code&gt; element, insert it immediately before=
 the &lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt;th &lt;code&gt;&lt;=
a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; element in the &lt;=
code title=3Ddom-table-rows&gt;&lt;a href=3D#dom-table-rows&gt;rows&lt;/a=
&gt;&lt;/code&gt;
+   collection, in the same parent, and finally must return the newly cre=
ated &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt=
;
+   element.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;When the &lt;dfn id=3Ddom-table-deleterow title=3D=
dom-table-deleteRow&gt;&lt;code&gt;deleteRow(&lt;var title=3D&quot;&quot;=
&gt;index&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; method is called, the use=
r agent must run the following
+  steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;index&=
lt;/var&gt; is equal to &amp;minus;1, then &lt;var title=3D&quot;&quot;&g=
t;index&lt;/var&gt; must be
+   set to the number of items in the &lt;code title=3Ddom-table-rows&gt;=
&lt;a href=3D#dom-table-rows&gt;rows&lt;/a&gt;&lt;/code&gt; collection, m=
inus
+   one.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Now, if &lt;var title=3D&quot;&quot;&gt;index&lt;/=
var&gt; is less than zero, or greater than or equal to the
+   number of elements in the &lt;code title=3Ddom-table-rows&gt;&lt;a hr=
ef=3D#dom-table-rows&gt;rows&lt;/a&gt;&lt;/code&gt; collection, the metho=
d must
+   instead throw an &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;IndexSiz=
eError&lt;/a&gt;&lt;/code&gt; exception, and these steps must be aborted.=
&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, the method must remove the &lt;var titl=
e=3D&quot;&quot;&gt;index&lt;/var&gt;th element in the &lt;code title=3Dd=
om-table-rows&gt;&lt;a href=3D#dom-table-rows&gt;rows&lt;/a&gt;&lt;/code&=
gt; collection from its parent.&lt;/p&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;code title=3Ddom-table-stopSorting&gt;&lt;=
a href=3D#dom-table-stopsorting&gt;stopSorting()&lt;/a&gt;&lt;/code&gt; m=
ethod is used in the &lt;a href=3D#table-sorting-model&gt;table
+  sorting model&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The IDL attribute &lt;dfn id=3Ddom-table-sortable title=3Ddom=
-table-sortable&gt;&lt;code&gt;sortable&lt;/code&gt;&lt;/dfn&gt; must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-t=
able-sortable&gt;&lt;a href=3D#attr-table-sortable&gt;sortable&lt;/a&gt;&=
lt;/code&gt; content attribute.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here is an example of a table being used to mark up a Sudoku=
 puzzle. Observe the lack of
+   headers, which are not necessary in such a table.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;section&amp;gt;
+ &amp;lt;style scoped&amp;gt;
+  table { border-collapse: collapse; border: solid thick; }
+  colgroup, tbody { border: solid medium; }
+  td { border: solid thin; height: 1.4em; width: 1.4em; text-align: cent=
er; padding: 0; }
+ &amp;lt;/style&amp;gt;
+ &amp;lt;h1&amp;gt;Today's Sudoku&amp;lt;/h1&amp;gt;
+ &amp;lt;table&amp;gt;
+  &amp;lt;colgroup&amp;gt;&amp;lt;col&amp;gt;&amp;lt;col&amp;gt;&amp;lt;=
col&amp;gt;
+  &amp;lt;colgroup&amp;gt;&amp;lt;col&amp;gt;&amp;lt;col&amp;gt;&amp;lt;=
col&amp;gt;
+  &amp;lt;colgroup&amp;gt;&amp;lt;col&amp;gt;&amp;lt;col&amp;gt;&amp;lt;=
col&amp;gt;
+  &amp;lt;tbody&amp;gt;
+   &amp;lt;tr&amp;gt; &amp;lt;td&amp;gt; 1 &amp;lt;td&amp;gt;   &amp;lt;=
td&amp;gt; 3 &amp;lt;td&amp;gt; 6 &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt;=
 4 &amp;lt;td&amp;gt; 7 &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt; 9
+   &amp;lt;tr&amp;gt; &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt; 2 &amp;lt;=
td&amp;gt;   &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt; 9 &amp;lt;td&amp;gt;=
   &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt; 1 &amp;lt;td&amp;gt;
+   &amp;lt;tr&amp;gt; &amp;lt;td&amp;gt; 7 &amp;lt;td&amp;gt;   &amp;lt;=
td&amp;gt;   &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt;=
   &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt; 6
+  &amp;lt;tbody&amp;gt;
+   &amp;lt;tr&amp;gt; &amp;lt;td&amp;gt; 2 &amp;lt;td&amp;gt;   &amp;lt;=
td&amp;gt; 4 &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt; 3 &amp;lt;td&amp;gt;=
   &amp;lt;td&amp;gt; 9 &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt; 8
+   &amp;lt;tr&amp;gt; &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt;   &amp;lt;=
td&amp;gt;   &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt;=
   &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt;
+   &amp;lt;tr&amp;gt; &amp;lt;td&amp;gt; 5 &amp;lt;td&amp;gt;   &amp;lt;=
td&amp;gt;   &amp;lt;td&amp;gt; 9 &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt;=
 7 &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt; 1
+  &amp;lt;tbody&amp;gt;
+   &amp;lt;tr&amp;gt; &amp;lt;td&amp;gt; 6 &amp;lt;td&amp;gt;   &amp;lt;=
td&amp;gt;   &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt; 5 &amp;lt;td&amp;gt;=
   &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt; 2
+   &amp;lt;tr&amp;gt; &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt;   &amp;lt;=
td&amp;gt;   &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt; 7 &amp;lt;td&amp;gt;=
   &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt;
+   &amp;lt;tr&amp;gt; &amp;lt;td&amp;gt; 9 &amp;lt;td&amp;gt;   &amp;lt;=
td&amp;gt;   &amp;lt;td&amp;gt; 8 &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt;=
 2 &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt;   &amp;lt;td&amp;gt; 5
+ &amp;lt;/table&amp;gt;
+&amp;lt;/section&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+
+  &lt;h5 id=3Dtable-descriptions-techniques&gt;&lt;span class=3Dsecno&gt=
;4.9.1.1 &lt;/span&gt;Techniques for describing tables&lt;/h5&gt;
+
+  &lt;p id=3Dtable-descriptions&gt;For tables that consist of more than =
just a grid of cells with headers
+  in the first row and headers in the first column, and for any table in=
 general where the reader
+  might have difficulty understanding the content, authors should includ=
e explanatory information
+  introducing the table. This information is useful for all users, but i=
s especially useful for
+  users who cannot see the table, e.g. users of screen readers.&lt;/p&gt=
;
+
+  &lt;p&gt;Such explanatory information should introduce the purpose of =
the table, outline its basic cell
+  structure, highlight any trends or patterns, and generally teach the u=
ser how to use the
+  table.&lt;/p&gt;
+
+  &lt;!-- Describing the conclusions of the data in a table is useful to=
 everyone; explaining how to
+  read the table, if not obvious from the headers alone, is useful to ev=
eryone; describing the
+  structure of the table, if it is easy to grasp visually, might not be =
useful to everyone, but it
+  might also not be useful to users who can quickly navigate the table w=
ith an accessibility tool.
+  --&gt;
+
+  &lt;p&gt;For instance, the following table:&lt;/p&gt;
+
+  &lt;table&gt;&lt;caption&gt;Characteristics with positive and negative=
 sides&lt;/caption&gt;
+   &lt;thead&gt;&lt;tr&gt;&lt;th id=3Dn&gt; Negative
+     &lt;th&gt; Characteristic
+     &lt;th&gt; Positive
+   &lt;tbody&gt;&lt;tr&gt;&lt;td headers=3D&quot;n r1&quot;&gt; Sad
+     &lt;th id=3Dr1&gt; Mood
+     &lt;td&gt; Happy
+    &lt;tr&gt;&lt;td headers=3D&quot;n r2&quot;&gt; Failing
+     &lt;th id=3Dr2&gt; Grade
+     &lt;td&gt; Passing
+  &lt;/table&gt;&lt;p&gt;...might benefit from a description explaining =
the way the table is laid out, something like
+  &quot;Characteristics are given in the second column, with the negativ=
e side in the left column and the
+  positive side in the right column&quot;.&lt;/p&gt;
+
+  &lt;p&gt;There are a variety of ways to include this information, such=
 as:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;In prose, surrounding the table&lt;/dt&gt;
+
+   &lt;dd&gt;
+    &lt;div class=3Dexample&gt;&lt;pre&gt;&amp;lt;p&amp;gt;In the follow=
ing table, characteristics are given in the second
+column, with the negative side in the left column and the positive
+side in the right column.&amp;lt;/p&amp;gt;
+&amp;lt;table&amp;gt;
+ &amp;lt;caption&amp;gt;Characteristics with positive and negative sides=
&amp;lt;/caption&amp;gt;
+ &amp;lt;thead&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;th id=3D&quot;n&quot;&amp;gt; Negative
+   &amp;lt;th&amp;gt; Characteristic
+   &amp;lt;th&amp;gt; Positive
+ &amp;lt;tbody&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;td headers=3D&quot;n r1&quot;&amp;gt; Sad
+   &amp;lt;th id=3D&quot;r1&quot;&amp;gt; Mood
+   &amp;lt;td&amp;gt; Happy
+  &amp;lt;tr&amp;gt;
+   &amp;lt;td headers=3D&quot;n r2&quot;&amp;gt; Failing
+   &amp;lt;th id=3D&quot;r2&quot;&amp;gt; Grade
+   &amp;lt;td&amp;gt; Passing
+&amp;lt;/table&amp;gt;&lt;/pre&gt;&lt;/div&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;In the table's &lt;code&gt;&lt;a href=3D#the-caption-elemen=
t&gt;caption&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+    &lt;div class=3Dexample&gt;&lt;pre&gt;&amp;lt;table&amp;gt;
+ &amp;lt;caption&amp;gt;
+  &amp;lt;strong&amp;gt;Characteristics with positive and negative sides=
.&amp;lt;/strong&amp;gt;
+  &amp;lt;p&amp;gt;Characteristics are given in the second column, with =
the
+  negative side in the left column and the positive side in the right
+  column.&amp;lt;/p&amp;gt;
+ &amp;lt;/caption&amp;gt;
+ &amp;lt;thead&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;th id=3D&quot;n&quot;&amp;gt; Negative
+   &amp;lt;th&amp;gt; Characteristic
+   &amp;lt;th&amp;gt; Positive
+ &amp;lt;tbody&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;td headers=3D&quot;n r1&quot;&amp;gt; Sad
+   &amp;lt;th id=3D&quot;r1&quot;&amp;gt; Mood
+   &amp;lt;td&amp;gt; Happy
+  &amp;lt;tr&amp;gt;
+   &amp;lt;td headers=3D&quot;n r2&quot;&amp;gt; Failing
+   &amp;lt;th id=3D&quot;r2&quot;&amp;gt; Grade
+   &amp;lt;td&amp;gt; Passing
+&amp;lt;/table&amp;gt;&lt;/pre&gt;&lt;/div&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;In the table's &lt;code&gt;&lt;a href=3D#the-caption-elemen=
t&gt;caption&lt;/a&gt;&lt;/code&gt;, in a &lt;code&gt;&lt;a href=3D#the-d=
etails-element&gt;details&lt;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+   &lt;dd&gt;
+    &lt;div class=3Dexample&gt;&lt;pre&gt;&amp;lt;table&amp;gt;
+ &amp;lt;caption&amp;gt;
+  &amp;lt;strong&amp;gt;Characteristics with positive and negative sides=
.&amp;lt;/strong&amp;gt;
+  &amp;lt;details&amp;gt;
+   &amp;lt;summary&amp;gt;Help&amp;lt;/summary&amp;gt;
+   &amp;lt;p&amp;gt;Characteristics are given in the second column, with=
 the
+   negative side in the left column and the positive side in the right
+   column.&amp;lt;/p&amp;gt;
+  &amp;lt;/details&amp;gt;
+ &amp;lt;/caption&amp;gt;
+ &amp;lt;thead&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;th id=3D&quot;n&quot;&amp;gt; Negative
+   &amp;lt;th&amp;gt; Characteristic
+   &amp;lt;th&amp;gt; Positive
+ &amp;lt;tbody&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;td headers=3D&quot;n r1&quot;&amp;gt; Sad
+   &amp;lt;th id=3D&quot;r1&quot;&amp;gt; Mood
+   &amp;lt;td&amp;gt; Happy
+  &amp;lt;tr&amp;gt;
+   &amp;lt;td headers=3D&quot;n r2&quot;&amp;gt; Failing
+   &amp;lt;th id=3D&quot;r2&quot;&amp;gt; Grade
+   &amp;lt;td&amp;gt; Passing
+&amp;lt;/table&amp;gt;&lt;/pre&gt;&lt;/div&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Next to the table, in the same &lt;code&gt;&lt;a href=3D#th=
e-figure-element&gt;figure&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+    &lt;div class=3Dexample&gt;&lt;pre&gt;&amp;lt;figure&amp;gt;
+ &amp;lt;figcaption&amp;gt;Characteristics with positive and negative si=
des&amp;lt;/figcaption&amp;gt;
+ &amp;lt;p&amp;gt;Characteristics are given in the second column, with t=
he
+ negative side in the left column and the positive side in the right
+ column.&amp;lt;/p&amp;gt;
+ &amp;lt;table&amp;gt;
+  &amp;lt;thead&amp;gt;
+   &amp;lt;tr&amp;gt;
+    &amp;lt;th id=3D&quot;n&quot;&amp;gt; Negative
+    &amp;lt;th&amp;gt; Characteristic
+    &amp;lt;th&amp;gt; Positive
+  &amp;lt;tbody&amp;gt;
+   &amp;lt;tr&amp;gt;
+    &amp;lt;td headers=3D&quot;n r1&quot;&amp;gt; Sad
+    &amp;lt;th id=3D&quot;r1&quot;&amp;gt; Mood
+    &amp;lt;td&amp;gt; Happy
+   &amp;lt;tr&amp;gt;
+    &amp;lt;td headers=3D&quot;n r2&quot;&amp;gt; Failing
+    &amp;lt;th id=3D&quot;r2&quot;&amp;gt; Grade
+    &amp;lt;td&amp;gt; Passing
+ &amp;lt;/table&amp;gt;
+&amp;lt;/figure&amp;gt;&lt;/pre&gt;&lt;/div&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Next to the table, in a &lt;code&gt;&lt;a href=3D#the-figur=
e-element&gt;figure&lt;/a&gt;&lt;/code&gt;'s &lt;code&gt;&lt;a href=3D#th=
e-figcaption-element&gt;figcaption&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+    &lt;div class=3Dexample&gt;&lt;pre&gt;&amp;lt;figure&amp;gt;
+ &amp;lt;figcaption&amp;gt;
+  &amp;lt;strong&amp;gt;Characteristics with positive and negative sides=
&amp;lt;/strong&amp;gt;
+  &amp;lt;p&amp;gt;Characteristics are given in the second column, with =
the
+  negative side in the left column and the positive side in the right
+  column.&amp;lt;/p&amp;gt;
+ &amp;lt;/figcaption&amp;gt;
+ &amp;lt;table&amp;gt;
+  &amp;lt;thead&amp;gt;
+   &amp;lt;tr&amp;gt;
+    &amp;lt;th id=3D&quot;n&quot;&amp;gt; Negative
+    &amp;lt;th&amp;gt; Characteristic
+    &amp;lt;th&amp;gt; Positive
+  &amp;lt;tbody&amp;gt;
+   &amp;lt;tr&amp;gt;
+    &amp;lt;td headers=3D&quot;n r1&quot;&amp;gt; Sad
+    &amp;lt;th id=3D&quot;r1&quot;&amp;gt; Mood
+    &amp;lt;td&amp;gt; Happy
+   &amp;lt;tr&amp;gt;
+    &amp;lt;td headers=3D&quot;n r2&quot;&amp;gt; Failing
+    &amp;lt;th id=3D&quot;r2&quot;&amp;gt; Grade
+    &amp;lt;td&amp;gt; Passing
+ &amp;lt;/table&amp;gt;
+&amp;lt;/figure&amp;gt;&lt;/pre&gt;&lt;/div&gt;
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;Authors may also use other techniques, or combinat=
ions of the above techniques, as
+  appropriate.&lt;/p&gt;
+
+  &lt;p&gt;The best option, of course, rather than writing a description=
 explaining the way the table is
+  laid out, is to adjust the table such that no explanation is needed.&l=
t;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In the case of the table used in the examples above, a simpl=
e rearrangement of the table so
+   that the headers are on the top and left sides removes the need for a=
n explanation as well as
+   removing the need for the use of &lt;code title=3Dattr-tdth-headers&g=
t;&lt;a href=3D#attr-tdth-headers&gt;headers&lt;/a&gt;&lt;/code&gt; attri=
butes:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;table&amp;gt;
+ &amp;lt;caption&amp;gt;Characteristics with positive and negative sides=
&amp;lt;/caption&amp;gt;
+ &amp;lt;thead&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;th&amp;gt; Characteristic
+   &amp;lt;th&amp;gt; Negative
+   &amp;lt;th&amp;gt; Positive
+ &amp;lt;tbody&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;th&amp;gt; Mood
+   &amp;lt;td&amp;gt; Sad
+   &amp;lt;td&amp;gt; Happy
+  &amp;lt;tr&amp;gt;
+   &amp;lt;th&amp;gt; Grade
+   &amp;lt;td&amp;gt; Failing
+   &amp;lt;td&amp;gt; Passing
+&amp;lt;/table&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Dtable-layout-techniques&gt;&lt;span class=3Dsecno&gt;4.9.1=
.2 &lt;/span&gt;Techniques for table design&lt;/h5&gt;
+
+  &lt;p&gt;Good table design is key to making tables more readable and u=
sable.&lt;/p&gt;
+
+  &lt;p&gt;In visual media, providing column and row borders and alterna=
ting row backgrounds can be very
+  effective to make complicated tables more readable.&lt;/p&gt;
+
+  &lt;p&gt;For tables with large volumes of numeric content, using monos=
paced fonts can help users see
+  patterns, especially in situations where a user agent does not render =
the borders. (Unfortunately,
+  for historical reasons, not rendering borders on tables is a common de=
fault.)&lt;/p&gt;
+
+  &lt;p&gt;In speech media, table cells can be distinguished by reportin=
g the corresponding headers before
+  reading the cell's contents, and by allowing users to navigate the tab=
le in a grid fashion, rather
+  than serializing the entire contents of the table in source order.&lt;=
/p&gt;
+
+  &lt;p&gt;Authors are encouraged to use CSS to achieve these effects.&l=
t;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;User agents are encouraged to render tables using these techn=
iques whenever the page does not
+  use CSS and the table is not classified as a layout table.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+
+  &lt;h4 id=3Dthe-caption-element&gt;&lt;span class=3Dsecno&gt;4.9.2 &lt=
;/span&gt;The &lt;dfn&gt;&lt;code&gt;caption&lt;/code&gt;&lt;/dfn&gt; ele=
ment&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;None.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;As the first element child of a &lt;code&gt;&lt;a href=3D#t=
he-table-element&gt;table&lt;/a&gt;&lt;/code&gt; element.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;, but w=
ith no descendant &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt=
;/a&gt;&lt;/code&gt; elements.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmltablecaptionelement&gt=
;HTMLTableCaptionElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLE=
lement&lt;/a&gt; {
+  // &lt;a href=3D&quot;#HTMLTableCaptionElement-partial&quot;&gt;also h=
as obsolete members&lt;/a&gt;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-caption-element&gt;caption&lt;/a&gt;&lt;/code&gt; element &lt;a href=
=3D#represents&gt;represents&lt;/a&gt; the title of the &lt;code&gt;&lt;a=
 href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt;
+  that is its parent, if it has a parent and that is a &lt;code&gt;&lt;a=
 href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; element.&lt;/p=
&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&=
lt;/a&gt;&lt;/code&gt; element takes part in the &lt;a href=3D#table-mode=
l&gt;table model&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&l=
t;/a&gt;&lt;/code&gt; element is the only content in a &lt;code&gt;&lt;a =
href=3D#the-figure-element&gt;figure&lt;/a&gt;&lt;/code&gt; element other
+  than the &lt;code&gt;&lt;a href=3D#the-figcaption-element&gt;figcaptio=
n&lt;/a&gt;&lt;/code&gt;, the &lt;code&gt;&lt;a href=3D#the-caption-eleme=
nt&gt;caption&lt;/a&gt;&lt;/code&gt; element should be omitted in favor o=
f
+  the &lt;code&gt;&lt;a href=3D#the-figcaption-element&gt;figcaption&lt;=
/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p&gt;A caption can introduce context for a table, making it signif=
icantly easier to understand.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Consider, for instance, the following table:&lt;/p&gt;
+
+   &lt;table class=3Ddice-example&gt;&lt;tr&gt;&lt;th&gt;   &lt;th&gt; 1=
 &lt;th&gt; 2 &lt;th&gt; 3 &lt;th&gt; 4 &lt;th&gt; 5 &lt;th&gt; 6
+    &lt;tr&gt;&lt;th&gt; 1 &lt;td&gt; 2 &lt;td&gt; 3 &lt;td&gt; 4 &lt;td=
&gt; 5 &lt;td&gt; 6 &lt;td&gt; 7
+    &lt;tr&gt;&lt;th&gt; 2 &lt;td&gt; 3 &lt;td&gt; 4 &lt;td&gt; 5 &lt;td=
&gt; 6 &lt;td&gt; 7 &lt;td&gt; 8
+    &lt;tr&gt;&lt;th&gt; 3 &lt;td&gt; 4 &lt;td&gt; 5 &lt;td&gt; 6 &lt;td=
&gt; 7 &lt;td&gt; 8 &lt;td&gt; 9
+    &lt;tr&gt;&lt;th&gt; 4 &lt;td&gt; 5 &lt;td&gt; 6 &lt;td&gt; 7 &lt;td=
&gt; 8 &lt;td&gt; 9 &lt;td&gt; 10
+    &lt;tr&gt;&lt;th&gt; 5 &lt;td&gt; 6 &lt;td&gt; 7 &lt;td&gt; 8 &lt;td=
&gt; 9 &lt;td&gt; 10 &lt;td&gt; 11
+    &lt;tr&gt;&lt;th&gt; 6 &lt;td&gt; 7 &lt;td&gt; 8 &lt;td&gt; 9 &lt;td=
&gt; 10 &lt;td&gt; 11 &lt;td&gt; 12
+   &lt;/table&gt;&lt;p&gt;In the abstract, this table is not clear. Howe=
ver, with a caption giving the table's number
+   (for reference in the main prose) and explaining its use, it makes mo=
re sense:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;caption&amp;gt;
+&amp;lt;p&amp;gt;Table 1.
+&amp;lt;p&amp;gt;This table shows the total score obtained from rolling =
two
+six-sided dice. The first row represents the value of the first die,
+the first column the value of the second die. The total is given in
+the cell that corresponds to the values of the two dice.
+&amp;lt;/caption&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;This provides the user with more context:&lt;/p&gt;
+
+   &lt;table class=3Ddice-example&gt;&lt;caption&gt;
+     &lt;p&gt;Table 1.
+     &lt;p&gt;This table shows the total score obtained from rolling two
+     six-sided dice. The first row represents the value of the first
+     die, the first column the value of the second die. The total is
+     given in the cell that corresponds to the values of the two dice.
+    &lt;/caption&gt;
+    &lt;tr&gt;&lt;th&gt;   &lt;th&gt; 1 &lt;th&gt; 2 &lt;th&gt; 3 &lt;th=
&gt; 4 &lt;th&gt; 5 &lt;th&gt; 6
+    &lt;tr&gt;&lt;th&gt; 1 &lt;td&gt; 2 &lt;td&gt; 3 &lt;td&gt; 4 &lt;td=
&gt; 5 &lt;td&gt; 6 &lt;td&gt; 7
+    &lt;tr&gt;&lt;th&gt; 2 &lt;td&gt; 3 &lt;td&gt; 4 &lt;td&gt; 5 &lt;td=
&gt; 6 &lt;td&gt; 7 &lt;td&gt; 8
+    &lt;tr&gt;&lt;th&gt; 3 &lt;td&gt; 4 &lt;td&gt; 5 &lt;td&gt; 6 &lt;td=
&gt; 7 &lt;td&gt; 8 &lt;td&gt; 9
+    &lt;tr&gt;&lt;th&gt; 4 &lt;td&gt; 5 &lt;td&gt; 6 &lt;td&gt; 7 &lt;td=
&gt; 8 &lt;td&gt; 9 &lt;td&gt; 10
+    &lt;tr&gt;&lt;th&gt; 5 &lt;td&gt; 6 &lt;td&gt; 7 &lt;td&gt; 8 &lt;td=
&gt; 9 &lt;td&gt; 10 &lt;td&gt; 11
+    &lt;tr&gt;&lt;th&gt; 6 &lt;td&gt; 7 &lt;td&gt; 8 &lt;td&gt; 9 &lt;td=
&gt; 10 &lt;td&gt; 11 &lt;td&gt; 12
+   &lt;/table&gt;&lt;/div&gt;
+
+
+
+
+  &lt;h4 id=3Dthe-colgroup-element&gt;&lt;span class=3Dsecno&gt;4.9.3 &l=
t;/span&gt;The &lt;dfn&gt;&lt;code&gt;colgroup&lt;/code&gt;&lt;/dfn&gt; e=
lement&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;None.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;As a child of a &lt;code&gt;&lt;a href=3D#the-table-element=
&gt;table&lt;/a&gt;&lt;/code&gt; element, after any
+   &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&lt;/a&gt;&lt=
;/code&gt; elements and before any &lt;code&gt;&lt;a href=3D#the-thead-el=
ement&gt;thead&lt;/a&gt;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/co=
de&gt;, &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt=
;/code&gt;, and &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&=
lt;/code&gt;
+   elements.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;If the &lt;code title=3Dattr-colgroup-span&gt;&lt;a href=3D=
#attr-colgroup-span&gt;span&lt;/a&gt;&lt;/code&gt; attribute is present: =
Empty.&lt;/dd&gt;
+   &lt;dd&gt;If the &lt;code title=3Dattr-colgroup-span&gt;&lt;a href=3D=
#attr-colgroup-span&gt;span&lt;/a&gt;&lt;/code&gt; attribute is absent: Z=
ero or more &lt;code&gt;&lt;a href=3D#the-col-element&gt;col&lt;/a&gt;&lt=
;/code&gt; and &lt;code&gt;&lt;a href=3D#the-template-element&gt;template=
&lt;/a&gt;&lt;/code&gt; elements.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;A &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgrou=
p&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#syntax-start-tag title=3D=
syntax-start-tag&gt;start tag&lt;/a&gt; can be
+   omitted if the first thing inside the &lt;code&gt;&lt;a href=3D#the-c=
olgroup-element&gt;colgroup&lt;/a&gt;&lt;/code&gt; element is a &lt;code&=
gt;&lt;a href=3D#the-col-element&gt;col&lt;/a&gt;&lt;/code&gt; element,
+   and if the element is not immediately preceded by another &lt;code&gt=
;&lt;a href=3D#the-colgroup-element&gt;colgroup&lt;/a&gt;&lt;/code&gt; el=
ement whose
+   &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-tag&gt;end tag&lt;/a&=
gt; has been omitted. (It can't be omitted if the element
+   is empty.)&lt;/dd&gt;
+   &lt;dd&gt;A &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgrou=
p&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Ds=
yntax-end-tag&gt;end tag&lt;/a&gt; can be omitted if
+   the &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup&lt;/a&=
gt;&lt;/code&gt; element is not immediately followed by a &lt;a href=3D#s=
pace-character&gt;space character&lt;/a&gt; or
+   a &lt;a href=3D#syntax-comments title=3Dsyntax-comments&gt;comment&lt=
;/a&gt;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-colgroup-span&gt;&lt;a href=3D#attr-c=
olgroup-span&gt;span&lt;/a&gt;&lt;/code&gt; &amp;mdash; Number of columns=
 spanned by the element&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmltablecolelement&gt;HTM=
LTableColElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&l=
t;/a&gt; {
+           attribute unsigned long &lt;a href=3D#dom-colgroup-span title=
=3Ddom-colgroup-span&gt;span&lt;/a&gt;;
+
+  // &lt;a href=3D&quot;#HTMLTableColElement-partial&quot;&gt;also has o=
bsolete members&lt;/a&gt;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-colgroup-element&gt;colgroup&lt;/a&gt;&lt;/code&gt; element &lt;a hr=
ef=3D#represents&gt;represents&lt;/a&gt; a &lt;a href=3D#concept-column-g=
roup title=3Dconcept-column-group&gt;group&lt;/a&gt; of one or more &lt;a=
 href=3D#concept-column title=3Dconcept-column&gt;columns&lt;/a&gt; in th=
e &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code=
&gt; that is its parent, if it has a
+  parent and that is a &lt;code&gt;&lt;a href=3D#the-table-element&gt;ta=
ble&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colg=
roup&lt;/a&gt;&lt;/code&gt; element contains no &lt;code&gt;&lt;a href=3D=
#the-col-element&gt;col&lt;/a&gt;&lt;/code&gt; elements, then the element
+  may have a &lt;dfn id=3Dattr-colgroup-span title=3Dattr-colgroup-span&=
gt;&lt;code&gt;span&lt;/code&gt;&lt;/dfn&gt; content attribute specified,
+  whose value must be a &lt;a href=3D#valid-non-negative-integer&gt;vali=
d non-negative integer&lt;/a&gt; greater than zero.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgrou=
p&lt;/a&gt;&lt;/code&gt; element and its &lt;code title=3Dattr-colgroup-s=
pan&gt;&lt;a href=3D#attr-colgroup-span&gt;span&lt;/a&gt;&lt;/code&gt;
+  attribute take part in the &lt;a href=3D#table-model&gt;table model&lt=
;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-colgroup-span title=3Ddom-colgroup-span&=
gt;&lt;code&gt;span&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content attribute of th=
e same name. The value must be &lt;a href=3D#limited-to-only-non-negative=
-numbers-greater-than-zero&gt;limited to
+  only non-negative numbers greater than zero&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dthe-col-element&gt;&lt;span class=3Dsecno&gt;4.9.4 &lt;/sp=
an&gt;The &lt;dfn&gt;&lt;code&gt;col&lt;/code&gt;&lt;/dfn&gt; element&lt;=
/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;None.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;As a child of a &lt;code&gt;&lt;a href=3D#the-colgroup-elem=
ent&gt;colgroup&lt;/a&gt;&lt;/code&gt; element that doesn't have
+   a &lt;code title=3Dattr-col-span&gt;&lt;a href=3D#attr-col-span&gt;sp=
an&lt;/a&gt;&lt;/code&gt; attribute.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Empty.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;No &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-tag&gt;e=
nd tag&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-col-span&gt;&lt;a href=3D#attr-col-sp=
an&gt;span&lt;/a&gt;&lt;/code&gt; &amp;mdash; Number of columns spanned b=
y the element&lt;/dd&gt;
+   &lt;!-- v2: char, to specify the decimal character used in numeric da=
ta cells in the column (not header cells) --&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;code&gt;&lt;a href=3D#htmltablecolelement&gt;HTMLTableC=
olElement&lt;/a&gt;&lt;/code&gt;, same as for
+    &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup&lt;/a&gt;=
&lt;/code&gt; elements. This interface defines one member,
+    &lt;code title=3Ddom-col-span&gt;&lt;a href=3D#dom-col-span&gt;span&=
lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;If a &lt;code&gt;&lt;a href=
=3D#the-col-element&gt;col&lt;/a&gt;&lt;/code&gt; element has a parent an=
d that is a &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup&lt=
;/a&gt;&lt;/code&gt; element that
+  itself has a parent that is a &lt;code&gt;&lt;a href=3D#the-table-elem=
ent&gt;table&lt;/a&gt;&lt;/code&gt; element, then the &lt;code&gt;&lt;a h=
ref=3D#the-col-element&gt;col&lt;/a&gt;&lt;/code&gt; element
+  &lt;a href=3D#represents&gt;represents&lt;/a&gt; one or more &lt;a hre=
f=3D#concept-column title=3Dconcept-column&gt;columns&lt;/a&gt; in the &l=
t;a href=3D#concept-column-group title=3Dconcept-column-group&gt;column g=
roup&lt;/a&gt; represented by that &lt;code&gt;&lt;a href=3D#the-colgroup=
-element&gt;colgroup&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The element may have a &lt;dfn id=3Dattr-col-span title=3Datt=
r-col-span&gt;&lt;code&gt;span&lt;/code&gt;&lt;/dfn&gt; content attribute
+  specified, whose value must be a &lt;a href=3D#valid-non-negative-inte=
ger&gt;valid non-negative integer&lt;/a&gt; greater than zero.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-col-element&gt;col&lt;/a&gt=
;&lt;/code&gt; element and its &lt;code title=3Dattr-col-span&gt;&lt;a hr=
ef=3D#attr-col-span&gt;span&lt;/a&gt;&lt;/code&gt; attribute take
+  part in the &lt;a href=3D#table-model&gt;table model&lt;/a&gt;.&lt;/p&=
gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-col-span title=3Ddom-col-span&gt;&lt;cod=
e&gt;span&lt;/code&gt;&lt;/dfn&gt; IDL attribute must &lt;a href=3D#refle=
ct&gt;reflect&lt;/a&gt;
+  the content attribute of the same name. The value must be &lt;a href=3D=
#limited-to-only-non-negative-numbers-greater-than-zero&gt;limited to onl=
y non-negative
+  numbers greater than zero&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dthe-tbody-element&gt;&lt;span class=3Dsecno&gt;4.9.5 &lt;/=
span&gt;The &lt;dfn&gt;&lt;code&gt;tbody&lt;/code&gt;&lt;/dfn&gt; element=
&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;None.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;As a child of a &lt;code&gt;&lt;a href=3D#the-table-element=
&gt;table&lt;/a&gt;&lt;/code&gt; element, after any
+   &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&lt;/a&gt;&lt=
;/code&gt;, &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup&lt=
;/a&gt;&lt;/code&gt;, and
+   &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/co=
de&gt; elements, but only if there are no
+   &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;=
 elements that are children of the
+   &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/co=
de&gt; element.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Zero or more &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr=
&lt;/a&gt;&lt;/code&gt; and &lt;a href=3D#script-supporting-elements titl=
e=3D&quot;script-supporting elements&quot;&gt;script-supporting&lt;/a&gt;=
 elements&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;A &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/=
a&gt;&lt;/code&gt; element's &lt;a href=3D#syntax-start-tag title=3Dsynta=
x-start-tag&gt;start tag&lt;/a&gt; can be omitted
+   if the first thing inside the &lt;code&gt;&lt;a href=3D#the-tbody-ele=
ment&gt;tbody&lt;/a&gt;&lt;/code&gt; element is a &lt;code&gt;&lt;a href=3D=
#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; element, and if the
+   element is not immediately preceded by a &lt;code&gt;&lt;a href=3D#th=
e-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D=
#the-thead-element&gt;thead&lt;/a&gt;&lt;/code&gt;, or
+   &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/co=
de&gt; element whose &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-tag&=
gt;end tag&lt;/a&gt; has been omitted. (It
+   can't be omitted if the element is empty.)&lt;/dd&gt;
+   &lt;dd&gt;A &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/=
a&gt;&lt;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-=
end-tag&gt;end tag&lt;/a&gt; can be omitted if
+   the &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt=
;/code&gt; element is immediately followed by a &lt;code&gt;&lt;a href=3D=
#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt; or
+   &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/co=
de&gt; element, or if there is no more content in the parent element.&lt;=
/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+    &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmltablesectionelemen=
t&gt;HTMLTableSectionElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;H=
TMLElement&lt;/a&gt; {
+  readonly attribute &lt;a href=3D#htmlcollection&gt;HTMLCollection&lt;/=
a&gt; &lt;a href=3D#dom-tbody-rows title=3Ddom-tbody-rows&gt;rows&lt;/a&g=
t;;
+  &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&gt; &lt;a href=3D#dom-t=
body-insertrow title=3Ddom-tbody-insertRow&gt;insertRow&lt;/a&gt;(optiona=
l long index =3D -1);
+  void &lt;a href=3D#dom-tbody-deleterow title=3Ddom-tbody-deleteRow&gt;=
deleteRow&lt;/a&gt;(long index);
+
+  // &lt;a href=3D&quot;#HTMLTableSectionElement-partial&quot;&gt;also h=
as obsolete members&lt;/a&gt;
+};&lt;/pre&gt;
+    &lt;p&gt;The &lt;code&gt;&lt;a href=3D#htmltablesectionelement&gt;HT=
MLTableSectionElement&lt;/a&gt;&lt;/code&gt; interface is also
+    used for &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&=
gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot=
&lt;/a&gt;&lt;/code&gt; elements.&lt;/p&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D#=
represents&gt;represents&lt;/a&gt; a &lt;a href=3D#concept-row-group titl=
e=3Dconcept-row-group&gt;block&lt;/a&gt; of &lt;a href=3D#concept-row tit=
le=3Dconcept-row&gt;rows&lt;/a&gt; that consist of a
+  body of data for the parent &lt;code&gt;&lt;a href=3D#the-table-elemen=
t&gt;table&lt;/a&gt;&lt;/code&gt; element, if the &lt;code&gt;&lt;a href=3D=
#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt; element has a
+  parent and it is a &lt;code&gt;&lt;a href=3D#the-table-element&gt;tabl=
e&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/=
a&gt;&lt;/code&gt; element takes part in the &lt;a href=3D#table-model&gt=
;table model&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;t=
body&lt;/var&gt; . &lt;code title=3Ddom-tbody-rows&gt;&lt;a href=3D#dom-t=
body-rows&gt;rows&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns an &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTML=
Collection&lt;/a&gt;&lt;/code&gt; of the &lt;code&gt;&lt;a href=3D#the-tr=
-element&gt;tr&lt;/a&gt;&lt;/code&gt; elements of the table
+    section.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;tr&lt;/var&gt; =3D &lt;var =
title=3D&quot;&quot;&gt;tbody&lt;/var&gt; . &lt;code title=3Ddom-tbody-in=
sertRow&gt;&lt;a href=3D#dom-tbody-insertrow&gt;insertRow&lt;/a&gt;&lt;/c=
ode&gt;( [ &lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt; ] )&lt;/dt&g=
t;
+   &lt;dd&gt;
+
+    &lt;p&gt;Creates a &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt=
;/a&gt;&lt;/code&gt; element, inserts it into the table section at the po=
sition given by
+    the argument, and returns the &lt;code&gt;&lt;a href=3D#the-tr-eleme=
nt&gt;tr&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+    &lt;p&gt;The position is relative to the rows in the table section. =
The index &amp;minus;1, which is the
+    default if the argument is omitted, is equivalent to inserting at th=
e end of the table
+    section.&lt;/p&gt;
+
+    &lt;p&gt;If the given position is less than &amp;minus;1 or greater =
than the number of rows, throws an
+    &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;IndexSizeError&lt;/a&gt;=
&lt;/code&gt; exception.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;tbody&lt;/var&gt; . &lt;cod=
e title=3Ddom-tbody-deleteRow&gt;&lt;a href=3D#dom-tbody-deleterow&gt;del=
eteRow&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;index&lt;/v=
ar&gt;)&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Removes the &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&=
lt;/a&gt;&lt;/code&gt; element with the given position in the table secti=
on.&lt;/p&gt;
+
+    &lt;p&gt;The position is relative to the rows in the table section. =
The index &amp;minus;1 is equivalent
+    to deleting the last row of the table section.&lt;/p&gt;
+
+    &lt;p&gt;If the given position is less than &amp;minus;1 or greater =
than the index of the last row, or if
+    there are no rows, throws an &lt;code&gt;&lt;a href=3D#indexsizeerro=
r&gt;IndexSizeError&lt;/a&gt;&lt;/code&gt; exception.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tbody-rows title=3Ddom-tbody-rows&gt;&lt=
;code&gt;rows&lt;/code&gt;&lt;/dfn&gt; attribute must return an
+  &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTMLCollection&lt;/a&gt;&l=
t;/code&gt; rooted at the element, whose filter matches only &lt;code&gt;=
&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;
+  elements that are children of the element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tbody-insertrow title=3Ddom-tbody-insert=
Row&gt;&lt;code&gt;insertRow(&lt;var title=3D&quot;&quot;&gt;index&lt;/va=
r&gt;)&lt;/code&gt;&lt;/dfn&gt;
+  method must, when invoked on an element &lt;var title=3D&quot;&quot;&g=
t;table section&lt;/var&gt;, act as follows:&lt;/p&gt;
+
+  &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt; is less =
than &amp;minus;1 or greater than the number of elements in
+  the &lt;code title=3Ddom-tbody-rows&gt;&lt;a href=3D#dom-tbody-rows&gt=
;rows&lt;/a&gt;&lt;/code&gt; collection, the method must throw an
+  &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;IndexSizeError&lt;/a&gt;&l=
t;/code&gt; exception.&lt;/p&gt;
+
+  &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt; is &amp;=
minus;1 or equal to the number of items in the &lt;code title=3Ddom-tbody=
-rows&gt;&lt;a href=3D#dom-tbody-rows&gt;rows&lt;/a&gt;&lt;/code&gt; coll=
ection, the method must create a &lt;code&gt;&lt;a href=3D#the-tr-element=
&gt;tr&lt;/a&gt;&lt;/code&gt; element,
+  append it to the element &lt;var title=3D&quot;&quot;&gt;table section=
&lt;/var&gt;, and return the newly created
+  &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; =
element.&lt;/p&gt;
+
+  &lt;p&gt;Otherwise, the method must create a &lt;code&gt;&lt;a href=3D=
#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; element, insert it as a chil=
d of the &lt;var title=3D&quot;&quot;&gt;table section&lt;/var&gt; elemen=
t, immediately before the &lt;var title=3D&quot;&quot;&gt;index&lt;/var&g=
t;th
+  &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; =
element in the &lt;code title=3Ddom-tbody-rows&gt;&lt;a href=3D#dom-tbody=
-rows&gt;rows&lt;/a&gt;&lt;/code&gt; collection, and finally
+  must return the newly created &lt;code&gt;&lt;a href=3D#the-tr-element=
&gt;tr&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tbody-deleterow title=3Ddom-tbody-delete=
Row&gt;&lt;code&gt;deleteRow(&lt;var title=3D&quot;&quot;&gt;index&lt;/va=
r&gt;)&lt;/code&gt;&lt;/dfn&gt;
+  method must remove the &lt;var title=3D&quot;&quot;&gt;index&lt;/var&g=
t;th element in the &lt;code title=3Ddom-tbody-rows&gt;&lt;a href=3D#dom-=
tbody-rows&gt;rows&lt;/a&gt;&lt;/code&gt; collection from its parent. If =
&lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt; is
+  less than zero or greater than or equal to the number of elements in t=
he &lt;code title=3Ddom-tbody-rows&gt;&lt;a href=3D#dom-tbody-rows&gt;row=
s&lt;/a&gt;&lt;/code&gt; collection, the method must instead throw an
+  &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;IndexSizeError&lt;/a&gt;&l=
t;/code&gt; exception.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+
+  &lt;h4 id=3Dthe-thead-element&gt;&lt;span class=3Dsecno&gt;4.9.6 &lt;/=
span&gt;The &lt;dfn&gt;&lt;code&gt;thead&lt;/code&gt;&lt;/dfn&gt; element=
&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;None.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;As a child of a &lt;code&gt;&lt;a href=3D#the-table-element=
&gt;table&lt;/a&gt;&lt;/code&gt; element, after any
+   &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&lt;/a&gt;&lt=
;/code&gt;, and &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgrou=
p&lt;/a&gt;&lt;/code&gt;
+   elements and before any &lt;code&gt;&lt;a href=3D#the-tbody-element&g=
t;tbody&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-tfoot-eleme=
nt&gt;tfoot&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;=
 elements, but only if there are no other
+   &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/co=
de&gt; elements that are children of the
+   &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/co=
de&gt; element.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Zero or more &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr=
&lt;/a&gt;&lt;/code&gt; and &lt;a href=3D#script-supporting-elements titl=
e=3D&quot;script-supporting elements&quot;&gt;script-supporting&lt;/a&gt;=
 elements&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;A &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/=
a&gt;&lt;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-=
end-tag&gt;end tag&lt;/a&gt; can be omitted if
+   the &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt=
;/code&gt; element is immediately followed by a &lt;code&gt;&lt;a href=3D=
#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt; or
+   &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/co=
de&gt; element.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;&lt;code&gt;&lt;a href=3D#htmltablesectionelement&gt;HTMLTa=
bleSectionElement&lt;/a&gt;&lt;/code&gt;, as defined for
+   &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/co=
de&gt; elements.&lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-thead-element&gt;thead&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D#=
represents&gt;represents&lt;/a&gt; the &lt;a href=3D#concept-row-group ti=
tle=3Dconcept-row-group&gt;block&lt;/a&gt; of &lt;a href=3D#concept-row t=
itle=3Dconcept-row&gt;rows&lt;/a&gt; that consist of
+  the column labels (headers) for the parent &lt;code&gt;&lt;a href=3D#t=
he-table-element&gt;table&lt;/a&gt;&lt;/code&gt; element, if the &lt;code=
&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/code&gt;
+  element has a parent and it is a &lt;code&gt;&lt;a href=3D#the-table-e=
lement&gt;table&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/=
a&gt;&lt;/code&gt; element takes part in the &lt;a href=3D#table-model&gt=
;table model&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This example shows a &lt;code&gt;&lt;a href=3D#the-thead-ele=
ment&gt;thead&lt;/a&gt;&lt;/code&gt; element being used. Notice the use o=
f both
+   &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt;=
 and &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt=
; elements in the &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt=
;/a&gt;&lt;/code&gt; element: the first row is
+   the headers, and the second row is an explanation of how to fill in t=
he table.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;table&amp;gt;
+ &amp;lt;caption&amp;gt; School auction sign-up sheet &amp;lt;/caption&a=
mp;gt;
+&lt;strong&gt; &amp;lt;thead&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;th&amp;gt;&amp;lt;label for=3De1&amp;gt;Name&amp;lt;/label&am=
p;gt;
+   &amp;lt;th&amp;gt;&amp;lt;label for=3De2&amp;gt;Product&amp;lt;/label=
&amp;gt;
+   &amp;lt;th&amp;gt;&amp;lt;label for=3De3&amp;gt;Picture&amp;lt;/label=
&amp;gt;
+   &amp;lt;th&amp;gt;&amp;lt;label for=3De4&amp;gt;Price&amp;lt;/label&a=
mp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;td&amp;gt;Your name here
+   &amp;lt;td&amp;gt;What are you selling?
+   &amp;lt;td&amp;gt;Link to a picture
+   &amp;lt;td&amp;gt;Your reserve price
+&lt;/strong&gt; &amp;lt;tbody&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;td&amp;gt;Ms Danus
+   &amp;lt;td&amp;gt;Doughnuts
+   &amp;lt;td&amp;gt;&amp;lt;img src=3D&quot;http://example.com/mydoughn=
uts.png&quot; title=3D&quot;Doughnuts from Ms Danus&quot;&amp;gt;
+   &amp;lt;td&amp;gt;$45
+  &amp;lt;tr&amp;gt;
+   &amp;lt;td&amp;gt;&amp;lt;input id=3De1 type=3Dtext name=3Dwho requir=
ed form=3Df&amp;gt;
+   &amp;lt;td&amp;gt;&amp;lt;input id=3De2 type=3Dtext name=3Dwhat requi=
red form=3Df&amp;gt;
+   &amp;lt;td&amp;gt;&amp;lt;input id=3De3 type=3Durl name=3Dpic form=3D=
f&amp;gt;
+   &amp;lt;td&amp;gt;&amp;lt;input id=3De4 type=3Dnumber step=3D0.01 min=
=3D0 value=3D0 required form=3Df&amp;gt;
+&amp;lt;/table&amp;gt;
+&amp;lt;form id=3Df action=3D&quot;/auction.cgi&quot;&amp;gt;
+ &amp;lt;input type=3Dbutton name=3Dadd value=3D&quot;Submit&quot;&amp;g=
t;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dthe-tfoot-element&gt;&lt;span class=3Dsecno&gt;4.9.7 &lt;/=
span&gt;The &lt;dfn&gt;&lt;code&gt;tfoot&lt;/code&gt;&lt;/dfn&gt; element=
&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;None.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;As a child of a &lt;code&gt;&lt;a href=3D#the-table-element=
&gt;table&lt;/a&gt;&lt;/code&gt; element, after any
+   &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&lt;/a&gt;&lt=
;/code&gt;, &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup&lt=
;/a&gt;&lt;/code&gt;, and &lt;code&gt;&lt;a href=3D#the-thead-element&gt;=
thead&lt;/a&gt;&lt;/code&gt;
+   elements and before any &lt;code&gt;&lt;a href=3D#the-tbody-element&g=
t;tbody&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-tr-eleme=
nt&gt;tr&lt;/a&gt;&lt;/code&gt;
+   elements, but only if there are no other &lt;code&gt;&lt;a href=3D#th=
e-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/code&gt;
+   elements that are children of the &lt;code&gt;&lt;a href=3D#the-table=
-element&gt;table&lt;/a&gt;&lt;/code&gt; element.&lt;/dd&gt;
+   &lt;dd&gt;As a child of a &lt;code&gt;&lt;a href=3D#the-table-element=
&gt;table&lt;/a&gt;&lt;/code&gt; element, after any
+   &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&lt;/a&gt;&lt=
;/code&gt;, &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup&lt=
;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thea=
d&lt;/a&gt;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/co=
de&gt;, and &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/=
code&gt; elements, but only if there
+   are no other &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;=
/a&gt;&lt;/code&gt; elements that are children of the
+   &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/co=
de&gt; element.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Zero or more &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr=
&lt;/a&gt;&lt;/code&gt; and &lt;a href=3D#script-supporting-elements titl=
e=3D&quot;script-supporting elements&quot;&gt;script-supporting&lt;/a&gt;=
 elements&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;A &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/=
a&gt;&lt;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-=
end-tag&gt;end tag&lt;/a&gt; can be omitted if
+   the &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt=
;/code&gt; element is immediately followed by a &lt;code&gt;&lt;a href=3D=
#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt; element, or if
+   there is no more content in the parent element.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;&lt;code&gt;&lt;a href=3D#htmltablesectionelement&gt;HTMLTa=
bleSectionElement&lt;/a&gt;&lt;/code&gt;, as defined for
+   &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/co=
de&gt; elements.&lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D#=
represents&gt;represents&lt;/a&gt; the &lt;a href=3D#concept-row-group ti=
tle=3Dconcept-row-group&gt;block&lt;/a&gt; of &lt;a href=3D#concept-row t=
itle=3Dconcept-row&gt;rows&lt;/a&gt; that consist of
+  the column summaries (footers) for the parent &lt;code&gt;&lt;a href=3D=
#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; element, if the
+  &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/cod=
e&gt; element has a parent and it is a &lt;code&gt;&lt;a href=3D#the-tabl=
e-element&gt;table&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/=
a&gt;&lt;/code&gt; element takes part in the &lt;a href=3D#table-model&gt=
;table
+  model&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dthe-tr-element&gt;&lt;span class=3Dsecno&gt;4.9.8 &lt;/spa=
n&gt;The &lt;dfn&gt;&lt;code&gt;tr&lt;/code&gt;&lt;/dfn&gt; element&lt;/h=
4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;None.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;As a child of a &lt;code&gt;&lt;a href=3D#the-thead-element=
&gt;thead&lt;/a&gt;&lt;/code&gt; element.&lt;/dd&gt;
+   &lt;dd&gt;As a child of a &lt;code&gt;&lt;a href=3D#the-tbody-element=
&gt;tbody&lt;/a&gt;&lt;/code&gt; element.&lt;/dd&gt;
+   &lt;dd&gt;As a child of a &lt;code&gt;&lt;a href=3D#the-tfoot-element=
&gt;tfoot&lt;/a&gt;&lt;/code&gt; element.&lt;/dd&gt;
+   &lt;dd&gt;As a child of a &lt;code&gt;&lt;a href=3D#the-table-element=
&gt;table&lt;/a&gt;&lt;/code&gt; element, after any
+   &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&lt;/a&gt;&lt=
;/code&gt;, &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup&lt=
;/a&gt;&lt;/code&gt;, and &lt;code&gt;&lt;a href=3D#the-thead-element&gt;=
thead&lt;/a&gt;&lt;/code&gt;
+   elements, but only if there are no &lt;code&gt;&lt;a href=3D#the-tbod=
y-element&gt;tbody&lt;/a&gt;&lt;/code&gt; elements that
+   are children of the &lt;code&gt;&lt;a href=3D#the-table-element&gt;ta=
ble&lt;/a&gt;&lt;/code&gt; element.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Zero or more &lt;code&gt;&lt;a href=3D#the-td-element&gt;td=
&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&l=
t;/a&gt;&lt;/code&gt;, and &lt;a href=3D#script-supporting-elements title=
=3D&quot;script-supporting elements&quot;&gt;script-supporting&lt;/a&gt; =
elements&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;A &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&=
lt;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-ta=
g&gt;end tag&lt;/a&gt; can be omitted if the
+   &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;=
 element is immediately followed by another &lt;code&gt;&lt;a href=3D#the=
-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; element, or if there is
+   no more content in the parent element.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+    &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmltablerowelement&gt=
;HTMLTableRowElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLEleme=
nt&lt;/a&gt; {
+  readonly attribute long &lt;a href=3D#dom-tr-rowindex title=3Ddom-tr-r=
owIndex&gt;rowIndex&lt;/a&gt;;
+  readonly attribute long &lt;a href=3D#dom-tr-sectionrowindex title=3Dd=
om-tr-sectionRowIndex&gt;sectionRowIndex&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#htmlcollection&gt;HTMLCollection&lt;/=
a&gt; &lt;a href=3D#dom-tr-cells title=3Ddom-tr-cells&gt;cells&lt;/a&gt;;
+  &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&gt; &lt;a href=3D#dom-t=
r-insertcell title=3Ddom-tr-insertCell&gt;insertCell&lt;/a&gt;(optional l=
ong index =3D -1);
+  void &lt;a href=3D#dom-tr-deletecell title=3Ddom-tr-deleteCell&gt;dele=
teCell&lt;/a&gt;(long index);
+
+  // &lt;a href=3D&quot;#HTMLTableRowElement-partial&quot;&gt;also has o=
bsolete members&lt;/a&gt;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D#repres=
ents&gt;represents&lt;/a&gt; a &lt;a href=3D#concept-row title=3Dconcept-=
row&gt;row&lt;/a&gt; of
+  &lt;a href=3D#concept-cell title=3Dconcept-cell&gt;cells&lt;/a&gt; in =
a &lt;a href=3D#concept-table title=3Dconcept-table&gt;table&lt;/a&gt;.&l=
t;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&=
lt;/code&gt; element takes part in the &lt;a href=3D#table-model&gt;table=
 model&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;t=
r&lt;/var&gt; . &lt;code title=3Ddom-tr-rowIndex&gt;&lt;a href=3D#dom-tr-=
rowindex&gt;rowIndex&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the position of the row in the table's &lt;code tit=
le=3Ddom-table-rows&gt;&lt;a href=3D#dom-table-rows&gt;rows&lt;/a&gt;&lt;=
/code&gt;
+    list.&lt;/p&gt;
+
+    &lt;p&gt;Returns &amp;minus;1 if the element isn't in a table.&lt;/p=
&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;tr&lt;/var&gt; . &lt;code t=
itle=3Ddom-tr-sectionRowIndex&gt;&lt;a href=3D#dom-tr-sectionrowindex&gt;=
sectionRowIndex&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the position of the row in the table section's &lt;=
code title=3Ddom-tbody-rows&gt;&lt;a href=3D#dom-tbody-rows&gt;rows&lt;/a=
&gt;&lt;/code&gt; list.&lt;/p&gt;
+
+    &lt;p&gt;Returns &amp;minus;1 if the element isn't in a table sectio=
n.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;tr&lt;/var&gt; . &lt;code t=
itle=3Ddom-tr-cells&gt;&lt;a href=3D#dom-tr-cells&gt;cells&lt;/a&gt;&lt;/=
code&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns an &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTML=
Collection&lt;/a&gt;&lt;/code&gt; of the &lt;code&gt;&lt;a href=3D#the-td=
-element&gt;td&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-t=
h-element&gt;th&lt;/a&gt;&lt;/code&gt; elements of
+    the row.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;cell&lt;/var&gt; =3D &lt;va=
r title=3D&quot;&quot;&gt;tr&lt;/var&gt; . &lt;code title=3Ddom-tr-insert=
Cell&gt;&lt;a href=3D#dom-tr-insertcell&gt;insertCell&lt;/a&gt;&lt;/code&=
gt;( [ &lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt; ] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Creates a &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt=
;/a&gt;&lt;/code&gt; element, inserts it into the table row at the positi=
on given by the
+    argument, and returns the &lt;code&gt;&lt;a href=3D#the-td-element&g=
t;td&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+    &lt;p&gt;The position is relative to the cells in the row. The index=
 &amp;minus;1, which is the default
+    if the argument is omitted, is equivalent to inserting at the end of=
 the row.&lt;/p&gt;
+
+    &lt;p&gt;If the given position is less than &amp;minus;1 or greater =
than the number of cells, throws an
+    &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;IndexSizeError&lt;/a&gt;=
&lt;/code&gt; exception.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;tr&lt;/var&gt; . &lt;code t=
itle=3Ddom-tr-deleteCell&gt;&lt;a href=3D#dom-tr-deletecell&gt;deleteCell=
&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt;=
)&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Removes the &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&=
lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&=
lt;/a&gt;&lt;/code&gt; element with the given position in the
+    row.&lt;/p&gt;
+
+    &lt;p&gt;The position is relative to the cells in the row. The index=
 &amp;minus;1 is equivalent to
+    deleting the last cell of the row.&lt;/p&gt;
+
+    &lt;p&gt;If the given position is less than &amp;minus;1 or greater =
than the index of the last cell, or
+    if there are no cells, throws an &lt;code&gt;&lt;a href=3D#indexsize=
error&gt;IndexSizeError&lt;/a&gt;&lt;/code&gt; exception.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tr-rowindex title=3Ddom-tr-rowIndex&gt;&=
lt;code&gt;rowIndex&lt;/code&gt;&lt;/dfn&gt; attribute must, if the eleme=
nt has
+  a parent &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt=
;&lt;/code&gt; element, or a parent &lt;code&gt;&lt;a href=3D#the-tbody-e=
lement&gt;tbody&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-the=
ad-element&gt;thead&lt;/a&gt;&lt;/code&gt;, or
+  &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/cod=
e&gt; element and a &lt;em&gt;grandparent&lt;/em&gt; &lt;code&gt;&lt;a hr=
ef=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; element, return t=
he index
+  of the &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/co=
de&gt; element in that &lt;code&gt;&lt;a href=3D#the-table-element&gt;tab=
le&lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Ddom-table-rows&gt;&l=
t;a href=3D#dom-table-rows&gt;rows&lt;/a&gt;&lt;/code&gt; collection. If =
there is no such &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;=
/a&gt;&lt;/code&gt; element,
+  then the attribute must return &amp;minus;1.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tr-sectionrowindex title=3Ddom-tr-sectio=
nRowIndex&gt;&lt;code&gt;sectionRowIndex&lt;/code&gt;&lt;/dfn&gt; attribu=
te must, if
+  the element has a parent &lt;code&gt;&lt;a href=3D#the-table-element&g=
t;table&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-tbody-eleme=
nt&gt;tbody&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-thead-e=
lement&gt;thead&lt;/a&gt;&lt;/code&gt;, or
+  &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/cod=
e&gt; element, return the index of the &lt;code&gt;&lt;a href=3D#the-tr-e=
lement&gt;tr&lt;/a&gt;&lt;/code&gt; element in the parent
+  element's &lt;code title=3D&quot;&quot;&gt;rows&lt;/code&gt; collectio=
n (for tables, that's the &lt;code title=3Ddom-table-rows&gt;&lt;a href=3D=
#dom-table-rows&gt;HTMLTableElement.rows&lt;/a&gt;&lt;/code&gt; collectio=
n; for table sections, that's the
+  &lt;code title=3Ddom-tbody-rows&gt;&lt;a href=3D#dom-tbody-rows&gt;HTM=
LTableRowElement.rows&lt;/a&gt;&lt;/code&gt; collection). If there is no =
such
+  parent element, then the attribute must return &amp;minus;1.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tr-cells title=3Ddom-tr-cells&gt;&lt;cod=
e&gt;cells&lt;/code&gt;&lt;/dfn&gt; attribute must return an
+  &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTMLCollection&lt;/a&gt;&l=
t;/code&gt; rooted at the &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&=
lt;/a&gt;&lt;/code&gt; element, whose filter matches only
+  &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt; =
and &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt;=
 elements that are children of the &lt;code&gt;&lt;a href=3D#the-tr-eleme=
nt&gt;tr&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tr-insertcell title=3Ddom-tr-insertCell&=
gt;&lt;code&gt;insertCell(&lt;var title=3D&quot;&quot;&gt;index&lt;/var&g=
t;)&lt;/code&gt;&lt;/dfn&gt;
+  method must act as follows:&lt;/p&gt;
+
+  &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt; is less =
than &amp;minus;1 or greater than the number of elements in
+  the &lt;code title=3Ddom-tr-cells&gt;&lt;a href=3D#dom-tr-cells&gt;cel=
ls&lt;/a&gt;&lt;/code&gt; collection, the method must throw an
+  &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;IndexSizeError&lt;/a&gt;&l=
t;/code&gt; exception.&lt;/p&gt;
+
+  &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt; is equal=
 to &amp;minus;1 or equal to the number of items in &lt;code title=3Ddom-=
tr-cells&gt;&lt;a href=3D#dom-tr-cells&gt;cells&lt;/a&gt;&lt;/code&gt; co=
llection, the method must create a &lt;code&gt;&lt;a href=3D#the-td-eleme=
nt&gt;td&lt;/a&gt;&lt;/code&gt; element,
+  append it to the &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&=
gt;&lt;/code&gt; element, and return the newly created &lt;code&gt;&lt;a =
href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt;
+  element.&lt;/p&gt;
+
+  &lt;p&gt;Otherwise, the method must create a &lt;code&gt;&lt;a href=3D=
#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt; element, insert it as a chil=
d of the
+  &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; =
element, immediately before the &lt;var title=3D&quot;&quot;&gt;index&lt;=
/var&gt;th &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/c=
ode&gt; or
+  &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; =
element in the &lt;code title=3Ddom-tr-cells&gt;&lt;a href=3D#dom-tr-cell=
s&gt;cells&lt;/a&gt;&lt;/code&gt; collection, and finally
+  must return the newly created &lt;code&gt;&lt;a href=3D#the-td-element=
&gt;td&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tr-deletecell title=3Ddom-tr-deleteCell&=
gt;&lt;code&gt;deleteCell(&lt;var title=3D&quot;&quot;&gt;index&lt;/var&g=
t;)&lt;/code&gt;&lt;/dfn&gt;
+  method must remove the &lt;var title=3D&quot;&quot;&gt;index&lt;/var&g=
t;th element in the &lt;code title=3Ddom-tr-cells&gt;&lt;a href=3D#dom-tr=
-cells&gt;cells&lt;/a&gt;&lt;/code&gt; collection from its parent. If &lt=
;var title=3D&quot;&quot;&gt;index&lt;/var&gt; is less
+  than zero or greater than or equal to the number of elements in the &l=
t;code title=3Ddom-tr-cells&gt;&lt;a href=3D#dom-tr-cells&gt;cells&lt;/a&=
gt;&lt;/code&gt; collection, the method must instead throw an
+  &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;IndexSizeError&lt;/a&gt;&l=
t;/code&gt; exception.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+
+  &lt;h4 id=3Dthe-td-element&gt;&lt;span class=3Dsecno&gt;4.9.9 &lt;/spa=
n&gt;The &lt;dfn&gt;&lt;code&gt;td&lt;/code&gt;&lt;/dfn&gt; element&lt;/h=
4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#sectioning-root&gt;Sectioning root&lt;/a&gt;.=
&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;As a child of a &lt;code&gt;&lt;a href=3D#the-tr-element&gt=
;tr&lt;/a&gt;&lt;/code&gt; element.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;A &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&=
lt;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-ta=
g&gt;end tag&lt;/a&gt; can be omitted if the
+   &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt;=
 element is immediately followed by a &lt;code&gt;&lt;a href=3D#the-td-el=
ement&gt;td&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#the-th-el=
ement&gt;th&lt;/a&gt;&lt;/code&gt; element,
+   or if there is no more content in the parent element.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-tdth-colspan&gt;&lt;a href=3D#attr-td=
th-colspan&gt;colspan&lt;/a&gt;&lt;/code&gt; &amp;mdash; Number of column=
s that the cell is to span&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-tdth-rowspan&gt;&lt;a href=3D#attr-td=
th-rowspan&gt;rowspan&lt;/a&gt;&lt;/code&gt; &amp;mdash; Number of rows t=
hat the cell is to span&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-tdth-headers&gt;&lt;a href=3D#attr-td=
th-headers&gt;headers&lt;/a&gt;&lt;/code&gt; &amp;mdash; The header cells=
 for this cell&lt;/dd&gt;
+   &lt;!-- v2 char, to specify the decimal character used in numeric cel=
ls --&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+    &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmltabledatacelleleme=
nt&gt;HTMLTableDataCellElement&lt;/dfn&gt; : &lt;a href=3D#htmltablecelle=
lement&gt;HTMLTableCellElement&lt;/a&gt; {
+  // &lt;a href=3D&quot;#HTMLTableDataCellElement-partial&quot;&gt;also =
has obsolete members&lt;/a&gt;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D#repres=
ents&gt;represents&lt;/a&gt; a data &lt;a href=3D#concept-cell title=3Dco=
ncept-cell&gt;cell&lt;/a&gt; in a table.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&=
lt;/code&gt; element and its &lt;code title=3Dattr-tdth-colspan&gt;&lt;a =
href=3D#attr-tdth-colspan&gt;colspan&lt;/a&gt;&lt;/code&gt;, &lt;code tit=
le=3Dattr-tdth-rowspan&gt;&lt;a href=3D#attr-tdth-rowspan&gt;rowspan&lt;/=
a&gt;&lt;/code&gt;, and &lt;code title=3Dattr-tdth-headers&gt;&lt;a href=3D=
#attr-tdth-headers&gt;headers&lt;/a&gt;&lt;/code&gt;
+  attributes take part in the &lt;a href=3D#table-model&gt;table model&l=
t;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;User agents, especially in non-visual environments or where d=
isplaying the table as a 2D grid
+  is impractical, may give the user context for the cell when rendering =
the contents of a cell; for
+  instance, giving its position in the &lt;a href=3D#table-model&gt;tabl=
e model&lt;/a&gt;, or listing the cell's header cells
+  (as determined by the &lt;a href=3D#algorithm-for-assigning-header-cel=
ls&gt;algorithm for assigning header cells&lt;/a&gt;). When a cell's head=
er
+  cells are being listed, user agents may use the value of &lt;code titl=
e=3Dattr-th-abbr&gt;&lt;a href=3D#attr-th-abbr&gt;abbr&lt;/a&gt;&lt;/code=
&gt;
+  attributes on those header cells, if any, instead of the contents of t=
he header cells
+  themselves.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dthe-th-element&gt;&lt;span class=3Dsecno&gt;4.9.10 &lt;/sp=
an&gt;The &lt;dfn&gt;&lt;code&gt;th&lt;/code&gt;&lt;/dfn&gt; element&lt;/=
h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;If the &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a=
&gt;&lt;/code&gt; element is a &lt;a href=3D#sorting-interface-th-element=
&gt;sorting interface &lt;code&gt;th&lt;/code&gt; element&lt;/a&gt;: &lt;=
a href=3D#interactive-content&gt;Interactive content&lt;/a&gt;.&lt;/dd&gt=
;
+   &lt;dd&gt;Otherwise: None.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;As a child of a &lt;code&gt;&lt;a href=3D#the-tr-element&gt=
;tr&lt;/a&gt;&lt;/code&gt; element.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;, but w=
ith no &lt;code&gt;&lt;a href=3D#the-header-element&gt;header&lt;/a&gt;&l=
t;/code&gt;, &lt;code&gt;&lt;a href=3D#the-footer-element&gt;footer&lt;/a=
&gt;&lt;/code&gt;, &lt;a href=3D#sectioning-content&gt;sectioning content=
&lt;/a&gt;, or &lt;a href=3D#heading-content&gt;heading content&lt;/a&gt;=
 descendants, and if the &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&l=
t;/a&gt;&lt;/code&gt; element is a &lt;a href=3D#sorting-interface-th-ele=
ment&gt;sorting interface &lt;code&gt;th&lt;/code&gt; element&lt;/a&gt;, =
no &lt;a href=3D#interactive-content&gt;interactive content&lt;/a&gt; des=
cendants.&lt;/dd&gt;
+   &lt;!-- EDITING NOTE: If you remove 'heading content' from the list a=
bove, make sure to fix the definition of 'sectioning root' to include &lt=
;th&gt; --&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;A &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&=
lt;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-ta=
g&gt;end tag&lt;/a&gt; can be omitted if the
+   &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt;=
 element is immediately followed by a &lt;code&gt;&lt;a href=3D#the-td-el=
ement&gt;td&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#the-th-el=
ement&gt;th&lt;/a&gt;&lt;/code&gt; element,
+   or if there is no more content in the parent element.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-tdth-colspan&gt;&lt;a href=3D#attr-td=
th-colspan&gt;colspan&lt;/a&gt;&lt;/code&gt; &amp;mdash; Number of column=
s that the cell is to span&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-tdth-rowspan&gt;&lt;a href=3D#attr-td=
th-rowspan&gt;rowspan&lt;/a&gt;&lt;/code&gt; &amp;mdash; Number of rows t=
hat the cell is to span&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-tdth-headers&gt;&lt;a href=3D#attr-td=
th-headers&gt;headers&lt;/a&gt;&lt;/code&gt; &amp;mdash; The header cells=
 for this cell&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-th-scope&gt;&lt;a href=3D#attr-th-sco=
pe&gt;scope&lt;/a&gt;&lt;/code&gt; &amp;mdash; Specifies which cells the =
header cell applies to&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-th-abbr&gt;&lt;a href=3D#attr-th-abbr=
&gt;abbr&lt;/a&gt;&lt;/code&gt; &amp;mdash; Alternative label to use for =
the header cell when referencing the cell in other contexts&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-th-sorted&gt;&lt;a href=3D#attr-th-so=
rted&gt;sorted&lt;/a&gt;&lt;/code&gt; &amp;mdash; &lt;a href=3D#column-so=
rt-direction&gt;Column sort direction&lt;/a&gt; and &lt;a href=3D#column-=
key-ordinality title=3D&quot;column key ordinality&quot;&gt;ordinality&lt=
;/a&gt;&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+    &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmltableheadercellele=
ment&gt;HTMLTableHeaderCellElement&lt;/dfn&gt; : &lt;a href=3D#htmltablec=
ellelement&gt;HTMLTableCellElement&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-th-scope title=3Ddom-th=
-scope&gt;scope&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-th-abbr title=3Ddom-th-=
abbr&gt;abbr&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-th-sorted title=3Ddom-t=
h-sorted&gt;sorted&lt;/a&gt;;
+  void &lt;a href=3D#dom-th-sort title=3Ddom-th-sort&gt;sort&lt;/a&gt;()=
;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D#repres=
ents&gt;represents&lt;/a&gt; a header &lt;a href=3D#concept-cell title=3D=
concept-cell&gt;cell&lt;/a&gt; in a table.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&=
lt;/code&gt; element may have a &lt;dfn id=3Dattr-th-scope title=3Dattr-t=
h-scope&gt;&lt;code&gt;scope&lt;/code&gt;&lt;/dfn&gt;
+  content attribute specified. The &lt;code title=3Dattr-th-scope&gt;&lt=
;a href=3D#attr-th-scope&gt;scope&lt;/a&gt;&lt;/code&gt; attribute is an
+  &lt;a href=3D#enumerated-attribute&gt;enumerated attribute&lt;/a&gt; w=
ith five states, four of which have explicit keywords:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;The &lt;dfn id=3Dattr-th-scope-row title=3Dattr-th=
-scope-row&gt;&lt;code&gt;row&lt;/code&gt;&lt;/dfn&gt; keyword, which map=
s to the
+   &lt;i&gt;row&lt;/i&gt; state&lt;/dt&gt;
+
+   &lt;dd&gt;The &lt;i&gt;row&lt;/i&gt; state means the header cell appl=
ies to some of the subsequent cells in the
+   same row(s).&lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;dfn id=3Dattr-th-scope-col title=3Dattr-th-scope-co=
l&gt;&lt;code&gt;col&lt;/code&gt;&lt;/dfn&gt; keyword, which maps to the
+   &lt;i&gt;column&lt;/i&gt; state&lt;/dt&gt;
+
+   &lt;dd&gt;The &lt;i&gt;column&lt;/i&gt; state means the header cell a=
pplies to some of the subsequent cells in the
+   same column(s).&lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;dfn id=3Dattr-th-scope-rowgroup title=3Dattr-th-sco=
pe-rowgroup&gt;&lt;code&gt;rowgroup&lt;/code&gt;&lt;/dfn&gt; keyword, whi=
ch maps to
+   the &lt;i&gt;row group&lt;/i&gt; state&lt;/dt&gt;
+
+   &lt;dd&gt;The &lt;i&gt;row group&lt;/i&gt; state means the header cel=
l applies to all the remaining cells in the
+   row group. A &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;=
&lt;/code&gt; element's &lt;code title=3Dattr-th-scope&gt;&lt;a href=3D#a=
ttr-th-scope&gt;scope&lt;/a&gt;&lt;/code&gt; attribute must
+   not be in the &lt;a href=3D#attr-th-scope-rowgroup title=3Dattr-th-sc=
ope-rowgroup&gt;row group&lt;/a&gt; state if the element is not
+   anchored in a &lt;a href=3D#concept-row-group title=3Dconcept-row-gro=
up&gt;row group&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;dfn id=3Dattr-th-scope-colgroup title=3Dattr-th-sco=
pe-colgroup&gt;&lt;code&gt;colgroup&lt;/code&gt;&lt;/dfn&gt; keyword, whi=
ch maps to
+   the &lt;i&gt;column group&lt;/i&gt; state&lt;/dt&gt;
+
+   &lt;dd&gt;The &lt;i&gt;column group&lt;/i&gt; state means the header =
cell applies to all the remaining cells in the
+   column group. A &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&=
gt;&lt;/code&gt; element's &lt;code title=3Dattr-th-scope&gt;&lt;a href=3D=
#attr-th-scope&gt;scope&lt;/a&gt;&lt;/code&gt; attribute must
+   not be in the &lt;a href=3D#attr-th-scope-colgroup title=3Dattr-th-sc=
ope-colgroup&gt;column group&lt;/a&gt; state if the element is
+   not anchored in a &lt;a href=3D#concept-column-group title=3Dconcept-=
column-group&gt;column group&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;dfn id=3Dattr-th-scope-auto title=3Dattr-th-scope-a=
uto&gt;auto&lt;/dfn&gt; state&lt;/dt&gt;
+
+   &lt;dd&gt;The &lt;i&gt;auto&lt;/i&gt; state makes the header cell app=
ly to a set of cells selected based on
+   context.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;The &lt;code title=3Dattr-th-scope&gt;&lt;a href=3D=
#attr-th-scope&gt;scope&lt;/a&gt;&lt;/code&gt; attribute's &lt;i&gt;missi=
ng value default&lt;/i&gt; is the
+  &lt;i&gt;auto&lt;/i&gt; state.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&=
lt;/code&gt; element may have an &lt;dfn id=3Dattr-th-abbr title=3Dattr-t=
h-abbr&gt;&lt;code&gt;abbr&lt;/code&gt;&lt;/dfn&gt;
+  content attribute specified. Its value must be an alternative label fo=
r the header cell, to be
+  used when referencing the cell in other contexts (e.g. when describing=
 the header cells that apply
+  to a data cell). It is typically an abbreviated form of the full heade=
r cell, but can also be an
+  expansion, or merely a different phrasing.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-th-sorted&gt;&lt;a href=3D#attr-th-=
sorted&gt;sorted&lt;/a&gt;&lt;/code&gt; attribute is used in the &lt;a hr=
ef=3D#table-sorting-model&gt;table
+  sorting model&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&=
lt;/code&gt; element and its &lt;code title=3Dattr-tdth-colspan&gt;&lt;a =
href=3D#attr-tdth-colspan&gt;colspan&lt;/a&gt;&lt;/code&gt;, &lt;code tit=
le=3Dattr-tdth-rowspan&gt;&lt;a href=3D#attr-tdth-rowspan&gt;rowspan&lt;/=
a&gt;&lt;/code&gt;, &lt;code title=3Dattr-tdth-headers&gt;&lt;a href=3D#a=
ttr-tdth-headers&gt;headers&lt;/a&gt;&lt;/code&gt;, and
+  &lt;code title=3Dattr-th-scope&gt;&lt;a href=3D#attr-th-scope&gt;scope=
&lt;/a&gt;&lt;/code&gt; attributes take part in the &lt;a href=3D#table-m=
odel&gt;table model&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-th-sort&gt;&lt;a href=3D#dom-th-sort=
&gt;sort()&lt;/a&gt;&lt;/code&gt; method is used in the &lt;a href=3D#tab=
le-sorting-model&gt;table sorting
+  model&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-th-scope title=3Ddom-th-scope&gt;&lt;cod=
e&gt;scope&lt;/code&gt;&lt;/dfn&gt; IDL attribute must &lt;a href=3D#refl=
ect&gt;reflect&lt;/a&gt;
+  the content attribute of the same name, &lt;a href=3D#limited-to-only-=
known-values&gt;limited to only known values&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-th-abbr title=3Ddom-th-abbr&gt;&lt;code&=
gt;abbr&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Ddom-th-sorted title=3Dd=
om-th-sorted&gt;&lt;code&gt;sorted&lt;/code&gt;&lt;/dfn&gt; IDL attribute=
s must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the
+  content attributes of the same name.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following example shows how the &lt;code title=3Dattr-th=
-scope&gt;&lt;a href=3D#attr-th-scope&gt;scope&lt;/a&gt;&lt;/code&gt; att=
ribute's &lt;code title=3Dattr-th-scope-rowgroup&gt;&lt;a href=3D#attr-th=
-scope-rowgroup&gt;rowgroup&lt;/a&gt;&lt;/code&gt; value affects which da=
ta cells a header cell
+   applies to.&lt;/p&gt;
+
+   &lt;p&gt;Here is a markup fragment showing a table:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;table&amp;gt;
+ &amp;lt;thead&amp;gt;
+  &amp;lt;tr&amp;gt; &amp;lt;th&amp;gt; ID &amp;lt;th&amp;gt; Measuremen=
t &amp;lt;th&amp;gt; Average &amp;lt;th&amp;gt; Maximum
+ &amp;lt;tbody&amp;gt;
+  &amp;lt;tr&amp;gt; &amp;lt;td&amp;gt; &amp;lt;th scope=3Drowgroup&amp;=
gt; Cats &amp;lt;td&amp;gt; &amp;lt;td&amp;gt;
+  &amp;lt;tr&amp;gt; &amp;lt;td&amp;gt; 93 &amp;lt;th scope=3Drow&amp;gt=
; Legs &amp;lt;td&amp;gt; 3.5 &amp;lt;td&amp;gt; 4
+  &amp;lt;tr&amp;gt; &amp;lt;td&amp;gt; 10 &amp;lt;th scope=3Drow&amp;gt=
; Tails &amp;lt;td&amp;gt; 1 &amp;lt;td&amp;gt; 1
+ &amp;lt;tbody&amp;gt;
+  &amp;lt;tr&amp;gt; &amp;lt;td&amp;gt; &amp;lt;th scope=3Drowgroup&amp;=
gt; English speakers &amp;lt;td&amp;gt; &amp;lt;td&amp;gt;
+  &amp;lt;tr&amp;gt; &amp;lt;td&amp;gt; 32 &amp;lt;th scope=3Drow&amp;gt=
; Legs &amp;lt;td&amp;gt; 2.67 &amp;lt;td&amp;gt; 4
+  &amp;lt;tr&amp;gt; &amp;lt;td&amp;gt; 35 &amp;lt;th scope=3Drow&amp;gt=
; Tails &amp;lt;td&amp;gt; 0.33 &amp;lt;td&amp;gt; 1
+&amp;lt;/table&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;This would result in the following table:&lt;/p&gt;
+
+   &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt; ID &lt;th&gt; Measurem=
ent &lt;th&gt; Average &lt;th&gt; Maximum
+    &lt;tbody&gt;&lt;tr&gt;&lt;td&gt; &lt;th scope=3Drowgroup&gt; Cats &=
lt;td&gt; &lt;td&gt;
+     &lt;tr&gt;&lt;td&gt; 93 &lt;th scope=3Drow&gt; Legs &lt;td&gt; 3.5 =
&lt;td&gt; 4
+     &lt;tr&gt;&lt;td&gt; 10 &lt;th scope=3Drow&gt; Tails &lt;td&gt; 1 &=
lt;td&gt; 1
+    &lt;tbody&gt;&lt;tr&gt;&lt;td&gt; &lt;th scope=3Drowgroup&gt; Englis=
h speakers &lt;td&gt; &lt;td&gt;
+     &lt;tr&gt;&lt;td&gt; 32 &lt;th scope=3Drow&gt; Legs &lt;td&gt; 2.67=
 &lt;td&gt; 4
+     &lt;tr&gt;&lt;td&gt; 35 &lt;th scope=3Drow&gt; Tails &lt;td&gt; 0.3=
3 &lt;td&gt; 1
+   &lt;/table&gt;&lt;p&gt;The headers in the first row all apply directl=
y down to the rows in their column.&lt;/p&gt;
+
+   &lt;p&gt;The headers with the explicit &lt;code title=3Dattr-th-scope=
&gt;&lt;a href=3D#attr-th-scope&gt;scope&lt;/a&gt;&lt;/code&gt; attribute=
s apply to all
+   the cells in their row group other than the cells in the first column=
.&lt;/p&gt;
+
+   &lt;p&gt;The remaining headers apply just to the cells to the right o=
f them.&lt;/p&gt;
+
+   &lt;!-- image source: http://software.hixie.ch/utilities/js/live-dom-=
viewer/saved/151 --&gt;
+   &lt;img src=3Dhttp://images.whatwg.org/table-scope-diagram.png width=3D=
459 alt=3D&quot;&quot; height=3D256&gt;&lt;!-- (alt is empty because the =
diagram is completely described by the previous paragraphs) --&gt;&lt;/di=
v&gt;
+
+
+
+  &lt;h4 id=3Dattributes-common-to-td-and-th-elements&gt;&lt;span class=3D=
secno&gt;4.9.11 &lt;/span&gt;Attributes common to &lt;code&gt;&lt;a href=3D=
#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D=
#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; elements&lt;/h4&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&=
lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;=
&lt;/code&gt; elements may have a &lt;dfn id=3Dattr-tdth-colspan title=3D=
attr-tdth-colspan&gt;&lt;code&gt;colspan&lt;/code&gt;&lt;/dfn&gt; content=
 attribute specified, whose value must
+  be a &lt;a href=3D#valid-non-negative-integer&gt;valid non-negative in=
teger&lt;/a&gt; greater than zero.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&=
lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;=
&lt;/code&gt; elements may also have a &lt;dfn id=3Dattr-tdth-rowspan tit=
le=3Dattr-tdth-rowspan&gt;&lt;code&gt;rowspan&lt;/code&gt;&lt;/dfn&gt; co=
ntent attribute specified, whose value must
+  be a &lt;a href=3D#valid-non-negative-integer&gt;valid non-negative in=
teger&lt;/a&gt;. For this attribute, the value zero means that the
+  cell is to span all the remaining rows in the row group.&lt;/p&gt; &lt=
;!-- only in no-quirks and
+  limited-quirks mode though, for back compat! --&gt;
+
+  &lt;p&gt;These attributes give the number of columns and rows respecti=
vely that the cell is to span.
+  These attributes must not be used to overlap cells&lt;span class=3Dimp=
l&gt;, as described in the
+  description of the &lt;a href=3D#table-model&gt;table model&lt;/a&gt;&=
lt;/span&gt;.&lt;/p&gt; &lt;!-- conformance criteria for determining
+  when this is violated are given in the processing model --&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&=
lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-th-element&gt;th=
&lt;/a&gt;&lt;/code&gt; element may have a &lt;dfn id=3Dattr-tdth-headers=
 title=3Dattr-tdth-headers&gt;&lt;code&gt;headers&lt;/code&gt;&lt;/dfn&gt=
; content attribute specified. The &lt;code title=3Dattr-tdth-headers&gt;=
&lt;a href=3D#attr-tdth-headers&gt;headers&lt;/a&gt;&lt;/code&gt; attribu=
te, if specified, must contain a string consisting
+  of an &lt;a href=3D#unordered-set-of-unique-space-separated-tokens&gt;=
unordered set of unique space-separated tokens&lt;/a&gt; that are
+  &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt;, each of whic=
h must have the value of an &lt;a href=3D#concept-id title=3Dconcept-id&g=
t;ID&lt;/a&gt; of a &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&=
gt;&lt;/code&gt; element taking part in the same &lt;a href=3D#concept-ta=
ble title=3Dconcept-table&gt;table&lt;/a&gt; as the &lt;code&gt;&lt;a hre=
f=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a hre=
f=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; element&lt;span class=3D=
impl&gt; (as defined by the &lt;a href=3D#table-model&gt;table model&lt;/=
a&gt;)&lt;/span&gt;.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt=
;/code&gt; element with &lt;a href=3D#concept-id title=3Dconcept-id&gt;ID=
&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;id&lt;/var&gt; is
+  said to be &lt;i&gt;directly targeted&lt;/i&gt; by all &lt;code&gt;&lt=
;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&l=
t;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; elements in the
+  same &lt;a href=3D#concept-table title=3Dconcept-table&gt;table&lt;/a&=
gt; that have &lt;code title=3Dattr-tdth-headers&gt;&lt;a href=3D#attr-td=
th-headers&gt;headers&lt;/a&gt;&lt;/code&gt; attributes whose values incl=
ude as one of their tokens
+  the &lt;a href=3D#concept-id title=3Dconcept-id&gt;ID&lt;/a&gt; &lt;va=
r title=3D&quot;&quot;&gt;id&lt;/var&gt;. A &lt;code&gt;&lt;a href=3D#the=
-th-element&gt;th&lt;/a&gt;&lt;/code&gt; element &lt;var title=3D&quot;&q=
uot;&gt;A&lt;/var&gt; is said to be &lt;i&gt;targeted&lt;/i&gt; by a &lt;=
code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; or &lt;=
code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt; element
+  &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt; if either &lt;var title=3D=
&quot;&quot;&gt;A&lt;/var&gt; is &lt;i&gt;directly targeted&lt;/i&gt; by =
&lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt; or if there exists an eleme=
nt &lt;var title=3D&quot;&quot;&gt;C&lt;/var&gt; that is itself
+  &lt;i&gt;targeted&lt;/i&gt; by the element &lt;var title=3D&quot;&quot=
;&gt;B&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt; is &=
lt;i&gt;directly
+  targeted&lt;/i&gt; by &lt;var title=3D&quot;&quot;&gt;C&lt;/var&gt;.&l=
t;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt=
;/code&gt; element must not be &lt;i&gt;targeted&lt;/i&gt; by itself.&lt;=
/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-tdth-colspan&gt;&lt;a href=3D#attr-=
tdth-colspan&gt;colspan&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-tdt=
h-rowspan&gt;&lt;a href=3D#attr-tdth-rowspan&gt;rowspan&lt;/a&gt;&lt;/cod=
e&gt;, and &lt;code title=3Dattr-tdth-headers&gt;&lt;a href=3D#attr-tdth-=
headers&gt;headers&lt;/a&gt;&lt;/code&gt;
+  attributes take part in the &lt;a href=3D#table-model&gt;table model&l=
t;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&=
lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-th-element&gt;th=
&lt;/a&gt;&lt;/code&gt; elements implement interfaces that inherit from t=
he
+  &lt;code&gt;&lt;a href=3D#htmltablecellelement&gt;HTMLTableCellElement=
&lt;/a&gt;&lt;/code&gt; interface:&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmltablecellelement&gt;=
HTMLTableCellElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLEleme=
nt&lt;/a&gt; {
+           attribute unsigned long &lt;a href=3D#dom-tdth-colspan title=3D=
dom-tdth-colSpan&gt;colSpan&lt;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-tdth-rowspan title=3D=
dom-tdth-rowSpan&gt;rowSpan&lt;/a&gt;;
+  [PutForwards=3D&lt;span title=3Ddom-DOMSettableTokenList-value&gt;valu=
e&lt;/span&gt;] readonly attribute &lt;a href=3D#domsettabletokenlist&gt;=
DOMSettableTokenList&lt;/a&gt; &lt;a href=3D#dom-tdth-headers title=3Ddom=
-tdth-headers&gt;headers&lt;/a&gt;;
+  readonly attribute long &lt;a href=3D#dom-tdth-cellindex title=3Ddom-t=
dth-cellIndex&gt;cellIndex&lt;/a&gt;;
+
+  // &lt;a href=3D&quot;#HTMLTableCellElement-partial&quot;&gt;also has =
obsolete members&lt;/a&gt;
+};&lt;/pre&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;c=
ell&lt;/var&gt; . &lt;code title=3Ddom-tdth-cellIndex&gt;&lt;a href=3D#do=
m-tdth-cellindex&gt;cellIndex&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the position of the cell in the row's &lt;code titl=
e=3Ddom-tr-cells&gt;&lt;a href=3D#dom-tr-cells&gt;cells&lt;/a&gt;&lt;/cod=
e&gt; list.
+    This does not necessarily correspond to the &lt;var title=3D&quot;&q=
uot;&gt;x&lt;/var&gt;-position of the cell in the
+    table, since earlier cells might cover multiple rows or columns.&lt;=
/p&gt;
+
+    &lt;p&gt;Returns &amp;minus;1 if the element isn't in a row.&lt;/p&g=
t;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tdth-colspan title=3Ddom-tdth-colSpan&gt=
;&lt;code&gt;colSpan&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-t=
dth-colspan&gt;&lt;a href=3D#attr-tdth-colspan&gt;colspan&lt;/a&gt;&lt;/c=
ode&gt; content attribute. Its
+  default value is 1.&lt;/p&gt;
+
+  &lt;!--
+   http://software.hixie.ch/utilities/js/live-dom-viewer/saved/1699
+   http://software.hixie.ch/utilities/js/live-dom-viewer/saved/1700
+  --&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tdth-rowspan title=3Ddom-tdth-rowSpan&gt=
;&lt;code&gt;rowSpan&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-t=
dth-rowspan&gt;&lt;a href=3D#attr-tdth-rowspan&gt;rowspan&lt;/a&gt;&lt;/c=
ode&gt; content attribute. Its
+  default value is 1.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tdth-headers title=3Ddom-tdth-headers&gt=
;&lt;code&gt;headers&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content attribute of th=
e same name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tdth-cellindex title=3Ddom-tdth-cellInde=
x&gt;&lt;code&gt;cellIndex&lt;/code&gt;&lt;/dfn&gt; IDL attribute must, i=
f the
+  element has a parent &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt=
;/a&gt;&lt;/code&gt; element, return the index of the cell's element in t=
he parent
+  element's &lt;code title=3Ddom-tr-cells&gt;&lt;a href=3D#dom-tr-cells&=
gt;cells&lt;/a&gt;&lt;/code&gt; collection. If there is no such parent el=
ement,
+  then the attribute must return &amp;minus;1.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dprocessing-model-1&gt;&lt;span class=3Dsecno&gt;4.9.12 &lt=
;/span&gt;Processing model&lt;/h4&gt;
+
+  &lt;p&gt;The various table elements and their content attributes toget=
her define the &lt;dfn id=3Dtable-model&gt;table
+  model&lt;/dfn&gt;.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;dfn id=3Dconcept-table title=3Dconcept-table&gt;table&l=
t;/dfn&gt; consists of cells aligned on a two-dimensional grid of
+  &lt;dfn id=3Dconcept-slots title=3Dconcept-slots&gt;slots&lt;/dfn&gt; =
with coordinates (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var =
title=3D&quot;&quot;&gt;y&lt;/var&gt;). The grid is finite, and is either=
 empty or has one or more slots. If the grid
+  has one or more slots, then the &lt;var title=3D&quot;&quot;&gt;x&lt;/=
var&gt; coordinates are always in the range &lt;span title=3D&quot;&quot;=
&gt;0&amp;nbsp;&amp;le;&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;x&lt;/va=
r&gt;&amp;nbsp;&amp;lt;&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;x&lt;sub=
 title=3D&quot;&quot;&gt;width&lt;/sub&gt;&lt;/var&gt;&lt;/span&gt;, and =
the &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; coordinates are always =
in the
+  range &lt;span title=3D&quot;&quot;&gt;0&amp;nbsp;&amp;le;&amp;nbsp;&l=
t;var title=3D&quot;&quot;&gt;y&lt;/var&gt;&amp;nbsp;&amp;lt;&amp;nbsp;&l=
t;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;height&lt;=
/sub&gt;&lt;/var&gt;&lt;/span&gt;. If one or both of &lt;var title=3D&quo=
t;&quot;&gt;x&lt;sub title=3D&quot;&quot;&gt;width&lt;/sub&gt;&lt;/var&gt=
; and &lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;he=
ight&lt;/sub&gt;&lt;/var&gt; are zero, then the
+  table is empty (has no slots). Tables correspond to &lt;code&gt;&lt;a =
href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; elements.&lt;/p=
&gt;
+
+  &lt;p&gt;A &lt;dfn id=3Dconcept-cell title=3Dconcept-cell&gt;cell&lt;/=
dfn&gt; is a set of slots anchored at a slot (&lt;var title=3D&quot;&quot=
;&gt;cell&lt;sub title=3D&quot;&quot;&gt;x&lt;/sub&gt;&lt;/var&gt;, &lt;v=
ar title=3D&quot;&quot;&gt;cell&lt;sub title=3D&quot;&quot;&gt;y&lt;/sub&=
gt;&lt;/var&gt;), and with
+  a particular &lt;var title=3D&quot;&quot;&gt;width&lt;/var&gt; and &lt=
;var title=3D&quot;&quot;&gt;height&lt;/var&gt; such that the cell covers
+  all the slots with coordinates (&lt;var title=3D&quot;&quot;&gt;x&lt;/=
var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;) where &lt;span ti=
tle=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;cell&lt;sub title=3D=
&quot;&quot;&gt;x&lt;/sub&gt;&lt;/var&gt;&amp;nbsp;&amp;le;&amp;nbsp;&lt;=
var title=3D&quot;&quot;&gt;x&lt;/var&gt;&amp;nbsp;&amp;lt;&amp;nbsp;&lt;=
var title=3D&quot;&quot;&gt;cell&lt;sub title=3D&quot;&quot;&gt;x&lt;/sub=
&gt;&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;width&lt;/var&gt;&lt;/sp=
an&gt; and &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&=
gt;cell&lt;sub title=3D&quot;&quot;&gt;y&lt;/sub&gt;&lt;/var&gt;&amp;nbsp=
;&amp;le;&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;&amp;nbsp=
;&amp;lt;&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;cell&lt;sub title=3D&q=
uot;&quot;&gt;y&lt;/sub&gt;&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;h=
eight&lt;/var&gt;&lt;/span&gt;. Cells can either be &lt;em&gt;data cells&=
lt;/em&gt;
+  or &lt;em&gt;header cells&lt;/em&gt;. Data cells correspond to &lt;cod=
e&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt; elements, =
and header cells
+  correspond to &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;=
&lt;/code&gt; elements. Cells of both types can have zero or more associa=
ted
+  header cells.&lt;/p&gt;
+
+  &lt;p&gt;It is possible, in certain error cases, for two cells to occu=
py the same slot.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;dfn id=3Dconcept-row title=3Dconcept-row&gt;row&lt;/dfn=
&gt; is a complete set of slots from &lt;span title=3D&quot;&quot;&gt;&lt=
;var title=3D&quot;&quot;&gt;x&lt;/var&gt;=3D0&lt;/span&gt; to &lt;span t=
itle=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;=3D&l=
t;var title=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;&quot;&gt;width&lt;/=
sub&gt;&lt;/var&gt;-1&lt;/span&gt;, for a particular value of &lt;var tit=
le=3D&quot;&quot;&gt;y&lt;/var&gt;. Rows usually
+  correspond to &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;=
&lt;/code&gt; elements, though a &lt;a href=3D#concept-row-group title=3D=
concept-row-group&gt;row group&lt;/a&gt;
+  can have some implied &lt;a href=3D#concept-row title=3Dconcept-row&gt=
;rows&lt;/a&gt; at the end in some cases involving
+  &lt;a href=3D#concept-cell title=3Dconcept-cell&gt;cells&lt;/a&gt; spa=
nning multiple rows.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;dfn id=3Dconcept-column title=3Dconcept-column&gt;colum=
n&lt;/dfn&gt; is a complete set of slots from &lt;span title=3D&quot;&quo=
t;&gt;&lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;=3D0&lt;/span&gt; to &=
lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;y&lt;/var=
&gt;=3D&lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;h=
eight&lt;/sub&gt;&lt;/var&gt;-1&lt;/span&gt;, for a particular value of &=
lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;. Columns can
+  correspond to &lt;code&gt;&lt;a href=3D#the-col-element&gt;col&lt;/a&g=
t;&lt;/code&gt; elements. In the absence of &lt;code&gt;&lt;a href=3D#the=
-col-element&gt;col&lt;/a&gt;&lt;/code&gt; elements, columns are
+  implied.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;dfn id=3Dconcept-row-group title=3Dconcept-row-group&gt=
;row group&lt;/dfn&gt; is a set of &lt;a href=3D#concept-row title=3Dconc=
ept-row&gt;rows&lt;/a&gt; anchored at a slot (0, &lt;var title=3D&quot;&q=
uot;&gt;group&lt;sub title=3D&quot;&quot;&gt;y&lt;/sub&gt;&lt;/var&gt;) w=
ith a particular &lt;var title=3D&quot;&quot;&gt;height&lt;/var&gt; such =
that the row group
+  covers all the slots with coordinates (&lt;var title=3D&quot;&quot;&gt=
;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;) where &lt;=
span title=3D&quot;&quot;&gt;0&amp;nbsp;&amp;le;&amp;nbsp;&lt;var title=3D=
&quot;&quot;&gt;x&lt;/var&gt;&amp;nbsp;&amp;lt;&amp;nbsp;&lt;var title=3D=
&quot;&quot;&gt;x&lt;sub title=3D&quot;&quot;&gt;width&lt;/sub&gt;&lt;/va=
r&gt;&lt;/span&gt; and &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&=
quot;&quot;&gt;group&lt;sub title=3D&quot;&quot;&gt;y&lt;/sub&gt;&lt;/var=
&gt;&amp;nbsp;&amp;le;&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;y&lt;/var=
&gt;&amp;nbsp;&amp;lt;&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;group&lt;=
sub title=3D&quot;&quot;&gt;y&lt;/sub&gt;&lt;/var&gt;+&lt;var title=3D&qu=
ot;&quot;&gt;height&lt;/var&gt;&lt;/span&gt;. Row groups correspond to
+  &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/cod=
e&gt;, &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;=
/code&gt;, and &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a=
&gt;&lt;/code&gt; elements. Not every row is
+  necessarily in a row group.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;dfn id=3Dconcept-column-group title=3Dconcept-column-gr=
oup&gt;column group&lt;/dfn&gt; is a set of &lt;a href=3D#concept-column =
title=3Dconcept-column&gt;columns&lt;/a&gt; anchored at a slot (&lt;var t=
itle=3D&quot;&quot;&gt;group&lt;sub title=3D&quot;&quot;&gt;x&lt;/sub&gt;=
&lt;/var&gt;, 0) with a particular &lt;var title=3D&quot;&quot;&gt;width&=
lt;/var&gt; such that the column group
+  covers all the slots with coordinates (&lt;var title=3D&quot;&quot;&gt=
;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;) where &lt;=
span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;group&lt;sub=
 title=3D&quot;&quot;&gt;x&lt;/sub&gt;&lt;/var&gt;&amp;nbsp;&amp;le;&amp;=
nbsp;&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;&amp;nbsp;&amp;lt;&amp;=
nbsp;&lt;var title=3D&quot;&quot;&gt;group&lt;sub title=3D&quot;&quot;&gt=
;x&lt;/sub&gt;&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;width&lt;/var&=
gt;&lt;/span&gt; and &lt;span title=3D&quot;&quot;&gt;0&amp;nbsp;&amp;le;=
&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;&amp;nbsp;&amp;lt;=
&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&g=
t;height&lt;/sub&gt;&lt;/var&gt;&lt;/span&gt;. Column
+  groups correspond to &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt=
;colgroup&lt;/a&gt;&lt;/code&gt; elements. Not every column is necessaril=
y in a column
+  group.&lt;/p&gt;
+
+  &lt;p&gt;&lt;a href=3D#concept-row-group title=3Dconcept-row-group&gt;=
Row groups&lt;/a&gt; cannot overlap each other. Similarly, &lt;a href=3D#=
concept-column-group title=3Dconcept-column-group&gt;column groups&lt;/a&=
gt; cannot overlap each other.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;a href=3D#concept-cell title=3Dconcept-cell&gt;cell&lt;=
/a&gt; cannot cover slots that are from two or more &lt;a href=3D#concept=
-row-group title=3Dconcept-row-group&gt;row groups&lt;/a&gt;. It is, howe=
ver, possible for a cell to be in multiple
+  &lt;a href=3D#concept-column-group title=3Dconcept-column-group&gt;col=
umn groups&lt;/a&gt;. All the slots that form part of one cell
+  are part of zero or one &lt;a href=3D#concept-row-group title=3Dconcep=
t-row-group&gt;row groups&lt;/a&gt; and zero or more &lt;a href=3D#concep=
t-column-group title=3Dconcept-column-group&gt;column groups&lt;/a&gt;.&l=
t;/p&gt;
+
+  &lt;p&gt;In addition to &lt;a href=3D#concept-cell title=3Dconcept-cel=
l&gt;cells&lt;/a&gt;, &lt;a href=3D#concept-column title=3Dconcept-column=
&gt;columns&lt;/a&gt;, &lt;a href=3D#concept-row title=3Dconcept-row&gt;r=
ows&lt;/a&gt;, &lt;a href=3D#concept-row-group title=3Dconcept-row-group&=
gt;row groups&lt;/a&gt;, and &lt;a href=3D#concept-column-group title=3Dc=
oncept-column-group&gt;column
+  groups&lt;/a&gt;, &lt;a href=3D#concept-table title=3Dconcept-table&gt=
;tables&lt;/a&gt; can have a &lt;code&gt;&lt;a href=3D#the-caption-elemen=
t&gt;caption&lt;/a&gt;&lt;/code&gt; element
+  associated with them. This gives the table a heading, or legend.&lt;/p=
&gt;
+
+  &lt;p&gt;A &lt;dfn id=3Dtable-model-error&gt;table model error&lt;/dfn=
&gt; is an error with the data represented by &lt;code&gt;&lt;a href=3D#t=
he-table-element&gt;table&lt;/a&gt;&lt;/code&gt;
+  elements and their descendants. Documents must not have table model er=
rors.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dforming-a-table&gt;&lt;span class=3Dsecno&gt;4.9.12.1 &lt;=
/span&gt;Forming a table&lt;/h5&gt;
+
+  &lt;p&gt;To determine which elements correspond to which slots in a &l=
t;a href=3D#concept-table title=3Dconcept-table&gt;table&lt;/a&gt; associ=
ated with a &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt=
;&lt;/code&gt; element, to determine the
+  dimensions of the table (&lt;var title=3D&quot;&quot;&gt;x&lt;sub titl=
e=3D&quot;&quot;&gt;width&lt;/sub&gt;&lt;/var&gt; and &lt;var title=3D&qu=
ot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;height&lt;/sub&gt;&lt;/var&=
gt;), and to determine if there are any &lt;a href=3D#table-model-error t=
itle=3D&quot;table model
+  error&quot;&gt;table model errors&lt;/a&gt;, user agents must use the =
following algorithm:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;=
&quot;&gt;width&lt;/sub&gt;&lt;/var&gt; be zero.&lt;/p&gt;
+   &lt;/li&gt;
+
+   &lt;li&gt;
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;=
&quot;&gt;height&lt;/sub&gt;&lt;/var&gt; be zero.&lt;/p&gt;
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;pending &lt;code&gt;&lt=
;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/code&gt; elements&lt;=
/var&gt; be a list of &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoo=
t&lt;/a&gt;&lt;/code&gt;
+    elements, initially empty.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;the table&lt;/var&gt; b=
e the &lt;a href=3D#concept-table title=3Dconcept-table&gt;table&lt;/a&gt=
; represented
+    by the &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt=
;&lt;/code&gt; element. The &lt;var title=3D&quot;&quot;&gt;x&lt;sub titl=
e=3D&quot;&quot;&gt;width&lt;/sub&gt;&lt;/var&gt; and &lt;var title=3D&qu=
ot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;height&lt;/sub&gt;&lt;/var&=
gt; variables give &lt;var title=3D&quot;&quot;&gt;the table&lt;/var&gt;'=
s
+    dimensions. &lt;var title=3D&quot;&quot;&gt;The table&lt;/var&gt; is=
 initially empty.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;!-- this step is here just so that we can be sure to have a firs=
t element in the next step, so
+    that we can set up the &quot;advance&quot; exception-handling thingy=
 below; otherwise it'd be more
+    complicated. it's not a perf optimization per se. --&gt;
+
+    &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-table-element&gt;table=
&lt;/a&gt;&lt;/code&gt; element has no children elements, then return &lt=
;var title=3D&quot;&quot;&gt;the
+    table&lt;/var&gt; (which will be empty), and abort these steps.&lt;/=
p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Associate the first &lt;code&gt;&lt;a href=3D#the-caption-e=
lement&gt;caption&lt;/a&gt;&lt;/code&gt; element child of the &lt;code&gt=
;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; element =
with
+    &lt;var title=3D&quot;&quot;&gt;the table&lt;/var&gt;. If there are =
no such children, then it has no associated
+    &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&lt;/a&gt;&l=
t;/code&gt; element.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let the &lt;var title=3D&quot;&quot;&gt;current element&lt;=
/var&gt; be the first element child of the
+    &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/c=
ode&gt; element.&lt;/p&gt;
+
+    &lt;p&gt;If a step in this algorithm ever requires the &lt;var title=
=3D&quot;&quot;&gt;current element&lt;/var&gt; to be &lt;dfn id=3Dconcept=
-table-advance title=3Dconcept-table-advance&gt;advanced to the next chil=
d of the &lt;code&gt;table&lt;/code&gt;&lt;/dfn&gt; when
+    there is no such next child, then the user agent must jump to the st=
ep labeled &lt;i&gt;end&lt;/i&gt;, near
+    the end of this algorithm.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;While the &lt;var title=3D&quot;&quot;&gt;current element&l=
t;/var&gt; is not one of the following elements, &lt;a href=3D#concept-ta=
ble-advance title=3Dconcept-table-advance&gt;advance&lt;/a&gt; the &lt;va=
r title=3D&quot;&quot;&gt;current element&lt;/var&gt; to the next
+    child of the &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt=
;/a&gt;&lt;/code&gt;:&lt;/p&gt;
+
+    &lt;ul class=3Dbrief&gt;&lt;li&gt;&lt;code&gt;&lt;a href=3D#the-colg=
roup-element&gt;colgroup&lt;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/=
a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/=
a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/=
a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&=
lt;/code&gt;&lt;/li&gt;
+    &lt;/ul&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;current element&lt;/=
var&gt; is a &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup&l=
t;/a&gt;&lt;/code&gt;, follow these
+    substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;&lt;i&gt;Column groups&lt;/i&gt;: Process the &lt;var tit=
le=3D&quot;&quot;&gt;current element&lt;/var&gt; according to the
+      appropriate case below:&lt;/p&gt;
+
+      &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the &lt;var title=3D&quot;&q=
uot;&gt;current element&lt;/var&gt; has any &lt;code&gt;&lt;a href=3D#the=
-col-element&gt;col&lt;/a&gt;&lt;/code&gt; element children&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;Follow these steps:&lt;/p&gt;
+
+        &lt;ol&gt;&lt;li&gt;
+
+          &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;x&lt;sub title=3D=
&quot;&quot;&gt;start&lt;/sub&gt;&lt;/var&gt; have the value of &lt;span =
title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;x&lt;sub title=3D=
&quot;&quot;&gt;width&lt;/sub&gt;&lt;/var&gt;&lt;/span&gt;.&lt;/p&gt;
+
+         &lt;/li&gt;
+
+         &lt;li&gt;
+
+          &lt;p&gt;Let the &lt;var title=3D&quot;&quot;&gt;current colum=
n&lt;/var&gt; be the first &lt;code&gt;&lt;a href=3D#the-col-element&gt;c=
ol&lt;/a&gt;&lt;/code&gt; element child
+          of the &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgr=
oup&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+         &lt;/li&gt;
+
+         &lt;li&gt;
+
+          &lt;p&gt;&lt;i&gt;Columns&lt;/i&gt;: If the &lt;var title=3D&q=
uot;&quot;&gt;current column&lt;/var&gt; &lt;code&gt;&lt;a href=3D#the-co=
l-element&gt;col&lt;/a&gt;&lt;/code&gt; element has
+          a &lt;code title=3Dattr-col-span&gt;&lt;a href=3D#attr-col-spa=
n&gt;span&lt;/a&gt;&lt;/code&gt; attribute, then parse its value using th=
e
+          &lt;a href=3D#rules-for-parsing-non-negative-integers&gt;rules=
 for parsing non-negative integers&lt;/a&gt;.&lt;/p&gt;
+
+          &lt;p&gt;If the result of parsing the value is not an error or=
 zero, then let &lt;var title=3D&quot;&quot;&gt;span&lt;/var&gt; be that =
value.&lt;/p&gt;
+
+          &lt;p&gt;Otherwise, if the &lt;code&gt;&lt;a href=3D#the-col-e=
lement&gt;col&lt;/a&gt;&lt;/code&gt; element has no &lt;code title=3Dattr=
-col-span&gt;&lt;a href=3D#attr-col-span&gt;span&lt;/a&gt;&lt;/code&gt; a=
ttribute, or if trying to parse the attribute's value
+          resulted in an error or zero, then let &lt;var title=3D&quot;&=
quot;&gt;span&lt;/var&gt; be 1.&lt;/p&gt;
+
+         &lt;/li&gt;
+
+         &lt;li&gt;
+
+          &lt;p&gt;Increase &lt;var title=3D&quot;&quot;&gt;x&lt;sub tit=
le=3D&quot;&quot;&gt;width&lt;/sub&gt;&lt;/var&gt; by &lt;var title=3D&qu=
ot;&quot;&gt;span&lt;/var&gt;.&lt;/p&gt;
+
+         &lt;/li&gt;
+
+         &lt;li&gt;
+
+          &lt;p&gt;Let the last &lt;var title=3D&quot;&quot;&gt;span&lt;=
/var&gt; &lt;a href=3D#concept-column title=3Dconcept-column&gt;columns&l=
t;/a&gt; in
+          &lt;var title=3D&quot;&quot;&gt;the table&lt;/var&gt; correspo=
nd to the &lt;var title=3D&quot;&quot;&gt;current column&lt;/var&gt;
+          &lt;code&gt;&lt;a href=3D#the-col-element&gt;col&lt;/a&gt;&lt;=
/code&gt; element.&lt;/p&gt;
+
+         &lt;/li&gt;
+
+         &lt;li&gt;
+
+          &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;current column&lt;=
/var&gt; is not the last &lt;code&gt;&lt;a href=3D#the-col-element&gt;col=
&lt;/a&gt;&lt;/code&gt; element child of
+          the &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup=
&lt;/a&gt;&lt;/code&gt; element, then let the &lt;var title=3D&quot;&quot=
;&gt;current column&lt;/var&gt; be the
+          next &lt;code&gt;&lt;a href=3D#the-col-element&gt;col&lt;/a&gt=
;&lt;/code&gt; element child of the &lt;code&gt;&lt;a href=3D#the-colgrou=
p-element&gt;colgroup&lt;/a&gt;&lt;/code&gt; element, and return to
+          the step labeled &lt;i&gt;columns&lt;/i&gt;.&lt;/p&gt;
+
+         &lt;/li&gt;
+
+         &lt;li&gt;
+
+          &lt;p&gt;Let all the last &lt;a href=3D#concept-column title=3D=
concept-column&gt;columns&lt;/a&gt; in &lt;var title=3D&quot;&quot;&gt;th=
e
+          table&lt;/var&gt; from &lt;span title=3D&quot;&quot;&gt;x=3D&l=
t;var title=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;&quot;&gt;start&lt;/=
sub&gt;&lt;/var&gt;&lt;/span&gt; to
+          &lt;span title=3D&quot;&quot;&gt;x=3D&lt;var title=3D&quot;&qu=
ot;&gt;x&lt;sub title=3D&quot;&quot;&gt;width&lt;/sub&gt;&lt;/var&gt;-1&l=
t;/span&gt; form a new &lt;a href=3D#concept-column-group title=3Dconcept=
-column-group&gt;column group&lt;/a&gt;, anchored at the slot (&lt;var ti=
tle=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;&quot;&gt;start&lt;/sub&gt;&=
lt;/var&gt;, 0), with width &lt;span title=3D&quot;&quot;&gt;&lt;var titl=
e=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;&quot;&gt;width&lt;/sub&gt;&lt=
;/var&gt;-&lt;var title=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;&quot;&g=
t;start&lt;/sub&gt;&lt;/var&gt;&lt;/span&gt;, corresponding to the &lt;co=
de&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup&lt;/a&gt;&lt;/code&g=
t; element.&lt;/p&gt;
+
+         &lt;/li&gt;
+
+        &lt;/ol&gt;&lt;/dd&gt;
+
+
+       &lt;dt&gt;If the &lt;var title=3D&quot;&quot;&gt;current element&=
lt;/var&gt; has no &lt;code&gt;&lt;a href=3D#the-col-element&gt;col&lt;/a=
&gt;&lt;/code&gt; element children&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;ol&gt;&lt;li&gt;
+
+          &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-colgroup-element=
&gt;colgroup&lt;/a&gt;&lt;/code&gt; element has a &lt;code title=3Dattr-c=
olgroup-span&gt;&lt;a href=3D#attr-colgroup-span&gt;span&lt;/a&gt;&lt;/co=
de&gt;
+          attribute, then parse its value using the &lt;a href=3D#rules-=
for-parsing-non-negative-integers&gt;rules for parsing non-negative
+          integers&lt;/a&gt;.&lt;/p&gt;
+
+          &lt;p&gt;If the result of parsing the value is not an error or=
 zero, then let &lt;var title=3D&quot;&quot;&gt;span&lt;/var&gt; be that =
value.&lt;/p&gt;
+
+          &lt;p&gt;Otherwise, if the &lt;code&gt;&lt;a href=3D#the-colgr=
oup-element&gt;colgroup&lt;/a&gt;&lt;/code&gt; element has no &lt;code ti=
tle=3Dattr-colgroup-span&gt;&lt;a href=3D#attr-colgroup-span&gt;span&lt;/=
a&gt;&lt;/code&gt; attribute, or if trying to parse the attribute's
+          value resulted in an error or zero, then let &lt;var title=3D&=
quot;&quot;&gt;span&lt;/var&gt; be 1.&lt;/p&gt;
+
+         &lt;/li&gt;
+
+         &lt;li&gt;
+
+          &lt;p&gt;Increase &lt;var title=3D&quot;&quot;&gt;x&lt;sub tit=
le=3D&quot;&quot;&gt;width&lt;/sub&gt;&lt;/var&gt; by &lt;var title=3D&qu=
ot;&quot;&gt;span&lt;/var&gt;.&lt;/p&gt;
+
+         &lt;/li&gt;
+
+         &lt;li&gt;
+
+          &lt;p&gt;Let the last &lt;var title=3D&quot;&quot;&gt;span&lt;=
/var&gt; &lt;a href=3D#concept-column title=3Dconcept-column&gt;columns&l=
t;/a&gt; in
+          &lt;var title=3D&quot;&quot;&gt;the table&lt;/var&gt; form a n=
ew &lt;a href=3D#concept-column-group title=3Dconcept-column-group&gt;col=
umn
+          group&lt;/a&gt;, anchored at the slot (&lt;span title=3D&quot;=
&quot;&gt;&lt;var title=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;&quot;&g=
t;width&lt;/sub&gt;&lt;/var&gt;-&lt;var title=3D&quot;&quot;&gt;span&lt;/=
var&gt;&lt;/span&gt;, 0), with width &lt;var title=3D&quot;&quot;&gt;span=
&lt;/var&gt;, corresponding to the &lt;code&gt;&lt;a href=3D#the-colgroup=
-element&gt;colgroup&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+         &lt;/li&gt;
+
+        &lt;/ol&gt;&lt;/dd&gt;
+
+      &lt;/dl&gt;&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;&lt;a href=3D#concept-table-advance title=3Dconcept-table=
-advance&gt;Advance&lt;/a&gt; the &lt;var title=3D&quot;&quot;&gt;current=
 element&lt;/var&gt;
+      to the next child of the &lt;code&gt;&lt;a href=3D#the-table-eleme=
nt&gt;table&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;While the &lt;var title=3D&quot;&quot;&gt;current element=
&lt;/var&gt; is not one of the following elements, &lt;a href=3D#concept-=
table-advance title=3Dconcept-table-advance&gt;advance&lt;/a&gt; the &lt;=
var title=3D&quot;&quot;&gt;current element&lt;/var&gt; to the
+      next child of the &lt;code&gt;&lt;a href=3D#the-table-element&gt;t=
able&lt;/a&gt;&lt;/code&gt;:&lt;/p&gt;
+
+      &lt;ul class=3Dbrief&gt;&lt;li&gt;&lt;code&gt;&lt;a href=3D#the-co=
lgroup-element&gt;colgroup&lt;/a&gt;&lt;/code&gt;&lt;/li&gt;
+       &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt=
;/a&gt;&lt;/code&gt;&lt;/li&gt;
+       &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt=
;/a&gt;&lt;/code&gt;&lt;/li&gt;
+       &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt=
;/a&gt;&lt;/code&gt;&lt;/li&gt;
+       &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt=
;&lt;/code&gt;&lt;/li&gt;
+      &lt;/ul&gt;&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;current element&lt=
;/var&gt; is a &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup=
&lt;/a&gt;&lt;/code&gt; element, jump to the
+      step labeled &lt;i&gt;column groups&lt;/i&gt; above.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;=
&quot;&gt;current&lt;/sub&gt;&lt;/var&gt; be zero.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let the &lt;var title=3D&quot;&quot;&gt;list of downward-gr=
owing cells&lt;/var&gt; be an empty list.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;i&gt;Rows&lt;/i&gt;: While the &lt;var title=3D&quot;&q=
uot;&gt;current element&lt;/var&gt; is not one of the following
+    elements, &lt;a href=3D#concept-table-advance title=3Dconcept-table-=
advance&gt;advance&lt;/a&gt; the &lt;var title=3D&quot;&quot;&gt;current
+    element&lt;/var&gt; to the next child of the &lt;code&gt;&lt;a href=3D=
#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt;:&lt;/p&gt;
+
+    &lt;ul class=3Dbrief&gt;&lt;li&gt;&lt;code&gt;&lt;a href=3D#the-thea=
d-element&gt;thead&lt;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/=
a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/=
a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&=
lt;/code&gt;&lt;/li&gt;
+    &lt;/ul&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;current element&lt;/=
var&gt; is a &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;=
/code&gt;, then run the &lt;a href=3D#algorithm-for-processing-rows&gt;al=
gorithm
+    for processing rows&lt;/a&gt;, &lt;a href=3D#concept-table-advance t=
itle=3Dconcept-table-advance&gt;advance&lt;/a&gt; the &lt;var title=3D&qu=
ot;&quot;&gt;current element&lt;/var&gt; to the next child of the &lt;cod=
e&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt;, and=
 return to the
+    step labeled &lt;i&gt;rows&lt;/i&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Run the &lt;a href=3D#algorithm-for-ending-a-row-group&gt;a=
lgorithm for ending a row group&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;current element&lt;/=
var&gt; is a &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&g=
t;&lt;/code&gt;, then add that element to
+    the list of &lt;var title=3D&quot;&quot;&gt;pending &lt;code&gt;&lt;=
a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/code&gt; elements&lt;/=
var&gt;, &lt;a href=3D#concept-table-advance title=3Dconcept-table-advanc=
e&gt;advance&lt;/a&gt; the &lt;var title=3D&quot;&quot;&gt;current elemen=
t&lt;/var&gt; to the next
+    child of the &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt=
;/a&gt;&lt;/code&gt;, and return to the step labeled &lt;i&gt;rows&lt;/i&=
gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;The &lt;var title=3D&quot;&quot;&gt;current element&lt;/var=
&gt; is either a &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;=
/a&gt;&lt;/code&gt; or a
+    &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/c=
ode&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Run the &lt;a href=3D#algorithm-for-processing-row-groups&g=
t;algorithm for processing row groups&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#concept-table-advance title=3Dconcept-table-a=
dvance&gt;Advance&lt;/a&gt; the &lt;var title=3D&quot;&quot;&gt;current e=
lement&lt;/var&gt; to
+    the next child of the &lt;code&gt;&lt;a href=3D#the-table-element&gt=
;table&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Return to the step labeled &lt;i&gt;rows&lt;/i&gt;.&lt;/p&g=
t;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;i&gt;End&lt;/i&gt;: For each &lt;code&gt;&lt;a href=3D#=
the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/code&gt; element in the list of =
&lt;var title=3D&quot;&quot;&gt;pending
+    &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/c=
ode&gt; elements&lt;/var&gt;, in tree order, run the &lt;a href=3D#algori=
thm-for-processing-row-groups&gt;algorithm for processing row
+    groups&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If there exists a &lt;a href=3D#concept-row title=3Dconcept=
-row&gt;row&lt;/a&gt; or &lt;a href=3D#concept-column title=3Dconcept-col=
umn&gt;column&lt;/a&gt; in &lt;var title=3D&quot;&quot;&gt;the table&lt;/=
var&gt; containing only &lt;a href=3D#concept-slots title=3Dconcept-slots=
&gt;slots&lt;/a&gt; that do not have a &lt;a href=3D#concept-cell title=3D=
concept-cell&gt;cell&lt;/a&gt;
+    anchored to them, then this is a &lt;a href=3D#table-model-error&gt;=
table model error&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;the table&lt;/var&gt=
;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Dalgorithm-for-processing-row-grou=
ps&gt;algorithm for processing row groups&lt;/dfn&gt;, which is invoked b=
y the set of steps above
+  for processing &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt=
;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbod=
y&lt;/a&gt;&lt;/code&gt;, and &lt;code&gt;&lt;a href=3D#the-tfoot-element=
&gt;tfoot&lt;/a&gt;&lt;/code&gt; elements, is:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;=
&quot;&gt;start&lt;/sub&gt;&lt;/var&gt; have the value of &lt;var title=3D=
&quot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;height&lt;/sub&gt;&lt;/v=
ar&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;=
/a&gt;&lt;/code&gt; element that is a child of the element being processe=
d, in tree
+    order, run the &lt;a href=3D#algorithm-for-processing-rows&gt;algori=
thm for processing rows&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;!-- if we added any rows, make them part of a row group --&gt;
+    &lt;p&gt;If &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&=
quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;height&lt;/sub&gt;&lt;/var&gt;&=
amp;nbsp;&amp;gt;&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;y&lt;sub title=
=3D&quot;&quot;&gt;start&lt;/sub&gt;&lt;/var&gt;&lt;/span&gt;, then let a=
ll the last &lt;a href=3D#concept-row title=3Dconcept-row&gt;rows&lt;/a&g=
t; in &lt;var title=3D&quot;&quot;&gt;the table&lt;/var&gt; from &lt;span=
 title=3D&quot;&quot;&gt;y=3D&lt;var title=3D&quot;&quot;&gt;y&lt;sub tit=
le=3D&quot;&quot;&gt;start&lt;/sub&gt;&lt;/var&gt;&lt;/span&gt; to &lt;sp=
an title=3D&quot;&quot;&gt;y=3D&lt;var title=3D&quot;&quot;&gt;y&lt;sub t=
itle=3D&quot;&quot;&gt;height&lt;/sub&gt;&lt;/var&gt;-1&lt;/span&gt; form=
 a new &lt;a href=3D#concept-row-group title=3Dconcept-row-group&gt;row
+    group&lt;/a&gt;, anchored at the slot with coordinate (0, &lt;var ti=
tle=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;start&lt;/sub&gt;&=
lt;/var&gt;), with height &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D=
&quot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;height&lt;/sub&gt;&lt;/v=
ar&gt;-&lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;s=
tart&lt;/sub&gt;&lt;/var&gt;&lt;/span&gt;, corresponding
+    to the element being processed.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Run the &lt;a href=3D#algorithm-for-ending-a-row-group&gt;a=
lgorithm for ending a row group&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Dalgorithm-for-ending-a-row-group&=
gt;algorithm for ending a row group&lt;/dfn&gt;, which is invoked by the =
set of steps above
+  when starting and ending a block of rows, is:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;While &lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quo=
t;&quot;&gt;current&lt;/sub&gt;&lt;/var&gt; is less than &lt;var title=3D=
&quot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;height&lt;/sub&gt;&lt;/v=
ar&gt;, follow these steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;Run the &lt;a href=3D#algorithm-for-growing-downward-grow=
ing-cells&gt;algorithm for growing downward-growing cells&lt;/a&gt;.&lt;/=
p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Increase &lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D=
&quot;&quot;&gt;current&lt;/sub&gt;&lt;/var&gt; by 1.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Empty the &lt;var title=3D&quot;&quot;&gt;list of downward-=
growing cells&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Dalgorithm-for-processing-rows&gt;=
algorithm for processing rows&lt;/dfn&gt;, which is invoked by the set of=
 steps above for
+  processing &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt=
;/code&gt; elements, is:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;&=
quot;&gt;height&lt;/sub&gt;&lt;/var&gt; is equal to &lt;var title=3D&quot=
;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;current&lt;/sub&gt;&lt;/var&g=
t;, then increase &lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;=
&quot;&gt;height&lt;/sub&gt;&lt;/var&gt; by
+    1. (&lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt=
;current&lt;/sub&gt;&lt;/var&gt; is never &lt;em&gt;greater&lt;/em&gt; th=
an &lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;heigh=
t&lt;/sub&gt;&lt;/var&gt;.)&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;=
&quot;&gt;current&lt;/sub&gt;&lt;/var&gt; be 0.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Run the &lt;a href=3D#algorithm-for-growing-downward-growin=
g-cells&gt;algorithm for growing downward-growing cells&lt;/a&gt;.&lt;/p&=
gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a=
&gt;&lt;/code&gt; element being processed has no &lt;code&gt;&lt;a href=3D=
#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D=
#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt;
+    element children, then increase &lt;var title=3D&quot;&quot;&gt;y&lt=
;sub title=3D&quot;&quot;&gt;current&lt;/sub&gt;&lt;/var&gt; by 1, abort
+    this set of steps, and return to the algorithm above.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;current cell&lt;/var&gt=
; be the first &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&l=
t;/code&gt; or &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&l=
t;/code&gt; element child
+    in the &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/=
code&gt; element being processed.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;i&gt;Cells&lt;/i&gt;: While &lt;var title=3D&quot;&quot=
;&gt;x&lt;sub title=3D&quot;&quot;&gt;current&lt;/sub&gt;&lt;/var&gt; is =
less than &lt;var title=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;&quot;&g=
t;width&lt;/sub&gt;&lt;/var&gt; and the slot with coordinate (&lt;var tit=
le=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;&quot;&gt;current&lt;/sub&gt;=
&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;&quo=
t;&gt;current&lt;/sub&gt;&lt;/var&gt;) already has a
+    cell assigned to it, increase &lt;var title=3D&quot;&quot;&gt;x&lt;s=
ub title=3D&quot;&quot;&gt;current&lt;/sub&gt;&lt;/var&gt; by 1.&lt;/p&gt=
;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;&=
quot;&gt;current&lt;/sub&gt;&lt;/var&gt; is equal to &lt;var title=3D&quo=
t;&quot;&gt;x&lt;sub title=3D&quot;&quot;&gt;width&lt;/sub&gt;&lt;/var&gt=
;, increase &lt;var title=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;&quot;=
&gt;width&lt;/sub&gt;&lt;/var&gt; by 1. (&lt;var title=3D&quot;&quot;&gt;=
x&lt;sub title=3D&quot;&quot;&gt;current&lt;/sub&gt;&lt;/var&gt; is never=
 &lt;em&gt;greater&lt;/em&gt; than &lt;var title=3D&quot;&quot;&gt;x&lt;s=
ub title=3D&quot;&quot;&gt;width&lt;/sub&gt;&lt;/var&gt;.)&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;current cell&lt;/var=
&gt; has a &lt;code title=3Dattr-tdth-colspan&gt;&lt;a href=3D#attr-tdth-=
colspan&gt;colspan&lt;/a&gt;&lt;/code&gt;
+    attribute, then &lt;a href=3D#rules-for-parsing-non-negative-integer=
s title=3D&quot;rules for parsing non-negative integers&quot;&gt;parse th=
at attribute's
+    value&lt;/a&gt;, and let &lt;var title=3D&quot;&quot;&gt;colspan&lt;=
/var&gt; be the result.&lt;/p&gt;
+
+    &lt;p&gt;If parsing that value failed, or returned zero, or if the a=
ttribute is absent, then let &lt;var title=3D&quot;&quot;&gt;colspan&lt;/=
var&gt; be 1, instead.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;current cell&lt;/var=
&gt; has a &lt;code title=3Dattr-tdth-rowspan&gt;&lt;a href=3D#attr-tdth-=
rowspan&gt;rowspan&lt;/a&gt;&lt;/code&gt;
+    attribute, then &lt;a href=3D#rules-for-parsing-non-negative-integer=
s title=3D&quot;rules for parsing non-negative integers&quot;&gt;parse th=
at attribute's
+    value&lt;/a&gt;, and let &lt;var title=3D&quot;&quot;&gt;rowspan&lt;=
/var&gt; be the result.&lt;/p&gt;
+
+    &lt;p&gt;If parsing that value failed or if the attribute is absent,=
 then let &lt;var title=3D&quot;&quot;&gt;rowspan&lt;/var&gt; be 1, inste=
ad.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;rowspan&lt;/var&gt; is z=
ero and the &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt=
;&lt;/code&gt; element's
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; is not set to &lt;a href=3D#quirks-mode&gt;quirks mode&lt;/a&gt;, then =
let &lt;var title=3D&quot;&quot;&gt;cell grows
+    downward&lt;/var&gt; be true, and set &lt;var title=3D&quot;&quot;&g=
t;rowspan&lt;/var&gt; to 1. Otherwise, let &lt;var title=3D&quot;&quot;&g=
t;cell grows downward&lt;/var&gt; be false.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&=
quot;&gt;x&lt;sub title=3D&quot;&quot;&gt;width&lt;/sub&gt;&lt;/var&gt;&a=
mp;nbsp;&amp;lt;&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;x&lt;sub title=3D=
&quot;&quot;&gt;current&lt;/sub&gt;&lt;/var&gt;+&lt;var title=3D&quot;&qu=
ot;&gt;colspan&lt;/var&gt;&lt;/span&gt;, then let &lt;var title=3D&quot;&=
quot;&gt;x&lt;sub title=3D&quot;&quot;&gt;width&lt;/sub&gt;&lt;/var&gt; b=
e &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;x&lt;s=
ub title=3D&quot;&quot;&gt;current&lt;/sub&gt;&lt;/var&gt;+&lt;var title=3D=
&quot;&quot;&gt;colspan&lt;/var&gt;&lt;/span&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&=
quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;height&lt;/sub&gt;&lt;/var&gt;&=
amp;nbsp;&amp;lt;&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;y&lt;sub title=
=3D&quot;&quot;&gt;current&lt;/sub&gt;&lt;/var&gt;+&lt;var title=3D&quot;=
&quot;&gt;rowspan&lt;/var&gt;&lt;/span&gt;, then let &lt;var title=3D&quo=
t;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;height&lt;/sub&gt;&lt;/var&g=
t; be &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;y&=
lt;sub title=3D&quot;&quot;&gt;current&lt;/sub&gt;&lt;/var&gt;+&lt;var ti=
tle=3D&quot;&quot;&gt;rowspan&lt;/var&gt;&lt;/span&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let the slots with coordinates (&lt;var title=3D&quot;&quot=
;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;) such t=
hat &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;x&lt=
;sub title=3D&quot;&quot;&gt;current&lt;/sub&gt;&lt;/var&gt;&amp;nbsp;&am=
p;le;&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;&amp;nbsp;&am=
p;lt;&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;&qu=
ot;&gt;current&lt;/sub&gt;&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;co=
lspan&lt;/var&gt;&lt;/span&gt; and &lt;span title=3D&quot;&quot;&gt;&lt;v=
ar title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;current&lt;/s=
ub&gt;&lt;/var&gt;&amp;nbsp;&amp;le;&amp;nbsp;&lt;var title=3D&quot;&quot=
;&gt;y&lt;/var&gt;&amp;nbsp;&amp;lt;&amp;nbsp;&lt;var title=3D&quot;&quot=
;&gt;y&lt;sub title=3D&quot;&quot;&gt;current&lt;/sub&gt;&lt;/var&gt;+&lt=
;var title=3D&quot;&quot;&gt;rowspan&lt;/var&gt;&lt;/span&gt; be covered =
by a
+    new &lt;a href=3D#concept-cell title=3Dconcept-cell&gt;cell&lt;/a&gt=
; &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt;, anchored at (&lt;var tit=
le=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;&quot;&gt;current&lt;/sub&gt;=
&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;&quo=
t;&gt;current&lt;/sub&gt;&lt;/var&gt;),
+    which has width &lt;var title=3D&quot;&quot;&gt;colspan&lt;/var&gt; =
and height &lt;var title=3D&quot;&quot;&gt;rowspan&lt;/var&gt;,
+    corresponding to the &lt;var title=3D&quot;&quot;&gt;current cell&lt=
;/var&gt; element.&lt;/p&gt;
+
+    &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;current cell&lt;/var=
&gt; element is a &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt=
;&lt;/code&gt; element, let this new
+    cell &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; be a header cell;=
 otherwise, let it be a data cell.&lt;/p&gt;
+
+    &lt;p&gt;To establish which header cells apply to the &lt;var title=3D=
&quot;&quot;&gt;current cell&lt;/var&gt; element, use
+    the &lt;a href=3D#algorithm-for-assigning-header-cells&gt;algorithm =
for assigning header cells&lt;/a&gt; described in the next section.&lt;/p=
&gt;
+
+    &lt;p&gt;If any of the slots involved already had a &lt;a href=3D#co=
ncept-cell title=3Dconcept-cell&gt;cell&lt;/a&gt; covering
+    them, then this is a &lt;a href=3D#table-model-error&gt;table model =
error&lt;/a&gt;. Those slots now have two cells
+    overlapping.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;cell grows downward&lt;/=
var&gt; is true, then add the tuple {&lt;var title=3D&quot;&quot;&gt;c&lt=
;/var&gt;, &lt;var title=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;&quot;&=
gt;current&lt;/sub&gt;&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;colsp=
an&lt;/var&gt;}
+    to the &lt;var title=3D&quot;&quot;&gt;list of downward-growing cell=
s&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Increase &lt;var title=3D&quot;&quot;&gt;x&lt;sub title=3D&=
quot;&quot;&gt;current&lt;/sub&gt;&lt;/var&gt; by &lt;var title=3D&quot;&=
quot;&gt;colspan&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;current cell&lt;/var&gt;=
 is the last &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;=
/code&gt; or &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;=
/code&gt; element child in
+    the &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/cod=
e&gt; element being processed, then increase &lt;var title=3D&quot;&quot;=
&gt;y&lt;sub title=3D&quot;&quot;&gt;current&lt;/sub&gt;&lt;/var&gt; by 1=
, abort this set of steps, and return to the algorithm
+    above.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;current cell&lt;/var&gt=
; be the next &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt=
;/code&gt; or &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt=
;/code&gt; element child
+    in the &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/=
code&gt; element being processed.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Return to the step labeled &lt;i&gt;cells&lt;/i&gt;.&lt;/p&=
gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When the algorithms above require the user agent t=
o run the &lt;dfn id=3Dalgorithm-for-growing-downward-growing-cells&gt;al=
gorithm for growing
+  downward-growing cells&lt;/dfn&gt;, the user agent must, for each {&lt=
;var title=3D&quot;&quot;&gt;cell&lt;/var&gt;, &lt;var title=3D&quot;&quo=
t;&gt;cell&lt;sub title=3D&quot;&quot;&gt;x&lt;/sub&gt;&lt;/var&gt;, &lt;=
var title=3D&quot;&quot;&gt;width&lt;/var&gt;} tuple in the &lt;var title=
=3D&quot;&quot;&gt;list of downward-growing cells&lt;/var&gt;, if any, ex=
tend the &lt;a href=3D#concept-cell title=3Dconcept-cell&gt;cell&lt;/a&gt=
; &lt;var title=3D&quot;&quot;&gt;cell&lt;/var&gt; so that it also covers=
 the slots with
+  coordinates (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var ti=
tle=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;current&lt;/sub&gt=
;&lt;/var&gt;), where &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&q=
uot;&quot;&gt;cell&lt;sub title=3D&quot;&quot;&gt;x&lt;/sub&gt;&lt;/var&g=
t;&amp;nbsp;&amp;le;&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;x&lt;/var&g=
t;&amp;nbsp;&amp;lt;&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;cell&lt;sub=
 title=3D&quot;&quot;&gt;x&lt;/sub&gt;&lt;/var&gt;+&lt;var title=3D&quot;=
&quot;&gt;width&lt;/var&gt;&lt;/span&gt;.&lt;/p&gt;
+
+
+
+
+  &lt;h5 id=3Dheader-and-data-cell-semantics&gt;&lt;span class=3Dsecno&g=
t;4.9.12.2 &lt;/span&gt;Forming relationships between data cells and head=
er cells&lt;/h5&gt;
+
+  &lt;p&gt;Each cell can be assigned zero or more header cells. The &lt;=
dfn id=3Dalgorithm-for-assigning-header-cells&gt;algorithm for assigning =
header
+  cells&lt;/dfn&gt; to a cell &lt;var title=3D&quot;&quot;&gt;principal =
cell&lt;/var&gt; is as follows.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!-- INITIALIZATION --&gt;&lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;header list&lt;/var&gt;=
 be an empty list of cells.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let (&lt;var title=3D&quot;&quot;&gt;principal&lt;sub title=
=3D&quot;&quot;&gt;x&lt;/sub&gt;&lt;/var&gt;, &lt;var title=3D&quot;&quot=
;&gt;principal&lt;sub title=3D&quot;&quot;&gt;y&lt;/sub&gt;&lt;/var&gt;) =
be the coordinate of the slot to which the &lt;var title=3D&quot;&quot;&g=
t;principal
+    cell&lt;/var&gt; is anchored.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the &lt;var title=3D&quot;&quo=
t;&gt;principal cell&lt;/var&gt; has a &lt;code title=3Dattr-tdth-headers=
&gt;&lt;a href=3D#attr-tdth-headers&gt;headers&lt;/a&gt;&lt;/code&gt; att=
ribute specified&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;!-- HEADERS=3D&quot;&quot; --&gt;
+
+      &lt;ol&gt;&lt;li&gt;
+
+        &lt;p&gt;Take the value of the &lt;var title=3D&quot;&quot;&gt;p=
rincipal cell&lt;/var&gt;'s &lt;code title=3Dattr-tdth-headers&gt;&lt;a h=
ref=3D#attr-tdth-headers&gt;headers&lt;/a&gt;&lt;/code&gt; attribute and =
&lt;a href=3D#split-a-string-on-spaces title=3D&quot;split a string on
+        spaces&quot;&gt;split it on spaces&lt;/a&gt;, letting &lt;var ti=
tle=3D&quot;&quot;&gt;id list&lt;/var&gt; be the list of tokens
+        obtained.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;
+
+        &lt;!-- support headers=3D&quot;&quot; to &lt;td&gt; for legacy =
compat --&gt;
+        &lt;!-- note that it's not conforming though --&gt;
+        &lt;p&gt;For each token in the &lt;var title=3D&quot;&quot;&gt;i=
d list&lt;/var&gt;, if the
+        first element in the &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt; with an &lt;a href=3D#concept-id title=3Dconce=
pt-id&gt;ID&lt;/a&gt; equal to
+        the token is a cell in the same &lt;a href=3D#concept-table titl=
e=3Dconcept-table&gt;table&lt;/a&gt;, and that cell is not the
+        &lt;var title=3D&quot;&quot;&gt;principal cell&lt;/var&gt;, then=
 add that cell to &lt;var title=3D&quot;&quot;&gt;header list&lt;/var&gt;=
.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/dd&gt;
+
+
+     &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;principal cell&lt;/var=
&gt; does not have a &lt;code title=3Dattr-tdth-headers&gt;&lt;a href=3D#=
attr-tdth-headers&gt;headers&lt;/a&gt;&lt;/code&gt; attribute specified&l=
t;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;ol&gt;&lt;li&gt;
+
+        &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;principal&lt;sub ti=
tle=3D&quot;&quot;&gt;width&lt;/sub&gt;&lt;/var&gt; be the width of the &=
lt;var title=3D&quot;&quot;&gt;principal cell&lt;/var&gt;.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;principal&lt;sub ti=
tle=3D&quot;&quot;&gt;height&lt;/sub&gt;&lt;/var&gt; be the height of the=
 &lt;var title=3D&quot;&quot;&gt;principal cell&lt;/var&gt;.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+
+       &lt;!-- HORIZONTAL --&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;For each value of &lt;var title=3D&quot;&quot;&gt;y&lt;=
/var&gt; from &lt;var title=3D&quot;&quot;&gt;principal&lt;sub title=3D&q=
uot;&quot;&gt;y&lt;/sub&gt;&lt;/var&gt; to &lt;span title=3D&quot;&quot;&=
gt;&lt;var title=3D&quot;&quot;&gt;principal&lt;sub title=3D&quot;&quot;&=
gt;y&lt;/sub&gt;&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;principal&lt=
;sub title=3D&quot;&quot;&gt;height&lt;/sub&gt;&lt;/var&gt;-1&lt;/span&gt=
;, run
+        the &lt;a href=3D#internal-algorithm-for-scanning-and-assigning-=
header-cells&gt;internal algorithm for scanning and assigning header cell=
s&lt;/a&gt;, with the &lt;var title=3D&quot;&quot;&gt;principal cell&lt;/=
var&gt;, the &lt;var title=3D&quot;&quot;&gt;header list&lt;/var&gt;, the=
 initial coordinate
+        (&lt;var title=3D&quot;&quot;&gt;principal&lt;sub title=3D&quot;=
&quot;&gt;x&lt;/sub&gt;&lt;/var&gt;,&lt;var title=3D&quot;&quot;&gt;y&lt;=
/var&gt;), and the
+        increments &lt;span title=3D&quot;&quot;&gt;&amp;Delta;&lt;var t=
itle=3D&quot;&quot;&gt;x&lt;/var&gt;=3D&amp;minus;1&lt;/span&gt; and &lt;=
span title=3D&quot;&quot;&gt;&amp;Delta;&lt;var title=3D&quot;&quot;&gt;y=
&lt;/var&gt;=3D0&lt;/span&gt;.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+
+       &lt;!-- VERTICAL --&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;For each value of &lt;var title=3D&quot;&quot;&gt;x&lt;=
/var&gt; from &lt;var title=3D&quot;&quot;&gt;principal&lt;sub title=3D&q=
uot;&quot;&gt;x&lt;/sub&gt;&lt;/var&gt; to &lt;span title=3D&quot;&quot;&=
gt;&lt;var title=3D&quot;&quot;&gt;principal&lt;sub title=3D&quot;&quot;&=
gt;x&lt;/sub&gt;&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;principal&lt=
;sub title=3D&quot;&quot;&gt;width&lt;/sub&gt;&lt;/var&gt;-1&lt;/span&gt;=
, run
+        the &lt;a href=3D#internal-algorithm-for-scanning-and-assigning-=
header-cells&gt;internal algorithm for scanning and assigning header cell=
s&lt;/a&gt;, with the &lt;var title=3D&quot;&quot;&gt;principal cell&lt;/=
var&gt;, the &lt;var title=3D&quot;&quot;&gt;header list&lt;/var&gt;, the=
 initial coordinate
+        (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;,&lt;var title=3D&=
quot;&quot;&gt;principal&lt;sub title=3D&quot;&quot;&gt;y&lt;/sub&gt;&lt;=
/var&gt;), and the
+        increments &lt;span title=3D&quot;&quot;&gt;&amp;Delta;&lt;var t=
itle=3D&quot;&quot;&gt;x&lt;/var&gt;=3D0&lt;/span&gt; and &lt;span title=3D=
&quot;&quot;&gt;&amp;Delta;&lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;=3D=
&amp;minus;1&lt;/span&gt;.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+
+       &lt;!-- ROW GROUP HEADERS --&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;principal cell&l=
t;/var&gt; is anchored in a &lt;a href=3D#concept-row-group title=3Dconce=
pt-row-group&gt;row group&lt;/a&gt;, then add all header cells that are &=
lt;a href=3D#row-group-header title=3D&quot;row group header&quot;&gt;row=
 group headers&lt;/a&gt; and are anchored in the same row group
+        with an &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;-coordinate=
 less than or equal to &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&=
quot;&quot;&gt;principal&lt;sub title=3D&quot;&quot;&gt;x&lt;/sub&gt;&lt;=
/var&gt;+&lt;var title=3D&quot;&quot;&gt;principal&lt;sub title=3D&quot;&=
quot;&gt;width&lt;/sub&gt;&lt;/var&gt;-1&lt;/span&gt; and a &lt;var title=
=3D&quot;&quot;&gt;y&lt;/var&gt;-coordinate less than or
+        equal to &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;=
&quot;&gt;principal&lt;sub title=3D&quot;&quot;&gt;y&lt;/sub&gt;&lt;/var&=
gt;+&lt;var title=3D&quot;&quot;&gt;principal&lt;sub title=3D&quot;&quot;=
&gt;height&lt;/sub&gt;&lt;/var&gt;-1&lt;/span&gt; to &lt;var title=3D&quo=
t;&quot;&gt;header
+        list&lt;/var&gt;.&lt;/p&gt;
+
+        &lt;!-- this might introduce principal accidentally; fixed below=
 --&gt;
+
+       &lt;/li&gt;
+
+
+       &lt;!-- COLUMN GROUP HEADERS --&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;principal cell&l=
t;/var&gt; is anchored in a &lt;a href=3D#concept-column-group title=3Dco=
ncept-column-group&gt;column group&lt;/a&gt;, then add all header cells t=
hat are &lt;a href=3D#column-group-header title=3D&quot;column group head=
er&quot;&gt;column group headers&lt;/a&gt; and are anchored in the same c=
olumn
+        group with an &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;-coor=
dinate less than or equal to &lt;span title=3D&quot;&quot;&gt;&lt;var tit=
le=3D&quot;&quot;&gt;principal&lt;sub title=3D&quot;&quot;&gt;x&lt;/sub&g=
t;&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;principal&lt;sub title=3D&=
quot;&quot;&gt;width&lt;/sub&gt;&lt;/var&gt;-1&lt;/span&gt; and a &lt;var=
 title=3D&quot;&quot;&gt;y&lt;/var&gt;-coordinate less than or
+        equal to &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;=
&quot;&gt;principal&lt;sub title=3D&quot;&quot;&gt;y&lt;/sub&gt;&lt;/var&=
gt;+&lt;var title=3D&quot;&quot;&gt;principal&lt;sub title=3D&quot;&quot;=
&gt;height&lt;/sub&gt;&lt;/var&gt;-1&lt;/span&gt; to &lt;var title=3D&quo=
t;&quot;&gt;header
+        list&lt;/var&gt;.&lt;/p&gt;
+
+        &lt;!-- this might introduce principal accidentally; fixed below=
 --&gt;
+
+       &lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+
+   &lt;!--CLEANING UP--&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Remove all the &lt;a href=3D#empty-cell title=3D&quot;empty=
 cell&quot;&gt;empty cells&lt;/a&gt; from the &lt;var title=3D&quot;&quot=
;&gt;header
+    list&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Remove any duplicates from the &lt;var title=3D&quot;&quot;=
&gt;header list&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Remove &lt;var title=3D&quot;&quot;&gt;principal cell&lt;/v=
ar&gt; from the &lt;var title=3D&quot;&quot;&gt;header list&lt;/var&gt; i=
f it is
+    there.&lt;/p&gt; &lt;!-- see &quot;might introduce principal acciden=
tally&quot; above --&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Assign the headers in the &lt;var title=3D&quot;&quot;&gt;h=
eader list&lt;/var&gt; to the &lt;var title=3D&quot;&quot;&gt;principal
+    cell&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Dinternal-algorithm-for-scanning-a=
nd-assigning-header-cells&gt;internal algorithm for scanning and assignin=
g header cells&lt;/dfn&gt;, given a &lt;var title=3D&quot;&quot;&gt;princ=
ipal cell&lt;/var&gt;, a &lt;var title=3D&quot;&quot;&gt;header list&lt;/=
var&gt;, an initial coordinate (&lt;var title=3D&quot;&quot;&gt;initial&l=
t;sub title=3D&quot;&quot;&gt;x&lt;/sub&gt;&lt;/var&gt;, &lt;var title=3D=
&quot;&quot;&gt;initial&lt;sub title=3D&quot;&quot;&gt;y&lt;/sub&gt;&lt;/=
var&gt;),
+  and &amp;Delta;&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; and &amp;=
Delta;&lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; increments, is as fol=
lows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; equal &lt=
;var title=3D&quot;&quot;&gt;initial&lt;sub title=3D&quot;&quot;&gt;x&lt;=
/sub&gt;&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; equal &lt=
;var title=3D&quot;&quot;&gt;initial&lt;sub title=3D&quot;&quot;&gt;y&lt;=
/sub&gt;&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;opaque headers&lt;/var&=
gt; be an empty list of cells.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quot;&g=
t;principal cell&lt;/var&gt; is a header cell&lt;/dt&gt;
+
+     &lt;dd&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;in header bl=
ock&lt;/var&gt; be true, and let &lt;var title=3D&quot;&quot;&gt;headers =
from
+     current header block&lt;/var&gt; be a list of cells containing just=
 the &lt;var title=3D&quot;&quot;&gt;principal
+     cell&lt;/var&gt;.&lt;/dd&gt;
+
+     &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+     &lt;dd&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;in header bl=
ock&lt;/var&gt; be false and let &lt;var title=3D&quot;&quot;&gt;headers =
from
+     current header block&lt;/var&gt; be an empty list of cells.&lt;/p&g=
t;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;i&gt;Loop&lt;/i&gt;: Increment &lt;var title=3D&quot;&q=
uot;&gt;x&lt;/var&gt; by &amp;Delta;&lt;var title=3D&quot;&quot;&gt;x&lt;=
/var&gt;; increment &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; by &amp=
;Delta;&lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;For each invocation of this algorithm, one of =
&amp;Delta;&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; and
+    &amp;Delta;&lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; will be &am=
p;minus;1, and the other will be 0.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If either &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; or =
&lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; is less than 0, then abort =
this
+    internal algorithm.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If there is no cell covering slot (&lt;var title=3D&quot;&q=
uot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;), or=
 if there
+    is more than one cell covering slot (&lt;var title=3D&quot;&quot;&gt=
;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;), return to
+    the substep labeled &lt;i&gt;loop&lt;/i&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;current cell&lt;/var&gt=
; be the cell covering slot (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt=
;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;).&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quot;&g=
t;current cell&lt;/var&gt; is a header cell&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;i=
n header block&lt;/var&gt; to true.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Add &lt;var title=3D&quot;&quot;&gt;current ce=
ll&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;headers from current he=
ader
+       block&lt;/var&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;blocked&lt=
;/var&gt; be false.&lt;/li&gt;
+
+       &lt;li&gt;
+
+        &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &amp;Delta;&lt;var title=3D=
&quot;&quot;&gt;x&lt;/var&gt; is 0&lt;/dt&gt;
+
+         &lt;dd&gt;
+
+          &lt;p&gt;If there are any cells in the &lt;var title=3D&quot;&=
quot;&gt;opaque headers&lt;/var&gt; list anchored with the
+          same &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;-coordinate =
as the &lt;var title=3D&quot;&quot;&gt;current cell&lt;/var&gt;, and with
+          the same width as &lt;var title=3D&quot;&quot;&gt;current cell=
&lt;/var&gt;, then let &lt;var title=3D&quot;&quot;&gt;blocked&lt;/var&gt=
;
+          be true.&lt;/p&gt;
+
+          &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;current cell&l=
t;/var&gt; is not a &lt;a href=3D#column-header&gt;column header&lt;/a&gt=
;, then let
+          &lt;var title=3D&quot;&quot;&gt;blocked&lt;/var&gt; be true.&l=
t;/p&gt;
+
+         &lt;/dd&gt;
+
+         &lt;dt&gt;If &amp;Delta;&lt;var title=3D&quot;&quot;&gt;y&lt;/v=
ar&gt; is 0&lt;/dt&gt;
+
+         &lt;dd&gt;
+
+          &lt;p&gt;If there are any cells in the &lt;var title=3D&quot;&=
quot;&gt;opaque headers&lt;/var&gt; list anchored with the
+          same &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;-coordinate =
as the &lt;var title=3D&quot;&quot;&gt;current cell&lt;/var&gt;, and with
+          the same height as &lt;var title=3D&quot;&quot;&gt;current cel=
l&lt;/var&gt;, then let &lt;var title=3D&quot;&quot;&gt;blocked&lt;/var&g=
t;
+          be true.&lt;/p&gt;
+
+          &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;current cell&l=
t;/var&gt; is not a &lt;a href=3D#row-header&gt;row header&lt;/a&gt;, the=
n let &lt;var title=3D&quot;&quot;&gt;blocked&lt;/var&gt; be true.&lt;/p&=
gt;
+
+         &lt;/dd&gt;
+
+        &lt;/dl&gt;&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;blocked&lt;=
/var&gt; is false, then add the &lt;var title=3D&quot;&quot;&gt;current c=
ell&lt;/var&gt;
+       to the &lt;var title=3D&quot;&quot;&gt;headers list&lt;/var&gt;.&=
lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/dd&gt;
+
+     &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;current cell&lt;/var&g=
t; is a data cell and &lt;var title=3D&quot;&quot;&gt;in header block&lt;=
/var&gt; is true&lt;/dt&gt;
+
+     &lt;dd&gt;&lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;in header bl=
ock&lt;/var&gt; to false. Add all the cells in &lt;var title=3D&quot;&quo=
t;&gt;headers from current header block&lt;/var&gt; to the &lt;var title=3D=
&quot;&quot;&gt;opaque headers&lt;/var&gt;
+     list, and empty the &lt;var title=3D&quot;&quot;&gt;headers from cu=
rrent header block&lt;/var&gt; list.&lt;/p&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Return to the step labeled &lt;i&gt;loop&lt;/i&gt;.&lt;/p&g=
t;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;A header cell anchored at the slot with coordinate=
 (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&q=
uot;&gt;y&lt;/var&gt;) with width &lt;var title=3D&quot;&quot;&gt;width&l=
t;/var&gt; and height &lt;var title=3D&quot;&quot;&gt;height&lt;/var&gt; =
is
+  said to be a &lt;dfn id=3Dcolumn-header&gt;column header&lt;/dfn&gt; i=
f any of the following conditions are true:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;The cell's &lt;code title=3Dattr-th-scope&gt;&lt;a=
 href=3D#attr-th-scope&gt;scope&lt;/a&gt;&lt;/code&gt; attribute is in th=
e &lt;a href=3D#attr-th-scope-col title=3Dattr-th-scope-col&gt;column&lt;=
/a&gt; state, or&lt;/li&gt;
+
+   &lt;li&gt;The cell's &lt;code title=3Dattr-th-scope&gt;&lt;a href=3D#=
attr-th-scope&gt;scope&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a h=
ref=3D#attr-th-scope-auto title=3Dattr-th-scope-auto&gt;auto&lt;/a&gt; st=
ate, and there are no data cells in any of the cells
+   covering slots with &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;-coo=
rdinates &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; .. &lt;span title=3D=
&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;+&lt;var tit=
le=3D&quot;&quot;&gt;height&lt;/var&gt;-1&lt;/span&gt;.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;A header cell anchored at the slot with coordinate=
 (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&q=
uot;&gt;y&lt;/var&gt;) with width &lt;var title=3D&quot;&quot;&gt;width&l=
t;/var&gt; and height &lt;var title=3D&quot;&quot;&gt;height&lt;/var&gt; =
is
+  said to be a &lt;dfn id=3Drow-header&gt;row header&lt;/dfn&gt; if any =
of the following conditions are true:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;The cell's &lt;code title=3Dattr-th-scope&gt;&lt;a=
 href=3D#attr-th-scope&gt;scope&lt;/a&gt;&lt;/code&gt; attribute is in th=
e &lt;a href=3D#attr-th-scope-row title=3Dattr-th-scope-row&gt;row&lt;/a&=
gt; state, or&lt;/li&gt;
+
+   &lt;li&gt;The cell's &lt;code title=3Dattr-th-scope&gt;&lt;a href=3D#=
attr-th-scope&gt;scope&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a h=
ref=3D#attr-th-scope-auto title=3Dattr-th-scope-auto&gt;auto&lt;/a&gt; st=
ate, the cell is not a &lt;a href=3D#column-header&gt;column header&lt;/a=
&gt;, and
+   there are no data cells in any of the cells covering slots with &lt;v=
ar title=3D&quot;&quot;&gt;x&lt;/var&gt;-coordinates
+   &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; .. &lt;span title=3D&qu=
ot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;+&lt;var title=3D=
&quot;&quot;&gt;width&lt;/var&gt;-1&lt;/span&gt;.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;A header cell is said to be a &lt;dfn id=3Dcolumn-=
group-header&gt;column group header&lt;/dfn&gt; if its &lt;code title=3Da=
ttr-th-scope&gt;&lt;a href=3D#attr-th-scope&gt;scope&lt;/a&gt;&lt;/code&g=
t; attribute is in the &lt;a href=3D#attr-th-scope-colgroup title=3Dattr-=
th-scope-colgroup&gt;column
+  group&lt;/a&gt; state.&lt;/p&gt;
+
+  &lt;p&gt;A header cell is said to be a &lt;dfn id=3Drow-group-header&g=
t;row group header&lt;/dfn&gt; if its &lt;code title=3Dattr-th-scope&gt;&=
lt;a href=3D#attr-th-scope&gt;scope&lt;/a&gt;&lt;/code&gt; attribute is i=
n the &lt;a href=3D#attr-th-scope-rowgroup title=3Dattr-th-scope-rowgroup=
&gt;row
+  group&lt;/a&gt; state.&lt;/p&gt;
+
+  &lt;p&gt;A cell is said to be an &lt;dfn id=3Dempty-cell&gt;empty cell=
&lt;/dfn&gt; if it contains no elements and its text content,
+  if any, consists only of &lt;a href=3D#white_space&gt;White_Space&lt;/=
a&gt; characters.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dtable-sorting-model&gt;&lt;span class=3Dsecno&gt;4.9.13 &l=
t;/span&gt;&lt;dfn&gt;Table sorting model&lt;/dfn&gt;&lt;/h4&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-table-sortable title=3Dattr-table-sorta=
ble&gt;&lt;code&gt;sortable&lt;/code&gt;&lt;/dfn&gt; attribute on
+  &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/cod=
e&gt; elements is a &lt;a href=3D#boolean-attribute&gt;boolean attribute&=
lt;/a&gt;. When present, it indicates that
+  the user agent is to &lt;a href=3D#sortable-ui&gt;allow the user to so=
rt&lt;/a&gt; the &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;=
/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p&gt;To make a column sortable in a &lt;code&gt;&lt;a href=3D#the-=
table-element&gt;table&lt;/a&gt;&lt;/code&gt; with a &lt;code&gt;&lt;a hr=
ef=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/code&gt;, the column needs
+  to have &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/c=
ode&gt; element that does not &lt;a href=3D#attr-tdth-colspan title=3Datt=
r-tdth-colspan&gt;span multiple
+  columns&lt;/a&gt; in a &lt;code&gt;&lt;a href=3D#the-thead-element&gt;=
thead&lt;/a&gt;&lt;/code&gt; above any rows that it is to sort.&lt;/p&gt;
+
+  &lt;p&gt;To make a column sortable in a &lt;code&gt;&lt;a href=3D#the-=
table-element&gt;table&lt;/a&gt;&lt;/code&gt; without a &lt;code&gt;&lt;a=
 href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/code&gt;, the column
+  needs to have &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;=
&lt;/code&gt; element that does not &lt;a href=3D#attr-tdth-colspan title=
=3Dattr-tdth-colspan&gt;span multiple
+  columns&lt;/a&gt; in the first &lt;code&gt;&lt;a href=3D#the-tr-elemen=
t&gt;tr&lt;/a&gt;&lt;/code&gt; element of the &lt;code&gt;&lt;a href=3D#t=
he-table-element&gt;table&lt;/a&gt;&lt;/code&gt;, where that
+  &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; =
element is not in a &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&=
lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When the user selects a column by which to sort, the user age=
nt sets the &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/=
code&gt;
+  element's &lt;dfn id=3Dattr-th-sorted title=3Dattr-th-sorted&gt;&lt;co=
de&gt;sorted&lt;/code&gt;&lt;/dfn&gt; attribute. This attribute can also
+  be set manually, to indicate that the table should be automatically so=
rted, even when scripts
+  modify the page on when the page is loaded.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-th-sorted&gt;&lt;a href=3D#attr-th-=
sorted&gt;sorted&lt;/a&gt;&lt;/code&gt; attribute, if specified, must hav=
e a value that
+  is a &lt;a href=3D#set-of-space-separated-tokens&gt;set of space-separ=
ated tokens&lt;/a&gt; consisting of optionally a token whose value is an
+  &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-insensitive&lt;/a&g=
t; match for the string &quot;&lt;dfn id=3Dattr-th-sorted-reversed title=3D=
attr-th-sorted-reversed&gt;&lt;code&gt;reversed&lt;/code&gt;&lt;/dfn&gt;&=
quot;, and optionally a token whose value
+  is a &lt;a href=3D#valid-non-negative-integer&gt;valid non-negative in=
teger&lt;/a&gt; greater than zero, in either order.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;In other words, ignoring spaces and case, the &l=
t;code title=3Dattr-th-sorted&gt;&lt;a href=3D#attr-th-sorted&gt;sorted&l=
t;/a&gt;&lt;/code&gt; attribute's value can be empty, &quot;&lt;code titl=
e=3D&quot;&quot;&gt;reversed&lt;/code&gt;&quot;, &quot;&lt;code title=3D&=
quot;&quot;&gt;1&lt;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&=
gt;reversed 1&lt;/code&gt;&quot;, or
+  &quot;&lt;code title=3D&quot;&quot;&gt;1 reversed&lt;/code&gt;&quot;, =
where &quot;1&quot; is any number equal to or greater than 1.&lt;/p&gt;
+
+  &lt;p&gt;While one or more &lt;code&gt;&lt;a href=3D#the-th-element&gt=
;th&lt;/a&gt;&lt;/code&gt; elements in the table have a &lt;code title=3D=
attr-th-sorted&gt;&lt;a href=3D#attr-th-sorted&gt;sorted&lt;/a&gt;&lt;/co=
de&gt; attribute, the user agent will keep the table's data rows
+  sorted. The value of the attribute controls how the column is used in =
determining the sort order.
+  The &lt;code title=3Dattr-th-sorted-reversed&gt;&lt;a href=3D#attr-th-=
sorted-reversed&gt;reversed&lt;/a&gt;&lt;/code&gt; keyword means that the=
 &lt;dfn id=3Dcolumn-sort-direction&gt;column sort
+  direction&lt;/dfn&gt; is &lt;i&gt;reversed&lt;/i&gt;, rather than &lt;=
i&gt;normal&lt;/i&gt;, which is the default if the keyword
+  is omitted. The number, if present, indicates the &lt;dfn id=3Dcolumn-=
key-ordinality&gt;column key ordinality&lt;/dfn&gt;; if the number
+  is omitted, the column is the primary key, as if the value 1 had been =
specified.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Thus, &lt;code title=3D&quot;&quot;&gt;sorted=3D=
&quot;1&quot;&lt;/code&gt; indicates the table's primary key, &lt;code ti=
tle=3D&quot;&quot;&gt;sorted=3D&quot;2&quot;&lt;/code&gt; its secondary k=
ey, and so forth.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;A &lt;dfn id=3Dsorting-capable-th-element&gt;sortin=
g-capable &lt;code&gt;th&lt;/code&gt; element&lt;/dfn&gt; is a &lt;code&g=
t;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; element that =
matches
+  all the following conditions simultaneously:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;&lt;p&gt;It corresponds to a &lt;a href=3D#concept=
-cell title=3Dconcept-cell&gt;cell&lt;/a&gt; whose &lt;i&gt;width&lt;/i&g=
t; is 1.
+   (Specifically, a &lt;i&gt;header cell&lt;/i&gt;, since this is a &lt;=
code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; element=
.)&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;There is no &lt;a href=3D#concept-cell title=3Dcon=
cept-cell&gt;cell&lt;/a&gt; that corresponds to another
+   &lt;a href=3D#sorting-capable-th-element&gt;sorting-capable &lt;code&=
gt;th&lt;/code&gt; element&lt;/a&gt; that covers slots in the same &lt;a =
href=3D#concept-column title=3Dconcept-column&gt;column&lt;/a&gt; but on =
a higher (earlier) &lt;a href=3D#concept-row title=3Dconcept-row&gt;row&l=
t;/a&gt;.&lt;/li&gt; &lt;!-- only matters if there's a &lt;thead&gt; --&g=
t;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#concept-cell title=3Dconcept-cell&gt;c=
ell&lt;/a&gt;'s &lt;a href=3D#concept-table title=3Dconcept-table&gt;tabl=
e&lt;/a&gt; has
+    a &lt;a href=3D#concept-row-group title=3Dconcept-row-group&gt;row g=
roup&lt;/a&gt; corresponding to a &lt;code&gt;&lt;a href=3D#the-thead-ele=
ment&gt;thead&lt;/a&gt;&lt;/code&gt;
+    element, the &lt;a href=3D#concept-cell title=3Dconcept-cell&gt;cell=
&lt;/a&gt; is in a &lt;a href=3D#concept-row-group title=3Dconcept-row-gr=
oup&gt;row
+    group&lt;/a&gt; that corresponds to the &lt;em&gt;first&lt;/em&gt; &=
lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/code&gt=
; element of the &lt;a href=3D#concept-cell title=3Dconcept-cell&gt;cell&=
lt;/a&gt;'s &lt;a href=3D#concept-table title=3Dconcept-table&gt;table&lt=
;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise: the &lt;a href=3D#concept-cell title=3Dconcept-c=
ell&gt;cell&lt;/a&gt; is not in a &lt;a href=3D#concept-row-group title=3D=
concept-row-group&gt;row group&lt;/a&gt; corresponding to a &lt;code&gt;&=
lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/code&gt; element, a=
nd
+    the &lt;a href=3D#concept-cell title=3Dconcept-cell&gt;cell&lt;/a&gt=
; is in the first &lt;a href=3D#concept-row title=3Dconcept-row&gt;row&lt=
;/a&gt;
+    of the &lt;a href=3D#concept-table title=3Dconcept-table&gt;table&lt=
;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p class=3Dnote&gt;In other words, each &lt;a href=3D#co=
ncept-column title=3Dconcept-column&gt;column&lt;/a&gt; can have one
+  &lt;a href=3D#sorting-capable-th-element&gt;sorting-capable &lt;code&g=
t;th&lt;/code&gt; element&lt;/a&gt;; this will be the highest &lt;code&gt=
;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; in
+  a &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/c=
ode&gt; that spans no other columns, or, if there is no &lt;code&gt;&lt;a=
 href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/code&gt;, the
+  &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; =
in the first row (that is not in a &lt;code&gt;&lt;a href=3D#the-tfoot-el=
ement&gt;tfoot&lt;/a&gt;&lt;/code&gt;), assuming it spans no
+  columns.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dsorting-capable-th-elements-of-the-table-ele=
ment&gt;sorting-capable &lt;code&gt;th&lt;/code&gt; elements of the &lt;c=
ode&gt;table&lt;/code&gt; element&lt;/dfn&gt; &lt;var title=3D&quot;&quot=
;&gt;table&lt;/var&gt; are the &lt;a href=3D#sorting-capable-th-element t=
itle=3D&quot;sorting-capable th element&quot;&gt;sorting-capable
+  &lt;code&gt;th&lt;/code&gt; elements&lt;/a&gt; whose &lt;a href=3D#con=
cept-cell title=3Dconcept-cell&gt;cell&lt;/a&gt;'s &lt;a href=3D#concept-=
table title=3Dconcept-table&gt;table&lt;/a&gt; is &lt;var title=3D&quot;&=
quot;&gt;table&lt;/var&gt;.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&=
gt;&lt;/code&gt; element &lt;var title=3D&quot;&quot;&gt;table&lt;/var&gt=
; is a &lt;dfn id=3Dsorting-capable-table-element&gt;sorting-capable
+  &lt;code&gt;table&lt;/code&gt; element&lt;/dfn&gt; if there are one or=
 more &lt;a href=3D#sorting-capable-th-elements-of-the-table-element&gt;s=
orting-capable &lt;code&gt;th&lt;/code&gt;
+  elements of the &lt;code&gt;table&lt;/code&gt; element&lt;/a&gt; &lt;v=
ar title=3D&quot;&quot;&gt;table&lt;/var&gt;.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt=
;/code&gt; element is a &lt;dfn id=3Dsorting-enabled-th-element&gt;sortin=
g-enabled &lt;code&gt;th&lt;/code&gt; element&lt;/dfn&gt; if it is a
+  &lt;a href=3D#sorting-capable-th-element&gt;sorting-capable &lt;code&g=
t;th&lt;/code&gt; element&lt;/a&gt; and it has a &lt;code title=3Dattr-th=
-sorted&gt;&lt;a href=3D#attr-th-sorted&gt;sorted&lt;/a&gt;&lt;/code&gt; =
attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dsorting-enabled-th-elements-of-the-table-ele=
ment&gt;sorting-enabled &lt;code&gt;th&lt;/code&gt; elements of the &lt;c=
ode&gt;table&lt;/code&gt; element&lt;/dfn&gt; &lt;var title=3D&quot;&quot=
;&gt;table&lt;/var&gt; are the &lt;a href=3D#sorting-enabled-th-element t=
itle=3D&quot;sorting-enabled th element&quot;&gt;sorting-enabled
+  &lt;code&gt;th&lt;/code&gt; elements&lt;/a&gt; whose &lt;a href=3D#con=
cept-cell title=3Dconcept-cell&gt;cell&lt;/a&gt;'s &lt;a href=3D#concept-=
table title=3Dconcept-table&gt;table&lt;/a&gt; is &lt;var title=3D&quot;&=
quot;&gt;table&lt;/var&gt;.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&=
gt;&lt;/code&gt; element &lt;var title=3D&quot;&quot;&gt;table&lt;/var&gt=
; is a &lt;dfn id=3Dsorting-enabled-table-element&gt;sorting-enabled
+  &lt;code&gt;table&lt;/code&gt; element&lt;/dfn&gt; if there are one or=
 more &lt;a href=3D#sorting-capable-th-elements-of-the-table-element&gt;s=
orting-capable &lt;code&gt;th&lt;/code&gt;
+  elements of the &lt;code&gt;table&lt;/code&gt; element&lt;/a&gt; &lt;v=
ar title=3D&quot;&quot;&gt;table&lt;/var&gt;, and at least one of
+  them is a &lt;a href=3D#sorting-enabled-th-element&gt;sorting-enabled =
&lt;code&gt;th&lt;/code&gt; element&lt;/a&gt; (i.e. at least one has a &l=
t;code title=3Dattr-th-sorted&gt;&lt;a href=3D#attr-th-sorted&gt;sorted&l=
t;/a&gt;&lt;/code&gt; attribute).&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&=
gt;&lt;/code&gt; element is a &lt;dfn id=3Dtable-element-with-a-user-agen=
t-exposed-sorting-interface&gt;&lt;code&gt;table&lt;/code&gt; element wit=
h a user-agent exposed
+  sorting interface&lt;/dfn&gt; if it is a &lt;a href=3D#sorting-capable=
-table-element&gt;sorting-capable &lt;code&gt;table&lt;/code&gt; element&=
lt;/a&gt; and has
+  a &lt;code title=3Dattr-table-sortable&gt;&lt;a href=3D#attr-table-sor=
table&gt;sortable&lt;/a&gt;&lt;/code&gt; attribute specified.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;dfn id=3Dsorting-interface-th-element&gt;sorting interf=
ace &lt;code&gt;th&lt;/code&gt; element&lt;/dfn&gt; is a &lt;a href=3D#so=
rting-capable-th-element&gt;sorting-capable
+  &lt;code&gt;th&lt;/code&gt; element&lt;/a&gt; whose &lt;a href=3D#conc=
ept-cell title=3Dconcept-cell&gt;cell&lt;/a&gt;'s &lt;a href=3D#concept-t=
able title=3Dconcept-table&gt;table&lt;/a&gt; is a &lt;a href=3D#table-el=
ement-with-a-user-agent-exposed-sorting-interface&gt;&lt;code&gt;table&lt=
;/code&gt; element with a user-agent exposed
+  sorting interface&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;Each &lt;code&gt;&lt;a href=3D#the-table-element&gt=
;table&lt;/a&gt;&lt;/code&gt; element has a &lt;dfn id=3Dcurrently-sortin=
g-flag&gt;currently-sorting flag&lt;/dfn&gt;, which must initially
+  be false.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;code title=3Dattr-th-sorted&gt;&lt;a href=3D=
#attr-th-sorted&gt;sorted&lt;/a&gt;&lt;/code&gt; attribute must not be sp=
ecified on
+  &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; =
elements that are not &lt;a href=3D#sorting-capable-th-element title=3D&q=
uot;sorting-capable th element&quot;&gt;sorting-capable
+  &lt;code&gt;th&lt;/code&gt; elements&lt;/a&gt;. The &lt;code title=3Da=
ttr-table-sortable&gt;&lt;a href=3D#attr-table-sortable&gt;sortable&lt;/a=
&gt;&lt;/code&gt; attribute
+  must not be specified on &lt;code&gt;&lt;a href=3D#the-table-element&g=
t;table&lt;/a&gt;&lt;/code&gt; elements that are not &lt;a href=3D#sortin=
g-capable-table-element title=3D&quot;sorting-capable
+  table element&quot;&gt;sorting-capable &lt;code&gt;table&lt;/code&gt; =
elements&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;To determine a &lt;code&gt;&lt;a href=3D#the-th-element&gt;th=
&lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-th-sorted&gt;&lt;=
a href=3D#attr-th-sorted&gt;sorted&lt;/a&gt;&lt;/code&gt; attribute's
+  &lt;a href=3D#column-sort-direction&gt;column sort direction&lt;/a&gt;=
 and &lt;a href=3D#column-key-ordinality&gt;column key ordinality&lt;/a&g=
t;, user agents must use
+  the following algorithm:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;direc=
tion&lt;/var&gt; be &lt;i&gt;normal&lt;/i&gt;.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;have explicit =
direction&lt;/var&gt; be false.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;ordinality&lt;=
/var&gt; be 1.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;have explicit =
ordinality&lt;/var&gt; be false.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var=
&gt; be the result of &lt;a href=3D#split-a-string-on-spaces title=3D&quo=
t;split a string on
+   spaces&quot;&gt;splitting the attribute's value on spaces&lt;/a&gt;.&=
lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each token &lt;var title=3D&quot;&quot;&gt;token&lt;/va=
r&gt; in &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var&gt;, run the appr=
opriate
+    steps from the following list:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quot;&g=
t;have explicit direction&lt;/var&gt; is false and &lt;var title=3D&quot;=
&quot;&gt;token&lt;/var&gt; is an
+     &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-insensitive&lt;/=
a&gt; match for the string &quot;&lt;code title=3Dattr-th-sorted-reversed=
&gt;&lt;a href=3D#attr-th-sorted-reversed&gt;reversed&lt;/a&gt;&lt;/code&=
gt;&quot;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;direction&lt;/var&gt;=
 be &lt;i&gt;reversed&lt;/i&gt; and &lt;var title=3D&quot;&quot;&gt;have =
explicit
+      direction&lt;/var&gt; be true.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+
+     &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;have explicit ordinali=
ty&lt;/var&gt; is false&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;&lt;a href=3D#rules-for-parsing-integers title=3D&quot;ru=
les for parsing integers&quot;&gt;Parse &lt;var title=3D&quot;&quot;&gt;t=
oken&lt;/var&gt; as an
+      integer&lt;/a&gt;. If this resulted in an error or the value zero,=
 then ignore the token.
+      Otherwise, set &lt;var title=3D&quot;&quot;&gt;ordinality&lt;/var&=
gt; to the parsed value, and set &lt;var title=3D&quot;&quot;&gt;have
+      explicit ordinality&lt;/var&gt; to true.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+
+     &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+     &lt;dd&gt;&lt;p&gt;Ignore the token.&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;The &lt;a href=3D#column-sort-direction&gt;column =
sort direction&lt;/a&gt; is the value of &lt;var title=3D&quot;&quot;&gt;=
direction&lt;/var&gt;, and
+   the &lt;a href=3D#column-key-ordinality&gt;column key ordinality&lt;/=
a&gt; is the value of &lt;var title=3D&quot;&quot;&gt;ordinality&lt;/var&=
gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&=
gt;&lt;/code&gt; must not have two &lt;code&gt;&lt;a href=3D#the-th-eleme=
nt&gt;th&lt;/a&gt;&lt;/code&gt; elements whose &lt;code title=3Dattr-th-s=
orted&gt;&lt;a href=3D#attr-th-sorted&gt;sorted&lt;/a&gt;&lt;/code&gt; at=
tribute have the same &lt;a href=3D#column-key-ordinality&gt;column key
+  ordinality&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Dtable-sorting-algorithm&gt;table s=
orting algorithm&lt;/dfn&gt;, which is applied to a &lt;code&gt;&lt;a hre=
f=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt;, is as
+  follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;table=
&lt;/var&gt; be the &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&=
lt;/a&gt;&lt;/code&gt; element being sorted.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;table&lt;/var&g=
t;'s &lt;a href=3D#currently-sorting-flag&gt;currently-sorting flag&lt;/a=
&gt; is true, then abort
+   these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;table&lt;/var&=
gt;'s &lt;a href=3D#currently-sorting-flag&gt;currently-sorting flag&lt;/=
a&gt; to true.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#fire-a-simple-event&gt;Fire a simple=
 event&lt;/a&gt; named &lt;code title=3Devent-sort&gt;sort&lt;/code&gt; t=
hat is
+   cancelable at &lt;var title=3D&quot;&quot;&gt;table&lt;/var&gt;.&lt;/=
li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the event fired in the previous step was cancel=
ed, then jump to the step labeled
+   &lt;i&gt;end&lt;/i&gt; below.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;table&lt;/var&gt; is not=
 now a &lt;a href=3D#sorting-enabled-table-element&gt;sorting-enabled &lt=
;code&gt;table&lt;/code&gt;
+    element&lt;/a&gt;, then jump to the step labeled &lt;i&gt;end&lt;/i&=
gt; below.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;Even if &lt;var title=3D&quot;&quot;&gt;table&=
lt;/var&gt; was a &lt;a href=3D#sorting-enabled-table-element&gt;sorting-=
enabled &lt;code&gt;table&lt;/code&gt;
+    element&lt;/a&gt; when the algorithm was invoked, the DOM might have=
 been entirely changed by the
+    event handlers for the &lt;code title=3Devent-sort&gt;sort&lt;/code&=
gt; event, so this has to be verified at
+    this stage, not earlier.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;key heading ce=
lls&lt;/var&gt; be the &lt;a href=3D#sorting-enabled-th-elements-of-the-t=
able-element&gt;sorting-enabled &lt;code&gt;th&lt;/code&gt;
+   elements of the &lt;code&gt;table&lt;/code&gt; element&lt;/a&gt; &lt;=
var title=3D&quot;&quot;&gt;table&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Sort &lt;var title=3D&quot;&quot;&gt;key heading c=
ells&lt;/var&gt; in ascending order of the &lt;a href=3D#column-key-ordin=
ality&gt;column key
+   ordinality&lt;/a&gt; of their &lt;code title=3Dattr-th-sorted&gt;&lt;=
a href=3D#attr-th-sorted&gt;sorted&lt;/a&gt;&lt;/code&gt; attributes, wit=
h those
+   having the same &lt;a href=3D#column-key-ordinality&gt;column key ord=
inality&lt;/a&gt; being sorted in &lt;a href=3D#tree-order&gt;tree order&=
lt;/a&gt;.&lt;/p&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;row collection cursor&l=
t;/var&gt; be a pointer to an element, initially pointing
+    at the first child of &lt;var title=3D&quot;&quot;&gt;table&lt;/var&=
gt; that is after &lt;var title=3D&quot;&quot;&gt;table&lt;/var&gt;'s fir=
st
+    &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/c=
ode&gt;, if any, and that is either a &lt;code&gt;&lt;a href=3D#the-tbody=
-element&gt;tbody&lt;/a&gt;&lt;/code&gt; or a &lt;code&gt;&lt;a href=3D#t=
he-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;
+    element, assuming there is one. If there is no such child, then jump=
 to the step labeled
+    &lt;i&gt;end&lt;/i&gt; below.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;table&lt;/var&g=
t; has no &lt;a href=3D#concept-row-group title=3Dconcept-row-group&gt;ro=
w group&lt;/a&gt;
+   corresponding to a &lt;code&gt;&lt;a href=3D#the-thead-element&gt;the=
ad&lt;/a&gt;&lt;/code&gt; element, then set &lt;var title=3D&quot;&quot;&=
gt;ignore first group&lt;/var&gt; to
+   true. Otherwise, set it to false.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Row loop&lt;/i&gt;: Let &lt;var title=3D&=
quot;&quot;&gt;rows&lt;/var&gt; be an empty list of &lt;code&gt;&lt;a hre=
f=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;
+   elements.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Run the appropriate steps from the following list:&lt;/p&gt=
;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quot;&g=
t;row collection cursor&lt;/var&gt; points to a &lt;code&gt;&lt;a href=3D=
#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; element
+
+     &lt;dd&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;i&gt;Collect&lt;/i&gt;: Append th=
e element pointed to by &lt;var title=3D&quot;&quot;&gt;row collection
+       cursor&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;rows&lt;/va=
r&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;If there are no &lt;code&gt;&lt;a href=3D#the-=
tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#the-=
tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt; children of &lt;var title=3D=
&quot;&quot;&gt;table&lt;/var&gt; that are later siblings of the element =
pointed to by &lt;var title=3D&quot;&quot;&gt;row
+       collection cursor&lt;/var&gt;, or if the next such child is a &lt=
;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt; =
element, then jump
+       to the step labeled &lt;i&gt;group&lt;/i&gt; below.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;row collec=
tion cursor&lt;/var&gt; point to the next &lt;code&gt;&lt;a href=3D#the-t=
r-element&gt;tr&lt;/a&gt;&lt;/code&gt; child
+       of &lt;var title=3D&quot;&quot;&gt;table&lt;/var&gt; that is a la=
ter sibling of the element pointed to by &lt;var title=3D&quot;&quot;&gt;=
row collection cursor&lt;/var&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Return to the step labeled &lt;i&gt;collect&lt=
;/i&gt; above.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/dd&gt;
+
+
+     &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;row collection cursor&=
lt;/var&gt; points to a &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tb=
ody&lt;/a&gt;&lt;/code&gt; element
+
+     &lt;dd&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;Place all the &lt;code&gt;&lt;a href=3D=
#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; element children of the elem=
ent pointed to by &lt;var title=3D&quot;&quot;&gt;row collection cursor&l=
t;/var&gt; into &lt;var title=3D&quot;&quot;&gt;rows&lt;/var&gt;, in &lt;=
a href=3D#tree-order&gt;tree
+       order&lt;/a&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;rows&lt;/va=
r&gt; is empty, jump to the step labeled &lt;i&gt;increment loop&lt;/i&gt=
;
+       below.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Group&lt;/i&gt;: Let &lt;var title=3D&quo=
t;&quot;&gt;groups&lt;/var&gt; be an empty list of groups of &lt;code&gt;=
&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;
+   elements.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;group&lt;/var&=
gt; be an empty group of &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&l=
t;/a&gt;&lt;/code&gt; elements.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;group cursor&l=
t;/var&gt; be a pointer to an element, initially pointing at the
+   first &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/co=
de&gt; element in &lt;var title=3D&quot;&quot;&gt;rows&lt;/var&gt;.&lt;/l=
i&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Start group&lt;/i&gt;: Let &lt;var title=3D=
&quot;&quot;&gt;pending rows in group&lt;/var&gt; be 1.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Group loop&lt;/i&gt;: Append the &lt;code=
&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; element poi=
nted to by &lt;var title=3D&quot;&quot;&gt;group
+   cursor&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;group&lt;/var&g=
t;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If there are any &lt;a href=3D#concept-cell title=3D=
concept-cell&gt;cells&lt;/a&gt; whose highest &lt;a href=3D#concept-row t=
itle=3Dconcept-row&gt;row&lt;/a&gt;'s element is the one pointed to by &l=
t;var title=3D&quot;&quot;&gt;group
+   cursor&lt;/var&gt;, then let &lt;var title=3D&quot;&quot;&gt;tallest =
height&lt;/var&gt; be the number of rows covered by the
+   tallest such &lt;a href=3D#concept-cell title=3Dconcept-cell&gt;cell&=
lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;tallest height&=
lt;/var&gt; is greater than &lt;var title=3D&quot;&quot;&gt;pending rows =
in
+   group&lt;/var&gt; then set &lt;var title=3D&quot;&quot;&gt;pending ro=
ws in group&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;tallest
+   height&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Decrement &lt;var title=3D&quot;&quot;&gt;pending =
rows in group&lt;/var&gt; by one.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;group cursor&l=
t;/var&gt; point to the next &lt;code&gt;&lt;a href=3D#the-tr-element&gt;=
tr&lt;/a&gt;&lt;/code&gt; element in &lt;var title=3D&quot;&quot;&gt;rows=
&lt;/var&gt;, if any; otherwise, let it be null.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;group cursor&lt=
;/var&gt; is not null and &lt;var title=3D&quot;&quot;&gt;pending rows in
+   group&lt;/var&gt; is not zero, return to the step labeled &lt;i&gt;gr=
oup loop&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Append a new group to &lt;var title=3D&quot;&quot;=
&gt;groups&lt;/var&gt; consisting of the &lt;code&gt;&lt;a href=3D#the-tr=
-element&gt;tr&lt;/a&gt;&lt;/code&gt;
+   elements in &lt;var title=3D&quot;&quot;&gt;group&lt;/var&gt;.&lt;/li=
&gt;
+
+   &lt;li&gt;&lt;p&gt;Empty &lt;var title=3D&quot;&quot;&gt;group&lt;/va=
r&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;group cursor&lt=
;/var&gt; is not null, then return to the step labeled &lt;i&gt;start
+   group&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;ignore first gr=
oup&lt;/var&gt; is true, then drop the first group in &lt;var title=3D&qu=
ot;&quot;&gt;groups&lt;/var&gt; and set &lt;var title=3D&quot;&quot;&gt;i=
gnore first group&lt;/var&gt; to false.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Drop leading header groups&lt;/i&gt;: If =
&lt;var title=3D&quot;&quot;&gt;groups&lt;/var&gt; is now empty, jump to =
the
+   step labeled &lt;i&gt;increment loop&lt;/i&gt; below.&lt;/li&gt;
+
+   &lt;!-- if you insert steps here, update the next step --&gt;
+
+   &lt;li&gt;&lt;p&gt;If the first group of &lt;var title=3D&quot;&quot;=
&gt;groups&lt;/var&gt; consists of &lt;code&gt;&lt;a href=3D#the-tr-eleme=
nt&gt;tr&lt;/a&gt;&lt;/code&gt; elements
+   whose element children are all &lt;code&gt;&lt;a href=3D#the-th-eleme=
nt&gt;th&lt;/a&gt;&lt;/code&gt; elements, then drop the first group in &l=
t;var title=3D&quot;&quot;&gt;groups&lt;/var&gt; and return to the previo=
us step (labeled &lt;i&gt;drop leading header
+   groups&lt;/i&gt;).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;insertion poin=
t&lt;/var&gt; be a placeholder in a DOM tree, which can be used
+   to reinsert nodes at a specific point in the DOM. Insert &lt;var titl=
e=3D&quot;&quot;&gt;insertion point&lt;/var&gt; into
+   the parent of the first &lt;code&gt;&lt;a href=3D#the-tr-element&gt;t=
r&lt;/a&gt;&lt;/code&gt; element of the first group in &lt;var title=3D&q=
uot;&quot;&gt;groups&lt;/var&gt;,
+   immediately before that &lt;code&gt;&lt;a href=3D#the-tr-element&gt;t=
r&lt;/a&gt;&lt;/code&gt; element.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Sort the groups in &lt;var title=3D&quot;&quot;&gt;groups&l=
t;/var&gt;, using the following algorithm to decide the
+    relative order of any two groups &lt;var title=3D&quot;&quot;&gt;a&l=
t;/var&gt; and &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt; (the algorit=
hm
+    either returns that &lt;var title=3D&quot;&quot;&gt;a&lt;/var&gt; co=
mes before &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt;, or that &lt;var=
 title=3D&quot;&quot;&gt;b&lt;/var&gt; comes before &lt;var title=3D&quot=
;&quot;&gt;a&lt;/var&gt;):&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;key=
 index&lt;/var&gt; be an index into &lt;var title=3D&quot;&quot;&gt;key h=
eading
+     cells&lt;/var&gt;, initially denoting the first element in the list=
.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;direction&lt=
;/var&gt; be a sort direction, initially &lt;i&gt;ascending&lt;/i&gt;. It=
s
+     other possible value is &lt;i&gt;descending&lt;/i&gt;. When &lt;var=
 title=3D&quot;&quot;&gt;direction&lt;/var&gt; is
+     &lt;i&gt;toggled&lt;/i&gt;, that means that if its value is &lt;i&g=
t;ascending&lt;/i&gt;, it must be changed to
+     &lt;i&gt;descending&lt;/i&gt;, and when its value is &lt;i&gt;desce=
nding&lt;/i&gt;, it must be changed to
+     &lt;i&gt;ascending&lt;/i&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;i&gt;Column loop&lt;/i&gt;: Let &lt;var titl=
e=3D&quot;&quot;&gt;th&lt;/var&gt; be the &lt;var title=3D&quot;&quot;&gt=
;key index&lt;/var&gt;th
+     &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&g=
t; in &lt;var title=3D&quot;&quot;&gt;key heading cells&lt;/var&gt;.&lt;/=
li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;th&lt;/var&gt=
;'s &lt;code title=3Dattr-th-sorted&gt;&lt;a href=3D#attr-th-sorted&gt;so=
rted&lt;/a&gt;&lt;/code&gt; attribute's
+     &lt;a href=3D#column-sort-direction&gt;column sort direction&lt;/a&=
gt; is &lt;i&gt;reversed&lt;/i&gt;, then toggle &lt;var title=3D&quot;&qu=
ot;&gt;direction&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;tentative or=
der&lt;/var&gt; be the result of &lt;a href=3D#comparing-two-row-groups-u=
sing-the-th-element&gt;comparing two row groups
+     using the &lt;code&gt;th&lt;/code&gt; element&lt;/a&gt; &lt;var tit=
le=3D&quot;&quot;&gt;th&lt;/var&gt;, with &lt;var title=3D&quot;&quot;&gt=
;a&lt;/var&gt; and
+     &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt; as the rows.&lt;/li&g=
t;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;tentative ord=
er&lt;/var&gt; is not &quot;equal&quot;, then jump to the step labeled
+     &lt;i&gt;return&lt;/i&gt; below.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Increment &lt;var title=3D&quot;&quot;&gt;key in=
dex&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;key index&lt;=
/var&gt; still denotes a &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&l=
t;/a&gt;&lt;/code&gt; element in &lt;var title=3D&quot;&quot;&gt;key head=
ing cells&lt;/var&gt;, then jump back to the step above labeled &lt;i&gt;=
column
+     loop&lt;/i&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;a&lt;/var&gt;=
's &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; =
elements precede &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt;'s in
+     &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt;, then let &lt;var =
title=3D&quot;&quot;&gt;tentative order&lt;/var&gt; be &quot;a before b&q=
uot;.
+     Otherwise, let &lt;var title=3D&quot;&quot;&gt;tentative order&lt;/=
var&gt; be &quot;b before a&quot;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;i&gt;Return&lt;/i&gt;: Return the relative o=
rder given by the matching option from the following
+     list:&lt;/p&gt;
+
+      &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quot;=
&gt;direction&lt;/var&gt; is &lt;i&gt;ascending&lt;/i&gt; and &lt;var tit=
le=3D&quot;&quot;&gt;tentative
+       order&lt;/var&gt; is &quot;a before b&quot;&lt;/dt&gt;
+
+       &lt;dd&gt;Return that &lt;var title=3D&quot;&quot;&gt;a&lt;/var&g=
t; comes before &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt;.&lt;/dd&gt;
+
+
+       &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;direction&lt;/var&gt=
; is &lt;i&gt;ascending&lt;/i&gt; and &lt;var title=3D&quot;&quot;&gt;ten=
tative
+       order&lt;/var&gt; is &quot;b before a&quot;&lt;/dt&gt;
+
+       &lt;dd&gt;Return that &lt;var title=3D&quot;&quot;&gt;b&lt;/var&g=
t; comes before &lt;var title=3D&quot;&quot;&gt;a&lt;/var&gt;.&lt;/dd&gt;
+
+
+       &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;direction&lt;/var&gt=
; is &lt;i&gt;descending&lt;/i&gt; and &lt;var title=3D&quot;&quot;&gt;te=
ntative
+       order&lt;/var&gt; is &quot;a before b&quot;&lt;/dt&gt;
+
+       &lt;dd&gt;Return that &lt;var title=3D&quot;&quot;&gt;b&lt;/var&g=
t; comes before &lt;var title=3D&quot;&quot;&gt;a&lt;/var&gt;.&lt;/dd&gt;
+
+
+       &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;direction&lt;/var&gt=
; is &lt;i&gt;descending&lt;/i&gt; and &lt;var title=3D&quot;&quot;&gt;te=
ntative
+       order&lt;/var&gt; is &quot;b before a&quot;&lt;/dt&gt;
+
+       &lt;dd&gt;Return that &lt;var title=3D&quot;&quot;&gt;a&lt;/var&g=
t; comes before &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt;.&lt;/dd&gt;
+
+      &lt;/dl&gt;&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;p&gt;When the user agent is required to &lt;dfn id=3D=
comparing-two-row-groups-using-the-th-element title=3D&quot;comparing two=
 row groups using the th
+    element&quot;&gt;compare two row groups using the &lt;code&gt;th&lt;=
/code&gt; element&lt;/dfn&gt; &lt;var title=3D&quot;&quot;&gt;th&lt;/var&=
gt;,
+    with &lt;var title=3D&quot;&quot;&gt;a&lt;/var&gt; and &lt;var title=
=3D&quot;&quot;&gt;b&lt;/var&gt; being the two row groups respectively, t=
he
+    user agent must run the following steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;x&l=
t;/var&gt; be the &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;-coordinat=
e of the slots that
+     &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&g=
t; covers in its &lt;a href=3D#concept-table title=3Dconcept-table&gt;tab=
le&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;cell&lt;sub title=3D&=
quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt; be the element corresponding to =
the &lt;a href=3D#concept-cell title=3Dconcept-cell&gt;cell&lt;/a&gt; in =
the first &lt;a href=3D#concept-row title=3Dconcept-row&gt;row&lt;/a&gt; =
of group
+      &lt;var title=3D&quot;&quot;&gt;a&lt;/var&gt; that covers the slot=
 in that &lt;a href=3D#concept-row title=3Dconcept-row&gt;row&lt;/a&gt; w=
hose
+      &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;-coordinate is &lt;va=
r title=3D&quot;&quot;&gt;x&lt;/var&gt;.&lt;/p&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;cell&lt;sub title=3D&=
quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt; be the element corresponding to =
the &lt;a href=3D#concept-cell title=3Dconcept-cell&gt;cell&lt;/a&gt; in =
the first &lt;a href=3D#concept-row title=3Dconcept-row&gt;row&lt;/a&gt; =
of group
+      &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt; that covers the slot=
 in that &lt;a href=3D#concept-row title=3Dconcept-row&gt;row&lt;/a&gt; w=
hose
+      &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;-coordinate is &lt;va=
r title=3D&quot;&quot;&gt;x&lt;/var&gt;.&lt;/p&gt;
+
+      &lt;!-- there can't be two cells that cover the slot, unusually, b=
ecause the only way that can
+      happen is if there's a cell that's extended into this row from abo=
ve, and the groups, by
+      virtue of the way they are created above, never have cells that ex=
tend into them from above.
+      --&gt;
+
+      &lt;p&gt;In either case, if there's no &lt;a href=3D#concept-cell =
title=3Dconcept-cell&gt;cell&lt;/a&gt; that actually covers
+      the slot, then use the value &lt;i&gt;null&lt;/i&gt; instead.&lt;/=
p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;type&lt;sub title=3D&=
quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt; and &lt;var title=3D&quot;&quot;=
&gt;value&lt;sub title=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt; be
+      the &lt;a href=3D#type-and-value-of-the-cell&gt;type and value of =
the cell&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;cell&lt;sub title=3D&q=
uot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt;, as defined
+      below.&lt;/p&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;type&lt;sub title=3D&=
quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt; and &lt;var title=3D&quot;&quot;=
&gt;value&lt;sub title=3D&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt; be
+      the &lt;a href=3D#type-and-value-of-the-cell&gt;type and value of =
the cell&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;cell&lt;sub title=3D&q=
uot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt;, as defined
+      below.&lt;/p&gt;
+
+      &lt;p&gt;The &lt;dfn id=3Dtype-and-value-of-the-cell&gt;type and v=
alue of the cell&lt;/dfn&gt; &lt;var title=3D&quot;&quot;&gt;cell&lt;/var=
&gt; are computed as follows.&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;ce=
ll&lt;/var&gt; is &lt;i&gt;null&lt;/i&gt;, then the type is &quot;string&=
quot; and the value is
+       the empty string; abort these steps.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;If, ignoring &lt;a href=3D#inter-element-white=
space&gt;inter-element whitespace&lt;/a&gt; and nodes other than
+       &lt;a href=3D#element&gt;Element&lt;/a&gt; and &lt;a href=3D#text=
&gt;Text&lt;/a&gt; nodes, &lt;var title=3D&quot;&quot;&gt;cell&lt;/var&gt=
; has only one child
+       and that child is a &lt;code&gt;&lt;a href=3D#the-data-element&gt=
;data&lt;/a&gt;&lt;/code&gt; element, then the value is the value of that
+       &lt;code&gt;&lt;a href=3D#the-data-element&gt;data&lt;/a&gt;&lt;/=
code&gt; element's &lt;code title=3Dattr-data-value&gt;&lt;a href=3D#attr=
-data-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if there is
+       one, or the empty string otherwise; the type is &quot;string&quot=
;.&lt;/p&gt;
+
+       &lt;li&gt;&lt;p&gt;If, ignoring &lt;a href=3D#inter-element-white=
space&gt;inter-element whitespace&lt;/a&gt; and nodes other than
+       &lt;a href=3D#element&gt;Element&lt;/a&gt; and &lt;a href=3D#text=
&gt;Text&lt;/a&gt; nodes, &lt;var title=3D&quot;&quot;&gt;cell&lt;/var&gt=
; has only one child
+       and that child is a &lt;code&gt;&lt;a href=3D#the-progress-elemen=
t&gt;progress&lt;/a&gt;&lt;/code&gt; element, then the value is the value=
 of that
+       &lt;code&gt;&lt;a href=3D#the-progress-element&gt;progress&lt;/a&=
gt;&lt;/code&gt; element's &lt;code title=3Dattr-progress-value&gt;&lt;a =
href=3D#attr-progress-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if
+       there is one, or the empty string otherwise; the type is &quot;st=
ring&quot;.&lt;/p&gt;
+
+       &lt;li&gt;&lt;p&gt;If, ignoring &lt;a href=3D#inter-element-white=
space&gt;inter-element whitespace&lt;/a&gt; and nodes other than
+       &lt;a href=3D#element&gt;Element&lt;/a&gt; and &lt;a href=3D#text=
&gt;Text&lt;/a&gt; nodes, &lt;var title=3D&quot;&quot;&gt;cell&lt;/var&gt=
; has only one child
+       and that child is a &lt;code&gt;&lt;a href=3D#the-meter-element&g=
t;meter&lt;/a&gt;&lt;/code&gt; element, then the value is the value of th=
at
+       &lt;code&gt;&lt;a href=3D#the-meter-element&gt;meter&lt;/a&gt;&lt=
;/code&gt; element's &lt;code title=3Dattr-meter-value&gt;&lt;a href=3D#a=
ttr-meter-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if there is
+       one, or the empty string otherwise; the type is &quot;string&quot=
;.&lt;/p&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;If, ignoring &lt;a href=3D#inter-element-whitespace&gt;=
inter-element whitespace&lt;/a&gt; and nodes other than
+        &lt;a href=3D#element&gt;Element&lt;/a&gt; and &lt;a href=3D#tex=
t&gt;Text&lt;/a&gt; nodes, &lt;var title=3D&quot;&quot;&gt;cell&lt;/var&g=
t; has only one
+        child and that child is a &lt;code&gt;&lt;a href=3D#the-time-ele=
ment&gt;time&lt;/a&gt;&lt;/code&gt; element, then the value is the
+        &lt;a href=3D&quot;#machine-readable-equivalent-of-the-element's=
-contents&quot;&gt;machine-readable equivalent of the element's contents&=
lt;/a&gt;, if any, and the type is
+        the kind of value that is thus obtained
+       (a &lt;a href=3D#concept-month title=3Dconcept-month&gt;month&lt;=
/a&gt;,
+        a &lt;a href=3D#concept-date title=3Dconcept-date&gt;date&lt;/a&=
gt;,
+        a &lt;a href=3D#concept-yearless-date title=3Dconcept-yearless-d=
ate&gt;yearless date&lt;/a&gt;,
+        a &lt;a href=3D#concept-time title=3Dconcept-time&gt;time&lt;/a&=
gt;,
+        a &lt;a href=3D#concept-datetime-local title=3Dconcept-datetime-=
local&gt;local date and time&lt;/a&gt;,
+        a &lt;a href=3D#concept-timezone title=3Dconcept-timezone&gt;tim=
e-zone offset&lt;/a&gt;,
+        a &lt;a href=3D#concept-datetime title=3Dconcept-datetime&gt;glo=
bal date and time&lt;/a&gt;,
+        a &lt;a href=3D#concept-week title=3Dconcept-week&gt;week&lt;/a&=
gt;,
+        a year, or
+        a &lt;a href=3D#concept-duration title=3Dconcept-duration&gt;dur=
ation&lt;/a&gt;);
+        abort these steps after completing this one.&lt;/p&gt;
+
+        &lt;p&gt;If there is no machine-readable equivalent, then the ty=
pe is &quot;string&quot; and the value is
+        the empty string.&lt;/p&gt;
+
+        &lt;p&gt;If the type is
+        a &lt;a href=3D#concept-month title=3Dconcept-month&gt;month&lt;=
/a&gt;,
+        a &lt;a href=3D#concept-date title=3Dconcept-date&gt;date&lt;/a&=
gt;,
+        a &lt;a href=3D#concept-week title=3Dconcept-week&gt;week&lt;/a&=
gt;, or
+        a year,
+        then change the value to be the instant in time (with no time zo=
ne) that describes the
+        earliest moment that the value represents, and change the type t=
o be
+        a &lt;a href=3D#concept-datetime-local title=3Dconcept-datetime-=
local&gt;local date and time&lt;/a&gt;.&lt;/p&gt;
+
+        &lt;p class=3Dexample&gt;For example, if the cell was
+        &lt;code&gt;&amp;lt;td&amp;gt;&amp;lt;time&amp;gt;2011-11&amp;lt=
;/time&amp;gt;&lt;/code&gt; then for sorting purposes the value is
+        interpreted as &quot;2011-11-01T00:00:00.000&quot; and the type =
is treated as a &lt;a href=3D#concept-datetime-local title=3Dconcept-date=
time-local&gt;local date and time&lt;/a&gt; rather than a &lt;a href=3D#c=
oncept-month title=3Dconcept-month&gt;month&lt;/a&gt;.&lt;/p&gt;
+
+        &lt;p class=3Dexample&gt;Similarly, if the cell was &lt;code&gt;=
&amp;lt;td&amp;gt;&amp;lt;time
+        datetime=3D&quot;2014&quot;&amp;gt;MMXIV&amp;lt;/time&amp;gt;&lt=
;/code&gt; then for sorting purposes the value is interpreted as
+        &quot;2014-01-01T00:00:00.000&quot; and the type is treated as a=
 &lt;a href=3D#concept-datetime-local title=3Dconcept-datetime-local&gt;l=
ocal date and time&lt;/a&gt; rather than a year.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;The value is the element's &lt;code&gt;&lt;a h=
ref=3D#textcontent&gt;textContent&lt;/a&gt;&lt;/code&gt;. The type is &qu=
ot;string&quot;.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;type&lt;sub title=3D&q=
uot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt; and &lt;var title=3D&quot;&quot;&=
gt;type&lt;sub title=3D&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt; are not
+      equal, then: return &quot;a before b&quot; if &lt;var title=3D&quo=
t;&quot;&gt;type&lt;sub title=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt;=
 is earlier in the
+      following list than &lt;var title=3D&quot;&quot;&gt;type&lt;sub ti=
tle=3D&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt;, otherwise, return &quot;=
b before a&quot;;
+      then, abort these steps.&lt;/p&gt;
+
+      &lt;ol class=3Dbrief&gt;&lt;li&gt;&lt;a href=3D#concept-time title=
=3Dconcept-time&gt;time&lt;/a&gt;&lt;/li&gt;
+       &lt;li&gt;&lt;a href=3D#concept-yearless-date title=3Dconcept-yea=
rless-date&gt;yearless date&lt;/a&gt;&lt;/li&gt;
+       &lt;li&gt;&lt;a href=3D#concept-datetime-local title=3Dconcept-da=
tetime-local&gt;local date and time&lt;/a&gt;&lt;/li&gt;
+       &lt;li&gt;&lt;a href=3D#concept-datetime title=3Dconcept-datetime=
&gt;global date and time&lt;/a&gt;&lt;/li&gt;
+       &lt;li&gt;&lt;a href=3D#concept-timezone title=3Dconcept-timezone=
&gt;time-zone offset&lt;/a&gt;&lt;/li&gt;
+       &lt;li&gt;&lt;a href=3D#concept-duration title=3Dconcept-duration=
&gt;duration&lt;/a&gt;&lt;/li&gt;
+       &lt;li&gt;&quot;string&quot;&lt;/li&gt;
+      &lt;/ol&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;value&lt;sub =
title=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt; and &lt;var title=3D&qu=
ot;&quot;&gt;value&lt;sub title=3D&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&g=
t; are
+     equal, then return &quot;equal&quot; and abort these steps.&lt;/li&=
gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;type&lt;sub title=3D&q=
uot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt; and &lt;var title=3D&quot;&quot;&=
gt;type&lt;sub title=3D&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt; are not
+      &quot;string&quot;, then: if &lt;var title=3D&quot;&quot;&gt;value=
&lt;sub title=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt; is earlier than=
 &lt;var title=3D&quot;&quot;&gt;value&lt;sub title=3D&quot;&quot;&gt;b&l=
t;/sub&gt;&lt;/var&gt; then return &quot;a before b&quot; and abort these=
 steps, otherwise,
+      return &quot;b before a&quot; and abort these steps.&lt;/p&gt;
+
+      &lt;p&gt;Values sort in their natural order, with the following ad=
ditional constraints:&lt;/p&gt;
+
+      &lt;p&gt;For &lt;a href=3D#concept-time title=3Dconcept-time&gt;ti=
me&lt;/a&gt; values, 00:00:00.000 is the earliest value and
+      23:59:59.999 is the latest value.&lt;/p&gt;
+
+      &lt;p&gt;For &lt;a href=3D#concept-yearless-date title=3Dconcept-y=
earless-date&gt;yearless date&lt;/a&gt; values, 01-01 is the earliest
+      value and 12-31 is the latest value; 02-28 is earlier than 02-29 w=
hich is earlier than
+      03-01.&lt;/p&gt;
+
+      &lt;p&gt;Values that are &lt;a href=3D#concept-datetime-local titl=
e=3Dconcept-datetime-local&gt;local date and time&lt;/a&gt; compare as
+      if they were in the same time zone.&lt;/p&gt;
+
+      &lt;!-- no ambiguity for &lt;span title=3D&quot;concept-datetime&q=
uot;&gt;global date and time&lt;/span&gt; --&gt;
+
+      &lt;p&gt;For &lt;a href=3D#concept-timezone title=3Dconcept-timezo=
ne&gt;time-zone offset&lt;/a&gt; values, -23:59 is the earliest
+      value and +23:59 is the latest value.&lt;/p&gt;
+
+      &lt;!-- MONTHS: &lt;span title=3D&quot;concept-duration&quot;&gt;d=
uration&lt;/span&gt; is unambiguous until we add months --&gt;
+
+     &lt;/li&gt;
+
+     &lt;!-- At this point we know that they are both strings and they'r=
e not equal. --&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;components&lt;sub tit=
le=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt; be the result of &lt;a hre=
f=3D#parsing-the-sort-key&gt;parsing the sort
+      key&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;value&lt;sub title=3D=
&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt;.&lt;/p&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;components&lt;sub tit=
le=3D&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt; be the result of &lt;a hre=
f=3D#parsing-the-sort-key&gt;parsing the sort
+      key&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;value&lt;sub title=3D=
&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt;.&lt;/p&gt;
+
+      &lt;p&gt;As described below, &lt;var title=3D&quot;&quot;&gt;compo=
nents&lt;sub title=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt; and &lt;va=
r title=3D&quot;&quot;&gt;components&lt;sub title=3D&quot;&quot;&gt;b&lt;=
/sub&gt;&lt;/var&gt; are tuples consisting of a list of &lt;var title=3D&=
quot;&quot;&gt;n&lt;/var&gt;
+      &lt;i&gt;numbers&lt;/i&gt;, a list of &lt;var title=3D&quot;&quot;=
&gt;n&lt;/var&gt; &lt;i&gt;number strings&lt;/i&gt;, a list of &lt;var ti=
tle=3D&quot;&quot;&gt;n&lt;/var&gt;+1 &lt;i&gt;non-numeric strings&lt;/i&=
gt;, and a list of 2&lt;var title=3D&quot;&quot;&gt;n&lt;/var&gt;+1 &lt;i=
&gt;raw
+      strings&lt;/i&gt;, for any non-negative integer value of &lt;var t=
itle=3D&quot;&quot;&gt;n&lt;/var&gt; (zero or more).&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;order&lt;/var&gt; be =
the result of a &lt;a href=3D#locale-specific-string-comparison&gt;locale=
-specific string
+      comparison&lt;/a&gt; of &lt;var title=3D&quot;&quot;&gt;components=
&lt;sub title=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt;'s first &lt;i&g=
t;non-numeric
+      string&lt;/i&gt; and &lt;var title=3D&quot;&quot;&gt;components&lt=
;sub title=3D&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt;'s first &lt;i&gt;n=
on-numeric string&lt;/i&gt;,
+      in the context of &lt;var title=3D&quot;&quot;&gt;th&lt;/var&gt;.&=
lt;/p&gt;
+
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;order&lt;/var&gt; is n=
ot &quot;equal&quot; then return &lt;var title=3D&quot;&quot;&gt;order&lt=
;/var&gt; and abort
+      these steps.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;components&lt;sub titl=
e=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt; and &lt;var title=3D&quot;&=
quot;&gt;components&lt;sub title=3D&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&=
gt; both have exactly one &lt;i&gt;number&lt;/i&gt;, then run these
+      substeps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;
+
+        &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;components&lt;sub ti=
tle=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt;'s &lt;i&gt;number&lt;/i&g=
t; is less than &lt;var title=3D&quot;&quot;&gt;components&lt;sub title=3D=
&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt;'s &lt;i&gt;number&lt;/i&gt;, re=
turn &quot;a before b&quot;.&lt;/p&gt;
+
+        &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;components&lt;sub ti=
tle=3D&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt;'s &lt;i&gt;number&lt;/i&g=
t; is less than &lt;var title=3D&quot;&quot;&gt;components&lt;sub title=3D=
&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt;'s &lt;i&gt;number&lt;/i&gt;, re=
turn &quot;b before a&quot;.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;order&lt;/var&gt; b=
e the result of a &lt;a href=3D#locale-specific-string-comparison&gt;loca=
le-specific string
+        comparison&lt;/a&gt; of &lt;var title=3D&quot;&quot;&gt;componen=
ts&lt;sub title=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt;'s second &lt;=
i&gt;non-numeric
+        string&lt;/i&gt; and &lt;var title=3D&quot;&quot;&gt;components&=
lt;sub title=3D&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt;'s second &lt;i&g=
t;non-numeric
+        string&lt;/i&gt;, in the context of &lt;var title=3D&quot;&quot;=
&gt;th&lt;/var&gt;.&lt;/p&gt;
+
+        &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;order&lt;/var&gt; is=
 not &quot;equal&quot; then return &lt;var title=3D&quot;&quot;&gt;order&=
lt;/var&gt; and
+        abort these steps.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;order&lt;/var&gt; b=
e the result of a &lt;a href=3D#locale-specific-string-comparison&gt;loca=
le-specific string
+        comparison&lt;/a&gt; of &lt;var title=3D&quot;&quot;&gt;componen=
ts&lt;sub title=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt;'s &lt;i&gt;nu=
mber string&lt;/i&gt; and
+        &lt;var title=3D&quot;&quot;&gt;components&lt;sub title=3D&quot;=
&quot;&gt;b&lt;/sub&gt;&lt;/var&gt;'s &lt;i&gt;number string&lt;/i&gt;, i=
n the context of &lt;var title=3D&quot;&quot;&gt;th&lt;/var&gt;.&lt;/p&gt=
;
+
+        &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;order&lt;/var&gt; is=
 not &quot;equal&quot; then return &lt;var title=3D&quot;&quot;&gt;order&=
lt;/var&gt; and
+        abort these steps.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+      &lt;/ol&gt;&lt;p&gt;Otherwise, run these substeps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;
+
+        &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;components&lt;sub ti=
tle=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt; has zero &lt;i&gt;numbers=
&lt;/i&gt; but &lt;var title=3D&quot;&quot;&gt;components&lt;sub title=3D=
&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt; has more than zero &lt;i&gt;num=
bers&lt;/i&gt;, return &quot;a before
+        b&quot;.&lt;/p&gt;
+
+        &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;components&lt;sub ti=
tle=3D&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt; has zero &lt;i&gt;numbers=
&lt;/i&gt; but &lt;var title=3D&quot;&quot;&gt;components&lt;sub title=3D=
&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt; has more than zero &lt;i&gt;num=
bers&lt;/i&gt;, return &quot;b before
+        a&quot;.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;
+
+        &lt;!-- either an=3Dbn=3D0, an=3D1 bn&gt;1, bn=3D1 an&gt;1, or a=
n and bn &gt; 1. --&gt;
+
+        &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;components&lt;sub ti=
tle=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt; has one &lt;i&gt;number&l=
t;/i&gt;, return &quot;a before
+        b&quot;.&lt;/p&gt;
+
+        &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;components&lt;sub ti=
tle=3D&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt; has one &lt;i&gt;number&l=
t;/i&gt;, return &quot;b before
+        a&quot;.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;
+
+        &lt;!-- either an=3Dbn=3D0, or an and bn &gt; 1. --&gt;
+
+        &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;components&lt;sub ti=
tle=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt; and &lt;var title=3D&quot=
;&quot;&gt;components&lt;sub title=3D&quot;&quot;&gt;b&lt;/sub&gt;&lt;/va=
r&gt; have more than one &lt;i&gt;number&lt;/i&gt;, run these substeps:&l=
t;/p&gt;
+
+        &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt=
;count&lt;/var&gt; be the smaller of the number of &lt;i&gt;numbers&lt;/i=
&gt; in &lt;var title=3D&quot;&quot;&gt;components&lt;sub title=3D&quot;&=
quot;&gt;a&lt;/sub&gt;&lt;/var&gt; and the number of &lt;i&gt;numbers&lt;=
/i&gt; in &lt;var title=3D&quot;&quot;&gt;components&lt;sub title=3D&quot=
;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt;.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;For each &lt;i&gt;number&lt;/i&gt; in &lt;va=
r title=3D&quot;&quot;&gt;components&lt;sub title=3D&quot;&quot;&gt;a&lt;=
/sub&gt;&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt;components&lt;su=
b title=3D&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt; from the first to the=
 &lt;var title=3D&quot;&quot;&gt;count&lt;/var&gt;th, in
+         order: if &lt;var title=3D&quot;&quot;&gt;components&lt;sub tit=
le=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt;'s &lt;i&gt;number&lt;/i&gt=
; is less than &lt;var title=3D&quot;&quot;&gt;components&lt;sub title=3D=
&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt;'s &lt;i&gt;number&lt;/i&gt;, th=
en return &quot;a before b&quot; and abort
+         these steps; otherwise, if &lt;var title=3D&quot;&quot;&gt;comp=
onents&lt;sub title=3D&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt;'s &lt;i&g=
t;number&lt;/i&gt; is
+         less than &lt;var title=3D&quot;&quot;&gt;components&lt;sub tit=
le=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt;'s &lt;i&gt;number&lt;/i&gt=
;, return &quot;b before a&quot;
+         and abort these steps.&lt;/li&gt;
+
+         &lt;li&gt;
+
+          &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;components&lt;sub =
title=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt; has fewer &lt;i&gt;numb=
ers&lt;/i&gt; than &lt;var title=3D&quot;&quot;&gt;components&lt;sub titl=
e=3D&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt;, return &quot;a before b&qu=
ot; and abort these steps.&lt;/p&gt;
+
+          &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;components&lt;sub =
title=3D&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt; has fewer &lt;i&gt;numb=
ers&lt;/i&gt; than &lt;var title=3D&quot;&quot;&gt;components&lt;sub titl=
e=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt;, return &quot;b before a&qu=
ot; and abort these steps.&lt;/p&gt;
+
+         &lt;/li&gt;
+
+         &lt;!-- at this point, we know /a/ and /b/ have the same number=
 of components --&gt;
+
+         &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;index&lt=
;/var&gt; be zero.&lt;/li&gt;
+
+         &lt;li&gt;
+
+          &lt;p&gt;&lt;i&gt;String loop&lt;/i&gt;: Let &lt;var title=3D&=
quot;&quot;&gt;order&lt;/var&gt; be the result of a &lt;a href=3D#locale-=
specific-string-comparison&gt;locale-specific
+          string comparison&lt;/a&gt; of &lt;var title=3D&quot;&quot;&gt=
;components&lt;sub title=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt;'s &l=
t;var title=3D&quot;&quot;&gt;index&lt;/var&gt;th &lt;i&gt;number string&=
lt;/i&gt; and &lt;var title=3D&quot;&quot;&gt;components&lt;sub title=3D&=
quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt;'s &lt;var title=3D&quot;&quot;&g=
t;index&lt;/var&gt;th &lt;i&gt;number string&lt;/i&gt;,
+          in the context of &lt;var title=3D&quot;&quot;&gt;th&lt;/var&g=
t;.&lt;/p&gt;
+
+          &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;order&lt;/var&gt; =
is not &quot;equal&quot; then return &lt;var title=3D&quot;&quot;&gt;orde=
r&lt;/var&gt; and
+          abort these steps.&lt;/p&gt;
+
+         &lt;/li&gt;
+
+         &lt;li&gt;
+
+          &lt;p&gt;Increment &lt;var title=3D&quot;&quot;&gt;index&lt;/v=
ar&gt;.&lt;/p&gt;
+
+         &lt;/li&gt;
+
+         &lt;li&gt;
+
+          &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;order&lt;/var&gt;=
 be the result of a &lt;a href=3D#locale-specific-string-comparison&gt;lo=
cale-specific string
+          comparison&lt;/a&gt; of &lt;var title=3D&quot;&quot;&gt;compon=
ents&lt;sub title=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt;'s &lt;var t=
itle=3D&quot;&quot;&gt;index&lt;/var&gt;th &lt;i&gt;separator string&lt;/=
i&gt; and &lt;var title=3D&quot;&quot;&gt;components&lt;sub title=3D&quot=
;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt;'s &lt;var title=3D&quot;&quot;&gt;in=
dex&lt;/var&gt;th &lt;i&gt;separator
+          string&lt;/i&gt;, in the context of &lt;var title=3D&quot;&quo=
t;&gt;th&lt;/var&gt;.&lt;/p&gt;
+
+          &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;order&lt;/var&gt; =
is not &quot;equal&quot; then return &lt;var title=3D&quot;&quot;&gt;orde=
r&lt;/var&gt; and
+          abort these steps.&lt;/p&gt;
+
+         &lt;/li&gt;
+
+         &lt;li&gt;
+
+          &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt; =
is less than the number of &lt;i&gt;numbers&lt;/i&gt; in &lt;var title=3D=
&quot;&quot;&gt;components&lt;sub title=3D&quot;&quot;&gt;a&lt;/sub&gt;&l=
t;/var&gt; and &lt;var title=3D&quot;&quot;&gt;components&lt;sub title=3D=
&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt;, return
+          to the step labeled &lt;i&gt;string loop&lt;/i&gt;.&lt;/p&gt;
+
+         &lt;/li&gt;
+
+        &lt;/ol&gt;&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;!-- at this point, we know /a/ and /b/ have the same number of=
 components --&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt; be =
zero.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;&lt;i&gt;Final loop:&lt;/i&gt; Let &lt;var title=3D&quot;=
&quot;&gt;order&lt;/var&gt; be the result of a &lt;a href=3D#raw-string-c=
omparison&gt;raw string
+      comparison&lt;/a&gt; of &lt;var title=3D&quot;&quot;&gt;components=
&lt;sub title=3D&quot;&quot;&gt;a&lt;/sub&gt;&lt;/var&gt;'s &lt;var title=
=3D&quot;&quot;&gt;n&lt;/var&gt;th
+      &lt;i&gt;raw string&lt;/i&gt; and &lt;var title=3D&quot;&quot;&gt;=
components&lt;sub title=3D&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt;'s &lt=
;var title=3D&quot;&quot;&gt;n&lt;/var&gt;th
+      &lt;i&gt;raw string&lt;/i&gt;.&lt;/p&gt;
+
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;order&lt;/var&gt; is n=
ot &quot;equal&quot; then return &lt;var title=3D&quot;&quot;&gt;order&lt=
;/var&gt; and abort
+      these steps.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Increment &lt;var title=3D&quot;&quot;&gt;index&lt;/var&g=
t;.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt; is l=
ess than the number of &lt;i&gt;raw strings&lt;/i&gt; in &lt;var title=3D=
&quot;&quot;&gt;components&lt;sub title=3D&quot;&quot;&gt;a&lt;/sub&gt;&l=
t;/var&gt; and &lt;var title=3D&quot;&quot;&gt;components&lt;sub title=3D=
&quot;&quot;&gt;b&lt;/sub&gt;&lt;/var&gt;, return
+      to the step labeled &lt;i&gt;final loop&lt;/i&gt;.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Return &quot;equal&quot;.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;new order&lt;/=
var&gt; be a list of &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a=
&gt;&lt;/code&gt; elements consisting of the
+   &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;=
 elements of all the groups in the newly ordered &lt;var title=3D&quot;&q=
uot;&gt;groups&lt;/var&gt;, with
+   the &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code=
&gt; elements being in the same order as the groups to which they belong =
are in
+   &lt;var title=3D&quot;&quot;&gt;groups&lt;/var&gt;, and the &lt;code&=
gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; elements wit=
hin each such group themselves
+   being ordered in &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt;.&lt=
;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#concept-node-remove title=3Dconcept-=
node-remove&gt;Remove&lt;/a&gt; all the &lt;code&gt;&lt;a href=3D#the-tr-=
element&gt;tr&lt;/a&gt;&lt;/code&gt; elements in &lt;var title=3D&quot;&q=
uot;&gt;new order&lt;/var&gt; from their parents, in &lt;a href=3D#tree-o=
rder&gt;tree order&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#concept-node-insert title=3Dconcept-=
node-insert&gt;Insert&lt;/a&gt; all the &lt;code&gt;&lt;a href=3D#the-tr-=
element&gt;tr&lt;/a&gt;&lt;/code&gt; elements in &lt;var title=3D&quot;&q=
uot;&gt;new order&lt;/var&gt; into the DOM at the location of &lt;var tit=
le=3D&quot;&quot;&gt;insertion point&lt;/var&gt;, in
+   the order these elements are found in &lt;var title=3D&quot;&quot;&gt=
;new order&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;!-- done with this set of rows --&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove &lt;var title=3D&quot;&quot;&gt;insertion p=
oint&lt;/var&gt; from the DOM.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Increment loop&lt;/i&gt;: If there are no=
 &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; or=
 &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&=
gt; children of
+   &lt;var title=3D&quot;&quot;&gt;table&lt;/var&gt; that are later sibl=
ings of the element pointed to by &lt;var title=3D&quot;&quot;&gt;row
+   collection cursor&lt;/var&gt;, then jump to the step labeled &lt;i&gt=
;end&lt;/i&gt; below.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;row collection=
 cursor&lt;/var&gt; point to the next &lt;code&gt;&lt;a href=3D#the-tr-el=
ement&gt;tr&lt;/a&gt;&lt;/code&gt; or
+   &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/co=
de&gt; child of &lt;var title=3D&quot;&quot;&gt;table&lt;/var&gt; that is=
 a later sibling of the element
+   pointed to by &lt;var title=3D&quot;&quot;&gt;row collection cursor&l=
t;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return to the step labeled &lt;i&gt;row loop&lt;/i=
&gt; above.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;End&lt;/i&gt;: Set &lt;var title=3D&quot;=
&quot;&gt;table&lt;/var&gt;'s &lt;a href=3D#currently-sorting-flag&gt;cur=
rently-sorting flag&lt;/a&gt; to
+   false.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When a user agent is to &lt;dfn id=3Dparsing-the-s=
ort-key title=3D&quot;parsing the sort key&quot;&gt;parse the sort key&lt=
;/dfn&gt; &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;, it must run =
the following steps. These return a tuple consisting of a list
+  of &lt;var title=3D&quot;&quot;&gt;n&lt;/var&gt; &lt;i&gt;numbers&lt;/=
i&gt;, a list of &lt;var title=3D&quot;&quot;&gt;n&lt;/var&gt; &lt;i&gt;n=
umber strings&lt;/i&gt;, a
+  list of &lt;var title=3D&quot;&quot;&gt;n&lt;/var&gt;+1 &lt;i&gt;non-n=
umeric strings&lt;/i&gt;, and a list of 2&lt;var title=3D&quot;&quot;&gt;=
n&lt;/var&gt;+1
+  &lt;i&gt;raw strings&lt;/i&gt;, respectively, for any non-negative int=
eger value of &lt;var title=3D&quot;&quot;&gt;n&lt;/var&gt; (zero or
+  more).&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;raw strings&lt;/var&gt;=
 be a list of strings initially containing just one entry, an empty strin=
g.&lt;/p&gt;
+   &lt;/li&gt;
+
+   &lt;li&gt;
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;negatives prejudiced&lt=
;/var&gt; be false.&lt;/p&gt;
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;decimals prejudiced&lt;=
/var&gt; be false.&lt;/p&gt;
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;exponents prejudiced&lt=
;/var&gt; be false.&lt;/p&gt;
+   &lt;/li&gt;
+
+   &lt;li&gt;
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var&gt; be t=
he empty string.&lt;/p&gt;
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt; be ze=
ro.&lt;/p&gt;
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;mode&lt;/var&gt; be &qu=
ot;&lt;a href=3D#sort-parser-mode:-separator title=3D&quot;sort parser mo=
de: separator&quot;&gt;separator&lt;/a&gt;&quot;.&lt;/p&gt;
+
+    &lt;p&gt;When a subsequent step in this algorithm says to &lt;dfn id=
=3Dsort-parser-push-the-buffer title=3D&quot;sort parser push the
+    buffer&quot;&gt;push the buffer&lt;/dfn&gt;, the user agent must run=
 the following substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Add an entry to &lt;var title=3D&quot;&=
quot;&gt;raw strings&lt;/var&gt; that consists of the value of &lt;var ti=
tle=3D&quot;&quot;&gt;buffer&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Add an entry to &lt;var title=3D&quot;&quot;&gt;=
raw strings&lt;/var&gt; that is the empty string.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Decrement &lt;var title=3D&quot;&quot;&gt;index&=
lt;/var&gt; by one.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;mode&lt;/var=
&gt; to &quot;&lt;a href=3D#sort-parser-mode:-separator title=3D&quot;sor=
t parser mode: separator&quot;&gt;separator&lt;/a&gt;&quot;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;checkpoint buffer&lt;/v=
ar&gt; be the empty string.&lt;/p&gt; &lt;!-- actual value doesn't matter=
; it won't be used --&gt;
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;checkpoint index&lt;/va=
r&gt; be zero.&lt;/p&gt; &lt;!-- actual value doesn't matter; it won't be=
 used --&gt;
+
+    &lt;p&gt;When a subsequent step in this algorithm says to &lt;dfn id=
=3Dsort-parser-checkpoint title=3D&quot;sort parser
+    checkpoint&quot;&gt;checkpoint&lt;/dfn&gt;, the user agent must run =
the following substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Set the &lt;var title=3D&quot;&quot;&gt=
;checkpoint buffer&lt;/var&gt; to the value of &lt;var title=3D&quot;&quo=
t;&gt;buffer&lt;/var&gt;.&lt;/p&gt;
+     &lt;li&gt;&lt;p&gt;Set the &lt;var title=3D&quot;&quot;&gt;checkpoi=
nt index&lt;/var&gt; to the value of &lt;var title=3D&quot;&quot;&gt;inde=
x&lt;/var&gt;.&lt;/p&gt;
+    &lt;/ol&gt;&lt;p&gt;When a subsequent step in this algorithm says to=
 &lt;dfn id=3Dsort-parser-push-the-checkpoint title=3D&quot;sort parser p=
ush the
+    checkpoint&quot;&gt;push the checkpoint&lt;/dfn&gt;, the user agent =
must run the following substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Add an entry to &lt;var title=3D&quot;&=
quot;&gt;raw strings&lt;/var&gt; that consists of the value of &lt;var ti=
tle=3D&quot;&quot;&gt;checkpoint buffer&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Add an entry to &lt;var title=3D&quot;&quot;&gt;=
raw strings&lt;/var&gt; that is the empty string.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Decrement &lt;var title=3D&quot;&quot;&gt;index&=
lt;/var&gt; by one.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;mode&lt;/var=
&gt; to &quot;&lt;a href=3D#sort-parser-mode:-separator title=3D&quot;sor=
t parser mode: separator&quot;&gt;separator&lt;/a&gt;&quot;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Run through the following steps repeatedly until the condit=
ion in the last step is met.&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;&lt;i&gt;Top of loop&lt;/i&gt;: If &lt;var title=3D&quot;=
&quot;&gt;index&lt;/var&gt; is equal to or greater than the number of
+      characters in &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;, l=
et &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; be EOF. Otherwise, let &=
lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; be the &lt;var title=3D&quot=
;&quot;&gt;index&lt;/var&gt;th character in &lt;var title=3D&quot;&quot;&=
gt;value&lt;/var&gt;.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Run the appropriate steps from the following list:&lt;/p&=
gt;
+
+      &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;sort p=
arser mode&quot;&gt;mode&lt;/var&gt; is &quot;&lt;dfn id=3Dsort-parser-mo=
de:-separator title=3D&quot;sort parser mode: separator&quot;&gt;separato=
r&lt;/dfn&gt;&quot;&lt;/dt&gt;
+       &lt;dd&gt;
+        &lt;p&gt;Run the appropriate substeps from the following list:&l=
t;/p&gt;
+        &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quo=
t;&gt;c&lt;/var&gt; is a &lt;a href=3D#space-character&gt;space character=
&lt;/a&gt;&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;negatives prejudi=
ced&lt;/var&gt; to false.&lt;/p&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;decimals prejudic=
ed&lt;/var&gt; to false.&lt;/p&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;exponents prejudi=
ced&lt;/var&gt; to false.&lt;/p&gt;
+          &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; =
to the last entry in &lt;var title=3D&quot;&quot;&gt;raw strings&lt;/var&=
gt;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
 U+002D HYPHEN-MINUS character (-) and &lt;var title=3D&quot;&quot;&gt;ne=
gatives prejudiced&lt;/var&gt; is false&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var&gt=
; to the value of &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt;.&lt;/p&gt=
;
+          &lt;p&gt;Set &lt;var title=3D&quot;sort parser mode&quot;&gt;m=
ode&lt;/var&gt; to &quot;&lt;a href=3D#sort-parser-mode:-negative title=3D=
&quot;sort parser mode: negative&quot;&gt;negative&lt;/a&gt;&quot;.&lt;/p=
&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
 U+002E FULL STOP character (.) and &lt;var title=3D&quot;&quot;&gt;decim=
als prejudiced&lt;/var&gt; is false&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var&gt=
; to the value of &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt;.&lt;/p&gt=
;
+          &lt;p&gt;Set &lt;var title=3D&quot;sort parser mode&quot;&gt;m=
ode&lt;/var&gt; to &quot;&lt;a href=3D#sort-parser-mode:-leading-decimal =
title=3D&quot;sort parser mode: leading-decimal&quot;&gt;leading-decimal&=
lt;/a&gt;&quot;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
n &lt;a href=3D#ascii-digits title=3D&quot;ASCII digits&quot;&gt;ASCII di=
git&lt;/a&gt;&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var&gt=
; to the value of &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt;.&lt;/p&gt=
;
+          &lt;p&gt;Set &lt;var title=3D&quot;sort parser mode&quot;&gt;m=
ode&lt;/var&gt; to &quot;&lt;a href=3D#sort-parser-mode:-integral title=3D=
&quot;sort parser mode: integral&quot;&gt;integral&lt;/a&gt;&quot;.&lt;/p=
&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
n &lt;a href=3D#uppercase-ascii-letters title=3D&quot;uppercase ASCII let=
ters&quot;&gt;uppercase ASCII letter&lt;/a&gt; or a &lt;a href=3D#lowerca=
se-ascii-letters title=3D&quot;lowercase ASCII letters&quot;&gt;lowercase=
 ASCII letter&lt;/a&gt;&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;exponents prejudi=
ced&lt;/var&gt; to true.&lt;/p&gt;
+          &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; =
to the last entry in &lt;var title=3D&quot;&quot;&gt;raw strings&lt;/var&=
gt;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is E=
OF&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Do nothing.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;Otherwise&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; =
to the last entry in &lt;var title=3D&quot;&quot;&gt;raw strings&lt;/var&=
gt;.&lt;/p&gt;
+         &lt;/dd&gt;
+        &lt;/dl&gt;&lt;/dd&gt;
+       &lt;dt&gt;If &lt;var title=3D&quot;sort parser mode&quot;&gt;mode=
&lt;/var&gt; is &quot;&lt;dfn id=3Dsort-parser-mode:-negative title=3D&qu=
ot;sort parser mode: negative&quot;&gt;negative&lt;/dfn&gt;&quot;&lt;/dt&=
gt;
+       &lt;dd&gt;
+        &lt;p&gt;Run the appropriate substeps from the following list:&l=
t;/p&gt;
+        &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quo=
t;&gt;c&lt;/var&gt; is a U+002D HYPHEN-MINUS character (-)&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;negatives prejudi=
ced&lt;/var&gt; to true.&lt;/p&gt;
+          &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var=
&gt; to the last entry in &lt;var title=3D&quot;&quot;&gt;raw strings&lt;=
/var&gt;.&lt;/p&gt;
+          &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; =
to the last entry in &lt;var title=3D&quot;&quot;&gt;raw strings&lt;/var&=
gt;.&lt;/p&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;sort parser mode&quot;&gt;m=
ode&lt;/var&gt; to &quot;&lt;a href=3D#sort-parser-mode:-separator title=3D=
&quot;sort parser mode: separator&quot;&gt;separator&lt;/a&gt;&quot;.&lt;=
/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
 U+002E FULL STOP character (.) and &lt;var title=3D&quot;&quot;&gt;decim=
als prejudiced&lt;/var&gt; is false&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; =
to &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var&gt;.&lt;/p&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;sort parser mode&quot;&gt;m=
ode&lt;/var&gt; to &quot;&lt;a href=3D#sort-parser-mode:-leading-decimal =
title=3D&quot;sort parser mode: leading-decimal&quot;&gt;leading-decimal&=
lt;/a&gt;&quot;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
n &lt;a href=3D#ascii-digits title=3D&quot;ASCII digits&quot;&gt;ASCII di=
git&lt;/a&gt;&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; =
to &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var&gt;.&lt;/p&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;sort parser mode&quot;&gt;m=
ode&lt;/var&gt; to &quot;&lt;a href=3D#sort-parser-mode:-integral title=3D=
&quot;sort parser mode: integral&quot;&gt;integral&lt;/a&gt;&quot;.&lt;/p=
&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;Otherwise&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var=
&gt; to the last entry in &lt;var title=3D&quot;&quot;&gt;raw strings&lt;=
/var&gt;.&lt;/p&gt;
+          &lt;p&gt;Decrement &lt;var title=3D&quot;&quot;&gt;index&lt;/v=
ar&gt; by one.&lt;/p&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;sort parser mode&quot;&gt;m=
ode&lt;/var&gt; to &quot;&lt;a href=3D#sort-parser-mode:-separator title=3D=
&quot;sort parser mode: separator&quot;&gt;separator&lt;/a&gt;&quot;.&lt;=
/p&gt;
+         &lt;/dd&gt;
+        &lt;/dl&gt;&lt;/dd&gt;
+       &lt;dt&gt;If &lt;var title=3D&quot;sort parser mode&quot;&gt;mode=
&lt;/var&gt; is &quot;&lt;dfn id=3Dsort-parser-mode:-integral title=3D&qu=
ot;sort parser mode: integral&quot;&gt;integral&lt;/dfn&gt;&quot;&lt;/dt&=
gt;
+       &lt;dd&gt;
+        &lt;p&gt;Run the appropriate substeps from the following list:&l=
t;/p&gt;
+        &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quo=
t;&gt;c&lt;/var&gt; is a U+002D HYPHEN-MINUS character (-)&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;negatives prejudi=
ced&lt;/var&gt; to true.&lt;/p&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-buffer title=3D&qu=
ot;sort parser push the buffer&quot;&gt;Push the buffer&lt;/a&gt;.&lt;/p&=
gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
 U+002E FULL STOP character (.) and &lt;var title=3D&quot;&quot;&gt;decim=
als prejudiced&lt;/var&gt; is false&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-checkpoint title=3D&quot;so=
rt parser checkpoint&quot;&gt;Checkpoint&lt;/a&gt;.&lt;/p&gt;
+          &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; =
to &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var&gt;.&lt;/p&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;sort parser mode&quot;&gt;m=
ode&lt;/var&gt; to &quot;&lt;a href=3D#sort-parser-mode:-decimal title=3D=
&quot;sort parser mode: decimal&quot;&gt;decimal&lt;/a&gt;&quot;.&lt;/p&g=
t;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
n &lt;a href=3D#ascii-digits title=3D&quot;ASCII digits&quot;&gt;ASCII di=
git&lt;/a&gt;&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; =
to the last entry in &lt;var title=3D&quot;&quot;&gt;raw strings&lt;/var&=
gt;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
 U+0045 LATIN CAPITAL LETTER E character or a U+0065 LATIN SMALL LETTER E=
 character and &lt;var title=3D&quot;&quot;&gt;exponents prejudiced&lt;/v=
ar&gt; is false&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-checkpoint title=3D&quot;so=
rt parser checkpoint&quot;&gt;Checkpoint&lt;/a&gt;.&lt;/p&gt;
+          &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; =
to &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var&gt;.&lt;/p&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;sort parser mode&quot;&gt;m=
ode&lt;/var&gt; to &quot;&lt;a href=3D#sort-parser-mode:-exponent title=3D=
&quot;sort parser mode: exponent&quot;&gt;exponent&lt;/a&gt;&quot;.&lt;/p=
&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;Otherwise&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-buffer title=3D&qu=
ot;sort parser push the buffer&quot;&gt;Push the buffer&lt;/a&gt;.&lt;/p&=
gt;
+         &lt;/dd&gt;
+        &lt;/dl&gt;&lt;/dd&gt;
+       &lt;dt&gt;If &lt;var title=3D&quot;sort parser mode&quot;&gt;mode=
&lt;/var&gt; is &quot;&lt;dfn id=3Dsort-parser-mode:-leading-decimal titl=
e=3D&quot;sort parser mode: leading-decimal&quot;&gt;leading-decimal&lt;/=
dfn&gt;&quot;&lt;/dt&gt;
+       &lt;dd&gt;
+        &lt;p&gt;Run the appropriate substeps from the following list:&l=
t;/p&gt;
+        &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quo=
t;&gt;c&lt;/var&gt; is an &lt;a href=3D#ascii-digits title=3D&quot;ASCII =
digits&quot;&gt;ASCII digit&lt;/a&gt;&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; =
to &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var&gt;.&lt;/p&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;sort parser mode&quot;&gt;m=
ode&lt;/var&gt; to &quot;&lt;a href=3D#sort-parser-mode:-decimal title=3D=
&quot;sort parser mode: decimal&quot;&gt;decimal&lt;/a&gt;&quot;.&lt;/p&g=
t;
+         &lt;/dd&gt;
+         &lt;dt&gt;Otherwise&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var=
&gt; to the last entry in &lt;var title=3D&quot;&quot;&gt;raw strings&lt;=
/var&gt;.&lt;/p&gt;
+          &lt;p&gt;Decrement &lt;var title=3D&quot;&quot;&gt;index&lt;/v=
ar&gt; by one.&lt;/p&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;sort parser mode&quot;&gt;m=
ode&lt;/var&gt; to &quot;&lt;a href=3D#sort-parser-mode:-separator title=3D=
&quot;sort parser mode: separator&quot;&gt;separator&lt;/a&gt;&quot;.&lt;=
/p&gt;
+         &lt;/dd&gt;
+        &lt;/dl&gt;&lt;/dd&gt;
+       &lt;dt&gt;If &lt;var title=3D&quot;sort parser mode&quot;&gt;mode=
&lt;/var&gt; is &quot;&lt;dfn id=3Dsort-parser-mode:-decimal title=3D&quo=
t;sort parser mode: decimal&quot;&gt;decimal&lt;/dfn&gt;&quot;&lt;/dt&gt;
+       &lt;dd&gt;
+        &lt;p&gt;Run the appropriate substeps from the following list:&l=
t;/p&gt;
+        &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quo=
t;&gt;c&lt;/var&gt; is a U+002D HYPHEN-MINUS character (-)&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;negatives prejudi=
ced&lt;/var&gt; to true.&lt;/p&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-buffer title=3D&qu=
ot;sort parser push the buffer&quot;&gt;Push the buffer&lt;/a&gt;.&lt;/p&=
gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
 U+002E FULL STOP character (.) and any of the characters in &lt;var titl=
e=3D&quot;&quot;&gt;value&lt;/var&gt; past the &lt;var title=3D&quot;&quo=
t;&gt;index&lt;/var&gt;th character are &lt;a href=3D#ascii-digits&gt;ASC=
II digits&lt;/a&gt;&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;decimals prejudic=
ed&lt;/var&gt; to true.&lt;/p&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-checkpoint title=3D=
&quot;sort parser push the checkpoint&quot;&gt;Push the checkpoint&lt;/a&=
gt;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
 U+002E FULL STOP character (.) and none of the characters in &lt;var tit=
le=3D&quot;&quot;&gt;value&lt;/var&gt; past the &lt;var title=3D&quot;&qu=
ot;&gt;index&lt;/var&gt;th character are &lt;a href=3D#ascii-digits&gt;AS=
CII digits&lt;/a&gt;&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-buffer title=3D&qu=
ot;sort parser push the buffer&quot;&gt;Push the buffer&lt;/a&gt;.&lt;/p&=
gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
n &lt;a href=3D#ascii-digits title=3D&quot;ASCII digits&quot;&gt;ASCII di=
git&lt;/a&gt;&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; =
to &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var&gt;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
 U+0045 LATIN CAPITAL LETTER E character or a U+0065 LATIN SMALL LETTER E=
 character and &lt;var title=3D&quot;&quot;&gt;exponents prejudiced&lt;/v=
ar&gt; is false&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-checkpoint title=3D&quot;so=
rt parser checkpoint&quot;&gt;Checkpoint&lt;/a&gt;.&lt;/p&gt;
+          &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; =
to &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var&gt;.&lt;/p&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;sort parser mode&quot;&gt;m=
ode&lt;/var&gt; to &quot;&lt;a href=3D#sort-parser-mode:-exponent title=3D=
&quot;sort parser mode: exponent&quot;&gt;exponent&lt;/a&gt;&quot;.&lt;/p=
&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;Otherwise&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-buffer title=3D&qu=
ot;sort parser push the buffer&quot;&gt;Push the buffer&lt;/a&gt;.&lt;/p&=
gt;
+         &lt;/dd&gt;
+        &lt;/dl&gt;&lt;/dd&gt;
+       &lt;dt&gt;If &lt;var title=3D&quot;sort parser mode&quot;&gt;mode=
&lt;/var&gt; is &quot;&lt;dfn id=3Dsort-parser-mode:-exponent title=3D&qu=
ot;sort parser mode: exponent&quot;&gt;exponent&lt;/dfn&gt;&quot;&lt;/dt&=
gt;
+       &lt;dd&gt;
+        &lt;p&gt;Run the appropriate substeps from the following list:&l=
t;/p&gt;
+        &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quo=
t;&gt;c&lt;/var&gt; is a U+002D HYPHEN-MINUS character (-) and &lt;var ti=
tle=3D&quot;&quot;&gt;negatives prejudiced&lt;/var&gt; is false&lt;/dt&gt=
;
+         &lt;dd&gt;
+          &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; =
to &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var&gt;.&lt;/p&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;sort parser mode&quot;&gt;m=
ode&lt;/var&gt; to &quot;&lt;a href=3D#sort-parser-mode:-exponent-negativ=
e title=3D&quot;sort parser mode: exponent-negative&quot;&gt;exponent-neg=
ative&lt;/a&gt;&quot;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
 U+002E FULL STOP character (.)&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;decimals prejudic=
ed&lt;/var&gt; to true.&lt;/p&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-checkpoint title=3D=
&quot;sort parser push the checkpoint&quot;&gt;Push the checkpoint&lt;/a&=
gt;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
n &lt;a href=3D#ascii-digits title=3D&quot;ASCII digits&quot;&gt;ASCII di=
git&lt;/a&gt;&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; =
to &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var&gt;.&lt;/p&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;sort parser mode&quot;&gt;m=
ode&lt;/var&gt; to &quot;&lt;a href=3D#sort-parser-mode:-exponent-number =
title=3D&quot;sort parser mode: exponent-number&quot;&gt;exponent-number&=
lt;/a&gt;&quot;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
 U+0045 LATIN CAPITAL LETTER E character or a U+0065 LATIN SMALL LETTER E=
 character&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;exponents prejudi=
ced&lt;/var&gt; to true.&lt;/p&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-checkpoint title=3D=
&quot;sort parser push the checkpoint&quot;&gt;Push the checkpoint&lt;/a&=
gt;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;Otherwise&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-checkpoint title=3D=
&quot;sort parser push the checkpoint&quot;&gt;Push the checkpoint&lt;/a&=
gt;.&lt;/p&gt;
+         &lt;/dd&gt;
+        &lt;/dl&gt;&lt;/dd&gt;
+       &lt;dt&gt;If &lt;var title=3D&quot;sort parser mode&quot;&gt;mode=
&lt;/var&gt; is &quot;&lt;dfn id=3Dsort-parser-mode:-exponent-negative ti=
tle=3D&quot;sort parser mode: exponent-negative&quot;&gt;exponent-negativ=
e&lt;/dfn&gt;&quot;&lt;/dt&gt;
+       &lt;dd&gt;
+        &lt;p&gt;Run the appropriate substeps from the following list:&l=
t;/p&gt;
+        &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quo=
t;&gt;c&lt;/var&gt; is a U+002D HYPHEN-MINUS character (-)&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;negatives prejudi=
ced&lt;/var&gt; to true.&lt;/p&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-checkpoint title=3D=
&quot;sort parser push the checkpoint&quot;&gt;Push the checkpoint&lt;/a&=
gt;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
 U+002E FULL STOP character (.)&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;decimals prejudic=
ed&lt;/var&gt; to true.&lt;/p&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-checkpoint title=3D=
&quot;sort parser push the checkpoint&quot;&gt;Push the checkpoint&lt;/a&=
gt;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
n &lt;a href=3D#ascii-digits title=3D&quot;ASCII digits&quot;&gt;ASCII di=
git&lt;/a&gt;&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; =
to &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var&gt;.&lt;/p&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;sort parser mode&quot;&gt;m=
ode&lt;/var&gt; to &quot;&lt;a href=3D#sort-parser-mode:-exponent-negativ=
e-number title=3D&quot;sort parser mode: exponent-negative-number&quot;&g=
t;exponent-negative-number&lt;/a&gt;&quot;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
 U+0045 LATIN CAPITAL LETTER E character or a U+0065 LATIN SMALL LETTER E=
 character&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;exponents prejudi=
ced&lt;/var&gt; to true.&lt;/p&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-checkpoint title=3D=
&quot;sort parser push the checkpoint&quot;&gt;Push the checkpoint&lt;/a&=
gt;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;Otherwise&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-checkpoint title=3D=
&quot;sort parser push the checkpoint&quot;&gt;Push the checkpoint&lt;/a&=
gt;.&lt;/p&gt;
+         &lt;/dd&gt;
+        &lt;/dl&gt;&lt;/dd&gt;
+       &lt;dt&gt;If &lt;var title=3D&quot;sort parser mode&quot;&gt;mode=
&lt;/var&gt; is &quot;&lt;dfn id=3Dsort-parser-mode:-exponent-number titl=
e=3D&quot;sort parser mode: exponent-number&quot;&gt;exponent-number&lt;/=
dfn&gt;&quot;&lt;/dt&gt;
+       &lt;dd&gt;
+        &lt;p&gt;Run the appropriate substeps from the following list:&l=
t;/p&gt;
+        &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quo=
t;&gt;c&lt;/var&gt; is a U+002D HYPHEN-MINUS character (-)&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;negatives prejudi=
ced&lt;/var&gt; to true.&lt;/p&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-buffer title=3D&qu=
ot;sort parser push the buffer&quot;&gt;Push the buffer&lt;/a&gt;.&lt;/p&=
gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
 U+002E FULL STOP character (.)&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;decimals prejudic=
ed&lt;/var&gt; to true.&lt;/p&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-checkpoint title=3D=
&quot;sort parser push the checkpoint&quot;&gt;Push the checkpoint&lt;/a&=
gt;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
n &lt;a href=3D#ascii-digits title=3D&quot;ASCII digits&quot;&gt;ASCII di=
git&lt;/a&gt;&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; =
to &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var&gt;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
 U+0045 LATIN CAPITAL LETTER E character or a U+0065 LATIN SMALL LETTER E=
 character&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;exponents prejudi=
ced&lt;/var&gt; to true.&lt;/p&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-checkpoint title=3D=
&quot;sort parser push the checkpoint&quot;&gt;Push the checkpoint&lt;/a&=
gt;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;Otherwise&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-buffer title=3D&qu=
ot;sort parser push the buffer&quot;&gt;Push the buffer&lt;/a&gt;.&lt;/p&=
gt;
+         &lt;/dd&gt;
+        &lt;/dl&gt;&lt;/dd&gt;
+       &lt;dt&gt;If &lt;var title=3D&quot;sort parser mode&quot;&gt;mode=
&lt;/var&gt; is &quot;&lt;dfn id=3Dsort-parser-mode:-exponent-negative-nu=
mber title=3D&quot;sort parser mode: exponent-negative-number&quot;&gt;ex=
ponent-negative-number&lt;/dfn&gt;&quot;&lt;/dt&gt;
+       &lt;dd&gt;
+        &lt;p&gt;Run the appropriate substeps from the following list:&l=
t;/p&gt;
+        &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quo=
t;&gt;c&lt;/var&gt; is a U+002D HYPHEN-MINUS character (-)&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;negatives prejudi=
ced&lt;/var&gt; to true.&lt;/p&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-checkpoint title=3D=
&quot;sort parser push the checkpoint&quot;&gt;Push the checkpoint&lt;/a&=
gt;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
 U+002E FULL STOP character (.)&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;decimals prejudic=
ed&lt;/var&gt; to true.&lt;/p&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-checkpoint title=3D=
&quot;sort parser push the checkpoint&quot;&gt;Push the checkpoint&lt;/a&=
gt;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
n &lt;a href=3D#ascii-digits title=3D&quot;ASCII digits&quot;&gt;ASCII di=
git&lt;/a&gt;&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; =
to &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var&gt;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt; is a=
 U+0045 LATIN CAPITAL LETTER E character or a U+0065 LATIN SMALL LETTER E=
 character&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;exponents prejudi=
ced&lt;/var&gt; to true.&lt;/p&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-checkpoint title=3D=
&quot;sort parser push the checkpoint&quot;&gt;Push the checkpoint&lt;/a&=
gt;.&lt;/p&gt;
+         &lt;/dd&gt;
+         &lt;dt&gt;Otherwise&lt;/dt&gt;
+         &lt;dd&gt;
+          &lt;p&gt;&lt;a href=3D#sort-parser-push-the-buffer title=3D&qu=
ot;sort parser push the buffer&quot;&gt;Push the buffer&lt;/a&gt;.&lt;/p&=
gt;
+         &lt;/dd&gt;
+        &lt;/dl&gt;&lt;/dd&gt;
+      &lt;/dl&gt;&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Increment &lt;var title=3D&quot;&quot;&gt;index&lt;/var&g=
t; by one.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt; is g=
reater than the number of characters in &lt;var title=3D&quot;&quot;&gt;v=
alue&lt;/var&gt;, stop repeating these substeps and continue along the ov=
erall steps.
+      Otherwise, return to the step labeled &lt;i&gt;top of loop&lt;/i&g=
t;.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;numbers&lt;/var&gt; be =
an empty list.&lt;/p&gt;
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;number strings&lt;/var&=
gt; be an empty list.&lt;/p&gt;
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;non-numeric strings&lt;=
/var&gt; be an empty list.&lt;/p&gt;
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each even-numbered entry in &lt;var title=3D&quot;&quot=
;&gt;raw strings&lt;/var&gt;, in order, starting from the
+    first entry (numbered 0), append an entry to &lt;var title=3D&quot;&=
quot;&gt;non-numeric strings&lt;/var&gt; that
+    consists of the result of &lt;a href=3D#trimming-and-collapsing&gt;t=
rimming and collapsing&lt;/a&gt; the value of the entry.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;raw strings&lt;/var&gt; =
has more than one entry, then, for each odd-numbered entry
+    in &lt;var title=3D&quot;&quot;&gt;raw strings&lt;/var&gt;, in order=
, starting from the second entry (numbered 1),
+    append an entry to &lt;var title=3D&quot;&quot;&gt;number strings&lt=
;/var&gt; that consists of the value of the entry,
+    and append an entry to &lt;var title=3D&quot;&quot;&gt;number string=
s&lt;/var&gt; that consists of the result of parsing
+    the value of the entry using the &lt;a href=3D#rules-for-parsing-flo=
ating-point-number-values&gt;rules for parsing floating-point number
+    values&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;numbers&lt;/var&gt;,=
 &lt;var title=3D&quot;&quot;&gt;number strings&lt;/var&gt;, &lt;var titl=
e=3D&quot;&quot;&gt;non-numeric strings&lt;/var&gt;, and &lt;var title=3D=
&quot;&quot;&gt;raw strings&lt;/var&gt; respectively.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When the user agent is required by the step above =
to perform a &lt;dfn id=3Dlocale-specific-string-comparison&gt;locale-spe=
cific string
+  comparison&lt;/dfn&gt; of two strings &lt;var title=3D&quot;&quot;&gt;=
a&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt; in the co=
ntext of
+  an element &lt;var title=3D&quot;&quot;&gt;e&lt;/var&gt;, the user age=
nt must apply the Unicode Collation Algorithm, using
+  the Default Unicode Collation Element Table as customized for the &lt;=
a href=3D#language&gt;language&lt;/a&gt; of the
+  element &lt;var title=3D&quot;&quot;&gt;e&lt;/var&gt; in the Common Lo=
cale Data Repository, to the strings &lt;var title=3D&quot;&quot;&gt;a&lt=
;/var&gt; and &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt;, ignoring cas=
e. If the result of this algorithm places
+  &lt;var title=3D&quot;&quot;&gt;a&lt;/var&gt; first, then return &quot=
;a before b&quot;; if it places &lt;var title=3D&quot;&quot;&gt;b&lt;/var=
&gt; first,
+  then return &quot;b before a&quot;; otherwise, if they compare as equa=
l, then return &quot;equal&quot;. &lt;a href=3D#refsUCA&gt;[UCA]&lt;/a&gt=
; &lt;a href=3D#refsCLDR&gt;[CLDR]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;When the user agent is required by the step above to perform =
a &lt;dfn id=3Draw-string-comparison&gt;raw string comparison&lt;/dfn&gt;
+  of two strings &lt;var title=3D&quot;&quot;&gt;a&lt;/var&gt; and &lt;v=
ar title=3D&quot;&quot;&gt;b&lt;/var&gt;, the user agent must apply the
+  Unicode Collation Algorithm, using the Default Unicode Collation Eleme=
nt Table without
+  customizations, to the strings &lt;var title=3D&quot;&quot;&gt;a&lt;/v=
ar&gt; and &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt;. If the result o=
f
+  this algorithm places &lt;var title=3D&quot;&quot;&gt;a&lt;/var&gt; fi=
rst, then return &quot;a before b&quot;; if it places &lt;var title=3D&qu=
ot;&quot;&gt;b&lt;/var&gt; first, then return &quot;b before a&quot;; oth=
erwise, if they compare as equal, then return
+  &quot;equal&quot;. &lt;a href=3D#refsUCA&gt;[UCA]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;Where the steps above refer to &lt;dfn id=3Dtrimming-and-coll=
apsing&gt;trimming and collapsing&lt;/dfn&gt; a string &lt;var title=3D&q=
uot;&quot;&gt;value&lt;/var&gt;, it means running the following algorithm=
:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#strip-leading-and-trailing-=
whitespace&gt;Strip leading and trailing whitespace&lt;/a&gt; from &lt;va=
r title=3D&quot;&quot;&gt;value&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Replace any sequence of one or more &lt;a href=3D#=
space-character title=3D&quot;space character&quot;&gt;space characters&l=
t;/a&gt;
+   in &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; with a single U+=
0020 SPACE character.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;When any of the descendants of a &lt;a h=
ref=3D#sorting-enabled-table-element&gt;sorting-enabled &lt;code&gt;table=
&lt;/code&gt; element&lt;/a&gt; change
+  in any way (including attributes changing), and when a &lt;code&gt;&lt=
;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; element beco=
mes a
+  &lt;a href=3D#sorting-enabled-table-element&gt;sorting-enabled &lt;cod=
e&gt;table&lt;/code&gt; element&lt;/a&gt;, the &lt;code&gt;&lt;a href=3D#=
the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; element is said to
+  become &lt;dfn id=3Da-table-with-a-pending-sort&gt;a table with a pend=
ing sort&lt;/dfn&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When the user agent is to &lt;dfn id=3Dsort-the-tables-with-p=
ending-sorts&gt;sort the tables with pending sorts&lt;/dfn&gt;, which hap=
pens during
+  the &lt;a href=3D#perform-a-microtask-checkpoint&gt;perform a microtas=
k checkpoint&lt;/a&gt; algorithm, the user agent must run the following
+  algorithm:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;table=
s&lt;/var&gt; be a list of each &lt;code&gt;&lt;a href=3D#the-table-eleme=
nt&gt;table&lt;/a&gt;&lt;/code&gt; in the &lt;a href=3D#unit-of-related-s=
imilar-origin-browsing-contexts&gt;unit of
+   related similar-origin browsing contexts&lt;/a&gt; that is &lt;a href=
=3D#a-table-with-a-pending-sort&gt;a table with a pending sort&lt;/a&gt;,
+   in the order that they became such, with those that become such at th=
e same time being listed in
+   &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Let all the &lt;code&gt;&lt;a href=3D#the-table-el=
ement&gt;table&lt;/a&gt;&lt;/code&gt; elements in &lt;var title=3D&quot;&=
quot;&gt;tables&lt;/var&gt; no longer be &lt;a href=3D#a-table-with-a-pen=
ding-sort title=3D&quot;a table with a pending sort&quot;&gt;tables with =
a pending sort&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Apply the &lt;a href=3D#table-sorting-algorithm&gt=
;table sorting algorithm&lt;/a&gt; to each &lt;code&gt;&lt;a href=3D#the-=
table-element&gt;table&lt;/a&gt;&lt;/code&gt; in &lt;var title=3D&quot;&q=
uot;&gt;tables&lt;/var&gt;, in order.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;When the user agent is to &lt;dfn id=3Ds=
et-the-sort-key&gt;set the sort key&lt;/dfn&gt; to a &lt;code&gt;&lt;a hr=
ef=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; element &lt;var title=3D=
&quot;&quot;&gt;target&lt;/var&gt;, it must run the following algorithm:&=
lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;table=
&lt;/var&gt; be the &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&=
lt;/a&gt;&lt;/code&gt; of the &lt;a href=3D#concept-table title=3Dconcept=
-table&gt;table&lt;/a&gt; of which &lt;var title=3D&quot;&quot;&gt;target=
&lt;/var&gt; is a header cell.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&=
lt;/a&gt;&lt;/code&gt; is a &lt;a href=3D#sorting-enabled-th-element&gt;s=
orting-enabled &lt;code&gt;th&lt;/code&gt; element&lt;/a&gt; whose
+   &lt;a href=3D#column-key-ordinality&gt;column key ordinality&lt;/a&gt=
; is 1, then: if its &lt;a href=3D#column-sort-direction&gt;column sort d=
irection&lt;/a&gt; is
+   &lt;i&gt;normal&lt;/i&gt;, set that element's &lt;code title=3Dattr-t=
h-sorted&gt;&lt;a href=3D#attr-th-sorted&gt;sorted&lt;/a&gt;&lt;/code&gt;=
 attribute to the
+   string &quot;&lt;code title=3D&quot;&quot;&gt;reversed&lt;/code&gt;&q=
uot;, otherwise, set it to the empty string; then, abort these
+   steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;current header=
s&lt;/var&gt; be the &lt;a href=3D#sorting-enabled-th-elements-of-the-tab=
le-element&gt;sorting-enabled &lt;code&gt;th&lt;/code&gt;
+   elements of the &lt;code&gt;table&lt;/code&gt; element&lt;/a&gt; &lt;=
var title=3D&quot;&quot;&gt;table&lt;/var&gt;, excluding &lt;var title=3D=
&quot;&quot;&gt;target&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Sort &lt;var title=3D&quot;&quot;&gt;current heade=
rs&lt;/var&gt; by their &lt;code title=3Dattr-th-sorted&gt;&lt;a href=3D#=
attr-th-sorted&gt;sorted&lt;/a&gt;&lt;/code&gt; attributes' &lt;a href=3D=
#column-key-ordinality&gt;column key ordinality&lt;/a&gt;, in ascending
+   order, with elements that have the same &lt;a href=3D#column-key-ordi=
nality&gt;column key ordinality&lt;/a&gt; being sorted in
+   &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;level&lt;/var&=
gt; be 2.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;=
/a&gt;&lt;/code&gt; element &lt;var title=3D&quot;&quot;&gt;th&lt;/var&gt=
; in &lt;var title=3D&quot;&quot;&gt;current
+    headers&lt;/var&gt;, in order, run the following substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;th&l=
t;/var&gt;'s &lt;code title=3Dattr-th-sorted&gt;&lt;a href=3D#attr-th-sor=
ted&gt;sorted&lt;/a&gt;&lt;/code&gt; attribute's
+     &lt;a href=3D#column-sort-direction&gt;column sort direction&lt;/a&=
gt; is &lt;i&gt;normal&lt;/i&gt;, then set &lt;var title=3D&quot;&quot;&g=
t;th&lt;/var&gt;'s &lt;code title=3Dattr-th-sorted&gt;&lt;a href=3D#attr-=
th-sorted&gt;sorted&lt;/a&gt;&lt;/code&gt; attribute to a &lt;a href=3D#v=
alid-integer&gt;valid integer&lt;/a&gt; whose value is
+     &lt;var title=3D&quot;&quot;&gt;level&lt;/var&gt;. Otherwise, set i=
t to the concatenation of the string &quot;&lt;code title=3D&quot;&quot;&=
gt;reversed&lt;/code&gt;&quot;, a U+0020 SPACE character, and a &lt;a hre=
f=3D#valid-integer&gt;valid integer&lt;/a&gt; whose
+     value is &lt;var title=3D&quot;&quot;&gt;level&lt;/var&gt;.&lt;/p&g=
t;
+
+     &lt;li&gt;&lt;p&gt;Increment &lt;var title=3D&quot;&quot;&gt;level&=
lt;/var&gt; by 1.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;target&lt;/var=
&gt;'s &lt;code title=3Dattr-th-sorted&gt;&lt;a href=3D#attr-th-sorted&gt=
;sorted&lt;/a&gt;&lt;/code&gt; attribute to
+   the empty string.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;The &lt;a href=3D#activation-behavior&gt=
;activation behavior&lt;/a&gt; of a &lt;a href=3D#sorting-interface-th-el=
ement&gt;sorting interface &lt;code&gt;th&lt;/code&gt;
+  element&lt;/a&gt; is to &lt;a href=3D#set-the-sort-key&gt;set the sort=
 key&lt;/a&gt; to the &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/=
a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code&gt;&lt;a href=3D#the-table-element&=
gt;table&lt;/a&gt;&lt;/code&gt; will be sorted the next time the user age=
nt &lt;a href=3D#perform-a-microtask-checkpoint title=3D&quot;perform a m=
icrotask checkpoint&quot;&gt;performs a microtask checkpoint&lt;/a&gt;.&l=
t;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;t=
h&lt;/var&gt; . &lt;code title=3Ddom-th-sort&gt;&lt;a href=3D#dom-th-sort=
&gt;sort&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Act as if the user had indicated that this was to be the ne=
w primary sort column.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt=
;/a&gt;&lt;/code&gt; won't actually be sorted until the script terminates=
.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;table&lt;/var&gt; . &lt;cod=
e title=3Ddom-table-stopSorting&gt;&lt;a href=3D#dom-table-stopsorting&gt=
;stopSorting&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Removes all the &lt;code title=3Dattr-th-sorted&gt;&lt;a hr=
ef=3D#attr-th-sorted&gt;sorted&lt;/a&gt;&lt;/code&gt; attributes that are=
 causing the
+    table to automatically sort its contents, if any.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&=
lt;/code&gt; element's &lt;dfn id=3Ddom-th-sort title=3Ddom-th-sort&gt;&l=
t;code&gt;sort()&lt;/code&gt;&lt;/dfn&gt; method, when
+  invoked, must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-th-e=
lement&gt;th&lt;/a&gt;&lt;/code&gt; element is not a &lt;a href=3D#sortin=
g-capable-th-element&gt;sorting-capable &lt;code&gt;th&lt;/code&gt;
+   element&lt;/a&gt;, then abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#set-the-sort-key&gt;Set the sort key&lt;/a&gt=
; to the &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/cod=
e&gt; element.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The &lt;code&gt;&lt;a href=3D#the-table-elemen=
t&gt;table&lt;/a&gt;&lt;/code&gt; will be sorted the next time the user a=
gent &lt;a href=3D#perform-a-microtask-checkpoint title=3D&quot;perform a=
 microtask checkpoint&quot;&gt;performs a microtask checkpoint&lt;/a&gt;.=
&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-table-element&gt=
;table&lt;/a&gt;&lt;/code&gt; element's &lt;dfn id=3Ddom-table-stopsortin=
g title=3Ddom-table-stopSorting&gt;&lt;code&gt;stopSorting()&lt;/code&gt;=
&lt;/dfn&gt; method, when invoked, must remove
+  the &lt;code title=3Dattr-th-sorted&gt;&lt;a href=3D#attr-th-sorted&gt=
;sorted&lt;/a&gt;&lt;/code&gt; attribute of all the &lt;a href=3D#sorting=
-enabled-th-elements-of-the-table-element&gt;sorting-enabled
+  &lt;code&gt;th&lt;/code&gt; elements of the table element&lt;/a&gt; on=
 which the method was invoked.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dexamples&gt;&lt;span class=3Dsecno&gt;4.9.14 &lt;/span&gt;=
Examples&lt;/h4&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;The following shows how might one mark up the bottom part of =
table 45 of the &lt;cite&gt;Smithsonian
+  physical tables, Volume 71&lt;/cite&gt;:&lt;/p&gt;
+
+   &lt;!-- Smithsonian physical tables, Volume 71: By Smithsonian Instit=
ution, Frederick Eugene Fowle; page 76 --&gt;
+   &lt;!-- from the reprint of the seventh revised edition; publication =
2539, published 1921 --&gt;
+  &lt;pre&gt;&amp;lt;table&amp;gt;
+ &amp;lt;caption&amp;gt;Specification values: &amp;lt;b&amp;gt;Steel&amp=
;lt;/b&amp;gt;, &amp;lt;b&amp;gt;Castings&amp;lt;/b&amp;gt;,
+ Ann. A.S.T.M. A27-16, Class B;* P max. 0.06; S max. 0.05.&amp;lt;/capti=
on&amp;gt;
+ &amp;lt;thead&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;th rowspan=3D2&amp;gt;Grade.&amp;lt;/th&amp;gt;
+   &amp;lt;th rowspan=3D2&amp;gt;Yield Point.&amp;lt;/th&amp;gt;
+   &amp;lt;th colspan=3D2&amp;gt;Ultimate tensile strength&amp;lt;/th&am=
p;gt;
+   &amp;lt;th rowspan=3D2&amp;gt;Per cent elong. 50.8mm or 2 in.&amp;lt;=
/th&amp;gt;
+   &amp;lt;th rowspan=3D2&amp;gt;Per cent reduct. area.&amp;lt;/th&amp;g=
t;
+  &amp;lt;/tr&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;th&amp;gt;kg/mm&amp;lt;sup&amp;gt;2&amp;lt;/sup&amp;gt;&amp;l=
t;/th&amp;gt;
+   &amp;lt;th&amp;gt;lb/in&amp;lt;sup&amp;gt;2&amp;lt;/sup&amp;gt;&amp;l=
t;/th&amp;gt;
+  &amp;lt;/tr&amp;gt;
+ &amp;lt;/thead&amp;gt;
+ &amp;lt;tbody&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;td&amp;gt;Hard&amp;lt;/td&amp;gt;
+   &amp;lt;td&amp;gt;0.45 ultimate&amp;lt;/td&amp;gt;
+   &amp;lt;td&amp;gt;56.2&amp;lt;/td&amp;gt;
+   &amp;lt;td&amp;gt;80,000&amp;lt;/td&amp;gt;
+   &amp;lt;td&amp;gt;15&amp;lt;/td&amp;gt;
+   &amp;lt;td&amp;gt;20&amp;lt;/td&amp;gt;
+  &amp;lt;/tr&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;td&amp;gt;Medium&amp;lt;/td&amp;gt;
+   &amp;lt;td&amp;gt;0.45 ultimate&amp;lt;/td&amp;gt;
+   &amp;lt;td&amp;gt;49.2&amp;lt;/td&amp;gt;
+   &amp;lt;td&amp;gt;70,000&amp;lt;/td&amp;gt;
+   &amp;lt;td&amp;gt;18&amp;lt;/td&amp;gt;
+   &amp;lt;td&amp;gt;25&amp;lt;/td&amp;gt;
+  &amp;lt;/tr&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;td&amp;gt;Soft&amp;lt;/td&amp;gt;
+   &amp;lt;td&amp;gt;0.45 ultimate&amp;lt;/td&amp;gt;
+   &amp;lt;td&amp;gt;42.2&amp;lt;/td&amp;gt;
+   &amp;lt;td&amp;gt;60,000&amp;lt;/td&amp;gt;
+   &amp;lt;td&amp;gt;22&amp;lt;/td&amp;gt;
+   &amp;lt;td&amp;gt;30&amp;lt;/td&amp;gt;
+  &amp;lt;/tr&amp;gt;
+ &amp;lt;/tbody&amp;gt;
+&amp;lt;/table&amp;gt;&lt;/pre&gt;
+
+  &lt;p&gt;This table could look like this:&lt;/p&gt;
+
+  &lt;table id=3Dtable-example-1&gt;&lt;caption&gt;Specification values:=
 &lt;b&gt;Steel&lt;/b&gt;, &lt;b&gt;Castings&lt;/b&gt;,
+   Ann. A.S.T.M. A27-16, Class B;* P max. 0.06; S max. 0.05.&lt;/caption=
&gt;
+   &lt;thead&gt;&lt;tr&gt;&lt;th rowspan=3D2&gt;Grade.&lt;/th&gt;
+     &lt;th rowspan=3D2&gt;Yield Point.&lt;/th&gt;
+     &lt;th colspan=3D2&gt;Ultimate tensile strength&lt;/th&gt;
+     &lt;th rowspan=3D2&gt;Per cent elong. 50.8&amp;nbsp;mm or&amp;nbsp;=
2&amp;nbsp;in.&lt;/th&gt;
+     &lt;th rowspan=3D2&gt;Per cent reduct. area.&lt;/th&gt;
+    &lt;tr&gt;&lt;th&gt;kg/mm&lt;sup&gt;2&lt;/sup&gt;&lt;/th&gt;
+     &lt;th&gt;lb/in&lt;sup&gt;2&lt;/sup&gt;&lt;/th&gt;
+    &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Hard&lt;/td&gt;
+     &lt;td&gt;0.45 ultimate&lt;/td&gt;
+     &lt;td&gt;56.2&lt;/td&gt;
+     &lt;td&gt;80,000&lt;/td&gt;
+     &lt;td&gt;15&lt;/td&gt;
+     &lt;td&gt;20&lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;Medium&lt;/td&gt;
+     &lt;td&gt;0.45 ultimate&lt;/td&gt;
+     &lt;td&gt;49.2&lt;/td&gt;
+     &lt;td&gt;70,000&lt;/td&gt;
+     &lt;td&gt;18&lt;/td&gt;
+     &lt;td&gt;25&lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;Soft&lt;/td&gt;
+     &lt;td&gt;0.45 ultimate&lt;/td&gt;
+     &lt;td&gt;42.2&lt;/td&gt;
+     &lt;td&gt;60,000&lt;/td&gt;
+     &lt;td&gt;22&lt;/td&gt;
+     &lt;td&gt;30&lt;/td&gt;
+    &lt;/table&gt;&lt;hr&gt;&lt;p&gt;The following shows how one might m=
ark up the gross margin table on page 46 of Apple, Inc's
+  10-K filing for fiscal year 2008:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;table&amp;gt;
+ &amp;lt;thead&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;th&amp;gt;
+   &amp;lt;th&amp;gt;2008
+   &amp;lt;th&amp;gt;2007
+   &amp;lt;th&amp;gt;2006
+ &amp;lt;tbody&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;th&amp;gt;Net sales
+   &amp;lt;td&amp;gt;$ 32,479
+   &amp;lt;td&amp;gt;$ 24,006
+   &amp;lt;td&amp;gt;$ 19,315
+  &amp;lt;tr&amp;gt;
+   &amp;lt;th&amp;gt;Cost of sales
+   &amp;lt;td&amp;gt;  21,334
+   &amp;lt;td&amp;gt;  15,852
+   &amp;lt;td&amp;gt;  13,717
+ &amp;lt;tbody&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;th&amp;gt;Gross margin
+   &amp;lt;td&amp;gt;$ 11,145
+   &amp;lt;td&amp;gt;$  8,154
+   &amp;lt;td&amp;gt;$  5,598
+ &amp;lt;tfoot&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;th&amp;gt;Gross margin percentage
+   &amp;lt;td&amp;gt;34.3%
+   &amp;lt;td&amp;gt;34.0%
+   &amp;lt;td&amp;gt;29.0%
+&amp;lt;/table&amp;gt;&lt;/pre&gt;
+
+  &lt;p&gt;This table could look like this:&lt;/p&gt;
+
+  &lt;table class=3D&quot;apple-table-examples e1&quot;&gt;&lt;thead&gt;=
&lt;tr&gt;&lt;th&gt;
+     &lt;th&gt;2008
+     &lt;th&gt;2007
+     &lt;th&gt;2006
+   &lt;tbody&gt;&lt;tr&gt;&lt;th&gt;Net sales
+     &lt;td&gt;$ 32,479
+     &lt;td&gt;$ 24,006
+     &lt;td&gt;$ 19,315
+    &lt;tr&gt;&lt;th&gt;Cost of sales
+     &lt;td&gt;  21,334
+     &lt;td&gt;  15,852
+     &lt;td&gt;  13,717
+   &lt;tbody&gt;&lt;tr&gt;&lt;th&gt;Gross margin
+     &lt;td&gt;$ 11,145
+     &lt;td&gt;$  8,154
+     &lt;td&gt;$  5,598
+   &lt;tfoot&gt;&lt;tr&gt;&lt;th&gt;Gross margin percentage
+     &lt;td&gt;34.3%
+     &lt;td&gt;34.0%
+     &lt;td&gt;29.0%
+  &lt;/table&gt;&lt;hr&gt;&lt;p&gt;The following shows how one might mar=
k up the operating expenses table from lower on the same
+  page of that document:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;table&amp;gt;
+ &amp;lt;colgroup&amp;gt; &amp;lt;col&amp;gt;
+ &amp;lt;colgroup&amp;gt; &amp;lt;col&amp;gt; &amp;lt;col&amp;gt; &amp;l=
t;col&amp;gt;
+ &amp;lt;thead&amp;gt;
+  &amp;lt;tr&amp;gt; &amp;lt;th&amp;gt; &amp;lt;th&amp;gt;2008 &amp;lt;t=
h&amp;gt;2007 &amp;lt;th&amp;gt;2006
+ &amp;lt;tbody&amp;gt;
+  &amp;lt;tr&amp;gt; &amp;lt;th scope=3Drowgroup&amp;gt; Research and de=
velopment
+       &amp;lt;td&amp;gt; $ 1,109 &amp;lt;td&amp;gt; $ 782 &amp;lt;td&am=
p;gt; $ 712
+  &amp;lt;tr&amp;gt; &amp;lt;th scope=3Drow&amp;gt; Percentage of net sa=
les
+       &amp;lt;td&amp;gt; 3.4% &amp;lt;td&amp;gt; 3.3% &amp;lt;td&amp;gt=
; 3.7%
+ &amp;lt;tbody&amp;gt;
+  &amp;lt;tr&amp;gt; &amp;lt;th scope=3Drowgroup&amp;gt; Selling, genera=
l, and administrative
+       &amp;lt;td&amp;gt; $ 3,761 &amp;lt;td&amp;gt; $ 2,963 &amp;lt;td&=
amp;gt; $ 2,433
+  &amp;lt;tr&amp;gt; &amp;lt;th scope=3Drow&amp;gt; Percentage of net sa=
les
+       &amp;lt;td&amp;gt; 11.6% &amp;lt;td&amp;gt; 12.3% &amp;lt;td&amp;=
gt; 12.6%
+&amp;lt;/table&amp;gt;&lt;/pre&gt;
+
+  &lt;p&gt;This table could look like this:&lt;/p&gt;
+
+  &lt;table class=3D&quot;apple-table-examples e2&quot;&gt;&lt;thead&gt;=
&lt;tr&gt;&lt;th&gt; &lt;th&gt;2008 &lt;th&gt;2007 &lt;th&gt;2006
+   &lt;tbody&gt;&lt;tr&gt;&lt;th scope=3Drowgroup&gt; Research and devel=
opment
+         &lt;td&gt; $ 1,109 &lt;td&gt; $ 782 &lt;td&gt; $ 712
+    &lt;tr&gt;&lt;th scope=3Drow&gt; Percentage of net sales
+         &lt;td&gt; 3.4% &lt;td&gt; 3.3% &lt;td&gt; 3.7%
+   &lt;tbody&gt;&lt;tr&gt;&lt;th scope=3Drowgroup&gt; Selling, general, =
and administrative
+         &lt;td&gt; $ 3,761 &lt;td&gt; $ 2,963 &lt;td&gt; $ 2,433
+    &lt;tr&gt;&lt;th scope=3Drow&gt; Percentage of net sales
+         &lt;td&gt; 11.6% &lt;td&gt; 12.3% &lt;td&gt; 12.6%
+  &lt;/table&gt;&lt;h3 id=3Dforms&gt;&lt;span class=3Dsecno&gt;4.10 &lt;=
/span&gt;Forms&lt;/h3&gt;
+
+  &lt;h4 id=3Dintroduction-2&gt;&lt;span class=3Dsecno&gt;4.10.1 &lt;/sp=
an&gt;Introduction&lt;/h4&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;A form is a component of a Web page that has form controls, s=
uch as text fields, buttons,
+  checkboxes, range controls, or color pickers. A user can interact with=
 such a form, providing data
+  that can then be sent to the server for further processing (e.g. retur=
ning the results of a search
+  or calculation). No client-side scripting is needed in many cases, tho=
ugh an API is available so
+  that scripts can augment the user experience or use forms for purposes=
 other than submitting data
+  to a server.&lt;/p&gt;
+
+  &lt;p&gt;Writing a form consists of several steps, which can be perfor=
med in any order: writing the user
+  interface, implementing the server-side processing, and configuring th=
e user interface to
+  communicate with the server.&lt;/p&gt;
+
+
+  &lt;h5 id=3D&quot;writing-a-form's-user-interface&quot;&gt;&lt;span cl=
ass=3Dsecno&gt;4.10.1.1 &lt;/span&gt;Writing a form's user interface&lt;/=
h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;For the purposes of this brief introduction, we will create a=
 pizza ordering form.&lt;/p&gt;
+
+  &lt;p&gt;Any form starts with a &lt;code&gt;&lt;a href=3D#the-form-ele=
ment&gt;form&lt;/a&gt;&lt;/code&gt; element, inside which are placed the =
controls. Most
+  controls are represented by the &lt;code&gt;&lt;a href=3D#the-input-el=
ement&gt;input&lt;/a&gt;&lt;/code&gt; element, which by default provides =
a one-line
+  text field. To label a control, the &lt;code&gt;&lt;a href=3D#the-labe=
l-element&gt;label&lt;/a&gt;&lt;/code&gt; element is used; the label text=
 and the
+  control itself go inside the &lt;code&gt;&lt;a href=3D#the-label-eleme=
nt&gt;label&lt;/a&gt;&lt;/code&gt; element. Each part of a form is consid=
ered a
+  &lt;a href=3D#paragraph&gt;paragraph&lt;/a&gt;, and is typically separ=
ated from other parts using &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&=
lt;/a&gt;&lt;/code&gt; elements.
+  Putting this together, here is how one might ask for the customer's na=
me:&lt;/p&gt;
+
+  &lt;pre&gt;&lt;strong&gt;&amp;lt;form&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Customer name: &amp;lt;input&amp;=
gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/strong&gt;&lt;/pre&gt;
+
+  &lt;p&gt;To let the user select the size of the pizza, we can use a se=
t of radio buttons. Radio buttons
+  also use the &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element, this time with a &lt;code title=3Dattr-input-=
type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attr=
ibute with the value &lt;code title=3Dattr-input-type-radio&gt;&lt;a href=
=3D&quot;#radio-button-state-(type=3Dradio)&quot;&gt;radio&lt;/a&gt;&lt;/=
code&gt;. To make the radio buttons work as a group, they are
+  given a common name using the &lt;code title=3Dattr-fe-name&gt;&lt;a h=
ref=3D#attr-fe-name&gt;name&lt;/a&gt;&lt;/code&gt; attribute. To group a =
batch
+  of controls together, such as, in this case, the radio buttons, one ca=
n use the
+  &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldset&lt;/a&gt;&l=
t;/code&gt; element. The title of such a group of controls is given by th=
e first element
+  in the &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldset&lt;/=
a&gt;&lt;/code&gt;, which has to be a &lt;code&gt;&lt;a href=3D#the-legen=
d-element&gt;legend&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;form&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Customer name: &amp;lt;input&amp;=
gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+&lt;strong&gt; &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Size &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&amp;gt; Small &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&amp;gt; Medium &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&amp;gt; Large &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;&lt;/strong&gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+  &lt;p class=3Dnote&gt;Changes from the previous step are highlighted.&=
lt;/p&gt;
+
+  &lt;p&gt;To pick toppings, we can use checkboxes. These use the &lt;co=
de&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; ele=
ment with a &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-=
type&gt;type&lt;/a&gt;&lt;/code&gt; attribute with the value &lt;code tit=
le=3Dattr-input-type-checkbox&gt;&lt;a href=3D&quot;#checkbox-state-(type=
=3Dcheckbox)&quot;&gt;checkbox&lt;/a&gt;&lt;/code&gt;:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;form&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Customer name: &amp;lt;input&amp;=
gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Size &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&amp;gt; Small &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&amp;gt; Medium &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&amp;gt; Large &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+&lt;strong&gt; &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Toppings &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&a=
mp;gt; Bacon &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&a=
mp;gt; Extra Cheese &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&a=
mp;gt; Onion &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&a=
mp;gt; Mushroom &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;&lt;/strong&gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+  &lt;p&gt;The pizzeria for which this form is being written is always m=
aking mistakes, so it needs a way
+  to contact the customer. For this purpose, we can use form controls sp=
ecifically for telephone
+  numbers (&lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt=
;&lt;/code&gt; elements with their &lt;code title=3Dattr-input-type&gt;&l=
t;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt;
+  attribute set to &lt;code title=3Dattr-input-type-tel&gt;&lt;a href=3D=
&quot;#telephone-state-(type=3Dtel)&quot;&gt;tel&lt;/a&gt;&lt;/code&gt;) =
and e-mail addresses
+  (&lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/co=
de&gt; elements with their &lt;code title=3Dattr-input-type&gt;&lt;a href=
=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute set to
+  &lt;code title=3Dattr-input-type-email&gt;&lt;a href=3D&quot;#e-mail-s=
tate-(type=3Demail)&quot;&gt;email&lt;/a&gt;&lt;/code&gt;):&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;form&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Customer name: &amp;lt;input&amp;=
gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+&lt;strong&gt; &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Telephone: &amp;lt;=
input type=3Dtel&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;E-mail address: &amp;lt;input typ=
e=3Demail&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;&lt;/strong&gt;
+ &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Size &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&amp;gt; Small &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&amp;gt; Medium &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&amp;gt; Large &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+ &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Toppings &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&a=
mp;gt; Bacon &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&a=
mp;gt; Extra Cheese &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&a=
mp;gt; Onion &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&a=
mp;gt; Mushroom &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+  &lt;p&gt;We can use an &lt;code&gt;&lt;a href=3D#the-input-element&gt;=
input&lt;/a&gt;&lt;/code&gt; element with its &lt;code title=3Dattr-input=
-type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt;
+  attribute set to &lt;code title=3Dattr-input-type-time&gt;&lt;a href=3D=
&quot;#time-state-(type=3Dtime)&quot;&gt;time&lt;/a&gt;&lt;/code&gt; to a=
sk for a delivery time. Many
+  of these form controls have attributes to control exactly what values =
can be specified; in this
+  case, three attributes of particular interest are &lt;code title=3Datt=
r-input-min&gt;&lt;a href=3D#attr-input-min&gt;min&lt;/a&gt;&lt;/code&gt;=
, &lt;code title=3Dattr-input-max&gt;&lt;a href=3D#attr-input-max&gt;max&=
lt;/a&gt;&lt;/code&gt;, and &lt;code title=3Dattr-input-step&gt;&lt;a hre=
f=3D#attr-input-step&gt;step&lt;/a&gt;&lt;/code&gt;. These set the
+  minimum time, the maximum time, and the interval between allowed value=
s (in seconds). This
+  pizzeria only delivers between 11am and 9pm, and doesn't promise anyth=
ing better than 15 minute
+  increments, which we can mark up as follows:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;form&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Customer name: &amp;lt;input&amp;=
gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Telephone: &amp;lt;input type=3Dt=
el&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;E-mail address: &amp;lt;input typ=
e=3Demail&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Size &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&amp;gt; Small &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&amp;gt; Medium &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&amp;gt; Large &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+ &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Toppings &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&a=
mp;gt; Bacon &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&a=
mp;gt; Extra Cheese &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&a=
mp;gt; Onion &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&a=
mp;gt; Mushroom &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+&lt;strong&gt; &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Preferred delivery =
time: &amp;lt;input type=3Dtime min=3D&quot;11:00&quot; max=3D&quot;21:00=
&quot; step=3D&quot;900&quot;&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp=
;gt;&lt;/strong&gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textare=
a&lt;/a&gt;&lt;/code&gt; element can be used to provide a free-form text =
field. In this
+  instance, we are going to use it to provide a space for the customer t=
o give delivery
+  instructions:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;form&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Customer name: &amp;lt;input&amp;=
gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Telephone: &amp;lt;input type=3Dt=
el&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;E-mail address: &amp;lt;input typ=
e=3Demail&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Size &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&amp;gt; Small &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&amp;gt; Medium &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&amp;gt; Large &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+ &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Toppings &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&a=
mp;gt; Bacon &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&a=
mp;gt; Extra Cheese &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&a=
mp;gt; Onion &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&a=
mp;gt; Mushroom &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Preferred delivery time: &amp;lt;=
input type=3Dtime min=3D&quot;11:00&quot; max=3D&quot;21:00&quot; step=3D=
&quot;900&quot;&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+&lt;strong&gt; &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Delivery instructio=
ns: &amp;lt;textarea&amp;gt;&amp;lt;/textarea&amp;gt;&amp;lt;/label&amp;g=
t;&amp;lt;/p&amp;gt;&lt;/strong&gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+  &lt;p&gt;Finally, to make the form submittable we use the &lt;code&gt;=
&lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&lt;/code&gt; element=
:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;form&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Customer name: &amp;lt;input&amp;=
gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Telephone: &amp;lt;input type=3Dt=
el&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;E-mail address: &amp;lt;input typ=
e=3Demail&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Size &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&amp;gt; Small &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&amp;gt; Medium &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&amp;gt; Large &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+ &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Toppings &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&a=
mp;gt; Bacon &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&a=
mp;gt; Extra Cheese &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&a=
mp;gt; Onion &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&a=
mp;gt; Mushroom &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Preferred delivery time: &amp;lt;=
input type=3Dtime min=3D&quot;11:00&quot; max=3D&quot;21:00&quot; step=3D=
&quot;900&quot;&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Delivery instructions: &amp;lt;te=
xtarea&amp;gt;&amp;lt;/textarea&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&a=
mp;gt;
+&lt;strong&gt; &amp;lt;p&amp;gt;&amp;lt;button&amp;gt;Submit order&amp;l=
t;/button&amp;gt;&amp;lt;/p&amp;gt;&lt;/strong&gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+
+  &lt;h5 id=3Dimplementing-the-server-side-processing-for-a-form&gt;&lt;=
span class=3Dsecno&gt;4.10.1.2 &lt;/span&gt;Implementing the server-side =
processing for a form&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;The exact details for writing a server-side processor are out=
 of scope for this specification.
+  For the purposes of this introduction, we will assume that the script =
at &lt;code title=3D&quot;&quot;&gt;https://pizza.example.com/order.cgi&l=
t;/code&gt; is configured to accept submissions using the
+  &lt;code title=3Dattr-fs-enctype-urlencoded&gt;&lt;a href=3D#attr-fs-e=
nctype-urlencoded&gt;application/x-www-form-urlencoded&lt;/a&gt;&lt;/code=
&gt; format,
+  expecting the following parameters sent in an HTTP POST body:&lt;/p&gt=
;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;code title=3D&quot;&quot;&gt;custname&lt;/code=
&gt;&lt;/dt&gt;
+   &lt;dd&gt;Customer's name&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;code title=3D&quot;&quot;&gt;custtel&lt;/code&gt;&lt;/d=
t&gt;
+   &lt;dd&gt;Customer's telephone number&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;code title=3D&quot;&quot;&gt;custemail&lt;/code&gt;&lt;=
/dt&gt;
+   &lt;dd&gt;Customer's e-mail address&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;code title=3D&quot;&quot;&gt;size&lt;/code&gt;&lt;/dt&g=
t;
+   &lt;dd&gt;The pizza size, either &lt;code title=3D&quot;&quot;&gt;sma=
ll&lt;/code&gt;, &lt;code title=3D&quot;&quot;&gt;medium&lt;/code&gt;, or=
 &lt;code title=3D&quot;&quot;&gt;large&lt;/code&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;code title=3D&quot;&quot;&gt;topping&lt;/code&gt;&lt;/d=
t&gt;
+   &lt;dd&gt;A topping, specified once for each selected topping, with t=
he allowed values being &lt;code title=3D&quot;&quot;&gt;bacon&lt;/code&g=
t;, &lt;code title=3D&quot;&quot;&gt;cheese&lt;/code&gt;, &lt;code title=3D=
&quot;&quot;&gt;onion&lt;/code&gt;, and &lt;code title=3D&quot;&quot;&gt;=
mushroom&lt;/code&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;code title=3D&quot;&quot;&gt;delivery&lt;/code&gt;&lt;/=
dt&gt;
+   &lt;dd&gt;The requested delivery time&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;code title=3D&quot;&quot;&gt;comments&lt;/code&gt;&lt;/=
dt&gt;
+   &lt;dd&gt;The delivery instructions&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dconfiguring-a-form-to-communicate-with-a-server=
&gt;&lt;span class=3Dsecno&gt;4.10.1.3 &lt;/span&gt;Configuring a form to=
 communicate with a server&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;Form submissions are exposed to servers in a variety of ways,=
 most commonly as HTTP GET or POST
+  requests. To specify the exact method used, the &lt;code title=3Dattr-=
fs-method&gt;&lt;a href=3D#attr-fs-method&gt;method&lt;/a&gt;&lt;/code&gt=
;
+  attribute is specified on the &lt;code&gt;&lt;a href=3D#the-form-eleme=
nt&gt;form&lt;/a&gt;&lt;/code&gt; element. This doesn't specify how the f=
orm data is
+  encoded, though; to specify that, you use the &lt;code title=3Dattr-fs=
-enctype&gt;&lt;a href=3D#attr-fs-enctype&gt;enctype&lt;/a&gt;&lt;/code&g=
t;
+  attribute. You also have to specify the &lt;a href=3D#url&gt;URL&lt;/a=
&gt; of the service that will handle the
+  submitted data, using the &lt;code title=3Dattr-fs-action&gt;&lt;a hre=
f=3D#attr-fs-action&gt;action&lt;/a&gt;&lt;/code&gt; attribute.&lt;/p&gt;
+
+  &lt;p&gt;For each form control you want submitted, you then have to gi=
ve a name that will be used to
+  refer to the data in the submission. We already specified the name for=
 the group of radio buttons;
+  the same attribute (&lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#att=
r-fe-name&gt;name&lt;/a&gt;&lt;/code&gt;) also specifies the submission n=
ame.
+  Radio buttons can be distinguished from each other in the submission b=
y giving them different
+  values, using the &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#a=
ttr-input-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute.&lt;/p&gt;
+
+  &lt;p&gt;Multiple controls can have the same name; for example, here w=
e give all the checkboxes the same
+  name, and the server distinguishes which checkbox was checked by seein=
g which values are submitted
+  with that name &amp;mdash; like the radio buttons, they are also given=
 unique values with the &lt;code title=3Dattr-input-value&gt;&lt;a href=3D=
#attr-input-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute.&lt;/p&gt;
+
+  &lt;p&gt;Given the settings in the previous section, this all becomes:=
&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;form&lt;strong&gt; method=3D&quot;post&quot;
+      enctype=3D&quot;application/x-www-form-urlencoded&quot;
+      action=3D&quot;https://pizza.example.com/order.cgi&quot;&lt;/stron=
g&gt;&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Customer name: &amp;lt;input&lt;s=
trong&gt; name=3D&quot;custname&quot;&lt;/strong&gt;&amp;gt;&amp;lt;/labe=
l&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Telephone: &amp;lt;input type=3Dt=
el&lt;strong&gt; name=3D&quot;custtel&quot;&lt;/strong&gt;&amp;gt;&amp;lt=
;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;E-mail address: &amp;lt;input typ=
e=3Demail&lt;strong&gt; name=3D&quot;custemail&quot;&lt;/strong&gt;&amp;g=
t;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Size &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&lt;strong&gt; value=3D&quot;small&quot;&lt;/strong&gt;&amp;gt; Sm=
all &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&lt;strong&gt; value=3D&quot;medium&quot;&lt;/strong&gt;&amp;gt; M=
edium &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&lt;strong&gt; value=3D&quot;large&quot;&lt;/strong&gt;&amp;gt; La=
rge &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+ &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Toppings &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&l=
t;strong&gt; name=3D&quot;topping&quot; value=3D&quot;bacon&quot;&lt;/str=
ong&gt;&amp;gt; Bacon &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&l=
t;strong&gt; name=3D&quot;topping&quot; value=3D&quot;cheese&quot;&lt;/st=
rong&gt;&amp;gt; Extra Cheese &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&l=
t;strong&gt; name=3D&quot;topping&quot; value=3D&quot;onion&quot;&lt;/str=
ong&gt;&amp;gt; Onion &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox&l=
t;strong&gt; name=3D&quot;topping&quot; value=3D&quot;mushroom&quot;&lt;/=
strong&gt;&amp;gt; Mushroom &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Preferred delivery time: &amp;lt;=
input type=3Dtime min=3D&quot;11:00&quot; max=3D&quot;21:00&quot; step=3D=
&quot;900&quot;&lt;strong&gt; name=3D&quot;delivery&quot;&lt;/strong&gt;&=
amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Delivery instructions: &amp;lt;te=
xtarea&lt;strong&gt; name=3D&quot;comments&quot;&lt;/strong&gt;&amp;gt;&a=
mp;lt;/textarea&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;button&amp;gt;Submit order&amp;lt;/button&amp;=
gt;&amp;lt;/p&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+  &lt;p class=3Dnote&gt;There is no particular significance to the way s=
ome of the attributes have their
+  values quoted and others don't. The HTML syntax allows a variety of eq=
ually valid ways to specify
+  attributes, as discussed &lt;a href=3D#syntax-attributes title=3Dsynta=
x-attributes&gt;in the syntax section&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;For example, if the customer entered &quot;Denise Lawrence&qu=
ot; as their name, &quot;555-321-8642&quot; as their
+  telephone number, did not specify an e-mail address, asked for a mediu=
m-sized pizza, selected the
+  Extra Cheese and Mushroom toppings, entered a delivery time of 7pm, an=
d left the delivery
+  instructions text field blank, the user agent would submit the followi=
ng to the online Web
+  service:&lt;/p&gt;
+
+  &lt;pre&gt;custname=3DDenise+Lawrence&amp;amp;custtel=3D555-321-8624&a=
mp;amp;custemail=3D&amp;amp;size=3Dmedium&amp;amp;topping=3Dcheese&amp;am=
p;topping=3Dmushroom&amp;amp;delivery=3D19%3A00&amp;amp;comments=3D&lt;/p=
re&gt;
+
+
+  &lt;h5 id=3Dclient-side-form-validation&gt;&lt;span class=3Dsecno&gt;4=
.10.1.4 &lt;/span&gt;Client-side form validation&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;Forms can be annotated in such a way that the user agent will=
 check the user's input before the
+  form is submitted. The server still has to verify the input is valid (=
since hostile users can
+  easily bypass the form validation), but it allows the user to avoid th=
e wait incurred by having
+  the server be the sole checker of the user's input.&lt;/p&gt;
+
+  &lt;p&gt;The simplest annotation is the &lt;code title=3Dattr-input-re=
quired&gt;&lt;a href=3D#attr-input-required&gt;required&lt;/a&gt;&lt;/cod=
e&gt; attribute,
+  which can be specified on &lt;code&gt;&lt;a href=3D#the-input-element&=
gt;input&lt;/a&gt;&lt;/code&gt; elements to indicate that the form is not=
 to be
+  submitted until a value is given. By adding this attribute to the cust=
omer name, pizza size, and
+  delivery time fields, we allow the user agent to notify the user when =
the user submits the form
+  without filling in those fields:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;form method=3D&quot;post&quot;
+      enctype=3D&quot;application/x-www-form-urlencoded&quot;
+      action=3D&quot;https://pizza.example.com/order.cgi&quot;&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Customer name: &amp;lt;input name=
=3D&quot;custname&quot;&lt;strong&gt; required&lt;/strong&gt;&amp;gt;&amp=
;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Telephone: &amp;lt;input type=3Dt=
el name=3D&quot;custtel&quot;&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp=
;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;E-mail address: &amp;lt;input typ=
e=3Demail name=3D&quot;custemail&quot;&amp;gt;&amp;lt;/label&amp;gt;&amp;=
lt;/p&amp;gt;
+ &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Size &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&lt;strong&gt; required&lt;/strong&gt; value=3D&quot;small&quot;&a=
mp;gt; Small &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&lt;strong&gt; required&lt;/strong&gt; value=3D&quot;medium&quot;&=
amp;gt; Medium &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize&lt;strong&gt; required&lt;/strong&gt; value=3D&quot;large&quot;&a=
mp;gt; Large &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+ &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Toppings &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox n=
ame=3D&quot;topping&quot; value=3D&quot;bacon&quot;&amp;gt; Bacon &amp;lt=
;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox n=
ame=3D&quot;topping&quot; value=3D&quot;cheese&quot;&amp;gt; Extra Cheese=
 &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox n=
ame=3D&quot;topping&quot; value=3D&quot;onion&quot;&amp;gt; Onion &amp;lt=
;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox n=
ame=3D&quot;topping&quot; value=3D&quot;mushroom&quot;&amp;gt; Mushroom &=
amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Preferred delivery time: &amp;lt;=
input type=3Dtime min=3D&quot;11:00&quot; max=3D&quot;21:00&quot; step=3D=
&quot;900&quot; name=3D&quot;delivery&quot;&lt;strong&gt; required&lt;/st=
rong&gt;&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Delivery instructions: &amp;lt;te=
xtarea name=3D&quot;comments&quot;&amp;gt;&amp;lt;/textarea&amp;gt;&amp;l=
t;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;button&amp;gt;Submit order&amp;lt;/button&amp;=
gt;&amp;lt;/p&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+  &lt;p&gt;It is also possible to limit the length of the input, using t=
he &lt;code title=3Dattr-fe-maxlength&gt;&lt;a href=3D#attr-fe-maxlength&=
gt;maxlength&lt;/a&gt;&lt;/code&gt; attribute. By adding this to the &lt;=
code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&gt;&lt;/code=
&gt;
+  element, we can limit users to 1000 characters, preventing them from w=
riting huge essays to the
+  busy delivery drivers instead of staying focused and to the point:&lt;=
/p&gt;
+
+  &lt;pre&gt;&amp;lt;form method=3D&quot;post&quot;
+      enctype=3D&quot;application/x-www-form-urlencoded&quot;
+      action=3D&quot;https://pizza.example.com/order.cgi&quot;&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Customer name: &amp;lt;input name=
=3D&quot;custname&quot; required&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&=
amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Telephone: &amp;lt;input type=3Dt=
el name=3D&quot;custtel&quot;&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp=
;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;E-mail address: &amp;lt;input typ=
e=3Demail name=3D&quot;custemail&quot;&amp;gt;&amp;lt;/label&amp;gt;&amp;=
lt;/p&amp;gt;
+ &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Size &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize required value=3D&quot;small&quot;&amp;gt; Small &amp;lt;/label&a=
mp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize required value=3D&quot;medium&quot;&amp;gt; Medium &amp;lt;/label=
&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize required value=3D&quot;large&quot;&amp;gt; Large &amp;lt;/label&a=
mp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+ &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Toppings &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox n=
ame=3D&quot;topping&quot; value=3D&quot;bacon&quot;&amp;gt; Bacon &amp;lt=
;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox n=
ame=3D&quot;topping&quot; value=3D&quot;cheese&quot;&amp;gt; Extra Cheese=
 &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox n=
ame=3D&quot;topping&quot; value=3D&quot;onion&quot;&amp;gt; Onion &amp;lt=
;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox n=
ame=3D&quot;topping&quot; value=3D&quot;mushroom&quot;&amp;gt; Mushroom &=
amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Preferred delivery time: &amp;lt;=
input type=3Dtime min=3D&quot;11:00&quot; max=3D&quot;21:00&quot; step=3D=
&quot;900&quot; name=3D&quot;delivery&quot; required&amp;gt;&amp;lt;/labe=
l&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Delivery instructions: &amp;lt;te=
xtarea name=3D&quot;comments&quot;&lt;strong&gt; maxlength=3D1000&lt;/str=
ong&gt;&amp;gt;&amp;lt;/textarea&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&=
amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;button&amp;gt;Submit order&amp;lt;/button&amp;=
gt;&amp;lt;/p&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+  &lt;p class=3Dnote&gt;When a form is submitted, &lt;code title=3Devent=
-invalid&gt;invalid&lt;/code&gt; events are
+  fired at each form control that is invalid, and then at the &lt;code&g=
t;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&gt; element i=
tself. This
+  can be useful for displaying a summary of the problems with the form, =
since typically the browser
+  itself will only report one problem at a time.&lt;/p&gt;
+
+
+
+  &lt;h5 id=3Denabling-client-side-automatic-filling-of-form-controls&gt=
;&lt;span class=3Dsecno&gt;4.10.1.5 &lt;/span&gt;Enabling client-side aut=
omatic filling of form controls&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;Some browsers attempt to aid the user by automatically fillin=
g form controls rather than having
+  the user reenter their information each time. For example, a field ask=
ing for the user's telephone
+  number can be automatically filled with the user's phone number.&lt;/p=
&gt;
+
+  &lt;p&gt;To help the user agent with this, we can tell it what the fie=
ld is using the &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#at=
tr-fe-autocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt; attribute. In t=
he case of this form, we have
+  three fields that can be usefully annotated in this way: the informati=
on about who the pizza is to
+  be delivered to. Adding this information looks like this:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;form method=3D&quot;post&quot;
+      enctype=3D&quot;application/x-www-form-urlencoded&quot;
+      action=3D&quot;https://pizza.example.com/order.cgi&quot;&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Customer name: &amp;lt;input name=
=3D&quot;custname&quot; required &lt;strong&gt;autocomplete=3D&quot;shipp=
ing name&quot;&lt;/strong&gt;&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp=
;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Telephone: &amp;lt;input type=3Dt=
el name=3D&quot;custtel&quot; &lt;strong&gt;autocomplete=3D&quot;shipping=
 tel&quot;&lt;/strong&gt;&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;E-mail address: &amp;lt;input typ=
e=3Demail name=3D&quot;custemail&quot; &lt;strong&gt;autocomplete=3D&quot=
;shipping email&quot;&lt;/strong&gt;&amp;gt;&amp;lt;/label&amp;gt;&amp;lt=
;/p&amp;gt;
+ &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Size &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize required value=3D&quot;small&quot;&amp;gt; Small &amp;lt;/label&a=
mp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize required value=3D&quot;medium&quot;&amp;gt; Medium &amp;lt;/label=
&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize required value=3D&quot;large&quot;&amp;gt; Large &amp;lt;/label&a=
mp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+ &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Toppings &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox n=
ame=3D&quot;topping&quot; value=3D&quot;bacon&quot;&amp;gt; Bacon &amp;lt=
;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox n=
ame=3D&quot;topping&quot; value=3D&quot;cheese&quot;&amp;gt; Extra Cheese=
 &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox n=
ame=3D&quot;topping&quot; value=3D&quot;onion&quot;&amp;gt; Onion &amp;lt=
;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox n=
ame=3D&quot;topping&quot; value=3D&quot;mushroom&quot;&amp;gt; Mushroom &=
amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Preferred delivery time: &amp;lt;=
input type=3Dtime min=3D&quot;11:00&quot; max=3D&quot;21:00&quot; step=3D=
&quot;900&quot; name=3D&quot;delivery&quot; required&amp;gt;&amp;lt;/labe=
l&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Delivery instructions: &amp;lt;te=
xtarea name=3D&quot;comments&quot; maxlength=3D1000&amp;gt;&amp;lt;/texta=
rea&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;button&amp;gt;Submit order&amp;lt;/button&amp;=
gt;&amp;lt;/p&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+
+  &lt;h5 id=3Dimproving-the-user-experience-on-mobile-devices&gt;&lt;spa=
n class=3Dsecno&gt;4.10.1.6 &lt;/span&gt;Improving the user experience on=
 mobile devices&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;Some devices, in particular those with on-screen keyboards an=
d those in locales with languages
+  with many characters (e.g. Japanese), can provide the user with multip=
le input modalities. For
+  example, when typing in a credit card number the user may wish to only=
 see keys for digits 0-9,
+  while when typing in their name they may wish to see a form field that=
 by default capitalises each
+  word.&lt;/p&gt;
+
+  &lt;p&gt;Using the &lt;code title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt; attribute we can s=
elect appropriate
+  input modalities:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;form method=3D&quot;post&quot;
+      enctype=3D&quot;application/x-www-form-urlencoded&quot;
+      action=3D&quot;https://pizza.example.com/order.cgi&quot;&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Customer name: &amp;lt;input name=
=3D&quot;custname&quot; required autocomplete=3D&quot;shipping name&quot;=
 &lt;strong&gt;inputmode=3D&quot;latin-name&quot;&lt;/strong&gt;&amp;gt;&=
amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Telephone: &amp;lt;input type=3Dt=
el name=3D&quot;custtel&quot; autocomplete=3D&quot;shipping tel&quot;&amp=
;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;E-mail address: &amp;lt;input typ=
e=3Demail name=3D&quot;custemail&quot; autocomplete=3D&quot;shipping emai=
l&quot;&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Size &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize required value=3D&quot;small&quot;&amp;gt; Small &amp;lt;/label&a=
mp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize required value=3D&quot;medium&quot;&amp;gt; Medium &amp;lt;/label=
&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dradio name=
=3Dsize required value=3D&quot;large&quot;&amp;gt; Large &amp;lt;/label&a=
mp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+ &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt; Pizza Toppings &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox n=
ame=3D&quot;topping&quot; value=3D&quot;bacon&quot;&amp;gt; Bacon &amp;lt=
;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox n=
ame=3D&quot;topping&quot; value=3D&quot;cheese&quot;&amp;gt; Extra Cheese=
 &amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox n=
ame=3D&quot;topping&quot; value=3D&quot;onion&quot;&amp;gt; Onion &amp;lt=
;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt; &amp;lt;input type=3Dcheckbox n=
ame=3D&quot;topping&quot; value=3D&quot;mushroom&quot;&amp;gt; Mushroom &=
amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Preferred delivery time: &amp;lt;=
input type=3Dtime min=3D&quot;11:00&quot; max=3D&quot;21:00&quot; step=3D=
&quot;900&quot; name=3D&quot;delivery&quot; required&amp;gt;&amp;lt;/labe=
l&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Delivery instructions: &amp;lt;te=
xtarea name=3D&quot;comments&quot; maxlength=3D1000 &lt;strong&gt;inputmo=
de=3D&quot;latin-prose&quot;&lt;/strong&gt;&amp;gt;&amp;lt;/textarea&amp;=
gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;button&amp;gt;Submit order&amp;lt;/button&amp;=
gt;&amp;lt;/p&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+
+
+  &lt;h5 id=3Dthe-difference-between-the-field-type,-the-autofill-field-=
name,-and-the-input-modality&gt;&lt;span class=3Dsecno&gt;4.10.1.7 &lt;/s=
pan&gt;The difference between the field type, the autofill field name, an=
d the input modality&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-in=
put-type&gt;type&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-fe-autocom=
plete&gt;&lt;a href=3D#attr-fe-autocomplete&gt;autocomplete&lt;/a&gt;&lt;=
/code&gt;, and &lt;code title=3Dattr-fe-inputmode&gt;&lt;a href=3D#attr-f=
e-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt; attributes can seem confu=
singly similar. For instance,
+  in all three cases, the string &quot;&lt;code title=3D&quot;&quot;&gt;=
email&lt;/code&gt;&quot; is a valid value. This section
+  attempts to illustrate the difference between the three attributes and=
 provides advice suggesting
+  how to use them.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-in=
put-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute on &lt;code&gt;&lt;a hr=
ef=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; elements decides
+  what kind of control the user agent will use to expose the field. Choo=
sing between different
+  values of this attribute is the same choice as choosing whether to use=
 an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/co=
de&gt;
+  element, a &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&=
lt;/a&gt;&lt;/code&gt; element, a &lt;code&gt;&lt;a href=3D#the-select-el=
ement&gt;select&lt;/a&gt;&lt;/code&gt; element, a &lt;code&gt;&lt;a href=3D=
#the-keygen-element&gt;keygen&lt;/a&gt;&lt;/code&gt;
+  element, etc.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#at=
tr-fe-autocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt; attribute, in c=
ontrast, describes
+  what the value that the user will enter actually represents. Choosing =
between different values of
+  this attribute is the same choice as choosing what the label for the e=
lement will be.&lt;/p&gt;
+
+  &lt;p&gt;First, consider telephone numbers. If a page is asking for a =
telephone number from the user,
+  the right form control to use is &lt;code title=3Dattr-input-type-tel&=
gt;&lt;a href=3D&quot;#telephone-state-(type=3Dtel)&quot;&gt;&amp;lt;inpu=
t type=3Dtel&amp;gt;&lt;/a&gt;&lt;/code&gt;.
+  However, which &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#=
attr-fe-autocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt; value to use =
depends on
+  which phone number the page is asking for, whether they expect a telep=
hone number in the
+  international format or just the local format, and so forth.&lt;/p&gt;
+
+  &lt;p&gt;For example, a page that forms part of a checkout process on =
an e-commerce site for a customer
+  buying a gift to be shipped to a friend might need both the buyer's te=
lephone number (in case of
+  payment issues) and the friend's telephone number (in case of delivery=
 issues). If the site
+  expects international phone numbers (with the country code prefix), th=
is could thus look like
+  this:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Your phone number: &a=
mp;lt;input type=3Dtel name=3Dcusttel autocomplete=3D&quot;billing tel&qu=
ot;&amp;gt;&amp;lt;/label&amp;gt;
+&amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Recipient's phone number: &amp;lt;=
input type=3Dtel name=3Dshiptel autocomplete=3D&quot;shipping tel&quot;&a=
mp;gt;&amp;lt;/label&amp;gt;
+&amp;lt;p&amp;gt;Please enter complete phone numbers including the count=
ry code prefix, as in &quot;+1 555 123 4567&quot;.&lt;/pre&gt;
+
+  &lt;p&gt;But if the site only supports British customers and recipient=
s, it might instead look like this
+  (notice the use of &lt;code title=3Dattr-fe-autocomplete-tel-national&=
gt;&lt;a href=3D#attr-fe-autocomplete-tel-national&gt;tel-national&lt;/a&=
gt;&lt;/code&gt; rather than
+  &lt;code title=3Dattr-fe-autocomplete-tel&gt;&lt;a href=3D#attr-fe-aut=
ocomplete-tel&gt;tel&lt;/a&gt;&lt;/code&gt;):&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Your phone number: &a=
mp;lt;input type=3Dtel name=3Dcusttel autocomplete=3D&quot;billing tel-na=
tional&quot;&amp;gt;&amp;lt;/label&amp;gt;
+&amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Recipient's phone number: &amp;lt;=
input type=3Dtel name=3Dshiptel autocomplete=3D&quot;shipping tel-nationa=
l&quot;&amp;gt;&amp;lt;/label&amp;gt;
+&amp;lt;p&amp;gt;Please enter complete UK phone numbers, as in &quot;(01=
632) 960 123&quot;.&lt;/pre&gt;
+
+  &lt;p&gt;Now, consider a person's preferred languages. The right &lt;c=
ode title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-autocomplete&gt=
;autocomplete&lt;/a&gt;&lt;/code&gt; value is &lt;code title=3Dattr-fe-au=
tocomplete-language&gt;&lt;a href=3D#attr-fe-autocomplete-language&gt;lan=
guage&lt;/a&gt;&lt;/code&gt;. However, there could be a number of
+  different form controls used for the purpose: a free text field (&lt;c=
ode title=3Dattr-input-type-text&gt;&lt;a href=3D&quot;#text-(type=3Dtext=
)-state-and-search-state-(type=3Dsearch)&quot;&gt;&amp;lt;input type=3Dte=
xt&amp;gt;&lt;/a&gt;&lt;/code&gt;), a drop-down list (&lt;code title=3Dse=
lect&gt;&lt;a href=3D#the-select-element&gt;&amp;lt;select&amp;gt;&lt;/a&=
gt;&lt;/code&gt;), radio buttons (&lt;code title=3Dattr-input-type-radio&=
gt;&lt;a href=3D&quot;#radio-button-state-(type=3Dradio)&quot;&gt;&amp;lt=
;input
+  type=3Dradio&amp;gt;&lt;/a&gt;&lt;/code&gt;), etc. It only depends on =
what kind of interface is desired.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-fe-inputmode&gt;&lt;a href=3D#attr-=
fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt; decides what kind of inp=
ut modality (e.g.
+  keyboard) to use, when the control is a free-form text field.&lt;/p&gt=
;
+
+  &lt;p&gt;Consider names. If a page just wants one name from the user, =
then the relevant control is &lt;code title=3Dattr-input-type-text&gt;&lt=
;a href=3D&quot;#text-(type=3Dtext)-state-and-search-state-(type=3Dsearch=
)&quot;&gt;&amp;lt;input type=3Dtext&amp;gt;&lt;/a&gt;&lt;/code&gt;. If t=
he page is asking for the user's
+  full name, then the relevant &lt;code title=3Dattr-fe-autocomplete&gt;=
&lt;a href=3D#attr-fe-autocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;=
 value is &lt;code title=3Dattr-fe-autocomplete-name&gt;&lt;a href=3D#att=
r-fe-autocomplete-name&gt;name&lt;/a&gt;&lt;/code&gt;. But if the user is=
 Japanese, and the page is asking
+  for the user's Japanese name and the user's romanized name, then it wo=
uld be helpful to the user
+  if the first field defaulted to a Japanese input modality, while the s=
econd defaulted to a Latin
+  input modality (ideally with automatic capitalization of each word). T=
his is where the &lt;code title=3Dattr-fe-inputmode&gt;&lt;a href=3D#attr=
-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt; attribute can help:&lt;=
/p&gt;
+
+  &lt;pre&gt;&amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Japanese name: &amp;l=
t;input name=3D&quot;j&quot; type=3D&quot;text&quot; autocomplete=3D&quot=
;section-jp name&quot; inputmode=3D&quot;kana&quot;&amp;gt;&amp;lt;/label=
&amp;gt;
+&amp;lt;label&amp;gt;Romanized name: &amp;lt;input name=3D&quot;e&quot; =
type=3D&quot;text&quot; autocomplete=3D&quot;section-en name&quot; inputm=
ode=3D&quot;latin-name&quot;&amp;gt;&amp;lt;/label&amp;gt;&lt;/pre&gt;
+
+  &lt;p&gt;In this example, the &quot;&lt;code title=3Dattr-fe-autocompl=
ete-section&gt;section-*&lt;/code&gt;&quot; keywords in
+  the &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-aut=
ocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt; attributes' values tell =
the user agent
+  that the two fields expect &lt;em&gt;different&lt;/em&gt; names. Witho=
ut them, the user agent could
+  automatically fill the second field with the value given in the first =
field when the user gave a
+  value to the first field.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &quot;&lt;code title=3D&quot;&quot;&gt;-jp&l=
t;/code&gt;&quot; and &quot;&lt;code title=3D&quot;&quot;&gt;-en&lt;/code=
&gt;&quot; parts of the
+  keywords are opaque to the user agent; the user agent cannot guess, fr=
om those, that the two names
+  are expected to be in Japanese and English respectively.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dinput-author-notes&gt;&lt;span class=3Dsecno&gt;4.10.1.8 &=
lt;/span&gt;Date, time, and number formats&lt;/h5&gt;
+  &lt;!-- ID referenced from other parts of the spec --&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;In this pizza delivery example, the times are specified in th=
e format &quot;HH:MM&quot;: two digits for
+  the hour, in 24-hour format, and two digits for the time. (Seconds cou=
ld also be specified, though
+  they are not necessary in this example.)&lt;/p&gt;
+
+  &lt;p&gt;In some locales, however, times are often expressed different=
ly when presented to users. For
+  example, in the United States, it is still common to use the 12-hour c=
lock with an am/pm
+  indicator, as in &quot;2pm&quot;. In France, it is common to separate =
the hours from the minutes using an
+  &quot;h&quot; character, as in &quot;14h00&quot;.&lt;/p&gt;
+
+  &lt;p&gt;Similar issues exist with dates, with the added complication =
that even the order of the
+  components is not always consistent &amp;mdash; for example, in Cyprus=
 the first of February 2003
+  would typically be written &quot;1/2/03&quot;, while that same date in=
 Japan would typically be written as
+  &quot;2003&amp;#x5e74;02&amp;#x6708;01&amp;#x65e5;&quot; &amp;mdash; a=
nd even with numbers, where locales differ, for
+  example, in what punctuation is used as the decimal separator and the =
thousands separator.&lt;/p&gt;
+
+  &lt;p&gt;It is therefore important to distinguish the time, date, and =
number formats used in HTML and in
+  form submissions, which are always the formats defined in this specifi=
cation (and based on the
+  well-established ISO 8601 standard for computer-readable date and time=
 formats), from the time,
+  date, and number formats presented to the user by the browser and acce=
pted as input from the user
+  by the browser.&lt;/p&gt;
+
+  &lt;p&gt;The format used &quot;on the wire&quot;, i.e. in HTML markup =
and in form submissions, is intended to be
+  computer-readable and consistent irrespective of the user's locale. Da=
tes, for instance, are
+  always written in the format &quot;YYYY-MM-DD&quot;, as in &quot;2003-=
02-01&quot;. Users are not expected to ever see
+  this format.&lt;/p&gt;
+
+  &lt;p&gt;The time, date, or number given by the page in the wire forma=
t is then translated to the user's
+  preferred presentation (based on user preferences or on the locale of =
the page itself), before
+  being displayed to the user. Similarly, after the user inputs a time, =
date, or number using their
+  preferred format, the user agent converts it back to the wire format b=
efore putting it in the DOM
+  or submitting it.&lt;/p&gt;
+
+  &lt;p&gt;This allows scripts in pages and on servers to process times,=
 dates, and numbers in a
+  consistent manner without needing to support dozens of different forma=
ts, while still supporting
+  the users' needs.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+  &lt;p class=3Dnote&gt;See also the &lt;a href=3D#input-impl-notes&gt;i=
mplementation notes&lt;/a&gt; regarding
+  localization of form controls.&lt;/p&gt;
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dcategories&gt;&lt;span class=3Dsecno&gt;4.10.2 &lt;/span&g=
t;Categories&lt;/h4&gt;
+
+  &lt;p&gt;Mostly for historical reasons, elements in this section fall =
into several overlapping (but
+  subtly different) categories in addition to the usual ones like &lt;a =
href=3D#flow-content&gt;flow content&lt;/a&gt;,
+  &lt;a href=3D#phrasing-content&gt;phrasing content&lt;/a&gt;, and &lt;=
a href=3D#interactive-content&gt;interactive content&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;A number of the elements are &lt;dfn id=3Dform-associated-ele=
ment title=3D&quot;form-associated element&quot;&gt;form-associated
+  elements&lt;/dfn&gt;, which means they can have a &lt;a href=3D#form-o=
wner&gt;form owner&lt;/a&gt;.
+
+  &lt;!-- when updating this also update the category index --&gt;
+  &lt;ul class=3D&quot;brief category-list&quot;&gt;&lt;li&gt;&lt;code&g=
t;&lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&lt;/code&gt;&lt;/l=
i&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldset&=
lt;/a&gt;&lt;/code&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&=
gt;&lt;/code&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt;/=
a&gt;&lt;/code&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&=
gt;&lt;/code&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/=
a&gt;&lt;/code&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-output-element&gt;output&lt;/=
a&gt;&lt;/code&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/=
a&gt;&lt;/code&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&=
lt;/a&gt;&lt;/code&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&=
lt;/code&gt;&lt;/li&gt;
+  &lt;/ul&gt;&lt;p&gt;The &lt;a href=3D#form-associated-element title=3D=
&quot;form-associated element&quot;&gt;form-associated elements&lt;/a&gt;=
 fall into several
+  subcategories:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dcategory-listed title=3Dcategory-list=
ed&gt;Listed elements&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Denotes elements that are listed in the &lt;code title=3Ddo=
m-form-elements&gt;&lt;a href=3D#dom-form-elements&gt;&lt;var title=3D&qu=
ot;&quot;&gt;form&lt;/var&gt;.elements&lt;/a&gt;&lt;/code&gt; and &lt;cod=
e title=3Ddom-fieldset-elements&gt;&lt;a href=3D#dom-fieldset-elements&gt=
;&lt;var title=3D&quot;&quot;&gt;fieldset&lt;/var&gt;.elements&lt;/a&gt;&=
lt;/code&gt; APIs.&lt;/p&gt;
+
+    &lt;!-- when updating this also update the category index --&gt;
+    &lt;ul class=3D&quot;brief category-list&quot;&gt;&lt;li&gt;&lt;code=
&gt;&lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&lt;/code&gt;&lt;=
/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldse=
t&lt;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt=
;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt=
;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-output-element&gt;output&lt=
;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt=
;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textare=
a&lt;/a&gt;&lt;/code&gt;&lt;/li&gt;
+    &lt;/ul&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dcategory-submit title=3Dcategory-submit&gt;Sub=
mittable elements&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Denotes elements that can be used for &lt;a href=3D#constru=
cting-form-data-set&gt;constructing the
+    form data set&lt;/a&gt; when a &lt;code&gt;&lt;a href=3D#the-form-el=
ement&gt;form&lt;/a&gt;&lt;/code&gt; element is &lt;a href=3D#concept-for=
m-submit title=3Dconcept-form-submit&gt;submitted&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;!-- when updating this also update the category index --&gt;
+    &lt;ul class=3D&quot;brief category-list&quot;&gt;&lt;li&gt;&lt;code=
&gt;&lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&lt;/code&gt;&lt;=
/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt=
;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt=
;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt=
;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textare=
a&lt;/a&gt;&lt;/code&gt;&lt;/li&gt;
+    &lt;/ul&gt;&lt;p&gt;Some &lt;a href=3D#category-submit title=3Dcateg=
ory-submit&gt;submittable elements&lt;/a&gt; can be, depending on their
+    attributes, &lt;dfn id=3Dconcept-button title=3Dconcept-button&gt;bu=
ttons&lt;/dfn&gt;. The prose below defines when an element
+    is a button. Some buttons are specifically &lt;dfn id=3Dconcept-subm=
it-button title=3Dconcept-submit-button&gt;submit
+    buttons&lt;/dfn&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dcategory-reset title=3Dcategory-reset&gt;Reset=
table elements&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Denotes elements that can be affected when a &lt;code&gt;&l=
t;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&gt; element is &l=
t;a href=3D#concept-form-reset title=3Dconcept-form-reset&gt;reset&lt;/a&=
gt;.&lt;/p&gt;
+
+    &lt;!-- when updating this also update the category index --&gt;
+    &lt;ul class=3D&quot;brief category-list&quot;&gt;&lt;li&gt;&lt;code=
&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt;&lt;/l=
i&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt=
;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-output-element&gt;output&lt=
;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt=
;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textare=
a&lt;/a&gt;&lt;/code&gt;&lt;/li&gt;
+    &lt;/ul&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dcategory-form-attr title=3Dcategory-form-attr&=
gt;Reassociateable elements&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Denotes elements that have a &lt;code title=3Dattr-fae-form=
&gt;&lt;a href=3D#attr-fae-form&gt;form&lt;/a&gt;&lt;/code&gt; content at=
tribute, and a
+    matching &lt;code title=3Ddom-fae-form&gt;&lt;a href=3D#dom-fae-form=
&gt;form&lt;/a&gt;&lt;/code&gt; IDL attribute, that allow authors to spec=
ify an
+    explicit &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;!-- when updating this also update the category index --&gt;
+    &lt;ul class=3D&quot;brief category-list&quot;&gt;&lt;li&gt;&lt;code=
&gt;&lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&lt;/code&gt;&lt;=
/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldse=
t&lt;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt=
;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/=
a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt=
;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-output-element&gt;output&lt=
;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt=
;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textare=
a&lt;/a&gt;&lt;/code&gt;&lt;/li&gt;
+    &lt;/ul&gt;&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;Some elements, not all of them &lt;a href=3D#form-=
associated-element title=3D&quot;form-associated element&quot;&gt;form-as=
sociated&lt;/a&gt;,
+  are categorized as &lt;dfn id=3Dcategory-label title=3Dcategory-label&=
gt;labelable elements&lt;/dfn&gt;. These are elements that
+  can be associated with a &lt;code&gt;&lt;a href=3D#the-label-element&g=
t;label&lt;/a&gt;&lt;/code&gt; element.
+
+  &lt;!-- when updating this also update the category index --&gt;
+  &lt;ul class=3D&quot;brief category-list&quot;&gt;&lt;li&gt;&lt;code&g=
t;&lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&lt;/code&gt;&lt;/l=
i&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&=
gt;&lt;/code&gt; (if the &lt;code title=3Dattr-input-type&gt;&lt;a href=3D=
#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is &lt;em&gt;no=
t&lt;/em&gt; in the &lt;a href=3D&quot;#hidden-state-(type=3Dhidden)&quot=
; title=3Dattr-input-type-hidden&gt;Hidden&lt;/a&gt; state)&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt;/=
a&gt;&lt;/code&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-meter-element&gt;meter&lt;/a&=
gt;&lt;/code&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-output-element&gt;output&lt;/=
a&gt;&lt;/code&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-progress-element&gt;progress&=
lt;/a&gt;&lt;/code&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/=
a&gt;&lt;/code&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&=
lt;/a&gt;&lt;/code&gt;&lt;/li&gt;
+  &lt;/ul&gt;&lt;h4 id=3Dthe-form-element&gt;&lt;span class=3Dsecno&gt;4=
.10.3 &lt;/span&gt;The &lt;dfn&gt;&lt;code&gt;form&lt;/code&gt;&lt;/dfn&g=
t; element&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#palpable-content&gt;Palpable content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#flow-content&gt;flow content&lt;/a&gt; =
is expected.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;, but w=
ith no &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/c=
ode&gt; element descendants.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-form-accept-charset&gt;&lt;a href=3D#=
attr-form-accept-charset&gt;accept-charset&lt;/a&gt;&lt;/code&gt; &amp;md=
ash; Character encodings to use for &lt;a href=3D#form-submission&gt;form=
 submission&lt;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fs-action&gt;&lt;a href=3D#attr-fs-ac=
tion&gt;action&lt;/a&gt;&lt;/code&gt; &amp;mdash; &lt;a href=3D#url&gt;UR=
L&lt;/a&gt; to use for &lt;a href=3D#form-submission&gt;form submission&l=
t;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-form-autocomplete&gt;&lt;a href=3D#at=
tr-form-autocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt; &amp;mdash; D=
efault setting for autofill feature for controls in the form&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fs-enctype&gt;&lt;a href=3D#attr-fs-e=
nctype&gt;enctype&lt;/a&gt;&lt;/code&gt; &amp;mdash; Form data set encodi=
ng type to use for &lt;a href=3D#form-submission&gt;form submission&lt;/a=
&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fs-method&gt;&lt;a href=3D#attr-fs-me=
thod&gt;method&lt;/a&gt;&lt;/code&gt; &amp;mdash; HTTP method to use for =
&lt;a href=3D#form-submission&gt;form submission&lt;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-form-name&gt;&lt;a href=3D#attr-form-=
name&gt;name&lt;/a&gt;&lt;/code&gt; &amp;mdash; Name of form to use in th=
e &lt;code title=3Ddom-document-forms&gt;&lt;a href=3D#dom-document-forms=
&gt;document.forms&lt;/a&gt;&lt;/code&gt; API&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fs-novalidate&gt;&lt;a href=3D#attr-f=
s-novalidate&gt;novalidate&lt;/a&gt;&lt;/code&gt; &amp;mdash; Bypass form=
 control validation for &lt;a href=3D#form-submission&gt;form submission&=
lt;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fs-target&gt;&lt;a href=3D#attr-fs-ta=
rget&gt;target&lt;/a&gt;&lt;/code&gt; &amp;mdash; &lt;a href=3D#browsing-=
context&gt;Browsing context&lt;/a&gt; for &lt;a href=3D#form-submission&g=
t;form submission&lt;/a&gt;&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;[OverrideBuiltins]
+interface &lt;dfn id=3Dhtmlformelement&gt;HTMLFormElement&lt;/dfn&gt; : =
&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-form-acceptcharset titl=
e=3Ddom-form-acceptCharset&gt;acceptCharset&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-fs-action title=3Ddom-f=
s-action&gt;action&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-form-autocomplete title=
=3Ddom-form-autocomplete&gt;autocomplete&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-fs-enctype title=3Ddom-=
fs-enctype&gt;enctype&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-fs-encoding title=3Ddom=
-fs-encoding&gt;encoding&lt;/a&gt;;&lt;!-- historical artefact --&gt;
+           attribute DOMString &lt;a href=3D#dom-fs-method title=3Ddom-f=
s-method&gt;method&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-form-name title=3Ddom-f=
orm-name&gt;name&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-fs-novalidate title=3Ddom=
-fs-noValidate&gt;noValidate&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-fs-target title=3Ddom-f=
s-target&gt;target&lt;/a&gt;;
+
+  readonly attribute &lt;a href=3D#htmlformcontrolscollection&gt;HTMLFor=
mControlsCollection&lt;/a&gt; &lt;a href=3D#dom-form-elements title=3Ddom=
-form-elements&gt;elements&lt;/a&gt;;
+  readonly attribute long &lt;a href=3D#dom-form-length title=3Ddom-form=
-length&gt;length&lt;/a&gt;;
+  &lt;a href=3D#dom-form-item title=3Ddom-form-item&gt;getter&lt;/a&gt; =
&lt;a href=3D#element&gt;Element&lt;/a&gt; (unsigned long index);
+  &lt;a href=3D#dom-form-nameditem title=3Ddom-form-namedItem&gt;getter&=
lt;/a&gt; (&lt;a href=3D#radionodelist&gt;RadioNodeList&lt;/a&gt; or &lt;=
a href=3D#element&gt;Element&lt;/a&gt;) (DOMString name);
+
+  void &lt;a href=3D#dom-form-submit title=3Ddom-form-submit&gt;submit&l=
t;/a&gt;();
+  void &lt;a href=3D#dom-form-reset title=3Ddom-form-reset&gt;reset&lt;/=
a&gt;();
+  boolean &lt;a href=3D#dom-form-checkvalidity title=3Ddom-form-checkVal=
idity&gt;checkValidity&lt;/a&gt;();
+  boolean &lt;a href=3D#dom-form-reportvalidity title=3Ddom-form-reportV=
alidity&gt;reportValidity&lt;/a&gt;();
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-form-element&gt;form&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D#re=
presents&gt;represents&lt;/a&gt; a collection of &lt;a href=3D#form-assoc=
iated-element title=3D&quot;form-associated element&quot;&gt;form-associa=
ted elements&lt;/a&gt;, some of which can represent
+  editable values that can be submitted to a server for processing.&lt;/=
p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-form-accept-charset title=3Dattr-form-a=
ccept-charset&gt;&lt;code&gt;accept-charset&lt;/code&gt;&lt;/dfn&gt; attr=
ibute gives the
+  character encodings that are to be used for the submission. If specifi=
ed, the value must be an
+  &lt;a href=3D#ordered-set-of-unique-space-separated-tokens&gt;ordered =
set of unique space-separated tokens&lt;/a&gt; that are &lt;a href=3D#asc=
ii-case-insensitive&gt;ASCII
+  case-insensitive&lt;/a&gt;, and each token must be an &lt;a href=3D#as=
cii-case-insensitive&gt;ASCII case-insensitive&lt;/a&gt; match for
+  one of the &lt;a href=3D#encoding-label title=3D&quot;encoding label&q=
uot;&gt;labels&lt;/a&gt; of an &lt;a href=3D#ascii-compatible-character-e=
ncoding&gt;ASCII-compatible character
+  encoding&lt;/a&gt;. &lt;a href=3D#refsENCODING&gt;[ENCODING]&lt;/a&gt;=
&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-form-name title=3Dattr-form-name&gt;&lt=
;code&gt;name&lt;/code&gt;&lt;/dfn&gt; attribute represents the
+  &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&=
gt;'s name within the &lt;code title=3Ddom-document-forms&gt;&lt;a href=3D=
#dom-document-forms&gt;forms&lt;/a&gt;&lt;/code&gt; collection. The
+  value must not be the empty string, and the value must be unique among=
st the &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/c=
ode&gt;
+  elements in the &lt;code title=3Ddom-document-forms&gt;&lt;a href=3D#d=
om-document-forms&gt;forms&lt;/a&gt;&lt;/code&gt; collection that it is i=
n, if
+  any.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-form-autocomplete title=3Dattr-form-aut=
ocomplete&gt;&lt;code&gt;autocomplete&lt;/code&gt;&lt;/dfn&gt; attribute =
is an
+  &lt;a href=3D#enumerated-attribute&gt;enumerated attribute&lt;/a&gt;. =
The attribute has two states. The &lt;code title=3Dattr-form-autocomplete=
-on&gt;on&lt;/code&gt; keyword maps to the &lt;dfn id=3Dattr-form-autocom=
plete-on-state title=3Dattr-form-autocomplete-on-state&gt;on&lt;/dfn&gt; =
state, and the &lt;code title=3Dattr-form-autocomplete-off&gt;off&lt;/cod=
e&gt; keyword maps to the &lt;dfn id=3Dattr-form-autocomplete-off-state t=
itle=3Dattr-form-autocomplete-off-state&gt;off&lt;/dfn&gt; state. The att=
ribute may also be omitted. The
+  &lt;i&gt;missing value default&lt;/i&gt; is the &lt;a href=3D#attr-for=
m-autocomplete-on-state title=3Dattr-form-autocomplete-on-state&gt;on&lt;=
/a&gt; state.
+  The &lt;a href=3D#attr-form-autocomplete-off-state title=3Dattr-form-a=
utocomplete-off-state&gt;off&lt;/a&gt; state indicates that by default,
+  form controls in the form will have their &lt;a href=3D#autofill-field=
-name&gt;autofill field name&lt;/a&gt; set to &quot;&lt;code title=3Dattr=
-fe-autocomplete-off&gt;&lt;a href=3D#attr-fe-autocomplete-off&gt;off&lt;=
/a&gt;&lt;/code&gt;&quot;; the &lt;a href=3D#attr-form-autocomplete-on-st=
ate title=3Dattr-form-autocomplete-on-state&gt;on&lt;/a&gt; state indicat=
es that by default, form controls
+  in the form will have their &lt;a href=3D#autofill-field-name&gt;autof=
ill field name&lt;/a&gt; set to &quot;&lt;code title=3Dattr-fe-autocomple=
te-on&gt;&lt;a href=3D#attr-fe-autocomplete-on&gt;on&lt;/a&gt;&lt;/code&g=
t;&quot;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-fs-action&gt;&lt;a href=3D#attr-fs-=
action&gt;action&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-fs-enctype=
&gt;&lt;a href=3D#attr-fs-enctype&gt;enctype&lt;/a&gt;&lt;/code&gt;,
+  &lt;code title=3Dattr-fs-method&gt;&lt;a href=3D#attr-fs-method&gt;met=
hod&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-fs-novalidate&gt;&lt;a =
href=3D#attr-fs-novalidate&gt;novalidate&lt;/a&gt;&lt;/code&gt;,
+  and &lt;code title=3Dattr-fs-target&gt;&lt;a href=3D#attr-fs-target&gt=
;target&lt;/a&gt;&lt;/code&gt; attributes are &lt;a href=3D#attributes-fo=
r-form-submission&gt;attributes for form
+  submission&lt;/a&gt;.&lt;/p&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;f=
orm&lt;/var&gt; . &lt;code title=3Ddom-form-elements&gt;&lt;a href=3D#dom=
-form-elements&gt;elements&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns an &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTML=
Collection&lt;/a&gt;&lt;/code&gt; of the form controls in the form (exclu=
ding image
+    buttons for historical reasons).&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;form&lt;/var&gt; . &lt;code=
 title=3Ddom-form-length&gt;&lt;a href=3D#dom-form-length&gt;length&lt;/a=
&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the number of form controls in the form (excluding =
image buttons for historical
+    reasons).&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;form&lt;/var&gt;[&lt;var ti=
tle=3D&quot;&quot;&gt;index&lt;/var&gt;]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the &lt;var title=3D&quot;&quot;&gt;index&lt;/var&g=
t;th element in the form (excluding image buttons for
+    historical reasons).&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;form&lt;/var&gt;[&lt;var ti=
tle=3D&quot;&quot;&gt;name&lt;/var&gt;]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the form control (or, if there are several, a &lt;c=
ode&gt;&lt;a href=3D#radionodelist&gt;RadioNodeList&lt;/a&gt;&lt;/code&gt=
; of the form
+    controls) in the form with the given &lt;a href=3D#concept-id title=3D=
concept-id&gt;ID&lt;/a&gt; or &lt;code title=3Dattr-fe-name&gt;&lt;a href=
=3D#attr-fe-name&gt;name&lt;/a&gt;&lt;/code&gt; (excluding image buttons =
for historical reasons); or, if there
+    are none, returns the &lt;code&gt;&lt;a href=3D#the-img-element&gt;i=
mg&lt;/a&gt;&lt;/code&gt; element with the given ID.&lt;/p&gt;
+
+    &lt;p&gt;Once an element has been referenced using a particular name=
, that name will continue being
+    available as a way to reference that element in this method, even if=
 the element's actual &lt;a href=3D#concept-id title=3Dconcept-id&gt;ID&l=
t;/a&gt; or &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&g=
t;name&lt;/a&gt;&lt;/code&gt; changes, for as long as
+    the element remains in the &lt;code&gt;&lt;a href=3D#document&gt;Doc=
ument&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+    &lt;p&gt;If there are multiple matching items, then a &lt;code&gt;&l=
t;a href=3D#radionodelist&gt;RadioNodeList&lt;/a&gt;&lt;/code&gt; object =
containing all
+    those elements is returned.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;form&lt;/var&gt; . &lt;code=
 title=3Ddom-form-submit&gt;&lt;a href=3D#dom-form-submit&gt;submit&lt;/a=
&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Submits the form.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;form&lt;/var&gt; . &lt;code=
 title=3Ddom-form-reset&gt;&lt;a href=3D#dom-form-reset&gt;reset&lt;/a&gt=
;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Resets the form.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;form&lt;/var&gt; . &lt;code=
 title=3Ddom-form-checkValidity&gt;&lt;a href=3D#dom-form-checkvalidity&g=
t;checkValidity&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the form's controls are all valid; otherwis=
e, returns false.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;form&lt;/var&gt; . &lt;code=
 title=3Ddom-form-reportValidity&gt;&lt;a href=3D#dom-form-reportvalidity=
&gt;reportValidity&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the form's controls are all valid; otherwis=
e, returns false and informs the user.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-form-autocomplete title=3Ddom-form-autoc=
omplete&gt;&lt;code&gt;autocomplete&lt;/code&gt;&lt;/dfn&gt; IDL attribut=
e must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content attribute of th=
e same name, &lt;a href=3D#limited-to-only-known-values&gt;limited to onl=
y known
+  values&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-form-name title=3Ddom-form-name&gt;&lt;c=
ode&gt;name&lt;/code&gt;&lt;/dfn&gt; IDL attribute must &lt;a href=3D#ref=
lect&gt;reflect&lt;/a&gt;
+  the content attribute of the same name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-form-acceptcharset title=3Ddom-form-acce=
ptCharset&gt;&lt;code&gt;acceptCharset&lt;/code&gt;&lt;/dfn&gt; IDL attri=
bute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-f=
orm-accept-charset&gt;&lt;a href=3D#attr-form-accept-charset&gt;accept-ch=
arset&lt;/a&gt;&lt;/code&gt; content
+  attribute.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-form-elements title=3Ddom-form=
-elements&gt;&lt;code&gt;elements&lt;/code&gt;&lt;/dfn&gt; IDL attribute =
must return an
+  &lt;code&gt;&lt;a href=3D#htmlformcontrolscollection&gt;HTMLFormContro=
lsCollection&lt;/a&gt;&lt;/code&gt; rooted at the &lt;code&gt;&lt;a href=3D=
#document&gt;Document&lt;/a&gt;&lt;/code&gt; node while the
+  &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&=
gt; element is &lt;a href=3D#in-a-document&gt;in a &lt;code&gt;Document&l=
t;/code&gt;&lt;/a&gt; and rooted at the
+  &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&=
gt; element itself when it is not, whose filter matches &lt;a href=3D#cat=
egory-listed title=3Dcategory-listed&gt;listed elements&lt;/a&gt; whose &=
lt;a href=3D#form-owner&gt;form owner&lt;/a&gt; is the
+  &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&=
gt; element, with the exception of &lt;code&gt;&lt;a href=3D#the-input-el=
ement&gt;input&lt;/a&gt;&lt;/code&gt; elements whose &lt;code title=3Datt=
r-input-type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&=
gt; attribute is in the &lt;a href=3D&quot;#image-button-state-(type=3Dim=
age)&quot; title=3Dattr-input-type-image&gt;Image
+  Button&lt;/a&gt; state, which must, for historical reasons, be exclude=
d from this particular
+  collection.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-form-length title=3Ddom-form-length&gt;&=
lt;code&gt;length&lt;/code&gt;&lt;/dfn&gt; IDL attribute must return the =
number
+  of nodes &lt;a href=3D#represented-by-the-collection title=3D&quot;rep=
resented by the collection&quot;&gt;represented&lt;/a&gt; by the &lt;code=
 title=3Ddom-form-elements&gt;&lt;a href=3D#dom-form-elements&gt;elements=
&lt;/a&gt;&lt;/code&gt; collection.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#supported-property-indices&gt;supported pro=
perty indices&lt;/a&gt; at any instant are the indices supported by the
+  object returned by the &lt;code title=3Ddom-form-elements&gt;&lt;a hre=
f=3D#dom-form-elements&gt;elements&lt;/a&gt;&lt;/code&gt; attribute at th=
at
+  instant.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;=
/a&gt;&lt;/code&gt; element is &lt;dfn id=3Ddom-form-item title=3Ddom-for=
m-item&gt;indexed for indexed property
+  retrieval&lt;/dfn&gt;, the user agent must return the value returned b=
y the &lt;code title=3Ddom-HTMLFormControlsCollection-item&gt;item&lt;/co=
de&gt; method on the &lt;code title=3Ddom-form-elements&gt;&lt;a href=3D#=
dom-form-elements&gt;elements&lt;/a&gt;&lt;/code&gt; collection, when inv=
oked with the given index as its
+  argument.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;!-- Welcome to crazy town. Population: The Web. --&gt;&l=
t;p&gt;Each &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&=
lt;/code&gt; element has a mapping of names to elements called the &lt;df=
n id=3Dpast-names-map&gt;past names
+  map&lt;/dfn&gt;. It is used to persist names of controls even when the=
y change names.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#supported-property-names&gt;supported prope=
rty names&lt;/a&gt; consist of the names obtained from the following
+  algorithm, in the order obtained from this algorithm:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;sourc=
ed names&lt;/var&gt; be an initially empty ordered list of tuples
+   consisting of a string, an element, a source, where the source is eit=
her &lt;i&gt;id&lt;/i&gt;, &lt;i&gt;name&lt;/i&gt;,
+   or &lt;i&gt;past&lt;/i&gt;, and, if the source is &lt;i&gt;past&lt;/i=
&gt;, an age.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each &lt;a href=3D#category-listed title=3Dcategory-lis=
ted&gt;listed element&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;candidate=
&lt;/var&gt;
+    whose &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt; is the &lt;co=
de&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&gt; eleme=
nt, with the exception of any
+    &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/c=
ode&gt; elements whose &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#=
attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the
+    &lt;a href=3D&quot;#image-button-state-(type=3Dimage)&quot; title=3D=
attr-input-type-image&gt;Image Button&lt;/a&gt; state, run these substeps=
:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;cand=
idate&lt;/var&gt; has an &lt;code title=3Dattr-id&gt;&lt;a href=3D#the-id=
-attribute&gt;id&lt;/a&gt;&lt;/code&gt; attribute, add
+     an entry to &lt;var title=3D&quot;&quot;&gt;sourced names&lt;/var&g=
t; with that &lt;code title=3Dattr-id&gt;&lt;a href=3D#the-id-attribute&g=
t;id&lt;/a&gt;&lt;/code&gt;
+     attribute's value as the string, &lt;var title=3D&quot;&quot;&gt;ca=
ndidate&lt;/var&gt; as the element, and &lt;i&gt;id&lt;/i&gt; as
+     the source.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;candidate&lt;=
/var&gt; has a &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-nam=
e&gt;name&lt;/a&gt;&lt;/code&gt; attribute,
+     add an entry to &lt;var title=3D&quot;&quot;&gt;sourced names&lt;/v=
ar&gt; with that &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-n=
ame&gt;name&lt;/a&gt;&lt;/code&gt; attribute's value as the string, &lt;v=
ar title=3D&quot;&quot;&gt;candidate&lt;/var&gt;
+     as the element, and &lt;i&gt;name&lt;/i&gt; as the source.&lt;/li&g=
t;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&l=
t;/a&gt;&lt;/code&gt; element &lt;var title=3D&quot;&quot;&gt;candidate&l=
t;/var&gt; whose &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt;
+    is the &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&=
lt;/code&gt; element, run these substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;!-- this is the same as the above list, except 'name' =
xrefs to something differnet --&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D=
&quot;&quot;&gt;candidate&lt;/var&gt; has an &lt;code title=3Dattr-id&gt;=
&lt;a href=3D#the-id-attribute&gt;id&lt;/a&gt;&lt;/code&gt; attribute, ad=
d
+     an entry to &lt;var title=3D&quot;&quot;&gt;sourced names&lt;/var&g=
t; with that &lt;code title=3Dattr-id&gt;&lt;a href=3D#the-id-attribute&g=
t;id&lt;/a&gt;&lt;/code&gt;
+     attribute's value as the string, &lt;var title=3D&quot;&quot;&gt;ca=
ndidate&lt;/var&gt; as the element, and &lt;i&gt;id&lt;/i&gt; as
+     the source.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;candidate&lt;=
/var&gt; has a &lt;code title=3Dattr-img-name&gt;&lt;a href=3D#attr-img-n=
ame&gt;name&lt;/a&gt;&lt;/code&gt; attribute,
+     add an entry to &lt;var title=3D&quot;&quot;&gt;sourced names&lt;/v=
ar&gt; with that &lt;code title=3Dattr-img-name&gt;&lt;a href=3D#attr-img=
-name&gt;name&lt;/a&gt;&lt;/code&gt; attribute's value as the string, &lt=
;var title=3D&quot;&quot;&gt;candidate&lt;/var&gt;
+     as the element, and &lt;i&gt;name&lt;/i&gt; as the source.&lt;/li&g=
t;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each entry &lt;var title=3D&quot;&quot;&gt;past entry&l=
t;/var&gt; in the &lt;a href=3D#past-names-map&gt;past names map&lt;/a&gt=
; add an entry
+    to &lt;var title=3D&quot;&quot;&gt;sourced names&lt;/var&gt; with th=
e &lt;var title=3D&quot;&quot;&gt;past entry&lt;/var&gt;'s name as the
+    string, &lt;var title=3D&quot;&quot;&gt;past entry&lt;/var&gt;'s ele=
ment as the element, &lt;i&gt;past&lt;/i&gt; as the source, and
+    the length of time &lt;var title=3D&quot;&quot;&gt;past entry&lt;/va=
r&gt; has been in the &lt;a href=3D#past-names-map&gt;past names map&lt;/=
a&gt; as
+    the age.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Sort &lt;var title=3D&quot;&quot;&gt;sourced names=
&lt;/var&gt; by &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt; of the e=
lement entry of
+   each tuple, sorting entries with the same element by putting entries =
whose source is &lt;i&gt;id&lt;/i&gt;
+   first, then entries whose source is &lt;i&gt;name&lt;/i&gt;, and fina=
lly entries whose source is &lt;i&gt;past&lt;/i&gt;,
+   and sorting entries with the same element and source by their age, ol=
dest first.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove any entries in &lt;var title=3D&quot;&quot;=
&gt;sourced names&lt;/var&gt; that have the empty string as
+   their name.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove any entries in &lt;var title=3D&quot;&quot;=
&gt;sourced names&lt;/var&gt; that have the same name as an
+   earlier entry in the map.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the list of names from &lt;var title=3D&quo=
t;&quot;&gt;sourced names&lt;/var&gt;, maintaining their
+   relative order.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The properties exposed in this way must not be enu=
merable.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;=
/a&gt;&lt;/code&gt; element is &lt;dfn id=3Ddom-form-nameditem title=3Ddo=
m-form-namedItem&gt;indexed for named property
+  retrieval&lt;/dfn&gt;, the user agent must run the following steps:&lt=
;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;candi=
dates&lt;/var&gt; be a &lt;a href=3D#live&gt;live&lt;/a&gt; &lt;code&gt;&=
lt;a href=3D#radionodelist&gt;RadioNodeList&lt;/a&gt;&lt;/code&gt;
+   object containing all the &lt;a href=3D#category-listed title=3Dcateg=
ory-listed&gt;listed elements&lt;/a&gt; whose &lt;a href=3D#form-owner&gt=
;form
+   owner&lt;/a&gt; is the &lt;code&gt;&lt;a href=3D#the-form-element&gt;=
form&lt;/a&gt;&lt;/code&gt; element that have either an &lt;code title=3D=
attr-id&gt;&lt;a href=3D#the-id-attribute&gt;id&lt;/a&gt;&lt;/code&gt;
+   attribute or a &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe=
-name&gt;name&lt;/a&gt;&lt;/code&gt; attribute equal to &lt;var title=3D&=
quot;&quot;&gt;name&lt;/var&gt;, with the exception of &lt;code&gt;&lt;a =
href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; elements whose =
&lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;type=
&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#image-but=
ton-state-(type=3Dimage)&quot; title=3Dattr-input-type-image&gt;Image
+   Button&lt;/a&gt; state, in &lt;a href=3D#tree-order&gt;tree order&lt;=
/a&gt;.&lt;/li&gt;
+
+   &lt;!-- we return RadioNodeList here for consistency --&gt;
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;candidates&lt;/=
var&gt; is empty, let &lt;var title=3D&quot;&quot;&gt;candidates&lt;/var&=
gt; be a
+   &lt;a href=3D#live&gt;live&lt;/a&gt; &lt;code&gt;&lt;a href=3D#radion=
odelist&gt;RadioNodeList&lt;/a&gt;&lt;/code&gt; object containing all the=
 &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt; =
elements
+   that are descendants of the &lt;code&gt;&lt;a href=3D#the-form-elemen=
t&gt;form&lt;/a&gt;&lt;/code&gt; element and that have either an &lt;code=
 title=3Dattr-id&gt;&lt;a href=3D#the-id-attribute&gt;id&lt;/a&gt;&lt;/co=
de&gt; attribute or a &lt;code title=3Dattr-img-name&gt;&lt;a href=3D#att=
r-img-name&gt;name&lt;/a&gt;&lt;/code&gt; attribute equal
+   to &lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt;, in &lt;a href=3D=
#tree-order&gt;tree order&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;candidates&lt;/=
var&gt; is empty, &lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt; is the=
 name of one of
+   the entries in the &lt;code&gt;&lt;a href=3D#the-form-element&gt;form=
&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#past-names-map&gt;past na=
mes map&lt;/a&gt;: return the object
+   associated with &lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt; in t=
hat map.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;candidates&lt;/=
var&gt; contains more than one node, return &lt;var title=3D&quot;&quot;&=
gt;candidates&lt;/var&gt; and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, &lt;var title=3D&quot;&quot;&gt;candida=
tes&lt;/var&gt; contains exactly one node. Add a mapping from
+   &lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt; to the node in &lt;v=
ar title=3D&quot;&quot;&gt;candidates&lt;/var&gt; in the &lt;code&gt;&lt;=
a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&gt;
+   element's &lt;a href=3D#past-names-map&gt;past names map&lt;/a&gt;, r=
eplacing the previous entry with the same name, if
+   any.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the node in &lt;var title=3D&quot;&quot;&gt=
;candidates&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;If an element listed in a &lt;code&gt;&lt;a href=3D=
#the-form-element&gt;form&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#=
past-names-map&gt;past names map&lt;/a&gt; changes
+  &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt;, then its entries mus=
t be removed from that map.&lt;/p&gt;
+
+  &lt;!--
+    This ridiculous setup is intended to do as much of the right thing w=
hile still supporting code
+    written to work in IE7. IE versions prior to IE8 do not update the n=
ames on the &lt;form&gt; element
+    collection to match new names when elements are renamed, and there a=
re enough pages that rename
+    elements and then access them by their old name that we have to supp=
ort this.
+
+    But we still want to expose them using the new names, so as far as p=
ossible we pretend the
+    legacy names aren't there except if there's no other element actuall=
y named that way.
+
+    Removing the element did remove the legacy name in IE7:
+    http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%2=
0html%3E...%3Cform%20action%3D%22%2F%22%3E%3Cinput%20name%3Dsubmit%3E%3C%=
2Fform%3E%0A%3Cscript%3E%0A%20w(document.forms%5B0%5D.submit)%3B%0A%20w(d=
ocument.forms%5B0%5D.removeChild(document.getElementsByTagName('input')%5=
B0%5D))%3B%0A%20w(document.forms%5B0%5D.length)%3B%0A%20try%20%7B%20docum=
ent.forms%5B0%5D.submit()%3B%20%7D%20catch%20(e)%20%20%7B%20w(e.message)%=
20%7D%0A%3C%2Fscript%3E
+
+    There's no interop on what happens when the name was originally a du=
plicate name, so we don't
+    persist such accesses - at the time of writing, Safari returned the =
first element, Firefox
+    returned null (as we do), and IE7 returned the original collection:
+    http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%2=
0html%3E...%3Cform%20action%3D%22%2F%22%3E%3Cinput%20name%3Da%20id%3Dfirs=
t%3E%3Cinput%20name%3Da%20id%3Dsecond%3E%3C%2Fform%3E%0A%3Cscript%3E%0A%2=
0w%28document.forms[0].a%29%3B%0A%20document.getElementsByTagName%28%27in=
put%27%29[0].name%20%3D%20%27b%27%3B%0A%20document.getElementsByTagName%2=
8%27input%27%29[1].name%20%3D%20%27b%27%3B%0A%20w%28document.forms[0].len=
gth%29%3B%0A%20w%28document.forms[0].a.id%29%3B%0A%3C%2Fscript%3E
+
+    In addition, the &lt;img&gt; fallback nonsense is similarly here for=
 legacy reasons. As is the
+    exclusion of &lt;input type=3Dimage&gt;.
+
+    Also, check these out:
+    http://software.hixie.ch/utilities/js/live-dom-viewer/saved/1220
+    http://software.hixie.ch/utilities/js/live-dom-viewer/saved/2388
+
+  --&gt;
+
+  &lt;!-- Now leaving crazy town. --&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-form-submit title=3Ddom-form-s=
ubmit&gt;&lt;code&gt;submit()&lt;/code&gt;&lt;/dfn&gt; method, when invok=
ed, must &lt;a href=3D#concept-form-submit title=3Dconcept-form-submit&gt=
;submit&lt;/a&gt; the &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&=
lt;/a&gt;&lt;/code&gt; element from the &lt;code&gt;&lt;a href=3D#the-for=
m-element&gt;form&lt;/a&gt;&lt;/code&gt;
+  element itself, with the &lt;var title=3D&quot;&quot;&gt;submitted fro=
m &lt;code title=3Ddom-form-submit&gt;&lt;a href=3D#dom-form-submit&gt;su=
bmit()&lt;/a&gt;&lt;/code&gt; method&lt;/var&gt; flag set.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-form-reset title=3Ddom-form-reset&gt;&lt=
;code&gt;reset()&lt;/code&gt;&lt;/dfn&gt; method, when invoked, must run =
the
+  following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-form=
-element&gt;form&lt;/a&gt;&lt;/code&gt; element is marked as &lt;i&gt;&lt=
;a href=3D#locked-for-reset&gt;locked for reset&lt;/a&gt;&lt;/i&gt;, then=
 abort these
+   steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Mark the &lt;code&gt;&lt;a href=3D#the-form-elemen=
t&gt;form&lt;/a&gt;&lt;/code&gt; element as &lt;dfn id=3Dlocked-for-reset=
&gt;locked for reset&lt;/dfn&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#concept-form-reset title=3Dconcept-f=
orm-reset&gt;Reset&lt;/a&gt; the &lt;code&gt;&lt;a href=3D#the-form-eleme=
nt&gt;form&lt;/a&gt;&lt;/code&gt; element.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Unmark the &lt;code&gt;&lt;a href=3D#the-form-elem=
ent&gt;form&lt;/a&gt;&lt;/code&gt; element as &lt;i&gt;&lt;a href=3D#lock=
ed-for-reset&gt;locked for reset&lt;/a&gt;&lt;/i&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;If the &lt;dfn id=3Ddom-form-checkvalidity title=3D=
dom-form-checkValidity&gt;&lt;code&gt;checkValidity()&lt;/code&gt;&lt;/df=
n&gt; method is
+  invoked, the user agent must &lt;a href=3D#statically-validate-the-con=
straints&gt;statically validate the constraints&lt;/a&gt; of the
+  &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&=
gt; element, and return true if the constraint validation return a &lt;i&=
gt;positive&lt;/i&gt;
+  result, and false if it returned a &lt;i&gt;negative&lt;/i&gt; result.=
&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;dfn id=3Ddom-form-reportvalidity title=3Ddom-form-=
reportValidity&gt;&lt;code&gt;reportValidity()&lt;/code&gt;&lt;/dfn&gt; m=
ethod is
+  invoked, the user agent must &lt;a href=3D#interactively-validate-the-=
constraints&gt;interactively validate the constraints&lt;/a&gt; of the
+  &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&=
gt; element, and return true if the constraint validation return a &lt;i&=
gt;positive&lt;/i&gt;
+  result, and false if it returned a &lt;i&gt;negative&lt;/i&gt; result.=
&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This example shows two search forms:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;form action=3D&quot;http://www.google.com/search&q=
uot; method=3D&quot;get&quot;&amp;gt;
+ &amp;lt;label&amp;gt;Google: &amp;lt;input type=3D&quot;search&quot; na=
me=3D&quot;q&quot;&amp;gt;&amp;lt;/label&amp;gt; &amp;lt;input type=3D&qu=
ot;submit&quot; value=3D&quot;Search...&quot;&amp;gt;
+&amp;lt;/form&amp;gt;
+&amp;lt;form action=3D&quot;http://www.bing.com/search&quot; method=3D&q=
uot;get&quot;&amp;gt;
+ &amp;lt;label&amp;gt;Bing: &amp;lt;input type=3D&quot;search&quot; name=
=3D&quot;q&quot;&amp;gt;&amp;lt;/label&amp;gt; &amp;lt;input type=3D&quot=
;submit&quot; value=3D&quot;Search...&quot;&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dthe-label-element&gt;&lt;span class=3Dsecno&gt;4.10.4 &lt;=
/span&gt;The &lt;dfn&gt;&lt;code&gt;label&lt;/code&gt;&lt;/dfn&gt; elemen=
t&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#interactive-content&gt;Interactive content&lt=
;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#category-form-attr title=3Dcategory-form-attr=
&gt;Reassociateable&lt;/a&gt; &lt;a href=3D#form-associated-element&gt;fo=
rm-associated element&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#palpable-content&gt;Palpable content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#phrasing-content&gt;phrasing content&lt=
;/a&gt; is expected.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;, but with no descendant &lt;a href=3D#category-label title=3Dcategory-l=
abel&gt;labelable elements&lt;/a&gt; unless it is the element's &lt;a hre=
f=3D#labeled-control&gt;labeled control&lt;/a&gt;, and no descendant &lt;=
code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;/code&gt; e=
lements.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-fo=
rm&gt;form&lt;/a&gt;&lt;/code&gt; &amp;mdash; Associates the control with=
 a &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&=
gt; element&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-label-for&gt;&lt;a href=3D#attr-label=
-for&gt;for&lt;/a&gt;&lt;/code&gt; &amp;mdash; Associate the label with f=
orm control&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmllabelelement&gt;HTMLLa=
belElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&g=
t; {
+  readonly attribute &lt;a href=3D#htmlformelement&gt;HTMLFormElement&lt=
;/a&gt;? &lt;a href=3D#dom-fae-form title=3Ddom-fae-form&gt;form&lt;/a&gt=
;;
+           attribute DOMString &lt;a href=3D#dom-label-htmlfor title=3Dd=
om-label-htmlFor&gt;htmlFor&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&gt;?=
 &lt;a href=3D#dom-label-control title=3Ddom-label-control&gt;control&lt;=
/a&gt;;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-label-element&gt;label&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D#=
represents&gt;represents&lt;/a&gt; a caption in a user interface. The
+  caption can be associated with a specific form control&lt;span class=3D=
impl&gt;, known as the
+  &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;/cod=
e&gt; element's &lt;dfn id=3Dlabeled-control&gt;labeled control&lt;/dfn&g=
t;&lt;/span&gt;, either using the &lt;code title=3Dattr-label-for&gt;&lt;=
a href=3D#attr-label-for&gt;for&lt;/a&gt;&lt;/code&gt; attribute, or by p=
utting the form control inside the
+  &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;/cod=
e&gt; element itself.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;Except where otherwise specified by the following rules, a &l=
t;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;/code&gt;=
 element has no
+  &lt;a href=3D#labeled-control&gt;labeled control&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-label-for title=3Dattr-label-for&gt;&lt=
;code&gt;for&lt;/code&gt;&lt;/dfn&gt; attribute may be specified to indic=
ate a
+  form control with which the caption is to be associated. If the attrib=
ute is specified, the
+  attribute's value must be the &lt;a href=3D#concept-id title=3Dconcept=
-id&gt;ID&lt;/a&gt; of a &lt;a href=3D#category-label title=3Dcategory-la=
bel&gt;labelable element&lt;/a&gt; in the same &lt;code&gt;&lt;a href=3D#=
document&gt;Document&lt;/a&gt;&lt;/code&gt; as the
+  &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;/cod=
e&gt; element. &lt;span class=3Dimpl&gt;If the attribute is specified and=
 there is an
+  element in the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt; whose &lt;a href=3D#concept-id title=3Dconcept-id&gt;ID&lt=
;/a&gt; is equal to the
+  value of the &lt;code title=3Dattr-label-for&gt;&lt;a href=3D#attr-lab=
el-for&gt;for&lt;/a&gt;&lt;/code&gt; attribute, and the first such elemen=
t is a
+  &lt;a href=3D#category-label title=3Dcategory-label&gt;labelable eleme=
nt&lt;/a&gt;, then that element is the &lt;code&gt;&lt;a href=3D#the-labe=
l-element&gt;label&lt;/a&gt;&lt;/code&gt;
+  element's &lt;a href=3D#labeled-control&gt;labeled control&lt;/a&gt;.&=
lt;/span&gt;&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If the &lt;code title=3Dattr-label-for&gt;&lt;a href=3D#attr-=
label-for&gt;for&lt;/a&gt;&lt;/code&gt; attribute is not specified, but t=
he
+  &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;/cod=
e&gt; element has a &lt;a href=3D#category-label title=3Dcategory-label&g=
t;labelable element&lt;/a&gt; descendant,
+  then the first such descendant in &lt;a href=3D#tree-order&gt;tree ord=
er&lt;/a&gt; is the &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&=
lt;/a&gt;&lt;/code&gt; element's
+  &lt;a href=3D#labeled-control&gt;labeled control&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/=
a&gt;&lt;/code&gt; element's exact default presentation and behavior, in =
particular what
+  its &lt;a href=3D#activation-behavior&gt;activation behavior&lt;/a&gt;=
 might be, if anything, should match the platform's label
+  behavior. The &lt;a href=3D#activation-behavior&gt;activation behavior=
&lt;/a&gt; of a &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/=
a&gt;&lt;/code&gt; element for events targeted
+  at &lt;a href=3D#interactive-content&gt;interactive content&lt;/a&gt; =
descendants of a &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;=
/a&gt;&lt;/code&gt; element, and any
+  descendants of those &lt;a href=3D#interactive-content&gt;interactive =
content&lt;/a&gt; descendants, must be to do nothing.&lt;/p&gt;
+
+  &lt;!-- activation behaviour need not be dependent on whether the
+  labeled control is being rendered:
+   http://software.hixie.ch/utilities/js/live-dom-viewer/saved/371
+  --&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For example, on platforms where clicking a checkbox label ch=
ecks the checkbox, clicking the
+   &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;/co=
de&gt; in the following snippet could trigger the user agent to &lt;a hre=
f=3D#run-synthetic-click-activation-steps&gt;run synthetic
+   click activation steps&lt;/a&gt; on the &lt;code&gt;&lt;a href=3D#the=
-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element, as if the element=
 itself had
+   been triggered by the user:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;label&amp;gt;&amp;lt;input type=3Dcheckbox name=3D=
lost&amp;gt; Lost&amp;lt;/label&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;On other platforms, the behavior might be just to focus the =
control, or do nothing.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-=
form&gt;form&lt;/a&gt;&lt;/code&gt; attribute is used to explicitly assoc=
iate the
+  &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;/cod=
e&gt; element with its &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt;.&=
lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following example shows three form controls each with a =
label, two of which have small
+   text showing the right format for users to use.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Full name: &amp;lt;i=
nput name=3Dfn&amp;gt; &amp;lt;small&amp;gt;Format: First Last&amp;lt;/sm=
all&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+&amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Age: &amp;lt;input name=3Dage type=
=3Dnumber min=3D0&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+&amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Post code: &amp;lt;input name=3Dpc=
&amp;gt; &amp;lt;small&amp;gt;Format: AB12 3CD&amp;lt;/small&amp;gt;&amp;=
lt;/label&amp;gt;&amp;lt;/p&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;l=
abel&lt;/var&gt; . &lt;code title=3Ddom-label-control&gt;&lt;a href=3D#do=
m-label-control&gt;control&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the form control that is associated with this eleme=
nt.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-label-htmlfor title=3Ddom-label-htmlFor&=
gt;&lt;code&gt;htmlFor&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-l=
abel-for&gt;&lt;a href=3D#attr-label-for&gt;for&lt;/a&gt;&lt;/code&gt; co=
ntent attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-label-control title=3Ddom-label-control&=
gt;&lt;code&gt;control&lt;/code&gt;&lt;/dfn&gt; IDL attribute must return=
 the
+  &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;/cod=
e&gt; element's &lt;a href=3D#labeled-control&gt;labeled control&lt;/a&gt=
;, if any, or null if there isn't one.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-fae-form&gt;&lt;a href=3D#dom-fae-fo=
rm&gt;form&lt;/a&gt;&lt;/code&gt; IDL attribute is part of the element's =
forms
+  API.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;hr&gt;&lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&=
quot;&gt;control&lt;/var&gt; . &lt;code title=3Ddom-lfe-labels&gt;&lt;a h=
ref=3D#dom-lfe-labels&gt;labels&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a &lt;code&gt;&lt;a href=3D#nodelist&gt;NodeList&lt=
;/a&gt;&lt;/code&gt; of all the &lt;code&gt;&lt;a href=3D#the-label-eleme=
nt&gt;label&lt;/a&gt;&lt;/code&gt; elements that the form control
+    is associated with.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;a href=3D#category-label title=3Dcategory-label&gt;Labela=
ble elements&lt;/a&gt; have a &lt;code&gt;&lt;a href=3D#nodelist&gt;NodeL=
ist&lt;/a&gt;&lt;/code&gt; object
+  associated with them that represents the list of &lt;code&gt;&lt;a hre=
f=3D#the-label-element&gt;label&lt;/a&gt;&lt;/code&gt; elements, in &lt;a=
 href=3D#tree-order&gt;tree
+  order&lt;/a&gt;, whose &lt;a href=3D#labeled-control&gt;labeled contro=
l&lt;/a&gt; is the element in question. The &lt;dfn id=3Ddom-lfe-labels t=
itle=3Ddom-lfe-labels&gt;&lt;code&gt;labels&lt;/code&gt;&lt;/dfn&gt; IDL =
attribute of &lt;a href=3D#category-label title=3Dcategory-label&gt;label=
able elements&lt;/a&gt;, on getting, must return that
+  &lt;code&gt;&lt;a href=3D#nodelist&gt;NodeList&lt;/a&gt;&lt;/code&gt; =
object.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+
+  &lt;h4 id=3Dthe-input-element&gt;&lt;span class=3Dsecno&gt;4.10.5 &lt;=
/span&gt;The &lt;dfn&gt;&lt;code&gt;input&lt;/code&gt;&lt;/dfn&gt; elemen=
t&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dd&gt;If the &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#at=
tr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is &lt;em&gt;not&l=
t;/em&gt; in the &lt;a href=3D&quot;#hidden-state-(type=3Dhidden)&quot; t=
itle=3Dattr-input-type-hidden&gt;Hidden&lt;/a&gt; state: &lt;a href=3D#in=
teractive-content&gt;Interactive content&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;If the &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#at=
tr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is &lt;em&gt;not&l=
t;/em&gt; in the &lt;a href=3D&quot;#hidden-state-(type=3Dhidden)&quot; t=
itle=3Dattr-input-type-hidden&gt;Hidden&lt;/a&gt; state: &lt;a href=3D#ca=
tegory-listed title=3Dcategory-listed&gt;Listed&lt;/a&gt;, &lt;a href=3D#=
category-label title=3Dcategory-label&gt;labelable&lt;/a&gt;, &lt;a href=3D=
#category-submit title=3Dcategory-submit&gt;submittable&lt;/a&gt;, &lt;a =
href=3D#category-reset title=3Dcategory-reset&gt;resettable&lt;/a&gt;, an=
d &lt;a href=3D#category-form-attr title=3Dcategory-form-attr&gt;reassoci=
ateable&lt;/a&gt; &lt;a href=3D#form-associated-element&gt;form-associate=
d element&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;If the &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#at=
tr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a hr=
ef=3D&quot;#hidden-state-(type=3Dhidden)&quot; title=3Dattr-input-type-hi=
dden&gt;Hidden&lt;/a&gt; state: &lt;a href=3D#category-listed title=3Dcat=
egory-listed&gt;Listed&lt;/a&gt;, &lt;a href=3D#category-submit title=3Dc=
ategory-submit&gt;submittable&lt;/a&gt;, &lt;a href=3D#category-reset tit=
le=3Dcategory-reset&gt;resettable&lt;/a&gt;, and &lt;a href=3D#category-f=
orm-attr title=3Dcategory-form-attr&gt;reassociateable&lt;/a&gt; &lt;a hr=
ef=3D#form-associated-element&gt;form-associated element&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;If the &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#at=
tr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is &lt;em&gt;not&l=
t;/em&gt; in the &lt;a href=3D&quot;#hidden-state-(type=3Dhidden)&quot; t=
itle=3Dattr-input-type-hidden&gt;Hidden&lt;/a&gt; state: &lt;a href=3D#pa=
lpable-content&gt;Palpable content&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#phrasing-content&gt;phrasing content&lt=
;/a&gt; is expected.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Empty.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;No &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-tag&gt;e=
nd tag&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-input-accept&gt;&lt;a href=3D#attr-in=
put-accept&gt;accept&lt;/a&gt;&lt;/code&gt; &amp;mdash; Hint for expected=
 file type in &lt;a href=3D&quot;#file-upload-state-(type=3Dfile)&quot; t=
itle=3Dattr-input-type-file&gt;file upload controls&lt;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-input-alt&gt;&lt;a href=3D#attr-input=
-alt&gt;alt&lt;/a&gt;&lt;/code&gt; &amp;mdash; Replacement text for use w=
hen images are not available&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr=
-fe-autocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt; &amp;mdash; Hint =
for form autofill feature&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr-fe=
-autofocus&gt;autofocus&lt;/a&gt;&lt;/code&gt; &amp;mdash; Automatically =
focus the form control when the page is loaded&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-input-checked&gt;&lt;a href=3D#attr-i=
nput-checked&gt;checked&lt;/a&gt;&lt;/code&gt; &amp;mdash; Whether the co=
mmand or control is checked&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-dirname&gt;&lt;a href=3D#attr-fe-d=
irname&gt;dirname&lt;/a&gt;&lt;/code&gt; &amp;mdash; Name of form field t=
o use for sending the element's &lt;a href=3D#the-directionality title=3D=
&quot;the directionality&quot;&gt;directionality&lt;/a&gt; in &lt;a href=3D=
#form-submission&gt;form submission&lt;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-disabled&gt;&lt;a href=3D#attr-fe-=
disabled&gt;disabled&lt;/a&gt;&lt;/code&gt; &amp;mdash; Whether the form =
control is disabled&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-fo=
rm&gt;form&lt;/a&gt;&lt;/code&gt; &amp;mdash; Associates the control with=
 a &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&=
gt; element&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fs-formaction&gt;&lt;a href=3D#attr-f=
s-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt; &amp;mdash; &lt;a href=3D=
#url&gt;URL&lt;/a&gt; to use for &lt;a href=3D#form-submission&gt;form su=
bmission&lt;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fs-formenctype&gt;&lt;a href=3D#attr-=
fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt; &amp;mdash; Form dat=
a set encoding type to use for &lt;a href=3D#form-submission&gt;form subm=
ission&lt;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fs-formmethod&gt;&lt;a href=3D#attr-f=
s-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt; &amp;mdash; HTTP method=
 to use for &lt;a href=3D#form-submission&gt;form submission&lt;/a&gt;&lt=
;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fs-formnovalidate&gt;&lt;a href=3D#at=
tr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt; &amp;mdash;=
 Bypass form control validation for &lt;a href=3D#form-submission&gt;form=
 submission&lt;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fs-formtarget&gt;&lt;a href=3D#attr-f=
s-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt; &amp;mdash; &lt;a href=3D=
#browsing-context&gt;Browsing context&lt;/a&gt; for &lt;a href=3D#form-su=
bmission&gt;form submission&lt;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-dim-height&gt;&lt;a href=3D#attr-dim-=
height&gt;height&lt;/a&gt;&lt;/code&gt; &amp;mdash; Vertical dimension&lt=
;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-inputmode&gt;&lt;a href=3D#attr-fe=
-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt; &amp;mdash; Hint for selec=
ting an input modality&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-inpu=
t-list&gt;list&lt;/a&gt;&lt;/code&gt; &amp;mdash; List of autocomplete op=
tions&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-input-max&gt;&lt;a href=3D#attr-input=
-max&gt;max&lt;/a&gt;&lt;/code&gt; &amp;mdash; Maximum value&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-input-maxlength&gt;&lt;a href=3D#attr=
-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt; &amp;mdash; Maximum =
length of value&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-input=
-min&gt;min&lt;/a&gt;&lt;/code&gt; &amp;mdash; Minimum value&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-input-minlength&gt;&lt;a href=3D#attr=
-input-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt; &amp;mdash; Minimum =
length of value&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-input-multiple&gt;&lt;a href=3D#attr-=
input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt; &amp;mdash; Whether to =
allow multiple values&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name=
&gt;name&lt;/a&gt;&lt;/code&gt; &amp;mdash; Name of form control to use f=
or &lt;a href=3D#form-submission&gt;form submission&lt;/a&gt; and in the =
&lt;code title=3Ddom-form-elements&gt;&lt;a href=3D#dom-form-elements&gt;=
form.elements&lt;/a&gt;&lt;/code&gt; API&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-input-pattern&gt;&lt;a href=3D#attr-i=
nput-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt; &amp;mdash; Pattern to be =
matched by the form control's value&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-input-placeholder&gt;&lt;a href=3D#at=
tr-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt; &amp;mdash; Us=
er-visible label to be placed within the form control&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-input-readonly&gt;&lt;a href=3D#attr-=
input-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt; &amp;mdash; Whether to =
allow the value to be edited by the user&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-input-required&gt;&lt;a href=3D#attr-=
input-required&gt;required&lt;/a&gt;&lt;/code&gt; &amp;mdash; Whether the=
 control is required for &lt;a href=3D#form-submission&gt;form submission=
&lt;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-input-size&gt;&lt;a href=3D#attr-inpu=
t-size&gt;size&lt;/a&gt;&lt;/code&gt; &amp;mdash; Size of the control&lt;=
/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-input-src&gt;&lt;a href=3D#attr-input=
-src&gt;src&lt;/a&gt;&lt;/code&gt; &amp;mdash; Address of the resource&lt=
;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-inpu=
t-step&gt;step&lt;/a&gt;&lt;/code&gt; &amp;mdash; Granularity to be match=
ed by the form control's value&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-inpu=
t-type&gt;type&lt;/a&gt;&lt;/code&gt; &amp;mdash; Type of form control&lt=
;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr-inp=
ut-value&gt;value&lt;/a&gt;&lt;/code&gt; &amp;mdash; Value of the form co=
ntrol&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-dim-width&gt;&lt;a href=3D#attr-dim-w=
idth&gt;width&lt;/a&gt;&lt;/code&gt; &amp;mdash; Horizontal dimension&lt;=
/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmlinputelement&gt;HTMLIn=
putElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&g=
t; {
+           attribute DOMString &lt;a href=3D#dom-input-accept title=3Ddo=
m-input-accept&gt;accept&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-input-alt title=3Ddom-i=
nput-alt&gt;alt&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-fe-autocomplete title=3D=
dom-fe-autocomplete&gt;autocomplete&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-fe-autofocus title=3Ddom-=
fe-autofocus&gt;autofocus&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-input-defaultchecked titl=
e=3Ddom-input-defaultChecked&gt;defaultChecked&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-input-checked title=3Ddom=
-input-checked&gt;checked&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-input-dirname title=3Dd=
om-input-dirName&gt;dirName&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-fe-disabled title=3Ddom-f=
e-disabled&gt;disabled&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#htmlformelement&gt;HTMLFormElement&lt=
;/a&gt;? &lt;a href=3D#dom-fae-form title=3Ddom-fae-form&gt;form&lt;/a&gt=
;;
+  readonly attribute &lt;a href=3D#filelist&gt;FileList&lt;/a&gt;? &lt;a=
 href=3D#dom-input-files title=3Ddom-input-files&gt;files&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-fs-formaction title=3Dd=
om-fs-formAction&gt;formAction&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-fs-formenctype title=3D=
dom-fs-formEnctype&gt;formEnctype&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-fs-formmethod title=3Dd=
om-fs-formMethod&gt;formMethod&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-fs-formnovalidate title=3D=
dom-fs-formNoValidate&gt;formNoValidate&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-fs-formtarget title=3Dd=
om-fs-formTarget&gt;formTarget&lt;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-input-height title=3D=
dom-input-height&gt;height&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-input-indeterminate title=
=3Ddom-input-indeterminate&gt;indeterminate&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-input-inputmode title=3D=
dom-input-inputMode&gt;inputMode&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&gt;?=
 &lt;a href=3D#dom-input-list title=3Ddom-input-list&gt;list&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-input-max title=3Ddom-i=
nput-max&gt;max&lt;/a&gt;;
+           attribute long &lt;a href=3D#dom-input-maxlength title=3Ddom-=
input-maxLength&gt;maxLength&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-input-min title=3Ddom-i=
nput-min&gt;min&lt;/a&gt;;
+           attribute long &lt;a href=3D#dom-input-minlength title=3Ddom-=
input-minLength&gt;minLength&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-input-multiple title=3Ddo=
m-input-multiple&gt;multiple&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-fe-name title=3Ddom-fe-=
name&gt;name&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-input-pattern title=3Dd=
om-input-pattern&gt;pattern&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-input-placeholder title=
=3Ddom-input-placeholder&gt;placeholder&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-input-readonly title=3Ddo=
m-input-readOnly&gt;readOnly&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-input-required title=3Ddo=
m-input-required&gt;required&lt;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-input-size title=3D=
dom-input-size&gt;size&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-input-src title=3Ddom-i=
nput-src&gt;src&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-input-step title=3Ddom-=
input-step&gt;step&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-input-type title=3Ddom-=
input-type&gt;type&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-input-defaultvalue titl=
e=3Ddom-input-defaultValue&gt;defaultValue&lt;/a&gt;;
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-inpu=
t-value title=3Ddom-input-value&gt;value&lt;/a&gt;;
+           attribute &lt;span&gt;Date&lt;/span&gt;? &lt;a href=3D#dom-in=
put-valueasdate title=3Ddom-input-valueAsDate&gt;valueAsDate&lt;/a&gt;;
+           attribute unrestricted double &lt;a href=3D#dom-input-valueas=
number title=3Ddom-input-valueAsNumber&gt;valueAsNumber&lt;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-input-width title=3D=
dom-input-width&gt;width&lt;/a&gt;;
+
+  void &lt;a href=3D#dom-input-stepup title=3Ddom-input-stepUp&gt;stepUp=
&lt;/a&gt;(optional long n =3D 1);
+  void &lt;a href=3D#dom-input-stepdown title=3Ddom-input-stepDown&gt;st=
epDown&lt;/a&gt;(optional long n =3D 1);
+
+  readonly attribute boolean &lt;a href=3D#dom-cva-willvalidate title=3D=
dom-cva-willValidate&gt;willValidate&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#validitystate&gt;ValidityState&lt;/a&=
gt; &lt;a href=3D#dom-cva-validity title=3Ddom-cva-validity&gt;validity&l=
t;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-cva-validationmessage t=
itle=3Ddom-cva-validationMessage&gt;validationMessage&lt;/a&gt;;
+  boolean &lt;a href=3D#dom-cva-checkvalidity title=3Ddom-cva-checkValid=
ity&gt;checkValidity&lt;/a&gt;();
+  boolean &lt;a href=3D#dom-cva-reportvalidity title=3Ddom-cva-reportVal=
idity&gt;reportValidity&lt;/a&gt;();
+  void &lt;a href=3D#dom-cva-setcustomvalidity title=3Ddom-cva-setCustom=
Validity&gt;setCustomValidity&lt;/a&gt;(DOMString error);
+
+  readonly attribute &lt;a href=3D#nodelist&gt;NodeList&lt;/a&gt; &lt;a =
href=3D#dom-lfe-labels title=3Ddom-lfe-labels&gt;labels&lt;/a&gt;;
+
+  void &lt;a href=3D#dom-textarea/input-select title=3Ddom-textarea/inpu=
t-select&gt;select&lt;/a&gt;();
+           attribute unsigned long &lt;a href=3D#dom-textarea/input-sele=
ctionstart title=3Ddom-textarea/input-selectionStart&gt;selectionStart&lt=
;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-textarea/input-sele=
ctionend title=3Ddom-textarea/input-selectionEnd&gt;selectionEnd&lt;/a&gt=
;;
+           attribute DOMString &lt;a href=3D#dom-textarea/input-selectio=
ndirection title=3Ddom-textarea/input-selectionDirection&gt;selectionDire=
ction&lt;/a&gt;;
+  void &lt;a href=3D#dom-textarea/input-setrangetext title=3Ddom-textare=
a/input-setRangeText&gt;setRangeText&lt;/a&gt;(DOMString replacement);
+  void &lt;a href=3D#dom-textarea/input-setrangetext title=3Ddom-textare=
a/input-setRangeText&gt;setRangeText&lt;/a&gt;(DOMString replacement, uns=
igned long start, unsigned long end, optional &lt;a href=3D#selectionmode=
&gt;SelectionMode&lt;/a&gt; selectionMode =3D &quot;preserve&quot;);
+  void &lt;a href=3D#dom-textarea/input-setselectionrange title=3Ddom-te=
xtarea/input-setSelectionRange&gt;setSelectionRange&lt;/a&gt;(unsigned lo=
ng start, unsigned long end, optional DOMString direction);
+
+  // &lt;a href=3D&quot;#HTMLInputElement-partial&quot;&gt;also has obso=
lete members&lt;/a&gt;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D#=
represents&gt;represents&lt;/a&gt; a typed data field, usually with a for=
m
+  control to allow the user to edit the data.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-input-type title=3Dattr-input-type&gt;&=
lt;code&gt;type&lt;/code&gt;&lt;/dfn&gt; attribute controls the data type=
 (and
+  associated control) of the element. It is an &lt;a href=3D#enumerated-=
attribute&gt;enumerated attribute&lt;/a&gt;. The following
+  table lists the keywords and states for the attribute &amp;mdash; the =
keywords in the left column map
+  to the states in the cell in the second column on the same row as the =
keyword.&lt;/p&gt;
+
+  &lt;table id=3Dattr-input-type-keywords&gt;&lt;thead&gt;&lt;tr&gt;&lt;=
th&gt; Keyword
+     &lt;th&gt; State
+     &lt;th&gt; Data type
+     &lt;th&gt; Control type
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-hidden=
-keyword title=3Dattr-input-type-hidden-keyword&gt;&lt;code&gt;hidden&lt;=
/code&gt;&lt;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D&quot;#hidden-state-(type=3Dhidden)&quot; t=
itle=3Dattr-input-type-hidden&gt;Hidden&lt;/a&gt;
+     &lt;td&gt; An arbitrary string
+     &lt;td&gt; n/a
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-text-keyword title=
=3Dattr-input-type-text-keyword&gt;&lt;code&gt;text&lt;/code&gt;&lt;/dfn&=
gt;
+     &lt;td&gt; &lt;a href=3D&quot;#text-(type=3Dtext)-state-and-search-=
state-(type=3Dsearch)&quot; title=3Dattr-input-type-text&gt;Text&lt;/a&gt=
;
+     &lt;td&gt; Text with no line breaks
+     &lt;td&gt; A text field
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-search-keyword tit=
le=3Dattr-input-type-search-keyword&gt;&lt;code&gt;search&lt;/code&gt;&lt=
;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D&quot;#text-(type=3Dtext)-state-and-search-=
state-(type=3Dsearch)&quot; title=3Dattr-input-type-search&gt;Search&lt;/=
a&gt;
+     &lt;td&gt; Text with no line breaks
+     &lt;td&gt; Search field
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-tel-keyword title=3D=
attr-input-type-tel-keyword&gt;&lt;code&gt;tel&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D&quot;#telephone-state-(type=3Dtel)&quot; t=
itle=3Dattr-input-type-tel&gt;Telephone&lt;/a&gt;
+     &lt;td&gt; Text with no line breaks
+     &lt;td&gt; A text field
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-url-keyword title=3D=
attr-input-type-url-keyword&gt;&lt;code&gt;url&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D&quot;#url-state-(type=3Durl)&quot; title=3D=
attr-input-type-url&gt;URL&lt;/a&gt;
+     &lt;td&gt; An absolute URL
+     &lt;td&gt; A text field
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-email-keyword titl=
e=3Dattr-input-type-email-keyword&gt;&lt;code&gt;email&lt;/code&gt;&lt;/d=
fn&gt;
+     &lt;td&gt; &lt;a href=3D&quot;#e-mail-state-(type=3Demail)&quot; ti=
tle=3Dattr-input-type-email&gt;E-mail&lt;/a&gt;
+     &lt;td&gt; An e-mail address or list of e-mail addresses
+     &lt;td&gt; A text field
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-password-keyword t=
itle=3Dattr-input-type-password-keyword&gt;&lt;code&gt;password&lt;/code&=
gt;&lt;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D&quot;#password-state-(type=3Dpassword)&quo=
t; title=3Dattr-input-type-password&gt;Password&lt;/a&gt;
+     &lt;td&gt; Text with no line breaks (sensitive information)
+     &lt;td&gt; A text field that obscures data entry
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-datetime-keyword t=
itle=3Dattr-input-type-datetime-keyword&gt;&lt;code&gt;datetime&lt;/code&=
gt;&lt;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D&quot;#date-and-time-state-(type=3Ddatetime=
)&quot; title=3Dattr-input-type-datetime&gt;Date and Time&lt;/a&gt;
+     &lt;td&gt; A date and time (year, month, day, hour, minute, second,=
 fraction of a second) with the time zone set to UTC
+     &lt;td&gt; A date and time control
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-date-keyword title=
=3Dattr-input-type-date-keyword&gt;&lt;code&gt;date&lt;/code&gt;&lt;/dfn&=
gt;
+     &lt;td&gt; &lt;a href=3D&quot;#date-state-(type=3Ddate)&quot; title=
=3Dattr-input-type-date&gt;Date&lt;/a&gt;
+     &lt;td&gt; A date (year, month, day) with no time zone
+     &lt;td&gt; A date control
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-month-keyword titl=
e=3Dattr-input-type-month-keyword&gt;&lt;code&gt;month&lt;/code&gt;&lt;/d=
fn&gt;
+     &lt;td&gt; &lt;a href=3D&quot;#month-state-(type=3Dmonth)&quot; tit=
le=3Dattr-input-type-month&gt;Month&lt;/a&gt;
+     &lt;td&gt; A date consisting of a year and a month with no time zon=
e
+     &lt;td&gt; A month control
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-week-keyword title=
=3Dattr-input-type-week-keyword&gt;&lt;code&gt;week&lt;/code&gt;&lt;/dfn&=
gt;
+     &lt;td&gt; &lt;a href=3D&quot;#week-state-(type=3Dweek)&quot; title=
=3Dattr-input-type-week&gt;Week&lt;/a&gt;
+     &lt;td&gt; A date consisting of a week-year number and a week numbe=
r with no time zone
+     &lt;td&gt; A week control
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-time-keyword title=
=3Dattr-input-type-time-keyword&gt;&lt;code&gt;time&lt;/code&gt;&lt;/dfn&=
gt;
+     &lt;td&gt; &lt;a href=3D&quot;#time-state-(type=3Dtime)&quot; title=
=3Dattr-input-type-time&gt;Time&lt;/a&gt;
+     &lt;td&gt; A time (hour, minute, seconds, fractional seconds) with =
no time zone
+     &lt;td&gt; A time control
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-datetime-local-key=
word title=3Dattr-input-type-datetime-local-keyword&gt;&lt;code&gt;dateti=
me-local&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D&quot;#local-date-and-time-state-(type=3Dda=
tetime-local)&quot; title=3Dattr-input-type-datetime-local&gt;Local Date =
and Time&lt;/a&gt;
+     &lt;td&gt; A date and time (year, month, day, hour, minute, second,=
 fraction of a second) with no time zone
+     &lt;td&gt; A date and time control
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-number-keyword tit=
le=3Dattr-input-type-number-keyword&gt;&lt;code&gt;number&lt;/code&gt;&lt=
;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D&quot;#number-state-(type=3Dnumber)&quot; t=
itle=3Dattr-input-type-number&gt;Number&lt;/a&gt;
+     &lt;td&gt; A numerical value
+     &lt;td&gt; A text field or spinner control
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-range-keyword titl=
e=3Dattr-input-type-range-keyword&gt;&lt;code&gt;range&lt;/code&gt;&lt;/d=
fn&gt;
+     &lt;td&gt; &lt;a href=3D&quot;#range-state-(type=3Drange)&quot; tit=
le=3Dattr-input-type-range&gt;Range&lt;/a&gt;
+     &lt;td&gt; A numerical value, with the extra semantic that the exac=
t value is not important
+     &lt;td&gt; A slider control or similar
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-color-keyword titl=
e=3Dattr-input-type-color-keyword&gt;&lt;code&gt;color&lt;/code&gt;&lt;/d=
fn&gt;
+     &lt;td&gt; &lt;a href=3D&quot;#color-state-(type=3Dcolor)&quot; tit=
le=3Dattr-input-type-color&gt;Color&lt;/a&gt;
+     &lt;td&gt; An sRGB color with 8-bit red, green, and blue components
+     &lt;td&gt; A color well
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-checkbox-keyword t=
itle=3Dattr-input-type-checkbox-keyword&gt;&lt;code&gt;checkbox&lt;/code&=
gt;&lt;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D&quot;#checkbox-state-(type=3Dcheckbox)&quo=
t; title=3Dattr-input-type-checkbox&gt;Checkbox&lt;/a&gt;
+     &lt;td&gt; A set of zero or more values from a predefined list
+     &lt;td&gt; A checkbox
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-radio-keyword titl=
e=3Dattr-input-type-radio-keyword&gt;&lt;code&gt;radio&lt;/code&gt;&lt;/d=
fn&gt;
+     &lt;td&gt; &lt;a href=3D&quot;#radio-button-state-(type=3Dradio)&qu=
ot; title=3Dattr-input-type-radio&gt;Radio Button&lt;/a&gt;
+     &lt;td&gt; An enumerated value
+     &lt;td&gt; A radio button
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-file-keyword title=
=3Dattr-input-type-file-keyword&gt;&lt;code&gt;file&lt;/code&gt;&lt;/dfn&=
gt;
+     &lt;td&gt; &lt;a href=3D&quot;#file-upload-state-(type=3Dfile)&quot=
; title=3Dattr-input-type-file&gt;File Upload&lt;/a&gt;
+     &lt;td&gt; Zero or more files each with a &lt;a href=3D#mime-type&g=
t;MIME type&lt;/a&gt; and optionally a file name
+     &lt;td&gt; A label and a button
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-submit-keyword tit=
le=3Dattr-input-type-submit-keyword&gt;&lt;code&gt;submit&lt;/code&gt;&lt=
;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D&quot;#submit-button-state-(type=3Dsubmit)&=
quot; title=3Dattr-input-type-submit&gt;Submit Button&lt;/a&gt;
+     &lt;td&gt; An enumerated value, with the extra semantic that it mus=
t be the last value selected and initiates form submission
+     &lt;td&gt; A button
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-image-keyword titl=
e=3Dattr-input-type-image-keyword&gt;&lt;code&gt;image&lt;/code&gt;&lt;/d=
fn&gt;
+     &lt;td&gt; &lt;a href=3D&quot;#image-button-state-(type=3Dimage)&qu=
ot; title=3Dattr-input-type-image&gt;Image Button&lt;/a&gt;
+     &lt;td&gt; A coordinate, relative to a particular image's size, wit=
h the extra semantic that it must
+     be the last value selected and initiates form submission
+     &lt;td&gt; Either a clickable image, or a button
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-reset-keyword titl=
e=3Dattr-input-type-reset-keyword&gt;&lt;code&gt;reset&lt;/code&gt;&lt;/d=
fn&gt;
+     &lt;td&gt; &lt;a href=3D&quot;#reset-button-state-(type=3Dreset)&qu=
ot; title=3Dattr-input-type-reset&gt;Reset Button&lt;/a&gt;
+     &lt;td&gt; n/a
+     &lt;td&gt; A button
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-input-type-button-keyword tit=
le=3Dattr-input-type-button-keyword&gt;&lt;code&gt;button&lt;/code&gt;&lt=
;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D&quot;#button-state-(type=3Dbutton)&quot; t=
itle=3Dattr-input-type-button&gt;Button&lt;/a&gt;
+     &lt;td&gt; n/a
+     &lt;td&gt; A button
+  &lt;/table&gt;&lt;p&gt;The &lt;i&gt;missing value default&lt;/i&gt; is=
 the &lt;a href=3D&quot;#text-(type=3Dtext)-state-and-search-state-(type=3D=
search)&quot; title=3Dattr-input-type-text&gt;Text&lt;/a&gt; state.&lt;/p=
&gt;
+
+  &lt;p&gt;Which of the &lt;code title=3Dattr-input-accept&gt;&lt;a href=
=3D#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;, &lt;code title=3D=
attr-input-alt&gt;&lt;a href=3D#attr-input-alt&gt;alt&lt;/a&gt;&lt;/code&=
gt;, &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-autoc=
omplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-inp=
ut-checked&gt;&lt;a href=3D#attr-input-checked&gt;checked&lt;/a&gt;&lt;/c=
ode&gt;, &lt;code title=3Dattr-fe-dirname&gt;&lt;a href=3D#attr-fe-dirnam=
e&gt;dirname&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-fs-formaction&=
gt;&lt;a href=3D#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,=
 &lt;code title=3Dattr-fs-formenctype&gt;&lt;a href=3D#attr-fs-formenctyp=
e&gt;formenctype&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-fs-formmet=
hod&gt;&lt;a href=3D#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&=
gt;, &lt;code title=3Dattr-fs-formnovalidate&gt;&lt;a href=3D#attr-fs-for=
mnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dat=
tr-fs-formtarget&gt;&lt;a href=3D#attr-fs-formtarget&gt;formtarget&lt;/a&=
gt;&lt;/code&gt;, &lt;code title=3Dattr-dim-height&gt;&lt;a href=3D#attr-=
dim-height&gt;height&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-fe-inp=
utmode&gt;&lt;a href=3D#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code=
&gt;, &lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-input-list&g=
t;list&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-input-max&gt;&lt;a h=
ref=3D#attr-input-max&gt;max&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Datt=
r-input-maxlength&gt;&lt;a href=3D#attr-input-maxlength&gt;maxlength&lt;/=
a&gt;&lt;/code&gt;, &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr=
-input-min&gt;min&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-input-min=
length&gt;&lt;a href=3D#attr-input-minlength&gt;minlength&lt;/a&gt;&lt;/c=
ode&gt;, &lt;code title=3Dattr-input-multiple&gt;&lt;a href=3D#attr-input=
-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-input=
-pattern&gt;&lt;a href=3D#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/cod=
e&gt;, &lt;code title=3Dattr-input-placeholder&gt;&lt;a href=3D#attr-inpu=
t-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Datt=
r-input-readonly&gt;&lt;a href=3D#attr-input-readonly&gt;readonly&lt;/a&g=
t;&lt;/code&gt;, &lt;code title=3Dattr-input-required&gt;&lt;a href=3D#at=
tr-input-required&gt;required&lt;/a&gt;&lt;/code&gt;,
+  &lt;code title=3Dattr-input-size&gt;&lt;a href=3D#attr-input-size&gt;s=
ize&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-input-src&gt;&lt;a href=
=3D#attr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-i=
nput-step&gt;&lt;a href=3D#attr-input-step&gt;step&lt;/a&gt;&lt;/code&gt;=
, and &lt;code title=3Dattr-dim-width&gt;&lt;a href=3D#attr-dim-width&gt;=
width&lt;/a&gt;&lt;/code&gt; content
+  attributes, the &lt;code title=3Ddom-input-checked&gt;&lt;a href=3D#do=
m-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-i=
nput-files&gt;&lt;a href=3D#dom-input-files&gt;files&lt;/a&gt;&lt;/code&g=
t;, &lt;code title=3Ddom-input-valueAsDate&gt;&lt;a href=3D#dom-input-val=
ueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;,
+  &lt;code title=3Ddom-input-valueAsNumber&gt;&lt;a href=3D#dom-input-va=
lueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt;, and &lt;code title=3D=
dom-input-list&gt;&lt;a href=3D#dom-input-list&gt;list&lt;/a&gt;&lt;/code=
&gt; IDL attributes, the &lt;code title=3Ddom-textarea/input-select&gt;&l=
t;a href=3D#dom-textarea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt; =
method, the &lt;code title=3Ddom-textarea/input-selectionStart&gt;&lt;a h=
ref=3D#dom-textarea/input-selectionstart&gt;selectionStart&lt;/a&gt;&lt;/=
code&gt;, &lt;code title=3Ddom-textarea/input-selectionEnd&gt;&lt;a href=3D=
#dom-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;&lt;/code&gt;, =
and &lt;code title=3Ddom-textarea/input-selectionDirection&gt;&lt;a href=3D=
#dom-textarea/input-selectiondirection&gt;selectionDirection&lt;/a&gt;&lt=
;/code&gt;, IDL attributes, the &lt;code title=3Ddom-textarea/input-setRa=
ngeText&gt;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText(=
)&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Ddom-textarea/input-setSelec=
tionRange&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSel=
ectionRange()&lt;/a&gt;&lt;/code&gt; methods, the &lt;code title=3Ddom-in=
put-stepUp&gt;&lt;a href=3D#dom-input-stepup&gt;stepUp()&lt;/a&gt;&lt;/co=
de&gt; and &lt;code title=3Ddom-input-stepDown&gt;&lt;a href=3D#dom-input=
-stepdown&gt;stepDown()&lt;/a&gt;&lt;/code&gt;
+  methods, and the &lt;code title=3Devent-input-input&gt;&lt;a href=3D#e=
vent-input-input&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Deve=
nt-input-change&gt;&lt;a href=3D#event-input-change&gt;change&lt;/a&gt;&l=
t;/code&gt; events &lt;dfn id=3Dconcept-input-apply title=3Dconcept-input=
-apply&gt;apply&lt;/dfn&gt; to an &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element depends on
+  the state of its &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#att=
r-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute. The subsections th=
at define
+  each type also clearly define in normative &quot;bookkeeping&quot; sec=
tions which of these feature apply,
+  and which &lt;dfn id=3Ddo-not-apply&gt;do not apply&lt;/dfn&gt;, to ea=
ch type. The behavior of these features depends on whether
+  they apply or not, as defined in their various sections.&lt;/p&gt;
+
+  &lt;p&gt;The following table &lt;span class=3Dimpl&gt;is non-normative=
 and&lt;/span&gt; summarizes which of those
+  content attributes, IDL attributes, methods, and events &lt;a href=3D#=
concept-input-apply title=3Dconcept-input-apply&gt;apply&lt;/a&gt; to eac=
h state:&lt;/p&gt;
+
+  &lt;table class=3Dapplies id=3Dinput-type-attr-summary&gt;&lt;thead&gt=
;&lt;tr&gt;&lt;th&gt;
+     &lt;th&gt; &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#hid=
den-state-(type=3Dhidden)&quot; title=3Dattr-input-type-hidden&gt;Hidden&=
lt;/a&gt;&lt;/span&gt;
+     &lt;th&gt; &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#tex=
t-(type=3Dtext)-state-and-search-state-(type=3Dsearch)&quot; title=3Dattr=
-input-type-text&gt;Text&lt;/a&gt;,&lt;/span&gt;
+          &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#text-(typ=
e=3Dtext)-state-and-search-state-(type=3Dsearch)&quot; title=3Dattr-input=
-type-search&gt;Search&lt;/a&gt;&lt;/span&gt;
+     &lt;th&gt; &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#url=
-state-(type=3Durl)&quot; title=3Dattr-input-type-url&gt;URL&lt;/a&gt;,&l=
t;/span&gt;
+          &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#telephone=
-state-(type=3Dtel)&quot; title=3Dattr-input-type-tel&gt;Telephone&lt;/a&=
gt;&lt;/span&gt;
+     &lt;th&gt; &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#e-m=
ail-state-(type=3Demail)&quot; title=3Dattr-input-type-email&gt;E-mail&lt=
;/a&gt;&lt;/span&gt;
+     &lt;th&gt; &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#pas=
sword-state-(type=3Dpassword)&quot; title=3Dattr-input-type-password&gt;P=
assword&lt;/a&gt;&lt;/span&gt;
+     &lt;th&gt; &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#dat=
e-and-time-state-(type=3Ddatetime)&quot; title=3Dattr-input-type-datetime=
&gt;Date and Time&lt;/a&gt;,&lt;/span&gt;
+          &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#date-stat=
e-(type=3Ddate)&quot; title=3Dattr-input-type-date&gt;Date&lt;/a&gt;,&lt;=
/span&gt;
+          &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#month-sta=
te-(type=3Dmonth)&quot; title=3Dattr-input-type-month&gt;Month&lt;/a&gt;,=
&lt;/span&gt;
+          &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#week-stat=
e-(type=3Dweek)&quot; title=3Dattr-input-type-week&gt;Week&lt;/a&gt;,&lt;=
/span&gt;
+          &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#time-stat=
e-(type=3Dtime)&quot; title=3Dattr-input-type-time&gt;Time&lt;/a&gt;&lt;/=
span&gt;
+     &lt;th&gt; &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#loc=
al-date-and-time-state-(type=3Ddatetime-local)&quot; title=3Dattr-input-t=
ype-datetime-local&gt;Local Date and Time&lt;/a&gt;&lt;/span&gt;
+     &lt;th&gt; &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#num=
ber-state-(type=3Dnumber)&quot; title=3Dattr-input-type-number&gt;Number&=
lt;/a&gt;&lt;/span&gt;
+     &lt;th&gt; &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#ran=
ge-state-(type=3Drange)&quot; title=3Dattr-input-type-range&gt;Range&lt;/=
a&gt;&lt;/span&gt;
+     &lt;th&gt; &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#col=
or-state-(type=3Dcolor)&quot; title=3Dattr-input-type-color&gt;Color&lt;/=
a&gt;&lt;/span&gt;
+     &lt;th&gt; &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#che=
ckbox-state-(type=3Dcheckbox)&quot; title=3Dattr-input-type-checkbox&gt;C=
heckbox&lt;/a&gt;,&lt;/span&gt;
+          &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#radio-but=
ton-state-(type=3Dradio)&quot; title=3Dattr-input-type-radio&gt;Radio But=
ton&lt;/a&gt;&lt;/span&gt;
+     &lt;th&gt; &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#fil=
e-upload-state-(type=3Dfile)&quot; title=3Dattr-input-type-file&gt;File U=
pload&lt;/a&gt;&lt;/span&gt;
+     &lt;th&gt; &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#sub=
mit-button-state-(type=3Dsubmit)&quot; title=3Dattr-input-type-submit&gt;=
Submit Button&lt;/a&gt;&lt;/span&gt;
+     &lt;th&gt; &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#ima=
ge-button-state-(type=3Dimage)&quot; title=3Dattr-input-type-image&gt;Ima=
ge Button&lt;/a&gt;&lt;/span&gt;
+     &lt;th&gt; &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#res=
et-button-state-(type=3Dreset)&quot; title=3Dattr-input-type-reset&gt;Res=
et Button&lt;/a&gt;,&lt;/span&gt;
+          &lt;span title=3D&quot;&quot;&gt;&lt;a href=3D&quot;#button-st=
ate-(type=3Dbutton)&quot; title=3Dattr-input-type-button&gt;Button&lt;/a&=
gt;&lt;/span&gt;
+
+   &lt;tbody&gt;&lt;tr&gt;&lt;th scope=3Drowgroup colspan=3D16&gt;Conten=
t attributes
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-input-accept&gt;&lt;a hre=
f=3D#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-input-alt&gt;&lt;a href=3D=
#attr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a =
href=3D#attr-fe-autocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Search --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- E-mail --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Password --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Date --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Month --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Week --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Local Date and Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Number --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Range --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-input-checked&gt;&lt;a hr=
ef=3D#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Radio Button --&=
gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-fe-dirname&gt;&lt;a href=3D=
#attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Search --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-fs-formaction&gt;&lt;a hr=
ef=3D#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-fs-formenctype&gt;&lt;a h=
ref=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-fs-formmethod&gt;&lt;a hr=
ef=3D#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-fs-formnovalidate&gt;&lt;=
a href=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-fs-formtarget&gt;&lt;a hr=
ef=3D#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-dim-height&gt;&lt;a href=3D=
#attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-fe-inputmode&gt;&lt;a hre=
f=3D#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Search --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-input-list&gt;&lt;a href=3D=
#attr-input-list&gt;list&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Search --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Date --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Month --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Week --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Local Date and Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Number --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Range --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-input-max&gt;&lt;a href=3D=
#attr-input-max&gt;max&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Date --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Month --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Week --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Local Date and Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Number --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-input-maxlength&gt;&lt;a =
href=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Search --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- E-mail --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-input-min&gt;&lt;a href=3D=
#attr-input-min&gt;min&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Date --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Month --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Week --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Local Date and Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Number --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-input-minlength&gt;&lt;a =
href=3D#attr-input-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Search --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- E-mail --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-input-multiple&gt;&lt;a h=
ref=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt; &l=
t;!-- if you change this, you can merge this line with the next to save r=
oom on the chart --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-input-pattern&gt;&lt;a hr=
ef=3D#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Search --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- E-mail --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-input-placeholder&gt;&lt;=
a href=3D#attr-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Search --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- E-mail --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-input-readonly&gt;&lt;a h=
ref=3D#attr-input-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Search --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- E-mail --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Password --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Date --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Month --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Week --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Local Date and Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-input-required&gt;&lt;a h=
ref=3D#attr-input-required&gt;required&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Search --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- E-mail --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Password --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Date --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Month --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Week --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Local Date and Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Radio Button --&=
gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-input-size&gt;&lt;a href=3D=
#attr-input-size&gt;size&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Search --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- E-mail --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-input-src&gt;&lt;a href=3D=
#attr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-input-step&gt;&lt;a href=3D=
#attr-input-step&gt;step&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Date --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Month --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Week --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Local Date and Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Number --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Dattr-dim-width&gt;&lt;a href=3D=
#attr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+   &lt;tbody&gt;&lt;tr&gt;&lt;th scope=3Drowgroup colspan=3D16&gt;IDL at=
tributes and methods
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Ddom-input-checked&gt;&lt;a hre=
f=3D#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Radio Button --&=
gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Ddom-input-files&gt;&lt;a href=3D=
#dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr class=3Dimpl&gt;&lt;th&gt; &lt;code title=3Ddom-input-value&g=
t;&lt;a href=3D#dom-input-value&gt;value&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dyes&gt; &lt;a href=3D#dom-input-value-default title=3D=
dom-input-value-default&gt;default&lt;/a&gt; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; &lt;a href=3D#dom-input-value-value title=3D=
dom-input-value-value&gt;value&lt;/a&gt; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; &lt;span title=3D&quot;dom-in=
put-value-value&quot;&gt;value&lt;/span&gt;      Search --&gt;
+     &lt;td class=3Dyes&gt; &lt;a href=3D#dom-input-value-value title=3D=
dom-input-value-value&gt;value&lt;/a&gt; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dyes&gt; &lt;a href=3D#dom-input-value-value title=3D=
dom-input-value-value&gt;value&lt;/a&gt; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dyes&gt; &lt;a href=3D#dom-input-value-value title=3D=
dom-input-value-value&gt;value&lt;/a&gt; &lt;!-- Password --&gt;
+     &lt;td class=3Dyes&gt; &lt;a href=3D#dom-input-value-value title=3D=
dom-input-value-value&gt;value&lt;/a&gt; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; &lt;span title=3D&quot;dom-in=
put-value-value&quot;&gt;value&lt;/span&gt;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; &lt;span title=3D&quot;dom-in=
put-value-value&quot;&gt;value&lt;/span&gt;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; &lt;span title=3D&quot;dom-in=
put-value-value&quot;&gt;value&lt;/span&gt;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; &lt;span title=3D&quot;dom-in=
put-value-value&quot;&gt;value&lt;/span&gt;      Time --&gt;
+     &lt;td class=3Dyes&gt; &lt;a href=3D#dom-input-value-value title=3D=
dom-input-value-value&gt;value&lt;/a&gt; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dyes&gt; &lt;a href=3D#dom-input-value-value title=3D=
dom-input-value-value&gt;value&lt;/a&gt; &lt;!-- Number --&gt;
+     &lt;td class=3Dyes&gt; &lt;a href=3D#dom-input-value-value title=3D=
dom-input-value-value&gt;value&lt;/a&gt; &lt;!-- Range --&gt;
+     &lt;td class=3Dyes&gt; &lt;a href=3D#dom-input-value-value title=3D=
dom-input-value-value&gt;value&lt;/a&gt; &lt;!-- Color --&gt;
+     &lt;td class=3Dyes&gt; &lt;a href=3D#dom-input-value-default-on tit=
le=3Ddom-input-value-default-on&gt;default/on&lt;/a&gt; &lt;!-- Checkbox =
--&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; &lt;span title=3D&quot;dom-in=
put-value-default-on&quot;&gt;default/on&lt;/span&gt;      Radio Button -=
-&gt;
+     &lt;td class=3Dyes&gt; &lt;a href=3D#dom-input-value-filename title=
=3Ddom-input-value-filename&gt;filename&lt;/a&gt; &lt;!-- File Upload --&=
gt;
+     &lt;td class=3Dyes&gt; &lt;a href=3D#dom-input-value-default title=3D=
dom-input-value-default&gt;default&lt;/a&gt; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dyes&gt; &lt;a href=3D#dom-input-value-default title=3D=
dom-input-value-default&gt;default&lt;/a&gt; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dyes&gt; &lt;a href=3D#dom-input-value-default title=3D=
dom-input-value-default&gt;default&lt;/a&gt; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; &lt;span title=3D&quot;dom-in=
put-value-default&quot;&gt;default&lt;/span&gt;      Button --&gt;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Ddom-input-valueAsDate&gt;&lt;a=
 href=3D#dom-input-valueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Date --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Month --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Week --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Ddom-input-valueAsNumber&gt;&lt=
;a href=3D#dom-input-valueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Date --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Month --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Week --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Local Date and Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Number --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Ddom-input-list&gt;&lt;a href=3D=
#dom-input-list&gt;list&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Search --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Date --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Month --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Week --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Local Date and Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Number --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Range --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Ddom-textarea/input-select&gt;&=
lt;a href=3D#dom-textarea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Search --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Ddom-textarea/input-selectionSt=
art&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionStart&=
lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Search --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Ddom-textarea/input-selectionEn=
d&gt;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;/a&=
gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Search --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Ddom-textarea/input-selectionDi=
rection&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selecti=
onDirection&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Search --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Ddom-textarea/input-setRangeTex=
t&gt;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()&lt;/=
a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Search --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Ddom-textarea/input-setSelectio=
nRange&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSelect=
ionRange()&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Search --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Password --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Date --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Month --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Week --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Time --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Local Date and Time --&g=
t;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Number --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Ddom-input-stepDown&gt;&lt;a hr=
ef=3D#dom-input-stepdown&gt;stepDown()&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Date --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Month --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Week --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Local Date and Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Number --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3Ddom-input-stepUp&gt;&lt;a href=
=3D#dom-input-stepup&gt;stepUp()&lt;/a&gt;&lt;/code&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Search --&gt=
;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- E-mail --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Password --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Date --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Month --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Week --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Local Date and Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Number --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Range --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+   &lt;tbody&gt;&lt;tr&gt;&lt;th scope=3Drowgroup colspan=3D16&gt;Events
+
+    &lt;tr&gt;&lt;th&gt; &lt;span title=3D&quot;&quot;&gt;&lt;code title=
=3Devent-input-input&gt;&lt;a href=3D#event-input-input&gt;input&lt;/a&gt=
;&lt;/code&gt; event&lt;/span&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Search --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- E-mail --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Password --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Date --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Month --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Week --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Local Date and Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Number --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Range --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Color --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Radio Button=
 --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+    &lt;tr&gt;&lt;th&gt; &lt;span title=3D&quot;&quot;&gt;&lt;code title=
=3Devent-input-change&gt;&lt;a href=3D#event-input-change&gt;change&lt;/a=
&gt;&lt;/code&gt; event&lt;/span&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Hidden --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Text --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Search --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- URL, Telephone --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- E-mail --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Password --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Date and Time --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Date --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Month --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Week --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Local Date and Time --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Number --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Range --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Color --&gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- Checkbox --&gt;
+&lt;!-- &lt;td class=3D&quot;yes&quot;&gt; Yes          Radio Button --&=
gt;
+     &lt;td class=3Dyes&gt; Yes     &lt;!-- File Upload --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Submit Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Image Button --&gt;
+     &lt;td class=3Dno&gt; &amp;middot; &lt;!-- Reset Button --&gt;
+&lt;!-- &lt;td class=3D&quot;no&quot;&gt; &amp;middot;      Button --&gt=
;
+
+  &lt;/table&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;Some states of the &lt;code title=3Dattr-input-type&gt;&lt;a =
href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute define a=
 &lt;dfn id=3Dvalue-sanitization-algorithm&gt;value
+  sanitization algorithm&lt;/dfn&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;=
/a&gt;&lt;/code&gt; element has a &lt;a href=3D#concept-fe-value title=3D=
concept-fe-value&gt;value&lt;/a&gt;, which is
+  exposed by the &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-i=
nput-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute. Some states def=
ine an
+  &lt;dfn id=3Dconcept-input-value-string-number title=3Dconcept-input-v=
alue-string-number&gt;algorithm to convert a string to a number&lt;/dfn&g=
t;, an
+  &lt;dfn id=3Dconcept-input-value-number-string title=3Dconcept-input-v=
alue-number-string&gt;algorithm to convert a number to a string&lt;/dfn&g=
t;, an
+  &lt;dfn id=3Dconcept-input-value-string-date title=3Dconcept-input-val=
ue-string-date&gt;algorithm to convert a string to a &lt;code&gt;Date&lt;=
/code&gt;
+  object&lt;/dfn&gt;, and an &lt;dfn id=3Dconcept-input-value-date-strin=
g title=3Dconcept-input-value-date-string&gt;algorithm to convert a
+  &lt;code&gt;Date&lt;/code&gt; object to a string&lt;/dfn&gt;, which ar=
e used by &lt;code title=3Dattr-input-max&gt;&lt;a href=3D#attr-input-max=
&gt;max&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-input-min&gt;&lt;a =
href=3D#attr-input-min&gt;min&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dat=
tr-input-step&gt;&lt;a href=3D#attr-input-step&gt;step&lt;/a&gt;&lt;/code=
&gt;, &lt;code title=3Ddom-input-valueAsDate&gt;&lt;a href=3D#dom-input-v=
alueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-in=
put-valueAsNumber&gt;&lt;a href=3D#dom-input-valueasnumber&gt;valueAsNumb=
er&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-input-stepDown&gt;&lt;a h=
ref=3D#dom-input-stepdown&gt;stepDown()&lt;/a&gt;&lt;/code&gt;, and &lt;c=
ode title=3Ddom-input-stepUp&gt;&lt;a href=3D#dom-input-stepup&gt;stepUp(=
)&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;=
/a&gt;&lt;/code&gt; element has a boolean &lt;dfn id=3Dconcept-input-valu=
e-dirty-flag title=3Dconcept-input-value-dirty-flag&gt;dirty
+  value flag&lt;/dfn&gt;. The &lt;a href=3D#concept-input-value-dirty-fl=
ag title=3Dconcept-input-value-dirty-flag&gt;dirty value flag&lt;/a&gt; m=
ust be
+  initially set to false when the element is created, and must be set to=
 true whenever the user
+  interacts with the control in a way that changes the &lt;a href=3D#con=
cept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt;.
+  (It is also set to true when the value is programmatically changed, as=
 described in the definition
+  of the &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-val=
ue&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute.)&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-input-value title=3Dattr-input-value&gt=
;&lt;code&gt;value&lt;/code&gt;&lt;/dfn&gt; content attribute gives the d=
efault
+  &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a=
&gt; of the &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt=
;&lt;/code&gt; element. &lt;span class=3Dimpl&gt;When the &lt;code title=3D=
attr-input-value&gt;&lt;a href=3D#attr-input-value&gt;value&lt;/a&gt;&lt;=
/code&gt; content attribute is added, set,
+  or removed, if the control's &lt;a href=3D#concept-input-value-dirty-f=
lag title=3Dconcept-input-value-dirty-flag&gt;dirty value flag&lt;/a&gt;
+  is false, the user agent must set the &lt;a href=3D#concept-fe-value t=
itle=3Dconcept-fe-value&gt;value&lt;/a&gt; of the element
+  to the value of the &lt;code title=3Dattr-input-value&gt;&lt;a href=3D=
#attr-input-value&gt;value&lt;/a&gt;&lt;/code&gt; content attribute, if t=
here is
+  one, or the empty string otherwise, and then run the current &lt;a hre=
f=3D#value-sanitization-algorithm&gt;value sanitization
+  algorithm&lt;/a&gt;, if one is defined.&lt;/span&gt;&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;=
/a&gt;&lt;/code&gt; element has a &lt;a href=3D#concept-fe-checked title=3D=
concept-fe-checked&gt;checkedness&lt;/a&gt;,
+  which is exposed by the &lt;code title=3Ddom-input-checked&gt;&lt;a hr=
ef=3D#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt; IDL attribute.&=
lt;/p&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;=
/a&gt;&lt;/code&gt; element has a boolean &lt;dfn id=3Dconcept-input-chec=
ked-dirty-flag title=3Dconcept-input-checked-dirty-flag&gt;dirty checkedn=
ess flag&lt;/dfn&gt;. When it is true, the
+  element is said to have a &lt;dfn id=3Dconcept-input-checked-dirty tit=
le=3Dconcept-input-checked-dirty&gt;&lt;i&gt;dirty checkedness&lt;/i&gt;&=
lt;/dfn&gt;.
+  The &lt;a href=3D#concept-input-checked-dirty-flag title=3Dconcept-inp=
ut-checked-dirty-flag&gt;dirty checkedness flag&lt;/a&gt; must be initial=
ly
+  set to false when the element is created, and must be set to true when=
ever the user interacts with
+  the control in a way that changes the &lt;a href=3D#concept-fe-checked=
 title=3Dconcept-fe-checked&gt;checkedness&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-input-checked title=3Dattr-input-checke=
d&gt;&lt;code&gt;checked&lt;/code&gt;&lt;/dfn&gt; content attribute is a
+  &lt;a href=3D#boolean-attribute&gt;boolean attribute&lt;/a&gt; that gi=
ves the default &lt;a href=3D#concept-fe-checked title=3Dconcept-fe-check=
ed&gt;checkedness&lt;/a&gt; of the &lt;code&gt;&lt;a href=3D#the-input-el=
ement&gt;input&lt;/a&gt;&lt;/code&gt; element. &lt;span class=3Dimpl&gt;W=
hen the &lt;code title=3Dattr-input-checked&gt;&lt;a href=3D#attr-input-c=
hecked&gt;checked&lt;/a&gt;&lt;/code&gt; content attribute is added,
+  if the control does not have &lt;i title=3Dconcept-input-checked-dirty=
&gt;&lt;a href=3D#concept-input-checked-dirty&gt;dirty checkedness&lt;/a&=
gt;&lt;/i&gt;, the
+  user agent must set the &lt;a href=3D#concept-fe-checked title=3Dconce=
pt-fe-checked&gt;checkedness&lt;/a&gt; of the element to
+  true; when the &lt;code title=3Dattr-input-checked&gt;&lt;a href=3D#at=
tr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt; content attribute is r=
emoved, if
+  the control does not have &lt;i title=3Dconcept-input-checked-dirty&gt=
;&lt;a href=3D#concept-input-checked-dirty&gt;dirty checkedness&lt;/a&gt;=
&lt;/i&gt;, the user
+  agent must set the &lt;a href=3D#concept-fe-checked title=3Dconcept-fe=
-checked&gt;checkedness&lt;/a&gt; of the element to
+  false.&lt;/span&gt;&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;a href=3D#concept-form-reset-control title=3Dconcept-=
form-reset-control&gt;reset algorithm&lt;/a&gt; for &lt;code&gt;&lt;a hre=
f=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt;
+  elements is to set the &lt;a href=3D#concept-input-value-dirty-flag ti=
tle=3Dconcept-input-value-dirty-flag&gt;dirty value flag&lt;/a&gt; and
+  &lt;a href=3D#concept-input-checked-dirty-flag title=3Dconcept-input-c=
hecked-dirty-flag&gt;dirty checkedness flag&lt;/a&gt; back to false, set
+  the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&l=
t;/a&gt; of the element to the value of the &lt;code title=3Dattr-input-v=
alue&gt;&lt;a href=3D#attr-input-value&gt;value&lt;/a&gt;&lt;/code&gt; co=
ntent attribute, if there is one, or the empty string
+  otherwise, set the &lt;a href=3D#concept-fe-checked title=3Dconcept-fe=
-checked&gt;checkedness&lt;/a&gt; of the element to true if
+  the element has a &lt;code title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt; content attribute a=
nd false if
+  it does not, empty the list of &lt;a href=3D#concept-input-type-file-s=
elected title=3Dconcept-input-type-file-selected&gt;selected
+  files&lt;/a&gt;, and then invoke the &lt;a href=3D#value-sanitization-=
algorithm&gt;value sanitization algorithm&lt;/a&gt;, if the &lt;code titl=
e=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt=
;/code&gt; attribute's current state defines one.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;=
/a&gt;&lt;/code&gt; element can be &lt;i title=3Dconcept-fe-mutable&gt;&l=
t;a href=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;. Except whe=
re
+  otherwise specified, an &lt;code&gt;&lt;a href=3D#the-input-element&gt=
;input&lt;/a&gt;&lt;/code&gt; element is always &lt;i title=3Dconcept-fe-=
mutable&gt;&lt;a href=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt=
;. Similarly, except where otherwise specified, the user
+  agent should not allow the user to modify the element's &lt;a href=3D#=
concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; or &lt;a hre=
f=3D#concept-fe-checked title=3Dconcept-fe-checked&gt;checkedness&lt;/a&g=
t;.&lt;/p&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element is &lt;a href=3D#concept-fe-disabled title=
=3Dconcept-fe-disabled&gt;disabled&lt;/a&gt;, it is not &lt;i title=3Dcon=
cept-fe-mutable&gt;&lt;a href=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&=
lt;/i&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code title=3Dattr-input-readonly&gt;&lt;=
a href=3D#attr-input-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt; attribut=
e can also in some
+  cases (e.g. for the &lt;a href=3D&quot;#date-state-(type=3Ddate)&quot;=
 title=3Dattr-input-type-date&gt;Date&lt;/a&gt; state, but not the &lt;a =
href=3D&quot;#checkbox-state-(type=3Dcheckbox)&quot; title=3Dattr-input-t=
ype-checkbox&gt;Checkbox&lt;/a&gt; state) stop an &lt;code&gt;&lt;a href=3D=
#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element from
+  being &lt;i title=3Dconcept-fe-mutable&gt;&lt;a href=3D#concept-fe-mut=
able&gt;mutable&lt;/a&gt;&lt;/i&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#concept-node-clone-ext title=3Dconcept-node=
-clone-ext&gt;cloning steps&lt;/a&gt; for &lt;code&gt;&lt;a href=3D#the-i=
nput-element&gt;input&lt;/a&gt;&lt;/code&gt; elements
+  must propagate the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-v=
alue&gt;value&lt;/a&gt;, &lt;a href=3D#concept-input-value-dirty-flag tit=
le=3Dconcept-input-value-dirty-flag&gt;dirty value flag&lt;/a&gt;, &lt;a =
href=3D#concept-fe-checked title=3Dconcept-fe-checked&gt;checkedness&lt;/=
a&gt;, and &lt;a href=3D#concept-input-checked-dirty-flag title=3Dconcept=
-input-checked-dirty-flag&gt;dirty checkedness flag&lt;/a&gt; from the no=
de being cloned
+  to the copy.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element=
&gt;input&lt;/a&gt;&lt;/code&gt; element is first created, the element's =
rendering and behavior must
+  be set to the rendering and behavior defined for the &lt;code title=3D=
attr-input-type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/co=
de&gt;
+  attribute's state, and the &lt;a href=3D#value-sanitization-algorithm&=
gt;value sanitization algorithm&lt;/a&gt;, if one is defined for the
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute's state, must be invoked.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div id=3Dinput-type-change class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute
+  changes state, the user agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!-- http://software.hixie.ch/utilities/js/live-dom-viewe=
r/saved/602 --&gt;&lt;li&gt;&lt;p&gt;If the previous state of the element=
's &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute
+   put the &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-v=
alue&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute in the &lt;i title=3Dd=
om-input-value-value&gt;&lt;a href=3D#dom-input-value-value&gt;value&lt;/=
a&gt;&lt;/i&gt; mode, and the element's &lt;a href=3D#concept-fe-value ti=
tle=3Dconcept-fe-value&gt;value&lt;/a&gt; is not the empty string, and th=
e new state of the element's
+   &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;=
type&lt;/a&gt;&lt;/code&gt; attribute puts the &lt;code title=3Ddom-input=
-value&gt;&lt;a href=3D#dom-input-value&gt;value&lt;/a&gt;&lt;/code&gt; I=
DL attribute in either the &lt;i title=3Ddom-input-value-default&gt;&lt;a=
 href=3D#dom-input-value-default&gt;default&lt;/a&gt;&lt;/i&gt; mode or t=
he &lt;i title=3Ddom-input-value-default-on&gt;&lt;a href=3D#dom-input-va=
lue-default-on&gt;default/on&lt;/a&gt;&lt;/i&gt; mode, then set the eleme=
nt's &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr-input-value&=
gt;value&lt;/a&gt;&lt;/code&gt; content attribute to the element's &lt;a =
href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt;.&lt;=
/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, if the previous state of the element's =
&lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;type=
&lt;/a&gt;&lt;/code&gt; attribute put the &lt;code title=3Ddom-input-valu=
e&gt;&lt;a href=3D#dom-input-value&gt;value&lt;/a&gt;&lt;/code&gt;
+   IDL attribute in any mode other than the &lt;i title=3Ddom-input-valu=
e-value&gt;&lt;a href=3D#dom-input-value-value&gt;value&lt;/a&gt;&lt;/i&g=
t; mode, and the
+   new state of the element's &lt;code title=3Dattr-input-type&gt;&lt;a =
href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute puts the=
 &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;val=
ue&lt;/a&gt;&lt;/code&gt; IDL attribute in the &lt;i title=3Ddom-input-va=
lue-value&gt;&lt;a href=3D#dom-input-value-value&gt;value&lt;/a&gt;&lt;/i=
&gt; mode, then set the &lt;a href=3D#concept-fe-value title=3Dconcept-fe=
-value&gt;value&lt;/a&gt; of the element to the value of the &lt;code tit=
le=3Dattr-input-value&gt;&lt;a href=3D#attr-input-value&gt;value&lt;/a&gt=
;&lt;/code&gt; content attribute, if there is one, or the empty string
+   otherwise, and then set the control's &lt;a href=3D#concept-input-val=
ue-dirty-flag title=3Dconcept-input-value-dirty-flag&gt;dirty value
+   flag&lt;/a&gt; to false.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Update the element's rendering and behavior to the=
 new state's.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Invoke the &lt;a href=3D#value-sanitization-algori=
thm&gt;value sanitization algorithm&lt;/a&gt;, if one is defined for the =
&lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;type=
&lt;/a&gt;&lt;/code&gt; attribute's new state.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+  &lt;hr&gt;&lt;p&gt;
+  The &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt;nam=
e&lt;/a&gt;&lt;/code&gt; attribute represents the element's name.
+  The &lt;code title=3Dattr-fe-dirname&gt;&lt;a href=3D#attr-fe-dirname&=
gt;dirname&lt;/a&gt;&lt;/code&gt; attribute controls how the element's &l=
t;a href=3D#the-directionality title=3D&quot;the directionality&quot;&gt;=
directionality&lt;/a&gt; is submitted.
+  The &lt;code title=3Dattr-fe-disabled&gt;&lt;a href=3D#attr-fe-disable=
d&gt;disabled&lt;/a&gt;&lt;/code&gt; attribute is used to make the contro=
l non-interactive and to prevent its value from being submitted.
+  The &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-form&gt;f=
orm&lt;/a&gt;&lt;/code&gt; attribute is used to explicitly associate the =
&lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&g=
t; element with its &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt;.
+  The &lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr-fe-autofo=
cus&gt;autofocus&lt;/a&gt;&lt;/code&gt; attribute controls focus.
+  The &lt;code title=3Dattr-fe-inputmode&gt;&lt;a href=3D#attr-fe-inputm=
ode&gt;inputmode&lt;/a&gt;&lt;/code&gt; attribute controls the user inter=
face's input modality for the control.
+  The &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-aut=
ocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt; attribute controls how t=
he user agent provides autofill behavior.
+  &lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-input-indeterminate title=3Ddom-input-in=
determinate&gt;&lt;code&gt;indeterminate&lt;/code&gt;&lt;/dfn&gt; IDL att=
ribute must
+  initially be set to false. On getting, it must return the last value i=
t was set to. On setting, it
+  must be set to the new value. It has no effect except for changing the=
 appearance of &lt;a href=3D&quot;#checkbox-state-(type=3Dcheckbox)&quot;=
 title=3Dattr-input-type-checkbox&gt;checkbox&lt;/a&gt; controls.&lt;/p&g=
t;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-input-accept title=3Ddom-input-accept&gt=
;&lt;code&gt;accept&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-input-alt =
title=3Ddom-input-alt&gt;&lt;code&gt;alt&lt;/code&gt;&lt;/dfn&gt;, &lt;df=
n id=3Ddom-input-max title=3Ddom-input-max&gt;&lt;code&gt;max&lt;/code&gt=
;&lt;/dfn&gt;,
+  &lt;dfn id=3Ddom-input-min title=3Ddom-input-min&gt;&lt;code&gt;min&lt=
;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-input-multiple title=3Ddom-input=
-multiple&gt;&lt;code&gt;multiple&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3D=
dom-input-pattern title=3Ddom-input-pattern&gt;&lt;code&gt;pattern&lt;/co=
de&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-input-placeholder title=3Ddom-input-=
placeholder&gt;&lt;code&gt;placeholder&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn =
id=3Ddom-input-required title=3Ddom-input-required&gt;&lt;code&gt;require=
d&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-input-size title=3Ddom-input=
-size&gt;&lt;code&gt;size&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-inpu=
t-src title=3Ddom-input-src&gt;&lt;code&gt;src&lt;/code&gt;&lt;/dfn&gt;,
+  and &lt;dfn id=3Ddom-input-step title=3Ddom-input-step&gt;&lt;code&gt;=
step&lt;/code&gt;&lt;/dfn&gt; IDL attributes must &lt;a href=3D#reflect&g=
t;reflect&lt;/a&gt;
+  the respective content attributes of the same name. The &lt;dfn id=3Dd=
om-input-dirname title=3Ddom-input-dirName&gt;&lt;code&gt;dirName&lt;/cod=
e&gt;&lt;/dfn&gt; IDL attribute must &lt;a href=3D#reflect&gt;reflect&lt;=
/a&gt; the
+  &lt;code title=3Dattr-fe-dirname&gt;&lt;a href=3D#attr-fe-dirname&gt;d=
irname&lt;/a&gt;&lt;/code&gt; content attribute. The &lt;dfn id=3Ddom-inp=
ut-readonly title=3Ddom-input-readOnly&gt;&lt;code&gt;readOnly&lt;/code&g=
t;&lt;/dfn&gt; IDL attribute must &lt;a href=3D#reflect&gt;reflect&lt;/a&=
gt; the
+  &lt;code title=3Dattr-input-readonly&gt;&lt;a href=3D#attr-input-reado=
nly&gt;readonly&lt;/a&gt;&lt;/code&gt; content attribute. The &lt;dfn id=3D=
dom-input-defaultchecked title=3Ddom-input-defaultChecked&gt;&lt;code&gt;=
defaultChecked&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-i=
nput-checked&gt;&lt;a href=3D#attr-input-checked&gt;checked&lt;/a&gt;&lt;=
/code&gt; content attribute. The
+  &lt;dfn id=3Ddom-input-defaultvalue title=3Ddom-input-defaultValue&gt;=
&lt;code&gt;defaultValue&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-i=
nput-value&gt;&lt;a href=3D#attr-input-value&gt;value&lt;/a&gt;&lt;/code&=
gt; content attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-input-type title=3Ddom-input-type&gt;&lt=
;code&gt;type&lt;/code&gt;&lt;/dfn&gt; IDL attribute must &lt;a href=3D#r=
eflect&gt;reflect&lt;/a&gt;
+  the respective content attribute of the same name, &lt;a href=3D#limit=
ed-to-only-known-values&gt;limited to only known values&lt;/a&gt;. The
+  &lt;dfn id=3Ddom-input-inputmode title=3Ddom-input-inputmode&gt;&lt;co=
de&gt;inputMode&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-f=
e-inputmode&gt;&lt;a href=3D#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;=
/code&gt; content attribute,
+  &lt;a href=3D#limited-to-only-known-values&gt;limited to only known va=
lues&lt;/a&gt;. The &lt;dfn id=3Ddom-input-maxlength title=3Ddom-input-ma=
xLength&gt;&lt;code&gt;maxLength&lt;/code&gt;&lt;/dfn&gt; IDL attribute m=
ust &lt;a href=3D#reflect&gt;reflect&lt;/a&gt;
+  the &lt;code title=3Dattr-input-maxlength&gt;&lt;a href=3D#attr-input-=
maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt; content attribute, &lt;a hr=
ef=3D#limited-to-only-non-negative-numbers&gt;limited to only
+  non-negative numbers&lt;/a&gt;.  The &lt;dfn id=3Ddom-input-minlength =
title=3Ddom-input-minLength&gt;&lt;code&gt;minLength&lt;/code&gt;&lt;/dfn=
&gt; IDL attribute must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt;
+  the &lt;code title=3Dattr-input-minlength&gt;&lt;a href=3D#attr-input-=
minlength&gt;minlength&lt;/a&gt;&lt;/code&gt; content attribute, &lt;a hr=
ef=3D#limited-to-only-non-negative-numbers&gt;limited to only
+  non-negative numbers&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The IDL attributes &lt;dfn id=3Ddom-input-width title=3Ddom-i=
nput-width&gt;&lt;code&gt;width&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3D=
dom-input-height title=3Ddom-input-height&gt;&lt;code&gt;height&lt;/code&=
gt;&lt;/dfn&gt; must return the rendered width and height of
+  the image, in CSS pixels, if an image is &lt;a href=3D#being-rendered&=
gt;being rendered&lt;/a&gt;, and is being rendered to a
+  visual medium; or else the intrinsic width and height of the image, in=
 CSS pixels, if an image is
+  &lt;i title=3Dinput-img-available&gt;&lt;a href=3D#input-img-available=
&gt;available&lt;/a&gt;&lt;/i&gt; but not being rendered to a visual medi=
um; or else 0,
+  if no image is &lt;i title=3Dinput-img-available&gt;&lt;a href=3D#inpu=
t-img-available&gt;available&lt;/a&gt;&lt;/i&gt;. When the &lt;code&gt;&l=
t;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element's
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute is not in the &lt;a href=3D&quot;#im=
age-button-state-(type=3Dimage)&quot; title=3Dattr-input-type-image&gt;Im=
age Button&lt;/a&gt; state, then no image is &lt;i title=3Dinput-img-avai=
lable&gt;&lt;a href=3D#input-img-available&gt;available&lt;/a&gt;&lt;/i&g=
t;. &lt;a href=3D#refsCSS&gt;[CSS]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;On setting, they must act as if they &lt;a href=3D#reflect ti=
tle=3Dreflect&gt;reflected&lt;/a&gt; the respective
+  content attributes of the same name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-cva-willValidate&gt;&lt;a href=3D#do=
m-cva-willvalidate&gt;willValidate&lt;/a&gt;&lt;/code&gt;, &lt;code title=
=3Ddom-cva-validity&gt;&lt;a href=3D#dom-cva-validity&gt;validity&lt;/a&g=
t;&lt;/code&gt;, and &lt;code title=3Ddom-cva-validationMessage&gt;&lt;a =
href=3D#dom-cva-validationmessage&gt;validationMessage&lt;/a&gt;&lt;/code=
&gt; IDL attributes, and the &lt;code title=3Ddom-cva-checkValidity&gt;&l=
t;a href=3D#dom-cva-checkvalidity&gt;checkValidity()&lt;/a&gt;&lt;/code&g=
t;, &lt;code title=3Ddom-cva-reportValidity&gt;&lt;a href=3D#dom-cva-repo=
rtvalidity&gt;reportValidity()&lt;/a&gt;&lt;/code&gt;, and &lt;code title=
=3Ddom-cva-setCustomValidity&gt;&lt;a href=3D#dom-cva-setcustomvalidity&g=
t;setCustomValidity()&lt;/a&gt;&lt;/code&gt; methods, are part of the
+  &lt;a href=3D#the-constraint-validation-api&gt;constraint validation A=
PI&lt;/a&gt;. The &lt;code title=3Ddom-lfe-labels&gt;&lt;a href=3D#dom-lf=
e-labels&gt;labels&lt;/a&gt;&lt;/code&gt; IDL
+  attribute provides a list of the element's &lt;code&gt;&lt;a href=3D#t=
he-label-element&gt;label&lt;/a&gt;&lt;/code&gt;s. The &lt;code title=3Dd=
om-textarea/input-select&gt;&lt;a href=3D#dom-textarea/input-select&gt;se=
lect()&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-textarea/input-select=
ionStart&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionS=
tart&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-textarea/input-selectio=
nEnd&gt;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;=
/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-textarea/input-selectionDirecti=
on&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selectionDir=
ection&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-textarea/input-setRan=
geText&gt;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()=
&lt;/a&gt;&lt;/code&gt;, and &lt;code title=3Ddom-textarea/input-setSelec=
tionRange&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSel=
ectionRange()&lt;/a&gt;&lt;/code&gt; methods and IDL attributes
+  expose the element's text selection. The &lt;code title=3Ddom-fe-autof=
ocus&gt;&lt;a href=3D#dom-fe-autofocus&gt;autofocus&lt;/a&gt;&lt;/code&gt=
;, &lt;code title=3Ddom-fe-disabled&gt;&lt;a href=3D#dom-fe-disabled&gt;d=
isabled&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-fae-form&gt;&lt;a hr=
ef=3D#dom-fae-form&gt;form&lt;/a&gt;&lt;/code&gt;, and &lt;code title=3Dd=
om-fe-name&gt;&lt;a href=3D#dom-fe-name&gt;name&lt;/a&gt;&lt;/code&gt; ID=
L attributes are part of the element's forms API.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h5 id=3Dstates-of-the-type-attribute&gt;&lt;span class=3Dsecno&gt;=
4.10.5.1 &lt;/span&gt;States of the &lt;code title=3Dattr-input-type&gt;&=
lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute&lt;=
/h5&gt;
+
+
+  &lt;h6 id=3D&quot;hidden-state-(type=3Dhidden)&quot;&gt;&lt;span class=
=3Dsecno&gt;4.10.5.1.1 &lt;/span&gt;&lt;dfn title=3Dattr-input-type-hidde=
n&gt;Hidden&lt;/dfn&gt; state (&lt;code title=3D&quot;&quot;&gt;type=3Dhi=
dden&lt;/code&gt;)&lt;/h6&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#hidden-state-(type=3Dhidden)&quot; title=3Datt=
r-input-type-hidden&gt;Hidden&lt;/a&gt; state, the rules in this section =
apply.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; a value that is not intended to be
+  examined or manipulated by the user.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: If an &lt=
;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; =
element's &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-ty=
pe&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;=
#hidden-state-(type=3Dhidden)&quot; title=3Dattr-input-type-hidden&gt;Hid=
den&lt;/a&gt; state, it is &lt;a href=3D#barred-from-constraint-validatio=
n&gt;barred from constraint
+  validation&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;If the &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe=
-name&gt;name&lt;/a&gt;&lt;/code&gt; attribute is present and has a value=
 that is a
+  &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt; match for the=
 string &quot;&lt;code title=3Dattr-fe-name-charset&gt;&lt;a href=3D#attr=
-fe-name-charset&gt;_charset_&lt;/a&gt;&lt;/code&gt;&quot;, then the elem=
ent's &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr-input-value=
&gt;value&lt;/a&gt;&lt;/code&gt; attribute must be omitted.&lt;/p&gt;
+
+  &lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The
+   &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;=
value&lt;/a&gt;&lt;/code&gt;
+   IDL attribute &lt;a href=3D#concept-input-apply title=3Dconcept-input=
-apply&gt;applies&lt;/a&gt; to this element and is
+   in mode &lt;a href=3D#dom-input-value-default title=3Ddom-input-value=
-default&gt;default&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not
+   apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-autocomplete&gt;&lt;a hre=
f=3D#attr-fe-autocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formenctype&gt;&lt;a href=
=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formnovalidate&gt;&lt;a h=
ref=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formtarget&gt;&lt;a href=3D=
#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-list&gt;&lt;a href=3D#=
attr-input-list&gt;list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-max&gt;&lt;a href=3D#a=
ttr-input-max&gt;max&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-maxlength&gt;&lt;a hre=
f=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-min&gt;&lt;a href=3D#a=
ttr-input-min&gt;min&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-minlength&gt;&lt;a hre=
f=3D#attr-input-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-pattern&gt;&lt;a href=3D=
#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-placeholder&gt;&lt;a h=
ref=3D#attr-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-readonly&gt;&lt;a href=
=3D#attr-input-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-required&gt;&lt;a href=
=3D#attr-input-required&gt;required&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-size&gt;&lt;a href=3D#=
attr-input-size&gt;size&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-step&gt;&lt;a href=3D#=
attr-input-step&gt;step&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Ddom-input-checked&gt;&lt;a href=3D=
#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-files&gt;&lt;a href=3D#=
dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-list&gt;&lt;a href=3D#d=
om-input-list&gt;list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionStart=
&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionStart&lt;=
/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionEnd&g=
t;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;=
&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionDirec=
tion&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selectionD=
irection&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsDate&gt;&lt;a hr=
ef=3D#dom-input-valueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsNumber&gt;&lt;a =
href=3D#dom-input-valueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; I=
DL attributes;
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-select&gt;&lt;=
a href=3D#dom-textarea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setRangeText&g=
t;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()&lt;/a&g=
t;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setSelectionRa=
nge&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSelection=
Range()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-stepDown&gt;&lt;a href=3D=
#dom-input-stepdown&gt;stepDown()&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-stepUp&gt;&lt;a href=3D=
#dom-input-stepup&gt;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code class=3Dno-backref title=3Devent-input-input&gt=
;&lt;a href=3D#event-input-input&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;=
code class=3Dno-backref title=3Devent-input-change&gt;&lt;a href=3D#event=
-input-change&gt;change&lt;/a&gt;&lt;/code&gt; events &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3D&quot;text-(type=3Dtext)-state-and-search-state-(type=3Dse=
arch)&quot;&gt;&lt;span class=3Dsecno&gt;4.10.5.1.2 &lt;/span&gt;&lt;dfn =
title=3Dattr-input-type-text&gt;Text&lt;/dfn&gt; (&lt;code title=3D&quot;=
&quot;&gt;type=3Dtext&lt;/code&gt;) state and &lt;dfn title=3Dattr-input-=
type-search&gt;Search&lt;/dfn&gt; state (&lt;code title=3D&quot;&quot;&gt=
;type=3Dsearch&lt;/code&gt;)&lt;/h6&gt;
+
+  &lt;!-- v2 idea: applying input masks to &lt;input&gt;, e.g. for enter=
ing
+       data with slashes and dashes (ack Greg Kilwein)
+  --&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#text-(type=3Dtext)-state-and-search-state-(typ=
e=3Dsearch)&quot; title=3Dattr-input-type-text&gt;Text&lt;/a&gt; state or=
 the &lt;a href=3D&quot;#text-(type=3Dtext)-state-and-search-state-(type=3D=
search)&quot; title=3Dattr-input-type-search&gt;Search&lt;/a&gt; state, t=
he rules in this section apply.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; a one line plain text edit control for
+  the element's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&=
gt;value&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The difference between the &lt;a href=3D&quot;#t=
ext-(type=3Dtext)-state-and-search-state-(type=3Dsearch)&quot; title=3Dat=
tr-input-type-text&gt;Text&lt;/a&gt; state
+  and the &lt;a href=3D&quot;#text-(type=3Dtext)-state-and-search-state-=
(type=3Dsearch)&quot; title=3Dattr-input-type-search&gt;Search&lt;/a&gt; =
state is primarily stylistic: on
+  platforms where search fields are distinguished from regular text fiel=
ds, the &lt;a href=3D&quot;#text-(type=3Dtext)-state-and-search-state-(ty=
pe=3Dsearch)&quot; title=3Dattr-input-type-search&gt;Search&lt;/a&gt; sta=
te might result in an appearance consistent with
+  the platform's search fields rather than appearing like a regular text=
 field.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a h=
ref=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, its &lt;a href=3D=
#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; should be e=
ditable by the user. User agents must not allow
+  users to insert U+000A LINE FEED (LF) or U+000D CARRIAGE RETURN (CR) c=
haracters into the element's
+  &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a=
&gt;.&lt;/p&gt;
+
+  &lt;!-- this next bit is also in the &lt;textarea&gt; section --&gt;
+  &lt;!-- and something similar is in the session history section --&gt;
+  &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a h=
ref=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, the user agent =
should allow the
+  user to change the writing direction of the element, setting it either=
 to a left-to-right writing
+  direction or a right-to-left writing direction. If the user does so, t=
he user agent must then run
+  the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Set the element's &lt;code title=3Dattr-d=
ir&gt;&lt;a href=3D#the-dir-attribute&gt;dir&lt;/a&gt;&lt;/code&gt; attri=
bute to &quot;&lt;code title=3Dattr-dir-ltr&gt;&lt;a href=3D#attr-dir-ltr=
&gt;ltr&lt;/a&gt;&lt;/code&gt;&quot; if the user selected a left-to-right=
 writing direction, and
+   &quot;&lt;code title=3Dattr-dir-rtl&gt;&lt;a href=3D#attr-dir-rtl&gt;=
rtl&lt;/a&gt;&lt;/code&gt;&quot; if the user selected a right-to-left wri=
ting
+   direction.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#queue-a-task&gt;Queue a task&lt;/a&g=
t; to &lt;a href=3D#fire-a-simple-event&gt;fire a simple event&lt;/a&gt; =
that bubbles named &lt;code title=3Devent-input&gt;input&lt;/code&gt; at =
the &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/co=
de&gt; element.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr-i=
nput-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if specified, must =
have a value that
+  contains no U+000A LINE FEED (LF) or U+000D CARRIAGE RETURN (CR) chara=
cters.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#value-sanitization-algorithm&=
gt;value sanitization algorithm&lt;/a&gt; is as follows&lt;/strong&gt;: &=
lt;a href=3D#strip-line-breaks&gt;Strip line
+  breaks&lt;/a&gt; from the &lt;a href=3D#concept-fe-value title=3Dconce=
pt-fe-value&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The following common &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element content
+   attributes, IDL attributes, and methods &lt;a href=3D#concept-input-a=
pply title=3Dconcept-input-apply&gt;apply&lt;/a&gt; to the element:
+   &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-autoco=
mplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-fe-dirname&gt;&lt;a href=3D#attr-fe-dirname&gt;=
dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-fe-inputmode&gt;&lt;a href=3D#attr-fe-inputmode=
&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-input-list&gt;=
list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-maxlength&gt;&lt;a href=3D#attr-input-max=
length&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-minlength&gt;&lt;a href=3D#attr-input-min=
length&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-pattern&gt;&lt;a href=3D#attr-input-patte=
rn&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-placeholder&gt;&lt;a href=3D#attr-input-p=
laceholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-readonly&gt;&lt;a href=3D#attr-input-read=
only&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-required&gt;&lt;a href=3D#attr-input-requ=
ired&gt;required&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Dattr-input-size&gt;&lt;a href=3D#attr-input-size&gt;=
size&lt;/a&gt;&lt;/code&gt; content attributes;
+   &lt;code title=3Ddom-input-list&gt;&lt;a href=3D#dom-input-list&gt;li=
st&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-textarea/input-selectionStart&gt;&lt;a href=3D#d=
om-textarea/input-selectionstart&gt;selectionStart&lt;/a&gt;&lt;/code&gt;=
,
+   &lt;code title=3Ddom-textarea/input-selectionEnd&gt;&lt;a href=3D#dom=
-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;&lt;/code&gt;,=20
+   &lt;code title=3Ddom-textarea/input-selectionDirection&gt;&lt;a href=3D=
#dom-textarea/input-selectiondirection&gt;selectionDirection&lt;/a&gt;&lt=
;/code&gt;, and
+   &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;=
value&lt;/a&gt;&lt;/code&gt; IDL attributes;
+   &lt;code title=3Ddom-textarea/input-select&gt;&lt;a href=3D#dom-texta=
rea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-textarea/input-setRangeText&gt;&lt;a href=3D#dom=
-textarea/input-setrangetext&gt;setRangeText()&lt;/a&gt;&lt;/code&gt;, an=
d
+   &lt;code title=3Ddom-textarea/input-setSelectionRange&gt;&lt;a href=3D=
#dom-textarea/input-setselectionrange&gt;setSelectionRange()&lt;/a&gt;&lt=
;/code&gt; methods.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute is
+   in mode &lt;a href=3D#dom-input-value-value title=3Ddom-input-value-v=
alue&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Devent-input-input&gt;&lt;a href=3D#even=
t-input-input&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Devent-=
input-change&gt;&lt;a href=3D#event-input-change&gt;change&lt;/a&gt;&lt;/=
code&gt; events &lt;a href=3D#concept-input-apply title=3Dconcept-input-a=
pply&gt;apply&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not
+   apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formenctype&gt;&lt;a href=
=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formnovalidate&gt;&lt;a h=
ref=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formtarget&gt;&lt;a href=3D=
#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-max&gt;&lt;a href=3D#a=
ttr-input-max&gt;max&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-min&gt;&lt;a href=3D#a=
ttr-input-min&gt;min&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-step&gt;&lt;a href=3D#=
attr-input-step&gt;step&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Ddom-input-checked&gt;&lt;a href=3D=
#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-files&gt;&lt;a href=3D#=
dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsDate&gt;&lt;a hr=
ef=3D#dom-input-valueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsNumber&gt;&lt;a =
href=3D#dom-input-valueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; I=
DL attributes;
+   &lt;code class=3Dno-backref title=3Ddom-input-stepDown&gt;&lt;a href=3D=
#dom-input-stepdown&gt;stepDown()&lt;/a&gt;&lt;/code&gt; and
+   &lt;code class=3Dno-backref title=3Ddom-input-stepUp&gt;&lt;a href=3D=
#dom-input-stepup&gt;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3D&quot;telephone-state-(type=3Dtel)&quot;&gt;&lt;span class=
=3Dsecno&gt;4.10.5.1.3 &lt;/span&gt;&lt;dfn title=3Dattr-input-type-tel&g=
t;Telephone&lt;/dfn&gt; state (&lt;code title=3D&quot;&quot;&gt;type=3Dte=
l&lt;/code&gt;)&lt;/h6&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#telephone-state-(type=3Dtel)&quot; title=3Datt=
r-input-type-tel&gt;Telephone&lt;/a&gt; state, the rules in this section =
apply.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; a control for editing a telephone number
+  given in the element's &lt;a href=3D#concept-fe-value title=3Dconcept-=
fe-value&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a h=
ref=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, its &lt;a href=3D=
#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; should be e=
ditable by the user. User agents may change the
+  spacing and, with care, the punctuation of &lt;a href=3D#concept-fe-va=
lue title=3Dconcept-fe-value&gt;values&lt;/a&gt; that the
+  user enters. User agents must not allow users to insert U+000A LINE FE=
ED (LF) or U+000D CARRIAGE
+  RETURN (CR) characters into the element's &lt;a href=3D#concept-fe-val=
ue title=3Dconcept-fe-value&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr-i=
nput-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if specified, must =
have a value that
+  contains no U+000A LINE FEED (LF) or U+000D CARRIAGE RETURN (CR) chara=
cters.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#value-sanitization-algorithm&=
gt;value sanitization algorithm&lt;/a&gt; is as follows&lt;/strong&gt;: &=
lt;a href=3D#strip-line-breaks&gt;Strip line
+  breaks&lt;/a&gt; from the &lt;a href=3D#concept-fe-value title=3Dconce=
pt-fe-value&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;Unlike the &lt;a href=3D&quot;#url-state-(type=3D=
url)&quot; title=3Dattr-input-type-url&gt;URL&lt;/a&gt; and &lt;a href=3D=
&quot;#e-mail-state-(type=3Demail)&quot; title=3Dattr-input-type-email&gt=
;E-mail&lt;/a&gt; types, the &lt;a href=3D&quot;#telephone-state-(type=3D=
tel)&quot; title=3Dattr-input-type-tel&gt;Telephone&lt;/a&gt; type does n=
ot enforce a particular syntax. This is
+  intentional; in practice, telephone number fields tend to be free-form=
 fields, because there are a
+  wide variety of valid phone numbers. Systems that need to enforce a pa=
rticular format are
+  encouraged to use the &lt;code title=3Dattr-input-pattern&gt;&lt;a hre=
f=3D#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt; attribute or th=
e &lt;code title=3Ddom-cva-setCustomValidity&gt;&lt;a href=3D#dom-cva-set=
customvalidity&gt;setCustomValidity()&lt;/a&gt;&lt;/code&gt; method to ho=
ok into the client-side
+  validation mechanism.&lt;/p&gt;
+
+
+  &lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The following common &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element content
+   attributes, IDL attributes, and methods &lt;a href=3D#concept-input-a=
pply title=3Dconcept-input-apply&gt;apply&lt;/a&gt; to the element:
+   &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-autoco=
mplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-input-list&gt;=
list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-maxlength&gt;&lt;a href=3D#attr-input-max=
length&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-minlength&gt;&lt;a href=3D#attr-input-min=
length&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-pattern&gt;&lt;a href=3D#attr-input-patte=
rn&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-placeholder&gt;&lt;a href=3D#attr-input-p=
laceholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-readonly&gt;&lt;a href=3D#attr-input-read=
only&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-required&gt;&lt;a href=3D#attr-input-requ=
ired&gt;required&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Dattr-input-size&gt;&lt;a href=3D#attr-input-size&gt;=
size&lt;/a&gt;&lt;/code&gt; content attributes;
+   &lt;code title=3Ddom-input-list&gt;&lt;a href=3D#dom-input-list&gt;li=
st&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-textarea/input-selectionStart&gt;&lt;a href=3D#d=
om-textarea/input-selectionstart&gt;selectionStart&lt;/a&gt;&lt;/code&gt;=
,
+   &lt;code title=3Ddom-textarea/input-selectionEnd&gt;&lt;a href=3D#dom=
-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;&lt;/code&gt;,=20
+   &lt;code title=3Ddom-textarea/input-selectionDirection&gt;&lt;a href=3D=
#dom-textarea/input-selectiondirection&gt;selectionDirection&lt;/a&gt;&lt=
;/code&gt;, and
+   &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;=
value&lt;/a&gt;&lt;/code&gt; IDL attributes;
+   &lt;code title=3Ddom-textarea/input-select&gt;&lt;a href=3D#dom-texta=
rea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-textarea/input-setRangeText&gt;&lt;a href=3D#dom=
-textarea/input-setrangetext&gt;setRangeText()&lt;/a&gt;&lt;/code&gt;, an=
d
+   &lt;code title=3Ddom-textarea/input-setSelectionRange&gt;&lt;a href=3D=
#dom-textarea/input-setselectionrange&gt;setSelectionRange()&lt;/a&gt;&lt=
;/code&gt; methods.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute is
+   in mode &lt;a href=3D#dom-input-value-value title=3Ddom-input-value-v=
alue&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Devent-input-input&gt;&lt;a href=3D#even=
t-input-input&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Devent-=
input-change&gt;&lt;a href=3D#event-input-change&gt;change&lt;/a&gt;&lt;/=
code&gt; events &lt;a href=3D#concept-input-apply title=3Dconcept-input-a=
pply&gt;apply&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not
+   apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formenctype&gt;&lt;a href=
=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formnovalidate&gt;&lt;a h=
ref=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formtarget&gt;&lt;a href=3D=
#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-max&gt;&lt;a href=3D#a=
ttr-input-max&gt;max&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-min&gt;&lt;a href=3D#a=
ttr-input-min&gt;min&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-step&gt;&lt;a href=3D#=
attr-input-step&gt;step&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Ddom-input-checked&gt;&lt;a href=3D=
#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-files&gt;&lt;a href=3D#=
dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsDate&gt;&lt;a hr=
ef=3D#dom-input-valueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsNumber&gt;&lt;a =
href=3D#dom-input-valueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; I=
DL attributes;
+   &lt;code class=3Dno-backref title=3Ddom-input-stepDown&gt;&lt;a href=3D=
#dom-input-stepdown&gt;stepDown()&lt;/a&gt;&lt;/code&gt; and
+   &lt;code class=3Dno-backref title=3Ddom-input-stepUp&gt;&lt;a href=3D=
#dom-input-stepup&gt;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3D&quot;url-state-(type=3Durl)&quot;&gt;&lt;span class=3Dsec=
no&gt;4.10.5.1.4 &lt;/span&gt;&lt;dfn title=3Dattr-input-type-url&gt;URL&=
lt;/dfn&gt; state (&lt;code title=3D&quot;&quot;&gt;type=3Durl&lt;/code&g=
t;)&lt;/h6&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#url-state-(type=3Durl)&quot; title=3Dattr-inpu=
t-type-url&gt;URL&lt;/a&gt; state, the rules in this section apply.&lt;/p=
&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; a control for editing a single
+  &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt; given in the elem=
ent's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt=
;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a h=
ref=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, the user agent =
should allow the
+  user to change the URL represented by its &lt;a href=3D#concept-fe-val=
ue title=3Dconcept-fe-value&gt;value&lt;/a&gt;. User agents
+  may allow the user to set the &lt;a href=3D#concept-fe-value title=3Dc=
oncept-fe-value&gt;value&lt;/a&gt; to a string that is not
+  a &lt;a href=3D#valid-url title=3D&quot;valid URL&quot;&gt;valid&lt;/a=
&gt; &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt;, but may also o=
r instead
+  automatically escape characters entered by the user so that the &lt;a =
href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; is a=
lways a &lt;a href=3D#valid-url title=3D&quot;valid URL&quot;&gt;valid&lt=
;/a&gt;
+  &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt; (even if that isn=
't the actual value seen and edited by the user in the
+  interface). User agents should allow the user to set the &lt;a href=3D=
#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; to the empt=
y string. User agents must not allow users to
+  insert U+000A LINE FEED (LF) or U+000D CARRIAGE RETURN (CR) characters=
 into the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;valu=
e&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr-i=
nput-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if specified and no=
t empty, must
+  have a value that is a &lt;a href=3D#valid-url-potentially-surrounded-=
by-spaces&gt;valid URL potentially surrounded by spaces&lt;/a&gt; that is=
 also an
+  &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#value-sanitization-algorithm&=
gt;value sanitization algorithm&lt;/a&gt; is as follows&lt;/strong&gt;: &=
lt;a href=3D#strip-line-breaks&gt;Strip line
+  breaks&lt;/a&gt; from the &lt;a href=3D#concept-fe-value title=3Dconce=
pt-fe-value&gt;value&lt;/a&gt;, then &lt;a href=3D#strip-leading-and-trai=
ling-whitespace&gt;strip leading and
+  trailing whitespace&lt;/a&gt; from the &lt;a href=3D#concept-fe-value =
title=3Dconcept-fe-value&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: While the=
 &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&g=
t;
+  of the element is neither the empty string nor a &lt;a href=3D#valid-u=
rl title=3D&quot;valid URL&quot;&gt;valid&lt;/a&gt;
+  &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt;, the element is &=
lt;a href=3D#suffering-from-a-type-mismatch&gt;suffering from a type mism=
atch&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The following common &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element content
+   attributes, IDL attributes, and methods &lt;a href=3D#concept-input-a=
pply title=3Dconcept-input-apply&gt;apply&lt;/a&gt; to the element:
+   &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-autoco=
mplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-input-list&gt;=
list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-maxlength&gt;&lt;a href=3D#attr-input-max=
length&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-minlength&gt;&lt;a href=3D#attr-input-min=
length&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-pattern&gt;&lt;a href=3D#attr-input-patte=
rn&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-placeholder&gt;&lt;a href=3D#attr-input-p=
laceholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-readonly&gt;&lt;a href=3D#attr-input-read=
only&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-required&gt;&lt;a href=3D#attr-input-requ=
ired&gt;required&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Dattr-input-size&gt;&lt;a href=3D#attr-input-size&gt;=
size&lt;/a&gt;&lt;/code&gt; content attributes;
+   &lt;code title=3Ddom-input-list&gt;&lt;a href=3D#dom-input-list&gt;li=
st&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-textarea/input-selectionStart&gt;&lt;a href=3D#d=
om-textarea/input-selectionstart&gt;selectionStart&lt;/a&gt;&lt;/code&gt;=
,
+   &lt;code title=3Ddom-textarea/input-selectionEnd&gt;&lt;a href=3D#dom=
-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-textarea/input-selectionDirection&gt;&lt;a href=3D=
#dom-textarea/input-selectiondirection&gt;selectionDirection&lt;/a&gt;&lt=
;/code&gt;, and
+   &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;=
value&lt;/a&gt;&lt;/code&gt; IDL attributes;
+   &lt;code title=3Ddom-textarea/input-select&gt;&lt;a href=3D#dom-texta=
rea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-textarea/input-setRangeText&gt;&lt;a href=3D#dom=
-textarea/input-setrangetext&gt;setRangeText()&lt;/a&gt;&lt;/code&gt;, an=
d
+   &lt;code title=3Ddom-textarea/input-setSelectionRange&gt;&lt;a href=3D=
#dom-textarea/input-setselectionrange&gt;setSelectionRange()&lt;/a&gt;&lt=
;/code&gt; methods.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute is
+   in mode &lt;a href=3D#dom-input-value-value title=3Ddom-input-value-v=
alue&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Devent-input-input&gt;&lt;a href=3D#even=
t-input-input&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Devent-=
input-change&gt;&lt;a href=3D#event-input-change&gt;change&lt;/a&gt;&lt;/=
code&gt; events &lt;a href=3D#concept-input-apply title=3Dconcept-input-a=
pply&gt;apply&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not
+   apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formenctype&gt;&lt;a href=
=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formnovalidate&gt;&lt;a h=
ref=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formtarget&gt;&lt;a href=3D=
#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-max&gt;&lt;a href=3D#a=
ttr-input-max&gt;max&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-min&gt;&lt;a href=3D#a=
ttr-input-min&gt;min&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-step&gt;&lt;a href=3D#=
attr-input-step&gt;step&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Ddom-input-checked&gt;&lt;a href=3D=
#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-files&gt;&lt;a href=3D#=
dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsDate&gt;&lt;a hr=
ef=3D#dom-input-valueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsNumber&gt;&lt;a =
href=3D#dom-input-valueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; I=
DL attributes;
+   &lt;code class=3Dno-backref title=3Ddom-input-stepDown&gt;&lt;a href=3D=
#dom-input-stepdown&gt;stepDown()&lt;/a&gt;&lt;/code&gt; and
+   &lt;code class=3Dno-backref title=3Ddom-input-stepUp&gt;&lt;a href=3D=
#dom-input-stepup&gt;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;If a document contained the following markup:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;input type=3D&quot;url&quot; name=3D&quot;location=
&quot; list=3D&quot;urls&quot;&amp;gt;
+&amp;lt;datalist id=3D&quot;urls&quot;&amp;gt;
+ &amp;lt;option label=3D&quot;MIME: Format of Internet Message Bodies&qu=
ot; value=3D&quot;http://tools.ietf.org/html/rfc2045&quot;&amp;gt;
+ &amp;lt;option label=3D&quot;HTML 4.01 Specification&quot; value=3D&quo=
t;http://www.w3.org/TR/html4/&quot;&amp;gt;
+ &amp;lt;option label=3D&quot;Form Controls&quot; value=3D&quot;http://w=
ww.w3.org/TR/xforms/slice8.html#ui-commonelems-hint&quot;&amp;gt;
+ &amp;lt;option label=3D&quot;Scalable Vector Graphics (SVG) 1.1 Specifi=
cation&quot; value=3D&quot;http://www.w3.org/TR/SVG/&quot;&amp;gt;
+ &amp;lt;option label=3D&quot;Feature Sets - SVG 1.1 - 20030114&quot; va=
lue=3D&quot;http://www.w3.org/TR/SVG/feature.html&quot;&amp;gt;
+ &amp;lt;option label=3D&quot;The Single UNIX Specification, Version 3&q=
uot; value=3D&quot;http://www.unix-systems.org/version3/&quot;&amp;gt;
+&amp;lt;/datalist&amp;gt;
+&lt;/pre&gt;
+
+   &lt;p&gt;...and the user had typed &quot;&lt;kbd&gt;www.w3&lt;/kbd&gt=
;&quot;, and the user agent had also found that the user
+   had visited &lt;code&gt;http://www.w3.org/Consortium/#membership&lt;/=
code&gt; and
+   &lt;code&gt;http://www.w3.org/TR/XForms/&lt;/code&gt; in the recent p=
ast, then the rendering might look like
+   this:&lt;/p&gt;
+
+   &lt;p&gt;&lt;img src=3Dhttp://images.whatwg.org/sample-url.png width=3D=
472 alt=3D'A text box with an icon on the left followed by the text &quot=
;www.w3&quot; and a cursor, with a drop down button on the right hand sid=
e; with, below, a drop down box containing a list of six URLs on the left=
, with the first four having grayed out labels on the right; and a scroll=
 bar to the right of the drop down box, indicating further values are ava=
ilable.' height=3D134&gt;&lt;/p&gt;
+
+   &lt;p&gt;The first four URLs in this sample consist of the four URLs =
in the author-specified list that
+   match the text the user has entered, sorted in some UA-defined manner=
 (maybe by how frequently
+   the user refers to those URLs). Note how the UA is using the knowledg=
e that the values are URLs
+   to allow the user to omit the scheme part and perform intelligent mat=
ching on the domain
+   name.&lt;/p&gt;
+
+   &lt;p&gt;The last two URLs (and probably many more, given the scrollb=
ar's indications of more values
+   being available) are the matches from the user agent's session histor=
y data. This data is not
+   made available to the page DOM. In this particular case, the UA has n=
o titles to provide for
+   those values.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3D&quot;e-mail-state-(type=3Demail)&quot;&gt;&lt;span class=3D=
secno&gt;4.10.5.1.5 &lt;/span&gt;&lt;dfn title=3Dattr-input-type-email&gt=
;E-mail&lt;/dfn&gt; state (&lt;code title=3D&quot;&quot;&gt;type=3Demail&=
lt;/code&gt;)&lt;/h6&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#e-mail-state-(type=3Demail)&quot; title=3Dattr=
-input-type-email&gt;E-mail&lt;/a&gt; state, the rules in this section ap=
ply.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;How the &lt;a href=3D&quot;#e-mail-state-(type=3Demail)&quot;=
 title=3Dattr-input-type-email&gt;E-mail&lt;/a&gt; state operates depends=
 on whether the
+  &lt;code title=3Dattr-input-multiple&gt;&lt;a href=3D#attr-input-multi=
ple&gt;multiple&lt;/a&gt;&lt;/code&gt; attribute is specified or not.&lt;=
/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;When the &lt;code title=3Dattr-inpu=
t-multiple&gt;&lt;a href=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;=
/code&gt; attribute is not specified on the
+   element&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt=
;/a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a=
&gt; a control for editing an e-mail
+    address given in the element's &lt;a href=3D#concept-fe-value title=3D=
concept-fe-value&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;div class=3Dimpl&gt;
+
+    &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a=
 href=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, the user agen=
t should allow the
+    user to change the e-mail address represented by its &lt;a href=3D#c=
oncept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt;. User agents =
may allow the user to set the &lt;a href=3D#concept-fe-value title=3Dconc=
ept-fe-value&gt;value&lt;/a&gt; to a string that is not a &lt;a href=3D#v=
alid-e-mail-address&gt;valid e-mail
+    address&lt;/a&gt;. The user agent should act in a manner consistent =
with expecting the user to
+    provide a single e-mail address. User agents should allow the user t=
o set the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;valu=
e&lt;/a&gt; to the empty string. User agents must not allow users to
+    insert U+000A LINE FEED (LF) or U+000D CARRIAGE RETURN (CR) characte=
rs into the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;va=
lue&lt;/a&gt;. User agents may transform the &lt;a href=3D#concept-fe-val=
ue title=3Dconcept-fe-value&gt;value&lt;/a&gt; for display and editing; i=
n particular, user agents should
+    convert punycode in the &lt;a href=3D#concept-fe-value title=3Dconce=
pt-fe-value&gt;value&lt;/a&gt; to IDN in the display and
+    vice versa.&lt;/p&gt;
+
+    &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: While t=
he user interface is representing input that
+    the user agent cannot convert to punycode, the control is &lt;a href=
=3D#suffering-from-bad-input&gt;suffering from bad
+    input&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;/div&gt;
+
+    &lt;p&gt;The &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr=
-input-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if specified and =
not empty, must
+    have a value that is a single &lt;a href=3D#valid-e-mail-address&gt;=
valid e-mail address&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;div class=3Dimpl&gt;
+
+    &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#value-sanitization-algorith=
m&gt;value sanitization algorithm&lt;/a&gt; is as follows&lt;/strong&gt;:=
 &lt;a href=3D#strip-line-breaks&gt;Strip
+    line breaks&lt;/a&gt; from the &lt;a href=3D#concept-fe-value title=3D=
concept-fe-value&gt;value&lt;/a&gt;, then &lt;a href=3D#strip-leading-and=
-trailing-whitespace&gt;strip
+    leading and trailing whitespace&lt;/a&gt; from the &lt;a href=3D#con=
cept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;When the &lt;code title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt; attribute is r=
emoved, the user
+    agent must run the &lt;a href=3D#value-sanitization-algorithm&gt;val=
ue sanitization algorithm&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: While t=
he &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a=
&gt;
+    of the element is neither the empty string nor a single &lt;a href=3D=
#valid-e-mail-address&gt;valid e-mail address&lt;/a&gt;, the
+    element is &lt;a href=3D#suffering-from-a-type-mismatch&gt;suffering=
 from a type mismatch&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;/div&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;When the &lt;code title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt; attribute &lt;=
em&gt;is&lt;/em&gt; specified on
+   the element&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;div class=3Dimpl&gt;
+
+    &lt;p&gt;The element's &lt;a href=3D#concept-fe-values title=3Dconce=
pt-fe-values&gt;value&lt;em&gt;s&lt;/em&gt;&lt;/a&gt; are the result of &=
lt;a href=3D#split-a-string-on-commas title=3D&quot;split a string on com=
mas&quot;&gt;splitting on commas&lt;/a&gt; the element's &lt;a href=3D#co=
ncept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;/div&gt;
+
+    &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt=
;/a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a=
&gt; a control for adding, removing, and
+    editing the e-mail addresses given in the element's &lt;a href=3D#co=
ncept-fe-values title=3Dconcept-fe-values&gt;value&lt;em&gt;s&lt;/em&gt;&=
lt;/a&gt;.&lt;/p&gt;
+
+    &lt;div class=3Dimpl&gt;
+
+    &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a=
 href=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, the user agen=
t should allow the
+    user to add, remove, and edit the e-mail addresses represented by it=
s &lt;a href=3D#concept-fe-values title=3Dconcept-fe-values&gt;value&lt;e=
m&gt;s&lt;/em&gt;&lt;/a&gt;. User agents may allow the user to set any
+    individual value in the list of &lt;a href=3D#concept-fe-value title=
=3Dconcept-fe-value&gt;value&lt;em&gt;s&lt;/em&gt;&lt;/a&gt; to a
+    string that is not a &lt;a href=3D#valid-e-mail-address&gt;valid e-m=
ail address&lt;/a&gt;, but must not allow users to set any
+    individual value to a string containing U+002C COMMA (,), U+000A LIN=
E FEED (LF), or U+000D
+    CARRIAGE RETURN (CR) characters. User agents should allow the user t=
o remove all the addresses
+    in the element's &lt;a href=3D#concept-fe-values title=3Dconcept-fe-=
values&gt;value&lt;em&gt;s&lt;/em&gt;&lt;/a&gt;. User agents may
+    transform the &lt;a href=3D#concept-fe-values title=3Dconcept-fe-val=
ues&gt;value&lt;em&gt;s&lt;/em&gt;&lt;/a&gt; for display and editing; in
+    particular, user agents should convert punycode in the &lt;a href=3D=
#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; to IDN in t=
he display and vice versa.&lt;/p&gt;
+
+    &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: While t=
he user interface describes a situation where
+    an individual value contains a U+002C COMMA (,) or is representing i=
nput that the user agent
+    cannot convert to punycode, the control is &lt;a href=3D#suffering-f=
rom-bad-input&gt;suffering from bad input&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Whenever the user changes the element's &lt;a href=3D#conce=
pt-fe-value title=3Dconcept-fe-value&gt;value&lt;em&gt;s&lt;/em&gt;&lt;/a=
&gt;, the user agent must run the following
+    steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;lat=
est values&lt;/var&gt; be a copy of the element's &lt;a href=3D#concept-f=
e-value title=3Dconcept-fe-value&gt;value&lt;em&gt;s&lt;/em&gt;&lt;/a&gt;=
.&lt;/li&gt;
+
+     &lt;!-- It's a copy because /values/ might include leading and trai=
ling spaces that we don't
+     necessarily want to remove from the UI but that we do want to remov=
e before serialising. --&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#strip-leading-and-trailing-whitesp=
ace&gt;Strip leading and trailing whitespace&lt;/a&gt; from each value in=
 &lt;var title=3D&quot;&quot;&gt;latest values&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let the element's &lt;a href=3D#concept-fe-value=
 title=3Dconcept-fe-value&gt;value&lt;/a&gt; be the result of
+     concatenating all the values in &lt;var title=3D&quot;&quot;&gt;lat=
est values&lt;/var&gt;, separating each value from
+     the next by a single U+002C COMMA character (,), maintaining the li=
st's order.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/div&gt;
+
+    &lt;p&gt;The &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr=
-input-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if specified, mus=
t have a value
+    that is a &lt;a href=3D#valid-e-mail-address-list&gt;valid e-mail ad=
dress list&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;div class=3Dimpl&gt;
+
+    &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#value-sanitization-algorith=
m&gt;value sanitization algorithm&lt;/a&gt; is as follows&lt;/strong&gt;:=
&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#split-a-string-on-commas =
title=3D&quot;split a string on commas&quot;&gt;Split on commas&lt;/a&gt;=
 the element's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt=
;value&lt;/a&gt;, &lt;a href=3D#strip-leading-and-trailing-whitespace&gt;=
strip leading and trailing whitespace&lt;/a&gt; from
+     each resulting token, if any, and let the element's &lt;a href=3D#c=
oncept-fe-values title=3Dconcept-fe-values&gt;value&lt;em&gt;s&lt;/em&gt;=
&lt;/a&gt; be the (possibly empty) resulting list of
+     (possibly empty) tokens, maintaining the original order.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let the element's &lt;a href=3D#concept-fe-value=
 title=3Dconcept-fe-value&gt;value&lt;/a&gt; be the result of
+     concatenating the element's &lt;a href=3D#concept-fe-values title=3D=
concept-fe-values&gt;value&lt;em&gt;s&lt;/em&gt;&lt;/a&gt;, separating
+     each value from the next by a single U+002C COMMA character (,), ma=
intaining the list's
+     order.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;p&gt;When the &lt;code title=3Dattr-input-multiple&gt=
;&lt;a href=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt; att=
ribute is set, the user agent
+    must run the &lt;a href=3D#value-sanitization-algorithm&gt;value san=
itization algorithm&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: While t=
he &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a=
&gt;
+    of the element is not a &lt;a href=3D#valid-e-mail-address-list&gt;v=
alid e-mail address list&lt;/a&gt;, the element is &lt;a href=3D#sufferin=
g-from-a-type-mismatch&gt;suffering
+    from a type mismatch&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;/div&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;A &lt;dfn id=3Dvalid-e-mail-address&gt;valid e-mai=
l address&lt;/dfn&gt; is a string that matches the &lt;code title=3D&quot=
;&quot;&gt;email&lt;/code&gt;
+  production of the following ABNF, the character set for which is Unico=
de. This ABNF implements the
+  extensions described in RFC 1123. &lt;a href=3D#refsABNF&gt;[ABNF]&lt;=
/a&gt; &lt;a href=3D#refsRFC5322&gt;[RFC5322]&lt;/a&gt; &lt;a href=3D#ref=
sRFC1034&gt;[RFC1034]&lt;/a&gt; &lt;a href=3D#refsRFC1123&gt;[RFC1123]&lt=
;/a&gt;&lt;/p&gt;
+
+  &lt;pre&gt;email         =3D 1*( atext / &quot;.&quot; ) &quot;@&quot;=
 label *( &quot;.&quot; label )
+label         =3D let-dig [ [ ldh-str ] let-dig ]  ; limited to a length=
 of 63 characters by &lt;a href=3Dhttp://tools.ietf.org/html/rfc1034#sect=
ion-3.5&gt;RFC 1034 section 3.5&lt;/a&gt;
+atext         =3D &amp;lt; as defined in &lt;a href=3Dhttp://tools.ietf.=
org/html/rfc5322#section-3.2.3&gt;RFC 5322 section 3.2.3&lt;/a&gt; &amp;g=
t;
+let-dig       =3D &amp;lt; as defined in &lt;a href=3Dhttp://tools.ietf.=
org/html/rfc1034#section-3.5&gt;RFC 1034 section 3.5&lt;/a&gt; &amp;gt;
+ldh-str       =3D &amp;lt; as defined in &lt;a href=3Dhttp://tools.ietf.=
org/html/rfc1034#section-3.5&gt;RFC 1034 section 3.5&lt;/a&gt; &amp;gt;&l=
t;/pre&gt;
+
+  &lt;!-- Domain syntax based on section 3.5 of [RFC1034] and section 2.=
1 of [RFC1123] --&gt;
+
+  &lt;p class=3Dnote&gt;This requirement is a &lt;a href=3D#willful-viol=
ation&gt;willful violation&lt;/a&gt; of RFC 5322, which defines a
+  syntax for e-mail addresses that is simultaneously too strict (before =
the &quot;@&quot; character), too
+  vague (after the &quot;@&quot; character), and too lax (allowing comme=
nts, whitespace characters, and quoted
+  strings in manners unfamiliar to most users) to be of practical use he=
re.&lt;/p&gt;
+
+  &lt;div class=3Dnote&gt;
+
+   &lt;!--&lt;p&gt;&lt;i&gt;This note, like all notes, is non-normative.=
 In case of a conflict
+   between this note and the above definition, the above definition take=
s precedence. Please report
+   any such inconsistencies!&lt;/i&gt;&lt;/p&gt;--&gt;
+
+   &lt;p&gt;The following JavaScript- and Perl-compatible regular expres=
sion is an implementation of the
+   above definition.&lt;/p&gt;
+
+   &lt;pre&gt;/^[a-zA-Z0-9.!#$%&amp;amp;'*+/=3D?^_`{|}~-]+@[a-zA-Z0-9](?=
:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-z=
A-Z0-9])?)*$/&lt;/pre&gt;
+
+   &lt;!-- based on: http://blog.gerv.net/2011/05/html5_email_address_re=
gexp/ --&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;A &lt;dfn id=3Dvalid-e-mail-address-list&gt;valid e-mail addr=
ess list&lt;/dfn&gt; is a &lt;a href=3D#set-of-comma-separated-tokens&gt;=
set of comma-separated tokens&lt;/a&gt;, where
+  each token is itself a &lt;a href=3D#valid-e-mail-address&gt;valid e-m=
ail address&lt;/a&gt;. &lt;span class=3Dimpl&gt;To obtain the list of
+  tokens from a &lt;a href=3D#valid-e-mail-address-list&gt;valid e-mail =
address list&lt;/a&gt;, and implementation must &lt;a href=3D#split-a-str=
ing-on-commas title=3D&quot;split a
+  string on commas&quot;&gt;split the string on commas&lt;/a&gt;.&lt;/sp=
an&gt;&lt;/p&gt;
+
+  &lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The following common &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element content
+   attributes, IDL attributes, and methods &lt;a href=3D#concept-input-a=
pply title=3Dconcept-input-apply&gt;apply&lt;/a&gt; to the element:
+   &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-autoco=
mplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-input-list&gt;=
list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-maxlength&gt;&lt;a href=3D#attr-input-max=
length&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-minlength&gt;&lt;a href=3D#attr-input-min=
length&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-multiple&gt;&lt;a href=3D#attr-input-mult=
iple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-pattern&gt;&lt;a href=3D#attr-input-patte=
rn&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-placeholder&gt;&lt;a href=3D#attr-input-p=
laceholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-readonly&gt;&lt;a href=3D#attr-input-read=
only&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-required&gt;&lt;a href=3D#attr-input-requ=
ired&gt;required&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Dattr-input-size&gt;&lt;a href=3D#attr-input-size&gt;=
size&lt;/a&gt;&lt;/code&gt; content attributes;
+   &lt;code title=3Ddom-input-list&gt;&lt;a href=3D#dom-input-list&gt;li=
st&lt;/a&gt;&lt;/code&gt; and
+   &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;=
value&lt;/a&gt;&lt;/code&gt; IDL attributes.&lt;/p&gt;
+
+&lt;!--
+   &lt;p&gt;The following common &lt;code&gt;input&lt;/code&gt; element =
content
+   attributes, IDL attributes, and methods &lt;span title=3D&quot;concep=
t-input-apply&quot;&gt;apply&lt;/span&gt; to the element when
+   the &lt;code title=3D&quot;attr-input-multiple&quot;&gt;multiple&lt;/=
code&gt; attribute is
+   not specified:
+   .&lt;/p&gt;
+--&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute is
+   in mode &lt;a href=3D#dom-input-value-value title=3Ddom-input-value-v=
alue&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Devent-input-input&gt;&lt;a href=3D#even=
t-input-input&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Devent-=
input-change&gt;&lt;a href=3D#event-input-change&gt;change&lt;/a&gt;&lt;/=
code&gt; events &lt;a href=3D#concept-input-apply title=3Dconcept-input-a=
pply&gt;apply&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not
+   apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formenctype&gt;&lt;a href=
=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formnovalidate&gt;&lt;a h=
ref=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formtarget&gt;&lt;a href=3D=
#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-max&gt;&lt;a href=3D#a=
ttr-input-max&gt;max&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-min&gt;&lt;a href=3D#a=
ttr-input-min&gt;min&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-step&gt;&lt;a href=3D#=
attr-input-step&gt;step&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Ddom-input-checked&gt;&lt;a href=3D=
#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-files&gt;&lt;a href=3D#=
dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionStart=
&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionStart&lt;=
/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionEnd&g=
t;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;=
&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionDirec=
tion&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selectionD=
irection&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsDate&gt;&lt;a hr=
ef=3D#dom-input-valueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsNumber&gt;&lt;a =
href=3D#dom-input-valueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; I=
DL attributes;
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-select&gt;&lt;=
a href=3D#dom-textarea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setRangeText&g=
t;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()&lt;/a&g=
t;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setSelectionRa=
nge&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSelection=
Range()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-stepDown&gt;&lt;a href=3D=
#dom-input-stepdown&gt;stepDown()&lt;/a&gt;&lt;/code&gt; and
+   &lt;code class=3Dno-backref title=3Ddom-input-stepUp&gt;&lt;a href=3D=
#dom-input-stepup&gt;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3D&quot;password-state-(type=3Dpassword)&quot;&gt;&lt;span c=
lass=3Dsecno&gt;4.10.5.1.6 &lt;/span&gt;&lt;dfn title=3Dattr-input-type-p=
assword&gt;Password&lt;/dfn&gt; state (&lt;code title=3D&quot;&quot;&gt;t=
ype=3Dpassword&lt;/code&gt;)&lt;/h6&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#password-state-(type=3Dpassword)&quot; title=3D=
attr-input-type-password&gt;Password&lt;/a&gt; state, the rules in this s=
ection
+  apply.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; a one line plain text edit control for
+  the element's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&=
gt;value&lt;/a&gt;. The user agent should obscure the value
+  so that people other than the user cannot see it.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a h=
ref=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, its &lt;a href=3D=
#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; should be e=
ditable by the user. User agents must not allow
+  users to insert U+000A LINE FEED (LF) or U+000D CARRIAGE RETURN (CR) c=
haracters into the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-valu=
e&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr-i=
nput-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if specified, must =
have a value that
+  contains no U+000A LINE FEED (LF) or U+000D CARRIAGE RETURN (CR) chara=
cters.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#value-sanitization-algorithm&=
gt;value sanitization algorithm&lt;/a&gt; is as follows&lt;/strong&gt;: &=
lt;a href=3D#strip-line-breaks&gt;Strip line
+  breaks&lt;/a&gt; from the &lt;a href=3D#concept-fe-value title=3Dconce=
pt-fe-value&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The following common &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element content
+   attributes, IDL attributes, and methods &lt;a href=3D#concept-input-a=
pply title=3Dconcept-input-apply&gt;apply&lt;/a&gt; to the element:
+   &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-autoco=
mplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-fe-inputmode&gt;&lt;a href=3D#attr-fe-inputmode=
&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-maxlength&gt;&lt;a href=3D#attr-input-max=
length&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-minlength&gt;&lt;a href=3D#attr-input-min=
length&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-pattern&gt;&lt;a href=3D#attr-input-patte=
rn&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-placeholder&gt;&lt;a href=3D#attr-input-p=
laceholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-readonly&gt;&lt;a href=3D#attr-input-read=
only&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-required&gt;&lt;a href=3D#attr-input-requ=
ired&gt;required&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Dattr-input-size&gt;&lt;a href=3D#attr-input-size&gt;=
size&lt;/a&gt;&lt;/code&gt; content attributes;
+   &lt;code title=3Ddom-textarea/input-selectionStart&gt;&lt;a href=3D#d=
om-textarea/input-selectionstart&gt;selectionStart&lt;/a&gt;&lt;/code&gt;=
,
+   &lt;code title=3Ddom-textarea/input-selectionEnd&gt;&lt;a href=3D#dom=
-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-textarea/input-selectionDirection&gt;&lt;a href=3D=
#dom-textarea/input-selectiondirection&gt;selectionDirection&lt;/a&gt;&lt=
;/code&gt;, and
+   &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;=
value&lt;/a&gt;&lt;/code&gt; IDL attributes;
+   &lt;code title=3Ddom-textarea/input-select&gt;&lt;a href=3D#dom-texta=
rea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-textarea/input-setRangeText&gt;&lt;a href=3D#dom=
-textarea/input-setrangetext&gt;setRangeText()&lt;/a&gt;&lt;/code&gt;, an=
d
+   &lt;code title=3Ddom-textarea/input-setSelectionRange&gt;&lt;a href=3D=
#dom-textarea/input-setselectionrange&gt;setSelectionRange()&lt;/a&gt;&lt=
;/code&gt; methods.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute is
+   in mode &lt;a href=3D#dom-input-value-value title=3Ddom-input-value-v=
alue&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Devent-input-input&gt;&lt;a href=3D#even=
t-input-input&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Devent-=
input-change&gt;&lt;a href=3D#event-input-change&gt;change&lt;/a&gt;&lt;/=
code&gt; events &lt;a href=3D#concept-input-apply title=3Dconcept-input-a=
pply&gt;apply&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not
+   apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formenctype&gt;&lt;a href=
=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formnovalidate&gt;&lt;a h=
ref=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formtarget&gt;&lt;a href=3D=
#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-list&gt;&lt;a href=3D#=
attr-input-list&gt;list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-max&gt;&lt;a href=3D#a=
ttr-input-max&gt;max&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-min&gt;&lt;a href=3D#a=
ttr-input-min&gt;min&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-step&gt;&lt;a href=3D#=
attr-input-step&gt;step&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Ddom-input-checked&gt;&lt;a href=3D=
#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-files&gt;&lt;a href=3D#=
dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-list&gt;&lt;a href=3D#d=
om-input-list&gt;list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsDate&gt;&lt;a hr=
ef=3D#dom-input-valueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsNumber&gt;&lt;a =
href=3D#dom-input-valueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; I=
DL attributes;
+   &lt;code class=3Dno-backref title=3Ddom-input-stepDown&gt;&lt;a href=3D=
#dom-input-stepdown&gt;stepDown()&lt;/a&gt;&lt;/code&gt; and
+   &lt;code class=3Dno-backref title=3Ddom-input-stepUp&gt;&lt;a href=3D=
#dom-input-stepup&gt;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3D&quot;date-and-time-state-(type=3Ddatetime)&quot;&gt;&lt;s=
pan class=3Dsecno&gt;4.10.5.1.7 &lt;/span&gt;&lt;dfn title=3Dattr-input-t=
ype-datetime&gt;Date and Time&lt;/dfn&gt; state (&lt;code title=3D&quot;&=
quot;&gt;type=3Ddatetime&lt;/code&gt;)&lt;/h6&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#date-and-time-state-(type=3Ddatetime)&quot; ti=
tle=3Dattr-input-type-datetime&gt;Date and Time&lt;/a&gt; state, the rule=
s in this section
+  apply.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; a control for setting the element's
+  &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a=
&gt; to a string representing a specific &lt;a href=3D#concept-datetime t=
itle=3Dconcept-datetime&gt;global date and time&lt;/a&gt;. &lt;span class=
=3Dimpl&gt;User agents may display
+  the date and time in whatever time zone is appropriate for the user.&l=
t;/span&gt;&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a h=
ref=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, the user agent =
should allow the
+  user to change the &lt;a href=3D#concept-datetime title=3Dconcept-date=
time&gt;global date and time&lt;/a&gt; represented by its
+  &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a=
&gt;, as obtained by &lt;a href=3D#parse-a-global-date-and-time-string ti=
tle=3D&quot;parse a global date and
+  time string&quot;&gt;parsing a global date and time&lt;/a&gt; from it.=
 User agents must not allow the user to
+  set the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;val=
ue&lt;/a&gt; to a non-empty string that is not a
+  &lt;a href=3D#valid-normalized-forced-utc-global-date-and-time-string&=
gt;valid normalized forced-UTC global date and time string&lt;/a&gt;, tho=
ugh user agents may allow
+  the user to set and view the time in another time zone and silently tr=
anslate the time to and from
+  the UTC time zone in the &lt;a href=3D#concept-fe-value title=3Dconcep=
t-fe-value&gt;value&lt;/a&gt;. If the user agent provides a
+  user interface for selecting a &lt;a href=3D#concept-datetime title=3D=
concept-datetime&gt;global date and time&lt;/a&gt;, then
+  the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&l=
t;/a&gt; must be set to a &lt;a href=3D#valid-normalized-forced-utc-globa=
l-date-and-time-string&gt;valid normalized forced-UTC
+  global date and time string&lt;/a&gt; representing the user's selectio=
n. User agents should allow the
+  user to set the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-valu=
e&gt;value&lt;/a&gt; to the empty string.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: While the=
 user interface describes input that the user
+  agent cannot convert to a &lt;a href=3D#valid-normalized-forced-utc-gl=
obal-date-and-time-string&gt;valid normalized forced-UTC global date and =
time string&lt;/a&gt;,
+  the control is &lt;a href=3D#suffering-from-bad-input&gt;suffering fro=
m bad input&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;See the &lt;a href=3D#input-author-notes&gt;intr=
oduction section&lt;/a&gt; for a discussion of
+  the difference between the input format and submission format for date=
, time, and number form
+  controls&lt;span class=3Dimpl&gt;, and the &lt;a href=3D#input-impl-no=
tes&gt;implementation notes&lt;/a&gt;
+  regarding localization of form controls&lt;/span&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr-i=
nput-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if specified and no=
t empty, must
+  have a value that is a &lt;a href=3D#valid-global-date-and-time-string=
&gt;valid global date and time string&lt;/a&gt;.&lt;/p&gt; &lt;!-- ok to =
set
+  out-of-range value, we never know when we might have to represent bogu=
s input; also ok to be
+  non-UTC, we convert it --&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#value-sanitization-algorithm&=
gt;value sanitization algorithm&lt;/a&gt; is as follows&lt;/strong&gt;: I=
f the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt=
;/a&gt; of the element is a &lt;a href=3D#valid-global-date-and-time-stri=
ng&gt;valid global date and time
+  string&lt;/a&gt;, then adjust the time so that the &lt;a href=3D#conce=
pt-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt;
+  represents the same point in time but expressed in the UTC time zone a=
s a &lt;a href=3D#valid-normalized-forced-utc-global-date-and-time-string=
&gt;valid normalized
+  forced-UTC global date and time string&lt;/a&gt;, otherwise, set it to=
 the empty string instead.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-inp=
ut-min&gt;min&lt;/a&gt;&lt;/code&gt; attribute, if specified, must have a=
 value that is
+  a &lt;a href=3D#valid-global-date-and-time-string&gt;valid global date=
 and time string&lt;/a&gt;. The &lt;code title=3Dattr-input-max&gt;&lt;a =
href=3D#attr-input-max&gt;max&lt;/a&gt;&lt;/code&gt;
+  attribute, if specified, must have a value that is a &lt;a href=3D#val=
id-global-date-and-time-string&gt;valid global date and time
+  string&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-in=
put-step&gt;step&lt;/a&gt;&lt;/code&gt; attribute is expressed in seconds=
. &lt;span class=3Dimpl&gt;The &lt;a href=3D#concept-input-step-scale tit=
le=3Dconcept-input-step-scale&gt;step scale factor&lt;/a&gt; is 1000 (whi=
ch
+  converts the seconds to milliseconds, as used in the other algorithms)=
.&lt;/span&gt; The &lt;a href=3D#concept-input-step-default title=3Dconce=
pt-input-step-default&gt;default step&lt;/a&gt; is 60 seconds.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When the element is &lt;a href=3D#suffering-from-a-step-misma=
tch&gt;suffering from a step mismatch&lt;/a&gt;, the user agent may round=
 the
+  element's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;v=
alue&lt;/a&gt; to the nearest &lt;a href=3D#concept-datetime title=3Dconc=
ept-datetime&gt;global date and time&lt;/a&gt; for which the element woul=
d not &lt;a href=3D#suffering-from-a-step-mismatch title=3D&quot;sufferin=
g from a step mismatch&quot;&gt;suffer from a step mismatch&lt;/a&gt;.&lt=
;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-string-nu=
mber title=3Dconcept-input-value-string-number&gt;algorithm to convert a =
string to a
+  number&lt;/a&gt;, given a string &lt;var title=3D&quot;&quot;&gt;input=
&lt;/var&gt;, is as follows&lt;/strong&gt;: If &lt;a href=3D#parse-a-glob=
al-date-and-time-string title=3D&quot;parse a global date and time string=
&quot;&gt;parsing a global date and time&lt;/a&gt; from &lt;var title=3D&=
quot;&quot;&gt;input&lt;/var&gt; results in an error, then return an erro=
r; otherwise, return the number of
+  milliseconds elapsed from midnight UTC on the morning of 1970-01-01 (t=
he time represented by the
+  value &quot;&lt;code title=3D&quot;&quot;&gt;1970-01-01T00:00:00.0Z&lt=
;/code&gt;&quot;) to the parsed &lt;a href=3D#concept-datetime title=3Dco=
ncept-datetime&gt;global date and time&lt;/a&gt;, ignoring leap seconds.&=
lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-number-st=
ring title=3Dconcept-input-value-number-string&gt;algorithm to convert a =
number to a
+  string&lt;/a&gt;, given a number &lt;var title=3D&quot;&quot;&gt;input=
&lt;/var&gt;, is as follows&lt;/strong&gt;: Return a
+  &lt;a href=3D#valid-normalized-forced-utc-global-date-and-time-string&=
gt;valid normalized forced-UTC global date and time string&lt;/a&gt; that=
 represents the &lt;a href=3D#concept-datetime title=3Dconcept-datetime&g=
t;global date and time&lt;/a&gt; that is &lt;var title=3D&quot;&quot;&gt;=
input&lt;/var&gt;
+  milliseconds after midnight UTC on the morning of 1970-01-01 (the time=
 represented by the value
+  &quot;&lt;code title=3D&quot;&quot;&gt;1970-01-01T00:00:00.0Z&lt;/code=
&gt;&quot;).&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-string-da=
te title=3Dconcept-input-value-string-date&gt;algorithm to convert a stri=
ng to a
+  &lt;code&gt;Date&lt;/code&gt; object&lt;/a&gt;, given a string &lt;var=
 title=3D&quot;&quot;&gt;input&lt;/var&gt;, is as follows&lt;/strong&gt;:
+  If &lt;a href=3D#parse-a-global-date-and-time-string title=3D&quot;par=
se a global date and time string&quot;&gt;parsing a global date and time&=
lt;/a&gt; from
+  &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt; results in an error,=
 then return an error; otherwise, return &lt;a href=3D#create-a-date-obje=
ct title=3D&quot;create a Date object&quot;&gt;a new &lt;code&gt;Date&lt;=
/code&gt; object&lt;/a&gt; representing the parsed &lt;a href=3D#concept-=
datetime title=3Dconcept-datetime&gt;global date and time&lt;/a&gt;, expr=
essed in UTC.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-date-stri=
ng title=3Dconcept-input-value-date-string&gt;algorithm to convert a
+  &lt;code&gt;Date&lt;/code&gt; object to a string&lt;/a&gt;, given a &l=
t;code&gt;Date&lt;/code&gt; object &lt;var title=3D&quot;&quot;&gt;input&=
lt;/var&gt;, is as follows&lt;/strong&gt;: Return a &lt;a href=3D#valid-n=
ormalized-forced-utc-global-date-and-time-string&gt;valid normalized forc=
ed-UTC global
+  date and time string&lt;/a&gt; that represents the &lt;a href=3D#conce=
pt-datetime title=3Dconcept-datetime&gt;global date and
+  time&lt;/a&gt; that is represented by &lt;var title=3D&quot;&quot;&gt;=
input&lt;/var&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dnote id=3Donly-contemporary-times&gt;
+
+   &lt;p&gt;The &lt;a href=3D&quot;#date-and-time-state-(type=3Ddatetime=
)&quot; title=3Dattr-input-type-datetime&gt;Date and Time&lt;/a&gt; state=
 (and other date- and
+   time-related states described in subsequent sections) is not intended=
 for the entry of values for
+   which a precise date and time relative to the contemporary calendar c=
annot be established. For
+   example, it would be inappropriate for the entry of times like &quot;=
one millisecond after the big
+   bang&quot;, &quot;the early part of the Jurassic period&quot;, or &qu=
ot;a winter around 250 BCE&quot;.&lt;/p&gt;
+
+   &lt;p&gt;For the input of dates before the introduction of the Gregor=
ian calendar, authors are
+   encouraged to not use the &lt;a href=3D&quot;#date-and-time-state-(ty=
pe=3Ddatetime)&quot; title=3Dattr-input-type-datetime&gt;Date and Time&lt=
;/a&gt; state (and
+   the other date- and time-related states described in subsequent secti=
ons), as user agents are not
+   required to support converting dates and times from earlier periods t=
o the Gregorian calendar,
+   and asking users to do so manually puts an undue burden on users. (Th=
is is complicated by the
+   manner in which the Gregorian calendar was phased in, which occurred =
at different times in
+   different countries, ranging from partway through the 16th century al=
l the way to early in the
+   20th.) Instead, authors are encouraged to provide fine-grained input =
controls using the
+   &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;/=
code&gt; element and &lt;code&gt;&lt;a href=3D#the-input-element&gt;input=
&lt;/a&gt;&lt;/code&gt; elements with the &lt;a href=3D&quot;#number-stat=
e-(type=3Dnumber)&quot; title=3Dattr-input-type-number&gt;Number&lt;/a&gt=
; state.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The following common &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element content
+   attributes, IDL attributes, and methods &lt;a href=3D#concept-input-a=
pply title=3Dconcept-input-apply&gt;apply&lt;/a&gt; to the element:
+   &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-autoco=
mplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-input-list&gt;=
list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-max&gt;&lt;a href=3D#attr-input-max&gt;ma=
x&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-input-min&gt;mi=
n&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-readonly&gt;&lt;a href=3D#attr-input-read=
only&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-required&gt;&lt;a href=3D#attr-input-requ=
ired&gt;required&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-input-step&gt;=
step&lt;/a&gt;&lt;/code&gt; content attributes;
+   &lt;code title=3Ddom-input-list&gt;&lt;a href=3D#dom-input-list&gt;li=
st&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;=
value&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-input-valueAsDate&gt;&lt;a href=3D#dom-input-val=
ueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Ddom-input-valueAsNumber&gt;&lt;a href=3D#dom-input-v=
alueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; IDL attributes;
+   &lt;code title=3Ddom-input-stepDown&gt;&lt;a href=3D#dom-input-stepdo=
wn&gt;stepDown()&lt;/a&gt;&lt;/code&gt; and
+   &lt;code title=3Ddom-input-stepUp&gt;&lt;a href=3D#dom-input-stepup&g=
t;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute is
+   in mode &lt;a href=3D#dom-input-value-value title=3Ddom-input-value-v=
alue&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Devent-input-input&gt;&lt;a href=3D#even=
t-input-input&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Devent-=
input-change&gt;&lt;a href=3D#event-input-change&gt;change&lt;/a&gt;&lt;/=
code&gt; events &lt;a href=3D#concept-input-apply title=3Dconcept-input-a=
pply&gt;apply&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not
+   apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formenctype&gt;&lt;a href=
=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formnovalidate&gt;&lt;a h=
ref=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formtarget&gt;&lt;a href=3D=
#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-maxlength&gt;&lt;a hre=
f=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-minlength&gt;&lt;a hre=
f=3D#attr-input-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-pattern&gt;&lt;a href=3D=
#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-placeholder&gt;&lt;a h=
ref=3D#attr-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-size&gt;&lt;a href=3D#=
attr-input-size&gt;size&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Ddom-input-checked&gt;&lt;a href=3D=
#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-files&gt;&lt;a href=3D#=
dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionStart=
&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionStart&lt;=
/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionEnd&g=
t;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;=
&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionDirec=
tion&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selectionD=
irection&lt;/a&gt;&lt;/code&gt; IDL attributes;
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-select&gt;&lt;=
a href=3D#dom-textarea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setRangeText&g=
t;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()&lt;/a&g=
t;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setSelectionRa=
nge&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSelection=
Range()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following fragment shows part of a calendar application.=
 A user can specify a date and
+   time for a meeting (in his local time zone, probably, though the user=
 agent can allow the user to
+   change that), and since the submitted data includes the time-zone off=
set, the application can
+   ensure that the meeting is shown at the correct time regardless of th=
e time zones used by all the
+   participants.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;fieldset&amp;gt;
+ &amp;lt;legend&amp;gt;Add Meeting&amp;lt;/legend&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Meeting name: &amp;lt;input type=3D=
text name=3D&quot;meeting.label&quot;&amp;gt;&amp;lt;/label&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Meeting time: &amp;lt;input type=3D=
datetime name=3D&quot;meeting.start&quot;&amp;gt;&amp;lt;/label&amp;gt;
+&amp;lt;/fieldset&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;Had the application used the &lt;code title=3Dattr-input-typ=
e-datetime-local&gt;&lt;a href=3D&quot;#local-date-and-time-state-(type=3D=
datetime-local)&quot;&gt;datetime-local&lt;/a&gt;&lt;/code&gt; type inste=
ad, the calendar
+   application would have also had to explicitly determine which time zo=
ne the user intended.&lt;/p&gt;
+
+   &lt;p&gt;For events where the precise time is to vary as the user tra=
vels (e.g. &quot;celebrate the new
+   year!&quot;), and for recurring events that are to stay at the same t=
ime for a specific geographic
+   location even though that location may go in and out of daylight savi=
ngs time (e.g. &quot;bring the
+   kid to school&quot;), the &lt;code title=3Dattr-input-type-datetime-l=
ocal&gt;&lt;a href=3D&quot;#local-date-and-time-state-(type=3Ddatetime-lo=
cal)&quot;&gt;datetime-local&lt;/a&gt;&lt;/code&gt; type
+   combined with a &lt;code&gt;&lt;a href=3D#the-select-element&gt;selec=
t&lt;/a&gt;&lt;/code&gt; element (or other similar control) to pick the s=
pecific
+   geographic location to which to anchor the time would be more appropr=
iate.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3D&quot;date-state-(type=3Ddate)&quot;&gt;&lt;span class=3Ds=
ecno&gt;4.10.5.1.8 &lt;/span&gt;&lt;dfn title=3Dattr-input-type-date&gt;D=
ate&lt;/dfn&gt; state (&lt;code title=3D&quot;&quot;&gt;type=3Ddate&lt;/c=
ode&gt;)&lt;/h6&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#date-state-(type=3Ddate)&quot; title=3Dattr-in=
put-type-date&gt;Date&lt;/a&gt; state, the rules in this section apply.&l=
t;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; a control for setting the element's
+  &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a=
&gt; to a string representing a specific &lt;a href=3D#concept-date title=
=3Dconcept-date&gt;date&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a h=
ref=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, the user agent =
should allow the
+  user to change the &lt;a href=3D#concept-date title=3Dconcept-date&gt;=
date&lt;/a&gt; represented by its &lt;a href=3D#concept-fe-value title=3D=
concept-fe-value&gt;value&lt;/a&gt;, as obtained by &lt;a href=3D#parse-a=
-date-string title=3D&quot;parse a date string&quot;&gt;parsing a
+  date&lt;/a&gt; from it. User agents must not allow the user to set the=
 &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&g=
t; to a non-empty string that is not a &lt;a href=3D#valid-date-string&gt=
;valid date
+  string&lt;/a&gt;. If the user agent provides a user interface for sele=
cting a &lt;a href=3D#concept-date title=3Dconcept-date&gt;date&lt;/a&gt;=
, then the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;val=
ue&lt;/a&gt; must be set
+  to a &lt;a href=3D#valid-date-string&gt;valid date string&lt;/a&gt; re=
presenting the user's selection. User agents should allow
+  the user to set the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-=
value&gt;value&lt;/a&gt; to the empty string.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: While the=
 user interface describes input that the user
+  agent cannot convert to a &lt;a href=3D#valid-date-string&gt;valid dat=
e string&lt;/a&gt;, the control is &lt;a href=3D#suffering-from-bad-input=
&gt;suffering from bad
+  input&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;See the &lt;a href=3D#input-author-notes&gt;intr=
oduction section&lt;/a&gt; for a discussion of
+  the difference between the input format and submission format for date=
, time, and number form
+  controls&lt;span class=3Dimpl&gt;, and the &lt;a href=3D#input-impl-no=
tes&gt;implementation notes&lt;/a&gt;
+  regarding localization of form controls&lt;/span&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr-i=
nput-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if specified and no=
t empty, must
+  have a value that is a &lt;a href=3D#valid-date-string&gt;valid date s=
tring&lt;/a&gt;.&lt;/p&gt; &lt;!-- ok to set out-of-range value, we
+  never know when we might have to represent bogus input --&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#value-sanitization-algorithm&=
gt;value sanitization algorithm&lt;/a&gt; is as follows&lt;/strong&gt;: I=
f the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt=
;/a&gt; of the element is not a &lt;a href=3D#valid-date-string&gt;valid =
date string&lt;/a&gt;, then
+  set it to the empty string instead.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-inp=
ut-min&gt;min&lt;/a&gt;&lt;/code&gt; attribute, if specified, must have a=
 value that is
+  a &lt;a href=3D#valid-date-string&gt;valid date string&lt;/a&gt;. The =
&lt;code title=3Dattr-input-max&gt;&lt;a href=3D#attr-input-max&gt;max&lt=
;/a&gt;&lt;/code&gt; attribute, if
+  specified, must have a value that is a &lt;a href=3D#valid-date-string=
&gt;valid date string&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-in=
put-step&gt;step&lt;/a&gt;&lt;/code&gt; attribute is expressed in days. &=
lt;span class=3Dimpl&gt;The &lt;a href=3D#concept-input-step-scale title=3D=
concept-input-step-scale&gt;step scale factor&lt;/a&gt; is 86,400,000
+  (which converts the days to milliseconds, as used in the other algorit=
hms).&lt;/span&gt; The &lt;a href=3D#concept-input-step-default title=3Dc=
oncept-input-step-default&gt;default step&lt;/a&gt; is 1 day.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When the element is &lt;a href=3D#suffering-from-a-step-misma=
tch&gt;suffering from a step mismatch&lt;/a&gt;, the user agent may round=
 the
+  element's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;v=
alue&lt;/a&gt; to the nearest &lt;a href=3D#concept-date title=3Dconcept-=
date&gt;date&lt;/a&gt; for which the element would not &lt;a href=3D#suff=
ering-from-a-step-mismatch title=3D&quot;suffering from a
+  step mismatch&quot;&gt;suffer from a step mismatch&lt;/a&gt;.&lt;/p&gt=
;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-string-nu=
mber title=3Dconcept-input-value-string-number&gt;algorithm to convert a =
string to a
+  number&lt;/a&gt;, given a string &lt;var title=3D&quot;&quot;&gt;input=
&lt;/var&gt;, is as follows&lt;/strong&gt;: If &lt;a href=3D#parse-a-date=
-string title=3D&quot;parse a date string&quot;&gt;parsing a date&lt;/a&g=
t; from &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt; results in an
+  error, then return an error; otherwise, return the number of milliseco=
nds elapsed from midnight
+  UTC on the morning of 1970-01-01 (the time represented by the value &q=
uot;&lt;code title=3D&quot;&quot;&gt;1970-01-01T00:00:00.0Z&lt;/code&gt;&=
quot;) to midnight UTC on the morning of the parsed &lt;a href=3D#concept=
-date title=3Dconcept-date&gt;date&lt;/a&gt;, ignoring leap seconds.&lt;/=
p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-number-st=
ring title=3Dconcept-input-value-number-string&gt;algorithm to convert a =
number to a
+  string&lt;/a&gt;, given a number &lt;var title=3D&quot;&quot;&gt;input=
&lt;/var&gt;, is as follows&lt;/strong&gt;: Return a
+  &lt;a href=3D#valid-date-string&gt;valid date string&lt;/a&gt; that re=
presents the &lt;a href=3D#concept-date title=3Dconcept-date&gt;date&lt;/=
a&gt; that, in
+  UTC, is current &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt; mill=
iseconds after midnight UTC on the morning of
+  1970-01-01 (the time represented by the value &quot;&lt;code title=3D&=
quot;&quot;&gt;1970-01-01T00:00:00.0Z&lt;/code&gt;&quot;).&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-string-da=
te title=3Dconcept-input-value-string-date&gt;algorithm to convert a stri=
ng to a
+  &lt;code&gt;Date&lt;/code&gt; object&lt;/a&gt;, given a string &lt;var=
 title=3D&quot;&quot;&gt;input&lt;/var&gt;, is as follows&lt;/strong&gt;:
+  If &lt;a href=3D#parse-a-date-string title=3D&quot;parse a date string=
&quot;&gt;parsing a date&lt;/a&gt; from &lt;var title=3D&quot;&quot;&gt;i=
nput&lt;/var&gt; results
+  in an error, then return an error; otherwise, return &lt;a href=3D#cre=
ate-a-date-object title=3D&quot;create a Date object&quot;&gt;a new
+  &lt;code&gt;Date&lt;/code&gt; object&lt;/a&gt; representing midnight U=
TC on the morning of the parsed &lt;a href=3D#concept-date title=3Dconcep=
t-date&gt;date&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-date-stri=
ng title=3Dconcept-input-value-date-string&gt;algorithm to convert a
+  &lt;code&gt;Date&lt;/code&gt; object to a string&lt;/a&gt;, given a &l=
t;code&gt;Date&lt;/code&gt; object &lt;var title=3D&quot;&quot;&gt;input&=
lt;/var&gt;, is as follows&lt;/strong&gt;: Return a &lt;a href=3D#valid-d=
ate-string&gt;valid date string&lt;/a&gt; that
+  represents the &lt;a href=3D#concept-date title=3Dconcept-date&gt;date=
&lt;/a&gt; current at the time represented by &lt;var title=3D&quot;&quot=
;&gt;input&lt;/var&gt; in the UTC time zone.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;See &lt;a href=3D#only-contemporary-times&gt;the=
 note on historical dates&lt;/a&gt; in the
+  &lt;a href=3D&quot;#date-and-time-state-(type=3Ddatetime)&quot; title=3D=
attr-input-type-datetime&gt;Date and Time&lt;/a&gt; state section.&lt;/p&=
gt;
+
+  &lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The following common &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element content
+   attributes, IDL attributes, and methods &lt;a href=3D#concept-input-a=
pply title=3Dconcept-input-apply&gt;apply&lt;/a&gt; to the element:
+   &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-autoco=
mplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-input-list&gt;=
list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-max&gt;&lt;a href=3D#attr-input-max&gt;ma=
x&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-input-min&gt;mi=
n&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-readonly&gt;&lt;a href=3D#attr-input-read=
only&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-required&gt;&lt;a href=3D#attr-input-requ=
ired&gt;required&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-input-step&gt;=
step&lt;/a&gt;&lt;/code&gt; content attributes;
+   &lt;code title=3Ddom-input-list&gt;&lt;a href=3D#dom-input-list&gt;li=
st&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;=
value&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-input-valueAsDate&gt;&lt;a href=3D#dom-input-val=
ueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Ddom-input-valueAsNumber&gt;&lt;a href=3D#dom-input-v=
alueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; IDL attributes;
+   &lt;code title=3Ddom-input-stepDown&gt;&lt;a href=3D#dom-input-stepdo=
wn&gt;stepDown()&lt;/a&gt;&lt;/code&gt; and
+   &lt;code title=3Ddom-input-stepUp&gt;&lt;a href=3D#dom-input-stepup&g=
t;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute is
+   in mode &lt;a href=3D#dom-input-value-value title=3Ddom-input-value-v=
alue&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Devent-input-input&gt;&lt;a href=3D#even=
t-input-input&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Devent-=
input-change&gt;&lt;a href=3D#event-input-change&gt;change&lt;/a&gt;&lt;/=
code&gt; events &lt;a href=3D#concept-input-apply title=3Dconcept-input-a=
pply&gt;apply&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not
+   apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formenctype&gt;&lt;a href=
=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formnovalidate&gt;&lt;a h=
ref=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formtarget&gt;&lt;a href=3D=
#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-maxlength&gt;&lt;a hre=
f=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-minlength&gt;&lt;a hre=
f=3D#attr-input-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-pattern&gt;&lt;a href=3D=
#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-placeholder&gt;&lt;a h=
ref=3D#attr-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-size&gt;&lt;a href=3D#=
attr-input-size&gt;size&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Ddom-input-checked&gt;&lt;a href=3D=
#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionStart=
&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionStart&lt;=
/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionEnd&g=
t;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;=
&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionDirec=
tion&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selectionD=
irection&lt;/a&gt;&lt;/code&gt; IDL attributes;
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-select&gt;&lt;=
a href=3D#dom-textarea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setRangeText&g=
t;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()&lt;/a&g=
t;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setSelectionRa=
nge&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSelection=
Range()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3D&quot;month-state-(type=3Dmonth)&quot;&gt;&lt;span class=3D=
secno&gt;4.10.5.1.9 &lt;/span&gt;&lt;dfn title=3Dattr-input-type-month&gt=
;Month&lt;/dfn&gt; state (&lt;code title=3D&quot;&quot;&gt;type=3Dmonth&l=
t;/code&gt;)&lt;/h6&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#month-state-(type=3Dmonth)&quot; title=3Dattr-=
input-type-month&gt;Month&lt;/a&gt; state, the rules in this section appl=
y.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; a control for setting the element's
+  &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a=
&gt; to a string representing a specific &lt;a href=3D#concept-month titl=
e=3Dconcept-month&gt;month&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a h=
ref=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, the user agent =
should allow the
+  user to change the &lt;a href=3D#concept-month title=3Dconcept-month&g=
t;month&lt;/a&gt; represented by its &lt;a href=3D#concept-fe-value title=
=3Dconcept-fe-value&gt;value&lt;/a&gt;, as obtained by &lt;a href=3D#pars=
e-a-month-string title=3D&quot;parse a month string&quot;&gt;parsing a
+  month&lt;/a&gt; from it. User agents must not allow the user to set th=
e &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&=
gt; to a non-empty string that is not a &lt;a href=3D#valid-month-string&=
gt;valid month
+  string&lt;/a&gt;. If the user agent provides a user interface for sele=
cting a &lt;a href=3D#concept-month title=3Dconcept-month&gt;month&lt;/a&=
gt;, then the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;=
value&lt;/a&gt; must be
+  set to a &lt;a href=3D#valid-month-string&gt;valid month string&lt;/a&=
gt; representing the user's selection. User agents should
+  allow the user to set the &lt;a href=3D#concept-fe-value title=3Dconce=
pt-fe-value&gt;value&lt;/a&gt; to the empty string.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: While the=
 user interface describes input that the user
+  agent cannot convert to a &lt;a href=3D#valid-month-string&gt;valid mo=
nth string&lt;/a&gt;, the control is &lt;a href=3D#suffering-from-bad-inp=
ut&gt;suffering from bad
+  input&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;See the &lt;a href=3D#input-author-notes&gt;intr=
oduction section&lt;/a&gt; for a discussion of
+  the difference between the input format and submission format for date=
, time, and number form
+  controls&lt;span class=3Dimpl&gt;, and the &lt;a href=3D#input-impl-no=
tes&gt;implementation notes&lt;/a&gt;
+  regarding localization of form controls&lt;/span&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr-i=
nput-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if specified and no=
t empty, must
+  have a value that is a &lt;a href=3D#valid-month-string&gt;valid month=
 string&lt;/a&gt;.&lt;/p&gt; &lt;!-- ok to set out-of-range value, we
+  never know when we might have to represent bogus input --&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#value-sanitization-algorithm&=
gt;value sanitization algorithm&lt;/a&gt; is as follows&lt;/strong&gt;: I=
f the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt=
;/a&gt; of the element is not a &lt;a href=3D#valid-month-string&gt;valid=
 month string&lt;/a&gt;,
+  then set it to the empty string instead.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-inp=
ut-min&gt;min&lt;/a&gt;&lt;/code&gt; attribute, if specified, must have a=
 value that is
+  a &lt;a href=3D#valid-month-string&gt;valid month string&lt;/a&gt;. Th=
e &lt;code title=3Dattr-input-max&gt;&lt;a href=3D#attr-input-max&gt;max&=
lt;/a&gt;&lt;/code&gt; attribute, if
+  specified, must have a value that is a &lt;a href=3D#valid-month-strin=
g&gt;valid month string&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-in=
put-step&gt;step&lt;/a&gt;&lt;/code&gt; attribute is expressed in months.=
 &lt;span class=3Dimpl&gt;The &lt;a href=3D#concept-input-step-scale titl=
e=3Dconcept-input-step-scale&gt;step scale factor&lt;/a&gt; is 1 (there i=
s no
+  conversion needed as the algorithms use months).&lt;/span&gt; The &lt;=
a href=3D#concept-input-step-default title=3Dconcept-input-step-default&g=
t;default step&lt;/a&gt; is 1 month.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When the element is &lt;a href=3D#suffering-from-a-step-misma=
tch&gt;suffering from a step mismatch&lt;/a&gt;, the user agent may round=
 the
+  element's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;v=
alue&lt;/a&gt; to the nearest &lt;a href=3D#concept-month title=3Dconcept=
-month&gt;month&lt;/a&gt; for which the element would not &lt;a href=3D#s=
uffering-from-a-step-mismatch title=3D&quot;suffering from a
+  step mismatch&quot;&gt;suffer from a step mismatch&lt;/a&gt;.&lt;/p&gt=
;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-string-nu=
mber title=3Dconcept-input-value-string-number&gt;algorithm to convert a =
string to a
+  number&lt;/a&gt;, given a string &lt;var title=3D&quot;&quot;&gt;input=
&lt;/var&gt;, is as follows&lt;/strong&gt;: If &lt;a href=3D#parse-a-mont=
h-string title=3D&quot;parse a month string&quot;&gt;parsing a month&lt;/=
a&gt; from &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt; results in a=
n
+  error, then return an error; otherwise, return the number of months be=
tween January 1970 and the
+  parsed &lt;a href=3D#concept-month title=3Dconcept-month&gt;month&lt;/=
a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-number-st=
ring title=3Dconcept-input-value-number-string&gt;algorithm to convert a =
number to a
+  string&lt;/a&gt;, given a number &lt;var title=3D&quot;&quot;&gt;input=
&lt;/var&gt;, is as follows&lt;/strong&gt;: Return a
+  &lt;a href=3D#valid-month-string&gt;valid month string&lt;/a&gt; that =
represents the &lt;a href=3D#concept-month title=3Dconcept-month&gt;month=
&lt;/a&gt; that
+  has &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt; months between i=
t and January 1970.&lt;/p&gt;
+
+  &lt;!-- note - it doesn't matter exactly how many months are &quot;bet=
ween&quot; two months, so long as the UA
+  implements this consistently. The number is never actually exposed. --=
&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-string-da=
te title=3Dconcept-input-value-string-date&gt;algorithm to convert a stri=
ng to a
+  &lt;code&gt;Date&lt;/code&gt; object&lt;/a&gt;, given a string &lt;var=
 title=3D&quot;&quot;&gt;input&lt;/var&gt;, is as follows&lt;/strong&gt;:
+  If &lt;a href=3D#parse-a-month-string title=3D&quot;parse a month stri=
ng&quot;&gt;parsing a month&lt;/a&gt; from &lt;var title=3D&quot;&quot;&g=
t;input&lt;/var&gt;
+  results in an error, then return an error; otherwise, return &lt;a hre=
f=3D#create-a-date-object title=3D&quot;create a Date object&quot;&gt;a
+  new &lt;code&gt;Date&lt;/code&gt; object&lt;/a&gt; representing midnig=
ht UTC on the morning of the first day of
+  the parsed &lt;a href=3D#concept-month title=3Dconcept-month&gt;month&=
lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-date-stri=
ng title=3Dconcept-input-value-date-string&gt;algorithm to convert a
+  &lt;code&gt;Date&lt;/code&gt; object to a string&lt;/a&gt;, given a &l=
t;code&gt;Date&lt;/code&gt; object &lt;var title=3D&quot;&quot;&gt;input&=
lt;/var&gt;, is as follows&lt;/strong&gt;: Return a &lt;a href=3D#valid-m=
onth-string&gt;valid month string&lt;/a&gt; that
+  represents the &lt;a href=3D#concept-month title=3Dconcept-month&gt;mo=
nth&lt;/a&gt; current at the time represented by &lt;var title=3D&quot;&q=
uot;&gt;input&lt;/var&gt; in the UTC time zone.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The following common &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element content
+   attributes, IDL attributes, and methods &lt;a href=3D#concept-input-a=
pply title=3Dconcept-input-apply&gt;apply&lt;/a&gt; to the element:
+   &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-autoco=
mplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-input-list&gt;=
list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-max&gt;&lt;a href=3D#attr-input-max&gt;ma=
x&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-input-min&gt;mi=
n&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-readonly&gt;&lt;a href=3D#attr-input-read=
only&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-required&gt;&lt;a href=3D#attr-input-requ=
ired&gt;required&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-input-step&gt;=
step&lt;/a&gt;&lt;/code&gt; content attributes;
+   &lt;code title=3Ddom-input-list&gt;&lt;a href=3D#dom-input-list&gt;li=
st&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;=
value&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-input-valueAsDate&gt;&lt;a href=3D#dom-input-val=
ueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Ddom-input-valueAsNumber&gt;&lt;a href=3D#dom-input-v=
alueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; IDL attributes;
+   &lt;code title=3Ddom-input-stepDown&gt;&lt;a href=3D#dom-input-stepdo=
wn&gt;stepDown()&lt;/a&gt;&lt;/code&gt; and
+   &lt;code title=3Ddom-input-stepUp&gt;&lt;a href=3D#dom-input-stepup&g=
t;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute is
+   in mode &lt;a href=3D#dom-input-value-value title=3Ddom-input-value-v=
alue&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Devent-input-input&gt;&lt;a href=3D#even=
t-input-input&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Devent-=
input-change&gt;&lt;a href=3D#event-input-change&gt;change&lt;/a&gt;&lt;/=
code&gt; events &lt;a href=3D#concept-input-apply title=3Dconcept-input-a=
pply&gt;apply&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not
+   apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formenctype&gt;&lt;a href=
=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formnovalidate&gt;&lt;a h=
ref=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formtarget&gt;&lt;a href=3D=
#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-maxlength&gt;&lt;a hre=
f=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-minlength&gt;&lt;a hre=
f=3D#attr-input-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-pattern&gt;&lt;a href=3D=
#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-placeholder&gt;&lt;a h=
ref=3D#attr-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-size&gt;&lt;a href=3D#=
attr-input-size&gt;size&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Ddom-input-checked&gt;&lt;a href=3D=
#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-files&gt;&lt;a href=3D#=
dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionStart=
&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionStart&lt;=
/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionEnd&g=
t;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;=
&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionDirec=
tion&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selectionD=
irection&lt;/a&gt;&lt;/code&gt; IDL attributes;
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-select&gt;&lt;=
a href=3D#dom-textarea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setRangeText&g=
t;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()&lt;/a&g=
t;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setSelectionRa=
nge&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSelection=
Range()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3D&quot;week-state-(type=3Dweek)&quot;&gt;&lt;span class=3Ds=
ecno&gt;4.10.5.1.10 &lt;/span&gt;&lt;dfn title=3Dattr-input-type-week&gt;=
Week&lt;/dfn&gt; state (&lt;code title=3D&quot;&quot;&gt;type=3Dweek&lt;/=
code&gt;)&lt;/h6&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#week-state-(type=3Dweek)&quot; title=3Dattr-in=
put-type-week&gt;Week&lt;/a&gt; state, the rules in this section apply.&l=
t;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; a control for setting the element's
+  &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a=
&gt; to a string representing a specific &lt;a href=3D#concept-week title=
=3Dconcept-week&gt;week&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a h=
ref=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, the user agent =
should allow the
+  user to change the &lt;a href=3D#concept-week title=3Dconcept-week&gt;=
week&lt;/a&gt; represented by its &lt;a href=3D#concept-fe-value title=3D=
concept-fe-value&gt;value&lt;/a&gt;, as obtained by &lt;a href=3D#parse-a=
-week-string title=3D&quot;parse a week string&quot;&gt;parsing a
+  week&lt;/a&gt; from it. User agents must not allow the user to set the=
 &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&g=
t; to a non-empty string that is not a &lt;a href=3D#valid-week-string&gt=
;valid week
+  string&lt;/a&gt;. If the user agent provides a user interface for sele=
cting a &lt;a href=3D#concept-week title=3Dconcept-week&gt;week&lt;/a&gt;=
, then the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;val=
ue&lt;/a&gt; must be set
+  to a &lt;a href=3D#valid-week-string&gt;valid week string&lt;/a&gt; re=
presenting the user's selection. User agents should allow
+  the user to set the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-=
value&gt;value&lt;/a&gt; to the empty string.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: While the=
 user interface describes input that the user
+  agent cannot convert to a &lt;a href=3D#valid-week-string&gt;valid wee=
k string&lt;/a&gt;, the control is &lt;a href=3D#suffering-from-bad-input=
&gt;suffering from bad
+  input&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;See the &lt;a href=3D#input-author-notes&gt;intr=
oduction section&lt;/a&gt; for a discussion of
+  the difference between the input format and submission format for date=
, time, and number form
+  controls&lt;span class=3Dimpl&gt;, and the &lt;a href=3D#input-impl-no=
tes&gt;implementation notes&lt;/a&gt;
+  regarding localization of form controls&lt;/span&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr-i=
nput-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if specified and no=
t empty, must
+  have a value that is a &lt;a href=3D#valid-week-string&gt;valid week s=
tring&lt;/a&gt;.&lt;/p&gt; &lt;!-- ok to set out-of-range value, we
+  never know when we might have to represent bogus input --&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#value-sanitization-algorithm&=
gt;value sanitization algorithm&lt;/a&gt; is as follows&lt;/strong&gt;: I=
f the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt=
;/a&gt; of the element is not a &lt;a href=3D#valid-week-string&gt;valid =
week string&lt;/a&gt;, then
+  set it to the empty string instead.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-inp=
ut-min&gt;min&lt;/a&gt;&lt;/code&gt; attribute, if specified, must have a=
 value that is
+  a &lt;a href=3D#valid-week-string&gt;valid week string&lt;/a&gt;. The =
&lt;code title=3Dattr-input-max&gt;&lt;a href=3D#attr-input-max&gt;max&lt=
;/a&gt;&lt;/code&gt; attribute, if
+  specified, must have a value that is a &lt;a href=3D#valid-week-string=
&gt;valid week string&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-in=
put-step&gt;step&lt;/a&gt;&lt;/code&gt; attribute is expressed in weeks. =
&lt;span class=3Dimpl&gt;The &lt;a href=3D#concept-input-step-scale title=
=3Dconcept-input-step-scale&gt;step scale factor&lt;/a&gt; is 604,800,000
+  (which converts the weeks to milliseconds, as used in the other algori=
thms).&lt;/span&gt; The &lt;a href=3D#concept-input-step-default title=3D=
concept-input-step-default&gt;default step&lt;/a&gt; is 1 week. &lt;span =
class=3Dimpl&gt;The &lt;a href=3D#concept-input-step-default-base title=3D=
concept-input-step-default-base&gt;default step base&lt;/a&gt; is &amp;mi=
nus;259,200,000 (the start
+  of week 1970-W01).&lt;/span&gt;&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When the element is &lt;a href=3D#suffering-from-a-step-misma=
tch&gt;suffering from a step mismatch&lt;/a&gt;, the user agent may round=
 the
+  element's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;v=
alue&lt;/a&gt; to the nearest &lt;a href=3D#concept-week title=3Dconcept-=
week&gt;week&lt;/a&gt; for which the element would not &lt;a href=3D#suff=
ering-from-a-step-mismatch title=3D&quot;suffering from a
+  step mismatch&quot;&gt;suffer from a step mismatch&lt;/a&gt;.&lt;/p&gt=
;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-string-nu=
mber title=3Dconcept-input-value-string-number&gt;algorithm to convert a =
string to a
+  number&lt;/a&gt;, given a string &lt;var title=3D&quot;&quot;&gt;input=
&lt;/var&gt;, is as follows&lt;/strong&gt;: If &lt;a href=3D#parse-a-week=
-string title=3D&quot;parse a week string&quot;&gt;parsing a week string&=
lt;/a&gt; from &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt; results =
in
+  an error, then return an error; otherwise, return the number of millis=
econds elapsed from midnight
+  UTC on the morning of 1970-01-01 (the time represented by the value &q=
uot;&lt;code title=3D&quot;&quot;&gt;1970-01-01T00:00:00.0Z&lt;/code&gt;&=
quot;) to midnight UTC on the morning of the Monday of the
+  parsed &lt;a href=3D#concept-week title=3Dconcept-week&gt;week&lt;/a&g=
t;, ignoring leap seconds.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-number-st=
ring title=3Dconcept-input-value-number-string&gt;algorithm to convert a =
number to a
+  string&lt;/a&gt;, given a number &lt;var title=3D&quot;&quot;&gt;input=
&lt;/var&gt;, is as follows&lt;/strong&gt;: Return a
+  &lt;a href=3D#valid-week-string&gt;valid week string&lt;/a&gt; that re=
presents the &lt;a href=3D#concept-week title=3Dconcept-week&gt;week&lt;/=
a&gt; that, in
+  UTC, is current &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt; mill=
iseconds after midnight UTC on the morning of
+  1970-01-01 (the time represented by the value &quot;&lt;code title=3D&=
quot;&quot;&gt;1970-01-01T00:00:00.0Z&lt;/code&gt;&quot;).&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-string-da=
te title=3Dconcept-input-value-string-date&gt;algorithm to convert a stri=
ng to a
+  &lt;code&gt;Date&lt;/code&gt; object&lt;/a&gt;, given a string &lt;var=
 title=3D&quot;&quot;&gt;input&lt;/var&gt;, is as follows&lt;/strong&gt;:
+  If &lt;a href=3D#parse-a-week-string title=3D&quot;parse a week string=
&quot;&gt;parsing a week&lt;/a&gt; from &lt;var title=3D&quot;&quot;&gt;i=
nput&lt;/var&gt; results
+  in an error, then return an error; otherwise, return &lt;a href=3D#cre=
ate-a-date-object title=3D&quot;create a Date object&quot;&gt;a new
+  &lt;code&gt;Date&lt;/code&gt; object&lt;/a&gt; representing midnight U=
TC on the morning of the Monday of the
+  parsed &lt;a href=3D#concept-week title=3Dconcept-week&gt;week&lt;/a&g=
t;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-date-stri=
ng title=3Dconcept-input-value-date-string&gt;algorithm to convert a
+  &lt;code&gt;Date&lt;/code&gt; object to a string&lt;/a&gt;, given a &l=
t;code&gt;Date&lt;/code&gt; object &lt;var title=3D&quot;&quot;&gt;input&=
lt;/var&gt;, is as follows&lt;/strong&gt;: Return a &lt;a href=3D#valid-w=
eek-string&gt;valid week string&lt;/a&gt; that
+  represents the &lt;a href=3D#concept-week title=3Dconcept-week&gt;week=
&lt;/a&gt; current at the time represented by &lt;var title=3D&quot;&quot=
;&gt;input&lt;/var&gt; in the UTC time zone.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The following common &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element content attributes, IDL attr=
ibutes, and
+   methods &lt;a href=3D#concept-input-apply title=3Dconcept-input-apply=
&gt;apply&lt;/a&gt; to the element:
+   &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-autoco=
mplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-input-list&gt;=
list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-max&gt;&lt;a href=3D#attr-input-max&gt;ma=
x&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-input-min&gt;mi=
n&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-readonly&gt;&lt;a href=3D#attr-input-read=
only&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-required&gt;&lt;a href=3D#attr-input-requ=
ired&gt;required&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-input-step&gt;=
step&lt;/a&gt;&lt;/code&gt; content attributes;
+   &lt;code title=3Ddom-input-list&gt;&lt;a href=3D#dom-input-list&gt;li=
st&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;=
value&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-input-valueAsDate&gt;&lt;a href=3D#dom-input-val=
ueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Ddom-input-valueAsNumber&gt;&lt;a href=3D#dom-input-v=
alueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; IDL attributes;
+   &lt;code title=3Ddom-input-stepDown&gt;&lt;a href=3D#dom-input-stepdo=
wn&gt;stepDown()&lt;/a&gt;&lt;/code&gt; and
+   &lt;code title=3Ddom-input-stepUp&gt;&lt;a href=3D#dom-input-stepup&g=
t;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute is in mode &lt;a =
href=3D#dom-input-value-value title=3Ddom-input-value-value&gt;value&lt;/=
a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Devent-input-input&gt;&lt;a href=3D#even=
t-input-input&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Devent-=
input-change&gt;&lt;a href=3D#event-input-change&gt;change&lt;/a&gt;&lt;/=
code&gt; events &lt;a href=3D#concept-input-apply title=3Dconcept-input-a=
pply&gt;apply&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formenctype&gt;&lt;a href=
=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formnovalidate&gt;&lt;a h=
ref=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formtarget&gt;&lt;a href=3D=
#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-maxlength&gt;&lt;a hre=
f=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-minlength&gt;&lt;a hre=
f=3D#attr-input-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-pattern&gt;&lt;a href=3D=
#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-placeholder&gt;&lt;a h=
ref=3D#attr-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-size&gt;&lt;a href=3D#=
attr-input-size&gt;size&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Ddom-input-checked&gt;&lt;a href=3D=
#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-files&gt;&lt;a href=3D#=
dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionStart=
&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionStart&lt;=
/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionEnd&g=
t;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;=
&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionDirec=
tion&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selectionD=
irection&lt;/a&gt;&lt;/code&gt; IDL attributes;
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-select&gt;&lt;=
a href=3D#dom-textarea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setRangeText&g=
t;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()&lt;/a&g=
t;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setSelectionRa=
nge&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSelection=
Range()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3D&quot;time-state-(type=3Dtime)&quot;&gt;&lt;span class=3Ds=
ecno&gt;4.10.5.1.11 &lt;/span&gt;&lt;dfn title=3Dattr-input-type-time&gt;=
Time&lt;/dfn&gt; state (&lt;code title=3D&quot;&quot;&gt;type=3Dtime&lt;/=
code&gt;)&lt;/h6&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#time-state-(type=3Dtime)&quot; title=3Dattr-in=
put-type-time&gt;Time&lt;/a&gt; state, the rules in this section apply.&l=
t;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; a control for setting the element's
+  &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a=
&gt; to a string representing a specific &lt;a href=3D#concept-time title=
=3Dconcept-time&gt;time&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a h=
ref=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, the user agent =
should allow the
+  user to change the &lt;a href=3D#concept-time title=3Dconcept-time&gt;=
time&lt;/a&gt; represented by its &lt;a href=3D#concept-fe-value title=3D=
concept-fe-value&gt;value&lt;/a&gt;, as obtained by &lt;a href=3D#parse-a=
-time-string title=3D&quot;parse a time string&quot;&gt;parsing a
+  time&lt;/a&gt; from it. User agents must not allow the user to set the=
 &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&g=
t; to a non-empty string that is not a &lt;a href=3D#valid-time-string&gt=
;valid time
+  string&lt;/a&gt;. If the user agent provides a user interface for sele=
cting a &lt;a href=3D#concept-time title=3Dconcept-time&gt;time&lt;/a&gt;=
, then the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;val=
ue&lt;/a&gt; must be set
+  to a &lt;a href=3D#valid-time-string&gt;valid time string&lt;/a&gt; re=
presenting the user's selection. User agents should allow
+  the user to set the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-=
value&gt;value&lt;/a&gt; to the empty string.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: While the=
 user interface describes input that the user
+  agent cannot convert to a &lt;a href=3D#valid-time-string&gt;valid tim=
e string&lt;/a&gt;, the control is &lt;a href=3D#suffering-from-bad-input=
&gt;suffering from bad
+  input&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;See the &lt;a href=3D#input-author-notes&gt;intr=
oduction section&lt;/a&gt; for a discussion of
+  the difference between the input format and submission format for date=
, time, and number form
+  controls&lt;span class=3Dimpl&gt;, and the &lt;a href=3D#input-impl-no=
tes&gt;implementation notes&lt;/a&gt;
+  regarding localization of form controls&lt;/span&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr-i=
nput-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if specified and no=
t empty, must
+  have a value that is a &lt;a href=3D#valid-time-string&gt;valid time s=
tring&lt;/a&gt;.&lt;/p&gt; &lt;!-- ok to set out-of-range value, we
+  never know when we might have to represent bogus input --&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#value-sanitization-algorithm&=
gt;value sanitization algorithm&lt;/a&gt; is as follows&lt;/strong&gt;: I=
f the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt=
;/a&gt; of the element is not a &lt;a href=3D#valid-time-string&gt;valid =
time string&lt;/a&gt;, then
+  set it to the empty string instead.&lt;/p&gt;
+
+  &lt;p&gt;The form control &lt;a href=3D#has-a-periodic-domain&gt;has a=
 periodic domain&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-inp=
ut-min&gt;min&lt;/a&gt;&lt;/code&gt; attribute, if specified, must have a=
 value that is
+  a &lt;a href=3D#valid-time-string&gt;valid time string&lt;/a&gt;. The =
&lt;code title=3Dattr-input-max&gt;&lt;a href=3D#attr-input-max&gt;max&lt=
;/a&gt;&lt;/code&gt; attribute, if
+  specified, must have a value that is a &lt;a href=3D#valid-time-string=
&gt;valid time string&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-in=
put-step&gt;step&lt;/a&gt;&lt;/code&gt; attribute is expressed in seconds=
. &lt;span class=3Dimpl&gt;The &lt;a href=3D#concept-input-step-scale tit=
le=3Dconcept-input-step-scale&gt;step scale factor&lt;/a&gt; is 1000 (whi=
ch
+  converts the seconds to milliseconds, as used in the other algorithms)=
.&lt;/span&gt; The &lt;a href=3D#concept-input-step-default title=3Dconce=
pt-input-step-default&gt;default step&lt;/a&gt; is 60 seconds.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When the element is &lt;a href=3D#suffering-from-a-step-misma=
tch&gt;suffering from a step mismatch&lt;/a&gt;, the user agent may round=
 the
+  element's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;v=
alue&lt;/a&gt; to the nearest &lt;a href=3D#concept-time title=3Dconcept-=
time&gt;time&lt;/a&gt; for which the element would not &lt;a href=3D#suff=
ering-from-a-step-mismatch title=3D&quot;suffering from a
+  step mismatch&quot;&gt;suffer from a step mismatch&lt;/a&gt;.&lt;/p&gt=
;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-string-nu=
mber title=3Dconcept-input-value-string-number&gt;algorithm to convert a =
string to a
+  number&lt;/a&gt;, given a string &lt;var title=3D&quot;&quot;&gt;input=
&lt;/var&gt;, is as follows&lt;/strong&gt;: If &lt;a href=3D#parse-a-time=
-string title=3D&quot;parse a time string&quot;&gt;parsing a time&lt;/a&g=
t; from &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt; results in an
+  error, then return an error; otherwise, return the number of milliseco=
nds elapsed from midnight to
+  the parsed &lt;a href=3D#concept-time title=3Dconcept-time&gt;time&lt;=
/a&gt; on a day with no time changes.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-number-st=
ring title=3Dconcept-input-value-number-string&gt;algorithm to convert a =
number to a
+  string&lt;/a&gt;, given a number &lt;var title=3D&quot;&quot;&gt;input=
&lt;/var&gt;, is as follows&lt;/strong&gt;: Return a
+  &lt;a href=3D#valid-time-string&gt;valid time string&lt;/a&gt; that re=
presents the &lt;a href=3D#concept-time title=3Dconcept-time&gt;time&lt;/=
a&gt; that is
+  &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt; milliseconds after m=
idnight on a day with no time changes.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-string-da=
te title=3Dconcept-input-value-string-date&gt;algorithm to convert a stri=
ng to a
+  &lt;code&gt;Date&lt;/code&gt; object&lt;/a&gt;, given a string &lt;var=
 title=3D&quot;&quot;&gt;input&lt;/var&gt;, is as follows&lt;/strong&gt;:
+  If &lt;a href=3D#parse-a-time-string title=3D&quot;parse a time string=
&quot;&gt;parsing a time&lt;/a&gt; from &lt;var title=3D&quot;&quot;&gt;i=
nput&lt;/var&gt; results
+  in an error, then return an error; otherwise, return &lt;a href=3D#cre=
ate-a-date-object title=3D&quot;create a Date object&quot;&gt;a new
+  &lt;code&gt;Date&lt;/code&gt; object&lt;/a&gt; representing the parsed=
 &lt;a href=3D#concept-time title=3Dconcept-time&gt;time&lt;/a&gt; in
+  UTC on 1970-01-01.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-date-stri=
ng title=3Dconcept-input-value-date-string&gt;algorithm to convert a
+  &lt;code&gt;Date&lt;/code&gt; object to a string&lt;/a&gt;, given a &l=
t;code&gt;Date&lt;/code&gt; object &lt;var title=3D&quot;&quot;&gt;input&=
lt;/var&gt;, is as follows&lt;/strong&gt;: Return a &lt;a href=3D#valid-t=
ime-string&gt;valid time string&lt;/a&gt; that
+  represents the UTC &lt;a href=3D#concept-time title=3Dconcept-time&gt;=
time&lt;/a&gt; component that is represented by &lt;var title=3D&quot;&qu=
ot;&gt;input&lt;/var&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The following common &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element content attributes, IDL attr=
ibutes, and
+   methods &lt;a href=3D#concept-input-apply title=3Dconcept-input-apply=
&gt;apply&lt;/a&gt; to the element:
+   &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-autoco=
mplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-input-list&gt;=
list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-max&gt;&lt;a href=3D#attr-input-max&gt;ma=
x&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-input-min&gt;mi=
n&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-readonly&gt;&lt;a href=3D#attr-input-read=
only&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-required&gt;&lt;a href=3D#attr-input-requ=
ired&gt;required&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-input-step&gt;=
step&lt;/a&gt;&lt;/code&gt; content attributes;
+   &lt;code title=3Ddom-input-list&gt;&lt;a href=3D#dom-input-list&gt;li=
st&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;=
value&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-input-valueAsDate&gt;&lt;a href=3D#dom-input-val=
ueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Ddom-input-valueAsNumber&gt;&lt;a href=3D#dom-input-v=
alueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; IDL attributes;
+   &lt;code title=3Ddom-input-stepDown&gt;&lt;a href=3D#dom-input-stepdo=
wn&gt;stepDown()&lt;/a&gt;&lt;/code&gt; and
+   &lt;code title=3Ddom-input-stepUp&gt;&lt;a href=3D#dom-input-stepup&g=
t;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute is in mode &lt;a =
href=3D#dom-input-value-value title=3Ddom-input-value-value&gt;value&lt;/=
a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Devent-input-input&gt;&lt;a href=3D#even=
t-input-input&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Devent-=
input-change&gt;&lt;a href=3D#event-input-change&gt;change&lt;/a&gt;&lt;/=
code&gt; events &lt;a href=3D#concept-input-apply title=3Dconcept-input-a=
pply&gt;apply&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formenctype&gt;&lt;a href=
=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formnovalidate&gt;&lt;a h=
ref=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formtarget&gt;&lt;a href=3D=
#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-maxlength&gt;&lt;a hre=
f=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-minlength&gt;&lt;a hre=
f=3D#attr-input-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-pattern&gt;&lt;a href=3D=
#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-placeholder&gt;&lt;a h=
ref=3D#attr-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-size&gt;&lt;a href=3D#=
attr-input-size&gt;size&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Ddom-input-checked&gt;&lt;a href=3D=
#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-files&gt;&lt;a href=3D#=
dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionStart=
&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionStart&lt;=
/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionEnd&g=
t;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;=
&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionDirec=
tion&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selectionD=
irection&lt;/a&gt;&lt;/code&gt; IDL attributes;
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-select&gt;&lt;=
a href=3D#dom-textarea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setRangeText&g=
t;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()&lt;/a&g=
t;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setSelectionRa=
nge&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSelection=
Range()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3D&quot;local-date-and-time-state-(type=3Ddatetime-local)&qu=
ot;&gt;&lt;span class=3Dsecno&gt;4.10.5.1.12 &lt;/span&gt;&lt;dfn title=3D=
attr-input-type-datetime-local&gt;Local Date and Time&lt;/dfn&gt; state (=
&lt;code title=3D&quot;&quot;&gt;type=3Ddatetime-local&lt;/code&gt;)&lt;/=
h6&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#local-date-and-time-state-(type=3Ddatetime-loc=
al)&quot; title=3Dattr-input-type-datetime-local&gt;Local Date and Time&l=
t;/a&gt; state, the rules in
+  this section apply.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; a control for setting the element's
+  &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a=
&gt; to a string representing a &lt;a href=3D#concept-datetime-local titl=
e=3Dconcept-datetime-local&gt;local date and time&lt;/a&gt;, with no time=
-zone offset
+  information.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a h=
ref=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, the user agent =
should allow the
+  user to change the &lt;a href=3D#concept-datetime-local title=3Dconcep=
t-datetime-local&gt;date and time&lt;/a&gt; represented by its
+  &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a=
&gt;, as obtained by &lt;a href=3D#parse-a-local-date-and-time-string tit=
le=3D&quot;parse a local date and
+  time string&quot;&gt;parsing a date and time&lt;/a&gt; from it. User a=
gents must not allow the user to set
+  the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&l=
t;/a&gt; to a non-empty string that is not a &lt;a href=3D#valid-normaliz=
ed-local-date-and-time-string&gt;valid
+  normalized local date and time string&lt;/a&gt;. If the user agent pro=
vides a user interface for
+  selecting a &lt;a href=3D#concept-datetime-local title=3Dconcept-datet=
ime-local&gt;local date and time&lt;/a&gt;, then the &lt;a href=3D#concep=
t-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; must be set to a &=
lt;a href=3D#valid-normalized-local-date-and-time-string&gt;valid normali=
zed local date and time
+  string&lt;/a&gt; representing the user's selection. User agents should=
 allow the user to set the
+  &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a=
&gt; to the empty string.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: While the=
 user interface describes input that the user
+  agent cannot convert to a &lt;a href=3D#valid-normalized-local-date-an=
d-time-string&gt;valid normalized local date and time string&lt;/a&gt;, t=
he control is
+  &lt;a href=3D#suffering-from-bad-input&gt;suffering from bad input&lt;=
/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;See the &lt;a href=3D#input-author-notes&gt;intr=
oduction section&lt;/a&gt; for a discussion of
+  the difference between the input format and submission format for date=
, time, and number form
+  controls&lt;span class=3Dimpl&gt;, and the &lt;a href=3D#input-impl-no=
tes&gt;implementation notes&lt;/a&gt;
+  regarding localization of form controls&lt;/span&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr-i=
nput-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if specified and no=
t empty, must
+  have a value that is a &lt;a href=3D#valid-local-date-and-time-string&=
gt;valid local date and time string&lt;/a&gt;.&lt;/p&gt; &lt;!-- ok to se=
t
+  out-of-range value, we never know when we might have to represent bogu=
s input --&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#value-sanitization-algorithm&=
gt;value sanitization algorithm&lt;/a&gt; is as follows&lt;/strong&gt;: I=
f the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt=
;/a&gt; of the element is a &lt;a href=3D#valid-local-date-and-time-strin=
g&gt;valid local date and time
+  string&lt;/a&gt;, then set it to a &lt;a href=3D#valid-normalized-loca=
l-date-and-time-string&gt;valid normalized local date and time string&lt;=
/a&gt;
+  representing the same date and time; otherwise, set it to the empty st=
ring instead.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-inp=
ut-min&gt;min&lt;/a&gt;&lt;/code&gt; attribute, if specified, must have a=
 value that is
+  a &lt;a href=3D#valid-local-date-and-time-string&gt;valid local date a=
nd time string&lt;/a&gt;. The &lt;code title=3Dattr-input-max&gt;&lt;a hr=
ef=3D#attr-input-max&gt;max&lt;/a&gt;&lt;/code&gt;
+  attribute, if specified, must have a value that is a &lt;a href=3D#val=
id-local-date-and-time-string&gt;valid local date and time
+  string&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-in=
put-step&gt;step&lt;/a&gt;&lt;/code&gt; attribute is expressed in seconds=
. &lt;span class=3Dimpl&gt;The &lt;a href=3D#concept-input-step-scale tit=
le=3Dconcept-input-step-scale&gt;step scale factor&lt;/a&gt; is 1000 (whi=
ch
+  converts the seconds to milliseconds, as used in the other algorithms)=
.&lt;/span&gt; The &lt;a href=3D#concept-input-step-default title=3Dconce=
pt-input-step-default&gt;default step&lt;/a&gt; is 60 seconds.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When the element is &lt;a href=3D#suffering-from-a-step-misma=
tch&gt;suffering from a step mismatch&lt;/a&gt;, the user agent may round=
 the
+  element's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;v=
alue&lt;/a&gt; to the nearest &lt;a href=3D#concept-datetime-local title=3D=
concept-datetime-local&gt;local date and time&lt;/a&gt; for which the ele=
ment would not &lt;a href=3D#suffering-from-a-step-mismatch title=3D&quot=
;suffering from a step mismatch&quot;&gt;suffer from a step mismatch&lt;/=
a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-string-nu=
mber title=3Dconcept-input-value-string-number&gt;algorithm to convert a =
string to a
+  number&lt;/a&gt;, given a string &lt;var title=3D&quot;&quot;&gt;input=
&lt;/var&gt;, is as follows&lt;/strong&gt;: If &lt;a href=3D#parse-a-loca=
l-date-and-time-string title=3D&quot;parse a local date and time string&q=
uot;&gt;parsing a date and time&lt;/a&gt; from &lt;var title=3D&quot;&quo=
t;&gt;input&lt;/var&gt; results in an error, then return an error; otherw=
ise, return the number of
+  milliseconds elapsed from midnight on the morning of 1970-01-01 (the t=
ime represented by the value
+  &quot;&lt;code title=3D&quot;&quot;&gt;1970-01-01T00:00:00.0&lt;/code&=
gt;&quot;) to the parsed &lt;a href=3D#concept-datetime-local title=3Dcon=
cept-datetime-local&gt;local date and time&lt;/a&gt;, ignoring leap secon=
ds.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-number-st=
ring title=3Dconcept-input-value-number-string&gt;algorithm to convert a =
number to a
+  string&lt;/a&gt;, given a number &lt;var title=3D&quot;&quot;&gt;input=
&lt;/var&gt;, is as follows&lt;/strong&gt;: Return a
+  &lt;a href=3D#valid-normalized-local-date-and-time-string&gt;valid nor=
malized local date and time string&lt;/a&gt; that represents the date and=
 time that is
+  &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt; milliseconds after m=
idnight on the morning of 1970-01-01 (the time
+  represented by the value &quot;&lt;code title=3D&quot;&quot;&gt;1970-0=
1-01T00:00:00.0&lt;/code&gt;&quot;).&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;See &lt;a href=3D#only-contemporary-times&gt;the=
 note on historical dates&lt;/a&gt; in the
+  &lt;a href=3D&quot;#date-and-time-state-(type=3Ddatetime)&quot; title=3D=
attr-input-type-datetime&gt;Date and Time&lt;/a&gt; state section.&lt;/p&=
gt;
+
+  &lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The following common &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element content
+   attributes, IDL attributes, and methods &lt;a href=3D#concept-input-a=
pply title=3Dconcept-input-apply&gt;apply&lt;/a&gt; to the element:
+   &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-autoco=
mplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-input-list&gt;=
list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-max&gt;&lt;a href=3D#attr-input-max&gt;ma=
x&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-input-min&gt;mi=
n&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-readonly&gt;&lt;a href=3D#attr-input-read=
only&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-required&gt;&lt;a href=3D#attr-input-requ=
ired&gt;required&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-input-step&gt;=
step&lt;/a&gt;&lt;/code&gt; content attributes;
+   &lt;code title=3Ddom-input-list&gt;&lt;a href=3D#dom-input-list&gt;li=
st&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;=
value&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Ddom-input-valueAsNumber&gt;&lt;a href=3D#dom-input-v=
alueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; IDL attributes;
+   &lt;code title=3Ddom-input-stepDown&gt;&lt;a href=3D#dom-input-stepdo=
wn&gt;stepDown()&lt;/a&gt;&lt;/code&gt; and
+   &lt;code title=3Ddom-input-stepUp&gt;&lt;a href=3D#dom-input-stepup&g=
t;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute is
+   in mode &lt;a href=3D#dom-input-value-value title=3Ddom-input-value-v=
alue&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Devent-input-input&gt;&lt;a href=3D#even=
t-input-input&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Devent-=
input-change&gt;&lt;a href=3D#event-input-change&gt;change&lt;/a&gt;&lt;/=
code&gt; events &lt;a href=3D#concept-input-apply title=3Dconcept-input-a=
pply&gt;apply&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not
+   apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formenctype&gt;&lt;a href=
=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formnovalidate&gt;&lt;a h=
ref=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formtarget&gt;&lt;a href=3D=
#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-maxlength&gt;&lt;a hre=
f=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-minlength&gt;&lt;a hre=
f=3D#attr-input-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-pattern&gt;&lt;a href=3D=
#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-placeholder&gt;&lt;a h=
ref=3D#attr-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-size&gt;&lt;a href=3D#=
attr-input-size&gt;size&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Ddom-input-checked&gt;&lt;a href=3D=
#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-files&gt;&lt;a href=3D#=
dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionStart=
&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionStart&lt;=
/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionEnd&g=
t;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;=
&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionDirec=
tion&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selectionD=
irection&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsDate&gt;&lt;a hr=
ef=3D#dom-input-valueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt; IDL att=
ributes;
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-select&gt;&lt;=
a href=3D#dom-textarea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setRangeText&g=
t;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()&lt;/a&g=
t;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setSelectionRa=
nge&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSelection=
Range()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following example shows part of a flight booking applica=
tion. The application uses an
+   &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/co=
de&gt; element with its &lt;code title=3Dattr-input-type&gt;&lt;a href=3D=
#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute set to
+   &lt;code title=3Dattr-input-type-datetime-local&gt;&lt;a href=3D&quot=
;#local-date-and-time-state-(type=3Ddatetime-local)&quot;&gt;datetime-loc=
al&lt;/a&gt;&lt;/code&gt;, and it then interprets the
+   given date and time in the time zone of the selected airport.&lt;/p&g=
t;
+
+   &lt;pre&gt;&amp;lt;fieldset&amp;gt;
+ &amp;lt;legend&amp;gt;Destination&amp;lt;/legend&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Airport: &amp;lt;input type=3Dtex=
t name=3Dto list=3Dairports&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;g=
t;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Departure time: &amp;lt;input typ=
e=3Ddatetime-local name=3Dtotime step=3D3600&amp;gt;&amp;lt;/label&amp;gt=
;&amp;lt;/p&amp;gt;
+&amp;lt;/fieldset&amp;gt;
+&amp;lt;datalist id=3Dairports&amp;gt;
+ &amp;lt;option value=3DATL label=3D&quot;Atlanta&quot;&amp;gt;
+ &amp;lt;option value=3DMEM label=3D&quot;Memphis&quot;&amp;gt;
+ &amp;lt;option value=3DLHR label=3D&quot;London Heathrow&quot;&amp;gt;
+ &amp;lt;option value=3DLAX label=3D&quot;Los Angeles&quot;&amp;gt;
+ &amp;lt;option value=3DFRA label=3D&quot;Frankfurt&quot;&amp;gt;
+&amp;lt;/datalist&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;If the application instead used the &lt;code title=3Dattr-in=
put-type-datetime&gt;&lt;a href=3D&quot;#date-and-time-state-(type=3Ddate=
time)&quot;&gt;datetime&lt;/a&gt;&lt;/code&gt;
+   type, then the user would have to work out the time-zone conversions =
himself, which is clearly
+   not a good user experience!&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3D&quot;number-state-(type=3Dnumber)&quot;&gt;&lt;span class=
=3Dsecno&gt;4.10.5.1.13 &lt;/span&gt;&lt;dfn title=3Dattr-input-type-numb=
er&gt;Number&lt;/dfn&gt; state (&lt;code title=3D&quot;&quot;&gt;type=3Dn=
umber&lt;/code&gt;)&lt;/h6&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#number-state-(type=3Dnumber)&quot; title=3Datt=
r-input-type-number&gt;Number&lt;/a&gt; state, the rules in this section =
apply.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; a control for setting the element's
+  &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a=
&gt; to a string representing a number.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a h=
ref=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, the user agent =
should allow the
+  user to change the number represented by its &lt;a href=3D#concept-fe-=
value title=3Dconcept-fe-value&gt;value&lt;/a&gt;, as
+  obtained from applying the &lt;a href=3D#rules-for-parsing-floating-po=
int-number-values&gt;rules for parsing floating-point number values&lt;/a=
&gt; to it. User
+  agents must not allow the user to set the &lt;a href=3D#concept-fe-val=
ue title=3Dconcept-fe-value&gt;value&lt;/a&gt; to a
+  non-empty string that is not a &lt;a href=3D#valid-floating-point-numb=
er&gt;valid floating-point number&lt;/a&gt;. If the user agent
+  provides a user interface for selecting a number, then the &lt;a href=3D=
#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; must be set=
 to the &lt;a href=3D#best-representation-of-the-number-as-a-floating-poi=
nt-number title=3D&quot;best representation of the
+  number as a floating-point number&quot;&gt;best representation of the =
number representing the user's
+  selection as a floating-point number&lt;/a&gt;. User agents should all=
ow the user to set the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-=
value&gt;value&lt;/a&gt; to the empty string.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: While the=
 user interface describes input that the user
+  agent cannot convert to a &lt;a href=3D#valid-floating-point-number&gt=
;valid floating-point number&lt;/a&gt;, the control is &lt;a href=3D#suff=
ering-from-bad-input&gt;suffering
+  from bad input&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;This specification does not define what user int=
erface user agents are to use;
+  user agent vendors are encouraged to consider what would best serve th=
eir users' needs. For
+  example, a user agent in Persian or Arabic markets might support Persi=
an and Arabic numeric input
+  (converting it to the format required for submission as described abov=
e). Similarly, a user agent
+  designed for Romans might display the value in Roman numerals rather t=
han in decimal; or (more
+  realistically) a user agent designed for the French market might displ=
ay the value with
+  apostrophes between thousands and commas before the decimals, and allo=
w the user to enter a value
+  in that manner, internally converting it to the submission format desc=
ribed above.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr-i=
nput-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if specified and no=
t empty, must
+  have a value that is a &lt;a href=3D#valid-floating-point-number&gt;va=
lid floating-point number&lt;/a&gt;.&lt;/p&gt; &lt;!-- ok to set out-of-r=
ange
+  value, we never know when we might have to represent bogus input --&gt=
;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#value-sanitization-algorithm&=
gt;value sanitization algorithm&lt;/a&gt; is as follows&lt;/strong&gt;: I=
f the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt=
;/a&gt; of the element is not a &lt;a href=3D#valid-floating-point-number=
&gt;valid floating-point
+  number&lt;/a&gt;, then set it to the empty string instead.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-inp=
ut-min&gt;min&lt;/a&gt;&lt;/code&gt; attribute, if specified, must have a=
 value that is
+  a &lt;a href=3D#valid-floating-point-number&gt;valid floating-point nu=
mber&lt;/a&gt;. The &lt;code title=3Dattr-input-max&gt;&lt;a href=3D#attr=
-input-max&gt;max&lt;/a&gt;&lt;/code&gt; attribute,
+  if specified, must have a value that is a &lt;a href=3D#valid-floating=
-point-number&gt;valid floating-point number&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;span class=3Dimpl&gt;The &lt;a href=3D#concept-input-step=
-scale title=3Dconcept-input-step-scale&gt;step scale factor&lt;/a&gt; is
+  1.&lt;/span&gt; The &lt;a href=3D#concept-input-step-default title=3Dc=
oncept-input-step-default&gt;default step&lt;/a&gt; is 1 (allowing only
+  integers to be selected by the user, unless the &lt;a href=3D#concept-=
input-min-zero title=3Dconcept-input-min-zero&gt;step
+  base&lt;/a&gt; has a non-integer value).&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When the element is &lt;a href=3D#suffering-from-a-step-misma=
tch&gt;suffering from a step mismatch&lt;/a&gt;, the user agent may round=
 the
+  element's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;v=
alue&lt;/a&gt; to the nearest number for which the element
+  would not &lt;a href=3D#suffering-from-a-step-mismatch title=3D&quot;s=
uffering from a step mismatch&quot;&gt;suffer from a step mismatch&lt;/a&=
gt;. If
+  there are two such numbers, user agents are encouraged to pick the one=
 nearest positive
+  infinity.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-string-nu=
mber title=3Dconcept-input-value-string-number&gt;algorithm to convert a =
string to a
+  number&lt;/a&gt;, given a string &lt;var title=3D&quot;&quot;&gt;input=
&lt;/var&gt;, is as follows&lt;/strong&gt;: If applying the
+  &lt;a href=3D#rules-for-parsing-floating-point-number-values&gt;rules =
for parsing floating-point number values&lt;/a&gt; to &lt;var title=3D&qu=
ot;&quot;&gt;input&lt;/var&gt; results
+  in an error, then return an error; otherwise, return the resulting num=
ber.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-number-st=
ring title=3Dconcept-input-value-number-string&gt;algorithm to convert a =
number to a
+  string&lt;/a&gt;, given a number &lt;var title=3D&quot;&quot;&gt;input=
&lt;/var&gt;, is as follows&lt;/strong&gt;: Return a
+  &lt;a href=3D#valid-floating-point-number&gt;valid floating-point numb=
er&lt;/a&gt; that represents &lt;var title=3D&quot;&quot;&gt;input&lt;/va=
r&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The following common &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element content attributes, IDL attr=
ibutes, and
+   methods &lt;a href=3D#concept-input-apply title=3Dconcept-input-apply=
&gt;apply&lt;/a&gt; to the element:
+   &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-autoco=
mplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-input-list&gt;=
list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-max&gt;&lt;a href=3D#attr-input-max&gt;ma=
x&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-input-min&gt;mi=
n&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-placeholder&gt;&lt;a href=3D#attr-input-p=
laceholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-readonly&gt;&lt;a href=3D#attr-input-read=
only&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-required&gt;&lt;a href=3D#attr-input-requ=
ired&gt;required&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-input-step&gt;=
step&lt;/a&gt;&lt;/code&gt; content attributes;
+   &lt;code title=3Ddom-input-list&gt;&lt;a href=3D#dom-input-list&gt;li=
st&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;=
value&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Ddom-input-valueAsNumber&gt;&lt;a href=3D#dom-input-v=
alueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; IDL attributes;
+   &lt;code title=3Ddom-input-stepDown&gt;&lt;a href=3D#dom-input-stepdo=
wn&gt;stepDown()&lt;/a&gt;&lt;/code&gt; and
+   &lt;code title=3Ddom-input-stepUp&gt;&lt;a href=3D#dom-input-stepup&g=
t;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute is in mode &lt;a =
href=3D#dom-input-value-value title=3Ddom-input-value-value&gt;value&lt;/=
a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Devent-input-input&gt;&lt;a href=3D#even=
t-input-input&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Devent-=
input-change&gt;&lt;a href=3D#event-input-change&gt;change&lt;/a&gt;&lt;/=
code&gt; events &lt;a href=3D#concept-input-apply title=3Dconcept-input-a=
pply&gt;apply&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formenctype&gt;&lt;a href=
=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formnovalidate&gt;&lt;a h=
ref=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formtarget&gt;&lt;a href=3D=
#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-maxlength&gt;&lt;a hre=
f=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-minlength&gt;&lt;a hre=
f=3D#attr-input-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-pattern&gt;&lt;a href=3D=
#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-size&gt;&lt;a href=3D#=
attr-input-size&gt;size&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Ddom-input-checked&gt;&lt;a href=3D=
#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-files&gt;&lt;a href=3D#=
dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionStart=
&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionStart&lt;=
/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionEnd&g=
t;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;=
&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionDirec=
tion&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selectionD=
irection&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsDate&gt;&lt;a hr=
ef=3D#dom-input-valueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt; IDL att=
ributes;
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-select&gt;&lt;=
a href=3D#dom-textarea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setRangeText&g=
t;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()&lt;/a&g=
t;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setSelectionRa=
nge&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSelection=
Range()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here is an example of using a numeric input control:&lt;/p&g=
t;
+
+   &lt;pre&gt;&amp;lt;label&amp;gt;How much do you want to charge? $&amp=
;lt;input type=3Dnumber min=3D0 step=3D0.01 name=3Dprice&amp;gt;&amp;lt;/=
label&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;As described above, a user agent might support numeric input=
 in the user's local format,
+   converting it to the format required for submission as described abov=
e. This might include
+   handling grouping separators (as in &quot;872,000,000,000&quot;) and =
various decimal separators (such as
+   &quot;3,99&quot; vs &quot;3.99&quot;) or using local digits (such as =
those in Arabic, Devanagari, Persian, and
+   Thai).&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code title=3D&quot;&quot;&gt;type=3Dnumb=
er&lt;/code&gt; state is not appropriate for input that
+  happens to only consist of numbers but isn't strictly speaking a numbe=
r. For example, it would be
+  inappropriate for credit card numbers or US postal codes. A simple way=
 of determining whether to
+  use &lt;code title=3D&quot;&quot;&gt;type=3Dnumber&lt;/code&gt; is to =
consider whether it would make sense for the input
+  control to have a spinbox interface (e.g. with &quot;up&quot; and &quo=
t;down&quot; arrows). Getting a credit card
+  number wrong by 1 in the last digit isn't a minor mistake, it's as wro=
ng as getting every digit
+  incorrect. So it would not make sense for the user to select a credit =
card number using &quot;up&quot; and
+  &quot;down&quot; buttons. When a spinbox interface is not appropriate,=
 &lt;code title=3D&quot;&quot;&gt;type=3Dtext&lt;/code&gt; is
+  probably the right choice (possibly with a &lt;code title=3Dattr-input=
-pattern&gt;&lt;a href=3D#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/cod=
e&gt;
+  attribute).&lt;/p&gt;
+
+
+
+  &lt;h6 id=3D&quot;range-state-(type=3Drange)&quot;&gt;&lt;span class=3D=
secno&gt;4.10.5.1.14 &lt;/span&gt;&lt;dfn title=3Dattr-input-type-range&g=
t;Range&lt;/dfn&gt; state (&lt;code title=3D&quot;&quot;&gt;type=3Drange&=
lt;/code&gt;)&lt;/h6&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#range-state-(type=3Drange)&quot; title=3Dattr-=
input-type-range&gt;Range&lt;/a&gt; state, the rules in this section appl=
y.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; a control for setting the element's
+  &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a=
&gt; to a string representing a number, but with the caveat
+  that the exact value is not important, letting UAs provide a simpler i=
nterface than they do for
+  the &lt;a href=3D&quot;#number-state-(type=3Dnumber)&quot; title=3Datt=
r-input-type-number&gt;Number&lt;/a&gt; state.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p class=3Dnote&gt;In this state, the range and step constraints ar=
e enforced even during user input,
+  and there is no way to set the value to the empty string.&lt;/p&gt;
+
+  &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a h=
ref=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, the user agent =
should allow the
+  user to change the number represented by its &lt;a href=3D#concept-fe-=
value title=3Dconcept-fe-value&gt;value&lt;/a&gt;, as
+  obtained from applying the &lt;a href=3D#rules-for-parsing-floating-po=
int-number-values&gt;rules for parsing floating-point number values&lt;/a=
&gt; to it. User
+  agents must not allow the user to set the &lt;a href=3D#concept-fe-val=
ue title=3Dconcept-fe-value&gt;value&lt;/a&gt; to a string
+  that is not a &lt;a href=3D#valid-floating-point-number&gt;valid float=
ing-point number&lt;/a&gt;. If the user agent provides a user
+  interface for selecting a number, then the &lt;a href=3D#concept-fe-va=
lue title=3Dconcept-fe-value&gt;value&lt;/a&gt; must be set
+  to a &lt;a href=3D#best-representation-of-the-number-as-a-floating-poi=
nt-number title=3D&quot;best representation of the number as a floating-p=
oint number&quot;&gt;best
+  representation of the number representing the user's selection as a fl=
oating-point number&lt;/a&gt;.
+  User agents must not allow the user to set the &lt;a href=3D#concept-f=
e-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; to the
+  empty string.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: While the=
 user interface describes input that the user
+  agent cannot convert to a &lt;a href=3D#valid-floating-point-number&gt=
;valid floating-point number&lt;/a&gt;, the control is &lt;a href=3D#suff=
ering-from-bad-input&gt;suffering
+  from bad input&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr-i=
nput-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if specified, must =
have a value that
+  is a &lt;a href=3D#valid-floating-point-number&gt;valid floating-point=
 number&lt;/a&gt;.&lt;/p&gt; &lt;!-- ok to set out-of-range value, we nev=
er
+  know when we might have to represent bogus input; not ok to not have a=
 value if the attribute is
+  present, since you can't not have a value (attribute missing is treate=
d as implying a default
+  value) --&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#value-sanitization-algorithm&=
gt;value sanitization algorithm&lt;/a&gt; is as follows&lt;/strong&gt;: I=
f the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt=
;/a&gt; of the element is not a &lt;a href=3D#valid-floating-point-number=
&gt;valid floating-point
+  number&lt;/a&gt;, then set it to a &lt;a href=3D#valid-floating-point-=
number&gt;valid floating-point number&lt;/a&gt; that represents the &lt;a=
 href=3D#concept-input-value-default-range title=3Dconcept-input-value-de=
fault-range&gt;default value&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-inp=
ut-min&gt;min&lt;/a&gt;&lt;/code&gt; attribute, if specified, must have a=
 value that is
+  a &lt;a href=3D#valid-floating-point-number&gt;valid floating-point nu=
mber&lt;/a&gt;. The &lt;a href=3D#concept-input-min-default title=3Dconce=
pt-input-min-default&gt;default
+  minimum&lt;/a&gt; is 0. The &lt;code title=3Dattr-input-max&gt;&lt;a h=
ref=3D#attr-input-max&gt;max&lt;/a&gt;&lt;/code&gt; attribute, if specifi=
ed, must
+  have a value that is a &lt;a href=3D#valid-floating-point-number&gt;va=
lid floating-point number&lt;/a&gt;. The &lt;a href=3D#concept-input-max-=
default title=3Dconcept-input-max-default&gt;default maximum&lt;/a&gt; is=
 100.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dconcept-input-value-default-range title=3Dco=
ncept-input-value-default-range&gt;default value&lt;/dfn&gt; is the &lt;a=
 href=3D#concept-input-min title=3Dconcept-input-min&gt;minimum&lt;/a&gt;=
 plus half the difference between the &lt;a href=3D#concept-input-min tit=
le=3Dconcept-input-min&gt;minimum&lt;/a&gt; and the &lt;a href=3D#concept=
-input-max title=3Dconcept-input-max&gt;maximum&lt;/a&gt;,
+  unless the &lt;a href=3D#concept-input-max title=3Dconcept-input-max&g=
t;maximum&lt;/a&gt; is less than the &lt;a href=3D#concept-input-min titl=
e=3Dconcept-input-min&gt;minimum&lt;/a&gt;, in which case the &lt;a href=3D=
#concept-input-value-default-range title=3Dconcept-input-value-default-ra=
nge&gt;default value&lt;/a&gt; is the &lt;a href=3D#concept-input-min tit=
le=3Dconcept-input-min&gt;minimum&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When the element is &lt;a href=3D#suffering-from-an-underflow=
&gt;suffering from an underflow&lt;/a&gt;, the user agent must set the
+  element's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;v=
alue&lt;/a&gt; to a &lt;a href=3D#valid-floating-point-number&gt;valid fl=
oating-point
+  number&lt;/a&gt; that represents the &lt;a href=3D#concept-input-min t=
itle=3Dconcept-input-min&gt;minimum&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When the element is &lt;a href=3D#suffering-from-an-overflow&=
gt;suffering from an overflow&lt;/a&gt;, if the &lt;a href=3D#concept-inp=
ut-max title=3Dconcept-input-max&gt;maximum&lt;/a&gt; is not less than th=
e &lt;a href=3D#concept-input-min title=3Dconcept-input-min&gt;minimum&lt=
;/a&gt;, the user agent must set the element's &lt;a href=3D#concept-fe-v=
alue title=3Dconcept-fe-value&gt;value&lt;/a&gt; to a &lt;a href=3D#valid=
-floating-point-number&gt;valid floating-point number&lt;/a&gt; that
+  represents the &lt;a href=3D#concept-input-max title=3Dconcept-input-m=
ax&gt;maximum&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;&lt;span class=3Dimpl&gt;The &lt;a href=3D#concept-input-step=
-scale title=3Dconcept-input-step-scale&gt;step scale factor&lt;/a&gt; is
+  1.&lt;/span&gt; The &lt;a href=3D#concept-input-step-default title=3Dc=
oncept-input-step-default&gt;default step&lt;/a&gt; is 1 (allowing only
+  integers, unless the &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#=
attr-input-min&gt;min&lt;/a&gt;&lt;/code&gt; attribute has a non-integer
+  value).&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When the element is &lt;a href=3D#suffering-from-a-step-misma=
tch&gt;suffering from a step mismatch&lt;/a&gt;, the user agent must roun=
d the
+  element's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;v=
alue&lt;/a&gt; to the nearest number for which the element
+  would not &lt;a href=3D#suffering-from-a-step-mismatch title=3D&quot;s=
uffering from a step mismatch&quot;&gt;suffer from a step mismatch&lt;/a&=
gt;, and
+  which is greater than or equal to the &lt;a href=3D#concept-input-min =
title=3Dconcept-input-min&gt;minimum&lt;/a&gt;, and, if the
+  &lt;a href=3D#concept-input-max title=3Dconcept-input-max&gt;maximum&l=
t;/a&gt; is not less than the &lt;a href=3D#concept-input-min title=3Dcon=
cept-input-min&gt;minimum&lt;/a&gt;, which is less than or equal to the &=
lt;a href=3D#concept-input-max title=3Dconcept-input-max&gt;maximum&lt;/a=
&gt;, if there is a number that matches these constraints. If
+  two numbers match these constraints, then user agents must use the one=
 nearest to positive
+  infinity.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;For example, the markup
+  &lt;code&gt;&amp;lt;input&amp;nbsp;type=3D&quot;range&quot;&amp;nbsp;m=
in=3D0&amp;nbsp;max=3D100&amp;nbsp;step=3D20&amp;nbsp;value=3D50&amp;gt;&=
lt;/code&gt;
+  results in a range control whose initial value is 60.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-string-nu=
mber title=3Dconcept-input-value-string-number&gt;algorithm to convert a =
string to a
+  number&lt;/a&gt;, given a string &lt;var title=3D&quot;&quot;&gt;input=
&lt;/var&gt;, is as follows&lt;/strong&gt;: If applying the
+  &lt;a href=3D#rules-for-parsing-floating-point-number-values&gt;rules =
for parsing floating-point number values&lt;/a&gt; to &lt;var title=3D&qu=
ot;&quot;&gt;input&lt;/var&gt; results
+  in an error, then return an error; otherwise, return the resulting num=
ber.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#concept-input-value-number-st=
ring title=3Dconcept-input-value-number-string&gt;algorithm to convert a =
number to a
+  string&lt;/a&gt;, given a number &lt;var title=3D&quot;&quot;&gt;input=
&lt;/var&gt;, is as follows&lt;/strong&gt;: Return a
+  &lt;a href=3D#valid-floating-point-number&gt;valid floating-point numb=
er&lt;/a&gt; that represents &lt;var title=3D&quot;&quot;&gt;input&lt;/va=
r&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The following common &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element content attributes, IDL attr=
ibutes, and
+   methods &lt;a href=3D#concept-input-apply title=3Dconcept-input-apply=
&gt;apply&lt;/a&gt; to the element:
+   &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-autoco=
mplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-input-list&gt;=
list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-max&gt;&lt;a href=3D#attr-input-max&gt;ma=
x&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-input-min&gt;mi=
n&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-input-step&gt;=
step&lt;/a&gt;&lt;/code&gt; content attributes;
+   &lt;code title=3Ddom-input-list&gt;&lt;a href=3D#dom-input-list&gt;li=
st&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;=
value&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Ddom-input-valueAsNumber&gt;&lt;a href=3D#dom-input-v=
alueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; IDL attributes;
+   &lt;code title=3Ddom-input-stepDown&gt;&lt;a href=3D#dom-input-stepdo=
wn&gt;stepDown()&lt;/a&gt;&lt;/code&gt; and
+   &lt;code title=3Ddom-input-stepUp&gt;&lt;a href=3D#dom-input-stepup&g=
t;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute is in mode &lt;a =
href=3D#dom-input-value-value title=3Ddom-input-value-value&gt;value&lt;/=
a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Devent-input-input&gt;&lt;a href=3D#even=
t-input-input&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Devent-=
input-change&gt;&lt;a href=3D#event-input-change&gt;change&lt;/a&gt;&lt;/=
code&gt; events &lt;a href=3D#concept-input-apply title=3Dconcept-input-a=
pply&gt;apply&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formenctype&gt;&lt;a href=
=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formnovalidate&gt;&lt;a h=
ref=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formtarget&gt;&lt;a href=3D=
#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-maxlength&gt;&lt;a hre=
f=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-minlength&gt;&lt;a hre=
f=3D#attr-input-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-pattern&gt;&lt;a href=3D=
#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-placeholder&gt;&lt;a h=
ref=3D#attr-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-readonly&gt;&lt;a href=
=3D#attr-input-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-required&gt;&lt;a href=
=3D#attr-input-required&gt;required&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-size&gt;&lt;a href=3D#=
attr-input-size&gt;size&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Ddom-input-checked&gt;&lt;a href=3D=
#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-files&gt;&lt;a href=3D#=
dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionStart=
&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionStart&lt;=
/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionEnd&g=
t;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;=
&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionDirec=
tion&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selectionD=
irection&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsDate&gt;&lt;a hr=
ef=3D#dom-input-valueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt; IDL att=
ributes;
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-select&gt;&lt;=
a href=3D#dom-textarea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setRangeText&g=
t;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()&lt;/a&g=
t;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setSelectionRa=
nge&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSelection=
Range()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here is an example of a range control using an autocomplete =
list with the &lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-inpu=
t-list&gt;list&lt;/a&gt;&lt;/code&gt; attribute. This could be useful if =
there are values along the
+   full range of the control that are especially important, such as prec=
onfigured light levels or
+   typical speed limits in a range control used as a speed control. The =
following markup
+   fragment:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;input type=3D&quot;range&quot; min=3D&quot;-100&qu=
ot; max=3D&quot;100&quot; value=3D&quot;0&quot; step=3D&quot;10&quot; nam=
e=3D&quot;power&quot; list=3D&quot;powers&quot;&amp;gt;
+&amp;lt;datalist id=3D&quot;powers&quot;&amp;gt;
+ &amp;lt;option value=3D&quot;0&quot;&amp;gt;
+ &amp;lt;option value=3D&quot;-30&quot;&amp;gt;
+ &amp;lt;option value=3D&quot;30&quot;&amp;gt;
+&lt;span class=3Dbad&gt; &amp;lt;option value=3D&quot;++50&quot;&amp;gt;=
&lt;/span&gt;
+&amp;lt;/datalist&amp;gt;
+&lt;/pre&gt;
+
+   &lt;p&gt;...with the following style sheet applied:&lt;/p&gt;
+
+   &lt;pre&gt;input { height: 75px; width: 49px; background: #D5CCBB; co=
lor: black; }&lt;/pre&gt;
+
+   &lt;p&gt;...might render as:&lt;/p&gt;
+
+   &lt;p&gt;&lt;img src=3Dhttp://images.whatwg.org/sample-range.png widt=
h=3D49 alt=3D&quot;A vertical slider control whose primary color is black=
 and whose background color is beige, with the slider having five tick ma=
rks, one long one at each extremity, and three short ones clustered aroun=
d the midpoint.&quot; height=3D75&gt;&lt;p&gt;Note how the UA determined =
the orientation of the control from the ratio of the
+   style-sheet-specified height and width properties. The colors were si=
milarly derived from the
+   style sheet. The tick marks, however, were derived from the markup. I=
n particular, the &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-=
input-step&gt;step&lt;/a&gt;&lt;/code&gt; attribute has not affected the =
placement of tick marks, the
+   UA deciding to only use the author-specified completion values and th=
en adding longer tick marks
+   at the extremes.&lt;/p&gt;
+
+   &lt;p&gt;Note also how the invalid value &lt;code title=3D&quot;&quot=
;&gt;++50&lt;/code&gt; was completely ignored.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For another example, consider the following markup fragment:=
&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;input name=3Dx type=3Drange min=3D100 max=3D700 st=
ep=3D9.09090909 value=3D509.090909&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;A user agent could display in a variety of ways, for instanc=
e:&lt;/p&gt;
+
+   &lt;p&gt;&lt;img src=3Dhttp://images.whatwg.org/sample-range-2a.png w=
idth=3D231 alt=3D&quot;As a dial.&quot; height=3D57&gt;&lt;/p&gt;
+
+   &lt;p&gt;Or, alternatively, for instance:&lt;/p&gt;
+
+   &lt;p&gt;&lt;img src=3Dhttp://images.whatwg.org/sample-range-2b.png w=
idth=3D445 alt=3D&quot;As a long horizontal slider with tick marks.&quot;=
 height=3D56&gt;&lt;/p&gt;
+
+   &lt;p&gt;The user agent could pick which one to display based on the =
dimensions given in the style
+   sheet. This would allow it to maintain the same resolution for the ti=
ck marks, despite the
+   differences in width.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Finally, here is an example of a range control with two labe=
led values:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;input type=3D&quot;range&quot; name=3D&quot;a&quot=
; list=3D&quot;a-values&quot;&amp;gt;
+&amp;lt;datalist id=3D&quot;a-values&quot;&amp;gt;
+ &amp;lt;option value=3D&quot;10&quot; label=3D&quot;Low&quot;&amp;gt;
+ &amp;lt;option value=3D&quot;90&quot; label=3D&quot;High&quot;&amp;gt;
+&amp;lt;/datalist&amp;gt;
+&lt;/pre&gt;
+
+   &lt;p&gt;With styles that make the control draw vertically, it might =
look as follows:&lt;/p&gt;
+
+   &lt;p&gt;&lt;img src=3Dhttp://images.whatwg.org/sample-range-labels.p=
ng width=3D103 alt=3D&quot;A vertical slider control with two tick marks,=
 one near the top labeled 'High', and one near the bottom labeled 'Low'.&=
quot; height=3D164&gt;&lt;/div&gt;
+
+
+
+  &lt;h6 id=3D&quot;color-state-(type=3Dcolor)&quot;&gt;&lt;span class=3D=
secno&gt;4.10.5.1.15 &lt;/span&gt;&lt;dfn title=3Dattr-input-type-color&g=
t;Color&lt;/dfn&gt; state (&lt;code title=3D&quot;&quot;&gt;type=3Dcolor&=
lt;/code&gt;)&lt;/h6&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#color-state-(type=3Dcolor)&quot; title=3Dattr-=
input-type-color&gt;Color&lt;/a&gt; state, the rules in this section appl=
y.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; a color well control, for setting the
+  element's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;v=
alue&lt;/a&gt; to a string representing a &lt;a href=3D#simple-color&gt;s=
imple
+  color&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p class=3Dnote&gt;In this state, there is always a color picked, a=
nd there is no way to set the
+  value to the empty string.&lt;/p&gt;
+
+  &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a h=
ref=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, the user agent =
should allow the
+  user to change the color represented by its &lt;a href=3D#concept-fe-v=
alue title=3Dconcept-fe-value&gt;value&lt;/a&gt;, as
+  obtained from applying the &lt;a href=3D#rules-for-parsing-simple-colo=
r-values&gt;rules for parsing simple color values&lt;/a&gt; to it. User a=
gents
+  must not allow the user to set the &lt;a href=3D#concept-fe-value titl=
e=3Dconcept-fe-value&gt;value&lt;/a&gt; to a string that is
+  not a &lt;a href=3D#valid-lowercase-simple-color&gt;valid lowercase si=
mple color&lt;/a&gt;. If the user agent provides a user interface for
+  selecting a color, then the &lt;a href=3D#concept-fe-value title=3Dcon=
cept-fe-value&gt;value&lt;/a&gt; must be set to the result
+  of using the &lt;a href=3D#rules-for-serializing-simple-color-values&g=
t;rules for serializing simple color values&lt;/a&gt; to the user's selec=
tion. User
+  agents must not allow the user to set the &lt;a href=3D#concept-fe-val=
ue title=3Dconcept-fe-value&gt;value&lt;/a&gt; to the empty
+  string.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: While the=
 user interface describes input that the user
+  agent cannot convert to a &lt;a href=3D#valid-lowercase-simple-color&g=
t;valid lowercase simple color&lt;/a&gt;, the control is
+  &lt;a href=3D#suffering-from-bad-input&gt;suffering from bad input&lt;=
/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr-i=
nput-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if specified and no=
t empty, must
+  have a value that is a &lt;a href=3D#valid-simple-color&gt;valid simpl=
e color&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;The &lt;a href=3D#value-sanitization-algorithm&=
gt;value sanitization algorithm&lt;/a&gt; is as follows&lt;/strong&gt;: I=
f the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt=
;/a&gt; of the element is a &lt;a href=3D#valid-simple-color&gt;valid sim=
ple color&lt;/a&gt;, then
+  set it to the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&=
gt;value&lt;/a&gt; of the element &lt;a href=3D#converted-to-ascii-lowerc=
ase&gt;converted to ASCII
+  lowercase&lt;/a&gt;; otherwise, set it to the string &quot;&lt;code ti=
tle=3D&quot;&quot;&gt;#000000&lt;/code&gt;&quot;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The following common &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element content attributes and IDL a=
ttributes &lt;a href=3D#concept-input-apply title=3Dconcept-input-apply&g=
t;apply&lt;/a&gt; to the element:
+   &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-autoco=
mplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt; and
+   &lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-input-list&gt;=
list&lt;/a&gt;&lt;/code&gt; content attributes;
+   &lt;code title=3Ddom-input-list&gt;&lt;a href=3D#dom-input-list&gt;li=
st&lt;/a&gt;&lt;/code&gt; and
+   &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;=
value&lt;/a&gt;&lt;/code&gt; IDL attributes.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute is in mode &lt;a =
href=3D#dom-input-value-value title=3Ddom-input-value-value&gt;value&lt;/=
a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Devent-input-input&gt;&lt;a href=3D#even=
t-input-input&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Devent-=
input-change&gt;&lt;a href=3D#event-input-change&gt;change&lt;/a&gt;&lt;/=
code&gt; events &lt;a href=3D#concept-input-apply title=3Dconcept-input-a=
pply&gt;apply&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formenctype&gt;&lt;a href=
=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formnovalidate&gt;&lt;a h=
ref=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formtarget&gt;&lt;a href=3D=
#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-max&gt;&lt;a href=3D#a=
ttr-input-max&gt;max&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-maxlength&gt;&lt;a hre=
f=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-min&gt;&lt;a href=3D#a=
ttr-input-min&gt;min&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-minlength&gt;&lt;a hre=
f=3D#attr-input-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-pattern&gt;&lt;a href=3D=
#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-placeholder&gt;&lt;a h=
ref=3D#attr-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-readonly&gt;&lt;a href=
=3D#attr-input-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-required&gt;&lt;a href=
=3D#attr-input-required&gt;required&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-size&gt;&lt;a href=3D#=
attr-input-size&gt;size&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-step&gt;&lt;a href=3D#=
attr-input-step&gt;step&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Ddom-input-checked&gt;&lt;a href=3D=
#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-files&gt;&lt;a href=3D#=
dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionStart=
&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionStart&lt;=
/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionEnd&g=
t;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;=
&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionDirec=
tion&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selectionD=
irection&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsDate&gt;&lt;a hr=
ef=3D#dom-input-valueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsNumber&gt;&lt;a =
href=3D#dom-input-valueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; I=
DL attributes;
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-select&gt;&lt;=
a href=3D#dom-textarea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setRangeText&g=
t;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()&lt;/a&g=
t;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setSelectionRa=
nge&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSelection=
Range()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-stepDown&gt;&lt;a href=3D=
#dom-input-stepdown&gt;stepDown()&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-stepUp&gt;&lt;a href=3D=
#dom-input-stepup&gt;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3D&quot;checkbox-state-(type=3Dcheckbox)&quot;&gt;&lt;span c=
lass=3Dsecno&gt;4.10.5.1.16 &lt;/span&gt;&lt;dfn title=3Dattr-input-type-=
checkbox&gt;Checkbox&lt;/dfn&gt; state (&lt;code title=3D&quot;&quot;&gt;=
type=3Dcheckbox&lt;/code&gt;)&lt;/h6&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#checkbox-state-(type=3Dcheckbox)&quot; title=3D=
attr-input-type-checkbox&gt;Checkbox&lt;/a&gt; state, the rules in this s=
ection
+  apply.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; a two-state control that represents the
+  element's &lt;a href=3D#concept-fe-checked title=3Dconcept-fe-checked&=
gt;checkedness&lt;/a&gt; state. If the element's &lt;a href=3D#concept-fe=
-checked title=3Dconcept-fe-checked&gt;checkedness&lt;/a&gt; state is tru=
e, the control represents a positive
+  selection, and if it is false, a negative selection. If the element's =
&lt;code title=3Ddom-input-indeterminate&gt;&lt;a href=3D#dom-input-indet=
erminate&gt;indeterminate&lt;/a&gt;&lt;/code&gt; IDL attribute is set to =
true, then the
+  control's selection should be obscured as if the control was in a thir=
d, indeterminate, state.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The control is never a true tri-state control, e=
ven if the element's &lt;code title=3Ddom-input-indeterminate&gt;&lt;a hr=
ef=3D#dom-input-indeterminate&gt;indeterminate&lt;/a&gt;&lt;/code&gt; IDL=
 attribute is set to true. The &lt;code title=3Ddom-input-indeterminate&g=
t;&lt;a href=3D#dom-input-indeterminate&gt;indeterminate&lt;/a&gt;&lt;/co=
de&gt; IDL attribute only gives the appearance of a
+  third state.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a h=
ref=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, then: The &lt;a=
 href=3D#pre-click-activation-steps&gt;pre-click
+  activation steps&lt;/a&gt; consist of setting the element's &lt;a href=
=3D#concept-fe-checked title=3Dconcept-fe-checked&gt;checkedness&lt;/a&gt=
; to its opposite value (i.e. true if it is false,
+  false if it is true), and of setting the element's &lt;code title=3Ddo=
m-input-indeterminate&gt;&lt;a href=3D#dom-input-indeterminate&gt;indeter=
minate&lt;/a&gt;&lt;/code&gt; IDL attribute to false. The &lt;a href=3D#c=
anceled-activation-steps&gt;canceled
+  activation steps&lt;/a&gt; consist of setting the &lt;a href=3D#concep=
t-fe-checked title=3Dconcept-fe-checked&gt;checkedness&lt;/a&gt;
+  and the element's &lt;code title=3Ddom-input-indeterminate&gt;&lt;a hr=
ef=3D#dom-input-indeterminate&gt;indeterminate&lt;/a&gt;&lt;/code&gt; IDL=
 attribute back to
+  the values they had before the &lt;a href=3D#pre-click-activation-step=
s&gt;pre-click activation steps&lt;/a&gt; were run. The
+  &lt;a href=3D#activation-behavior&gt;activation behavior&lt;/a&gt; is =
to &lt;a href=3D#fire-a-simple-event&gt;fire a simple event&lt;/a&gt; tha=
t bubbles named &lt;code title=3Devent-change&gt;change&lt;/code&gt; at t=
he element. &lt;!-- It's not cancelable. Once this fires, the
+  control is checked, end of story. --&gt;&lt;/p&gt;
+
+  &lt;p&gt;If the element is not &lt;i title=3Dconcept-fe-mutable&gt;&lt=
;a href=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, it has no &=
lt;a href=3D#activation-behavior&gt;activation
+  behavior&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: If the el=
ement is &lt;i title=3Dconcept-input-required&gt;&lt;a href=3D#concept-in=
put-required&gt;required&lt;/a&gt;&lt;/i&gt; and its &lt;a href=3D#concep=
t-fe-checked title=3Dconcept-fe-checked&gt;checkedness&lt;/a&gt; is false=
, then the element is &lt;a href=3D#suffering-from-being-missing&gt;suffe=
ring from
+  being missing&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;i=
nput&lt;/var&gt; . &lt;code title=3Ddom-input-indeterminate&gt;&lt;a href=
=3D#dom-input-indeterminate&gt;indeterminate&lt;/a&gt;&lt;/code&gt; [ =3D=
 &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;When set, overrides the rendering of &lt;a href=3D&quot;#ch=
eckbox-state-(type=3Dcheckbox)&quot; title=3Dattr-input-type-checkbox&gt;=
checkbox&lt;/a&gt;
+    controls so that the current value is not visible.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The following common &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element content attributes and IDL a=
ttributes &lt;a href=3D#concept-input-apply title=3Dconcept-input-apply&g=
t;apply&lt;/a&gt; to the element:
+   &lt;code title=3Dattr-input-checked&gt;&lt;a href=3D#attr-input-check=
ed&gt;checked&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Dattr-input-required&gt;&lt;a href=3D#attr-input-requ=
ired&gt;required&lt;/a&gt;&lt;/code&gt; content attributes;
+   &lt;code title=3Ddom-input-checked&gt;&lt;a href=3D#dom-input-checked=
&gt;checked&lt;/a&gt;&lt;/code&gt; and
+   &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;=
value&lt;/a&gt;&lt;/code&gt; IDL attributes.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute is in mode &lt;a =
href=3D#dom-input-value-default-on title=3Ddom-input-value-default-on&gt;=
default/on&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Devent-input-change&gt;&lt;a href=3D#eve=
nt-input-change&gt;change&lt;/a&gt;&lt;/code&gt; event &lt;a href=3D#conc=
ept-input-apply title=3Dconcept-input-apply&gt;applies&lt;/a&gt;.&lt;/p&g=
t;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-autocomplete&gt;&lt;a hre=
f=3D#attr-fe-autocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formenctype&gt;&lt;a href=
=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formnovalidate&gt;&lt;a h=
ref=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formtarget&gt;&lt;a href=3D=
#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-list&gt;&lt;a href=3D#=
attr-input-list&gt;list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-max&gt;&lt;a href=3D#a=
ttr-input-max&gt;max&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-maxlength&gt;&lt;a hre=
f=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-min&gt;&lt;a href=3D#a=
ttr-input-min&gt;min&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-minlength&gt;&lt;a hre=
f=3D#attr-input-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-pattern&gt;&lt;a href=3D=
#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-placeholder&gt;&lt;a h=
ref=3D#attr-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-readonly&gt;&lt;a href=
=3D#attr-input-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-size&gt;&lt;a href=3D#=
attr-input-size&gt;size&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-step&gt;&lt;a href=3D#=
attr-input-step&gt;step&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Ddom-input-files&gt;&lt;a href=3D#=
dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-list&gt;&lt;a href=3D#d=
om-input-list&gt;list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionStart=
&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionStart&lt;=
/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionEnd&g=
t;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;=
&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionDirec=
tion&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selectionD=
irection&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsDate&gt;&lt;a hr=
ef=3D#dom-input-valueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsNumber&gt;&lt;a =
href=3D#dom-input-valueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; I=
DL attributes;
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-select&gt;&lt;=
a href=3D#dom-textarea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setRangeText&g=
t;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()&lt;/a&g=
t;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setSelectionRa=
nge&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSelection=
Range()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-stepDown&gt;&lt;a href=3D=
#dom-input-stepdown&gt;stepDown()&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-stepUp&gt;&lt;a href=3D=
#dom-input-stepup&gt;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code class=3Dno-backref title=3Devent-input-input&gt=
;&lt;a href=3D#event-input-input&gt;input&lt;/a&gt;&lt;/code&gt; event &l=
t;a href=3D#do-not-apply title=3D&quot;do not
+   apply&quot;&gt;does not apply&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h6 id=3D&quot;radio-button-state-(type=3Dradio)&quot;&gt;&lt;span =
class=3Dsecno&gt;4.10.5.1.17 &lt;/span&gt;&lt;dfn title=3Dattr-input-type=
-radio&gt;Radio Button&lt;/dfn&gt; state (&lt;code title=3D&quot;&quot;&g=
t;type=3Dradio&lt;/code&gt;)&lt;/h6&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#radio-button-state-(type=3Dradio)&quot; title=3D=
attr-input-type-radio&gt;Radio Button&lt;/a&gt; state, the rules in this =
section
+  apply.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; a control that, when used in conjunction
+  with other &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&=
gt;&lt;/code&gt; elements, forms a &lt;i&gt;&lt;a href=3D#radio-button-gr=
oup&gt;radio button group&lt;/a&gt;&lt;/i&gt; in which only one
+  control can have its &lt;a href=3D#concept-fe-checked title=3Dconcept-=
fe-checked&gt;checkedness&lt;/a&gt; state set to true. If the
+  element's &lt;a href=3D#concept-fe-checked title=3Dconcept-fe-checked&=
gt;checkedness&lt;/a&gt; state is true, the control
+  represents the selected control in the group, and if it is false, it i=
ndicates a control in the
+  group that is not selected.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dradio-button-group&gt;&lt;i&gt;radio button =
group&lt;/i&gt;&lt;/dfn&gt; that contains an &lt;code&gt;&lt;a href=3D#th=
e-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element &lt;var title=3D&=
quot;&quot;&gt;a&lt;/var&gt; also contains all the other &lt;code&gt;&lt;=
a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; elements &lt;=
var title=3D&quot;&quot;&gt;b&lt;/var&gt;
+  that fulfill all of the following conditions:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt=
;input&lt;/a&gt;&lt;/code&gt; element &lt;var title=3D&quot;&quot;&gt;b&l=
t;/var&gt;'s &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input=
-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&qu=
ot;#radio-button-state-(type=3Dradio)&quot; title=3Dattr-input-type-radio=
&gt;Radio
+   Button&lt;/a&gt; state.&lt;/li&gt;
+
+   &lt;li&gt;Either &lt;var title=3D&quot;&quot;&gt;a&lt;/var&gt; and &l=
t;var title=3D&quot;&quot;&gt;b&lt;/var&gt; have the same &lt;a href=3D#f=
orm-owner&gt;form owner&lt;/a&gt;,
+   or they both have no &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt;=
.&lt;/li&gt;
+
+   &lt;li&gt;Both &lt;var title=3D&quot;&quot;&gt;a&lt;/var&gt; and &lt;=
var title=3D&quot;&quot;&gt;b&lt;/var&gt; are in the same &lt;a href=3D#h=
ome-subtree&gt;home
+   subtree&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;They both have a &lt;code title=3Dattr-fe-name&gt;&lt;a hre=
f=3D#attr-fe-name&gt;name&lt;/a&gt;&lt;/code&gt; attribute, their &lt;cod=
e title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt;name&lt;/a&gt;&lt=
;/code&gt; attributes are not empty, and the value of &lt;var title=3D&qu=
ot;&quot;&gt;a&lt;/var&gt;'s &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D=
#attr-fe-name&gt;name&lt;/a&gt;&lt;/code&gt; attribute is a &lt;a href=3D=
#compatibility-caseless&gt;compatibility
+   caseless&lt;/a&gt; match for the value of &lt;var title=3D&quot;&quot=
;&gt;b&lt;/var&gt;'s &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-=
fe-name&gt;name&lt;/a&gt;&lt;/code&gt; attribute.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;A document must not contain an &lt;code&gt;&lt;a h=
ref=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element whose &l=
t;i&gt;&lt;a href=3D#radio-button-group&gt;radio button group&lt;/a&gt;&l=
t;/i&gt;
+  contains only that element.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When any of the following phenomena occur, if the element's &=
lt;a href=3D#concept-fe-checked title=3Dconcept-fe-checked&gt;checkedness=
&lt;/a&gt; state is true after the occurrence, the &lt;a href=3D#concept-=
fe-checked title=3Dconcept-fe-checked&gt;checkedness&lt;/a&gt; state of a=
ll the other elements in the same &lt;i&gt;&lt;a href=3D#radio-button-gro=
up&gt;radio
+  button group&lt;/a&gt;&lt;/i&gt; must be set to false:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;The element's &lt;a href=3D#concept-fe-checked tit=
le=3Dconcept-fe-checked&gt;checkedness&lt;/a&gt; state is set to true (fo=
r
+   whatever reason).&lt;/li&gt;
+
+   &lt;li&gt;The element's &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D=
#attr-fe-name&gt;name&lt;/a&gt;&lt;/code&gt; attribute is set, changed, o=
r
+   removed.&lt;/li&gt;
+
+   &lt;li&gt;The element's &lt;a href=3D#form-owner&gt;form owner&lt;/a&=
gt; changes.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable=
&gt;&lt;a href=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, then=
: The &lt;a href=3D#pre-click-activation-steps&gt;pre-click
+  activation steps&lt;/a&gt; consist of setting the element's &lt;a href=
=3D#concept-fe-checked title=3Dconcept-fe-checked&gt;checkedness&lt;/a&gt=
; to true. The &lt;a href=3D#canceled-activation-steps&gt;canceled activa=
tion steps&lt;/a&gt;
+  consist of setting the element's &lt;a href=3D#concept-fe-checked titl=
e=3Dconcept-fe-checked&gt;checkedness&lt;/a&gt; to false. The
+  &lt;a href=3D#activation-behavior&gt;activation behavior&lt;/a&gt; is =
to &lt;a href=3D#fire-a-simple-event&gt;fire a simple event&lt;/a&gt; tha=
t bubbles named &lt;code title=3Devent-change&gt;change&lt;/code&gt; at t=
he element. &lt;!-- It's not cancelable. Once this fires, the
+  control is checked, end of story. --&gt;.&lt;/p&gt;
+
+  &lt;p&gt;If the element is not &lt;i title=3Dconcept-fe-mutable&gt;&lt=
;a href=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, it has no &=
lt;a href=3D#activation-behavior&gt;activation
+  behavior&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: If an ele=
ment in the &lt;i&gt;&lt;a href=3D#radio-button-group&gt;radio button gro=
up&lt;/a&gt;&lt;/i&gt; is &lt;i title=3Dconcept-input-required&gt;&lt;a h=
ref=3D#concept-input-required&gt;required&lt;/a&gt;&lt;/i&gt;, and all of=
 the &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/c=
ode&gt; elements in the
+  &lt;i&gt;&lt;a href=3D#radio-button-group&gt;radio button group&lt;/a&=
gt;&lt;/i&gt; have a &lt;a href=3D#concept-fe-checked title=3Dconcept-fe-=
checked&gt;checkedness&lt;/a&gt; that is
+  false, then the element is &lt;a href=3D#suffering-from-being-missing&=
gt;suffering from being missing&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;If none of the radio buttons in a &lt;a href=3D#=
radio-button-group&gt;radio button group&lt;/a&gt; are checked when
+  they are inserted into the document, then they will all be initially u=
nchecked in the interface,
+  until such time as one of them is checked (either by the user or by sc=
ript).&lt;/p&gt;
+
+  &lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The following common &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element content attributes and IDL a=
ttributes &lt;a href=3D#concept-input-apply title=3Dconcept-input-apply&g=
t;apply&lt;/a&gt; to the element:
+   &lt;code title=3Dattr-input-checked&gt;&lt;a href=3D#attr-input-check=
ed&gt;checked&lt;/a&gt;&lt;/code&gt; and
+   &lt;code title=3Dattr-input-required&gt;&lt;a href=3D#attr-input-requ=
ired&gt;required&lt;/a&gt;&lt;/code&gt; content attributes;
+   &lt;code title=3Ddom-input-checked&gt;&lt;a href=3D#dom-input-checked=
&gt;checked&lt;/a&gt;&lt;/code&gt; and
+   &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;=
value&lt;/a&gt;&lt;/code&gt; IDL attributes.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute is in mode &lt;a =
href=3D#dom-input-value-default-on title=3Ddom-input-value-default-on&gt;=
default/on&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Devent-input-change&gt;&lt;a href=3D#eve=
nt-input-change&gt;change&lt;/a&gt;&lt;/code&gt; event &lt;a href=3D#conc=
ept-input-apply title=3Dconcept-input-apply&gt;applies&lt;/a&gt;.&lt;/p&g=
t;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-autocomplete&gt;&lt;a hre=
f=3D#attr-fe-autocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formenctype&gt;&lt;a href=
=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formnovalidate&gt;&lt;a h=
ref=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formtarget&gt;&lt;a href=3D=
#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-list&gt;&lt;a href=3D#=
attr-input-list&gt;list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-max&gt;&lt;a href=3D#a=
ttr-input-max&gt;max&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-maxlength&gt;&lt;a hre=
f=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-min&gt;&lt;a href=3D#a=
ttr-input-min&gt;min&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-minlength&gt;&lt;a hre=
f=3D#attr-input-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-pattern&gt;&lt;a href=3D=
#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-placeholder&gt;&lt;a h=
ref=3D#attr-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-readonly&gt;&lt;a href=
=3D#attr-input-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-size&gt;&lt;a href=3D#=
attr-input-size&gt;size&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-step&gt;&lt;a href=3D#=
attr-input-step&gt;step&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Ddom-input-files&gt;&lt;a href=3D#=
dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-list&gt;&lt;a href=3D#d=
om-input-list&gt;list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionStart=
&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionStart&lt;=
/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionEnd&g=
t;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;=
&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionDirec=
tion&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selectionD=
irection&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsDate&gt;&lt;a hr=
ef=3D#dom-input-valueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsNumber&gt;&lt;a =
href=3D#dom-input-valueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; I=
DL attributes;
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-select&gt;&lt;=
a href=3D#dom-textarea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setRangeText&g=
t;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()&lt;/a&g=
t;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setSelectionRa=
nge&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSelection=
Range()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-stepDown&gt;&lt;a href=3D=
#dom-input-stepdown&gt;stepDown()&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-stepUp&gt;&lt;a href=3D=
#dom-input-stepup&gt;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code class=3Dno-backref title=3Devent-input-input&gt=
;&lt;a href=3D#event-input-input&gt;input&lt;/a&gt;&lt;/code&gt; event &l=
t;a href=3D#do-not-apply title=3D&quot;do not
+   apply&quot;&gt;does not apply&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h6 id=3D&quot;file-upload-state-(type=3Dfile)&quot;&gt;&lt;span cl=
ass=3Dsecno&gt;4.10.5.1.18 &lt;/span&gt;&lt;dfn title=3Dattr-input-type-f=
ile&gt;File Upload&lt;/dfn&gt; state (&lt;code title=3D&quot;&quot;&gt;ty=
pe=3Dfile&lt;/code&gt;)&lt;/h6&gt;
+
+  &lt;!-- v2 ideas:
+   * maximum height/width or required ratio for image uploads? - Leons P=
etrazickis
+   * maximum per-file upload size - Alfonso Mart&amp;iacute;nez de Lizar=
rondo
+  --&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#file-upload-state-(type=3Dfile)&quot; title=3D=
attr-input-type-file&gt;File Upload&lt;/a&gt; state, the rules in this se=
ction
+  apply.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; a list of &lt;dfn id=3Dconcept-input-type-file-selected title=3Dconcep=
t-input-type-file-selected&gt;selected files&lt;/dfn&gt;, each file consi=
sting of a file
+  name, a file type, and a file body (the contents of the file).&lt;/p&g=
t;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;File names must not contain path components, even in the case=
 that a user has selected an
+  entire directory hierarchy or multiple files with the same name from d=
ifferent directories. Path
+  components are those separated by U+005C REVERSE SOLIDUS character (\)=
 characters.&lt;/p&gt;
+
+  &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a h=
ref=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, the user agent =
should allow the
+  user to change the files on the list, e.g. adding or removing files. F=
iles can be from the
+  filesystem or created on the fly, e.g. a picture taken from a camera c=
onnected to the user's
+  device.&lt;/p&gt;
+
+  &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a h=
ref=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, then the elemen=
t's
+  &lt;a href=3D#activation-behavior&gt;activation behavior&lt;/a&gt; is =
as follows: if the algorithm is &lt;a href=3D#allowed-to-show-a-popup&gt;=
allowed to show a
+  popup&lt;/a&gt;, then asynchronously display prompt to the user reques=
ting that the user specify the
+  &lt;a href=3D#concept-input-type-file-selected title=3Dconcept-input-t=
ype-file-selected&gt;selected files&lt;/a&gt;; otherwise, do nothing.&lt;=
/p&gt;
+
+  &lt;p&gt;If the element is not &lt;i title=3Dconcept-fe-mutable&gt;&lt=
;a href=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, it has no &=
lt;a href=3D#activation-behavior&gt;activation
+  behavior&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: If the el=
ement is &lt;i title=3Dconcept-input-required&gt;&lt;a href=3D#concept-in=
put-required&gt;required&lt;/a&gt;&lt;/i&gt; and the list of &lt;a href=3D=
#concept-input-type-file-selected title=3Dconcept-input-type-file-selecte=
d&gt;selected files&lt;/a&gt; is empty, then the element is
+  &lt;a href=3D#suffering-from-being-missing&gt;suffering from being mis=
sing&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Unless the &lt;code title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt; attribute is s=
et, there must be no
+  more than one file in the list of &lt;a href=3D#concept-input-type-fil=
e-selected title=3Dconcept-input-type-file-selected&gt;selected
+  files&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Dattr-input-accept title=3Dattr-inp=
ut-accept&gt;&lt;code&gt;accept&lt;/code&gt;&lt;/dfn&gt; attribute may be=
 specified to
+  provide user agents with a hint of what file types will be accepted.&l=
t;/p&gt;
+
+  &lt;p&gt;If specified, the attribute must consist of a &lt;a href=3D#s=
et-of-comma-separated-tokens&gt;set of comma-separated tokens&lt;/a&gt;, =
each
+  of which must be an &lt;a href=3D#ascii-case-insensitive&gt;ASCII case=
-insensitive&lt;/a&gt; match for one of the following:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;The string &lt;code title=3D&quot;&quot;&gt;audio/=
*&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;Indicates that sound files are accepted.&lt;/dd&gt;
+
+   &lt;dt&gt;The string &lt;code title=3D&quot;&quot;&gt;video/*&lt;/cod=
e&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;Indicates that video files are accepted.&lt;/dd&gt;
+
+   &lt;dt&gt;The string &lt;code title=3D&quot;&quot;&gt;image/*&lt;/cod=
e&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;Indicates that image files are accepted.&lt;/dd&gt;
+
+   &lt;dt&gt;A &lt;a href=3D#valid-mime-type-with-no-parameters&gt;valid=
 MIME type with no parameters&lt;/a&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;Indicates that files of the specified type are accepted.&lt=
;/dd&gt;
+
+   &lt;dt&gt;A string whose first character is a U+002E FULL STOP charac=
ter (.)&lt;/dt&gt;
+
+   &lt;dd&gt;Indicates that files with the specified file extension are =
accepted.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;The tokens must not be &lt;a href=3D#ascii-case-in=
sensitive&gt;ASCII case-insensitive&lt;/a&gt; matches for any of the othe=
r tokens
+  (i.e. duplicates are not allowed). &lt;span class=3Dimpl&gt;To obtain =
the list of tokens from the
+  attribute, the user agent must &lt;a href=3D#split-a-string-on-commas =
title=3D&quot;split a string on commas&quot;&gt;split the attribute value=
 on
+  commas&lt;/a&gt;.&lt;/span&gt;&lt;/p&gt;
+
+  &lt;p&gt;User agents may use the value of this attribute to display a =
more appropriate user interface
+  than a generic file picker. For instance, given the value &lt;code tit=
le=3D&quot;&quot;&gt;image/*&lt;/code&gt;, a user
+  agent could offer the user the option of using a local camera or selec=
ting a photograph from their
+  photo collection; given the value &lt;code title=3D&quot;&quot;&gt;aud=
io/*&lt;/code&gt;, a user agent could offer the user
+  the option of recording a clip using a headset microphone.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;User agents should prevent the user from selecting files that=
 are not accepted by one (or more)
+  of these tokens.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;Authors are encouraged to specify both any MIME =
types and any corresponding
+  extensions when looking for data in a specific format.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For example, consider an application that converts Microsoft=
 Word documents to Open Document
+   Format files. Since Microsoft Word documents are described with a wid=
e variety of MIME types and
+   extensions, the site can list several, as follows:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;input type=3D&quot;file&quot; accept=3D&quot;.doc,=
.docx,.xml,application/msword,application/vnd.openxmlformats-officedocume=
nt.wordprocessingml.document&quot;&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;On platforms that only use file extensions to describe file =
types, the extensions listed here
+   can be used to filter the allowed documents, while the MIME types can=
 be used with the system's
+   type registration table (mapping MIME types to extensions used by the=
 system), if any, to
+   determine any other extensions to allow. Similarly, on a system that =
does not have file names or
+   extensions but labels documents with MIME types internally, the MIME =
types can be used to pick
+   the allowed files, while the extensions can be used if the system has=
 an extension registration
+   table that maps known extensions to MIME types used by the system.&lt=
;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dwarning&gt;Extensions tend to be ambiguous (e.g. there a=
re an untold number of formats
+  that use the &quot;&lt;code title=3D&quot;&quot;&gt;.dat&lt;/code&gt;&=
quot; extension, and users can typically quite easily rename
+  their files to have a &quot;&lt;code title=3D&quot;&quot;&gt;.doc&lt;/=
code&gt;&quot; extension even if they are not Microsoft Word
+  documents), and MIME types tend to be unreliable (e.g. many formats ha=
ve no formally registered
+  types, and many formats are in practice labeled using a number of diff=
erent MIME types). Authors
+  are reminded that, as usual, data received from a client should be tre=
ated with caution, as it may
+  not be in an expected format even if the user is not hostile and the u=
ser agent fully obeyed the
+  &lt;code title=3Dattr-input-accept&gt;&lt;a href=3D#attr-input-accept&=
gt;accept&lt;/a&gt;&lt;/code&gt; attribute's requirements.&lt;/p&gt;
+
+  &lt;div class=3Dexample id=3Dfakepath-srsly&gt;
+
+   &lt;p&gt;For historical reasons, the &lt;code title=3Ddom-input-value=
&gt;&lt;a href=3D#dom-input-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL att=
ribute prefixes
+   the file name with the string &quot;&lt;code title=3D&quot;&quot;&gt;=
C:\fakepath\&lt;/code&gt;&quot;. Some legacy user agents
+   actually included the full path (which was a security vulnerability).=
 As a result of this,
+   obtaining the file name from the &lt;code title=3Ddom-input-value&gt;=
&lt;a href=3D#dom-input-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribu=
te in a
+   backwards-compatible way is non-trivial. The following function extra=
cts the file name in a
+   suitably compatible manner:&lt;/p&gt;
+
+   &lt;pre&gt;function extractFilename(path) {
+  if (path.substr(0, 12) =3D=3D &quot;C:\\fakepath\\&quot;)
+    return path.substr(12); // modern browser
+  var x;
+  x =3D path.lastIndexOf('/');
+  if (x &amp;gt;=3D 0) // Unix-based path
+    return path.substr(x+1);
+  x =3D path.lastIndexOf('\\');
+  if (x &amp;gt;=3D 0) // Windows-based path
+    return path.substr(x+1);
+  return path; // just the file name
+}&lt;/pre&gt;
+
+   &lt;p&gt;This can be used as follows:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt;&amp;lt;input type=3Dfile name=3Dimage on=
change=3D&quot;updateFilename(this.value)&quot;&amp;gt;&amp;lt;/p&amp;gt;
+&amp;lt;p&amp;gt;The name of the file you picked is: &amp;lt;span id=3D&=
quot;filename&quot;&amp;gt;(none)&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
+&amp;lt;script&amp;gt;
+ function updateFilename(path) {
+   var name =3D extractFilename(path);
+   document.getElementById('filename').textContent =3D name;
+ }
+&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+   &lt;!-- How useful this actually is... is unclear. --&gt;
+
+  &lt;/div&gt;
+
+  &lt;hr&gt;&lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The following common &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element content attributes and IDL a=
ttributes &lt;a href=3D#concept-input-apply title=3Dconcept-input-apply&g=
t;apply&lt;/a&gt; to the element:
+   &lt;code title=3Dattr-input-accept&gt;&lt;a href=3D#attr-input-accept=
&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-multiple&gt;&lt;a href=3D#attr-input-mult=
iple&gt;multiple&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Dattr-input-required&gt;&lt;a href=3D#attr-input-requ=
ired&gt;required&lt;/a&gt;&lt;/code&gt; content attributes;
+   &lt;code title=3Ddom-input-files&gt;&lt;a href=3D#dom-input-files&gt;=
files&lt;/a&gt;&lt;/code&gt; and
+   &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;=
value&lt;/a&gt;&lt;/code&gt; IDL attributes.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute is in mode &lt;a =
href=3D#dom-input-value-filename title=3Ddom-input-value-filename&gt;file=
name&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Devent-input-change&gt;&lt;a href=3D#eve=
nt-input-change&gt;change&lt;/a&gt;&lt;/code&gt; event &lt;a href=3D#conc=
ept-input-apply title=3Dconcept-input-apply&gt;applies&lt;/a&gt;.&lt;/p&g=
t;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-autocomplete&gt;&lt;a hre=
f=3D#attr-fe-autocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formenctype&gt;&lt;a href=
=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formnovalidate&gt;&lt;a h=
ref=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formtarget&gt;&lt;a href=3D=
#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-list&gt;&lt;a href=3D#=
attr-input-list&gt;list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-max&gt;&lt;a href=3D#a=
ttr-input-max&gt;max&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-maxlength&gt;&lt;a hre=
f=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-min&gt;&lt;a href=3D#a=
ttr-input-min&gt;min&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-minlength&gt;&lt;a hre=
f=3D#attr-input-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-pattern&gt;&lt;a href=3D=
#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-placeholder&gt;&lt;a h=
ref=3D#attr-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-readonly&gt;&lt;a href=
=3D#attr-input-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-size&gt;&lt;a href=3D#=
attr-input-size&gt;size&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-step&gt;&lt;a href=3D#=
attr-input-step&gt;step&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The element's &lt;code title=3Dattr-input-value&gt;&lt;a hre=
f=3D#attr-input-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute must be o=
mitted.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Ddom-input-checked&gt;&lt;a href=3D=
#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-list&gt;&lt;a href=3D#d=
om-input-list&gt;list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionStart=
&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionStart&lt;=
/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionEnd&g=
t;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;=
&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionDirec=
tion&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selectionD=
irection&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsDate&gt;&lt;a hr=
ef=3D#dom-input-valueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsNumber&gt;&lt;a =
href=3D#dom-input-valueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; I=
DL attributes;
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-select&gt;&lt;=
a href=3D#dom-textarea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setRangeText&g=
t;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()&lt;/a&g=
t;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setSelectionRa=
nge&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSelection=
Range()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-stepDown&gt;&lt;a href=3D=
#dom-input-stepdown&gt;stepDown()&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-stepUp&gt;&lt;a href=3D=
#dom-input-stepup&gt;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code class=3Dno-backref title=3Devent-input-input&gt=
;&lt;a href=3D#event-input-input&gt;input&lt;/a&gt;&lt;/code&gt; event &l=
t;a href=3D#do-not-apply title=3D&quot;do not
+   apply&quot;&gt;does not apply&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h6 id=3D&quot;submit-button-state-(type=3Dsubmit)&quot;&gt;&lt;spa=
n class=3Dsecno&gt;4.10.5.1.19 &lt;/span&gt;&lt;dfn title=3Dattr-input-ty=
pe-submit&gt;Submit Button&lt;/dfn&gt; state (&lt;code title=3D&quot;&quo=
t;&gt;type=3Dsubmit&lt;/code&gt;)&lt;/h6&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#submit-button-state-(type=3Dsubmit)&quot; titl=
e=3Dattr-input-type-submit&gt;Submit Button&lt;/a&gt; state, the rules in=
 this section
+  apply.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; a button that, when activated, submits
+  the form. &lt;span class=3Dimpl&gt;If the element has a &lt;code title=
=3Dattr-input-value&gt;&lt;a href=3D#attr-input-value&gt;value&lt;/a&gt;&=
lt;/code&gt;
+  attribute, the button's label must be the value of that attribute; oth=
erwise, it must be an
+  implementation-defined string that means &quot;Submit&quot; or some su=
ch.&lt;/span&gt; The element is a &lt;a href=3D#concept-button title=3Dco=
ncept-button&gt;button&lt;/a&gt;, specifically a &lt;a href=3D#concept-su=
bmit-button title=3Dconcept-submit-button&gt;submit
+  button&lt;/a&gt;.
+  &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot;=
fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fin=
gerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&qu=
ot; height=3D64&gt;&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a h=
ref=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, then the elemen=
t's
+  &lt;a href=3D#activation-behavior&gt;activation behavior&lt;/a&gt; is =
as follows: if the element has a &lt;a href=3D#form-owner&gt;form owner&l=
t;/a&gt;,
+  and the element's &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a=
&gt;&lt;/code&gt; is &lt;a href=3D#fully-active&gt;fully active&lt;/a&gt;=
,
+  &lt;a href=3D#concept-form-submit title=3Dconcept-form-submit&gt;submi=
t&lt;/a&gt; the &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt; from the
+  &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/cod=
e&gt; element; otherwise, do nothing.&lt;/p&gt;
+
+  &lt;p&gt;If the element is not &lt;i title=3Dconcept-fe-mutable&gt;&lt=
;a href=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, it has no &=
lt;a href=3D#activation-behavior&gt;activation
+  behavior&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-fs-formaction&gt;&lt;a href=3D#attr=
-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Datt=
r-fs-formenctype&gt;&lt;a href=3D#attr-fs-formenctype&gt;formenctype&lt;/=
a&gt;&lt;/code&gt;, &lt;code title=3Dattr-fs-formmethod&gt;&lt;a href=3D#=
attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;, &lt;code title=3D=
attr-fs-formnovalidate&gt;&lt;a href=3D#attr-fs-formnovalidate&gt;formnov=
alidate&lt;/a&gt;&lt;/code&gt;, and &lt;code title=3Dattr-fs-formtarget&g=
t;&lt;a href=3D#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt; a=
ttributes are &lt;a href=3D#attributes-for-form-submission&gt;attributes =
for form
+  submission&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code title=3Dattr-fs-formnovalidate&gt;&=
lt;a href=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&=
gt; attribute can be
+  used to make submit buttons that do not trigger the constraint validat=
ion.&lt;/p&gt;
+
+  &lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The following common &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element content attributes and IDL a=
ttributes &lt;a href=3D#concept-input-apply title=3Dconcept-input-apply&g=
t;apply&lt;/a&gt; to the element:
+   &lt;code title=3Dattr-fs-formaction&gt;&lt;a href=3D#attr-fs-formacti=
on&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-fs-formenctype&gt;&lt;a href=3D#attr-fs-formenc=
type&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-fs-formmethod&gt;&lt;a href=3D#attr-fs-formmeth=
od&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-fs-formnovalidate&gt;&lt;a href=3D#attr-fs-form=
novalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Dattr-fs-formtarget&gt;&lt;a href=3D#attr-fs-formtarg=
et&gt;formtarget&lt;/a&gt;&lt;/code&gt; content attributes;
+   &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;=
value&lt;/a&gt;&lt;/code&gt; IDL attribute.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute is in mode &lt;a =
href=3D#dom-input-value-default title=3Ddom-input-value-default&gt;defaul=
t&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-autocomplete&gt;&lt;a hre=
f=3D#attr-fe-autocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-list&gt;&lt;a href=3D#=
attr-input-list&gt;list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-max&gt;&lt;a href=3D#a=
ttr-input-max&gt;max&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-maxlength&gt;&lt;a hre=
f=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-min&gt;&lt;a href=3D#a=
ttr-input-min&gt;min&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-minlength&gt;&lt;a hre=
f=3D#attr-input-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-pattern&gt;&lt;a href=3D=
#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-placeholder&gt;&lt;a h=
ref=3D#attr-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-readonly&gt;&lt;a href=
=3D#attr-input-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-required&gt;&lt;a href=
=3D#attr-input-required&gt;required&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-size&gt;&lt;a href=3D#=
attr-input-size&gt;size&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-step&gt;&lt;a href=3D#=
attr-input-step&gt;step&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Ddom-input-checked&gt;&lt;a href=3D=
#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-files&gt;&lt;a href=3D#=
dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-list&gt;&lt;a href=3D#d=
om-input-list&gt;list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionStart=
&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionStart&lt;=
/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionEnd&g=
t;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;=
&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionDirec=
tion&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selectionD=
irection&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsDate&gt;&lt;a hr=
ef=3D#dom-input-valueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsNumber&gt;&lt;a =
href=3D#dom-input-valueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; I=
DL attributes;
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-select&gt;&lt;=
a href=3D#dom-textarea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setRangeText&g=
t;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()&lt;/a&g=
t;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setSelectionRa=
nge&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSelection=
Range()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-stepDown&gt;&lt;a href=3D=
#dom-input-stepdown&gt;stepDown()&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-stepUp&gt;&lt;a href=3D=
#dom-input-stepup&gt;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code class=3Dno-backref title=3Devent-input-input&gt=
;&lt;a href=3D#event-input-input&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;=
code class=3Dno-backref title=3Devent-input-change&gt;&lt;a href=3D#event=
-input-change&gt;change&lt;/a&gt;&lt;/code&gt; events &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3D&quot;image-button-state-(type=3Dimage)&quot;&gt;&lt;span =
class=3Dsecno&gt;4.10.5.1.20 &lt;/span&gt;&lt;dfn title=3Dattr-input-type=
-image&gt;Image Button&lt;/dfn&gt; state (&lt;code title=3D&quot;&quot;&g=
t;type=3Dimage&lt;/code&gt;)&lt;/h6&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#image-button-state-(type=3Dimage)&quot; title=3D=
attr-input-type-image&gt;Image Button&lt;/a&gt; state, the rules in this =
section
+  apply.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; either an image from which a user can
+  select a coordinate and submit the form, or alternatively a button fro=
m which the user can submit
+  the form. The element is a &lt;a href=3D#concept-button title=3Dconcep=
t-button&gt;button&lt;/a&gt;, specifically a &lt;a href=3D#concept-submit=
-button title=3Dconcept-submit-button&gt;submit button&lt;/a&gt;.&lt;/p&g=
t;
+
+  &lt;p class=3Dnote&gt;The coordinate is sent to the server &lt;a href=3D=
#constructing-the-form-data-set title=3D&quot;constructing the form data
+  set&quot;&gt;during form submission&lt;/a&gt; by sending two entries f=
or the element, derived from the name
+  of the control but with &quot;&lt;code title=3D&quot;&quot;&gt;.x&lt;/=
code&gt;&quot; and &quot;&lt;code title=3D&quot;&quot;&gt;.y&lt;/code&gt;=
&quot; appended to the
+  name with the &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; and &lt;va=
r title=3D&quot;&quot;&gt;y&lt;/var&gt; components of the coordinate
+  respectively.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The image is given by the &lt;dfn id=3Dattr-input-s=
rc title=3Dattr-input-src&gt;&lt;code&gt;src&lt;/code&gt;&lt;/dfn&gt; att=
ribute. The
+  &lt;code title=3Dattr-input-src&gt;&lt;a href=3D#attr-input-src&gt;src=
&lt;/a&gt;&lt;/code&gt; attribute must be present, and must contain a &lt=
;a href=3D#valid-non-empty-url-potentially-surrounded-by-spaces&gt;valid
+  non-empty URL potentially surrounded by spaces&lt;/a&gt; referencing a=
 non-interactive, optionally
+  animated, image resource that is neither paged nor scripted.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When any of the following events occur, unless the user agent=
 cannot support images, or its
+  support for images has been disabled, or the user agent only fetches e=
lements on demand, or the
+  &lt;code title=3Dattr-input-src&gt;&lt;a href=3D#attr-input-src&gt;src=
&lt;/a&gt;&lt;/code&gt; attribute's value is the empty string, the user a=
gent must
+  &lt;a href=3D#resolve-a-url title=3D&quot;resolve a url&quot;&gt;resol=
ve&lt;/a&gt; the value of the &lt;code title=3Dattr-input-src&gt;&lt;a hr=
ef=3D#attr-input-src&gt;src&lt;/a&gt;&lt;/code&gt; attribute, relative to=
 the element, and if that is successful,
+  must &lt;a href=3D#fetch&gt;fetch&lt;/a&gt;&lt;!--FETCH--&gt; the resu=
lting &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt;:&lt;/p&gt; &lt=
;!-- Note how
+  this does NOT happen when the base URL changes. --&gt; &lt;!-- http-or=
igin privacy sensitive --&gt;
+
+  &lt;ul&gt;&lt;li&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt=
;input&lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&=
gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute=
 is first
+   set to the &lt;a href=3D&quot;#image-button-state-(type=3Dimage)&quot=
; title=3Dattr-input-type-image&gt;Image Button&lt;/a&gt; state (possibly=
 when the
+   element is first created), and the &lt;code title=3Dattr-input-src&gt=
;&lt;a href=3D#attr-input-src&gt;src&lt;/a&gt;&lt;/code&gt; attribute is
+   present.&lt;/li&gt;
+
+   &lt;li&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt=
;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;a =
href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is
+   changed back to the &lt;a href=3D&quot;#image-button-state-(type=3Dim=
age)&quot; title=3Dattr-input-type-image&gt;Image Button&lt;/a&gt; state,=
 and the &lt;code title=3Dattr-input-src&gt;&lt;a href=3D#attr-input-src&=
gt;src&lt;/a&gt;&lt;/code&gt; attribute is present, and its value has cha=
nged since the last
+   time the &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input=
-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute was in the &lt;a href=3D&q=
uot;#image-button-state-(type=3Dimage)&quot; title=3Dattr-input-type-imag=
e&gt;Image Button&lt;/a&gt; state.&lt;/li&gt;
+
+   &lt;li&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt=
;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;a =
href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+   the &lt;a href=3D&quot;#image-button-state-(type=3Dimage)&quot; title=
=3Dattr-input-type-image&gt;Image Button&lt;/a&gt; state, and the &lt;cod=
e title=3Dattr-input-src&gt;&lt;a href=3D#attr-input-src&gt;src&lt;/a&gt;=
&lt;/code&gt; attribute is set or changed.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;!-- same text in &lt;img&gt; section and similar text e=
lsewhere --&gt;&lt;p&gt;Fetching the image must &lt;a href=3D#delay-the-l=
oad-event&gt;delay the load event&lt;/a&gt; of the element's document unt=
il the
+  &lt;a href=3D#concept-task title=3Dconcept-task&gt;task&lt;/a&gt; that=
 is &lt;a href=3D#queue-a-task title=3D&quot;queue a task&quot;&gt;queued=
&lt;/a&gt; by the
+  &lt;a href=3D#networking-task-source&gt;networking task source&lt;/a&g=
t; once the resource has been &lt;a href=3D#fetch title=3Dfetch&gt;fetche=
d&lt;/a&gt;
+  (defined below) has been run.&lt;/p&gt;
+
+  &lt;p&gt;If the image was successfully obtained, with no network error=
s, and the image's type is a
+  supported image type, and the image is a valid image of that type, the=
n the image is said to be
+  &lt;dfn id=3Dinput-img-available title=3Dinput-img-available&gt;&lt;i&=
gt;available&lt;/i&gt;&lt;/dfn&gt;. If this is true before the image is
+  completely downloaded, each &lt;a href=3D#concept-task title=3Dconcept=
-task&gt;task&lt;/a&gt; that is &lt;a href=3D#queue-a-task title=3D&quot;=
queue a
+  task&quot;&gt;queued&lt;/a&gt; by the &lt;a href=3D#networking-task-so=
urce&gt;networking task source&lt;/a&gt; while the image is being &lt;a h=
ref=3D#fetch title=3Dfetch&gt;fetched&lt;/a&gt; must update the presentat=
ion of the image appropriately.&lt;/p&gt;
+
+  &lt;p&gt;The user agent should apply the &lt;a href=3D#content-type-sn=
iffing:-image title=3D&quot;Content-Type sniffing: image&quot;&gt;image s=
niffing
+  rules&lt;/a&gt; to determine the type of the image, with the image's &=
lt;a href=3D#content-type title=3DContent-Type&gt;associated Content-Type=
 headers&lt;/a&gt; giving the &lt;var title=3D&quot;&quot;&gt;official
+  type&lt;/var&gt;. If these rules are not applied, then the type of the=
 image must be the type given by
+  the image's &lt;a href=3D#content-type title=3DContent-Type&gt;associa=
ted Content-Type headers&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;User agents must not support non-image resources with the &lt=
;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; =
element. User
+  agents must not run executable code embedded in the image resource. Us=
er agents must only display
+  the first page of a multipage resource. User agents must not allow the=
 resource to act in an
+  interactive fashion, but should honor any animation in the resource.&l=
t;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#concept-task title=3Dconcept-task&gt;task&l=
t;/a&gt; that is &lt;a href=3D#queue-a-task title=3D&quot;queue a task&qu=
ot;&gt;queued&lt;/a&gt; by
+  the &lt;a href=3D#networking-task-source&gt;networking task source&lt;=
/a&gt; once the resource has been &lt;a href=3D#fetch title=3Dfetch&gt;fe=
tched&lt;/a&gt;, must, if the download was successful and the image is &l=
t;i title=3Dinput-img-available&gt;&lt;a href=3D#input-img-available&gt;a=
vailable&lt;/a&gt;&lt;/i&gt;, &lt;a href=3D#queue-a-task&gt;queue a task&=
lt;/a&gt; to &lt;a href=3D#fire-a-simple-event&gt;fire a simple
+  event&lt;/a&gt; named &lt;code title=3Devent-load&gt;load&lt;/code&gt;=
 at the &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt=
;/code&gt; element; and
+  otherwise, if the fetching process fails without a response from the r=
emote server, or completes
+  but the image is not a valid or supported image, &lt;a href=3D#queue-a=
-task&gt;queue a task&lt;/a&gt; to &lt;a href=3D#fire-a-simple-event&gt;f=
ire a simple
+  event&lt;/a&gt; named &lt;code title=3Devent-error&gt;error&lt;/code&g=
t; on the &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&=
lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;/div&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-input-alt title=3Dattr-input-alt&gt;&lt=
;code&gt;alt&lt;/code&gt;&lt;/dfn&gt; attribute provides the textual labe=
l for
+  the button for users and user agents who cannot use the image. The &lt=
;code title=3Dattr-input-alt&gt;&lt;a href=3D#attr-input-alt&gt;alt&lt;/a=
&gt;&lt;/code&gt; attribute must be present, and must contain a non-empty=
 string
+  giving the label that would be appropriate for an equivalent button if=
 the image was
+  unavailable.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element supports &lt;a href=3D#dimension-attributes&gt=
;dimension attributes&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;hr&gt;&lt;p&gt;If the &lt;code title=3Dattr-input-src&gt;&lt;a hre=
f=3D#attr-input-src&gt;src&lt;/a&gt;&lt;/code&gt; attribute is set, and t=
he image is &lt;i title=3Dinput-img-available&gt;&lt;a href=3D#input-img-=
available&gt;available&lt;/a&gt;&lt;/i&gt; and the user agent is configur=
ed to display that image,
+  then: The element &lt;a href=3D#represents&gt;represents&lt;/a&gt; a c=
ontrol for selecting a &lt;a href=3D#concept-input-type-image-coordinate =
title=3Dconcept-input-type-image-coordinate&gt;coordinate&lt;/a&gt; from =
the image specified by the
+  &lt;code title=3Dattr-input-src&gt;&lt;a href=3D#attr-input-src&gt;src=
&lt;/a&gt;&lt;/code&gt; attribute; if the element is &lt;i title=3Dconcep=
t-fe-mutable&gt;&lt;a href=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;=
/i&gt;, the user agent should allow the user to select this &lt;a href=3D=
#concept-input-type-image-coordinate title=3Dconcept-input-type-image-coo=
rdinate&gt;coordinate&lt;/a&gt;, and the element's &lt;a href=3D#activati=
on-behavior&gt;activation
+  behavior&lt;/a&gt; is as follows: if the element has a &lt;a href=3D#f=
orm-owner&gt;form owner&lt;/a&gt;, and the element's
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
is &lt;a href=3D#fully-active&gt;fully active&lt;/a&gt;, take the user's =
selected &lt;a href=3D#concept-input-type-image-coordinate title=3Dconcep=
t-input-type-image-coordinate&gt;coordinate&lt;/a&gt;, and &lt;a href=3D#=
concept-form-submit title=3Dconcept-form-submit&gt;submit&lt;/a&gt; the &=
lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt=
; element's &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt;
+  from the &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt=
;&lt;/code&gt; element. If the user activates the control without explici=
tly
+  selecting a coordinate, then the coordinate (0,0) must be assumed.&lt;=
/p&gt;
+
+  &lt;p&gt;Otherwise, the element &lt;a href=3D#represents&gt;represents=
&lt;/a&gt; a submit button whose label is given by the
+  value of the &lt;code title=3Dattr-input-alt&gt;&lt;a href=3D#attr-inp=
ut-alt&gt;alt&lt;/a&gt;&lt;/code&gt; attribute; if the element is &lt;i t=
itle=3Dconcept-fe-mutable&gt;&lt;a href=3D#concept-fe-mutable&gt;mutable&=
lt;/a&gt;&lt;/i&gt;, then the element's &lt;a href=3D#activation-behavior=
&gt;activation behavior&lt;/a&gt; is as
+  follows: if the element has a &lt;a href=3D#form-owner&gt;form owner&l=
t;/a&gt;, and the element's &lt;code&gt;&lt;a href=3D#document&gt;Documen=
t&lt;/a&gt;&lt;/code&gt; is
+  &lt;a href=3D#fully-active&gt;fully active&lt;/a&gt;, set the &lt;a hr=
ef=3D#concept-input-type-image-coordinate title=3Dconcept-input-type-imag=
e-coordinate&gt;selected
+  coordinate&lt;/a&gt; to (0,0), and &lt;a href=3D#concept-form-submit t=
itle=3Dconcept-form-submit&gt;submit&lt;/a&gt; the
+  &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/cod=
e&gt; element's &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt; from the=
 &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&=
gt; element.&lt;/p&gt;
+
+  &lt;p&gt;In either case, if the element is &lt;i title=3Dconcept-fe-mu=
table&gt;&lt;a href=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt; =
but has no
+  &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt; or the element's &lt;=
code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; is not =
&lt;a href=3D#fully-active&gt;fully active&lt;/a&gt;,
+  then its &lt;a href=3D#activation-behavior&gt;activation behavior&lt;/=
a&gt; must be to do nothing. If the element is not &lt;i title=3Dconcept-=
fe-mutable&gt;&lt;a href=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i=
&gt;, it has no &lt;a href=3D#activation-behavior&gt;activation behavior&=
lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dconcept-input-type-image-coordinate title=3D=
concept-input-type-image-coordinate&gt;selected coordinate&lt;/dfn&gt; mu=
st consist of
+  an &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;-component and a &lt;v=
ar title=3D&quot;&quot;&gt;y&lt;/var&gt;-component. The coordinates
+  represent the position relative to the edge of the image, with the coo=
rdinate space having the
+  positive &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; direction to th=
e right, and the positive &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;
+  direction downwards.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;-component m=
ust be a &lt;a href=3D#valid-integer&gt;valid integer&lt;/a&gt; represent=
ing a number
+  &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; in the range &lt;span ti=
tle=3D&quot;&quot;&gt;&amp;minus;(&lt;var title=3D&quot;&quot;&gt;border&=
lt;sub title=3D&quot;&quot;&gt;left&lt;/sub&gt;&lt;/var&gt;+&lt;var title=
=3D&quot;&quot;&gt;padding&lt;sub title=3D&quot;&quot;&gt;left&lt;/sub&gt=
;&lt;/var&gt;) &amp;le; &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; &am=
p;le; &lt;var title=3D&quot;&quot;&gt;width&lt;/var&gt;+&lt;var title=3D&=
quot;&quot;&gt;border&lt;sub title=3D&quot;&quot;&gt;right&lt;/sub&gt;&lt=
;/var&gt;+&lt;var title=3D&quot;&quot;&gt;padding&lt;sub title=3D&quot;&q=
uot;&gt;right&lt;/sub&gt;&lt;/var&gt;&lt;/span&gt;, where &lt;var title=3D=
&quot;&quot;&gt;width&lt;/var&gt; is the rendered width of the image, &lt=
;var title=3D&quot;&quot;&gt;border&lt;sub title=3D&quot;&quot;&gt;left&l=
t;/sub&gt;&lt;/var&gt; is the width of the border on the left of the imag=
e, &lt;var title=3D&quot;&quot;&gt;padding&lt;sub title=3D&quot;&quot;&gt=
;left&lt;/sub&gt;&lt;/var&gt; is the width of the padding on the left of =
the
+  image, &lt;var title=3D&quot;&quot;&gt;border&lt;sub title=3D&quot;&qu=
ot;&gt;right&lt;/sub&gt;&lt;/var&gt; is the width of the border on the ri=
ght
+  of the image, and &lt;var title=3D&quot;&quot;&gt;padding&lt;sub title=
=3D&quot;&quot;&gt;right&lt;/sub&gt;&lt;/var&gt; is the width of the padd=
ing
+  on the right of the image, with all dimensions given in CSS pixels.&lt=
;/p&gt;
+
+  &lt;p&gt;The &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;-component m=
ust be a &lt;a href=3D#valid-integer&gt;valid integer&lt;/a&gt; represent=
ing a number
+  &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; in the range &lt;span ti=
tle=3D&quot;&quot;&gt;&amp;minus;(&lt;var title=3D&quot;&quot;&gt;border&=
lt;sub title=3D&quot;&quot;&gt;top&lt;/sub&gt;&lt;/var&gt;+&lt;var title=3D=
&quot;&quot;&gt;padding&lt;sub title=3D&quot;&quot;&gt;top&lt;/sub&gt;&lt=
;/var&gt;) &amp;le; &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; &amp;le=
; &lt;var title=3D&quot;&quot;&gt;height&lt;/var&gt;+&lt;var title=3D&quo=
t;&quot;&gt;border&lt;sub title=3D&quot;&quot;&gt;bottom&lt;/sub&gt;&lt;/=
var&gt;+&lt;var title=3D&quot;&quot;&gt;padding&lt;sub title=3D&quot;&quo=
t;&gt;bottom&lt;/sub&gt;&lt;/var&gt;&lt;/span&gt;, where
+  &lt;var title=3D&quot;&quot;&gt;height&lt;/var&gt; is the rendered hei=
ght of the image, &lt;var title=3D&quot;&quot;&gt;border&lt;sub title=3D&=
quot;&quot;&gt;top&lt;/sub&gt;&lt;/var&gt; is the width of the border abo=
ve the image, &lt;var title=3D&quot;&quot;&gt;padding&lt;sub title=3D&quo=
t;&quot;&gt;top&lt;/sub&gt;&lt;/var&gt; is the width of the padding above=
 the image, &lt;var title=3D&quot;&quot;&gt;border&lt;sub title=3D&quot;&=
quot;&gt;bottom&lt;/sub&gt;&lt;/var&gt; is the width of the border below =
the image, and &lt;var title=3D&quot;&quot;&gt;padding&lt;sub title=3D&qu=
ot;&quot;&gt;bottom&lt;/sub&gt;&lt;/var&gt; is the width of the padding b=
elow the image, with
+  all dimensions given in CSS pixels.&lt;/p&gt;
+
+  &lt;p&gt;Where a border or padding is missing, its width is zero CSS p=
ixels.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-fs-formaction&gt;&lt;a href=3D#attr=
-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Datt=
r-fs-formenctype&gt;&lt;a href=3D#attr-fs-formenctype&gt;formenctype&lt;/=
a&gt;&lt;/code&gt;, &lt;code title=3Dattr-fs-formmethod&gt;&lt;a href=3D#=
attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;, &lt;code title=3D=
attr-fs-formnovalidate&gt;&lt;a href=3D#attr-fs-formnovalidate&gt;formnov=
alidate&lt;/a&gt;&lt;/code&gt;, and &lt;code title=3Dattr-fs-formtarget&g=
t;&lt;a href=3D#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt; a=
ttributes are &lt;a href=3D#attributes-for-form-submission&gt;attributes =
for form
+  submission&lt;/a&gt;.&lt;/p&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;i=
mage&lt;/var&gt; . &lt;code title=3Ddom-input-width&gt;&lt;a href=3D#dom-=
input-width&gt;width&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&=
quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;image&lt;/var&gt; . &lt;cod=
e title=3Ddom-input-height&gt;&lt;a href=3D#dom-input-height&gt;height&lt=
;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quot;&gt;value&lt;/var&=
gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;These attributes return the actual rendered dimensions of t=
he image, or zero if the
+    dimensions are not known.&lt;/p&gt;
+
+    &lt;p&gt;They can be set, to change the corresponding content attrib=
utes.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The following common &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element content attributes and IDL a=
ttributes &lt;a href=3D#concept-input-apply title=3Dconcept-input-apply&g=
t;apply&lt;/a&gt; to the element:
+   &lt;code title=3Dattr-input-alt&gt;&lt;a href=3D#attr-input-alt&gt;al=
t&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-fs-formaction&gt;&lt;a href=3D#attr-fs-formacti=
on&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-fs-formenctype&gt;&lt;a href=3D#attr-fs-formenc=
type&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-fs-formmethod&gt;&lt;a href=3D#attr-fs-formmeth=
od&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-fs-formnovalidate&gt;&lt;a href=3D#attr-fs-form=
novalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-fs-formtarget&gt;&lt;a href=3D#attr-fs-formtarg=
et&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-dim-height&gt;&lt;a href=3D#attr-dim-height&gt;=
height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-input-src&gt;&lt;a href=3D#attr-input-src&gt;sr=
c&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Dattr-dim-width&gt;&lt;a href=3D#attr-dim-width&gt;wi=
dth&lt;/a&gt;&lt;/code&gt; content attributes;
+   &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-input-value&gt;=
value&lt;/a&gt;&lt;/code&gt; IDL attribute.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute is in mode &lt;a =
href=3D#dom-input-value-default title=3Ddom-input-value-default&gt;defaul=
t&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-autocomplete&gt;&lt;a hre=
f=3D#attr-fe-autocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-list&gt;&lt;a href=3D#=
attr-input-list&gt;list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-max&gt;&lt;a href=3D#a=
ttr-input-max&gt;max&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-maxlength&gt;&lt;a hre=
f=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-min&gt;&lt;a href=3D#a=
ttr-input-min&gt;min&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-minlength&gt;&lt;a hre=
f=3D#attr-input-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-pattern&gt;&lt;a href=3D=
#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-placeholder&gt;&lt;a h=
ref=3D#attr-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-readonly&gt;&lt;a href=
=3D#attr-input-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-required&gt;&lt;a href=
=3D#attr-input-required&gt;required&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-size&gt;&lt;a href=3D#=
attr-input-size&gt;size&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-input-step&gt;&lt;a href=3D#=
attr-input-step&gt;step&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The element's &lt;code title=3Dattr-input-value&gt;&lt;a hre=
f=3D#attr-input-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute must be o=
mitted.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Ddom-input-checked&gt;&lt;a href=3D=
#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-files&gt;&lt;a href=3D#=
dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-list&gt;&lt;a href=3D#d=
om-input-list&gt;list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionStart=
&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionStart&lt;=
/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionEnd&g=
t;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;=
&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionDirec=
tion&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selectionD=
irection&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsDate&gt;&lt;a hr=
ef=3D#dom-input-valueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsNumber&gt;&lt;a =
href=3D#dom-input-valueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; I=
DL attributes;
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-select&gt;&lt;=
a href=3D#dom-textarea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setRangeText&g=
t;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()&lt;/a&g=
t;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setSelectionRa=
nge&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSelection=
Range()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-stepDown&gt;&lt;a href=3D=
#dom-input-stepdown&gt;stepDown()&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-stepUp&gt;&lt;a href=3D=
#dom-input-stepup&gt;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code class=3Dno-backref title=3Devent-input-input&gt=
;&lt;a href=3D#event-input-input&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;=
code class=3Dno-backref title=3Devent-input-change&gt;&lt;a href=3D#event=
-input-change&gt;change&lt;/a&gt;&lt;/code&gt; events &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;Many aspects of this state's behavior are simila=
r to the behavior of the
+  &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt=
; element. Readers are encouraged to read that section, where many of the=
 same
+  requirements are described in more detail.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Take the following form:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;form action=3D&quot;process.cgi&quot;&amp;gt;
+ &amp;lt;input type=3Dimage src=3Dmap.png name=3Dwhere alt=3D&quot;Show =
location list&quot;&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;If the user clicked on the image at coordinate (127,40) then=
 the URL used to submit the form
+   would be &quot;&lt;code title=3D&quot;&quot;&gt;process.cgi?where.x=3D=
127&amp;amp;where.y=3D40&lt;/code&gt;&quot;.&lt;/p&gt;
+
+   &lt;p&gt;(In this example, it's assumed that for users who don't see =
the map, and who instead just see
+   a button labeled &quot;Show location list&quot;, clicking the button =
will cause the server to show a list
+   of locations to pick from instead of the map.)&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h6 id=3D&quot;reset-button-state-(type=3Dreset)&quot;&gt;&lt;span =
class=3Dsecno&gt;4.10.5.1.21 &lt;/span&gt;&lt;dfn title=3Dattr-input-type=
-reset&gt;Reset Button&lt;/dfn&gt; state (&lt;code title=3D&quot;&quot;&g=
t;type=3Dreset&lt;/code&gt;)&lt;/h6&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#reset-button-state-(type=3Dreset)&quot; title=3D=
attr-input-type-reset&gt;Reset Button&lt;/a&gt; state, the rules in this =
section
+  apply.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; a button that, when activated, resets
+  the form. &lt;span class=3Dimpl&gt;If the element has a &lt;code title=
=3Dattr-input-value&gt;&lt;a href=3D#attr-input-value&gt;value&lt;/a&gt;&=
lt;/code&gt;
+  attribute, the button's label must be the value of that attribute; oth=
erwise, it must be an
+  implementation-defined string that means &quot;Reset&quot; or some suc=
h.&lt;/span&gt; The element is a &lt;a href=3D#concept-button title=3Dcon=
cept-button&gt;button&lt;/a&gt;.
+  &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot;=
fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fin=
gerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&qu=
ot; height=3D64&gt;&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a h=
ref=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, then the elemen=
t's
+  &lt;a href=3D#activation-behavior&gt;activation behavior&lt;/a&gt;, if=
 the element has a &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt; and t=
he element's
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
is &lt;a href=3D#fully-active&gt;fully active&lt;/a&gt;, is to &lt;a href=
=3D#concept-form-reset title=3Dconcept-form-reset&gt;reset&lt;/a&gt; the =
&lt;a href=3D#form-owner&gt;form owner&lt;/a&gt;; otherwise, it is to do
+  nothing.&lt;/p&gt;
+
+  &lt;p&gt;If the element is not &lt;i title=3Dconcept-fe-mutable&gt;&lt=
;a href=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, it has no &=
lt;a href=3D#activation-behavior&gt;activation
+  behavior&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: The eleme=
nt is &lt;a href=3D#barred-from-constraint-validation&gt;barred from cons=
traint
+  validation&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute &lt;a href=3D#con=
cept-input-apply title=3Dconcept-input-apply&gt;applies&lt;/a&gt; to this=
 element and is in mode &lt;a href=3D#dom-input-value-default title=3Ddom=
-input-value-default&gt;default&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-autocomplete&gt;&lt;a hre=
f=3D#attr-fe-autocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formenctype&gt;&lt;a href=
=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formnovalidate&gt;&lt;a h=
ref=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formtarget&gt;&lt;a href=3D=
#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-list&gt;&lt;a href=3D#=
attr-input-list&gt;list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-max&gt;&lt;a href=3D#a=
ttr-input-max&gt;max&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-maxlength&gt;&lt;a hre=
f=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-min&gt;&lt;a href=3D#a=
ttr-input-min&gt;min&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-minlength&gt;&lt;a hre=
f=3D#attr-input-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-pattern&gt;&lt;a href=3D=
#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-placeholder&gt;&lt;a h=
ref=3D#attr-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-readonly&gt;&lt;a href=
=3D#attr-input-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-required&gt;&lt;a href=
=3D#attr-input-required&gt;required&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-size&gt;&lt;a href=3D#=
attr-input-size&gt;size&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-step&gt;&lt;a href=3D#=
attr-input-step&gt;step&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Ddom-input-checked&gt;&lt;a href=3D=
#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-files&gt;&lt;a href=3D#=
dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-list&gt;&lt;a href=3D#d=
om-input-list&gt;list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionStart=
&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionStart&lt;=
/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionEnd&g=
t;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;=
&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionDirec=
tion&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selectionD=
irection&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsDate&gt;&lt;a hr=
ef=3D#dom-input-valueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsNumber&gt;&lt;a =
href=3D#dom-input-valueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; I=
DL attributes;
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-select&gt;&lt;=
a href=3D#dom-textarea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setRangeText&g=
t;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()&lt;/a&g=
t;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setSelectionRa=
nge&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSelection=
Range()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-stepDown&gt;&lt;a href=3D=
#dom-input-stepdown&gt;stepDown()&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-stepUp&gt;&lt;a href=3D=
#dom-input-stepup&gt;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code class=3Dno-backref title=3Devent-input-input&gt=
;&lt;a href=3D#event-input-input&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;=
code class=3Dno-backref title=3Devent-input-change&gt;&lt;a href=3D#event=
-input-change&gt;change&lt;/a&gt;&lt;/code&gt; events &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3D&quot;button-state-(type=3Dbutton)&quot;&gt;&lt;span class=
=3Dsecno&gt;4.10.5.1.22 &lt;/span&gt;&lt;dfn title=3Dattr-input-type-butt=
on&gt;Button&lt;/dfn&gt; state (&lt;code title=3D&quot;&quot;&gt;type=3Db=
utton&lt;/code&gt;)&lt;/h6&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D&quot;#button-state-(type=3Dbutton)&quot; title=3Datt=
r-input-type-button&gt;Button&lt;/a&gt; state, the rules in this section =
apply.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; a button with no default behavior. A
+  label for the button must be provided in the &lt;code title=3Dattr-inp=
ut-value&gt;&lt;a href=3D#attr-input-value&gt;value&lt;/a&gt;&lt;/code&gt=
;
+  attribute, though it may be the empty string. &lt;span class=3Dimpl&gt=
;If the element has a &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#=
attr-input-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, the button's =
label must be the value of that
+  attribute; otherwise, it must be the empty string.&lt;/span&gt; The el=
ement is a &lt;a href=3D#concept-button title=3Dconcept-button&gt;button&=
lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a h=
ref=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, the element's &=
lt;a href=3D#activation-behavior&gt;activation
+  behavior&lt;/a&gt; is to do nothing.&lt;/p&gt;
+
+  &lt;p&gt;If the element is not &lt;i title=3Dconcept-fe-mutable&gt;&lt=
;a href=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt;, it has no &=
lt;a href=3D#activation-behavior&gt;activation
+  behavior&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: The eleme=
nt is &lt;a href=3D#barred-from-constraint-validation&gt;barred from cons=
traint
+  validation&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dbookkeeping&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-in=
put-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL attribute &lt;a href=3D#con=
cept-input-apply title=3Dconcept-input-apply&gt;applies&lt;/a&gt; to this=
 element and is in mode &lt;a href=3D#dom-input-value-default title=3Ddom=
-input-value-default&gt;default&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following content attributes must not be specified and &=
lt;a href=3D#do-not-apply&gt;do not apply&lt;/a&gt; to the
+   element:
+   &lt;code class=3Dno-backref title=3Dattr-input-accept&gt;&lt;a href=3D=
#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-alt&gt;&lt;a href=3D#a=
ttr-input-alt&gt;alt&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-autocomplete&gt;&lt;a hre=
f=3D#attr-fe-autocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-checked&gt;&lt;a href=3D=
#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-dirname&gt;&lt;a href=3D#=
attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formenctype&gt;&lt;a href=
=3D#attr-fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formnovalidate&gt;&lt;a h=
ref=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fs-formtarget&gt;&lt;a href=3D=
#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-dim-height&gt;&lt;a href=3D#=
attr-dim-height&gt;height&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-fe-inputmode&gt;&lt;a href=3D=
#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-list&gt;&lt;a href=3D#=
attr-input-list&gt;list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-max&gt;&lt;a href=3D#a=
ttr-input-max&gt;max&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-maxlength&gt;&lt;a hre=
f=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-min&gt;&lt;a href=3D#a=
ttr-input-min&gt;min&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-minlength&gt;&lt;a hre=
f=3D#attr-input-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-multiple&gt;&lt;a href=
=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-pattern&gt;&lt;a href=3D=
#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-placeholder&gt;&lt;a h=
ref=3D#attr-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-readonly&gt;&lt;a href=
=3D#attr-input-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-required&gt;&lt;a href=
=3D#attr-input-required&gt;required&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-size&gt;&lt;a href=3D#=
attr-input-size&gt;size&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-src&gt;&lt;a href=3D#a=
ttr-input-src&gt;src&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Dattr-input-step&gt;&lt;a href=3D#=
attr-input-step&gt;step&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Dattr-dim-width&gt;&lt;a href=3D#a=
ttr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The following IDL attributes and methods &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt; to the element:
+   &lt;code class=3Dno-backref title=3Ddom-input-checked&gt;&lt;a href=3D=
#dom-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-files&gt;&lt;a href=3D#=
dom-input-files&gt;files&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-list&gt;&lt;a href=3D#d=
om-input-list&gt;list&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionStart=
&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionStart&lt;=
/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionEnd&g=
t;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;/a&gt;=
&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-selectionDirec=
tion&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selectionD=
irection&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsDate&gt;&lt;a hr=
ef=3D#dom-input-valueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-valueAsNumber&gt;&lt;a =
href=3D#dom-input-valueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; I=
DL attributes;
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-select&gt;&lt;=
a href=3D#dom-textarea/input-select&gt;select()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setRangeText&g=
t;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()&lt;/a&g=
t;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-textarea/input-setSelectionRa=
nge&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSelection=
Range()&lt;/a&gt;&lt;/code&gt;,
+   &lt;code class=3Dno-backref title=3Ddom-input-stepDown&gt;&lt;a href=3D=
#dom-input-stepdown&gt;stepDown()&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code class=3Dno-backref title=3Ddom-input-stepUp&gt;&lt;a href=3D=
#dom-input-stepup&gt;stepUp()&lt;/a&gt;&lt;/code&gt; methods.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code class=3Dno-backref title=3Devent-input-input&gt=
;&lt;a href=3D#event-input-input&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;=
code class=3Dno-backref title=3Devent-input-change&gt;&lt;a href=3D#event=
-input-change&gt;change&lt;/a&gt;&lt;/code&gt; events &lt;a href=3D#do-no=
t-apply&gt;do not apply&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dinput-impl-notes&gt;&lt;span class=3Dsecno&gt;4.10.5.2 &lt=
;/span&gt;Implemention notes regarding localization of form controls&lt;/=
h5&gt;
+  &lt;!-- ID referenced from other parts of the spec --&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;The formats shown to the user in date, time, and number contr=
ols is independent of the format
+  used for form submission.&lt;/p&gt;
+
+  &lt;p&gt;Browsers are encouraged to use user interfaces that present d=
ates, times, and numbers according
+  to the conventions of either the locale implied by the &lt;code&gt;&lt=
;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element's
+  &lt;a href=3D#language&gt;language&lt;/a&gt; or the user's preferred l=
ocale. Using the page's locale will ensure
+  consistency with page-provided data.
+
+  &lt;p class=3Dexample&gt;For example, it would be confusing to users i=
f an American English page claimed
+  that a Cirque De Soleil show was going to be showing on 02/03&lt;!-- F=
eb 3 (year) --&gt;, but their
+  browser, configured to use the British English locale, only showed the=
 date 03/02&lt;!-- 3 Feb (year)
+  --&gt; in the ticket purchase date picker. Using the page's locale wou=
ld at least ensure that the
+  date was presented in the same format everywhere. (There's still a ris=
k that the user would end up
+  arriving a month late, of course, but there's only so much that can be=
 done about such cultural
+  differences...)&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h5 id=3Dcommon-input-element-attributes&gt;&lt;span class=3Dsecno&=
gt;4.10.5.3 &lt;/span&gt;Common &lt;code&gt;&lt;a href=3D#the-input-eleme=
nt&gt;input&lt;/a&gt;&lt;/code&gt; element attributes&lt;/h5&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;These attributes only &lt;a href=3D#concept-input-apply title=
=3Dconcept-input-apply&gt;apply&lt;/a&gt; to an &lt;code&gt;&lt;a href=3D=
#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt;
+  element if its &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-=
input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in a state whose d=
efinition
+  declares that the attribute &lt;a href=3D#concept-input-apply title=3D=
concept-input-apply&gt;applies&lt;/a&gt;. When an attribute
+  &lt;a href=3D#do-not-apply title=3D&quot;do not apply&quot;&gt;doesn't=
 apply&lt;/a&gt; to an &lt;code&gt;&lt;a href=3D#the-input-element&gt;inp=
ut&lt;/a&gt;&lt;/code&gt; element, user agents must
+  &lt;a href=3D#ignore&gt;ignore&lt;/a&gt; the attribute, regardless of =
the requirements and definitions below.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3Dthe-maxlength-and-minlength-attributes&gt;&lt;span class=3D=
secno&gt;4.10.5.3.1 &lt;/span&gt;The &lt;code title=3Dattr-input-maxlengt=
h&gt;&lt;a href=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&g=
t; and &lt;code title=3Dattr-input-minlength&gt;&lt;a href=3D#attr-input-=
minlength&gt;minlength&lt;/a&gt;&lt;/code&gt; attributes&lt;/h6&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-input-maxlength title=3Dattr-input-maxl=
ength&gt;&lt;code&gt;maxlength&lt;/code&gt;&lt;/dfn&gt; attribute&lt;span=
 class=3Dimpl&gt;, when it &lt;a href=3D#concept-input-apply title=3Dconc=
ept-input-apply&gt;applies&lt;/a&gt;,&lt;/span&gt; is a &lt;a href=3D#att=
r-fe-maxlength title=3Dattr-fe-maxlength&gt;form control &lt;code title=3D=
&quot;&quot;&gt;maxlength&lt;/code&gt; attribute&lt;/a&gt;&lt;span class=3D=
impl&gt; controlled by the &lt;code&gt;&lt;a href=3D#the-input-element&gt=
;input&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#concept-input-value=
-dirty-flag title=3Dconcept-input-value-dirty-flag&gt;dirty value flag&lt=
;/a&gt;&lt;/span&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-input-minlength title=3Dattr-input-minl=
ength&gt;&lt;code&gt;minlength&lt;/code&gt;&lt;/dfn&gt; attribute&lt;span=
 class=3Dimpl&gt;, when it &lt;a href=3D#concept-input-apply title=3Dconc=
ept-input-apply&gt;applies&lt;/a&gt;,&lt;/span&gt; is a &lt;a href=3D#att=
r-fe-minlength title=3Dattr-fe-minlength&gt;form control &lt;code title=3D=
&quot;&quot;&gt;minlength&lt;/code&gt; attribute&lt;/a&gt;&lt;span class=3D=
impl&gt; controlled by the &lt;code&gt;&lt;a href=3D#the-input-element&gt=
;input&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#concept-input-value=
-dirty-flag title=3Dconcept-input-value-dirty-flag&gt;dirty value flag&lt=
;/a&gt;&lt;/span&gt;.&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&l=
t;/a&gt;&lt;/code&gt; element has a &lt;a href=3D#maximum-allowed-value-l=
ength&gt;maximum allowed value length&lt;/a&gt;, then the
+  &lt;a href=3D#code-unit-length&gt;code-unit length&lt;/a&gt; of the va=
lue of the element's &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#a=
ttr-input-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute must be equal t=
o or less than the element's
+  &lt;a href=3D#maximum-allowed-value-length&gt;maximum allowed value le=
ngth&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;!-- we allow the default to be smaller than the minimum, so that y=
ou can have incomplete, but not
+  empty, input already in the form, like a template that needs to be fil=
led in --&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following extract shows how a messaging client's text en=
try could be arbitrarily
+   restricted to a fixed number of characters, thus forcing any conversa=
tion through this medium to
+   be terse and discouraging intelligent discourse.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;label&amp;gt;What are you doing? &amp;lt;input nam=
e=3Dstatus maxlength=3D140&amp;gt;&amp;lt;/label&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here, a password is given a minimum length:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Username: &amp;lt;in=
put name=3Du required&amp;gt;&amp;lt;/label&amp;gt;
+&amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Password: &amp;lt;input name=3Dp r=
equired minlength=3D12&amp;gt;&amp;lt;/label&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h6 id=3Dthe-size-attribute&gt;&lt;span class=3Dsecno&gt;4.10.5.3.2=
 &lt;/span&gt;The &lt;code title=3Dattr-input-size&gt;&lt;a href=3D#attr-=
input-size&gt;size&lt;/a&gt;&lt;/code&gt; attribute&lt;/h6&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-input-size title=3Dattr-input-size&gt;&=
lt;code&gt;size&lt;/code&gt;&lt;/dfn&gt; attribute gives the number of
+  characters that, in a visual rendering, the user agent is to allow the=
 user to see while editing
+  the element's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&=
gt;value&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-size&gt;&lt;a href=3D#attr-in=
put-size&gt;size&lt;/a&gt;&lt;/code&gt; attribute, if specified, must hav=
e a value that
+  is a &lt;a href=3D#valid-non-negative-integer&gt;valid non-negative in=
teger&lt;/a&gt; greater than zero.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If the attribute is present, then its value must be parsed us=
ing the &lt;a href=3D#rules-for-parsing-non-negative-integers&gt;rules fo=
r parsing
+  non-negative integers&lt;/a&gt;, and if the result is a number greater=
 than zero, then the user agent
+  should ensure that at least that many characters are visible.&lt;/p&gt=
;
+
+  &lt;p&gt;The &lt;code title=3Ddom-input-size&gt;&lt;a href=3D#dom-inpu=
t-size&gt;size&lt;/a&gt;&lt;/code&gt; IDL attribute is &lt;a href=3D#limi=
ted-to-only-non-negative-numbers-greater-than-zero&gt;limited to only
+  non-negative numbers greater than zero&lt;/a&gt; and has a default val=
ue of 20.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h6 id=3Dthe-readonly-attribute&gt;&lt;span class=3Dsecno&gt;4.10.5=
.3.3 &lt;/span&gt;The &lt;code title=3Dattr-input-readonly&gt;&lt;a href=3D=
#attr-input-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt; attribute&lt;/h6&=
gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-input-readonly title=3Dattr-input-reado=
nly&gt;&lt;code&gt;readonly&lt;/code&gt;&lt;/dfn&gt; attribute is a &lt;a=
 href=3D#boolean-attribute&gt;boolean
+  attribute&lt;/a&gt; that controls whether or not the user can edit the=
 form control. &lt;span class=3Dimpl&gt;When specified, the element is no=
t &lt;i title=3Dconcept-fe-mutable&gt;&lt;a href=3D#concept-fe-mutable&gt=
;mutable&lt;/a&gt;&lt;/i&gt;.&lt;/span&gt;&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: If the &l=
t;code title=3Dattr-input-readonly&gt;&lt;a href=3D#attr-input-readonly&g=
t;readonly&lt;/a&gt;&lt;/code&gt; attribute is specified on an &lt;code&g=
t;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt;
+  element, the element is &lt;a href=3D#barred-from-constraint-validatio=
n&gt;barred from constraint validation&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;The difference between &lt;code title=3Dattr-fe-=
disabled&gt;&lt;a href=3D#attr-fe-disabled&gt;disabled&lt;/a&gt;&lt;/code=
&gt; and &lt;code title=3Dattr-input-readonly&gt;&lt;a href=3D#attr-input=
-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt; is that read-only controls a=
re still focusable, so the
+  user can still select the text and interact with it, whereas disabled =
controls are entirely
+  non-interactive. (For this reason, only text controls can be made read=
-only: it wouldn't make
+  sense for checkboxes or buttons, for instances.)&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In the following example, the existing product identifiers c=
annot be modified, but they are
+   still displayed as part of the form, for consistency with the row rep=
resenting a new product
+   (where the identifier is not yet filled in).&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;form action=3D&quot;products.cgi&quot; method=3D&q=
uot;post&quot; enctype=3D&quot;multipart/form-data&quot;&amp;gt;
+ &amp;lt;table&amp;gt;
+  &amp;lt;tr&amp;gt; &amp;lt;th&amp;gt; Product ID &amp;lt;th&amp;gt; Pr=
oduct name &amp;lt;th&amp;gt; Price &amp;lt;th&amp;gt; Action
+  &amp;lt;tr&amp;gt;
+   &amp;lt;td&amp;gt; &amp;lt;input readonly=3D&quot;readonly&quot; name=
=3D&quot;1.pid&quot; value=3D&quot;H412&quot;&amp;gt;
+   &amp;lt;td&amp;gt; &amp;lt;input required=3D&quot;required&quot; name=
=3D&quot;1.pname&quot; value=3D&quot;Floor lamp Ulke&quot;&amp;gt;
+   &amp;lt;td&amp;gt; $&amp;lt;input required=3D&quot;required&quot; typ=
e=3D&quot;number&quot; min=3D&quot;0&quot; step=3D&quot;0.01&quot; name=3D=
&quot;1.pprice&quot; value=3D&quot;49.99&quot;&amp;gt;
+   &amp;lt;td&amp;gt; &amp;lt;button formnovalidate=3D&quot;formnovalida=
te&quot; name=3D&quot;action&quot; value=3D&quot;delete:1&quot;&amp;gt;De=
lete&amp;lt;/button&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;td&amp;gt; &amp;lt;input readonly=3D&quot;readonly&quot; name=
=3D&quot;2.pid&quot; value=3D&quot;FG28&quot;&amp;gt;
+   &amp;lt;td&amp;gt; &amp;lt;input required=3D&quot;required&quot; name=
=3D&quot;2.pname&quot; value=3D&quot;Table lamp Ulke&quot;&amp;gt;
+   &amp;lt;td&amp;gt; $&amp;lt;input required=3D&quot;required&quot; typ=
e=3D&quot;number&quot; min=3D&quot;0&quot; step=3D&quot;0.01&quot; name=3D=
&quot;2.pprice&quot; value=3D&quot;24.99&quot;&amp;gt;
+   &amp;lt;td&amp;gt; &amp;lt;button formnovalidate=3D&quot;formnovalida=
te&quot; name=3D&quot;action&quot; value=3D&quot;delete:2&quot;&amp;gt;De=
lete&amp;lt;/button&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;td&amp;gt; &amp;lt;input required=3D&quot;required&quot; name=
=3D&quot;3.pid&quot; value=3D&quot;&quot; pattern=3D&quot;[A-Z0-9]+&quot;=
&amp;gt;
+   &amp;lt;td&amp;gt; &amp;lt;input required=3D&quot;required&quot; name=
=3D&quot;3.pname&quot; value=3D&quot;&quot;&amp;gt;
+   &amp;lt;td&amp;gt; $&amp;lt;input required=3D&quot;required&quot; typ=
e=3D&quot;number&quot; min=3D&quot;0&quot; step=3D&quot;0.01&quot; name=3D=
&quot;3.pprice&quot; value=3D&quot;&quot;&amp;gt;
+   &amp;lt;td&amp;gt; &amp;lt;button formnovalidate=3D&quot;formnovalida=
te&quot; name=3D&quot;action&quot; value=3D&quot;delete:3&quot;&amp;gt;De=
lete&amp;lt;/button&amp;gt;
+ &amp;lt;/table&amp;gt;
+ &amp;lt;p&amp;gt; &amp;lt;button formnovalidate=3D&quot;formnovalidate&=
quot; name=3D&quot;action&quot; value=3D&quot;add&quot;&amp;gt;Add&amp;lt=
;/button&amp;gt; &amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt; &amp;lt;button name=3D&quot;action&quot; value=3D&quo=
t;update&quot;&amp;gt;Save&amp;lt;/button&amp;gt; &amp;lt;/p&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h6 id=3Dthe-required-attribute&gt;&lt;span class=3Dsecno&gt;4.10.5=
.3.4 &lt;/span&gt;The &lt;code title=3Dattr-input-required&gt;&lt;a href=3D=
#attr-input-required&gt;required&lt;/a&gt;&lt;/code&gt; attribute&lt;/h6&=
gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-input-required title=3Dattr-input-requi=
red&gt;&lt;code&gt;required&lt;/code&gt;&lt;/dfn&gt; attribute is a &lt;a=
 href=3D#boolean-attribute&gt;boolean
+  attribute&lt;/a&gt;. When specified, the element is &lt;dfn id=3Dconce=
pt-input-required title=3Dconcept-input-required&gt;&lt;i&gt;required&lt;=
/i&gt;&lt;/dfn&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: If the el=
ement is &lt;i title=3Dconcept-input-required&gt;&lt;a href=3D#concept-in=
put-required&gt;required&lt;/a&gt;&lt;/i&gt;, and its &lt;code title=3Ddo=
m-input-value&gt;&lt;a href=3D#dom-input-value&gt;value&lt;/a&gt;&lt;/cod=
e&gt;
+  IDL attribute &lt;a href=3D#concept-input-apply title=3Dconcept-input-=
apply&gt;applies&lt;/a&gt; and is in the mode &lt;a href=3D#dom-input-val=
ue-value title=3Ddom-input-value-value&gt;value&lt;/a&gt;, and the elemen=
t is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a href=3D#concept-fe-mutable=
&gt;mutable&lt;/a&gt;&lt;/i&gt;, and the element's &lt;a href=3D#concept-=
fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; is the empty string,=
 then the element is &lt;a href=3D#suffering-from-being-missing&gt;suffer=
ing
+  from being missing&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following form has two required fields, one for an e-mai=
l address and one for a password.
+   It also has a third field that is only considered valid if the user t=
ypes the same password in
+   the password field and this third field.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;h1&amp;gt;Create new account&amp;lt;/h1&amp;gt;
+&amp;lt;form action=3D&quot;/newaccount&quot; method=3Dpost
+      oninput=3D&quot;up2.setCustomValidity(up2.value !=3D up.value ? 'P=
asswords do not match.' : '')&quot;&amp;gt;
+ &amp;lt;p&amp;gt;
+  &amp;lt;label for=3D&quot;username&quot;&amp;gt;E-mail address:&amp;lt=
;/label&amp;gt;
+  &amp;lt;input id=3D&quot;username&quot; type=3Demail required name=3Du=
n&amp;gt;
+ &amp;lt;p&amp;gt;
+  &amp;lt;label for=3D&quot;password1&quot;&amp;gt;Password:&amp;lt;/lab=
el&amp;gt;
+  &amp;lt;input id=3D&quot;password1&quot; type=3Dpassword required name=
=3Dup&amp;gt;
+ &amp;lt;p&amp;gt;
+  &amp;lt;label for=3D&quot;password2&quot;&amp;gt;Confirm password:&amp=
;lt;/label&amp;gt;
+  &amp;lt;input id=3D&quot;password2&quot; type=3Dpassword name=3Dup2&am=
p;gt;
+ &amp;lt;p&amp;gt;
+  &amp;lt;input type=3Dsubmit value=3D&quot;Create account&quot;&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For radio buttons, the &lt;code title=3Dattr-input-required&=
gt;&lt;a href=3D#attr-input-required&gt;required&lt;/a&gt;&lt;/code&gt; a=
ttribute is
+   satisfied if any of the radio buttons in the &lt;a href=3D#radio-butt=
on-group title=3D&quot;radio button group&quot;&gt;group&lt;/a&gt; is
+   selected. Thus, in the following example, any of the radio buttons ca=
n be checked, not just the
+   one marked as required:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;fieldset&amp;gt;
+ &amp;lt;legend&amp;gt;Did the movie pass the Bechdel test?&amp;lt;/lege=
nd&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;&amp;lt;input type=3D&quot;radio&=
quot; name=3D&quot;bechdel&quot; value=3D&quot;no-characters&quot;&amp;gt=
; No, there are not even two female characters in the movie. &amp;lt;/lab=
el&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;&amp;lt;input type=3D&quot;radio&=
quot; name=3D&quot;bechdel&quot; value=3D&quot;no-names&quot;&amp;gt; No,=
 the female characters never talk to each other. &amp;lt;/label&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;&amp;lt;input type=3D&quot;radio&=
quot; name=3D&quot;bechdel&quot; value=3D&quot;no-topic&quot;&amp;gt; No,=
 when female characters talk to each other it's always about a male chara=
cter. &amp;lt;/label&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;&amp;lt;input type=3D&quot;radio&=
quot; name=3D&quot;bechdel&quot; value=3D&quot;yes&quot; &lt;strong&gt;re=
quired&lt;/strong&gt;&amp;gt; Yes. &amp;lt;/label&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;&amp;lt;input type=3D&quot;radio&=
quot; name=3D&quot;bechdel&quot; value=3D&quot;unknown&quot;&amp;gt; I do=
n't know. &amp;lt;/label&amp;gt;
+&amp;lt;/fieldset&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;To avoid confusion as to whether a &lt;a href=3D#radio-butto=
n-group&gt;radio button group&lt;/a&gt; is required or not, authors
+   are encouraged to specify the attribute on all the radio buttons in a=
 group. Indeed, in general,
+   authors are encouraged to avoid having radio button groups that do no=
t have any initially checked
+   controls in the first place, as this is a state that the user cannot =
return to, and is therefore
+   generally considered a poor user interface.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3Dthe-multiple-attribute&gt;&lt;span class=3Dsecno&gt;4.10.5=
.3.5 &lt;/span&gt;The &lt;code title=3Dattr-input-multiple&gt;&lt;a href=3D=
#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt; attribute&lt;/h6&=
gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-input-multiple title=3Dattr-input-multi=
ple&gt;&lt;code&gt;multiple&lt;/code&gt;&lt;/dfn&gt; attribute is a &lt;a=
 href=3D#boolean-attribute&gt;boolean
+  attribute&lt;/a&gt; that indicates whether the user is to be allowed t=
o specify more than one
+  value.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following extract shows how an e-mail client's &quot;Cc&=
quot; field could accept multiple e-mail
+   addresses.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;label&amp;gt;Cc: &amp;lt;input type=3Demail multip=
le name=3Dcc&amp;gt;&amp;lt;/label&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;If the user had, amongst many friends in his user contacts d=
atabase, two friends &quot;Arthur Dent&quot;
+   (with address &quot;art at example.net&quot;) and &quot;Adam Josh&quot; =
(with address &quot;adamjosh at example.net&quot;), then,
+   after the user has typed &quot;a&quot;, the user agent might suggest =
these two e-mail addresses to the
+   user.&lt;/p&gt;
+
+   &lt;!-- Having alternative text in the following image would be bogus=
 and non-conforming use of
+   HTML, since the image is redundant with the previous paragraph. In pa=
rticular, just describing
+   the image would be especially bad for accessibility as it would be di=
sorienting, there having
+   been no mention that an image is present. --&gt;
+   &lt;p&gt;&lt;img src=3Dhttp://images.whatwg.org/sample-email-1.png wi=
dth=3D500 alt=3D&quot;&quot; height=3D140&gt;&lt;/p&gt;
+
+   &lt;p&gt;The page could also link in the user's contacts database fro=
m the site:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;label&amp;gt;Cc: &amp;lt;input type=3Demail multip=
le name=3Dcc list=3Dcontacts&amp;gt;&amp;lt;/label&amp;gt;
+...
+&amp;lt;datalist id=3D&quot;contacts&quot;&amp;gt;
+ &amp;lt;option value=3D&quot;hedral at damowmow.com&quot;&amp;gt;
+ &amp;lt;option value=3D&quot;pillar at example.com&quot;&amp;gt;
+ &amp;lt;option value=3D&quot;astrophy at cute.example&quot;&amp;gt;
+ &amp;lt;option value=3D&quot;astronomy at science.example.org&quot;&amp;gt=
;
+&amp;lt;/datalist&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;Suppose the user had entered &quot;bob at example.net&quot; int=
o this text field, and then started typing a
+   second e-mail address starting with &quot;a&quot;. The user agent mig=
ht show both the two friends mentioned
+   earlier, as well as the &quot;astrophy&quot; and &quot;astronomy&quot=
; values given in the &lt;code&gt;&lt;a href=3D#the-datalist-element&gt;d=
atalist&lt;/a&gt;&lt;/code&gt;
+   element.&lt;/p&gt;
+
+   &lt;!-- As above, having a non-empty alt=3D&quot;&quot; attribute on =
the following image would be dumb, which is
+   why it's left blank. The pertinent parts of the image are already des=
cribed in the prose, and the
+   non-pertinent parts aren't relevant to users who can't see the image,=
 obviously. --&gt;
+   &lt;p&gt;&lt;img src=3Dhttp://images.whatwg.org/sample-email-2.png wi=
dth=3D500 alt=3D&quot;&quot; height=3D171&gt;&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following extract shows how an e-mail client's &quot;Att=
achments&quot; field could accept multiple
+   files for upload.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;label&amp;gt;Attachments: &amp;lt;input type=3Dfil=
e multiple name=3Datt&amp;gt;&amp;lt;/label&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h6 id=3Dthe-pattern-attribute&gt;&lt;span class=3Dsecno&gt;4.10.5.=
3.6 &lt;/span&gt;The &lt;code title=3Dattr-input-pattern&gt;&lt;a href=3D=
#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt; attribute&lt;/h6&gt=
;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-input-pattern title=3Dattr-input-patter=
n&gt;&lt;code&gt;pattern&lt;/code&gt;&lt;/dfn&gt; attribute specifies a r=
egular
+  expression against which the control's &lt;a href=3D#concept-fe-value =
title=3Dconcept-fe-value&gt;value&lt;/a&gt;, or, when the
+  &lt;code title=3Dattr-input-multiple&gt;&lt;a href=3D#attr-input-multi=
ple&gt;multiple&lt;/a&gt;&lt;/code&gt; attribute &lt;a href=3D#concept-in=
put-apply title=3Dconcept-input-apply&gt;applies&lt;/a&gt; and is set, th=
e control's &lt;a href=3D#concept-fe-values title=3Dconcept-fe-values&gt;=
value&lt;em&gt;s&lt;/em&gt;&lt;/a&gt;, are to be checked.&lt;/p&gt;
+
+  &lt;p&gt;If specified, the attribute's value must match the JavaScript=
 &lt;i title=3D&quot;&quot;&gt;Pattern&lt;/i&gt;
+  production. &lt;a href=3D#refsECMA262&gt;[ECMA262]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt=
;/a&gt;&lt;/code&gt; element has a &lt;code title=3Dattr-input-pattern&gt=
;&lt;a href=3D#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;
+  attribute specified, and the attribute's value, when compiled as a Jav=
aScript regular expression
+  with the &lt;code title=3D&quot;&quot;&gt;global&lt;/code&gt;, &lt;cod=
e title=3D&quot;&quot;&gt;ignoreCase&lt;/code&gt;, and &lt;code title=3D&=
quot;&quot;&gt;multiline&lt;/code&gt; flags &lt;em&gt;disabled&lt;/em&gt;=
 (see ECMA262 Edition 5, sections 15.10.7.2
+  through 15.10.7.4), compiles successfully, then the resulting regular =
expression is the element's
+  &lt;dfn id=3Dcompiled-pattern-regular-expression&gt;compiled pattern r=
egular expression&lt;/dfn&gt;. If the element has no such attribute, or i=
f the
+  value doesn't compile successfully, then the element has no &lt;a href=
=3D#compiled-pattern-regular-expression&gt;compiled pattern regular
+  expression&lt;/a&gt;. &lt;a href=3D#refsECMA262&gt;[ECMA262]&lt;/a&gt;=
&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: If the el=
ement's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&=
lt;/a&gt; is not the empty string, and either the element's &lt;code titl=
e=3Dattr-input-multiple&gt;&lt;a href=3D#attr-input-multiple&gt;multiple&=
lt;/a&gt;&lt;/code&gt; attribute is not specified or it &lt;a href=3D#do-=
not-apply title=3D&quot;do not
+  apply&quot;&gt;does not apply&lt;/a&gt; to the &lt;code&gt;&lt;a href=3D=
#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element given its &lt;=
code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;=
/a&gt;&lt;/code&gt; attribute's current state, and the element has a
+  &lt;a href=3D#compiled-pattern-regular-expression&gt;compiled pattern =
regular expression&lt;/a&gt; but that regular expression does not match t=
he
+  entirety of the element's &lt;a href=3D#concept-fe-value title=3Dconce=
pt-fe-value&gt;value&lt;/a&gt;, then the element is
+  &lt;a href=3D#suffering-from-a-pattern-mismatch&gt;suffering from a pa=
ttern mismatch&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: If the el=
ement's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&=
lt;/a&gt; is not the empty string, and the element's &lt;code title=3Datt=
r-input-multiple&gt;&lt;a href=3D#attr-input-multiple&gt;multiple&lt;/a&g=
t;&lt;/code&gt; attribute is specified and &lt;a href=3D#concept-input-ap=
ply title=3Dconcept-input-apply&gt;applies&lt;/a&gt; to the &lt;code&gt;&=
lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element, a=
nd the element has
+  a &lt;a href=3D#compiled-pattern-regular-expression&gt;compiled patter=
n regular expression&lt;/a&gt; but that regular expression does not match=
 the
+  entirety of each of the element's &lt;a href=3D#concept-fe-values titl=
e=3Dconcept-fe-values&gt;value&lt;em&gt;s&lt;/em&gt;&lt;/a&gt;, then the
+  element is &lt;a href=3D#suffering-from-a-pattern-mismatch&gt;sufferin=
g from a pattern mismatch&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#compiled-pattern-regular-expression&gt;comp=
iled pattern regular expression&lt;/a&gt;, when matched against a string,=
 must have
+  its start anchored to the start of the string and its end anchored to =
the end of the string.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This implies that the regular expression languag=
e used for this attribute is the
+  same as that used in JavaScript, except that the &lt;code title=3Dattr=
-input-pattern&gt;&lt;a href=3D#attr-input-pattern&gt;pattern&lt;/a&gt;&l=
t;/code&gt;
+  attribute is matched against the entire value, not just any subset (so=
mewhat as if it implied a
+  &lt;code title=3D&quot;&quot;&gt;^(?:&lt;/code&gt; at the start of the=
 pattern and a &lt;code title=3D&quot;&quot;&gt;)$&lt;/code&gt; at the
+  end).&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element has a &lt;code title=3Dattr-input-pattern&=
gt;&lt;a href=3D#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;
+  attribute specified, authors should include a &lt;code title=3Dattr-ti=
tle&gt;&lt;a href=3D#attr-title&gt;title&lt;/a&gt;&lt;/code&gt; attribute=
 to
+  give a description of the pattern. User agents may use the contents of=
 this attribute, if it is
+  present, when informing the user that the pattern is not matched, or a=
t any other suitable time,
+  such as in a tooltip or read out by assistive technology when the cont=
rol gains focus.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+   &lt;p&gt;For example, the following snippet:&lt;/p&gt;
+   &lt;pre&gt;&amp;lt;label&amp;gt; Part number:
+ &amp;lt;input pattern=3D&quot;[0-9][A-Z]{3}&quot; name=3D&quot;part&quo=
t;
+        title=3D&quot;A part number is a digit followed by three upperca=
se letters.&quot;/&amp;gt;
+&amp;lt;/label&amp;gt;&lt;/pre&gt;
+   &lt;p&gt;...could cause the UA to display an alert such as:&lt;/p&gt;
+   &lt;pre&gt;&lt;samp&gt;A part number is a digit followed by three upp=
ercase letters.
+You cannot submit this form when the field is incorrect.&lt;/samp&gt;&lt=
;/pre&gt;
+  &lt;/div&gt;
+
+  &lt;p&gt;When a control has a &lt;code title=3Dattr-input-pattern&gt;&=
lt;a href=3D#attr-input-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt; attribu=
te, the &lt;code title=3Dattr-title&gt;&lt;a href=3D#attr-title&gt;title&=
lt;/a&gt;&lt;/code&gt; attribute, if used, must describe the pattern. Add=
itional
+  information could also be included, so long as it assists the user in =
filling in the control.
+  Otherwise, assistive technology would be impaired.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;For instance, if the title attribute containe=
d the caption of the control,
+  assistive technology could end up saying something like &lt;samp&gt;Th=
e text you have entered does not
+  match the required pattern. Birthday&lt;/samp&gt;, which is not useful=
.&lt;/p&gt;
+
+  &lt;p&gt;UAs may still show the &lt;code title=3Dattr-title&gt;&lt;a h=
ref=3D#attr-title&gt;title&lt;/a&gt;&lt;/code&gt; in non-error situations=
 (for
+  example, as a tooltip when hovering over the control), so authors shou=
ld be careful not to word
+  &lt;code title=3Dattr-title&gt;&lt;a href=3D#attr-title&gt;title&lt;/a=
&gt;&lt;/code&gt;s as if an error has necessarily occurred.&lt;/p&gt;
+
+
+
+  &lt;h6 id=3Dthe-min-and-max-attributes&gt;&lt;span class=3Dsecno&gt;4.=
10.5.3.7 &lt;/span&gt;The &lt;code title=3Dattr-input-min&gt;&lt;a href=3D=
#attr-input-min&gt;min&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Dattr-i=
nput-max&gt;&lt;a href=3D#attr-input-max&gt;max&lt;/a&gt;&lt;/code&gt; at=
tributes&lt;/h6&gt;
+
+  &lt;p&gt;Some form controls can have explicit constraints applied limi=
ting the allowed range of values
+  that the user can provide. Normally, such a range would be linear and =
continuous. A form control
+  can &lt;dfn id=3Dhas-a-periodic-domain title=3D&quot;has a periodic do=
main&quot;&gt;have a periodic domain&lt;/dfn&gt;, however, in which case =
the
+  form control's broadest possible range is finite, and authors can spec=
ify explicit ranges within
+  it that span the boundaries.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;Specifically, the broadest range of a &lt;cod=
e title=3Dattr-input-type-time&gt;&lt;a href=3D&quot;#time-state-(type=3D=
time)&quot;&gt;type=3Dtime&lt;/a&gt;&lt;/code&gt; control is midnight to =
midnight (24 hours), and
+  authors can set both continuous linear ranges (such as 9pm to 11pm) an=
d discontinuous ranges
+  spanning midnight (such as 11pm to 1am).&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-input-min title=3Dattr-input-min&gt;&lt=
;code&gt;min&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Dattr-input-max tit=
le=3Dattr-input-max&gt;&lt;code&gt;max&lt;/code&gt;&lt;/dfn&gt; attribute=
s indicate the allowed range of values for
+  the element.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;Their syntax is defined by the section that defines the &lt;c=
ode title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/=
a&gt;&lt;/code&gt; attribute's current state.&lt;/p&gt;
+
+  &lt;p&gt;If the element has a &lt;code title=3Dattr-input-min&gt;&lt;a=
 href=3D#attr-input-min&gt;min&lt;/a&gt;&lt;/code&gt; attribute, and the =
result of
+  applying the &lt;a href=3D#concept-input-value-string-number title=3Dc=
oncept-input-value-string-number&gt;algorithm to convert a string to a
+  number&lt;/a&gt; to the value of the &lt;code title=3Dattr-input-min&g=
t;&lt;a href=3D#attr-input-min&gt;min&lt;/a&gt;&lt;/code&gt; attribute is=
 a number,
+  then that number is the element's &lt;dfn id=3Dconcept-input-min title=
=3Dconcept-input-min&gt;minimum&lt;/dfn&gt;; otherwise, if the
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute's current state defines a &lt;dfn id=
=3Dconcept-input-min-default title=3Dconcept-input-min-default&gt;default=
 minimum&lt;/dfn&gt;, then that is the &lt;a href=3D#concept-input-min ti=
tle=3Dconcept-input-min&gt;minimum&lt;/a&gt;; otherwise, the element has =
no &lt;a href=3D#concept-input-min title=3Dconcept-input-min&gt;minimum&l=
t;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-inp=
ut-min&gt;min&lt;/a&gt;&lt;/code&gt; attribute also defines the &lt;a hre=
f=3D#concept-input-min-zero title=3Dconcept-input-min-zero&gt;step base&l=
t;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;If the element has a &lt;code title=3Dattr-input-max&gt;&lt;a=
 href=3D#attr-input-max&gt;max&lt;/a&gt;&lt;/code&gt; attribute, and the =
result of
+  applying the &lt;a href=3D#concept-input-value-string-number title=3Dc=
oncept-input-value-string-number&gt;algorithm to convert a string to a
+  number&lt;/a&gt; to the value of the &lt;code title=3Dattr-input-max&g=
t;&lt;a href=3D#attr-input-max&gt;max&lt;/a&gt;&lt;/code&gt; attribute is=
 a number,
+  then that number is the element's &lt;dfn id=3Dconcept-input-max title=
=3Dconcept-input-max&gt;maximum&lt;/dfn&gt;; otherwise, if the
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute's current state defines a &lt;dfn id=
=3Dconcept-input-max-default title=3Dconcept-input-max-default&gt;default=
 maximum&lt;/dfn&gt;, then that is the &lt;a href=3D#concept-input-max ti=
tle=3Dconcept-input-max&gt;maximum&lt;/a&gt;; otherwise, the element has =
no &lt;a href=3D#concept-input-max title=3Dconcept-input-max&gt;maximum&l=
t;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;If the element does not &lt;a href=3D#has-a-periodic-domain t=
itle=3D&quot;has a periodic domain&quot;&gt;have a periodic domain&lt;/a&=
gt;, the
+  &lt;code title=3Dattr-input-max&gt;&lt;a href=3D#attr-input-max&gt;max=
&lt;/a&gt;&lt;/code&gt; attribute's value (the &lt;a href=3D#concept-inpu=
t-max title=3Dconcept-input-max&gt;maximum&lt;/a&gt;) must not be less th=
an the &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-input-min&gt=
;min&lt;/a&gt;&lt;/code&gt; attribute's value (its &lt;a href=3D#concept-=
input-min title=3Dconcept-input-min&gt;minimum&lt;/a&gt;).&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p class=3Dnote&gt;If an element that does not &lt;a href=3D#has-a-=
periodic-domain title=3D&quot;has a periodic domain&quot;&gt;have a perio=
dic
+  domain&lt;/a&gt; has a &lt;a href=3D#attr-input-max title=3Dattr-input=
-max&gt;maximum&lt;/a&gt; that is less than its &lt;a href=3D#attr-input-=
min title=3Dattr-input-min&gt;minimum&lt;/a&gt;, then so long as the elem=
ent has a &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;valu=
e&lt;/a&gt;, it will either be &lt;a href=3D#suffering-from-an-underflow&=
gt;suffering from an underflow&lt;/a&gt;
+  or &lt;a href=3D#suffering-from-an-overflow&gt;suffering from an overf=
low&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;An element &lt;dfn id=3Dhas-a-reversed-range&gt;has a reverse=
d range&lt;/dfn&gt; if it &lt;a href=3D#has-a-periodic-domain&gt;has a pe=
riodic domain&lt;/a&gt; and its
+  &lt;a href=3D#concept-input-max title=3Dconcept-input-max&gt;maximum&l=
t;/a&gt; is less than its &lt;a href=3D#concept-input-min title=3Dconcept=
-input-min&gt;minimum&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;An element &lt;dfn id=3Dhave-range-limitations title=3D&quot;=
have range limitations&quot;&gt;has range limitations&lt;/dfn&gt; if it h=
as a defined
+  &lt;a href=3D#concept-input-min title=3Dconcept-input-min&gt;minimum&l=
t;/a&gt; or a defined &lt;a href=3D#concept-input-max title=3Dconcept-inp=
ut-max&gt;maximum&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: When the =
element has a &lt;a href=3D#attr-input-min title=3Dattr-input-min&gt;mini=
mum&lt;/a&gt; and does not &lt;a href=3D#has-a-reversed-range title=3D&qu=
ot;has a reversed range&quot;&gt;have a
+  reversed range&lt;/a&gt;, and the result of applying the &lt;a href=3D=
#concept-input-value-string-number title=3Dconcept-input-value-string-num=
ber&gt;algorithm to convert a string to a number&lt;/a&gt; to the
+  string given by the element's &lt;a href=3D#concept-fe-value title=3Dc=
oncept-fe-value&gt;value&lt;/a&gt; is a number, and the
+  number obtained from that algorithm is less than the &lt;a href=3D#att=
r-input-min title=3Dattr-input-min&gt;minimum&lt;/a&gt;,
+  the element is &lt;a href=3D#suffering-from-an-underflow&gt;suffering =
from an underflow&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: When the =
element has a &lt;a href=3D#attr-input-max title=3Dattr-input-max&gt;maxi=
mum&lt;/a&gt; and does not &lt;a href=3D#has-a-reversed-range title=3D&qu=
ot;has a reversed range&quot;&gt;have a
+  reversed range&lt;/a&gt;, and the result of applying the &lt;a href=3D=
#concept-input-value-string-number title=3Dconcept-input-value-string-num=
ber&gt;algorithm to convert a string to a number&lt;/a&gt; to the
+  string given by the element's &lt;a href=3D#concept-fe-value title=3Dc=
oncept-fe-value&gt;value&lt;/a&gt; is a number, and the
+  number obtained from that algorithm is more than the &lt;a href=3D#att=
r-input-max title=3Dattr-input-max&gt;maximum&lt;/a&gt;,
+  the element is &lt;a href=3D#suffering-from-an-overflow&gt;suffering f=
rom an overflow&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: When an e=
lement &lt;a href=3D#has-a-reversed-range&gt;has a reversed range&lt;/a&g=
t;, and
+  the result of applying the &lt;a href=3D#concept-input-value-string-nu=
mber title=3Dconcept-input-value-string-number&gt;algorithm to convert a
+  string to a number&lt;/a&gt; to the string given by the element's &lt;=
a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; is=
 a number, and the number obtained from that algorithm is
+  more than the &lt;a href=3D#attr-input-max title=3Dattr-input-max&gt;m=
aximum&lt;/a&gt; &lt;em&gt;and&lt;/em&gt; less than the &lt;a href=3D#att=
r-input-min title=3Dattr-input-min&gt;minimum&lt;/a&gt;, the element is s=
imultaneously &lt;a href=3D#suffering-from-an-underflow&gt;suffering from=
 an
+  underflow&lt;/a&gt; and &lt;a href=3D#suffering-from-an-overflow&gt;su=
ffering from an overflow&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following date control limits input to dates that are be=
fore the 1980s:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;input name=3Dbday type=3Ddate max=3D&quot;1979-12-=
31&quot;&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following number control limits input to whole numbers g=
reater than zero:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;input name=3Dquantity required=3D&quot;&quot; type=
=3D&quot;number&quot; min=3D&quot;1&quot; value=3D&quot;1&quot;&amp;gt;&l=
t;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following time control limits input to those minutes tha=
t occur between 9pm and 6am,
+   defaulting to midnight:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;input name=3D&quot;sleepStart&quot; type=3Dtime mi=
n=3D&quot;21:00&quot; max=3D&quot;06:00&quot; step=3D&quot;60&quot; value=
=3D&quot;00:00&quot;&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h6 id=3Dthe-step-attribute&gt;&lt;span class=3Dsecno&gt;4.10.5.3.8=
 &lt;/span&gt;The &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-=
input-step&gt;step&lt;/a&gt;&lt;/code&gt; attribute&lt;/h6&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-input-step title=3Dattr-input-step&gt;&=
lt;code&gt;step&lt;/code&gt;&lt;/dfn&gt; attribute indicates the granular=
ity
+  that is expected (and required) of the &lt;a href=3D#concept-fe-value =
title=3Dconcept-fe-value&gt;value&lt;/a&gt;, by limiting
+  the allowed values. &lt;span class=3Dimpl&gt;The section that defines =
the &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;=
type&lt;/a&gt;&lt;/code&gt; attribute's current state also defines the &l=
t;dfn id=3Dconcept-input-step-default title=3Dconcept-input-step-default&=
gt;default step&lt;/dfn&gt;, the &lt;dfn id=3Dconcept-input-step-scale ti=
tle=3Dconcept-input-step-scale&gt;step scale factor&lt;/dfn&gt;, and in s=
ome cases the &lt;dfn id=3Dconcept-input-step-default-base title=3Dconcep=
t-input-step-default-base&gt;default step base&lt;/dfn&gt;, which are use=
d in processing the
+  attribute as described below.&lt;/span&gt;&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-in=
put-step&gt;step&lt;/a&gt;&lt;/code&gt; attribute, if specified, must eit=
her have a value
+  that is a &lt;a href=3D#valid-floating-point-number&gt;valid floating-=
point number&lt;/a&gt; that &lt;a href=3D#rules-for-parsing-floating-poin=
t-number-values title=3D&quot;rules for parsing
+  floating-point number values&quot;&gt;parses&lt;/a&gt; to a number tha=
t is greater than zero, or must have a
+  value that is an &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-in=
sensitive&lt;/a&gt; match for the string &quot;&lt;code title=3D&quot;&qu=
ot;&gt;any&lt;/code&gt;&quot;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The attribute provides the &lt;dfn id=3Dconcept-input-step ti=
tle=3Dconcept-input-step&gt;allowed value step&lt;/dfn&gt; for the
+  element, as follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;If the attribute is absent, then the &lt;a href=3D=
#concept-input-step title=3Dconcept-input-step&gt;allowed value
+   step&lt;/a&gt; is the &lt;a href=3D#concept-input-step-default title=3D=
concept-input-step-default&gt;default step&lt;/a&gt; multiplied by the
+   &lt;a href=3D#concept-input-step-scale title=3Dconcept-input-step-sca=
le&gt;step scale factor&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;Otherwise, if the attribute's value is an &lt;a href=3D#asc=
ii-case-insensitive&gt;ASCII case-insensitive&lt;/a&gt; match for the
+   string &quot;&lt;code title=3D&quot;&quot;&gt;any&lt;/code&gt;&quot;,=
 then there is no &lt;a href=3D#concept-input-step title=3Dconcept-input-=
step&gt;allowed
+   value step&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;Otherwise, if the &lt;a href=3D#rules-for-parsing-floating-=
point-number-values&gt;rules for parsing floating-point number values&lt;=
/a&gt;, when they are
+   applied to the attribute's value, return an error, zero, or a number =
less than zero, then the
+   &lt;a href=3D#concept-input-step title=3Dconcept-input-step&gt;allowe=
d value step&lt;/a&gt; is the &lt;a href=3D#concept-input-step-default ti=
tle=3Dconcept-input-step-default&gt;default step&lt;/a&gt; multiplied by =
the &lt;a href=3D#concept-input-step-scale title=3Dconcept-input-step-sca=
le&gt;step scale factor&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;Otherwise, the &lt;a href=3D#concept-input-step title=3Dcon=
cept-input-step&gt;allowed value step&lt;/a&gt; is the number
+   returned by the &lt;a href=3D#rules-for-parsing-floating-point-number=
-values&gt;rules for parsing floating-point number values&lt;/a&gt; when =
they are applied
+   to the attribute's value, multiplied by the &lt;a href=3D#concept-inp=
ut-step-scale title=3Dconcept-input-step-scale&gt;step scale
+   factor&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Dconcept-input-min-zero title=3Dco=
ncept-input-min-zero&gt;step base&lt;/dfn&gt; is the value returned by th=
e following
+  algorithm:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the element has a &lt;code title=3Datt=
r-input-min&gt;&lt;a href=3D#attr-input-min&gt;min&lt;/a&gt;&lt;/code&gt;=
 content attribute, and the
+   result of applying the &lt;a href=3D#concept-input-value-string-numbe=
r title=3Dconcept-input-value-string-number&gt;algorithm to convert a
+   string to a number&lt;/a&gt; to the value of the &lt;code title=3Datt=
r-input-min&gt;&lt;a href=3D#attr-input-min&gt;min&lt;/a&gt;&lt;/code&gt;=
 content
+   attribute is not an error, then return that result and abort these st=
eps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the element has a &lt;code title=3Dattr-input-v=
alue&gt;&lt;a href=3D#attr-input-value&gt;value&lt;/a&gt;&lt;/code&gt; co=
ntent attribute, and
+   the result of applying the &lt;a href=3D#concept-input-value-string-n=
umber title=3Dconcept-input-value-string-number&gt;algorithm to convert a
+   string to a number&lt;/a&gt; to the value of the &lt;code title=3Datt=
r-input-value&gt;&lt;a href=3D#attr-input-value&gt;value&lt;/a&gt;&lt;/co=
de&gt; content
+   attribute is not an error, then return that result and abort these st=
eps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If a &lt;a href=3D#concept-input-step-default-base=
 title=3Dconcept-input-step-default-base&gt;default step base&lt;/a&gt; i=
s defined for
+   this element given its &lt;code title=3Dattr-input-type&gt;&lt;a href=
=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute's state, the=
n return
+   it and abort these steps.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Return zero.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;=
: When the element has an &lt;a href=3D#concept-input-step title=3Dconcep=
t-input-step&gt;allowed value step&lt;/a&gt;, and the result of applying =
the &lt;a href=3D#concept-input-value-string-number title=3Dconcept-input=
-value-string-number&gt;algorithm to convert a string to a number&lt;/a&g=
t; to the
+  string given by the element's &lt;a href=3D#concept-fe-value title=3Dc=
oncept-fe-value&gt;value&lt;/a&gt; is a number, and that
+  number subtracted from the &lt;a href=3D#concept-input-min-zero title=3D=
concept-input-min-zero&gt;step base&lt;/a&gt; is not an
+  integral multiple of the &lt;a href=3D#concept-input-step title=3Dconc=
ept-input-step&gt;allowed value step&lt;/a&gt;, the element
+  is &lt;a href=3D#suffering-from-a-step-mismatch&gt;suffering from a st=
ep mismatch&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following range control only accepts values in the range=
 0..1, and allows 256 steps in
+   that range:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;input name=3Dopacity type=3Drange min=3D0 max=3D1 =
step=3D0.00392156863&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following control allows any time in the day to be selec=
ted, with any accuracy (e.g.
+   thousandth-of-a-second accuracy or more):&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;input name=3Dfavtime type=3Dtime step=3Dany&amp;gt=
;&lt;/pre&gt;
+
+   &lt;p&gt;Normally, time controls are limited to an accuracy of one mi=
nute.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h6 id=3Dthe-list-attribute&gt;&lt;span class=3Dsecno&gt;4.10.5.3.9=
 &lt;/span&gt;The &lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-=
input-list&gt;list&lt;/a&gt;&lt;/code&gt; attribute&lt;/h6&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-input-list title=3Dattr-input-list&gt;&=
lt;code&gt;list&lt;/code&gt;&lt;/dfn&gt; attribute is used to identify an
+  element that lists predefined options suggested to the user.&lt;/p&gt;
+
+  &lt;p&gt;If present, its value must be the &lt;a href=3D#concept-id ti=
tle=3Dconcept-id&gt;ID&lt;/a&gt; of a &lt;code&gt;&lt;a href=3D#the-datal=
ist-element&gt;datalist&lt;/a&gt;&lt;/code&gt;
+  element in the same document.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dconcept-input-list title=3Dconcept-input-lis=
t&gt;suggestions source element&lt;/dfn&gt; is the first element in
+  the document in &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt; to ha=
ve an &lt;a href=3D#concept-id title=3Dconcept-id&gt;ID&lt;/a&gt; equal t=
o the
+  value of the &lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-in=
put-list&gt;list&lt;/a&gt;&lt;/code&gt; attribute, if that element is a
+  &lt;code&gt;&lt;a href=3D#the-datalist-element&gt;datalist&lt;/a&gt;&l=
t;/code&gt; element. If there is no &lt;code title=3Dattr-input-list&gt;&=
lt;a href=3D#attr-input-list&gt;list&lt;/a&gt;&lt;/code&gt; attribute,
+  or if there is no element with that &lt;a href=3D#concept-id title=3Dc=
oncept-id&gt;ID&lt;/a&gt;, or if the first element
+  with that &lt;a href=3D#concept-id title=3Dconcept-id&gt;ID&lt;/a&gt; =
is not a &lt;code&gt;&lt;a href=3D#the-datalist-element&gt;datalist&lt;/a=
&gt;&lt;/code&gt; element, then there is
+  no &lt;a href=3D#concept-input-list title=3Dconcept-input-list&gt;sugg=
estions source element&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;If there is a &lt;a href=3D#concept-input-list title=3Dconcep=
t-input-list&gt;suggestions source element&lt;/a&gt;, then, when
+  the user agent is allowing the user to edit the &lt;code&gt;&lt;a href=
=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element's &lt;a hre=
f=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt;, the us=
er agent should offer the suggestions represented by
+  the &lt;a href=3D#concept-input-list title=3Dconcept-input-list&gt;sug=
gestions source element&lt;/a&gt; to the user in a manner
+  suitable for the type of control used. The user agent may use the sugg=
estion's &lt;a href=3D#concept-option-label title=3Dconcept-option-label&=
gt;label&lt;/a&gt; to identify the suggestion if appropriate.&lt;/p&gt;
+
+  &lt;p&gt;How user selections of suggestions are handled depends on whe=
ther the element is a control
+  accepting a single value only, or whether it accepts multiple values:&=
lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the element does not have a &lt;=
code title=3Dattr-input-multiple&gt;&lt;a href=3D#attr-input-multiple&gt;=
multiple&lt;/a&gt;&lt;/code&gt; attribute
+   specified or if the &lt;code title=3Dattr-input-multiple&gt;&lt;a hre=
f=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt; attribute doe=
s &lt;span&gt;not
+   apply&lt;/span&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;When the user selects a suggestion, the &lt;code&gt;&lt;a h=
ref=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element's &lt;a =
href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; must=
 be set to the selected suggestion's &lt;a href=3D#concept-option-value t=
itle=3Dconcept-option-value&gt;value&lt;/a&gt;, as if the user had writte=
n that value himself.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;If the element &lt;em&gt;does&lt;/em&gt; have a &lt;code ti=
tle=3Dattr-input-multiple&gt;&lt;a href=3D#attr-input-multiple&gt;multipl=
e&lt;/a&gt;&lt;/code&gt;
+   attribute specified, and the &lt;code title=3Dattr-input-multiple&gt;=
&lt;a href=3D#attr-input-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt; attr=
ibute does
+   &lt;a href=3D#concept-input-apply title=3Dconcept-input-apply&gt;appl=
y&lt;/a&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;When the user selects a suggestion, the user agent must eit=
her add a new entry to the
+    &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/c=
ode&gt; element's &lt;a href=3D#concept-fe-values title=3Dconcept-fe-valu=
es&gt;value&lt;em&gt;s&lt;/em&gt;&lt;/a&gt;, whose value
+    is the selected suggestion's &lt;a href=3D#concept-option-value titl=
e=3Dconcept-option-value&gt;value&lt;/a&gt;, or change an
+    existing entry in the &lt;code&gt;&lt;a href=3D#the-input-element&gt=
;input&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#concept-fe-values t=
itle=3Dconcept-fe-values&gt;value&lt;em&gt;s&lt;/em&gt;&lt;/a&gt; to have=
 the value given by the selected
+    suggestion's &lt;a href=3D#concept-option-value title=3Dconcept-opti=
on-value&gt;value&lt;/a&gt;, as if the user had himself added
+    an entry with that value, or edited an existing entry to be that val=
ue. Which behavior is to be
+    applied depends on the user interface in a user-agent-defined manner=
.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;hr&gt;&lt;p&gt;If the &lt;code title=3Dattr-input-list&=
gt;&lt;a href=3D#attr-input-list&gt;list&lt;/a&gt;&lt;/code&gt; attribute=
 &lt;a href=3D#do-not-apply title=3D&quot;do not apply&quot;&gt;does not
+  apply&lt;/a&gt;, there is no &lt;a href=3D#concept-input-list title=3D=
concept-input-list&gt;suggestions source element&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This URL field offers some suggestions.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;label&amp;gt;Homepage: &amp;lt;input name=3Dhp typ=
e=3Durl list=3Dhpurls&amp;gt;&amp;lt;/label&amp;gt;
+&amp;lt;datalist id=3Dhpurls&amp;gt;
+ &amp;lt;option value=3D&quot;http://www.google.com/&quot; label=3D&quot=
;Google&quot;&amp;gt;
+ &amp;lt;option value=3D&quot;http://www.reddit.com/&quot; label=3D&quot=
;Reddit&quot;&amp;gt;
+&amp;lt;/datalist&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;Other URLs from the user's history might show also; this is =
up to the user agent.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This example demonstrates how to design a form that uses the=
 autocompletion list feature while
+   still degrading usefully in legacy user agents.&lt;/p&gt;
+
+   &lt;p&gt;If the autocompletion list is merely an aid, and is not impo=
rtant to the content, then simply
+   using a &lt;code&gt;&lt;a href=3D#the-datalist-element&gt;datalist&lt=
;/a&gt;&lt;/code&gt; element with children &lt;code&gt;&lt;a href=3D#the-=
option-element&gt;option&lt;/a&gt;&lt;/code&gt; elements is enough. To
+   prevent the values from being rendered in legacy user agents, they ne=
ed to be placed inside the
+   &lt;code title=3Dattr-option-value&gt;&lt;a href=3D#attr-option-value=
&gt;value&lt;/a&gt;&lt;/code&gt; attribute instead of inline.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt;
+ &amp;lt;label&amp;gt;
+  Enter a breed:
+  &amp;lt;input type=3D&quot;text&quot; name=3D&quot;breed&quot; list=3D=
&quot;breeds&quot;&amp;gt;
+  &amp;lt;datalist id=3D&quot;breeds&quot;&amp;gt;
+   &amp;lt;option value=3D&quot;Abyssinian&quot;&amp;gt;
+   &amp;lt;option value=3D&quot;Alpaca&quot;&amp;gt;
+   &amp;lt;!-- ... --&amp;gt;
+  &amp;lt;/datalist&amp;gt;
+ &amp;lt;/label&amp;gt;
+&amp;lt;/p&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;However, if the values need to be shown in legacy UAs, then =
fallback content can be placed
+   inside the &lt;code&gt;&lt;a href=3D#the-datalist-element&gt;datalist=
&lt;/a&gt;&lt;/code&gt; element, as follows:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt;
+ &amp;lt;label&amp;gt;
+  Enter a breed:
+  &amp;lt;input type=3D&quot;text&quot; name=3D&quot;breed&quot; list=3D=
&quot;breeds&quot;&amp;gt;
+ &amp;lt;/label&amp;gt;
+ &amp;lt;datalist id=3D&quot;breeds&quot;&amp;gt;
+  &amp;lt;label&amp;gt;
+   or select one from the list:
+   &amp;lt;select name=3D&quot;breed&quot;&amp;gt;
+    &amp;lt;option value=3D&quot;&quot;&amp;gt; (none selected)
+    &amp;lt;option&amp;gt;Abyssinian
+    &amp;lt;option&amp;gt;Alpaca
+    &amp;lt;!-- ... --&amp;gt;
+   &amp;lt;/select&amp;gt;
+  &amp;lt;/label&amp;gt;
+ &amp;lt;/datalist&amp;gt;
+&amp;lt;/p&amp;gt;
+&lt;/pre&gt;
+
+   &lt;p&gt;The fallback content will only be shown in UAs that don't su=
pport &lt;code&gt;&lt;a href=3D#the-datalist-element&gt;datalist&lt;/a&gt=
;&lt;/code&gt;. The
+   options, on the other hand, will be detected by all UAs, even though =
they are not children of the
+   &lt;code&gt;&lt;a href=3D#the-datalist-element&gt;datalist&lt;/a&gt;&=
lt;/code&gt; element.&lt;/p&gt;
+
+   &lt;p&gt;Note that if an &lt;code&gt;&lt;a href=3D#the-option-element=
&gt;option&lt;/a&gt;&lt;/code&gt; element used in a &lt;code&gt;&lt;a hre=
f=3D#the-datalist-element&gt;datalist&lt;/a&gt;&lt;/code&gt; is &lt;code =
title=3Dattr-option-selected&gt;&lt;a href=3D#attr-option-selected&gt;sel=
ected&lt;/a&gt;&lt;/code&gt;, it will be selected by default by legacy UA=
s
+   (because it affects the &lt;code&gt;&lt;a href=3D#the-select-element&=
gt;select&lt;/a&gt;&lt;/code&gt;), but it will not have any effect on the
+   &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/co=
de&gt; element in UAs that support &lt;code&gt;&lt;a href=3D#the-datalist=
-element&gt;datalist&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h6 id=3Dthe-placeholder-attribute&gt;&lt;span class=3Dsecno&gt;4.1=
0.5.3.10 &lt;/span&gt;The &lt;code title=3Dattr-input-placeholder&gt;&lt;=
a href=3D#attr-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt; at=
tribute&lt;/h6&gt;
+
+  &lt;!-- substantially similar text in the &lt;textarea&gt; section --&=
gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-input-placeholder title=3Dattr-input-pl=
aceholder&gt;&lt;code&gt;placeholder&lt;/code&gt;&lt;/dfn&gt; attribute r=
epresents a
+  &lt;em&gt;short&lt;/em&gt; hint (a word or short phrase) intended to a=
id the user with data entry when the
+  control has no value. A hint could be a sample value or a brief descri=
ption of the expected
+  format. The attribute, if specified, must have a value that contains n=
o U+000A LINE FEED (LF) or
+  U+000D CARRIAGE RETURN (CR) characters.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-input-placeholder&gt;&lt;a href=3D#=
attr-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt; attribute sh=
ould not be used as an
+  alternative to a &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&=
lt;/a&gt;&lt;/code&gt;. For a longer hint or other advisory text, the &lt=
;code title=3Dattr-title&gt;&lt;a href=3D#attr-title&gt;title&lt;/a&gt;&l=
t;/code&gt; attribute is more appropriate.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;These mechanisms are very similar but subtly dif=
ferent: the hint given by the
+  control's &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&g=
t;&lt;/code&gt; is shown at all times; the short hint given in the &lt;co=
de title=3Dattr-input-placeholder&gt;&lt;a href=3D#attr-input-placeholder=
&gt;placeholder&lt;/a&gt;&lt;/code&gt; attribute is shown before the user=
 enters a
+  value; and the hint in the &lt;code title=3Dattr-title&gt;&lt;a href=3D=
#attr-title&gt;title&lt;/a&gt;&lt;/code&gt; attribute is shown when the u=
ser
+  requests further help.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;User agents should present this hint to the user, after havin=
g &lt;a href=3D#strip-line-breaks title=3D&quot;strip line
+  breaks&quot;&gt;stripped line breaks&lt;/a&gt; from it, when the eleme=
nt's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;=
/a&gt; is the empty string or the control is not focused (or both),
+  e.g. by displaying it inside a blank unfocused control and hiding it o=
therwise.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here is an example of a mail configuration user interface th=
at uses the &lt;code title=3Dattr-input-placeholder&gt;&lt;a href=3D#attr=
-input-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt; attribute:&lt;/p=
&gt;
+
+   &lt;pre&gt;&amp;lt;fieldset&amp;gt;
+ &amp;lt;legend&amp;gt;Mail Account&amp;lt;/legend&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Name: &amp;lt;input type=3D&quot;=
text&quot; name=3D&quot;fullname&quot; placeholder=3D&quot;John Ratzenber=
ger&quot;&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Address: &amp;lt;input type=3D&qu=
ot;email&quot; name=3D&quot;address&quot; placeholder=3D&quot;john at exampl=
e.net&quot;&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Password: &amp;lt;input type=3D&q=
uot;password&quot; name=3D&quot;password&quot;&amp;gt;&amp;lt;/label&amp;=
gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Description: &amp;lt;input type=3D=
&quot;text&quot; name=3D&quot;desc&quot; placeholder=3D&quot;My Email Acc=
ount&quot;&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+&amp;lt;/fieldset&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In situations where the control's content has one directiona=
lity but the placeholder needs to
+   have a different directionality, Unicode's bidirectional-algorithm fo=
rmatting characters can be
+   used in the attribute value:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;input name=3Dt1 type=3Dtel placeholder=3D&quot;&lt=
;strong&gt;&amp;amp;#x202B;&lt;/strong&gt;&amp;thinsp;&lt;bdo dir=3Drtl&g=
t;&amp;#x631;&amp;#x642;&amp;#x645;&amp;nbsp;&amp;#x627;&amp;#x644;&amp;#=
x647;&amp;#x627;&amp;#x62a;&amp;#x641;&amp;nbsp;1&lt;/bdo&gt;&amp;thinsp;=
&lt;strong&gt;&amp;amp;#x202E;&lt;/strong&gt;&quot;&amp;gt;
+&amp;lt;input name=3Dt2 type=3Dtel placeholder=3D&quot;&lt;strong&gt;&am=
p;amp;#x202B;&lt;/strong&gt;&amp;thinsp;&lt;bdo dir=3Drtl&gt;&amp;#x631;&=
amp;#x642;&amp;#x645;&amp;nbsp;&amp;#x627;&amp;#x644;&amp;#x647;&amp;#x62=
7;&amp;#x62a;&amp;#x641;&amp;nbsp;2&lt;/bdo&gt;&amp;thinsp;&lt;strong&gt;=
&amp;amp;#x202E;&lt;/strong&gt;&quot;&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;For slightly more clarity, here's the same example using num=
eric character references instead of inline Arabic:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;input name=3Dt1 type=3Dtel placeholder=3D&quot;&lt=
;strong&gt;&amp;amp;#x202B;&lt;/strong&gt;&amp;amp;#1585;&amp;amp;#1602;&=
amp;amp;#1605;&amp;nbsp;&amp;amp;#1575;&amp;amp;#1604;&amp;amp;#1607;&amp=
;amp;#1575;&amp;amp;#1578;&amp;amp;#1601;&amp;nbsp;1&lt;strong&gt;&amp;am=
p;#x202E;&lt;/strong&gt;&quot;&amp;gt;
+&amp;lt;input name=3Dt2 type=3Dtel placeholder=3D&quot;&lt;strong&gt;&am=
p;amp;#x202B;&lt;/strong&gt;&amp;amp;#1585;&amp;amp;#1602;&amp;amp;#1605;=
&amp;nbsp;&amp;amp;#1575;&amp;amp;#1604;&amp;amp;#1607;&amp;amp;#1575;&am=
p;amp;#1578;&amp;amp;#1601;&amp;nbsp;2&lt;strong&gt;&amp;amp;#x202E;&lt;/=
strong&gt;&quot;&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+&lt;!--TOPIC:DOM APIs--&gt;
+
+  &lt;h5 id=3Dcommon-input-element-apis&gt;&lt;span class=3Dsecno&gt;4.1=
0.5.4 &lt;/span&gt;Common &lt;code&gt;&lt;a href=3D#the-input-element&gt;=
input&lt;/a&gt;&lt;/code&gt; element APIs&lt;/h5&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;i=
nput&lt;/var&gt; . &lt;code title=3Ddom-input-value&gt;&lt;a href=3D#dom-=
input-value&gt;value&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&=
quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current &lt;a href=3D#concept-fe-value title=3D=
concept-fe-value&gt;value&lt;/a&gt; of the form control.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the value.&lt;/p&gt;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;In=
validStateError&lt;/a&gt;&lt;/code&gt; exception if it is set to any valu=
e other than the
+    empty string when the control is a file upload control.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt; . &lt;cod=
e title=3Ddom-input-checked&gt;&lt;a href=3D#dom-input-checked&gt;checked=
&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quot;&gt;value&lt;/v=
ar&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current &lt;a href=3D#concept-fe-checked title=3D=
concept-fe-checked&gt;checkedness&lt;/a&gt; of the form
+    control.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the &lt;a href=3D#concept-fe-checked =
title=3Dconcept-fe-checked&gt;checkedness&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt; . &lt;cod=
e title=3Ddom-input-files&gt;&lt;a href=3D#dom-input-files&gt;files&lt;/a=
&gt;&lt;/code&gt; &lt;!-- [ =3D &lt;var title=3D&quot;&quot;&gt;files&lt;=
/var&gt; ] --&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a &lt;code&gt;&lt;a href=3D#filelist&gt;FileList&lt=
;/a&gt;&lt;/code&gt; object listing the &lt;a href=3D#concept-input-type-=
file-selected title=3Dconcept-input-type-file-selected&gt;selected files&=
lt;/a&gt; of the form control.&lt;/p&gt;
+
+    &lt;p&gt;Returns null if the control isn't a file control.&lt;/p&gt;
+
+&lt;!--
+    &lt;p&gt;Can be set to an array of &lt;code&gt;File&lt;/code&gt; or =
&lt;code&gt;Blob&lt;/code&gt; instances.&lt;/p&gt;-
+--&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt; . &lt;cod=
e title=3Ddom-input-valueAsDate&gt;&lt;a href=3D#dom-input-valueasdate&gt=
;valueAsDate&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quot;&gt=
;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a &lt;code&gt;Date&lt;/code&gt; object representing=
 the form control's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-val=
ue&gt;value&lt;/a&gt;, if applicable; otherwise, returns null.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the value.&lt;/p&gt;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;In=
validStateError&lt;/a&gt;&lt;/code&gt; exception if the control isn't dat=
e- or
+    time-based.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt; . &lt;cod=
e title=3Ddom-input-valueAsNumber&gt;&lt;a href=3D#dom-input-valueasnumbe=
r&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&qu=
ot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a number representing the form control's &lt;a href=
=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt;,
+    if applicable; otherwise, returns NaN.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the value. Setting this to NaN will s=
et the underlying value to the
+    empty string.&lt;/p&gt;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;In=
validStateError&lt;/a&gt;&lt;/code&gt; exception if the control is neithe=
r date- or
+    time-based nor numeric.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt; . &lt;cod=
e title=3Ddom-input-stepUp&gt;&lt;a href=3D#dom-input-stepup&gt;stepUp&lt=
;/a&gt;&lt;/code&gt;( [ &lt;var title=3D&quot;&quot;&gt;n&lt;/var&gt; ] )=
&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt; . &lt;cod=
e title=3Ddom-input-stepDown&gt;&lt;a href=3D#dom-input-stepdown&gt;stepD=
own&lt;/a&gt;&lt;/code&gt;( [ &lt;var title=3D&quot;&quot;&gt;n&lt;/var&g=
t; ] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Changes the form control's &lt;a href=3D#concept-fe-value t=
itle=3Dconcept-fe-value&gt;value&lt;/a&gt; by the value given in
+    the &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-input-ste=
p&gt;step&lt;/a&gt;&lt;/code&gt; attribute, multiplied by &lt;var title=3D=
&quot;&quot;&gt;n&lt;/var&gt;.
+    The default value for &lt;var title=3D&quot;&quot;&gt;n&lt;/var&gt; =
is 1.&lt;/p&gt;
+
+    &lt;p&gt;Throws &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;Inval=
idStateError&lt;/a&gt;&lt;/code&gt; exception if the control is neither d=
ate- or time-based
+    nor numeric, or if the &lt;code title=3Dattr-input-step&gt;&lt;a hre=
f=3D#attr-input-step&gt;step&lt;/a&gt;&lt;/code&gt; attribute's value is =
&quot;&lt;code title=3D&quot;&quot;&gt;any&lt;/code&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt; . &lt;cod=
e title=3Ddom-input-list&gt;&lt;a href=3D#dom-input-list&gt;list&lt;/a&gt=
;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the &lt;code&gt;&lt;a href=3D#the-datalist-element&=
gt;datalist&lt;/a&gt;&lt;/code&gt; element indicated by the &lt;code titl=
e=3Dattr-input-list&gt;&lt;a href=3D#attr-input-list&gt;list&lt;/a&gt;&lt=
;/code&gt; attribute.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-input-value title=3Ddom-input-value&gt;&=
lt;code&gt;value&lt;/code&gt;&lt;/dfn&gt; IDL attribute allows scripts to
+  manipulate the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value=
&gt;value&lt;/a&gt; of an &lt;code&gt;&lt;a href=3D#the-input-element&gt;=
input&lt;/a&gt;&lt;/code&gt; element. The
+  attribute is in one of the following modes, which define its behavior:=
&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Ddom-input-value-value title=3Ddom-inp=
ut-value-value&gt;value&lt;/dfn&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;On getting, it must return the current &lt;a href=3D#concep=
t-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; of the
+    element. On setting, it must set the element's &lt;a href=3D#concept=
-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; to
+    the new value, set the element's &lt;a href=3D#concept-input-value-d=
irty-flag title=3Dconcept-input-value-dirty-flag&gt;dirty value
+    flag&lt;/a&gt; to true, invoke the &lt;a href=3D#value-sanitization-=
algorithm&gt;value sanitization algorithm&lt;/a&gt;, if the element's
+    &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt=
;type&lt;/a&gt;&lt;/code&gt; attribute's current state defines one, and t=
hen, if
+    the element has a text entry cursor position, should move the text e=
ntry cursor position to the
+    end of the text field, unselecting any selected text and resetting t=
he selection direction to
+    &lt;i&gt;none&lt;/i&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-input-value-default title=3Ddom-input-valu=
e-default&gt;default&lt;/dfn&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;On getting, if the element has a &lt;code title=3Dattr-inpu=
t-value&gt;&lt;a href=3D#attr-input-value&gt;value&lt;/a&gt;&lt;/code&gt;=
 attribute, it
+    must return that attribute's value; otherwise, it must return the em=
pty string. On setting, it
+    must set the element's &lt;code title=3Dattr-input-value&gt;&lt;a hr=
ef=3D#attr-input-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute to the n=
ew
+    value.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-input-value-default-on title=3Ddom-input-v=
alue-default-on&gt;default/on&lt;/dfn&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;On getting, if the element has a &lt;code title=3Dattr-inpu=
t-value&gt;&lt;a href=3D#attr-input-value&gt;value&lt;/a&gt;&lt;/code&gt;=
 attribute, it
+    must return that attribute's value; otherwise, it must return the st=
ring &quot;&lt;code title=3D&quot;&quot;&gt;on&lt;/code&gt;&quot;. On set=
ting, it must set the element's &lt;code title=3Dattr-input-value&gt;&lt;=
a href=3D#attr-input-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute to t=
he new value.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-input-value-filename title=3Ddom-input-val=
ue-filename&gt;filename&lt;/dfn&gt;
+
+   &lt;dd id=3Dfakepath-orly&gt;
+
+    &lt;p&gt;On getting, it must return the string &quot;&lt;code title=3D=
&quot;&quot;&gt;C:\fakepath\&lt;/code&gt;&quot; followed by the
+    name of the first file in the list of &lt;a href=3D#concept-input-ty=
pe-file-selected title=3Dconcept-input-type-file-selected&gt;selected
+    files&lt;/a&gt;, if any, or the empty string if the list is empty. O=
n setting, if the new value is
+    the empty string, it must empty the list of &lt;a href=3D#concept-in=
put-type-file-selected title=3Dconcept-input-type-file-selected&gt;select=
ed files&lt;/a&gt;; otherwise, it must throw an
+    &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateError&lt;=
/a&gt;&lt;/code&gt; exception.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This &quot;fakepath&quot; requirement is a sad=
 accident of history. See &lt;a href=3D#fakepath-srsly&gt;the example in =
the File Upload state section&lt;/a&gt; for more
+    information.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-input-checked title=
=3Ddom-input-checked&gt;&lt;code&gt;checked&lt;/code&gt;&lt;/dfn&gt; IDL =
attribute allows scripts to
+  manipulate the &lt;a href=3D#concept-fe-checked title=3Dconcept-fe-che=
cked&gt;checkedness&lt;/a&gt; of an &lt;code&gt;&lt;a href=3D#the-input-e=
lement&gt;input&lt;/a&gt;&lt;/code&gt;
+  element. On getting, it must return the current &lt;a href=3D#concept-=
fe-checked title=3Dconcept-fe-checked&gt;checkedness&lt;/a&gt; of the ele=
ment; and on setting, it must set the
+  element's &lt;a href=3D#concept-fe-checked title=3Dconcept-fe-checked&=
gt;checkedness&lt;/a&gt; to the new value and set the
+  element's &lt;a href=3D#concept-input-checked-dirty-flag title=3Dconce=
pt-input-checked-dirty-flag&gt;dirty checkedness flag&lt;/a&gt; to
+  true.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-input-files title=3Ddom-input-=
files&gt;&lt;code&gt;files&lt;/code&gt;&lt;/dfn&gt; IDL attribute allows =
scripts to
+  access the element's &lt;a href=3D#concept-input-type-file-selected ti=
tle=3Dconcept-input-type-file-selected&gt;selected files&lt;/a&gt;. On
+  getting, if the IDL attribute &lt;a href=3D#concept-input-apply title=3D=
concept-input-apply&gt;applies&lt;/a&gt;, it must return a
+  &lt;code&gt;&lt;a href=3D#filelist&gt;FileList&lt;/a&gt;&lt;/code&gt; =
object that represents the current &lt;a href=3D#concept-input-type-file-=
selected title=3Dconcept-input-type-file-selected&gt;selected files&lt;/a=
&gt;. The same object must be returned
+  until the list of &lt;a href=3D#concept-input-type-file-selected title=
=3Dconcept-input-type-file-selected&gt;selected files&lt;/a&gt; changes. =
If
+  the IDL attribute &lt;a href=3D#do-not-apply title=3D&quot;do not appl=
y&quot;&gt;does not apply&lt;/a&gt;, then it must instead return
+  null. &lt;a href=3D#refsFILEAPI&gt;[FILEAPI]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-input-valueasdate title=3Ddom-=
input-valueAsDate&gt;&lt;code&gt;valueAsDate&lt;/code&gt;&lt;/dfn&gt; IDL=
 attribute represents
+  the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&l=
t;/a&gt; of the element, interpreted as a date.&lt;/p&gt;
+
+  &lt;p&gt;On getting, if the &lt;code title=3Ddom-input-valueAsDate&gt;=
&lt;a href=3D#dom-input-valueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;=
 attribute &lt;a href=3D#do-not-apply title=3D&quot;do not apply&quot;&gt=
;does not apply&lt;/a&gt;, as defined for the &lt;code&gt;&lt;a href=3D#t=
he-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element's &lt;code title=
=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;=
/code&gt; attribute's current state, then return null. Otherwise, run
+  the &lt;a href=3D#concept-input-value-string-date title=3Dconcept-inpu=
t-value-string-date&gt;algorithm to convert a string to a
+  &lt;code&gt;Date&lt;/code&gt; object&lt;/a&gt; defined for that state;=
 if the algorithm returned a
+  &lt;code&gt;Date&lt;/code&gt; object, then return it, otherwise, retur=
n null.&lt;/p&gt;
+
+  &lt;p&gt;On setting, if the &lt;code title=3Ddom-input-valueAsDate&gt;=
&lt;a href=3D#dom-input-valueasdate&gt;valueAsDate&lt;/a&gt;&lt;/code&gt;=
 attribute &lt;a href=3D#do-not-apply title=3D&quot;do not apply&quot;&gt=
;does not apply&lt;/a&gt;, as defined for the &lt;code&gt;&lt;a href=3D#t=
he-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element's &lt;code title=
=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;=
/code&gt; attribute's current state, then throw an
+  &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateError&lt;/a=
&gt;&lt;/code&gt; exception; otherwise, if the new value is null or a
+  &lt;code&gt;Date&lt;/code&gt; object representing the NaN time value, =
then set the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;v=
alue&lt;/a&gt; of the element to the empty string; otherwise, run the &lt=
;a href=3D#concept-input-value-date-string title=3Dconcept-input-value-da=
te-string&gt;algorithm to convert a &lt;code&gt;Date&lt;/code&gt; object =
to a
+  string&lt;/a&gt;, as defined for that state, on the new value, and set=
 the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;=
/a&gt; of the element to the resulting string.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-input-valueasnumber title=3Ddo=
m-input-valueAsNumber&gt;&lt;code&gt;valueAsNumber&lt;/code&gt;&lt;/dfn&g=
t; IDL attribute
+  represents the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value=
&gt;value&lt;/a&gt; of the element, interpreted as a
+  number.&lt;/p&gt;
+
+  &lt;p&gt;On getting, if the &lt;code title=3Ddom-input-valueAsNumber&g=
t;&lt;a href=3D#dom-input-valueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/co=
de&gt; attribute &lt;a href=3D#do-not-apply title=3D&quot;do not apply&qu=
ot;&gt;does not apply&lt;/a&gt;, as defined for the &lt;code&gt;&lt;a hre=
f=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element's &lt;code=
 title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&g=
t;&lt;/code&gt; attribute's current state, then return a Not-a-Number (Na=
N)
+  value. Otherwise, if the &lt;code title=3Ddom-input-valueAsDate&gt;&lt=
;a href=3D#dom-input-valueasdate&gt;valueAs&lt;em&gt;Date&lt;/em&gt;&lt;/=
a&gt;&lt;/code&gt; attribute
+  &lt;a href=3D#concept-input-apply title=3Dconcept-input-apply&gt;appli=
es&lt;/a&gt;, run the &lt;a href=3D#concept-input-value-string-date title=
=3Dconcept-input-value-string-date&gt;algorithm to convert a string to a =
&lt;code&gt;Date&lt;/code&gt;
+  object&lt;/a&gt; defined for that state; if the algorithm returned a &=
lt;code&gt;Date&lt;/code&gt; object, then
+  return the &lt;i&gt;time value&lt;/i&gt; of the object (the number of =
milliseconds from midnight UTC the
+  morning of 1970-01-01 to the time represented by the &lt;code&gt;Date&=
lt;/code&gt; object), otherwise, return
+  a Not-a-Number (NaN) value. Otherwise, run the &lt;a href=3D#concept-i=
nput-value-string-number title=3Dconcept-input-value-string-number&gt;alg=
orithm to convert a string to a number&lt;/a&gt; defined
+  for that state; if the algorithm returned a number, then return it, ot=
herwise, return a
+  Not-a-Number (NaN) value.&lt;/p&gt;
+
+  &lt;p&gt;On setting, if the new value is infinite, then throw a &lt;co=
de&gt;TypeError&lt;/code&gt; exception.
+  Otherwise, if the &lt;code title=3Ddom-input-valueAsNumber&gt;&lt;a hr=
ef=3D#dom-input-valueasnumber&gt;valueAsNumber&lt;/a&gt;&lt;/code&gt; att=
ribute &lt;a href=3D#do-not-apply title=3D&quot;do not apply&quot;&gt;doe=
s not apply&lt;/a&gt;, as defined for the &lt;code&gt;&lt;a href=3D#the-i=
nput-element&gt;input&lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Da=
ttr-input-type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/cod=
e&gt; attribute's current state, then throw an
+  &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateError&lt;/a=
&gt;&lt;/code&gt; exception. Otherwise, if the new value is a Not-a-Numbe=
r (NaN)
+  value, then set the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-=
value&gt;value&lt;/a&gt; of the element to the empty
+  string. Otherwise, if the &lt;code title=3Ddom-input-valueAsDate&gt;&l=
t;a href=3D#dom-input-valueasdate&gt;valueAs&lt;em&gt;Date&lt;/em&gt;&lt;=
/a&gt;&lt;/code&gt;
+  attribute &lt;a href=3D#concept-input-apply title=3Dconcept-input-appl=
y&gt;applies&lt;/a&gt;, run the &lt;a href=3D#concept-input-value-date-st=
ring title=3Dconcept-input-value-date-string&gt;algorithm to convert a &l=
t;code&gt;Date&lt;/code&gt; object to a
+  string&lt;/a&gt; defined for that state, passing it a &lt;code&gt;Date=
&lt;/code&gt; object whose &lt;i&gt;time
+  value&lt;/i&gt; is the new value, and set the &lt;a href=3D#concept-fe=
-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; of the element
+  to the resulting string. Otherwise, run the &lt;a href=3D#concept-inpu=
t-value-number-string title=3Dconcept-input-value-number-string&gt;algori=
thm to convert a number to a string&lt;/a&gt;, as
+  defined for that state, on the new value, and set the &lt;a href=3D#co=
ncept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt;
+  of the element to the resulting string.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-input-stepdown title=3Ddom-inp=
ut-stepDown&gt;&lt;code&gt;stepDown(&lt;var title=3D&quot;&quot;&gt;n&lt;=
/var&gt;)&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Ddom-input-stepup titl=
e=3Ddom-input-stepUp&gt;&lt;code&gt;stepUp(&lt;var title=3D&quot;&quot;&g=
t;n&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; methods, when invoked,
+  must run the following algorithm:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code title=3Ddom-input-stepDow=
n&gt;&lt;a href=3D#dom-input-stepdown&gt;stepDown()&lt;/a&gt;&lt;/code&gt=
; and &lt;code title=3Ddom-input-stepUp&gt;&lt;a href=3D#dom-input-stepup=
&gt;stepUp()&lt;/a&gt;&lt;/code&gt; methods &lt;a href=3D#do-not-apply&gt=
;do not apply&lt;/a&gt;, as defined for the
+   &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/co=
de&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-i=
nput-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute's current state,
+   then throw an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidS=
tateError&lt;/a&gt;&lt;/code&gt; exception, and abort these steps.&lt;/li=
&gt;
+
+   &lt;li&gt;&lt;p&gt;If the element has no &lt;a href=3D#concept-input-=
step title=3Dconcept-input-step&gt;allowed value step&lt;/a&gt;, then
+   throw an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateE=
rror&lt;/a&gt;&lt;/code&gt; exception, and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the element has a &lt;a href=3D#concept-input-m=
in title=3Dconcept-input-min&gt;minimum&lt;/a&gt; and a &lt;a href=3D#con=
cept-input-max title=3Dconcept-input-max&gt;maximum&lt;/a&gt; and the &lt=
;a href=3D#concept-input-min title=3Dconcept-input-min&gt;minimum&lt;/a&g=
t;
+   is greater than the &lt;a href=3D#concept-input-max title=3Dconcept-i=
nput-max&gt;maximum&lt;/a&gt;, then abort these steps.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;If the element has a &lt;a href=3D#concept-input-m=
in title=3Dconcept-input-min&gt;minimum&lt;/a&gt; and a &lt;a href=3D#con=
cept-input-max title=3Dconcept-input-max&gt;maximum&lt;/a&gt; and there i=
s no value greater than or equal to the
+   element's &lt;a href=3D#concept-input-min title=3Dconcept-input-min&g=
t;minimum&lt;/a&gt; and less than or equal to the element's
+   &lt;a href=3D#concept-input-max title=3Dconcept-input-max&gt;maximum&=
lt;/a&gt; that, when subtracted from the &lt;a href=3D#concept-input-min-=
zero title=3Dconcept-input-min-zero&gt;step base&lt;/a&gt;, is an integra=
l multiple of the &lt;a href=3D#concept-input-step title=3Dconcept-input-=
step&gt;allowed value step&lt;/a&gt;, then abort these steps.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;If applying the &lt;a href=3D#concept-input-value-=
string-number title=3Dconcept-input-value-string-number&gt;algorithm to c=
onvert a
+   string to a number&lt;/a&gt; to the string given by the element's &lt=
;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; d=
oes not result in an error, then let &lt;var title=3D&quot;&quot;&gt;valu=
e&lt;/var&gt; be the result of that algorithm. Otherwise, let &lt;var tit=
le=3D&quot;&quot;&gt;value&lt;/var&gt; be
+   zero.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; subtra=
cted from the &lt;a href=3D#concept-input-min-zero title=3Dconcept-input-=
min-zero&gt;step
+    base&lt;/a&gt; is not an integral multiple of the &lt;a href=3D#conc=
ept-input-step title=3Dconcept-input-step&gt;allowed value
+    step&lt;/a&gt;, then set &lt;var title=3D&quot;&quot;&gt;value&lt;/v=
ar&gt; to the nearest value that, when subtracted from
+    the &lt;a href=3D#concept-input-min-zero title=3Dconcept-input-min-z=
ero&gt;step base&lt;/a&gt;, is an integral multiple of the &lt;a href=3D#=
concept-input-step title=3Dconcept-input-step&gt;allowed value step&lt;/a=
&gt;, and that is less than &lt;var title=3D&quot;&quot;&gt;value&lt;/var=
&gt; if the method invoked was the &lt;code title=3Ddom-input-stepDown&gt=
;&lt;a href=3D#dom-input-stepdown&gt;stepDown()&lt;/a&gt;&lt;/code&gt; an=
d more than &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;
+    otherwise.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise (&lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt=
; subtracted from the &lt;a href=3D#concept-input-min-zero title=3Dconcep=
t-input-min-zero&gt;step base&lt;/a&gt; is an integral multiple of the &l=
t;a href=3D#concept-input-step title=3Dconcept-input-step&gt;allowed valu=
e step&lt;/a&gt;), run the following substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;n&l=
t;/var&gt; be the argument.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;delta&lt;/va=
r&gt; be the &lt;a href=3D#concept-input-step title=3Dconcept-input-step&=
gt;allowed value
+     step&lt;/a&gt; multiplied by &lt;var title=3D&quot;&quot;&gt;n&lt;/=
var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the method invoked was the &lt;code title=3Dd=
om-input-stepDown&gt;&lt;a href=3D#dom-input-stepdown&gt;stepDown()&lt;/a=
&gt;&lt;/code&gt; method,
+     negate &lt;var title=3D&quot;&quot;&gt;delta&lt;/var&gt;.&lt;/li&gt=
;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;value&lt;/va=
r&gt; be the result of adding &lt;var title=3D&quot;&quot;&gt;delta&lt;/v=
ar&gt; to &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the element has a &lt;a href=3D#concept-input-m=
in title=3Dconcept-input-min&gt;minimum&lt;/a&gt;, and &lt;var title=3D&q=
uot;&quot;&gt;value&lt;/var&gt; is less than that &lt;a href=3D#concept-i=
nput-min title=3Dconcept-input-min&gt;minimum&lt;/a&gt;, then set
+   &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; to the smallest val=
ue that, when subtracted from the &lt;a href=3D#concept-input-min-zero ti=
tle=3Dconcept-input-min-zero&gt;step base&lt;/a&gt;, is an integral multi=
ple of the &lt;a href=3D#concept-input-step title=3Dconcept-input-step&gt=
;allowed value step&lt;/a&gt;, and that is more than or equal to &lt;var =
title=3D&quot;&quot;&gt;minimum&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the element has a &lt;a href=3D#concept-input-m=
in title=3Dconcept-input-min&gt;maximum&lt;/a&gt;, and &lt;var title=3D&q=
uot;&quot;&gt;value&lt;/var&gt; is greater than that &lt;a href=3D#concep=
t-input-min title=3Dconcept-input-min&gt;maximum&lt;/a&gt;, then
+   set &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; to the largest =
value that, when subtracted from the &lt;a href=3D#concept-input-min-zero=
 title=3Dconcept-input-min-zero&gt;step base&lt;/a&gt;, is an integral mu=
ltiple of the &lt;a href=3D#concept-input-step title=3Dconcept-input-step=
&gt;allowed value step&lt;/a&gt;, and that is less than or equal to &lt;v=
ar title=3D&quot;&quot;&gt;maximum&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;value as strin=
g&lt;/var&gt; be the result of running the &lt;a href=3D#concept-input-va=
lue-number-string title=3Dconcept-input-value-number-string&gt;algorithm =
to convert a number to a string&lt;/a&gt;, as
+   defined for the &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt;
+   attribute's current state, on &lt;var title=3D&quot;&quot;&gt;value&l=
t;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set the &lt;a href=3D#concept-fe-value title=3Dcon=
cept-fe-value&gt;value&lt;/a&gt; of the element to &lt;var title=3D&quot;=
&quot;&gt;value
+   as string&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-input-list title=3D=
dom-input-list&gt;&lt;code&gt;list&lt;/code&gt;&lt;/dfn&gt; IDL attribute=
 must return the current
+  &lt;a href=3D#concept-input-list title=3Dconcept-input-list&gt;suggest=
ions source element&lt;/a&gt;, if any, or null otherwise.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dcommon-event-behaviors&gt;&lt;span class=3Dsecno&gt;4.10.5=
.5 &lt;/span&gt;Common event behaviors&lt;/h5&gt;
+
+  &lt;p&gt;When the &lt;dfn id=3Devent-input-input title=3Devent-input-i=
nput&gt;&lt;code&gt;input&lt;/code&gt;&lt;/dfn&gt; event &lt;a href=3D#co=
ncept-input-apply title=3Dconcept-input-apply&gt;applies&lt;/a&gt;, any t=
ime the user causes the element's &lt;a href=3D#concept-fe-value title=3D=
concept-fe-value&gt;value&lt;/a&gt; to change, the user agent must &lt;a =
href=3D#queue-a-task&gt;queue a task&lt;/a&gt; to
+  &lt;a href=3D#fire-a-simple-event&gt;fire a simple event&lt;/a&gt; tha=
t bubbles named &lt;code title=3Devent-input&gt;input&lt;/code&gt; at the
+  &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/cod=
e&gt; element. User agents may wait for a suitable break in the user's in=
teraction
+  before queuing the task; for example, a user agent could wait for the =
user to have not hit a key
+  for 100ms, so as to only fire the event when the user pauses, instead =
of continuously for each
+  keystroke.&lt;/p&gt; &lt;!-- same text is present in the &lt;textarea&=
gt; section --&gt;
+
+  &lt;p class=3Dexample&gt;Examples of a user changing the element's &lt=
;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; w=
ould include the user typing into a text field, pasting a
+  new value into the field, or undoing an edit in that field. Some user =
interactions do not cause
+  changes to the value, e.g. hitting the &quot;delete&quot; key in an em=
pty text field, or replacing some text
+  in the field with text from the clipboard that happens to be exactly t=
he same text.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;dfn id=3Devent-input-change title=3Devent-input-=
change&gt;&lt;code&gt;change&lt;/code&gt;&lt;/dfn&gt; event &lt;a href=3D=
#concept-input-apply title=3Dconcept-input-apply&gt;applies&lt;/a&gt;, if=
 the element does not have an &lt;a href=3D#activation-behavior&gt;activa=
tion
+  behavior&lt;/a&gt; defined but uses a user interface that involves an =
explicit commit action, then
+  any time the user commits a change to the element's &lt;a href=3D#conc=
ept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; or
+  list of &lt;a href=3D#concept-input-type-file-selected title=3Dconcept=
-input-type-file-selected&gt;selected files&lt;/a&gt;, the user agent mus=
t
+  &lt;a href=3D#queue-a-task&gt;queue a task&lt;/a&gt; to &lt;a href=3D#=
fire-a-simple-event&gt;fire a simple event&lt;/a&gt; that bubbles named &=
lt;code title=3Devent-change&gt;change&lt;/code&gt; at the &lt;code&gt;&l=
t;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element.&lt=
;/p&gt;
+
+  &lt;p class=3Dexample&gt;An example of a user interface with a commit =
action would be a &lt;a href=3D&quot;#file-upload-state-(type=3Dfile)&quo=
t; title=3Dattr-input-type-file&gt;File Upload&lt;/a&gt; control that con=
sists of a single button that
+  brings up a file selection dialog: when the dialog is closed, if that =
the &lt;a href=3D#concept-input-type-file-selected title=3Dconcept-input-=
type-file-selected&gt;file selection&lt;/a&gt; changed as a result, then =
the user
+  has committed a new &lt;a href=3D#concept-input-type-file-selected tit=
le=3Dconcept-input-type-file-selected&gt;file selection&lt;/a&gt;.&lt;/p&=
gt;
+
+  &lt;p class=3Dexample&gt;Another example of a user interface with a co=
mmit action would be a &lt;a href=3D&quot;#date-state-(type=3Ddate)&quot;=
 title=3Dattr-input-type-date&gt;Date&lt;/a&gt; control that allows both =
text-based user input and user
+  selection from a drop-down calendar: while text input might not have a=
n explicit commit step,
+  selecting a date from the drop down calendar and then dismissing the d=
rop down would be a commit
+  action.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;A third example of a user interface with a co=
mmit action would be a &lt;a href=3D&quot;#range-state-(type=3Drange)&quo=
t; title=3Dattr-input-type-range&gt;Range&lt;/a&gt; controls that use a s=
lider. While the user is dragging
+  the control's knob, &lt;code title=3Devent-input&gt;input&lt;/code&gt;=
 events would fire whenever the position
+  changed, whereas the &lt;code title=3Devent-change&gt;change&lt;/code&=
gt; event would only fire when the user
+  let go of the knob, committing to a specific value.&lt;/p&gt;
+
+  &lt;p&gt;When the user agent changes the element's &lt;a href=3D#conce=
pt-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; on behalf
+  of the user (e.g. as part of a form prefilling feature), the user agen=
t must follow these
+  steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;If the &lt;code title=3Devent-input-input&gt;&lt;a=
 href=3D#event-input-input&gt;input&lt;/a&gt;&lt;/code&gt; event &lt;a hr=
ef=3D#concept-input-apply title=3Dconcept-input-apply&gt;applies&lt;/a&gt=
;, &lt;a href=3D#queue-a-task&gt;queue a task&lt;/a&gt; to &lt;a href=3D#=
fire-a-simple-event&gt;fire a simple
+   event&lt;/a&gt; that bubbles named &lt;code title=3Devent-input&gt;in=
put&lt;/code&gt; at the &lt;code&gt;&lt;a href=3D#the-input-element&gt;in=
put&lt;/a&gt;&lt;/code&gt;
+   element.&lt;/li&gt;
+
+   &lt;li&gt;If the &lt;code title=3Devent-input-change&gt;&lt;a href=3D=
#event-input-change&gt;change&lt;/a&gt;&lt;/code&gt; event &lt;a href=3D#=
concept-input-apply title=3Dconcept-input-apply&gt;applies&lt;/a&gt;, &lt=
;a href=3D#queue-a-task&gt;queue a task&lt;/a&gt; to &lt;a href=3D#fire-a=
-simple-event&gt;fire a simple
+   event&lt;/a&gt; that bubbles named &lt;code title=3Devent-change&gt;c=
hange&lt;/code&gt; at the
+   &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/co=
de&gt; element.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;In addition, when the &lt;code title=3D=
event-input-change&gt;&lt;a href=3D#event-input-change&gt;change&lt;/a&gt=
;&lt;/code&gt; event &lt;a href=3D#concept-input-apply title=3Dconcept-in=
put-apply&gt;applies&lt;/a&gt;, &lt;code title=3Devent-change&gt;change&l=
t;/code&gt; events can
+  also be fired as part of the element's &lt;a href=3D#activation-behavi=
or&gt;activation behavior&lt;/a&gt; and as part of the
+  &lt;a href=3D#unfocusing-steps&gt;unfocusing steps&lt;/a&gt;.&lt;/p&gt=
;
+
+  &lt;p&gt;The &lt;a href=3D#task-source&gt;task source&lt;/a&gt; for th=
ese &lt;a href=3D#concept-task title=3Dconcept-task&gt;tasks&lt;/a&gt; is=
 the
+  &lt;a href=3D#user-interaction-task-source&gt;user interaction task so=
urce&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dthe-button-element&gt;&lt;span class=3Dsecno&gt;4.10.6 &lt=
;/span&gt;The &lt;dfn&gt;&lt;code&gt;button&lt;/code&gt;&lt;/dfn&gt; elem=
ent&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#interactive-content&gt;Interactive content&lt=
;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#category-listed title=3Dcategory-listed&gt;Li=
sted&lt;/a&gt;, &lt;a href=3D#category-label title=3Dcategory-label&gt;la=
belable&lt;/a&gt;, &lt;a href=3D#category-submit title=3Dcategory-submit&=
gt;submittable&lt;/a&gt;, and &lt;a href=3D#category-form-attr title=3Dca=
tegory-form-attr&gt;reassociateable&lt;/a&gt; &lt;a href=3D#form-associat=
ed-element&gt;form-associated element&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#palpable-content&gt;Palpable content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#phrasing-content&gt;phrasing content&lt=
;/a&gt; is expected.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;, but there must be no &lt;a href=3D#interactive-content&gt;interactive =
content&lt;/a&gt; descendant.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr-fe=
-autofocus&gt;autofocus&lt;/a&gt;&lt;/code&gt; &amp;mdash; Automatically =
focus the form control when the page is loaded&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-disabled&gt;&lt;a href=3D#attr-fe-=
disabled&gt;disabled&lt;/a&gt;&lt;/code&gt; &amp;mdash; Whether the form =
control is disabled&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-fo=
rm&gt;form&lt;/a&gt;&lt;/code&gt; &amp;mdash; Associates the control with=
 a &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&=
gt; element&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fs-formaction&gt;&lt;a href=3D#attr-f=
s-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt; &amp;mdash; &lt;a href=3D=
#url&gt;URL&lt;/a&gt; to use for &lt;a href=3D#form-submission&gt;form su=
bmission&lt;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fs-formenctype&gt;&lt;a href=3D#attr-=
fs-formenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt; &amp;mdash; Form dat=
a set encoding type to use for &lt;a href=3D#form-submission&gt;form subm=
ission&lt;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fs-formmethod&gt;&lt;a href=3D#attr-f=
s-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt; &amp;mdash; HTTP method=
 to use for &lt;a href=3D#form-submission&gt;form submission&lt;/a&gt;&lt=
;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fs-formnovalidate&gt;&lt;a href=3D#at=
tr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt; &amp;mdash;=
 Bypass form control validation for &lt;a href=3D#form-submission&gt;form=
 submission&lt;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fs-formtarget&gt;&lt;a href=3D#attr-f=
s-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt; &amp;mdash; &lt;a href=3D=
#browsing-context&gt;Browsing context&lt;/a&gt; for &lt;a href=3D#form-su=
bmission&gt;form submission&lt;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-button-menu&gt;&lt;a href=3D#attr-but=
ton-menu&gt;menu&lt;/a&gt;&lt;/code&gt; &amp;mdash; Specifies the element=
's &lt;a href=3D#designated-pop-up-menu&gt;designated pop-up menu&lt;/a&g=
t;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name=
&gt;name&lt;/a&gt;&lt;/code&gt; &amp;mdash; Name of form control to use f=
or &lt;a href=3D#form-submission&gt;form submission&lt;/a&gt; and in the =
&lt;code title=3Ddom-form-elements&gt;&lt;a href=3D#dom-form-elements&gt;=
form.elements&lt;/a&gt;&lt;/code&gt; API&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-button-type&gt;&lt;a href=3D#attr-but=
ton-type&gt;type&lt;/a&gt;&lt;/code&gt; &amp;mdash; Type of button&lt;/dd=
&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-button-value&gt;&lt;a href=3D#attr-bu=
tton-value&gt;value&lt;/a&gt;&lt;/code&gt; &amp;mdash; Value to be used f=
or &lt;a href=3D#form-submission&gt;form submission&lt;/a&gt;&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmlbuttonelement&gt;HTMLB=
uttonElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a=
&gt; {
+           attribute boolean &lt;a href=3D#dom-fe-autofocus title=3Ddom-=
fe-autofocus&gt;autofocus&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-fe-disabled title=3Ddom-f=
e-disabled&gt;disabled&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#htmlformelement&gt;HTMLFormElement&lt=
;/a&gt;? &lt;a href=3D#dom-fae-form title=3Ddom-fae-form&gt;form&lt;/a&gt=
;;
+           attribute DOMString &lt;a href=3D#dom-fs-formaction title=3Dd=
om-fs-formAction&gt;formAction&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-fs-formenctype title=3D=
dom-fs-formEnctype&gt;formEnctype&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-fs-formmethod title=3Dd=
om-fs-formMethod&gt;formMethod&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-fs-formnovalidate title=3D=
dom-fs-formNoValidate&gt;formNoValidate&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-fs-formtarget title=3Dd=
om-fs-formTarget&gt;formTarget&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-fe-name title=3Ddom-fe-=
name&gt;name&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-button-type title=3Ddom=
-button-type&gt;type&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-button-value title=3Ddo=
m-button-value&gt;value&lt;/a&gt;;
+           attribute &lt;a href=3D#htmlmenuelement&gt;HTMLMenuElement&lt=
;/a&gt;? &lt;a href=3D#dom-button-menu title=3Ddom-button-menu&gt;menu&lt=
;/a&gt;;
+
+  readonly attribute boolean &lt;a href=3D#dom-cva-willvalidate title=3D=
dom-cva-willValidate&gt;willValidate&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#validitystate&gt;ValidityState&lt;/a&=
gt; &lt;a href=3D#dom-cva-validity title=3Ddom-cva-validity&gt;validity&l=
t;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-cva-validationmessage t=
itle=3Ddom-cva-validationMessage&gt;validationMessage&lt;/a&gt;;
+  boolean &lt;a href=3D#dom-cva-checkvalidity title=3Ddom-cva-checkValid=
ity&gt;checkValidity&lt;/a&gt;();
+  boolean &lt;a href=3D#dom-cva-reportvalidity title=3Ddom-cva-reportVal=
idity&gt;reportValidity&lt;/a&gt;();
+  void &lt;a href=3D#dom-cva-setcustomvalidity title=3Ddom-cva-setCustom=
Validity&gt;setCustomValidity&lt;/a&gt;(DOMString error);
+
+  readonly attribute &lt;a href=3D#nodelist&gt;NodeList&lt;/a&gt; &lt;a =
href=3D#dom-lfe-labels title=3Ddom-lfe-labels&gt;labels&lt;/a&gt;;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-button-element&gt;button&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D=
#represents&gt;represents&lt;/a&gt; a button labeled by its contents.&lt;=
/p&gt;
+
+  &lt;p&gt;The element is a &lt;a href=3D#concept-button title=3Dconcept=
-button&gt;button&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-button-type title=3Dattr-button-type&gt=
;&lt;code&gt;type&lt;/code&gt;&lt;/dfn&gt; attribute controls the behavio=
r of
+  the button when it is activated. It is an &lt;a href=3D#enumerated-att=
ribute&gt;enumerated attribute&lt;/a&gt;. The following table
+  lists the keywords and states for the attribute &amp;mdash; the keywor=
ds in the left column map to the
+  states in the cell in the second column on the same row as the keyword=
.&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt; Keyword
+     &lt;th&gt; State
+     &lt;th&gt; Brief description
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dattr-button-type-submit=
 title=3Dattr-button-type-submit&gt;&lt;code&gt;submit&lt;/code&gt;&lt;/d=
fn&gt;
+     &lt;td&gt;&lt;a href=3D#attr-button-type-submit-state title=3Dattr-=
button-type-submit-state&gt;Submit Button&lt;/a&gt;
+     &lt;td&gt;Submits the form.
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dattr-button-type-reset title=3Dattr=
-button-type-reset&gt;&lt;code&gt;reset&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td&gt;&lt;a href=3D#attr-button-type-reset-state title=3Dattr-b=
utton-type-reset-state&gt;Reset Button&lt;/a&gt;
+     &lt;td&gt;Resets the form.
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dattr-button-type-button title=3Datt=
r-button-type-button&gt;&lt;code&gt;button&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td&gt;&lt;a href=3D#attr-button-type-button-state title=3Dattr-=
button-type-button-state&gt;Button&lt;/a&gt;
+     &lt;td&gt;Does nothing.
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dattr-button-type-menu title=3Dattr-=
button-type-menu&gt;&lt;code&gt;menu&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td&gt;&lt;a href=3D#attr-button-type-menu-state title=3Dattr-bu=
tton-type-menu-state&gt;Menu&lt;/a&gt;
+     &lt;td&gt;Shows a menu.
+  &lt;/table&gt;&lt;p&gt;The &lt;i&gt;missing value default&lt;/i&gt; is=
 the &lt;a href=3D#attr-button-type-submit-state title=3Dattr-button-type=
-submit-state&gt;Submit
+  Button&lt;/a&gt; state.&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;code title=3Dattr-button-type&gt;&lt;a href=3D#att=
r-button-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a hr=
ef=3D#attr-button-type-submit-state title=3Dattr-button-type-submit-state=
&gt;Submit Button&lt;/a&gt; state, the element is specifically a
+  &lt;a href=3D#concept-submit-button title=3Dconcept-submit-button&gt;s=
ubmit button&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: If the &l=
t;code title=3Dattr-button-type&gt;&lt;a href=3D#attr-button-type&gt;type=
&lt;/a&gt;&lt;/code&gt;
+  attribute is in the &lt;a href=3D#attr-button-type-reset-state title=3D=
attr-button-type-reset-state&gt;Reset Button&lt;/a&gt; state, the
+  &lt;a href=3D#attr-button-type-button-state title=3Dattr-button-type-b=
utton-state&gt;Button&lt;/a&gt; state, or the &lt;a href=3D#attr-button-t=
ype-menu-state title=3Dattr-button-type-menu-state&gt;Menu&lt;/a&gt; stat=
e, the element is &lt;a href=3D#barred-from-constraint-validation&gt;barr=
ed from constraint
+  validation&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-button-element&gt;button=
&lt;/a&gt;&lt;/code&gt; element is not &lt;a href=3D#concept-fe-disabled =
title=3Dconcept-fe-disabled&gt;disabled&lt;/a&gt;,
+  its &lt;a href=3D#activation-behavior&gt;activation behavior&lt;/a&gt;=
 element is to run the steps defined in the following list for
+  the current state of the element's &lt;code title=3Dattr-button-type&g=
t;&lt;a href=3D#attr-button-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute=
:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt; &lt;dfn id=3Dattr-button-type-submit-state title=3D=
attr-button-type-submit-state&gt;Submit Button&lt;/dfn&gt; &lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;If the element has a &lt;a href=3D#form-owner&gt;f=
orm owner&lt;/a&gt; and the element's &lt;code&gt;&lt;a href=3D#document&=
gt;Document&lt;/a&gt;&lt;/code&gt; is
+   &lt;a href=3D#fully-active&gt;fully active&lt;/a&gt;, the element mus=
t &lt;a href=3D#concept-form-submit title=3Dconcept-form-submit&gt;submit=
&lt;/a&gt; the
+   &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt; from the &lt;code&gt=
;&lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&lt;/code&gt; elemen=
t.&lt;/dd&gt;
+
+   &lt;dt&gt; &lt;dfn id=3Dattr-button-type-reset-state title=3Dattr-but=
ton-type-reset-state&gt;Reset Button&lt;/dfn&gt; &lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;If the element has a &lt;a href=3D#form-owner&gt;f=
orm owner&lt;/a&gt; and the element's &lt;code&gt;&lt;a href=3D#document&=
gt;Document&lt;/a&gt;&lt;/code&gt; is
+   &lt;a href=3D#fully-active&gt;fully active&lt;/a&gt;, the element mus=
t &lt;a href=3D#concept-form-reset title=3Dconcept-form-reset&gt;reset&lt=
;/a&gt; the
+   &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt; &lt;dfn id=3Dattr-button-type-button-state title=3Dattr-bu=
tton-type-button-state&gt;Button&lt;/dfn&gt;
+
+   &lt;dd&gt;&lt;p&gt;Do nothing.&lt;/dd&gt;
+
+   &lt;dt&gt; &lt;dfn id=3Dattr-button-type-menu-state title=3Dattr-butt=
on-type-menu-state&gt;Menu&lt;/dfn&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The element must follow these steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-bu=
tton-element&gt;button&lt;/a&gt;&lt;/code&gt; is not &lt;a href=3D#being-=
rendered&gt;being rendered&lt;/a&gt;, abort these
+     steps.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-button-elem=
ent&gt;button&lt;/a&gt;&lt;/code&gt; element's &lt;code&gt;&lt;a href=3D#=
document&gt;Document&lt;/a&gt;&lt;/code&gt; is not &lt;a href=3D#fully-ac=
tive&gt;fully
+     active&lt;/a&gt;, abort these steps.&lt;/li&gt;
+   =20
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;menu&lt;/var=
&gt; be the element's &lt;a href=3D#designated-pop-up-menu&gt;designated =
pop-up menu&lt;/a&gt;, if
+     any. If there isn't one, then abort these steps.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#concept-event-fire title=3Dconcept=
-event-fire&gt;Fire&lt;/a&gt; a &lt;a href=3D#concept-events-trusted titl=
e=3Dconcept-events-trusted&gt;trusted&lt;/a&gt; event with the name &lt;c=
ode title=3Devent-show&gt;show&lt;/code&gt; at &lt;var title=3D&quot;&quo=
t;&gt;menu&lt;/var&gt;, using the &lt;code&gt;&lt;a href=3D#relatedevent&=
gt;RelatedEvent&lt;/a&gt;&lt;/code&gt;
+     interface, with the &lt;code title=3Ddom-RelatedEvent-relatedTarget=
&gt;&lt;a href=3D#dom-relatedevent-relatedtarget&gt;relatedTarget&lt;/a&g=
t;&lt;/code&gt; attribute
+     initialized to the &lt;code&gt;&lt;a href=3D#the-button-element&gt;=
button&lt;/a&gt;&lt;/code&gt; element. The event must be cancelable. &lt;=
!-- v2: include
+     modifier key information --&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the event is not canceled, then &lt;a href=3D=
#construct-and-show-a-menu title=3D&quot;construct and show a menu&quot;&=
gt;construct and
+     show&lt;/a&gt; the menu for &lt;var title=3D&quot;&quot;&gt;menu&lt=
;/var&gt;, with the &lt;code&gt;&lt;a href=3D#the-button-element&gt;butto=
n&lt;/a&gt;&lt;/code&gt; element as the
+     subject.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-=
form&gt;form&lt;/a&gt;&lt;/code&gt; attribute is used to explicitly assoc=
iate the
+  &lt;code&gt;&lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&lt;/c=
ode&gt; element with its &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt;=
. The &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt;name=
&lt;/a&gt;&lt;/code&gt; attribute represents the element's name. The &lt;=
code title=3Dattr-fe-disabled&gt;&lt;a href=3D#attr-fe-disabled&gt;disabl=
ed&lt;/a&gt;&lt;/code&gt; attribute is used to make the control non-inter=
active and
+  to prevent its value from being submitted. The &lt;code title=3Dattr-f=
e-autofocus&gt;&lt;a href=3D#attr-fe-autofocus&gt;autofocus&lt;/a&gt;&lt;=
/code&gt;
+  attribute controls focus. The &lt;code title=3Dattr-fs-formaction&gt;&=
lt;a href=3D#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;, &lt=
;code title=3Dattr-fs-formenctype&gt;&lt;a href=3D#attr-fs-formenctype&gt=
;formenctype&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-fs-formmethod&=
gt;&lt;a href=3D#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;,=
 &lt;code title=3Dattr-fs-formnovalidate&gt;&lt;a href=3D#attr-fs-formnov=
alidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;, and &lt;code title=3Dat=
tr-fs-formtarget&gt;&lt;a href=3D#attr-fs-formtarget&gt;formtarget&lt;/a&=
gt;&lt;/code&gt; attributes are &lt;a href=3D#attributes-for-form-submiss=
ion&gt;attributes for form
+  submission&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code title=3Dattr-fs-formnovalidate&gt;&=
lt;a href=3D#attr-fs-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&=
gt; attribute can be
+  used to make submit buttons that do not trigger the constraint validat=
ion.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-fs-formaction&gt;&lt;a href=3D#attr=
-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Datt=
r-fs-formenctype&gt;&lt;a href=3D#attr-fs-formenctype&gt;formenctype&lt;/=
a&gt;&lt;/code&gt;, &lt;code title=3Dattr-fs-formmethod&gt;&lt;a href=3D#=
attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;, &lt;code title=3D=
attr-fs-formnovalidate&gt;&lt;a href=3D#attr-fs-formnovalidate&gt;formnov=
alidate&lt;/a&gt;&lt;/code&gt;, and &lt;code title=3Dattr-fs-formtarget&g=
t;&lt;a href=3D#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt; m=
ust not be specified if the element's &lt;code title=3Dattr-button-type&g=
t;&lt;a href=3D#attr-button-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute=
 is not in the &lt;a href=3D#attr-button-type-submit-state title=3Dattr-b=
utton-type-submit-state&gt;Submit Button&lt;/a&gt; state.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-button-value title=3Dattr-button-value&=
gt;&lt;code&gt;value&lt;/code&gt;&lt;/dfn&gt; attribute gives the element=
's value
+  for the purposes of form submission. The element's &lt;a href=3D#conce=
pt-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; is
+  the value of the element's &lt;code title=3Dattr-button-value&gt;&lt;a=
 href=3D#attr-button-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if =
there is
+  one, or the empty string otherwise.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;A button (and its value) is only included in the=
 form submission if the button
+  itself was used to initiate the form submission.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;If the element's &lt;code title=3Dattr-button-type&=
gt;&lt;a href=3D#attr-button-type&gt;type&lt;/a&gt;&lt;/code&gt; attribut=
e is in the &lt;a href=3D#attr-button-type-menu-state title=3Dattr-button=
-type-menu-state&gt;Menu&lt;/a&gt; state, the &lt;dfn id=3Dattr-button-me=
nu title=3Dattr-button-menu&gt;&lt;code&gt;menu&lt;/code&gt;&lt;/dfn&gt; =
attribute must be specified to give the element's
+  menu. The value must be the &lt;a href=3D#concept-id title=3Dconcept-i=
d&gt;ID&lt;/a&gt; of a &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu=
&lt;/a&gt;&lt;/code&gt; element in
+  the same &lt;a href=3D#home-subtree&gt;home subtree&lt;/a&gt; whose &l=
t;code title=3Dattr-menu-type&gt;&lt;a href=3D#attr-menu-type&gt;type&lt;=
/a&gt;&lt;/code&gt; attribute is in
+  the &lt;a href=3D#popup-menu-state title=3D&quot;popup menu state&quot=
;&gt;popup menu&lt;/a&gt; state. The attribute must not be specified if
+  the element's &lt;code title=3Dattr-button-type&gt;&lt;a href=3D#attr-=
button-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is not in the &lt;a =
href=3D#attr-button-type-menu-state title=3Dattr-button-type-menu-state&g=
t;Menu&lt;/a&gt; state.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-button-element&gt;button&lt;/=
a&gt;&lt;/code&gt; element's &lt;dfn id=3Ddesignated-pop-up-menu&gt;desig=
nated pop-up menu&lt;/dfn&gt; is the first element in the
+  &lt;code&gt;&lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&lt;/c=
ode&gt;'s &lt;a href=3D#home-subtree&gt;home subtree&lt;/a&gt; whose ID i=
s that given by the &lt;code&gt;&lt;a href=3D#the-button-element&gt;butto=
n&lt;/a&gt;&lt;/code&gt;
+  element's &lt;code title=3Dattr-button-menu&gt;&lt;a href=3D#attr-butt=
on-menu&gt;menu&lt;/a&gt;&lt;/code&gt; attribute, if there is such an ele=
ment and
+  its &lt;code title=3Dattr-menu-type&gt;&lt;a href=3D#attr-menu-type&gt=
;type&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D#popup-menu=
-state title=3D&quot;popup menu
+  state&quot;&gt;popup menu&lt;/a&gt; state; otherwise, the element has =
no &lt;a href=3D#designated-pop-up-menu&gt;designated pop-up
+  menu&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-button-value title=3Ddom-butto=
n-value&gt;&lt;code&gt;value&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Ddo=
m-button-menu title=3Ddom-button-menu&gt;&lt;code&gt;menu&lt;/code&gt;&lt=
;/dfn&gt; IDL attributes must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; =
the
+  content attributes of the same name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-button-type title=3Ddom-button-type&gt;&=
lt;code&gt;type&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content attribute of th=
e same name, &lt;a href=3D#limited-to-only-known-values&gt;limited to onl=
y known
+  values&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-cva-willValidate&gt;&lt;a href=3D#do=
m-cva-willvalidate&gt;willValidate&lt;/a&gt;&lt;/code&gt;, &lt;code title=
=3Ddom-cva-validity&gt;&lt;a href=3D#dom-cva-validity&gt;validity&lt;/a&g=
t;&lt;/code&gt;, and &lt;code title=3Ddom-cva-validationMessage&gt;&lt;a =
href=3D#dom-cva-validationmessage&gt;validationMessage&lt;/a&gt;&lt;/code=
&gt; IDL attributes, and the &lt;code title=3Ddom-cva-checkValidity&gt;&l=
t;a href=3D#dom-cva-checkvalidity&gt;checkValidity()&lt;/a&gt;&lt;/code&g=
t;, &lt;code title=3Ddom-cva-reportValidity&gt;&lt;a href=3D#dom-cva-repo=
rtvalidity&gt;reportValidity()&lt;/a&gt;&lt;/code&gt;, and &lt;code title=
=3Ddom-cva-setCustomValidity&gt;&lt;a href=3D#dom-cva-setcustomvalidity&g=
t;setCustomValidity()&lt;/a&gt;&lt;/code&gt; methods, are part of the
+  &lt;a href=3D#the-constraint-validation-api&gt;constraint validation A=
PI&lt;/a&gt;. The &lt;code title=3Ddom-lfe-labels&gt;&lt;a href=3D#dom-lf=
e-labels&gt;labels&lt;/a&gt;&lt;/code&gt; IDL
+  attribute provides a list of the element's &lt;code&gt;&lt;a href=3D#t=
he-label-element&gt;label&lt;/a&gt;&lt;/code&gt;s. The &lt;code title=3Dd=
om-fe-autofocus&gt;&lt;a href=3D#dom-fe-autofocus&gt;autofocus&lt;/a&gt;&=
lt;/code&gt;, &lt;code title=3Ddom-fe-disabled&gt;&lt;a href=3D#dom-fe-di=
sabled&gt;disabled&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-fae-form&=
gt;&lt;a href=3D#dom-fae-form&gt;form&lt;/a&gt;&lt;/code&gt;, and &lt;cod=
e title=3Ddom-fe-name&gt;&lt;a href=3D#dom-fe-name&gt;name&lt;/a&gt;&lt;/=
code&gt; IDL attributes are
+  part of the element's forms API.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following button is labeled &quot;Show hint&quot; and po=
ps up a dialog box when activated:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;button type=3Dbutton
+        onclick=3D&quot;alert('This 15-20 minute piece was composed by G=
eorge Gershwin.')&quot;&amp;gt;
+ Show hint
+&amp;lt;/button&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+
+  &lt;h4 id=3Dthe-select-element&gt;&lt;span class=3Dsecno&gt;4.10.7 &lt=
;/span&gt;The &lt;dfn&gt;&lt;code&gt;select&lt;/code&gt;&lt;/dfn&gt; elem=
ent&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#interactive-content&gt;Interactive content&lt=
;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#category-listed title=3Dcategory-listed&gt;Li=
sted&lt;/a&gt;, &lt;a href=3D#category-label title=3Dcategory-label&gt;la=
belable&lt;/a&gt;, &lt;a href=3D#category-submit title=3Dcategory-submit&=
gt;submittable&lt;/a&gt;, &lt;a href=3D#category-reset title=3Dcategory-r=
eset&gt;resettable&lt;/a&gt;, and &lt;a href=3D#category-form-attr title=3D=
category-form-attr&gt;reassociateable&lt;/a&gt; &lt;a href=3D#form-associ=
ated-element&gt;form-associated element&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#palpable-content&gt;Palpable content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#phrasing-content&gt;phrasing content&lt=
;/a&gt; is expected.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Zero or more &lt;code&gt;&lt;a href=3D#the-option-element&g=
t;option&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-optgroup-e=
lement&gt;optgroup&lt;/a&gt;&lt;/code&gt;, and &lt;a href=3D#script-suppo=
rting-elements title=3D&quot;script-supporting elements&quot;&gt;script-s=
upporting&lt;/a&gt; elements.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr-fe=
-autofocus&gt;autofocus&lt;/a&gt;&lt;/code&gt; &amp;mdash; Automatically =
focus the form control when the page is loaded&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-disabled&gt;&lt;a href=3D#attr-fe-=
disabled&gt;disabled&lt;/a&gt;&lt;/code&gt; &amp;mdash; Whether the form =
control is disabled&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-fo=
rm&gt;form&lt;/a&gt;&lt;/code&gt; &amp;mdash; Associates the control with=
 a &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&=
gt; element&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-select-multiple&gt;&lt;a href=3D#attr=
-select-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt; &amp;mdash; Whether t=
o allow multiple values&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name=
&gt;name&lt;/a&gt;&lt;/code&gt; &amp;mdash; Name of form control to use f=
or &lt;a href=3D#form-submission&gt;form submission&lt;/a&gt; and in the =
&lt;code title=3Ddom-form-elements&gt;&lt;a href=3D#dom-form-elements&gt;=
form.elements&lt;/a&gt;&lt;/code&gt; API&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-select-required&gt;&lt;a href=3D#attr=
-select-required&gt;required&lt;/a&gt;&lt;/code&gt; &amp;mdash; Whether t=
he control is required for &lt;a href=3D#form-submission&gt;form submissi=
on&lt;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-select-size&gt;&lt;a href=3D#attr-sel=
ect-size&gt;size&lt;/a&gt;&lt;/code&gt; &amp;mdash; Size of the control&l=
t;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmlselectelement&gt;HTMLS=
electElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a=
&gt; {
+           attribute boolean &lt;a href=3D#dom-fe-autofocus title=3Ddom-=
fe-autofocus&gt;autofocus&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-fe-disabled title=3Ddom-f=
e-disabled&gt;disabled&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#htmlformelement&gt;HTMLFormElement&lt=
;/a&gt;? &lt;a href=3D#dom-fae-form title=3Ddom-fae-form&gt;form&lt;/a&gt=
;;
+           attribute boolean &lt;a href=3D#dom-select-multiple title=3Dd=
om-select-multiple&gt;multiple&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-fe-name title=3Ddom-fe-=
name&gt;name&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-select-required title=3Dd=
om-select-required&gt;required&lt;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-select-size title=3D=
dom-select-size&gt;size&lt;/a&gt;;
+
+  readonly attribute DOMString &lt;a href=3D#dom-select-type title=3Ddom=
-select-type&gt;type&lt;/a&gt;;
+
+  readonly attribute &lt;a href=3D#htmloptionscollection&gt;HTMLOptionsC=
ollection&lt;/a&gt; &lt;a href=3D#dom-select-options title=3Ddom-select-o=
ptions&gt;options&lt;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-select-length title=
=3Ddom-select-length&gt;length&lt;/a&gt;;
+  getter &lt;a href=3D#element&gt;Element&lt;/a&gt;? &lt;a href=3D#dom-s=
elect-item title=3Ddom-select-item&gt;item&lt;/a&gt;(unsigned long index)=
;
+  &lt;a href=3D#htmloptionelement&gt;HTMLOptionElement&lt;/a&gt;? &lt;a =
href=3D#dom-select-nameditem title=3Ddom-select-namedItem&gt;namedItem&lt=
;/a&gt;(DOMString name);
+  void &lt;a href=3D#dom-select-add title=3Ddom-select-add&gt;add&lt;/a&=
gt;((&lt;a href=3D#htmloptionelement&gt;HTMLOptionElement&lt;/a&gt; or &l=
t;a href=3D#htmloptgroupelement&gt;HTMLOptGroupElement&lt;/a&gt;) element=
, optional (&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&gt; or long)? =
before =3D null);
+  void &lt;a href=3D#dom-select-remove title=3Ddom-select-remove&gt;remo=
ve&lt;/a&gt;(); // ChildNode overload
+  void &lt;a href=3D#dom-select-remove title=3Ddom-select-remove&gt;remo=
ve&lt;/a&gt;(long index);
+  &lt;a href=3D#dom-htmloptionscollection-setter title=3Ddom-HTMLOptions=
Collection-setter&gt;setter creator&lt;/a&gt; void (unsigned long index, =
&lt;a href=3D#htmloptionelement&gt;HTMLOptionElement&lt;/a&gt;? option);
+
+  readonly attribute &lt;a href=3D#htmlcollection&gt;HTMLCollection&lt;/=
a&gt; &lt;a href=3D#dom-select-selectedoptions title=3Ddom-select-selecte=
dOptions&gt;selectedOptions&lt;/a&gt;;
+           attribute long &lt;a href=3D#dom-select-selectedindex title=3D=
dom-select-selectedIndex&gt;selectedIndex&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-select-value title=3Ddo=
m-select-value&gt;value&lt;/a&gt;;
+
+  readonly attribute boolean &lt;a href=3D#dom-cva-willvalidate title=3D=
dom-cva-willValidate&gt;willValidate&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#validitystate&gt;ValidityState&lt;/a&=
gt; &lt;a href=3D#dom-cva-validity title=3Ddom-cva-validity&gt;validity&l=
t;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-cva-validationmessage t=
itle=3Ddom-cva-validationMessage&gt;validationMessage&lt;/a&gt;;
+  boolean &lt;a href=3D#dom-cva-checkvalidity title=3Ddom-cva-checkValid=
ity&gt;checkValidity&lt;/a&gt;();
+  boolean &lt;a href=3D#dom-cva-reportvalidity title=3Ddom-cva-reportVal=
idity&gt;reportValidity&lt;/a&gt;();
+  void &lt;a href=3D#dom-cva-setcustomvalidity title=3Ddom-cva-setCustom=
Validity&gt;setCustomValidity&lt;/a&gt;(DOMString error);
+
+  readonly attribute &lt;a href=3D#nodelist&gt;NodeList&lt;/a&gt; &lt;a =
href=3D#dom-lfe-labels title=3Ddom-lfe-labels&gt;labels&lt;/a&gt;;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;!-- Proposals for v2:
+       * &lt;select value=3D&quot;&quot;&gt; as an alternative to &lt;op=
tion selected&gt;
+         http://developers.slashdot.org/comments.pl?sid=3D426306&amp;cid=
=3D22142072
+         &lt;Philip`&gt; http://www.ipiao.com.cn/ does &lt;select size=3D=
&quot;1&quot; name=3D&quot;to&quot;&gt;&lt;script&gt;City_Default=3D&quot=
;PEK&quot;&lt;/script&gt;&lt;SCRIPT language=3Djavascript
+                   src=3D&quot;/js/flightcity.js&quot;&gt;&lt;/SCRIPT&gt=
;&lt;/select&gt; which is the kind of thing that could be much simpler wi=
th &lt;select value=3D&quot;PEK&quot;&gt;
+    --&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-select-element&gt;s=
elect&lt;/a&gt;&lt;/code&gt; element represents a control for selecting a=
mongst a set of
+  options.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-select-multiple title=3Dattr-select-mul=
tiple&gt;&lt;code&gt;multiple&lt;/code&gt;&lt;/dfn&gt; attribute is a &lt=
;a href=3D#boolean-attribute&gt;boolean
+  attribute&lt;/a&gt;. If the attribute is present, then the &lt;code&gt=
;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;/code&gt; elemen=
t
+  &lt;a href=3D#represents&gt;represents&lt;/a&gt; a control for selecti=
ng zero or more options from the &lt;a href=3D#concept-select-option-list=
 title=3Dconcept-select-option-list&gt;list of options&lt;/a&gt;. If the =
attribute is absent, then the
+  &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;/c=
ode&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&gt; a contro=
l for selecting a single option from
+  the &lt;a href=3D#concept-select-option-list title=3Dconcept-select-op=
tion-list&gt;list of options&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-select-size title=3Dattr-select-size&gt=
;&lt;code&gt;size&lt;/code&gt;&lt;/dfn&gt; attribute gives the number of =
options
+  to show to the user. The &lt;code title=3Dattr-select-size&gt;&lt;a hr=
ef=3D#attr-select-size&gt;size&lt;/a&gt;&lt;/code&gt; attribute, if speci=
fied, must
+  have a value that is a &lt;a href=3D#valid-non-negative-integer&gt;val=
id non-negative integer&lt;/a&gt; greater than zero.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dconcept-select-size title=3Dconcept-select-s=
ize&gt;display size&lt;/dfn&gt; of a &lt;code&gt;&lt;a href=3D#the-select=
-element&gt;select&lt;/a&gt;&lt;/code&gt; element is the
+  result of applying the &lt;a href=3D#rules-for-parsing-non-negative-in=
tegers&gt;rules for parsing non-negative integers&lt;/a&gt; to the value =
of
+  element's &lt;code title=3Dattr-select-size&gt;&lt;a href=3D#attr-sele=
ct-size&gt;size&lt;/a&gt;&lt;/code&gt; attribute, if it has one and parsi=
ng it is
+  successful. If applying those rules to the attribute's value is not su=
ccessful, or if the &lt;code title=3Dattr-select-size&gt;&lt;a href=3D#at=
tr-select-size&gt;size&lt;/a&gt;&lt;/code&gt; attribute is absent, then t=
he element's &lt;a href=3D#concept-select-size title=3Dconcept-select-siz=
e&gt;display size&lt;/a&gt; is 4 if the element's &lt;code title=3Dattr-s=
elect-multiple&gt;&lt;a href=3D#attr-select-multiple&gt;multiple&lt;/a&gt=
;&lt;/code&gt; content attribute is present, and 1 otherwise.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dconcept-select-option-list title=3Dconcept-s=
elect-option-list&gt;list of options&lt;/dfn&gt; for a &lt;code&gt;&lt;a =
href=3D#the-select-element&gt;select&lt;/a&gt;&lt;/code&gt;
+  element consists of all the &lt;code&gt;&lt;a href=3D#the-option-eleme=
nt&gt;option&lt;/a&gt;&lt;/code&gt; element children of the &lt;code&gt;&=
lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;/code&gt;
+  element, and all the &lt;code&gt;&lt;a href=3D#the-option-element&gt;o=
ption&lt;/a&gt;&lt;/code&gt; element children of all the &lt;code&gt;&lt;=
a href=3D#the-optgroup-element&gt;optgroup&lt;/a&gt;&lt;/code&gt; element
+  children of the &lt;code&gt;&lt;a href=3D#the-select-element&gt;select=
&lt;/a&gt;&lt;/code&gt; element, in &lt;a href=3D#tree-order&gt;tree orde=
r&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-select-required title=3Dattr-select-req=
uired&gt;&lt;code&gt;required&lt;/code&gt;&lt;/dfn&gt; attribute is a &lt=
;a href=3D#boolean-attribute&gt;boolean
+  attribute&lt;/a&gt;. When specified, the user will be required to sele=
ct a value before submitting
+  the form.&lt;/p&gt;
+
+  &lt;p&gt;If a &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&l=
t;/a&gt;&lt;/code&gt; element has a &lt;code title=3Dattr-select-required=
&gt;&lt;a href=3D#attr-select-required&gt;required&lt;/a&gt;&lt;/code&gt;
+  attribute specified, does not have a &lt;code title=3Dattr-select-mult=
iple&gt;&lt;a href=3D#attr-select-multiple&gt;multiple&lt;/a&gt;&lt;/code=
&gt; attribute
+  specified, and has a &lt;a href=3D#concept-select-size title=3Dconcept=
-select-size&gt;display size&lt;/a&gt; of 1; and if the &lt;a href=3D#con=
cept-option-value title=3Dconcept-option-value&gt;value&lt;/a&gt; of the =
first &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt=
;/code&gt; element in the
+  &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;/c=
ode&gt; element's &lt;a href=3D#concept-select-option-list title=3Dconcep=
t-select-option-list&gt;list of options&lt;/a&gt; (if
+  any) is the empty string, and that &lt;code&gt;&lt;a href=3D#the-optio=
n-element&gt;option&lt;/a&gt;&lt;/code&gt; element's parent node is the
+  &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;/c=
ode&gt; element (and not an &lt;code&gt;&lt;a href=3D#the-optgroup-elemen=
t&gt;optgroup&lt;/a&gt;&lt;/code&gt; element), then that
+  &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/c=
ode&gt; is the &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;=
/a&gt;&lt;/code&gt; element's &lt;dfn id=3Dplaceholder-label-option&gt;pl=
aceholder label option&lt;/dfn&gt;.&lt;/p&gt;
+
+  &lt;p&gt;If a &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&l=
t;/a&gt;&lt;/code&gt; element has a &lt;code title=3Dattr-select-required=
&gt;&lt;a href=3D#attr-select-required&gt;required&lt;/a&gt;&lt;/code&gt;
+  attribute specified, does not have a &lt;code title=3Dattr-select-mult=
iple&gt;&lt;a href=3D#attr-select-multiple&gt;multiple&lt;/a&gt;&lt;/code=
&gt; attribute
+  specified, and has a &lt;a href=3D#concept-select-size title=3Dconcept=
-select-size&gt;display size&lt;/a&gt; of 1, then the
+  &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;/c=
ode&gt; element must have a &lt;a href=3D#placeholder-label-option&gt;pla=
ceholder label option&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: If the el=
ement has its &lt;code title=3Dattr-select-required&gt;&lt;a href=3D#attr=
-select-required&gt;required&lt;/a&gt;&lt;/code&gt; attribute specified, =
and either none of the
+  &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/c=
ode&gt; elements in the &lt;code&gt;&lt;a href=3D#the-select-element&gt;s=
elect&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#concept-select-optio=
n-list title=3Dconcept-select-option-list&gt;list of options&lt;/a&gt; ha=
ve their &lt;a href=3D#concept-option-selectedness title=3Dconcept-option=
-selectedness&gt;selectedness&lt;/a&gt; set to true, or the only
+  &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/c=
ode&gt; element in the &lt;code&gt;&lt;a href=3D#the-select-element&gt;se=
lect&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#concept-select-option=
-list title=3Dconcept-select-option-list&gt;list of options&lt;/a&gt; wit=
h its &lt;a href=3D#concept-option-selectedness title=3Dconcept-option-se=
lectedness&gt;selectedness&lt;/a&gt; set to true is the &lt;a href=3D#pla=
ceholder-label-option&gt;placeholder label
+  option&lt;/a&gt;, then the element is &lt;a href=3D#suffering-from-bei=
ng-missing&gt;suffering from being missing&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If the &lt;code title=3Dattr-select-multiple&gt;&lt;a href=3D=
#attr-select-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt; attribute is abs=
ent, and the element
+  is not &lt;a href=3D#concept-fe-disabled title=3Dconcept-fe-disabled&g=
t;disabled&lt;/a&gt;, then the user agent should allow the
+  user to pick an &lt;code&gt;&lt;a href=3D#the-option-element&gt;option=
&lt;/a&gt;&lt;/code&gt; element in its &lt;a href=3D#concept-select-optio=
n-list title=3Dconcept-select-option-list&gt;list
+  of options&lt;/a&gt; that is itself not &lt;a href=3D#concept-option-d=
isabled title=3Dconcept-option-disabled&gt;disabled&lt;/a&gt;. Upon
+  this &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&=
lt;/code&gt; element being &lt;dfn id=3Dconcept-select-pick title=3Dconce=
pt-select-pick&gt;picked&lt;/dfn&gt; (either
+  through a click, or through unfocusing the element after changing its =
value, or through a &lt;a href=3D#using-the-option-element-to-define-a-co=
mmand title=3Doption-command&gt;menu command&lt;/a&gt;, or through any ot=
her mechanism), and before the
+  relevant user interaction event &lt;!-- interaction event spec point -=
-&gt; is queued (e.g. before the
+  &lt;code title=3Devent-click&gt;&lt;a href=3D#event-click&gt;click&lt;=
/a&gt;&lt;/code&gt; event), the user agent must set the &lt;a href=3D#con=
cept-option-selectedness title=3Dconcept-option-selectedness&gt;selectedn=
ess&lt;/a&gt; of the picked &lt;code&gt;&lt;a href=3D#the-option-element&=
gt;option&lt;/a&gt;&lt;/code&gt; element
+  to true and then &lt;a href=3D#queue-a-task&gt;queue a task&lt;/a&gt; =
to &lt;a href=3D#fire-a-simple-event&gt;fire a simple event&lt;/a&gt; tha=
t bubbles named
+  &lt;code title=3Devent-change&gt;change&lt;/code&gt; at the &lt;code&g=
t;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;/code&gt; eleme=
nt, using the &lt;a href=3D#user-interaction-task-source&gt;user
+  interaction task source&lt;/a&gt; as the task source.&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;code title=3Dattr-select-multiple&gt;&lt;a href=3D=
#attr-select-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt; attribute is abs=
ent, whenever an
+  &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/c=
ode&gt; element in the &lt;code&gt;&lt;a href=3D#the-select-element&gt;se=
lect&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#concept-select-option=
-list title=3Dconcept-select-option-list&gt;list of options&lt;/a&gt; has=
 its &lt;a href=3D#concept-option-selectedness title=3Dconcept-option-sel=
ectedness&gt;selectedness&lt;/a&gt; set to true, and whenever an
+  &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/c=
ode&gt; element with its &lt;a href=3D#concept-option-selectedness title=3D=
concept-option-selectedness&gt;selectedness&lt;/a&gt;
+  set to true is added to the &lt;code&gt;&lt;a href=3D#the-select-eleme=
nt&gt;select&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#concept-selec=
t-option-list title=3Dconcept-select-option-list&gt;list of options&lt;/a=
&gt;, the user agent must set the &lt;a href=3D#concept-option-selectedne=
ss title=3Dconcept-option-selectedness&gt;selectedness&lt;/a&gt; of all t=
he other &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;=
&lt;/code&gt;
+  elements in its &lt;a href=3D#concept-select-option-list title=3Dconce=
pt-select-option-list&gt;list of options&lt;/a&gt; to false.&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;code title=3Dattr-select-multiple&gt;&lt;a href=3D=
#attr-select-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt; attribute is abs=
ent and the element's
+  &lt;a href=3D#concept-select-size title=3Dconcept-select-size&gt;displ=
ay size&lt;/a&gt; is greater than 1, then the user agent
+  should also allow the user to request that the &lt;code&gt;&lt;a href=3D=
#the-option-element&gt;option&lt;/a&gt;&lt;/code&gt; whose &lt;a href=3D#=
concept-option-selectedness title=3Dconcept-option-selectedness&gt;select=
edness&lt;/a&gt; is true, if any, be unselected. Upon this
+  request being conveyed to the user agent, and before the relevant user=
 interaction event &lt;!--
+  interaction event spec point --&gt; is queued (e.g. before the &lt;cod=
e title=3Devent-click&gt;&lt;a href=3D#event-click&gt;click&lt;/a&gt;&lt;=
/code&gt;
+  event), the user agent must set the &lt;a href=3D#concept-option-selec=
tedness title=3Dconcept-option-selectedness&gt;selectedness&lt;/a&gt;
+  of that &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&g=
t;&lt;/code&gt; element to false and then &lt;a href=3D#queue-a-task&gt;q=
ueue a task&lt;/a&gt; to &lt;a href=3D#fire-a-simple-event&gt;fire a
+  simple event&lt;/a&gt; that bubbles named &lt;code title=3Devent-chang=
e&gt;change&lt;/code&gt; at the
+  &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;/c=
ode&gt; element, using the &lt;a href=3D#user-interaction-task-source&gt;=
user interaction task source&lt;/a&gt; as the task
+  source.&lt;/p&gt;
+
+  &lt;p&gt;If &lt;a href=3D#nodes-are-inserted&gt;nodes are inserted&lt;=
/a&gt; or &lt;a href=3D#nodes-are-removed&gt;nodes are removed&lt;/a&gt; =
causing the &lt;a href=3D#concept-select-option-list title=3Dconcept-sele=
ct-option-list&gt;list of options&lt;/a&gt; to gain or lose one or more
+  &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/c=
ode&gt; elements, or if an &lt;code&gt;&lt;a href=3D#the-option-element&g=
t;option&lt;/a&gt;&lt;/code&gt; element in the &lt;a href=3D#concept-sele=
ct-option-list title=3Dconcept-select-option-list&gt;list of options&lt;/=
a&gt; &lt;dfn id=3Dask-for-a-reset title=3D&quot;ask for a reset&quot;&gt=
;asks for a
+  reset&lt;/dfn&gt;, then, if the &lt;code&gt;&lt;a href=3D#the-select-e=
lement&gt;select&lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-s=
elect-multiple&gt;&lt;a href=3D#attr-select-multiple&gt;multiple&lt;/a&gt=
;&lt;/code&gt; attribute is absent, the &lt;code&gt;&lt;a href=3D#the-sel=
ect-element&gt;select&lt;/a&gt;&lt;/code&gt;
+  element's &lt;a href=3D#concept-select-size title=3Dconcept-select-siz=
e&gt;display size&lt;/a&gt; is 1, and no &lt;code&gt;&lt;a href=3D#the-op=
tion-element&gt;option&lt;/a&gt;&lt;/code&gt;
+  elements in the &lt;code&gt;&lt;a href=3D#the-select-element&gt;select=
&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#concept-select-option-lis=
t title=3Dconcept-select-option-list&gt;list of
+  options&lt;/a&gt; have their &lt;a href=3D#concept-option-selectedness=
 title=3Dconcept-option-selectedness&gt;selectedness&lt;/a&gt; set to
+  true, the user agent must set the &lt;a href=3D#concept-option-selecte=
dness title=3Dconcept-option-selectedness&gt;selectedness&lt;/a&gt; of
+  the first &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a=
&gt;&lt;/code&gt; element in the &lt;a href=3D#concept-select-option-list=
 title=3Dconcept-select-option-list&gt;list of
+  options&lt;/a&gt; in &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt; =
that is not &lt;a href=3D#concept-option-disabled title=3Dconcept-option-=
disabled&gt;disabled&lt;/a&gt;, if any, to true.&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;code title=3Dattr-select-multiple&gt;&lt;a href=3D=
#attr-select-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt; attribute is pre=
sent, and the element
+  is not &lt;a href=3D#concept-fe-disabled title=3Dconcept-fe-disabled&g=
t;disabled&lt;/a&gt;, then the user agent should allow the
+  user to &lt;dfn id=3Dconcept-select-toggle title=3Dconcept-select-togg=
le&gt;toggle&lt;/dfn&gt; the &lt;a href=3D#concept-option-selectedness ti=
tle=3Dconcept-option-selectedness&gt;selectedness&lt;/a&gt; of the &lt;co=
de&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/code&gt; e=
lements in its
+  &lt;a href=3D#concept-select-option-list title=3Dconcept-select-option=
-list&gt;list of options&lt;/a&gt; that are themselves not &lt;a href=3D#=
concept-option-disabled title=3Dconcept-option-disabled&gt;disabled&lt;/a=
&gt; (either through a click, or through a &lt;a href=3D#using-the-option=
-element-to-define-a-command title=3Doption-command&gt;menu command&lt;/a=
&gt;, or any other mechanism). Upon the &lt;a href=3D#concept-option-sele=
ctedness title=3Dconcept-option-selectedness&gt;selectedness&lt;/a&gt; of=
 one or more &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a=
&gt;&lt;/code&gt;
+  elements being changed by the user, and before the relevant user inter=
action event &lt;!--
+  interaction event spec point --&gt; is queued (e.g. before a related &=
lt;code title=3Devent-click&gt;&lt;a href=3D#event-click&gt;click&lt;/a&g=
t;&lt;/code&gt; event), the user agent must &lt;a href=3D#queue-a-task&gt=
;queue a task&lt;/a&gt; to
+  &lt;a href=3D#fire-a-simple-event&gt;fire a simple event&lt;/a&gt; tha=
t bubbles named &lt;code title=3Devent-change&gt;change&lt;/code&gt; at
+  the &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&l=
t;/code&gt; element, using the &lt;a href=3D#user-interaction-task-source=
&gt;user interaction task source&lt;/a&gt; as the task
+  source.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#concept-form-reset-control title=3Dconcept-=
form-reset-control&gt;reset algorithm&lt;/a&gt; for &lt;code&gt;&lt;a hre=
f=3D#the-select-element&gt;select&lt;/a&gt;&lt;/code&gt;
+  elements is to go through all the &lt;code&gt;&lt;a href=3D#the-option=
-element&gt;option&lt;/a&gt;&lt;/code&gt; elements in the element's &lt;a=
 href=3D#concept-select-option-list title=3Dconcept-select-option-list&gt=
;list of options&lt;/a&gt;, set their &lt;a href=3D#concept-option-select=
edness title=3Dconcept-option-selectedness&gt;selectedness&lt;/a&gt; to t=
rue if the &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&g=
t;&lt;/code&gt; element
+  has a &lt;code title=3Dattr-option-selected&gt;&lt;a href=3D#attr-opti=
on-selected&gt;selected&lt;/a&gt;&lt;/code&gt; attribute, and false other=
wise, and then
+  have the &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&=
gt;&lt;/code&gt; elements &lt;a href=3D#ask-for-a-reset&gt;ask for a rese=
t&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-=
form&gt;form&lt;/a&gt;&lt;/code&gt; attribute is used to explicitly assoc=
iate the
+  &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;/c=
ode&gt; element with its &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt;=
. The &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt;name=
&lt;/a&gt;&lt;/code&gt; attribute represents the element's name. The &lt;=
code title=3Dattr-fe-disabled&gt;&lt;a href=3D#attr-fe-disabled&gt;disabl=
ed&lt;/a&gt;&lt;/code&gt; attribute is used to make the control non-inter=
active and
+  to prevent its value from being submitted. The &lt;code title=3Dattr-f=
e-autofocus&gt;&lt;a href=3D#attr-fe-autofocus&gt;autofocus&lt;/a&gt;&lt;=
/code&gt;
+  attribute controls focus.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/=
a&gt;&lt;/code&gt; element that is not &lt;a href=3D#concept-fe-disabled =
title=3Dconcept-fe-disabled&gt;disabled&lt;/a&gt; is
+  &lt;i title=3Dconcept-fe-mutable&gt;&lt;a href=3D#concept-fe-mutable&g=
t;mutable&lt;/a&gt;&lt;/i&gt;.&lt;/p&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;s=
elect&lt;/var&gt; . &lt;code title=3Ddom-select-type&gt;&lt;a href=3D#dom=
-select-type&gt;type&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns &quot;&lt;code title=3D&quot;&quot;&gt;select-multi=
ple&lt;/code&gt;&quot; if the element has a &lt;code title=3Dattr-select-=
multiple&gt;&lt;a href=3D#attr-select-multiple&gt;multiple&lt;/a&gt;&lt;/=
code&gt; attribute, and &quot;&lt;code title=3D&quot;&quot;&gt;select-one=
&lt;/code&gt;&quot;
+    otherwise.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;select&lt;/var&gt; . &lt;co=
de title=3Ddom-select-options&gt;&lt;a href=3D#dom-select-options&gt;opti=
ons&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns an &lt;code&gt;&lt;a href=3D#htmloptionscollection&=
gt;HTMLOptionsCollection&lt;/a&gt;&lt;/code&gt; of the &lt;a href=3D#conc=
ept-select-option-list title=3Dconcept-select-option-list&gt;list of opti=
ons&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;select&lt;/var&gt; . &lt;co=
de title=3Ddom-select-length&gt;&lt;a href=3D#dom-select-length&gt;length=
&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quot;&gt;value&lt;/v=
ar&gt; ]&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the number of elements in the &lt;a href=3D#concept=
-select-option-list title=3Dconcept-select-option-list&gt;list of
+    options&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;When set to a smaller number, truncates the number of &lt;c=
ode&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/code&gt; =
elements in the
+    &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;=
/code&gt;.&lt;/p&gt;
+
+    &lt;p&gt;When set to a greater number, adds new blank &lt;code&gt;&l=
t;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/code&gt; elements =
to the
+    &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;=
/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; =3D &lt=
;var title=3D&quot;&quot;&gt;select&lt;/var&gt; . &lt;code title=3Ddom-se=
lect-item&gt;&lt;a href=3D#dom-select-item&gt;item&lt;/a&gt;&lt;/code&gt;=
(&lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt;)&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;select&lt;/var&gt;[&lt;var =
title=3D&quot;&quot;&gt;index&lt;/var&gt;]&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the item with index &lt;var title=3D&quot;&quot;&gt=
;index&lt;/var&gt; from the &lt;a href=3D#concept-select-option-list titl=
e=3Dconcept-select-option-list&gt;list of options&lt;/a&gt;. The items ar=
e sorted in &lt;a href=3D#tree-order&gt;tree
+    order&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; =3D &lt=
;var title=3D&quot;&quot;&gt;select&lt;/var&gt; . &lt;code title=3Ddom-se=
lect-item&gt;&lt;a href=3D#dom-select-item&gt;namedItem&lt;/a&gt;&lt;/cod=
e&gt;(&lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt;)&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the first item with &lt;a href=3D#concept-id title=3D=
concept-id&gt;ID&lt;/a&gt; or &lt;code title=3Dattr-option-name&gt;&lt;a =
href=3D#attr-option-name&gt;name&lt;/a&gt;&lt;/code&gt; &lt;var title=3D&=
quot;&quot;&gt;name&lt;/var&gt; from the &lt;a href=3D#concept-select-opt=
ion-list title=3Dconcept-select-option-list&gt;list of options&lt;/a&gt;.=
&lt;/p&gt;
+
+    &lt;p&gt;Returns null if no element with that &lt;a href=3D#concept-=
id title=3Dconcept-id&gt;ID&lt;/a&gt; could be found.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;select&lt;/var&gt; . &lt;co=
de title=3Ddom-select-add&gt;&lt;a href=3D#dom-select-add&gt;add&lt;/a&gt=
;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; [, &lt=
;var title=3D&quot;&quot;&gt;before&lt;/var&gt; ])&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Inserts &lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt;=
 before the node given by &lt;var title=3D&quot;&quot;&gt;before&lt;/var&=
gt;.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;var title=3D&quot;&quot;&gt;before&lt;/var&gt; argu=
ment can be a number, in which case &lt;var title=3D&quot;&quot;&gt;eleme=
nt&lt;/var&gt; is inserted before the item with that number, or an elemen=
t from the
+    &lt;a href=3D#concept-select-option-list title=3Dconcept-select-opti=
on-list&gt;list of options&lt;/a&gt;, in which case &lt;var title=3D&quot=
;&quot;&gt;element&lt;/var&gt; is inserted before that element.&lt;/p&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;before&lt;/var&gt; is om=
itted, null, or a number out of range, then &lt;var title=3D&quot;&quot;&=
gt;element&lt;/var&gt; will be added at the end of the list.&lt;/p&gt;
+
+    &lt;p&gt;This method will throw a &lt;code&gt;&lt;a href=3D#hierarch=
yrequesterror&gt;HierarchyRequestError&lt;/a&gt;&lt;/code&gt; exception i=
f &lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; is an ancestor of t=
he element into which it is to be inserted.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;select&lt;/var&gt; . &lt;co=
de title=3Ddom-select-selectedOptions&gt;&lt;a href=3D#dom-select-selecte=
doptions&gt;selectedOptions&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns an &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTML=
Collection&lt;/a&gt;&lt;/code&gt; of the &lt;a href=3D#concept-select-opt=
ion-list title=3Dconcept-select-option-list&gt;list
+    of options&lt;/a&gt; that are selected.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;select&lt;/var&gt; . &lt;co=
de title=3Ddom-select-selectedIndex&gt;&lt;a href=3D#dom-select-selectedi=
ndex&gt;selectedIndex&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;=
&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the index of the first selected item, if any, or &a=
mp;minus;1 if there is no selected
+    item.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the selection.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;select&lt;/var&gt; . &lt;co=
de title=3Ddom-select-value&gt;&lt;a href=3D#dom-select-value&gt;value&lt=
;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quot;&gt;value&lt;/var&=
gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the &lt;a href=3D#concept-fe-value title=3Dconcept-=
fe-value&gt;value&lt;/a&gt; of the first selected item, if any,
+    or the empty string if there is no selected item.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the selection.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-select-type title=3Ddom-select-type&gt;&=
lt;code&gt;type&lt;/code&gt;&lt;/dfn&gt; IDL attribute, on getting, must =
return
+  the string &quot;&lt;code title=3D&quot;&quot;&gt;select-one&lt;/code&=
gt;&quot; if the &lt;code title=3Dattr-select-multiple&gt;&lt;a href=3D#a=
ttr-select-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt; attribute is absen=
t, and the string &quot;&lt;code title=3D&quot;&quot;&gt;select-multiple&=
lt;/code&gt;&quot; if the &lt;code title=3Dattr-select-multiple&gt;&lt;a =
href=3D#attr-select-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;
+  attribute is present.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-select-options title=3Ddom-select-option=
s&gt;&lt;code&gt;options&lt;/code&gt;&lt;/dfn&gt; IDL attribute must retu=
rn an
+  &lt;code&gt;&lt;a href=3D#htmloptionscollection&gt;HTMLOptionsCollecti=
on&lt;/a&gt;&lt;/code&gt; rooted at the &lt;code&gt;&lt;a href=3D#the-sel=
ect-element&gt;select&lt;/a&gt;&lt;/code&gt; node, whose filter matches
+  the elements in the &lt;a href=3D#concept-select-option-list title=3Dc=
oncept-select-option-list&gt;list of options&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-select-options&gt;&lt;a href=3D#dom-=
select-options&gt;options&lt;/a&gt;&lt;/code&gt; collection is also mirro=
red on the
+  &lt;code&gt;&lt;a href=3D#htmlselectelement&gt;HTMLSelectElement&lt;/a=
&gt;&lt;/code&gt; object. The &lt;a href=3D#supported-property-indices&gt=
;supported property indices&lt;/a&gt; at any instant
+  are the indices supported by the object returned by the &lt;code title=
=3Ddom-select-options&gt;&lt;a href=3D#dom-select-options&gt;options&lt;/=
a&gt;&lt;/code&gt; attribute at that instant.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-select-length title=3Ddom-select-length&=
gt;&lt;code&gt;length&lt;/code&gt;&lt;/dfn&gt; IDL attribute must return =
the
+  number of nodes &lt;a href=3D#represented-by-the-collection title=3D&q=
uot;represented by the collection&quot;&gt;represented&lt;/a&gt; by the &=
lt;code title=3Ddom-select-options&gt;&lt;a href=3D#dom-select-options&gt=
;options&lt;/a&gt;&lt;/code&gt; collection. On setting, it must act like =
the attribute
+  of the same name on the &lt;code title=3Ddom-select-options&gt;&lt;a h=
ref=3D#dom-select-options&gt;options&lt;/a&gt;&lt;/code&gt; collection.&l=
t;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-select-item title=3Ddom-select-item&gt;&=
lt;code&gt;item(&lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt;)&lt;/co=
de&gt;&lt;/dfn&gt; method must
+  return the value returned by &lt;a href=3D#dom-htmlcollection-item tit=
le=3Ddom-HTMLCollection-item&gt;the method of the same
+  name&lt;/a&gt; on the &lt;code title=3Ddom-select-options&gt;&lt;a hre=
f=3D#dom-select-options&gt;options&lt;/a&gt;&lt;/code&gt; collection, whe=
n invoked with
+  the same argument.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-select-nameditem title=3Ddom-select-name=
dItem&gt;&lt;code&gt;namedItem(&lt;var title=3D&quot;&quot;&gt;name&lt;/v=
ar&gt;)&lt;/code&gt;&lt;/dfn&gt;
+  method must return the value returned by &lt;a href=3D#dom-htmloptions=
collection-nameditem title=3Ddom-HTMLOptionsCollection-namedItem&gt;the
+  method of the same name&lt;/a&gt; on the &lt;code title=3Ddom-select-o=
ptions&gt;&lt;a href=3D#dom-select-options&gt;options&lt;/a&gt;&lt;/code&=
gt; collection,
+  when invoked with the same argument.&lt;/p&gt;
+
+  &lt;p&gt;When the user agent is to &lt;dfn id=3Ddom-htmlselectelement-=
setter title=3Ddom-HTMLSelectElement-setter&gt;set the value of a new
+  indexed property&lt;/dfn&gt; for a given property index &lt;var title=3D=
&quot;&quot;&gt;index&lt;/var&gt; to a new value &lt;var title=3D&quot;&q=
uot;&gt;value&lt;/var&gt;, it must instead &lt;a href=3D#dom-htmloptionsc=
ollection-setter title=3Ddom-HTMLOptionsCollection-setter&gt;set the valu=
e
+  of a new indexed property&lt;/a&gt; with the given property index &lt;=
var title=3D&quot;&quot;&gt;index&lt;/var&gt; to the
+  new value &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; on the &lt=
;code title=3Ddom-select-options&gt;&lt;a href=3D#dom-select-options&gt;o=
ptions&lt;/a&gt;&lt;/code&gt;
+  collection.&lt;/p&gt;
+
+  &lt;p&gt;Similarly, the &lt;dfn id=3Ddom-select-add title=3Ddom-select=
-add&gt;&lt;code&gt;add()&lt;/code&gt;&lt;/dfn&gt; method must act like i=
ts
+  namesake method on that same &lt;code title=3Ddom-select-options&gt;&l=
t;a href=3D#dom-select-options&gt;options&lt;/a&gt;&lt;/code&gt; collecti=
on.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-select-remove title=3Ddom-select-remove&=
gt;&lt;code&gt;remove()&lt;/code&gt;&lt;/dfn&gt; method must act like its
+  namesake method on that same &lt;code title=3Ddom-select-options&gt;&l=
t;a href=3D#dom-select-options&gt;options&lt;/a&gt;&lt;/code&gt; collecti=
on when it
+  has arguments, and like its namesake method on the &lt;code&gt;&lt;a h=
ref=3D#childnode&gt;ChildNode&lt;/a&gt;&lt;/code&gt; interface implemente=
d by
+  the &lt;code&gt;&lt;a href=3D#htmlselectelement&gt;HTMLSelectElement&l=
t;/a&gt;&lt;/code&gt; ancestor interface &lt;code&gt;&lt;a href=3D#elemen=
t&gt;Element&lt;/a&gt;&lt;/code&gt; when it has no
+  arguments.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-select-selectedoptions title=3Ddom-selec=
t-selectedOptions&gt;&lt;code&gt;selectedOptions&lt;/code&gt;&lt;/dfn&gt;=
 IDL attribute
+  must return an &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTMLCollect=
ion&lt;/a&gt;&lt;/code&gt; rooted at the &lt;code&gt;&lt;a href=3D#the-se=
lect-element&gt;select&lt;/a&gt;&lt;/code&gt; node, whose filter
+  matches the elements in the &lt;a href=3D#concept-select-option-list t=
itle=3Dconcept-select-option-list&gt;list of options&lt;/a&gt; that
+  have their &lt;a href=3D#concept-option-selectedness title=3Dconcept-o=
ption-selectedness&gt;selectedness&lt;/a&gt; set to true.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-select-selectedindex title=3Ddom-select-=
selectedIndex&gt;&lt;code&gt;selectedIndex&lt;/code&gt;&lt;/dfn&gt; IDL a=
ttribute, on
+  getting, must return the &lt;a href=3D#concept-option-index title=3Dco=
ncept-option-index&gt;index&lt;/a&gt; of the first
+  &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/c=
ode&gt; element in the &lt;a href=3D#concept-select-option-list title=3Dc=
oncept-select-option-list&gt;list of options&lt;/a&gt;
+  in &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt; that has its &lt;a=
 href=3D#concept-option-selectedness title=3Dconcept-option-selectedness&=
gt;selectedness&lt;/a&gt; set to true, if any. If there isn't one,
+  then it must return &amp;minus;1.&lt;/p&gt;
+
+  &lt;p&gt;On setting, the &lt;code title=3Ddom-select-selectedIndex&gt;=
&lt;a href=3D#dom-select-selectedindex&gt;selectedIndex&lt;/a&gt;&lt;/cod=
e&gt; attribute must set
+  the &lt;a href=3D#concept-option-selectedness title=3Dconcept-option-s=
electedness&gt;selectedness&lt;/a&gt; of all the &lt;code&gt;&lt;a href=3D=
#the-option-element&gt;option&lt;/a&gt;&lt;/code&gt;
+  elements in the &lt;a href=3D#concept-select-option-list title=3Dconce=
pt-select-option-list&gt;list of options&lt;/a&gt; to false, and then
+  the &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&l=
t;/code&gt; element in the &lt;a href=3D#concept-select-option-list title=
=3Dconcept-select-option-list&gt;list of
+  options&lt;/a&gt; whose &lt;a href=3D#concept-option-index title=3Dcon=
cept-option-index&gt;index&lt;/a&gt; is the given new value, if
+  any, must have its &lt;a href=3D#concept-option-selectedness title=3Dc=
oncept-option-selectedness&gt;selectedness&lt;/a&gt; set to true.&lt;/p&g=
t;
+
+  &lt;p class=3Dnote&gt;This can result in no element having a &lt;a hre=
f=3D#concept-option-selectedness title=3Dconcept-option-selectedness&gt;s=
electedness&lt;/a&gt; set to true even in the case of the
+  &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;/c=
ode&gt; element having no &lt;code title=3Dattr-select-multiple&gt;&lt;a =
href=3D#attr-select-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt; attribute
+  and a &lt;a href=3D#concept-select-size title=3Dconcept-select-size&gt=
;display size&lt;/a&gt; of 1.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-select-value title=3Ddom-select-value&gt=
;&lt;code&gt;value&lt;/code&gt;&lt;/dfn&gt; IDL attribute, on getting, mu=
st
+  return the &lt;a href=3D#concept-option-value title=3Dconcept-option-v=
alue&gt;value&lt;/a&gt; of the first &lt;code&gt;&lt;a href=3D#the-option=
-element&gt;option&lt;/a&gt;&lt;/code&gt;
+  element in the &lt;a href=3D#concept-select-option-list title=3Dconcep=
t-select-option-list&gt;list of options&lt;/a&gt; in &lt;a href=3D#tree-o=
rder&gt;tree
+  order&lt;/a&gt; that has its &lt;a href=3D#concept-option-selectedness=
 title=3Dconcept-option-selectedness&gt;selectedness&lt;/a&gt; set to
+  true, if any. If there isn't one, then it must return the empty string=
.&lt;/p&gt;
+
+  &lt;p&gt;On setting, the &lt;code title=3Ddom-select-value&gt;&lt;a hr=
ef=3D#dom-select-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute must set=
 the &lt;a href=3D#concept-option-selectedness title=3Dconcept-option-sel=
ectedness&gt;selectedness&lt;/a&gt; of all the &lt;code&gt;&lt;a href=3D#=
the-option-element&gt;option&lt;/a&gt;&lt;/code&gt; elements in
+  the &lt;a href=3D#concept-select-option-list title=3Dconcept-select-op=
tion-list&gt;list of options&lt;/a&gt; to false, and then the first
+  &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/c=
ode&gt; element in the &lt;a href=3D#concept-select-option-list title=3Dc=
oncept-select-option-list&gt;list of
+  options&lt;/a&gt;, in &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt;=
, whose &lt;a href=3D#concept-option-value title=3Dconcept-option-value&g=
t;value&lt;/a&gt;
+  is equal to the given new value, if any, must have its &lt;a href=3D#c=
oncept-option-selectedness title=3Dconcept-option-selectedness&gt;selecte=
dness&lt;/a&gt; set to true.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This can result in no element having a &lt;a hre=
f=3D#concept-option-selectedness title=3Dconcept-option-selectedness&gt;s=
electedness&lt;/a&gt; set to true even in the case of the
+  &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;/c=
ode&gt; element having no &lt;code title=3Dattr-select-multiple&gt;&lt;a =
href=3D#attr-select-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt; attribute
+  and a &lt;a href=3D#concept-select-size title=3Dconcept-select-size&gt=
;display size&lt;/a&gt; of 1.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-select-multiple title=3Ddom-select-multi=
ple&gt;&lt;code&gt;multiple&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-se=
lect-required title=3Ddom-select-required&gt;&lt;code&gt;required&lt;/cod=
e&gt;&lt;/dfn&gt;, and &lt;dfn id=3Ddom-select-size title=3Ddom-select-si=
ze&gt;&lt;code&gt;size&lt;/code&gt;&lt;/dfn&gt; IDL attributes must &lt;a=
 href=3D#reflect&gt;reflect&lt;/a&gt; the
+  respective content attributes of the same name. The &lt;code title=3Dd=
om-select-size&gt;&lt;a href=3D#dom-select-size&gt;size&lt;/a&gt;&lt;/cod=
e&gt; IDL
+  attribute has a default value of zero.&lt;/p&gt; &lt;!-- see bug 12288=
 for compat reasons why .size allows
+  zero (it's not limited to values greater than zero) even though that v=
alue really makes no sense
+  --&gt;
+
+  &lt;p class=3Dnote&gt;For historical reasons, the default value of the=
 &lt;code title=3Ddom-select-size&gt;&lt;a href=3D#dom-select-size&gt;siz=
e&lt;/a&gt;&lt;/code&gt; IDL attribute does not return the actual size us=
ed, which, in
+  the absence of the &lt;code title=3Dattr-select-size&gt;&lt;a href=3D#=
attr-select-size&gt;size&lt;/a&gt;&lt;/code&gt; content attribute, is eit=
her 1 or 4
+  depending on the presence of the &lt;code title=3Dattr-select-multiple=
&gt;&lt;a href=3D#attr-select-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;=
 attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-cva-willValidate&gt;&lt;a href=3D#do=
m-cva-willvalidate&gt;willValidate&lt;/a&gt;&lt;/code&gt;, &lt;code title=
=3Ddom-cva-validity&gt;&lt;a href=3D#dom-cva-validity&gt;validity&lt;/a&g=
t;&lt;/code&gt;, and &lt;code title=3Ddom-cva-validationMessage&gt;&lt;a =
href=3D#dom-cva-validationmessage&gt;validationMessage&lt;/a&gt;&lt;/code=
&gt; IDL attributes, and the &lt;code title=3Ddom-cva-checkValidity&gt;&l=
t;a href=3D#dom-cva-checkvalidity&gt;checkValidity()&lt;/a&gt;&lt;/code&g=
t;, &lt;code title=3Ddom-cva-reportValidity&gt;&lt;a href=3D#dom-cva-repo=
rtvalidity&gt;reportValidity()&lt;/a&gt;&lt;/code&gt;, and &lt;code title=
=3Ddom-cva-setCustomValidity&gt;&lt;a href=3D#dom-cva-setcustomvalidity&g=
t;setCustomValidity()&lt;/a&gt;&lt;/code&gt; methods, are part of the
+  &lt;a href=3D#the-constraint-validation-api&gt;constraint validation A=
PI&lt;/a&gt;. The &lt;code title=3Ddom-lfe-labels&gt;&lt;a href=3D#dom-lf=
e-labels&gt;labels&lt;/a&gt;&lt;/code&gt; IDL
+  attribute provides a list of the element's &lt;code&gt;&lt;a href=3D#t=
he-label-element&gt;label&lt;/a&gt;&lt;/code&gt;s. The &lt;code title=3Dd=
om-fe-autofocus&gt;&lt;a href=3D#dom-fe-autofocus&gt;autofocus&lt;/a&gt;&=
lt;/code&gt;, &lt;code title=3Ddom-fe-disabled&gt;&lt;a href=3D#dom-fe-di=
sabled&gt;disabled&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-fae-form&=
gt;&lt;a href=3D#dom-fae-form&gt;form&lt;/a&gt;&lt;/code&gt;, and &lt;cod=
e title=3Ddom-fe-name&gt;&lt;a href=3D#dom-fe-name&gt;name&lt;/a&gt;&lt;/=
code&gt; IDL attributes are
+  part of the element's forms API.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following example shows how a &lt;code&gt;&lt;a href=3D#=
the-select-element&gt;select&lt;/a&gt;&lt;/code&gt; element can be used t=
o offer the user
+   with a set of options from which the user can select a single option.=
 The default option is
+   preselected.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt;
+ &amp;lt;label for=3D&quot;unittype&quot;&amp;gt;Select unit type:&amp;l=
t;/label&amp;gt;
+ &amp;lt;select id=3D&quot;unittype&quot; name=3D&quot;unittype&quot;&am=
p;gt;
+  &amp;lt;option value=3D&quot;1&quot;&amp;gt; Miner &amp;lt;/option&amp=
;gt;
+  &amp;lt;option value=3D&quot;2&quot;&amp;gt; Puffer &amp;lt;/option&am=
p;gt;
+  &amp;lt;option value=3D&quot;3&quot; selected&amp;gt; Snipey &amp;lt;/=
option&amp;gt;
+  &amp;lt;option value=3D&quot;4&quot;&amp;gt; Max &amp;lt;/option&amp;g=
t;
+  &amp;lt;option value=3D&quot;5&quot;&amp;gt; Firebot &amp;lt;/option&a=
mp;gt;
+ &amp;lt;/select&amp;gt;
+&amp;lt;/p&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;When there is no default option, a placeholder can be used i=
nstead:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;select name=3D&quot;unittype&quot; &lt;strong&gt;r=
equired&lt;/strong&gt;&amp;gt;
+ &lt;strong&gt;&amp;lt;option value=3D&quot;&quot;&amp;gt; Select unit t=
ype &amp;lt;/option&amp;gt;&lt;/strong&gt;
+ &amp;lt;option value=3D&quot;1&quot;&amp;gt; Miner &amp;lt;/option&amp;=
gt;
+ &amp;lt;option value=3D&quot;2&quot;&amp;gt; Puffer &amp;lt;/option&amp=
;gt;
+ &amp;lt;option value=3D&quot;3&quot;&amp;gt; Snipey &amp;lt;/option&amp=
;gt;
+ &amp;lt;option value=3D&quot;4&quot;&amp;gt; Max &amp;lt;/option&amp;gt=
;
+ &amp;lt;option value=3D&quot;5&quot;&amp;gt; Firebot &amp;lt;/option&am=
p;gt;
+&amp;lt;/select&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here, the user is offered a set of options from which he can=
 select any number. By default,
+   all five options are selected.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt;
+ &amp;lt;label for=3D&quot;allowedunits&quot;&amp;gt;Select unit types t=
o enable on this map:&amp;lt;/label&amp;gt;
+ &amp;lt;select id=3D&quot;allowedunits&quot; name=3D&quot;allowedunits&=
quot; multiple&amp;gt;
+  &amp;lt;option value=3D&quot;1&quot; selected&amp;gt; Miner &amp;lt;/o=
ption&amp;gt;
+  &amp;lt;option value=3D&quot;2&quot; selected&amp;gt; Puffer &amp;lt;/=
option&amp;gt;
+  &amp;lt;option value=3D&quot;3&quot; selected&amp;gt; Snipey &amp;lt;/=
option&amp;gt;
+  &amp;lt;option value=3D&quot;4&quot; selected&amp;gt; Max &amp;lt;/opt=
ion&amp;gt;
+  &amp;lt;option value=3D&quot;5&quot; selected&amp;gt; Firebot &amp;lt;=
/option&amp;gt;
+ &amp;lt;/select&amp;gt;
+&amp;lt;/p&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Sometimes, a user has to select one or more items. This exam=
ple shows such an interface.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt;Select the songs from that you would like=
 on your Act II Mix Tape:&amp;lt;/p&amp;gt;
+&amp;lt;select multiple required name=3D&quot;act2&quot;&amp;gt;
+ &amp;lt;option value=3D&quot;s1&quot;&amp;gt;It Sucks to Be Me (Reprise=
)
+ &amp;lt;option value=3D&quot;s2&quot;&amp;gt;There is Life Outside Your=
 Apartment
+ &amp;lt;option value=3D&quot;s3&quot;&amp;gt;The More You Ruv Someone
+ &amp;lt;option value=3D&quot;s4&quot;&amp;gt;Schadenfreude
+ &amp;lt;option value=3D&quot;s5&quot;&amp;gt;I Wish I Could Go Back to =
College
+ &amp;lt;option value=3D&quot;s6&quot;&amp;gt;The Money Song
+ &amp;lt;option value=3D&quot;s7&quot;&amp;gt;School for Monsters
+ &amp;lt;option value=3D&quot;s8&quot;&amp;gt;The Money Song (Reprise)
+ &amp;lt;option value=3D&quot;s9&quot;&amp;gt;There's a Fine, Fine Line =
(Reprise)
+ &amp;lt;option value=3D&quot;s10&quot;&amp;gt;What Do You Do With a B.A=
. in English? (Reprise)
+ &amp;lt;option value=3D&quot;s11&quot;&amp;gt;For Now
+&amp;lt;/select&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dthe-datalist-element&gt;&lt;span class=3Dsecno&gt;4.10.8 &=
lt;/span&gt;The &lt;dfn&gt;&lt;code&gt;datalist&lt;/code&gt;&lt;/dfn&gt; =
element&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#phrasing-content&gt;phrasing content&lt=
;/a&gt; is expected.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Either: &lt;a href=3D#phrasing-content&gt;phrasing content&=
lt;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;Or: Zero or more &lt;code&gt;&lt;a href=3D#the-option-eleme=
nt&gt;option&lt;/a&gt;&lt;/code&gt; elements.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmldatalistelement&gt;HTM=
LDataListElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&l=
t;/a&gt; {
+  readonly attribute &lt;a href=3D#htmlcollection&gt;HTMLCollection&lt;/=
a&gt; &lt;a href=3D#dom-datalist-options title=3Ddom-datalist-options&gt;=
options&lt;/a&gt;;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-datalist-element&gt;datalist&lt;/a&gt;&lt;/code&gt; element represen=
ts a set of &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&=
gt;&lt;/code&gt; elements that
+  represent predefined options for other controls. In the rendering, the=
 &lt;code&gt;&lt;a href=3D#the-datalist-element&gt;datalist&lt;/a&gt;&lt;=
/code&gt;
+  element &lt;a href=3D#represents&gt;represents&lt;/a&gt; nothing&lt;sp=
an class=3Dimpl&gt; and it, along with its children, should
+  be hidden&lt;/span&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-datalist-element&gt;datalis=
t&lt;/a&gt;&lt;/code&gt; element can be used in two ways. In the simplest=
 case, the
+  &lt;code&gt;&lt;a href=3D#the-datalist-element&gt;datalist&lt;/a&gt;&l=
t;/code&gt; element has just &lt;code&gt;&lt;a href=3D#the-option-element=
&gt;option&lt;/a&gt;&lt;/code&gt; element children.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;pre&gt;&amp;lt;label&amp;gt;
+ Sex:
+ &amp;lt;input name=3Dsex list=3Dsexes&amp;gt;
+ &amp;lt;datalist id=3Dsexes&amp;gt;
+  &amp;lt;option value=3D&quot;Female&quot;&amp;gt;
+  &amp;lt;option value=3D&quot;Male&quot;&amp;gt;
+ &amp;lt;/datalist&amp;gt;
+&amp;lt;/label&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;In the more elaborate case, the &lt;code&gt;&lt;a href=3D#the=
-datalist-element&gt;datalist&lt;/a&gt;&lt;/code&gt; element can be given=
 contents that are to
+  be displayed for down-level clients that don't support &lt;code&gt;&lt=
;a href=3D#the-datalist-element&gt;datalist&lt;/a&gt;&lt;/code&gt;. In th=
is case, the
+  &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/c=
ode&gt; elements are provided inside a &lt;code&gt;&lt;a href=3D#the-sele=
ct-element&gt;select&lt;/a&gt;&lt;/code&gt; element inside the
+  &lt;code&gt;&lt;a href=3D#the-datalist-element&gt;datalist&lt;/a&gt;&l=
t;/code&gt; element.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;pre&gt;&amp;lt;label&amp;gt;
+ Sex:
+ &amp;lt;input name=3Dsex list=3Dsexes&amp;gt;
+&amp;lt;/label&amp;gt;
+&amp;lt;datalist id=3Dsexes&amp;gt;
+ &amp;lt;label&amp;gt;
+  or select from the list:
+  &amp;lt;select name=3Dsex&amp;gt;
+   &amp;lt;option value=3D&quot;&quot;&amp;gt;
+   &amp;lt;option&amp;gt;Female
+   &amp;lt;option&amp;gt;Male
+  &amp;lt;/select&amp;gt;
+ &amp;lt;/label&amp;gt;
+&amp;lt;/datalist&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-datalist-element&gt;datalis=
t&lt;/a&gt;&lt;/code&gt; element is hooked up to an &lt;code&gt;&lt;a hre=
f=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element using the =
&lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-input-list&gt;list=
&lt;/a&gt;&lt;/code&gt; attribute on the &lt;code&gt;&lt;a href=3D#the-in=
put-element&gt;input&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&l=
t;/a&gt;&lt;/code&gt; element that is a descendant of the &lt;code&gt;&lt=
;a href=3D#the-datalist-element&gt;datalist&lt;/a&gt;&lt;/code&gt; elemen=
t,
+  that is not &lt;a href=3D#concept-option-disabled title=3Dconcept-opti=
on-disabled&gt;disabled&lt;/a&gt;, and whose &lt;a href=3D#concept-option=
-value title=3Dconcept-option-value&gt;value&lt;/a&gt; is a string that i=
sn't the empty string, represents a
+  suggestion. Each suggestion has a &lt;a href=3D#concept-option-value t=
itle=3Dconcept-option-value&gt;value&lt;/a&gt; and a &lt;a href=3D#concep=
t-option-label title=3Dconcept-option-label&gt;label&lt;/a&gt;.
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;d=
atalist&lt;/var&gt; . &lt;code title=3Ddom-datalist-options&gt;&lt;a href=
=3D#dom-datalist-options&gt;options&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+    &lt;p&gt;Returns an &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTML=
Collection&lt;/a&gt;&lt;/code&gt; of the &lt;code&gt;options&lt;/code&gt;=
 elements of the
+    &lt;code&gt;&lt;a href=3D#the-datalist-element&gt;datalist&lt;/a&gt;=
&lt;/code&gt; element.&lt;/p&gt;
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-datalist-options title=3Ddom-datalist-op=
tions&gt;&lt;code&gt;options&lt;/code&gt;&lt;/dfn&gt; IDL attribute must =
return an
+  &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTMLCollection&lt;/a&gt;&l=
t;/code&gt; rooted at the &lt;code&gt;&lt;a href=3D#the-datalist-element&=
gt;datalist&lt;/a&gt;&lt;/code&gt; node, whose filter matches
+  &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/c=
ode&gt; elements.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: If an ele=
ment has a &lt;code&gt;&lt;a href=3D#the-datalist-element&gt;datalist&lt;=
/a&gt;&lt;/code&gt; element
+  ancestor, it is &lt;a href=3D#barred-from-constraint-validation&gt;bar=
red from constraint validation&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+
+  &lt;h4 id=3Dthe-optgroup-element&gt;&lt;span class=3Dsecno&gt;4.10.9 &=
lt;/span&gt;The &lt;dfn&gt;&lt;code&gt;optgroup&lt;/code&gt;&lt;/dfn&gt; =
element&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;None.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;As a child of a &lt;code&gt;&lt;a href=3D#the-select-elemen=
t&gt;select&lt;/a&gt;&lt;/code&gt; element.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Zero or more &lt;code&gt;&lt;a href=3D#the-option-element&g=
t;option&lt;/a&gt;&lt;/code&gt; and &lt;a href=3D#script-supporting-eleme=
nts title=3D&quot;script-supporting elements&quot;&gt;script-supporting&l=
t;/a&gt; elements.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;An &lt;code&gt;&lt;a href=3D#the-optgroup-element&gt;optgro=
up&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3D=
syntax-end-tag&gt;end tag&lt;/a&gt; can be omitted
+   if the &lt;code&gt;&lt;a href=3D#the-optgroup-element&gt;optgroup&lt;=
/a&gt;&lt;/code&gt; element &lt;!--has an ancestor &lt;code&gt;select&lt;=
/code&gt; element and--&gt; is
+   immediately followed by another &lt;code&gt;&lt;a href=3D#the-optgrou=
p-element&gt;optgroup&lt;/a&gt;&lt;/code&gt; element, or if &lt;!--all of=
 the elements that
+   are ancestors of the &lt;code&gt;optgroup&lt;/code&gt; element, up to=
 and including the first ancestor element
+   that is not an &lt;code&gt;optgroup&lt;/code&gt; element, have no mor=
e content--&gt; there is no more content in
+   the parent element.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-optgroup-disabled&gt;&lt;a href=3D#at=
tr-optgroup-disabled&gt;disabled&lt;/a&gt;&lt;/code&gt; &amp;mdash; Wheth=
er the form control is disabled&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-optgroup-label&gt;&lt;a href=3D#attr-=
optgroup-label&gt;label&lt;/a&gt;&lt;/code&gt; &amp;mdash; User-visible l=
abel&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmloptgroupelement&gt;HTM=
LOptGroupElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&l=
t;/a&gt; {
+           attribute boolean &lt;a href=3D#dom-optgroup-disabled title=3D=
dom-optgroup-disabled&gt;disabled&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-optgroup-label title=3D=
dom-optgroup-label&gt;label&lt;/a&gt;;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;!-- v2: make optgroups selectabl=
e if they have a value. --&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-=
optgroup-element&gt;optgroup&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D=
#represents&gt;represents&lt;/a&gt; a group of &lt;code&gt;&lt;a href=3D#=
the-option-element&gt;option&lt;/a&gt;&lt;/code&gt;
+  elements with a common label.&lt;/p&gt;
+
+  &lt;p&gt;The element's group of &lt;code&gt;&lt;a href=3D#the-option-e=
lement&gt;option&lt;/a&gt;&lt;/code&gt; elements consists of the &lt;code=
&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/code&gt;
+  elements that are children of the &lt;code&gt;&lt;a href=3D#the-optgro=
up-element&gt;optgroup&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When showing &lt;code&gt;&lt;a href=3D#the-option-element&gt;=
option&lt;/a&gt;&lt;/code&gt; elements in &lt;code&gt;&lt;a href=3D#the-s=
elect-element&gt;select&lt;/a&gt;&lt;/code&gt; elements, user agents shou=
ld
+  show the &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&=
gt;&lt;/code&gt; elements of such groups as being related to each other a=
nd separate
+  from other &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/=
a&gt;&lt;/code&gt; elements.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-optgroup-disabled title=3Dattr-optgroup=
-disabled&gt;&lt;code&gt;disabled&lt;/code&gt;&lt;/dfn&gt; attribute is a
+  &lt;a href=3D#boolean-attribute&gt;boolean attribute&lt;/a&gt; and can=
 be used to &lt;a href=3D#concept-option-disabled title=3Dconcept-option-=
disabled&gt;disable&lt;/a&gt; a group of &lt;code&gt;&lt;a href=3D#the-op=
tion-element&gt;option&lt;/a&gt;&lt;/code&gt; elements
+  together.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-optgroup-label title=3Dattr-optgroup-la=
bel&gt;&lt;code&gt;label&lt;/code&gt;&lt;/dfn&gt; attribute must be speci=
fied. Its
+  value gives the name of the group, for the purposes of the user interf=
ace. &lt;span class=3Dimpl&gt;User
+  agents should use this attribute's value when labeling the group of &l=
t;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/code&g=
t; elements
+  in a &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&=
lt;/code&gt; element.&lt;/span&gt;&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-optgroup-disabled title=3Ddom-optgroup-d=
isabled&gt;&lt;code&gt;disabled&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3D=
dom-optgroup-label title=3Ddom-optgroup-label&gt;&lt;code&gt;label&lt;/co=
de&gt;&lt;/dfn&gt; attributes must &lt;a href=3D#reflect&gt;reflect&lt;/a=
&gt; the
+  respective content attributes of the same name.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following snippet shows how a set of lessons from three =
courses could be offered in a
+   &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;/=
code&gt; drop-down widget:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;form action=3D&quot;courseselector.dll&quot; metho=
d=3D&quot;get&quot;&amp;gt;
+ &amp;lt;p&amp;gt;Which course would you like to watch today?
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Course:
+  &amp;lt;select name=3D&quot;c&quot;&amp;gt;
+   &amp;lt;optgroup label=3D&quot;8.01 Physics I: Classical Mechanics&qu=
ot;&amp;gt;
+    &amp;lt;option value=3D&quot;8.01.1&quot;&amp;gt;Lecture 01: Powers =
of Ten
+    &amp;lt;option value=3D&quot;8.01.2&quot;&amp;gt;Lecture 02: 1D Kine=
matics
+    &amp;lt;option value=3D&quot;8.01.3&quot;&amp;gt;Lecture 03: Vectors
+   &amp;lt;optgroup label=3D&quot;8.02 Electricity and Magnestism&quot;&=
amp;gt;
+    &amp;lt;option value=3D&quot;8.02.1&quot;&amp;gt;Lecture 01: What ho=
lds our world together?
+    &amp;lt;option value=3D&quot;8.02.2&quot;&amp;gt;Lecture 02: Electri=
c Field
+    &amp;lt;option value=3D&quot;8.02.3&quot;&amp;gt;Lecture 03: Electri=
c Flux
+   &amp;lt;optgroup label=3D&quot;8.03 Physics III: Vibrations and Waves=
&quot;&amp;gt;
+    &amp;lt;option value=3D&quot;8.03.1&quot;&amp;gt;Lecture 01: Periodi=
c Phenomenon
+    &amp;lt;option value=3D&quot;8.03.2&quot;&amp;gt;Lecture 02: Beats
+    &amp;lt;option value=3D&quot;8.03.3&quot;&amp;gt;Lecture 03: Forced =
Oscillations with Damping
+  &amp;lt;/select&amp;gt;
+ &amp;lt;/label&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;input type=3Dsubmit value=3D&quot;&amp;#x25b6;=
 Play&quot;&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dthe-option-element&gt;&lt;span class=3Dsecno&gt;4.10.10 &l=
t;/span&gt;The &lt;dfn&gt;&lt;code&gt;option&lt;/code&gt;&lt;/dfn&gt; ele=
ment&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;None.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;As a child of a &lt;code&gt;&lt;a href=3D#the-select-elemen=
t&gt;select&lt;/a&gt;&lt;/code&gt; element.&lt;/dd&gt;
+   &lt;dd&gt;As a child of a &lt;code&gt;&lt;a href=3D#the-datalist-elem=
ent&gt;datalist&lt;/a&gt;&lt;/code&gt; element.&lt;/dd&gt;
+   &lt;dd&gt;As a child of an &lt;code&gt;&lt;a href=3D#the-optgroup-ele=
ment&gt;optgroup&lt;/a&gt;&lt;/code&gt; element.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;If the element has a &lt;code title=3Dattr-option-label&gt;=
&lt;a href=3D#attr-option-label&gt;label&lt;/a&gt;&lt;/code&gt; attribute=
 and a &lt;code title=3Dattr-option-value&gt;&lt;a href=3D#attr-option-va=
lue&gt;value&lt;/a&gt;&lt;/code&gt; attribute: Empty.&lt;/dd&gt;
+   &lt;dd&gt;If the element has a &lt;code title=3Dattr-option-label&gt;=
&lt;a href=3D#attr-option-label&gt;label&lt;/a&gt;&lt;/code&gt; attribute=
 but no &lt;code title=3Dattr-option-value&gt;&lt;a href=3D#attr-option-v=
alue&gt;value&lt;/a&gt;&lt;/code&gt; attribute: &lt;a href=3D#text-conten=
t title=3D&quot;text content&quot;&gt;Text&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;If the element has no &lt;code title=3Dattr-option-label&gt=
;&lt;a href=3D#attr-option-label&gt;label&lt;/a&gt;&lt;/code&gt; attribut=
e: &lt;a href=3D#text-content title=3D&quot;text content&quot;&gt;Text&lt=
;/a&gt; that is not &lt;a href=3D#inter-element-whitespace&gt;inter-eleme=
nt whitespace&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;An &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&l=
t;/a&gt;&lt;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsynt=
ax-end-tag&gt;end tag&lt;/a&gt; can be omitted if
+   the &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&=
lt;/code&gt; element is immediately followed by another &lt;code&gt;&lt;a=
 href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/code&gt; element, or
+   if it is immediately followed by an &lt;code&gt;&lt;a href=3D#the-opt=
group-element&gt;optgroup&lt;/a&gt;&lt;/code&gt; element, or if there is =
no more content
+   in the parent element.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-option-disabled&gt;&lt;a href=3D#attr=
-option-disabled&gt;disabled&lt;/a&gt;&lt;/code&gt; &amp;mdash; Whether t=
he form control is disabled&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-option-label&gt;&lt;a href=3D#attr-op=
tion-label&gt;label&lt;/a&gt;&lt;/code&gt; &amp;mdash; User-visible label=
&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-option-selected&gt;&lt;a href=3D#attr=
-option-selected&gt;selected&lt;/a&gt;&lt;/code&gt; &amp;mdash; Whether t=
he option is selected by default&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-option-value&gt;&lt;a href=3D#attr-op=
tion-value&gt;value&lt;/a&gt;&lt;/code&gt; &amp;mdash; Value to be used f=
or &lt;a href=3D#form-submission&gt;form submission&lt;/a&gt;&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;[NamedConstructor=3D&lt;a href=3D#dom-option titl=
e=3Ddom-option&gt;Option&lt;/a&gt;(optional DOMString text =3D &quot;&quo=
t;, optional DOMString value, optional boolean defaultSelected =3D false,=
 optional boolean selected =3D false)]
+interface &lt;dfn id=3Dhtmloptionelement&gt;HTMLOptionElement&lt;/dfn&gt=
; : &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&gt; {
+           attribute boolean &lt;a href=3D#dom-option-disabled title=3Dd=
om-option-disabled&gt;disabled&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#htmlformelement&gt;HTMLFormElement&lt=
;/a&gt;? &lt;a href=3D#dom-option-form title=3Ddom-option-form&gt;form&lt=
;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-option-label title=3Ddo=
m-option-label&gt;label&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-option-defaultselected ti=
tle=3Ddom-option-defaultSelected&gt;defaultSelected&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-option-selected title=3Dd=
om-option-selected&gt;selected&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-option-value title=3Ddo=
m-option-value&gt;value&lt;/a&gt;;
+
+           attribute DOMString &lt;a href=3D#dom-option-text title=3Ddom=
-option-text&gt;text&lt;/a&gt;;
+  readonly attribute long &lt;a href=3D#dom-option-index title=3Ddom-opt=
ion-index&gt;index&lt;/a&gt;;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-option-element&gt;option&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D=
#represents&gt;represents&lt;/a&gt; an option in a &lt;code&gt;&lt;a href=
=3D#the-select-element&gt;select&lt;/a&gt;&lt;/code&gt;
+  element or as part of a list of suggestions in a &lt;code&gt;&lt;a hre=
f=3D#the-datalist-element&gt;datalist&lt;/a&gt;&lt;/code&gt; element.&lt;=
/p&gt;
+
+  &lt;p&gt;In certain circumstances described in the definition of the &=
lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;/code&=
gt; element, an
+  &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/c=
ode&gt; element can be a &lt;code&gt;&lt;a href=3D#the-select-element&gt;=
select&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#placeholder-label-o=
ption&gt;placeholder label
+  option&lt;/a&gt;. A &lt;a href=3D#placeholder-label-option&gt;placehol=
der label option&lt;/a&gt; does not represent an actual option, but
+  instead represents a label for the &lt;code&gt;&lt;a href=3D#the-selec=
t-element&gt;select&lt;/a&gt;&lt;/code&gt; control.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-option-disabled title=3Dattr-option-dis=
abled&gt;&lt;code&gt;disabled&lt;/code&gt;&lt;/dfn&gt; attribute is a &lt=
;a href=3D#boolean-attribute&gt;boolean
+  attribute&lt;/a&gt;. An &lt;code&gt;&lt;a href=3D#the-option-element&g=
t;option&lt;/a&gt;&lt;/code&gt; element is &lt;dfn id=3Dconcept-option-di=
sabled title=3Dconcept-option-disabled&gt;disabled&lt;/dfn&gt; if its &lt=
;code title=3Dattr-option-disabled&gt;&lt;a href=3D#attr-option-disabled&=
gt;disabled&lt;/a&gt;&lt;/code&gt; attribute is present or if it is a chi=
ld of an
+  &lt;code&gt;&lt;a href=3D#the-optgroup-element&gt;optgroup&lt;/a&gt;&l=
t;/code&gt; element whose &lt;code title=3Dattr-optgroup-disabled&gt;&lt;=
a href=3D#attr-optgroup-disabled&gt;disabled&lt;/a&gt;&lt;/code&gt; attri=
bute
+  is present.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;An &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;=
/a&gt;&lt;/code&gt; element that is &lt;a href=3D#attr-option-disabled ti=
tle=3Dattr-option-disabled&gt;disabled&lt;/a&gt; must
+  prevent any &lt;code title=3Devent-click&gt;&lt;a href=3D#event-click&=
gt;click&lt;/a&gt;&lt;/code&gt; events that are &lt;a href=3D#queue-a-tas=
k title=3D&quot;queue a
+  task&quot;&gt;queued&lt;/a&gt; on the &lt;a href=3D#user-interaction-t=
ask-source&gt;user interaction task source&lt;/a&gt; from being dispatche=
d on the
+  element.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-option-label title=3Dattr-option-label&=
gt;&lt;code&gt;label&lt;/code&gt;&lt;/dfn&gt; attribute provides a label =
for
+  element. The &lt;dfn id=3Dconcept-option-label title=3Dconcept-option-=
label&gt;label&lt;/dfn&gt; of an &lt;code&gt;&lt;a href=3D#the-option-ele=
ment&gt;option&lt;/a&gt;&lt;/code&gt; element is
+  the value of the &lt;code title=3Dattr-option-label&gt;&lt;a href=3D#a=
ttr-option-label&gt;label&lt;/a&gt;&lt;/code&gt; content attribute, if th=
ere is one,
+  or, if there is not, the value of the element's &lt;code title=3Ddom-o=
ption-text&gt;&lt;a href=3D#dom-option-text&gt;text&lt;/a&gt;&lt;/code&gt=
; IDL
+  attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-option-label&gt;&lt;a href=3D#attr-=
option-label&gt;label&lt;/a&gt;&lt;/code&gt; content attribute, if specif=
ied, must not be
+  empty.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-option-value title=3Dattr-option-value&=
gt;&lt;code&gt;value&lt;/code&gt;&lt;/dfn&gt; attribute provides a value =
for
+  element. The &lt;dfn id=3Dconcept-option-value title=3Dconcept-option-=
value&gt;value&lt;/dfn&gt; of an &lt;code&gt;&lt;a href=3D#the-option-ele=
ment&gt;option&lt;/a&gt;&lt;/code&gt; element is
+  the value of the &lt;code title=3Dattr-option-value&gt;&lt;a href=3D#a=
ttr-option-value&gt;value&lt;/a&gt;&lt;/code&gt; content attribute, if th=
ere is one,
+  or, if there is not, the value of the element's &lt;code title=3Ddom-o=
ption-text&gt;&lt;a href=3D#dom-option-text&gt;text&lt;/a&gt;&lt;/code&gt=
; IDL
+  attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-option-selected title=3Dattr-option-sel=
ected&gt;&lt;code&gt;selected&lt;/code&gt;&lt;/dfn&gt; attribute is a &lt=
;a href=3D#boolean-attribute&gt;boolean
+  attribute&lt;/a&gt;. It represents the default &lt;a href=3D#concept-o=
ption-selectedness title=3Dconcept-option-selectedness&gt;selectedness&lt=
;/a&gt; of the element.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dconcept-option-selectedness title=3Dconcept-=
option-selectedness&gt;selectedness&lt;/dfn&gt; of an &lt;code&gt;&lt;a h=
ref=3D#the-option-element&gt;option&lt;/a&gt;&lt;/code&gt;
+  element is a boolean state, initially false. Except where otherwise sp=
ecified, when the element is
+  created, its &lt;a href=3D#concept-option-selectedness title=3Dconcept=
-option-selectedness&gt;selectedness&lt;/a&gt; must be set to true if
+  the element has a &lt;code title=3Dattr-option-selected&gt;&lt;a href=3D=
#attr-option-selected&gt;selected&lt;/a&gt;&lt;/code&gt; attribute. Whene=
ver an
+  &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/c=
ode&gt; element's &lt;code title=3Dattr-option-selected&gt;&lt;a href=3D#=
attr-option-selected&gt;selected&lt;/a&gt;&lt;/code&gt; attribute is
+  added, its &lt;a href=3D#concept-option-selectedness title=3Dconcept-o=
ption-selectedness&gt;selectedness&lt;/a&gt; must be set to true.&lt;/p&g=
t;
+
+  &lt;p class=3Dnote&gt;The &lt;code title=3Ddom-option&gt;&lt;a href=3D=
#dom-option&gt;Option()&lt;/a&gt;&lt;/code&gt; constructor, when called w=
ith three
+  or fewer arguments, overrides the initial state of the &lt;a href=3D#c=
oncept-option-selectedness title=3Dconcept-option-selectedness&gt;selecte=
dness&lt;/a&gt; state to always be false even if the third
+  argument is true (implying that a &lt;code title=3Dattr-option-selecte=
d&gt;&lt;a href=3D#attr-option-selected&gt;selected&lt;/a&gt;&lt;/code&gt=
; attribute is
+  to be set). The fourth argument can be used to explicitly set the init=
ial &lt;a href=3D#concept-option-selectedness title=3Dconcept-option-sele=
ctedness&gt;selectedness&lt;/a&gt; state when using the constructor.&lt;/=
p&gt;
+
+  &lt;!-- http://software.hixie.ch/utilities/js/live-dom-viewer/saved/60=
4 --&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/=
a&gt;&lt;/code&gt; element whose &lt;code title=3Dattr-select-multiple&gt=
;&lt;a href=3D#attr-select-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;
+  attribute is not specified must not have more than one descendant &lt;=
code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/code&gt;=
 element with
+  its &lt;code title=3Dattr-option-selected&gt;&lt;a href=3D#attr-option=
-selected&gt;selected&lt;/a&gt;&lt;/code&gt; attribute set.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;An &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;=
/a&gt;&lt;/code&gt; element's &lt;dfn id=3Dconcept-option-index title=3Dc=
oncept-option-index&gt;index&lt;/dfn&gt; is the number of
+  &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/c=
ode&gt; elements that are in the same &lt;a href=3D#concept-select-option=
-list title=3Dconcept-select-option-list&gt;list of
+  options&lt;/a&gt; but that come before it in &lt;a href=3D#tree-order&=
gt;tree order&lt;/a&gt;. If the &lt;code&gt;&lt;a href=3D#the-option-elem=
ent&gt;option&lt;/a&gt;&lt;/code&gt;
+  element is not in a &lt;a href=3D#concept-select-option-list title=3Dc=
oncept-select-option-list&gt;list of options&lt;/a&gt;, then the
+  &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/c=
ode&gt; element's &lt;a href=3D#concept-option-index title=3Dconcept-opti=
on-index&gt;index&lt;/a&gt; is zero.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;o=
ption&lt;/var&gt; . &lt;code title=3Ddom-option-selected&gt;&lt;a href=3D=
#dom-option-selected&gt;selected&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the element is selected, and false otherwis=
e.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to override the current state of the element.&l=
t;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;option&lt;/var&gt; . &lt;co=
de title=3Ddom-option-index&gt;&lt;a href=3D#dom-option-index&gt;index&lt=
;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the index of the element in its &lt;code&gt;&lt;a h=
ref=3D#the-select-element&gt;select&lt;/a&gt;&lt;/code&gt; element's &lt;=
code title=3Ddom-select-options&gt;&lt;a href=3D#dom-select-options&gt;op=
tions&lt;/a&gt;&lt;/code&gt; list.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;option&lt;/var&gt; . &lt;co=
de title=3Ddom-option-form&gt;&lt;a href=3D#dom-option-form&gt;form&lt;/a=
&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the element's &lt;code&gt;&lt;a href=3D#the-form-el=
ement&gt;form&lt;/a&gt;&lt;/code&gt; element, if any, or null otherwise.&=
lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;option&lt;/var&gt; . &lt;co=
de title=3Ddom-option-text&gt;&lt;a href=3D#dom-option-text&gt;text&lt;/a=
&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Same as &lt;code&gt;&lt;a href=3D#textcontent&gt;textConten=
t&lt;/a&gt;&lt;/code&gt;, except that spaces are collapsed and &lt;code&g=
t;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/code&gt; eleme=
nts are skipped.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;option&lt;/var&gt; =3D new =
&lt;code title=3Ddom-option&gt;&lt;a href=3D#dom-option&gt;Option&lt;/a&g=
t;&lt;/code&gt;( [ &lt;var title=3D&quot;&quot;&gt;text&lt;/var&gt; [, &l=
t;var title=3D&quot;&quot;&gt;value&lt;/var&gt; [, &lt;var title=3D&quot;=
&quot;&gt;defaultSelected&lt;/var&gt; [, &lt;var title=3D&quot;&quot;&gt;=
selected&lt;/var&gt; ] ] ] ] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a new &lt;code&gt;&lt;a href=3D#the-option-element&=
gt;option&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;var title=3D&quot;&quot;&gt;text&lt;/var&gt; argume=
nt sets the contents of the element.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; argum=
ent sets the &lt;code title=3Dattr-option-value&gt;&lt;a href=3D#attr-opt=
ion-value&gt;value&lt;/a&gt;&lt;/code&gt;
+    attribute.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;var title=3D&quot;&quot;&gt;defaultSelected&lt;/var=
&gt; argument sets the &lt;code title=3Dattr-option-selected&gt;&lt;a hre=
f=3D#attr-option-selected&gt;selected&lt;/a&gt;&lt;/code&gt; attribute.&l=
t;/p&gt;
+
+    &lt;p&gt;The &lt;var title=3D&quot;&quot;&gt;selected&lt;/var&gt; ar=
gument sets whether or not the element is selected. If it
+    is omitted, even if the &lt;var title=3D&quot;&quot;&gt;defaultSelec=
ted&lt;/var&gt; argument is true, the element is not
+    selected.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-option-disabled title=3Ddom-option-disab=
led&gt;&lt;code&gt;disabled&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content attribute of th=
e same name. The &lt;dfn id=3Ddom-option-defaultselected title=3Ddom-opti=
on-defaultSelected&gt;&lt;code&gt;defaultSelected&lt;/code&gt;&lt;/dfn&gt=
; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-o=
ption-selected&gt;&lt;a href=3D#attr-option-selected&gt;selected&lt;/a&gt=
;&lt;/code&gt; content attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-option-label title=3Ddom-option-label&gt=
;&lt;code&gt;label&lt;/code&gt;&lt;/dfn&gt; IDL attribute, on getting, mu=
st
+  return the element's &lt;a href=3D#concept-option-label title=3Dconcep=
t-option-label&gt;label&lt;/a&gt;. On setting, the element's
+  &lt;code title=3Dattr-option-label&gt;&lt;a href=3D#attr-option-label&=
gt;label&lt;/a&gt;&lt;/code&gt; content attribute must be set to the new =
value.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-option-value title=3Ddom-option-value&gt=
;&lt;code&gt;value&lt;/code&gt;&lt;/dfn&gt; IDL attribute, on getting, mu=
st
+  return the element's &lt;a href=3D#concept-option-value title=3Dconcep=
t-option-value&gt;value&lt;/a&gt;. On setting, the element's
+  &lt;code title=3Dattr-option-value&gt;&lt;a href=3D#attr-option-value&=
gt;value&lt;/a&gt;&lt;/code&gt; content attribute must be set to the new =
value.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-option-selected title=3Ddom-option-selec=
ted&gt;&lt;code&gt;selected&lt;/code&gt;&lt;/dfn&gt; IDL attribute, on ge=
tting,
+  must return true if the element's &lt;a href=3D#concept-option-selecte=
dness title=3Dconcept-option-selectedness&gt;selectedness&lt;/a&gt; is
+  true, and false otherwise. On setting, it must set the element's &lt;a=
 href=3D#concept-option-selectedness title=3Dconcept-option-selectedness&=
gt;selectedness&lt;/a&gt; to the new value, and then cause the
+  element to &lt;a href=3D#ask-for-a-reset&gt;ask for a reset&lt;/a&gt;.=
&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-option-index title=3Ddom-option-index&gt=
;&lt;code&gt;index&lt;/code&gt;&lt;/dfn&gt; IDL attribute must return the
+  element's &lt;a href=3D#concept-option-index title=3Dconcept-option-in=
dex&gt;index&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-option-text title=3Ddom-option-text&gt;&=
lt;code&gt;text&lt;/code&gt;&lt;/dfn&gt; IDL attribute, on getting, must =
return
+  the result of &lt;a href=3D#strip-and-collapse-whitespace title=3D&quo=
t;strip and collapse whitespace&quot;&gt;stripping and collapsing
+  whitespace&lt;/a&gt; from the concatenation of &lt;a href=3D#concept-c=
d-data title=3Dconcept-cd-data&gt;data&lt;/a&gt; of all the
+  &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt;/code&gt; node des=
cendants of the &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt=
;/a&gt;&lt;/code&gt; element, in &lt;a href=3D#tree-order&gt;tree order&l=
t;/a&gt;,
+  excluding any that are descendants of descendants of the &lt;code&gt;&=
lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/code&gt; element =
that are
+  themselves &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/=
a&gt;&lt;/code&gt; elements in the &lt;a href=3D#html-namespace-0&gt;HTML=
 namespace&lt;/a&gt; or &lt;code title=3D&quot;&quot;&gt;script&lt;/code&=
gt; elements in the &lt;a href=3D#svg-namespace&gt;SVG namespace&lt;/a&gt=
;.&lt;/p&gt;
+
+  &lt;p&gt;On setting, the &lt;code title=3Ddom-option-text&gt;&lt;a hre=
f=3D#dom-option-text&gt;text&lt;/a&gt;&lt;/code&gt; attribute must act as=
 if the
+  &lt;code&gt;&lt;a href=3D#textcontent&gt;textContent&lt;/a&gt;&lt;/cod=
e&gt; IDL attribute on the element had been set to the new value.&lt;/p&g=
t;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-option-form title=3Ddom-option-form&gt;&=
lt;code&gt;form&lt;/code&gt;&lt;/dfn&gt; IDL attribute's behavior depends=
 on
+  whether the &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;=
/a&gt;&lt;/code&gt; element is in a &lt;code&gt;&lt;a href=3D#the-select-=
element&gt;select&lt;/a&gt;&lt;/code&gt; element or not. If the
+  &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/c=
ode&gt; has a &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/=
a&gt;&lt;/code&gt; element as its parent, or has an
+  &lt;code&gt;&lt;a href=3D#the-optgroup-element&gt;optgroup&lt;/a&gt;&l=
t;/code&gt; element as its parent and that &lt;code&gt;&lt;a href=3D#the-=
optgroup-element&gt;optgroup&lt;/a&gt;&lt;/code&gt; element has a
+  &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;/c=
ode&gt; element as its parent, then the &lt;code title=3Ddom-option-form&=
gt;&lt;a href=3D#dom-option-form&gt;form&lt;/a&gt;&lt;/code&gt; IDL
+  attribute must return the same value as the &lt;code title=3Ddom-fae-f=
orm&gt;&lt;a href=3D#dom-fae-form&gt;form&lt;/a&gt;&lt;/code&gt; IDL attr=
ibute
+  on that &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&g=
t;&lt;/code&gt; element. Otherwise, it must return null.&lt;/p&gt;
+
+  &lt;p&gt;A constructor is provided for creating &lt;code&gt;&lt;a href=
=3D#htmloptionelement&gt;HTMLOptionElement&lt;/a&gt;&lt;/code&gt; objects=
 (in addition to
+  the factory methods from DOM such as &lt;code title=3D&quot;&quot;&gt;=
createElement()&lt;/code&gt;): &lt;dfn id=3Ddom-option title=3Ddom-option=
&gt;&lt;code&gt;Option(&lt;var title=3D&quot;&quot;&gt;text&lt;/var&gt;, =
&lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;, &lt;var title=3D&quot;=
&quot;&gt;defaultSelected&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;se=
lected&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt;. When invoked as a
+  constructor, it must return a new &lt;code&gt;&lt;a href=3D#htmloption=
element&gt;HTMLOptionElement&lt;/a&gt;&lt;/code&gt; object (a new &lt;cod=
e&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/code&gt;
+  element). If the first argument is not the empty string, the new objec=
t must have as its only
+  child a &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt;/code&gt; =
node whose data is the value of that argument. Otherwise, it must have
+  no children. If the &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; =
argument is present, the new object must have a
+  &lt;code title=3Dattr-option-value&gt;&lt;a href=3D#attr-option-value&=
gt;value&lt;/a&gt;&lt;/code&gt; attribute set with the value of the argum=
ent as its
+  value. If the &lt;var title=3D&quot;&quot;&gt;defaultSelected&lt;/var&=
gt; argument is true, the new object must have a
+  &lt;code title=3Dattr-option-selected&gt;&lt;a href=3D#attr-option-sel=
ected&gt;selected&lt;/a&gt;&lt;/code&gt; attribute set with no value. If =
the &lt;var title=3D&quot;&quot;&gt;selected&lt;/var&gt; argument is true=
, the new object must have its &lt;a href=3D#concept-option-selectedness =
title=3Dconcept-option-selectedness&gt;selectedness&lt;/a&gt; set to true=
; otherwise the &lt;a href=3D#concept-option-selectedness title=3Dconcept=
-option-selectedness&gt;selectedness&lt;/a&gt; must be set to false, even=
 if the &lt;var title=3D&quot;&quot;&gt;defaultSelected&lt;/var&gt; argum=
ent is true. The element's document must be the &lt;a href=3D#active-docu=
ment&gt;active
+  document&lt;/a&gt; of the &lt;a href=3D#browsing-context&gt;browsing c=
ontext&lt;/a&gt; of the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&=
gt;&lt;/code&gt; object on which
+  the interface object of the invoked constructor is found.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+
+
+  &lt;h4 id=3Dthe-textarea-element&gt;&lt;span class=3Dsecno&gt;4.10.11 =
&lt;/span&gt;The &lt;dfn&gt;&lt;code&gt;textarea&lt;/code&gt;&lt;/dfn&gt;=
 element&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#interactive-content&gt;Interactive content&lt=
;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#category-listed title=3Dcategory-listed&gt;Li=
sted&lt;/a&gt;, &lt;a href=3D#category-label title=3Dcategory-label&gt;la=
belable&lt;/a&gt;, &lt;a href=3D#category-submit title=3Dcategory-submit&=
gt;submittable&lt;/a&gt;, &lt;a href=3D#category-reset title=3Dcategory-r=
eset&gt;resettable&lt;/a&gt;, and &lt;a href=3D#category-form-attr title=3D=
category-form-attr&gt;reassociateable&lt;/a&gt; &lt;a href=3D#form-associ=
ated-element&gt;form-associated element&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#palpable-content&gt;Palpable content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#phrasing-content&gt;phrasing content&lt=
;/a&gt; is expected.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#text-content title=3D&quot;text content&quot;=
&gt;Text&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr=
-fe-autocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt; &amp;mdash; Hint =
for form autofill feature&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr-fe=
-autofocus&gt;autofocus&lt;/a&gt;&lt;/code&gt; &amp;mdash; Automatically =
focus the form control when the page is loaded&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-textarea-cols&gt;&lt;a href=3D#attr-t=
extarea-cols&gt;cols&lt;/a&gt;&lt;/code&gt; &amp;mdash; Maximum number of=
 characters per line&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-dirname&gt;&lt;a href=3D#attr-fe-d=
irname&gt;dirname&lt;/a&gt;&lt;/code&gt; &amp;mdash; Name of form field t=
o use for sending the element's &lt;a href=3D#the-directionality title=3D=
&quot;the directionality&quot;&gt;directionality&lt;/a&gt; in &lt;a href=3D=
#form-submission&gt;form submission&lt;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-disabled&gt;&lt;a href=3D#attr-fe-=
disabled&gt;disabled&lt;/a&gt;&lt;/code&gt; &amp;mdash; Whether the form =
control is disabled&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-fo=
rm&gt;form&lt;/a&gt;&lt;/code&gt; &amp;mdash; Associates the control with=
 a &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&=
gt; element&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-inputmode&gt;&lt;a href=3D#attr-fe=
-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt; &amp;mdash; Hint for selec=
ting an input modality&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-textarea-maxlength&gt;&lt;a href=3D#a=
ttr-textarea-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt; &amp;mdash; Ma=
ximum length of value&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-textarea-minlength&gt;&lt;a href=3D#a=
ttr-textarea-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt; &amp;mdash; Mi=
nimum length of value&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name=
&gt;name&lt;/a&gt;&lt;/code&gt; &amp;mdash; Name of form control to use f=
or &lt;a href=3D#form-submission&gt;form submission&lt;/a&gt; and in the =
&lt;code title=3Ddom-form-elements&gt;&lt;a href=3D#dom-form-elements&gt;=
form.elements&lt;/a&gt;&lt;/code&gt; API&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-textarea-placeholder&gt;&lt;a href=3D=
#attr-textarea-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt; &amp;mda=
sh; User-visible label to be placed within the form control&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-textarea-readonly&gt;&lt;a href=3D#at=
tr-textarea-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt; &amp;mdash; Wheth=
er to allow the value to be edited by the user&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-textarea-required&gt;&lt;a href=3D#at=
tr-textarea-required&gt;required&lt;/a&gt;&lt;/code&gt; &amp;mdash; Wheth=
er the control is required for &lt;a href=3D#form-submission&gt;form subm=
ission&lt;/a&gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-textarea-rows&gt;&lt;a href=3D#attr-t=
extarea-rows&gt;rows&lt;/a&gt;&lt;/code&gt; &amp;mdash; Number of lines t=
o show&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-textarea-wrap&gt;&lt;a href=3D#attr-t=
extarea-wrap&gt;wrap&lt;/a&gt;&lt;/code&gt; &amp;mdash; How the value of =
the form control is to be wrapped for &lt;a href=3D#form-submission&gt;fo=
rm submission&lt;/a&gt;&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmltextareaelement&gt;HTM=
LTextAreaElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&l=
t;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-fe-autocomplete title=3D=
dom-fe-autocomplete&gt;autocomplete&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-fe-autofocus title=3Ddom-=
fe-autofocus&gt;autofocus&lt;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-textarea-cols title=
=3Ddom-textarea-cols&gt;cols&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-textarea-dirname title=3D=
dom-textarea-dirName&gt;dirName&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-fe-disabled title=3Ddom-f=
e-disabled&gt;disabled&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#htmlformelement&gt;HTMLFormElement&lt=
;/a&gt;? &lt;a href=3D#dom-fae-form title=3Ddom-fae-form&gt;form&lt;/a&gt=
;;
+           attribute DOMString &lt;a href=3D#dom-textarea-inputmode titl=
e=3Ddom-textarea-inputMode&gt;inputMode&lt;/a&gt;;
+           attribute long &lt;a href=3D#dom-textarea-maxlength title=3Dd=
om-textarea-maxLength&gt;maxLength&lt;/a&gt;;
+           attribute long &lt;a href=3D#dom-textarea-minlength title=3Dd=
om-textarea-minLength&gt;minLength&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-fe-name title=3Ddom-fe-=
name&gt;name&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-textarea-placeholder ti=
tle=3Ddom-textarea-placeholder&gt;placeholder&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-textarea-readonly title=3D=
dom-textarea-readOnly&gt;readOnly&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-textarea-required title=3D=
dom-textarea-required&gt;required&lt;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-textarea-rows title=
=3Ddom-textarea-rows&gt;rows&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-textarea-wrap title=3Dd=
om-textarea-wrap&gt;wrap&lt;/a&gt;;
+
+  readonly attribute DOMString &lt;a href=3D#dom-textarea-type title=3Dd=
om-textarea-type&gt;type&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-textarea-defaultvalue t=
itle=3Ddom-textarea-defaultValue&gt;defaultValue&lt;/a&gt;;
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-text=
area-value title=3Ddom-textarea-value&gt;value&lt;/a&gt;;
+  readonly attribute unsigned long &lt;a href=3D#dom-textarea-textlength=
 title=3Ddom-textarea-textLength&gt;textLength&lt;/a&gt;;
+
+  readonly attribute boolean &lt;a href=3D#dom-cva-willvalidate title=3D=
dom-cva-willValidate&gt;willValidate&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#validitystate&gt;ValidityState&lt;/a&=
gt; &lt;a href=3D#dom-cva-validity title=3Ddom-cva-validity&gt;validity&l=
t;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-cva-validationmessage t=
itle=3Ddom-cva-validationMessage&gt;validationMessage&lt;/a&gt;;
+  boolean &lt;a href=3D#dom-cva-checkvalidity title=3Ddom-cva-checkValid=
ity&gt;checkValidity&lt;/a&gt;();
+  boolean &lt;a href=3D#dom-cva-reportvalidity title=3Ddom-cva-reportVal=
idity&gt;reportValidity&lt;/a&gt;();
+  void &lt;a href=3D#dom-cva-setcustomvalidity title=3Ddom-cva-setCustom=
Validity&gt;setCustomValidity&lt;/a&gt;(DOMString error);
+
+  readonly attribute &lt;a href=3D#nodelist&gt;NodeList&lt;/a&gt; &lt;a =
href=3D#dom-lfe-labels title=3Ddom-lfe-labels&gt;labels&lt;/a&gt;;
+
+  void &lt;a href=3D#dom-textarea/input-select title=3Ddom-textarea/inpu=
t-select&gt;select&lt;/a&gt;();
+           attribute unsigned long &lt;a href=3D#dom-textarea/input-sele=
ctionstart title=3Ddom-textarea/input-selectionStart&gt;selectionStart&lt=
;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-textarea/input-sele=
ctionend title=3Ddom-textarea/input-selectionEnd&gt;selectionEnd&lt;/a&gt=
;;
+           attribute DOMString &lt;a href=3D#dom-textarea/input-selectio=
ndirection title=3Ddom-textarea/input-selectionDirection&gt;selectionDire=
ction&lt;/a&gt;;
+  void &lt;a href=3D#dom-textarea/input-setrangetext title=3Ddom-textare=
a/input-setRangeText&gt;setRangeText&lt;/a&gt;(DOMString replacement);
+  void &lt;a href=3D#dom-textarea/input-setrangetext title=3Ddom-textare=
a/input-setRangeText&gt;setRangeText&lt;/a&gt;(DOMString replacement, uns=
igned long start, unsigned long end, optional &lt;a href=3D#selectionmode=
&gt;SelectionMode&lt;/a&gt; selectionMode =3D &quot;preserve&quot;);
+  void &lt;a href=3D#dom-textarea/input-setselectionrange title=3Ddom-te=
xtarea/input-setSelectionRange&gt;setSelectionRange&lt;/a&gt;(unsigned lo=
ng start, unsigned long end, optional DOMString direction);
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-textarea-element&gt;textarea&lt;/a&gt;&lt;/code&gt; element &lt;a hr=
ef=3D#represents&gt;represents&lt;/a&gt; a multiline plain text edit
+  control&lt;span class=3Dimpl&gt; for the element's &lt;dfn id=3Dconcep=
t-textarea-raw-value title=3Dconcept-textarea-raw-value&gt;raw
+  value&lt;/dfn&gt;&lt;/span&gt;. The contents of the control represent =
the control's default value.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;a href=3D#concept-textarea-raw-value title=3Dconcept-=
textarea-raw-value&gt;raw value&lt;/a&gt; of a &lt;code&gt;&lt;a href=3D#=
the-textarea-element&gt;textarea&lt;/a&gt;&lt;/code&gt;
+  control must be initially the empty string.&lt;/p&gt;
+
+  &lt;p&gt;A newline in a &lt;code&gt;&lt;a href=3D#the-textarea-element=
&gt;textarea&lt;/a&gt;&lt;/code&gt; element, and in its &lt;a href=3D#con=
cept-textarea-raw-value title=3Dconcept-textarea-raw-value&gt;raw value&l=
t;/a&gt;, should separate paragraphs for the purposes
+  of the Unicode bidirectional algorithm. This requirement may be implem=
ented indirectly through the
+  style layer. For example, an HTML+CSS user agent could implement these=
 requirements by
+  implementing the CSS 'unicode-bidi' property. &lt;a href=3D#refsBIDI&g=
t;[BIDI]&lt;/a&gt; &lt;a href=3D#refsCSS&gt;[CSS]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-textarea-readonly title=3Dattr-textarea=
-readonly&gt;&lt;code&gt;readonly&lt;/code&gt;&lt;/dfn&gt; attribute is a
+  &lt;a href=3D#boolean-attribute&gt;boolean attribute&lt;/a&gt; used to=
 control whether the text can be edited by the user or
+  not.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this example, a text field is marked read-only because it=
 represents a read-only file:&lt;/p&gt;
+
+   &lt;pre&gt;Filename: &amp;lt;code&amp;gt;/etc/bash.bashrc&amp;lt;/cod=
e&amp;gt;
+&amp;lt;textarea name=3D&quot;buffer&quot; readonly&amp;gt;
+# System-wide .bashrc file for interactive bash(1) shells.
+
+# To enable the settings / commands in this file for login shells as wel=
l,
+# this file has to be sourced in /etc/profile.
+
+# If not running interactively, don't do anything
+[ -z &quot;$PS1&quot; ] &amp;amp;amp;&amp;amp;amp; return
+
+...&amp;lt;/textarea&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: If the &l=
t;code title=3Dattr-textarea-readonly&gt;&lt;a href=3D#attr-textarea-read=
only&gt;readonly&lt;/a&gt;&lt;/code&gt; attribute is specified on a &lt;c=
ode&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&gt;&lt;/code&=
gt;
+  element, the element is &lt;a href=3D#barred-from-constraint-validatio=
n&gt;barred from constraint validation&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&=
lt;/a&gt;&lt;/code&gt; element is &lt;a href=3D#concept-fe-mutable title=3D=
concept-fe-mutable&gt;mutable&lt;/a&gt; if it is
+  neither &lt;a href=3D#concept-fe-disabled title=3Dconcept-fe-disabled&=
gt;disabled&lt;/a&gt; nor has a &lt;code title=3Dattr-textarea-readonly&g=
t;&lt;a href=3D#attr-textarea-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt;=
 attribute specified.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;text=
area&lt;/a&gt;&lt;/code&gt; is &lt;a href=3D#concept-fe-mutable title=3Dc=
oncept-fe-mutable&gt;mutable&lt;/a&gt;, its &lt;a href=3D#concept-textare=
a-raw-value title=3Dconcept-textarea-raw-value&gt;raw value&lt;/a&gt; sho=
uld be editable by the user: the user agent
+  should allow the user to edit, insert, and remove text, and to insert =
and remove line breaks in
+  the form of U+000A LINE FEED (LF) characters. Any time the user causes=
 the element's &lt;a href=3D#concept-textarea-raw-value title=3Dconcept-t=
extarea-raw-value&gt;raw value&lt;/a&gt; to change, the user agent must &=
lt;a href=3D#queue-a-task&gt;queue a
+  task&lt;/a&gt; to &lt;a href=3D#fire-a-simple-event&gt;fire a simple e=
vent&lt;/a&gt; that bubbles named &lt;code title=3Devent-input&gt;input&l=
t;/code&gt; at the &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;text=
area&lt;/a&gt;&lt;/code&gt; element. User agents may wait for a
+  suitable break in the user's interaction before queuing the task; for =
example, a user agent could
+  wait for the user to have not hit a key for 100ms, so as to only fire =
the event when the user
+  pauses, instead of continuously for each keystroke.&lt;/p&gt; &lt;!-- =
same text is present in the &lt;input&gt;
+  section --&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&=
lt;/a&gt;&lt;/code&gt; element has a &lt;dfn id=3Dconcept-textarea-dirty =
title=3Dconcept-textarea-dirty&gt;dirty value
+  flag&lt;/dfn&gt;, which must be initially set to false, and must be se=
t to true whenever the user
+  interacts with the control in a way that changes the &lt;a href=3D#con=
cept-textarea-raw-value title=3Dconcept-textarea-raw-value&gt;raw
+  value&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;te=
xtarea&lt;/a&gt;&lt;/code&gt; element's &lt;code&gt;&lt;a href=3D#textcon=
tent&gt;textContent&lt;/a&gt;&lt;/code&gt; IDL attribute changes value,
+  if the element's &lt;a href=3D#concept-textarea-dirty title=3Dconcept-=
textarea-dirty&gt;dirty value flag&lt;/a&gt; is false, then the
+  element's &lt;a href=3D#concept-textarea-raw-value title=3Dconcept-tex=
tarea-raw-value&gt;raw value&lt;/a&gt; must be set to the value of
+  the element's &lt;code&gt;&lt;a href=3D#textcontent&gt;textContent&lt;=
/a&gt;&lt;/code&gt; IDL attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#concept-form-reset-control title=3Dconcept-=
form-reset-control&gt;reset algorithm&lt;/a&gt; for &lt;code&gt;&lt;a hre=
f=3D#the-textarea-element&gt;textarea&lt;/a&gt;&lt;/code&gt;
+  elements is to set the element's &lt;a href=3D#concept-textarea-raw-va=
lue title=3Dconcept-textarea-raw-value&gt;value&lt;/a&gt; to the
+  value of the element's &lt;code&gt;&lt;a href=3D#textcontent&gt;textCo=
ntent&lt;/a&gt;&lt;/code&gt; IDL attribute.&lt;/p&gt;
+
+  &lt;!-- this next bit is also in the &lt;input&gt; Text/Search section=
 --&gt;
+  &lt;!-- and something similar is in the session history section --&gt;
+  &lt;p&gt;If the element is &lt;a href=3D#concept-fe-mutable title=3Dco=
ncept-fe-mutable&gt;mutable&lt;/a&gt;, the user agent should allow
+  the user to change the writing direction of the element, setting it ei=
ther to a left-to-right
+  writing direction or a right-to-left writing direction. If the user do=
es so, the user agent must
+  then run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Set the element's &lt;code title=3Dattr-d=
ir&gt;&lt;a href=3D#the-dir-attribute&gt;dir&lt;/a&gt;&lt;/code&gt; attri=
bute to &quot;&lt;code title=3Dattr-dir-ltr&gt;&lt;a href=3D#attr-dir-ltr=
&gt;ltr&lt;/a&gt;&lt;/code&gt;&quot; if the user selected a left-to-right=
 writing direction, and
+   &quot;&lt;code title=3Dattr-dir-rtl&gt;&lt;a href=3D#attr-dir-rtl&gt;=
rtl&lt;/a&gt;&lt;/code&gt;&quot; if the user selected a right-to-left wri=
ting
+   direction.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#queue-a-task&gt;Queue a task&lt;/a&g=
t; to &lt;a href=3D#fire-a-simple-event&gt;fire a simple event&lt;/a&gt; =
that bubbles named &lt;code title=3Devent-input&gt;input&lt;/code&gt; at =
the &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&gt;&=
lt;/code&gt; element.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-textarea-cols title=3Dattr-textarea-col=
s&gt;&lt;code&gt;cols&lt;/code&gt;&lt;/dfn&gt; attribute specifies the ex=
pected
+  maximum number of characters per line. If the &lt;code title=3Dattr-te=
xtarea-cols&gt;&lt;a href=3D#attr-textarea-cols&gt;cols&lt;/a&gt;&lt;/cod=
e&gt;
+  attribute is specified, its value must be a &lt;a href=3D#valid-non-ne=
gative-integer&gt;valid non-negative integer&lt;/a&gt; greater than
+  zero. &lt;span class=3Dimpl&gt;If applying the &lt;a href=3D#rules-for=
-parsing-non-negative-integers&gt;rules for parsing non-negative integers=
&lt;/a&gt; to
+  the attribute's value results in a number greater than zero, then the =
element's &lt;dfn id=3Dattr-textarea-cols-value title=3Dattr-textarea-col=
s-value&gt;character width&lt;/dfn&gt; is that value; otherwise, it is
+  20.&lt;/span&gt;&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The user agent may use the &lt;code&gt;&lt;a href=3D#the-text=
area-element&gt;textarea&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#a=
ttr-textarea-cols-value title=3Dattr-textarea-cols-value&gt;character wid=
th&lt;/a&gt; as a hint to the user as to how many
+  characters the server prefers per line (e.g. for visual user agents by=
 making the width of the
+  control be that many characters). In visual renderings, the user agent=
 should wrap the user's
+  input in the rendering so that each line is no wider than this number =
of characters.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-textarea-rows title=3Dattr-textarea-row=
s&gt;&lt;code&gt;rows&lt;/code&gt;&lt;/dfn&gt; attribute specifies the nu=
mber of
+  lines to show. If the &lt;code title=3Dattr-textarea-rows&gt;&lt;a hre=
f=3D#attr-textarea-rows&gt;rows&lt;/a&gt;&lt;/code&gt; attribute is speci=
fied, its
+  value must be a &lt;a href=3D#valid-non-negative-integer&gt;valid non-=
negative integer&lt;/a&gt; greater than zero. &lt;span class=3Dimpl&gt;If
+  applying the &lt;a href=3D#rules-for-parsing-non-negative-integers&gt;=
rules for parsing non-negative integers&lt;/a&gt; to the attribute's valu=
e results
+  in a number greater than zero, then the element's &lt;dfn id=3Dattr-te=
xtarea-rows-value title=3Dattr-textarea-rows-value&gt;character
+  height&lt;/dfn&gt; is that value; otherwise, it is 2.&lt;/span&gt;&lt;=
/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;Visual user agents should set the height of the control to th=
e number of lines given by &lt;a href=3D#attr-textarea-rows-value title=3D=
attr-textarea-rows-value&gt;character height&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-textarea-wrap title=3Dattr-textarea-wra=
p&gt;&lt;code&gt;wrap&lt;/code&gt;&lt;/dfn&gt; attribute is an &lt;a href=
=3D#enumerated-attribute&gt;enumerated
+  attribute&lt;/a&gt; with two keywords and states: the &lt;dfn id=3Datt=
r-textarea-wrap-soft title=3Dattr-textarea-wrap-soft&gt;&lt;code&gt;soft&=
lt;/code&gt;&lt;/dfn&gt; keyword which maps to the &lt;a href=3D#attr-tex=
tarea-wrap-soft-state title=3Dattr-textarea-wrap-soft-state&gt;Soft&lt;/a=
&gt; state, and the &lt;dfn id=3Dattr-textarea-wrap-hard title=3Dattr-tex=
tarea-wrap-hard&gt;&lt;code&gt;hard&lt;/code&gt;&lt;/dfn&gt; keyword whic=
h maps to the &lt;a href=3D#attr-textarea-wrap-hard-state title=3Dattr-te=
xtarea-wrap-hard-state&gt;Hard&lt;/a&gt; state. The &lt;i&gt;missing valu=
e default&lt;/i&gt; is the
+  &lt;a href=3D#attr-textarea-wrap-soft-state title=3Dattr-textarea-wrap=
-soft-state&gt;Soft&lt;/a&gt; state.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-textarea-wrap-soft-state title=3Dattr-t=
extarea-wrap-soft-state&gt;Soft&lt;/dfn&gt; state indicates that the text=
 in the
+  &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&gt;&l=
t;/code&gt; is not to be wrapped when it is submitted (though it can stil=
l be wrapped in
+  the rendering).&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-textarea-wrap-hard-state title=3Dattr-t=
extarea-wrap-hard-state&gt;Hard&lt;/dfn&gt; state indicates that the text=
 in the
+  &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&gt;&l=
t;/code&gt; is to have newlines added by the user agent so that the text =
is wrapped when
+  it is submitted.&lt;/p&gt;
+
+  &lt;p&gt;If the element's &lt;code title=3Dattr-textarea-wrap&gt;&lt;a=
 href=3D#attr-textarea-wrap&gt;wrap&lt;/a&gt;&lt;/code&gt; attribute is i=
n the &lt;a href=3D#attr-textarea-wrap-hard-state title=3Dattr-textarea-w=
rap-hard-state&gt;Hard&lt;/a&gt; state, the &lt;code title=3Dattr-textare=
a-cols&gt;&lt;a href=3D#attr-textarea-cols&gt;cols&lt;/a&gt;&lt;/code&gt;=
 attribute must be specified.&lt;/p&gt;
+
+  &lt;!-- attr-textarea-wrap-off (attr-textarea-wrap-off-state): not con=
forming; turns off the
+  rendering of wrapping but otherwise acts like 'soft' --&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;For historical reasons, the element's value is normalised in =
three different ways for three
+  different purposes. The &lt;a href=3D#concept-textarea-raw-value title=
=3Dconcept-textarea-raw-value&gt;raw value&lt;/a&gt; is the value as
+  it was originally set. It is not normalized. The &lt;a href=3D#concept=
-textarea-api-value title=3Dconcept-textarea-api-value&gt;API
+  value&lt;/a&gt; is the value used in the &lt;code title=3Ddom-textarea=
-value&gt;&lt;a href=3D#dom-textarea-value&gt;value&lt;/a&gt;&lt;/code&gt=
; IDL attribute.
+  It is normalized so that line breaks use U+000A LINE FEED (LF) charact=
ers. Finally, there is the
+  form submission &lt;a href=3D#concept-fe-value title=3Dconcept-fe-valu=
e&gt;value&lt;/a&gt;. It is normalized so that line breaks
+  use U+000D CARRIAGE RETURN U+000A LINE FEED (CRLF) character pairs, an=
d in addition, if necessary
+  given the element's &lt;code title=3Dattr-textarea-wrap&gt;&lt;a href=3D=
#attr-textarea-wrap&gt;wrap&lt;/a&gt;&lt;/code&gt; attribute, additional =
line breaks
+  are inserted to wrap the text at the given width.&lt;/p&gt;
+
+  &lt;p&gt;The element's &lt;dfn id=3Dconcept-textarea-api-value title=3D=
concept-textarea-api-value&gt;API value&lt;/dfn&gt; is defined to be the
+  element's &lt;a href=3D#concept-textarea-raw-value title=3Dconcept-tex=
tarea-raw-value&gt;raw value&lt;/a&gt; with the following
+  transformation applied:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Replace every U+000D CARRIAGE RETURN U+00=
0A LINE FEED (CRLF) character pair from the &lt;a href=3D#concept-textare=
a-raw-value title=3Dconcept-textarea-raw-value&gt;raw value&lt;/a&gt; wit=
h a single U+000A LINE FEED (LF)
+   character.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Replace every remaining U+000D CARRIAGE RETURN cha=
racter from the &lt;a href=3D#concept-textarea-raw-value title=3Dconcept-=
textarea-raw-value&gt;raw value&lt;/a&gt; with a single U+000A LINE FEED =
(LF)
+   character.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The element's &lt;a href=3D#concept-fe-value title=
=3Dconcept-fe-value&gt;value&lt;/a&gt; is defined to be the element's &lt=
;a href=3D#concept-textarea-raw-value title=3Dconcept-textarea-raw-value&=
gt;raw value&lt;/a&gt; with the following transformation applied:&lt;/p&g=
t;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Replace every occurrence of a U+000D CARR=
IAGE RETURN (CR) character not followed by a
+   U+000A LINE FEED (LF) character, and every occurrence of a U+000A LIN=
E FEED (LF) character not
+   preceded by a U+000D CARRIAGE RETURN (CR) character, by a two-charact=
er string consisting of a
+   U+000D CARRIAGE RETURN U+000A LINE FEED (CRLF) character pair.&lt;/li=
&gt;
+
+   &lt;li&gt;&lt;p&gt;If the element's &lt;code title=3Dattr-textarea-wr=
ap&gt;&lt;a href=3D#attr-textarea-wrap&gt;wrap&lt;/a&gt;&lt;/code&gt; att=
ribute is in the &lt;a href=3D#attr-textarea-wrap-hard-state title=3Dattr=
-textarea-wrap-hard-state&gt;Hard&lt;/a&gt; state, insert U+000D CARRIAGE=
 RETURN U+000A
+   LINE FEED (CRLF) character pairs into the string using a UA-defined a=
lgorithm so that each line
+   has no more than &lt;a href=3D#attr-textarea-cols-value title=3Dattr-=
textarea-cols-value&gt;character width&lt;/a&gt; characters. For
+   the purposes of this requirement, lines are delimited by the start of=
 the string, the end of the
+   string, and U+000D CARRIAGE RETURN U+000A LINE FEED (CRLF) character =
pairs.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-textarea-maxlength title=3Dattr-textare=
a-maxlength&gt;&lt;code&gt;maxlength&lt;/code&gt;&lt;/dfn&gt; attribute i=
s a &lt;a href=3D#attr-fe-maxlength title=3Dattr-fe-maxlength&gt;form con=
trol &lt;code title=3D&quot;&quot;&gt;maxlength&lt;/code&gt; attribute&lt=
;/a&gt; controlled
+  by the &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/=
a&gt;&lt;/code&gt; element's &lt;a href=3D#concept-textarea-dirty title=3D=
concept-textarea-dirty&gt;dirty value
+  flag&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;text=
area&lt;/a&gt;&lt;/code&gt; element has a &lt;a href=3D#maximum-allowed-v=
alue-length&gt;maximum allowed value length&lt;/a&gt;, then the
+  element's children must be such that the &lt;a href=3D#code-unit-lengt=
h&gt;code-unit length&lt;/a&gt; of the value of the
+  element's &lt;code&gt;&lt;a href=3D#textcontent&gt;textContent&lt;/a&g=
t;&lt;/code&gt; IDL attribute is equal to or less than the element's
+  &lt;a href=3D#maximum-allowed-value-length&gt;maximum allowed value le=
ngth&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-textarea-minlength title=3Dattr-textare=
a-minlength&gt;&lt;code&gt;minlength&lt;/code&gt;&lt;/dfn&gt; attribute i=
s a &lt;a href=3D#attr-fe-minlength title=3Dattr-fe-minlength&gt;form con=
trol &lt;code title=3D&quot;&quot;&gt;minlength&lt;/code&gt; attribute&lt=
;/a&gt; controlled
+  by the &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/=
a&gt;&lt;/code&gt; element's &lt;a href=3D#concept-textarea-dirty title=3D=
concept-textarea-dirty&gt;dirty value
+  flag&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;!-- we allow the default to be smaller than the minimum, so that y=
ou can have incomplete, but not
+  empty, input already in the form, like a template that needs to be fil=
led in --&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-textarea-required title=3Dattr-textarea=
-required&gt;&lt;code&gt;required&lt;/code&gt;&lt;/dfn&gt; attribute is a
+  &lt;a href=3D#boolean-attribute&gt;boolean attribute&lt;/a&gt;. When s=
pecified, the user will be required to enter a value before
+  submitting the form.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: If the el=
ement has its &lt;code title=3Dattr-textarea-required&gt;&lt;a href=3D#at=
tr-textarea-required&gt;required&lt;/a&gt;&lt;/code&gt; attribute specifi=
ed, and the element is &lt;a href=3D#concept-fe-mutable title=3Dconcept-f=
e-mutable&gt;mutable&lt;/a&gt;, and the element's &lt;a href=3D#concept-f=
e-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; is the empty string, =
then the element is &lt;a href=3D#suffering-from-being-missing&gt;sufferi=
ng
+  from being missing&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;!-- substantially similar text in the &lt;input&gt; section --&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-textarea-placeholder title=3Dattr-texta=
rea-placeholder&gt;&lt;code&gt;placeholder&lt;/code&gt;&lt;/dfn&gt; attri=
bute represents
+  a &lt;em&gt;short&lt;/em&gt; 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 descri=
ption of the expected
+  format.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-textarea-placeholder&gt;&lt;a href=3D=
#attr-textarea-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt; attribut=
e should not be used as
+  an alternative to a &lt;code&gt;&lt;a href=3D#the-label-element&gt;lab=
el&lt;/a&gt;&lt;/code&gt;. For a longer hint or other advisory text, the =
&lt;code title=3Dattr-title&gt;&lt;a href=3D#attr-title&gt;title&lt;/a&gt=
;&lt;/code&gt; attribute is more appropriate.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;These mechanisms are very similar but subtly dif=
ferent: the hint given by the
+  control's &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&g=
t;&lt;/code&gt; is shown at all times; the short hint given in the &lt;co=
de title=3Dattr-textarea-placeholder&gt;&lt;a href=3D#attr-textarea-place=
holder&gt;placeholder&lt;/a&gt;&lt;/code&gt; attribute is shown before th=
e user enters a
+  value; and the hint in the &lt;code title=3Dattr-title&gt;&lt;a href=3D=
#attr-title&gt;title&lt;/a&gt;&lt;/code&gt; attribute is shown when the u=
ser
+  requests further help.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;User agents should present this hint to the user when the ele=
ment's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&l=
t;/a&gt; is the empty string and the control is not focused (e.g. by
+  displaying it inside a blank unfocused control). All U+000D CARRIAGE R=
ETURN U+000A LINE FEED
+  character pairs (CRLF) in the hint, as well as all other U+000D CARRIA=
GE RETURN (CR) and U+000A
+  LINE FEED (LF) characters in the hint, must be treated as line breaks =
when rendering the hint.
+
+  &lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;
+  The &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt;nam=
e&lt;/a&gt;&lt;/code&gt; attribute represents the element's name.
+  The &lt;code title=3Dattr-fe-dirname&gt;&lt;a href=3D#attr-fe-dirname&=
gt;dirname&lt;/a&gt;&lt;/code&gt; attribute controls how the element's &l=
t;a href=3D#the-directionality title=3D&quot;the directionality&quot;&gt;=
directionality&lt;/a&gt; is submitted.
+  The &lt;code title=3Dattr-fe-disabled&gt;&lt;a href=3D#attr-fe-disable=
d&gt;disabled&lt;/a&gt;&lt;/code&gt; attribute is used to make the contro=
l
+  non-interactive and to prevent its value from being submitted.
+  The &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-form&gt;f=
orm&lt;/a&gt;&lt;/code&gt; attribute is used to explicitly associate the
+  &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&gt;&l=
t;/code&gt; element with its &lt;a href=3D#form-owner&gt;form owner&lt;/a=
&gt;.
+  The &lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr-fe-autofo=
cus&gt;autofocus&lt;/a&gt;&lt;/code&gt; attribute controls focus.
+  The &lt;code title=3Dattr-fe-inputmode&gt;&lt;a href=3D#attr-fe-inputm=
ode&gt;inputmode&lt;/a&gt;&lt;/code&gt; attribute controls the user inter=
face's input
+  modality for the control.
+  The &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-aut=
ocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt; attribute controls how t=
he user agent
+  provides autofill behavior.
+  &lt;/p&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;t=
extarea&lt;/var&gt; . &lt;code title=3Dattr-textarea-type&gt;type&lt;/cod=
e&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the string &quot;&lt;code title=3D&quot;&quot;&gt;t=
extarea&lt;/code&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;textarea&lt;/var&gt; . &lt;=
code title=3Dattr-textarea-value&gt;value&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current value of the element.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the value.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-textarea-cols title=3Ddom-textarea-cols&=
gt;&lt;code&gt;cols&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-textarea-p=
laceholder title=3Ddom-textarea-placeholder&gt;&lt;code&gt;placeholder&lt=
;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-textarea-required title=3Ddom-te=
xtarea-required&gt;&lt;code&gt;required&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn=
 id=3Ddom-textarea-rows title=3Ddom-textarea-rows&gt;&lt;code&gt;rows&lt;=
/code&gt;&lt;/dfn&gt;, and &lt;dfn id=3Ddom-textarea-wrap title=3Ddom-tex=
tarea-wrap&gt;&lt;code&gt;wrap&lt;/code&gt;&lt;/dfn&gt; attributes must &=
lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the
+  respective content attributes of the same name. The &lt;code title=3Dd=
om-textarea-cols&gt;&lt;a href=3D#dom-textarea-cols&gt;cols&lt;/a&gt;&lt;=
/code&gt;
+  and &lt;code title=3Ddom-textarea-rows&gt;&lt;a href=3D#dom-textarea-r=
ows&gt;rows&lt;/a&gt;&lt;/code&gt; attributes are &lt;a href=3D#limited-t=
o-only-non-negative-numbers-greater-than-zero&gt;limited to only non-nega=
tive
+  numbers greater than zero&lt;/a&gt;. The &lt;code title=3Ddom-textarea=
-cols&gt;&lt;a href=3D#dom-textarea-cols&gt;cols&lt;/a&gt;&lt;/code&gt; a=
ttribute's
+  default value is 20. The &lt;code title=3Ddom-textarea-rows&gt;&lt;a h=
ref=3D#dom-textarea-rows&gt;rows&lt;/a&gt;&lt;/code&gt; attribute's defau=
lt value is
+  2. The &lt;dfn id=3Ddom-textarea-dirname title=3Ddom-textarea-dirName&=
gt;&lt;code&gt;dirName&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-f=
e-dirname&gt;&lt;a href=3D#attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&=
gt; content attribute. The &lt;dfn id=3Ddom-textarea-inputmode title=3Ddo=
m-textarea-inputMode&gt;&lt;code&gt;inputMode&lt;/code&gt;&lt;/dfn&gt; ID=
L attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-f=
e-inputmode&gt;&lt;a href=3D#attr-fe-inputmode&gt;inputmode&lt;/a&gt;&lt;=
/code&gt; content attribute,
+  &lt;a href=3D#limited-to-only-known-values&gt;limited to only known va=
lues&lt;/a&gt;. The &lt;dfn id=3Ddom-textarea-maxlength title=3Ddom-texta=
rea-maxLength&gt;&lt;code&gt;maxLength&lt;/code&gt;&lt;/dfn&gt; IDL attri=
bute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-t=
extarea-maxlength&gt;&lt;a href=3D#attr-textarea-maxlength&gt;maxlength&l=
t;/a&gt;&lt;/code&gt; content attribute,
+  &lt;a href=3D#limited-to-only-non-negative-numbers&gt;limited to only =
non-negative numbers&lt;/a&gt;. The &lt;dfn id=3Ddom-textarea-minlength t=
itle=3Ddom-textarea-minLength&gt;&lt;code&gt;minLength&lt;/code&gt;&lt;/d=
fn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-t=
extarea-minlength&gt;&lt;a href=3D#attr-textarea-minlength&gt;minlength&l=
t;/a&gt;&lt;/code&gt; content attribute,
+  &lt;a href=3D#limited-to-only-non-negative-numbers&gt;limited to only =
non-negative numbers&lt;/a&gt;. The &lt;dfn id=3Ddom-textarea-readonly ti=
tle=3Ddom-textarea-readOnly&gt;&lt;code&gt;readOnly&lt;/code&gt;&lt;/dfn&=
gt; IDL attribute must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt;
+  the &lt;code title=3Dattr-textarea-readonly&gt;&lt;a href=3D#attr-text=
area-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt; content attribute.&lt;/p=
&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-textarea-type title=3Ddom-textarea-type&=
gt;&lt;code&gt;type&lt;/code&gt;&lt;/dfn&gt; IDL attribute must return th=
e value
+  &quot;&lt;code title=3D&quot;&quot;&gt;textarea&lt;/code&gt;&quot;.&lt=
;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-textarea-defaultvalue title=3Ddom-textar=
ea-defaultValue&gt;&lt;code&gt;defaultValue&lt;/code&gt;&lt;/dfn&gt; IDL =
attribute must
+  act like the element's &lt;code&gt;&lt;a href=3D#textcontent&gt;textCo=
ntent&lt;/a&gt;&lt;/code&gt; IDL attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-textarea-value title=3Ddom-textarea-valu=
e&gt;&lt;code&gt;value&lt;/code&gt;&lt;/dfn&gt; attribute must, on gettin=
g, return
+  the element's &lt;a href=3D#concept-textarea-api-value title=3Dconcept=
-textarea-api-value&gt;API value&lt;/a&gt;; on setting, it must set
+  the element's &lt;a href=3D#concept-textarea-raw-value title=3Dconcept=
-textarea-raw-value&gt;raw value&lt;/a&gt; to the new value, set the
+  element's &lt;a href=3D#concept-textarea-dirty title=3Dconcept-textare=
a-dirty&gt;dirty value flag&lt;/a&gt; to true, and should then
+  move the text entry cursor position to the end of the text field, unse=
lecting any selected text
+  and resetting the selection direction to &lt;i&gt;none&lt;/i&gt;.&lt;/=
p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-textarea-textlength title=3Ddom-textarea=
-textLength&gt;&lt;code&gt;textLength&lt;/code&gt;&lt;/dfn&gt; IDL attrib=
ute must
+  return the &lt;a href=3D#code-unit-length&gt;code-unit length&lt;/a&gt=
; of the element's &lt;a href=3D#concept-textarea-api-value title=3Dconce=
pt-textarea-api-value&gt;API value&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-cva-willValidate&gt;&lt;a href=3D#do=
m-cva-willvalidate&gt;willValidate&lt;/a&gt;&lt;/code&gt;, &lt;code title=
=3Ddom-cva-validity&gt;&lt;a href=3D#dom-cva-validity&gt;validity&lt;/a&g=
t;&lt;/code&gt;, and &lt;code title=3Ddom-cva-validationMessage&gt;&lt;a =
href=3D#dom-cva-validationmessage&gt;validationMessage&lt;/a&gt;&lt;/code=
&gt; IDL attributes, and the &lt;code title=3Ddom-cva-checkValidity&gt;&l=
t;a href=3D#dom-cva-checkvalidity&gt;checkValidity()&lt;/a&gt;&lt;/code&g=
t;, &lt;code title=3Ddom-cva-reportValidity&gt;&lt;a href=3D#dom-cva-repo=
rtvalidity&gt;reportValidity()&lt;/a&gt;&lt;/code&gt;, and &lt;code title=
=3Ddom-cva-setCustomValidity&gt;&lt;a href=3D#dom-cva-setcustomvalidity&g=
t;setCustomValidity()&lt;/a&gt;&lt;/code&gt; methods, are part of the
+  &lt;a href=3D#the-constraint-validation-api&gt;constraint validation A=
PI&lt;/a&gt;. The &lt;code title=3Ddom-lfe-labels&gt;&lt;a href=3D#dom-lf=
e-labels&gt;labels&lt;/a&gt;&lt;/code&gt; IDL
+  attribute provides a list of the element's &lt;code&gt;&lt;a href=3D#t=
he-label-element&gt;label&lt;/a&gt;&lt;/code&gt;s. The &lt;code title=3Dd=
om-textarea/input-select&gt;&lt;a href=3D#dom-textarea/input-select&gt;se=
lect()&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-textarea/input-select=
ionStart&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectionS=
tart&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-textarea/input-selectio=
nEnd&gt;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;=
/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-textarea/input-selectionDirecti=
on&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selectionDir=
ection&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-textarea/input-setRan=
geText&gt;&lt;a href=3D#dom-textarea/input-setrangetext&gt;setRangeText()=
&lt;/a&gt;&lt;/code&gt;, and &lt;code title=3Ddom-textarea/input-setSelec=
tionRange&gt;&lt;a href=3D#dom-textarea/input-setselectionrange&gt;setSel=
ectionRange()&lt;/a&gt;&lt;/code&gt; methods and IDL attributes
+  expose the element's text selection. The &lt;code title=3Ddom-fe-autof=
ocus&gt;&lt;a href=3D#dom-fe-autofocus&gt;autofocus&lt;/a&gt;&lt;/code&gt=
;, &lt;code title=3Ddom-fe-disabled&gt;&lt;a href=3D#dom-fe-disabled&gt;d=
isabled&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-fae-form&gt;&lt;a hr=
ef=3D#dom-fae-form&gt;form&lt;/a&gt;&lt;/code&gt;, and &lt;code title=3Dd=
om-fe-name&gt;&lt;a href=3D#dom-fe-name&gt;name&lt;/a&gt;&lt;/code&gt; ID=
L attributes are part of the element's forms API.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here is an example of a &lt;code&gt;&lt;a href=3D#the-textar=
ea-element&gt;textarea&lt;/a&gt;&lt;/code&gt; being used for unrestricted=
 free-form text input
+   in a form:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt;If you have any comments, please let us k=
now: &amp;lt;textarea cols=3D80 name=3Dcomments&amp;gt;&amp;lt;/textarea&=
amp;gt;&amp;lt;/p&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;To specify a maximum length for the comments, one can use th=
e &lt;code title=3Dattr-textarea-maxlength&gt;&lt;a href=3D#attr-textarea=
-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt; attribute:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt;If you have any short comments, please le=
t us know: &amp;lt;textarea cols=3D80 name=3Dcomments maxlength=3D200&amp=
;gt;&amp;lt;/textarea&amp;gt;&amp;lt;/p&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;To give a default value, text can be included inside the ele=
ment:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt;If you have any comments, please let us k=
now: &amp;lt;textarea cols=3D80 name=3Dcomments&amp;gt;You rock!&amp;lt;/=
textarea&amp;gt;&amp;lt;/p&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;You can also give a minimum length. Here, a letter needs to =
be filled out by the user; a
+   template (which is shorter than the minimum length) is provided, but =
is insufficient to submit
+   the form:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;textarea required minlength=3D&quot;500&quot;&amp;=
gt;Dear Madam Speaker,
+
+Regarding your letter dated ...
+
+...
+
+Yours Sincerely,
+
+...&amp;lt;/textarea&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;A placeholder can be given as well, to suggest the basic for=
m to the user, without providing
+   an explicit template:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;textarea placeholder=3D&quot;Dear Francine,
+
+They closed the parks this week, so we won't be able to
+meet your there. Should we just have dinner?
+
+Love,
+Daddy&quot;&amp;gt;&amp;lt;/textarea&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;To have the browser submit &lt;a href=3D#the-directionality&=
gt;the directionality&lt;/a&gt; of
+   the element along with the value, the &lt;code title=3Dattr-fe-dirnam=
e&gt;&lt;a href=3D#attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt; attr=
ibute can be
+   specified:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt;If you have any comments, please let us k=
now (you may use either English or Hebrew for your comments):
+&amp;lt;textarea cols=3D80 name=3Dcomments dirname=3Dcomments.dir&amp;gt=
;&amp;lt;/textarea&amp;gt;&amp;lt;/p&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dthe-keygen-element&gt;&lt;span class=3Dsecno&gt;4.10.12 &l=
t;/span&gt;The &lt;dfn&gt;&lt;code&gt;keygen&lt;/code&gt;&lt;/dfn&gt; ele=
ment&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#interactive-content&gt;Interactive content&lt=
;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#category-listed title=3Dcategory-listed&gt;Li=
sted&lt;/a&gt;, &lt;a href=3D#category-label title=3Dcategory-label&gt;la=
belable&lt;/a&gt;, &lt;a href=3D#category-submit title=3Dcategory-submit&=
gt;submittable&lt;/a&gt;, &lt;a href=3D#category-reset title=3Dcategory-r=
eset&gt;resettable&lt;/a&gt;, and &lt;a href=3D#category-form-attr title=3D=
category-form-attr&gt;reassociateable&lt;/a&gt; &lt;a href=3D#form-associ=
ated-element&gt;form-associated element&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#palpable-content&gt;Palpable content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#phrasing-content&gt;phrasing content&lt=
;/a&gt; is expected.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Empty.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;No &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-tag&gt;e=
nd tag&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr-fe=
-autofocus&gt;autofocus&lt;/a&gt;&lt;/code&gt; &amp;mdash; Automatically =
focus the form control when the page is loaded&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-keygen-challenge&gt;&lt;a href=3D#att=
r-keygen-challenge&gt;challenge&lt;/a&gt;&lt;/code&gt; &amp;mdash; String=
 to package with the generated and signed public key&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-disabled&gt;&lt;a href=3D#attr-fe-=
disabled&gt;disabled&lt;/a&gt;&lt;/code&gt; &amp;mdash; Whether the form =
control is disabled&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-fo=
rm&gt;form&lt;/a&gt;&lt;/code&gt; &amp;mdash; Associates the control with=
 a &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&=
gt; element&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-keygen-keytype&gt;&lt;a href=3D#attr-=
keygen-keytype&gt;keytype&lt;/a&gt;&lt;/code&gt; &amp;mdash; The type of =
cryptographic key to generate&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name=
&gt;name&lt;/a&gt;&lt;/code&gt; &amp;mdash; Name of form control to use f=
or &lt;a href=3D#form-submission&gt;form submission&lt;/a&gt; and in the =
&lt;code title=3Ddom-form-elements&gt;&lt;a href=3D#dom-form-elements&gt;=
form.elements&lt;/a&gt;&lt;/code&gt; API&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmlkeygenelement&gt;HTMLK=
eygenElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a=
&gt; {
+           attribute boolean &lt;a href=3D#dom-fe-autofocus title=3Ddom-=
fe-autofocus&gt;autofocus&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-keygen-challenge title=3D=
dom-keygen-challenge&gt;challenge&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-fe-disabled title=3Ddom-f=
e-disabled&gt;disabled&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#htmlformelement&gt;HTMLFormElement&lt=
;/a&gt;? &lt;a href=3D#dom-fae-form title=3Ddom-fae-form&gt;form&lt;/a&gt=
;;
+           attribute DOMString &lt;a href=3D#dom-keygen-keytype title=3D=
dom-keygen-keytype&gt;keytype&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-fe-name title=3Ddom-fe-=
name&gt;name&lt;/a&gt;;
+
+  readonly attribute DOMString &lt;a href=3D#dom-keygen-type title=3Ddom=
-keygen-type&gt;type&lt;/a&gt;;
+
+  readonly attribute boolean &lt;a href=3D#dom-cva-willvalidate title=3D=
dom-cva-willValidate&gt;willValidate&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#validitystate&gt;ValidityState&lt;/a&=
gt; &lt;a href=3D#dom-cva-validity title=3Ddom-cva-validity&gt;validity&l=
t;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-cva-validationmessage t=
itle=3Ddom-cva-validationMessage&gt;validationMessage&lt;/a&gt;;
+  boolean &lt;a href=3D#dom-cva-checkvalidity title=3Ddom-cva-checkValid=
ity&gt;checkValidity&lt;/a&gt;();
+  boolean &lt;a href=3D#dom-cva-reportvalidity title=3Ddom-cva-reportVal=
idity&gt;reportValidity&lt;/a&gt;();
+  void &lt;a href=3D#dom-cva-setcustomvalidity title=3Ddom-cva-setCustom=
Validity&gt;setCustomValidity&lt;/a&gt;(DOMString error);
+
+  readonly attribute &lt;a href=3D#nodelist&gt;NodeList&lt;/a&gt; &lt;a =
href=3D#dom-lfe-labels title=3Ddom-lfe-labels&gt;labels&lt;/a&gt;;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-keygen-element&gt;keygen&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D=
#represents&gt;represents&lt;/a&gt; a key pair generator control. When th=
e
+  control's form is submitted, the private key is stored in the local ke=
ystore, and the public key
+  is packaged and sent to the server.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-keygen-challenge title=3Dattr-keygen-ch=
allenge&gt;&lt;code&gt;challenge&lt;/code&gt;&lt;/dfn&gt; attribute may b=
e specified.
+  Its value will be packaged with the submitted key.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-keygen-keytype title=3Dattr-keygen-keyt=
ype&gt;&lt;code&gt;keytype&lt;/code&gt;&lt;/dfn&gt; attribute is an
+  &lt;a href=3D#enumerated-attribute&gt;enumerated attribute&lt;/a&gt;. =
The following table lists the keywords and states for the
+  attribute &amp;mdash; the keywords in the left column map to the state=
s listed in the cell in the
+  second column on the same row as the keyword. User agents are not requ=
ired to support these
+  values, and must only recognize values whose corresponding algorithms =
they support.&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt; Keyword &lt;th&gt; Stat=
e
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rs=
a&lt;/code&gt;
+     &lt;td&gt; &lt;i title=3D&quot;&quot;&gt;RSA&lt;/i&gt;
+&lt;!-- v2 (see below)
+    &lt;tr&gt;
+     &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ec&lt;/code&gt;
+     &lt;td&gt; &lt;i title=3D&quot;&quot;&gt;EC&lt;/i&gt;
+--&gt;
+  &lt;/table&gt;&lt;p&gt;The &lt;i&gt;invalid value default&lt;/i&gt; st=
ate is the &lt;i title=3D&quot;&quot;&gt;unknown&lt;/i&gt; state. The &lt=
;i&gt;missing
+  value default&lt;/i&gt; state is the &lt;i title=3D&quot;&quot;&gt;RSA=
&lt;/i&gt; state, if it is supported, or the &lt;i title=3D&quot;&quot;&g=
t;unknown&lt;/i&gt; state otherwise.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This specification does not specify what key typ=
es user agents are to support
+  &amp;mdash; it is possible for a user agent to not support any key typ=
es at all.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The user agent may expose a user interface for each &lt;code&=
gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt;/a&gt;&lt;/code&gt; elem=
ent to allow the
+  user to configure settings of the element's key pair generator, e.g. t=
he key length.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#concept-form-reset-control title=3Dconcept-=
form-reset-control&gt;reset algorithm&lt;/a&gt; for &lt;code&gt;&lt;a hre=
f=3D#the-keygen-element&gt;keygen&lt;/a&gt;&lt;/code&gt;
+  elements is to set these various configuration settings back to their =
defaults.&lt;/p&gt;
+
+  &lt;p&gt;The element's &lt;a href=3D#concept-fe-value title=3Dconcept-=
fe-value&gt;value&lt;/a&gt; is the string returned from the
+  following algorithm:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;Use the appropriate step from the following list:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;!-- v2 (see above)
+
+     &lt;dt&gt;If the &lt;code title=3D&quot;attr-keygen-keytype&quot;&g=
t;keytype&lt;/code&gt; attribute is in the &lt;i
+     title=3D&quot;&quot;&gt;EC&lt;/i&gt; state&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;...
+
+      http://www.mail-archive.com/dev-tech-crypto@lists.mozilla.org/msg0=
5902.html
+
+     &lt;/dd&gt;
+
+     --&gt;&lt;dt&gt;If the &lt;code title=3Dattr-keygen-keytype&gt;&lt;=
a href=3D#attr-keygen-keytype&gt;keytype&lt;/a&gt;&lt;/code&gt; attribute=
 is in the &lt;i title=3D&quot;&quot;&gt;RSA&lt;/i&gt; state&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Generate an RSA key pair using the settings given by the =
user, if appropriate, using the
+      &lt;code title=3D&quot;&quot;&gt;md5WithRSAEncryption&lt;/code&gt;=
 RSA signature algorithm (the signature algorithm
+      with MD5 and the RSA encryption algorithm) referenced in section 2=
.2.1 (&quot;RSA Signature
+      Algorithm&quot;) of RFC 3279, and defined in RFC 2313. &lt;a href=3D=
#refsRFC3279&gt;[RFC3279]&lt;/a&gt; &lt;a href=3D#refsRFC2313&gt;[RFC2313=
]&lt;/a&gt;&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;Otherwise, the &lt;code title=3Dattr-keygen-keytype&gt;&l=
t;a href=3D#attr-keygen-keytype&gt;keytype&lt;/a&gt;&lt;/code&gt; attribu=
te is in the &lt;i title=3D&quot;&quot;&gt;unknown&lt;/i&gt; state&lt;/dt=
&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;The given key type is not supported. Return the empty str=
ing and abort this algorithm.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;private key&=
lt;/var&gt; be the generated private key.&lt;/p&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;public key&lt;/var&gt; =
be the generated public key.&lt;/p&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;signature algorithm&lt;=
/var&gt; be the selected signature algorithm.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the element has a &lt;code title=3Dattr-keygen-challenge=
&gt;&lt;a href=3D#attr-keygen-challenge&gt;challenge&lt;/a&gt;&lt;/code&g=
t; attribute, then let
+    &lt;var title=3D&quot;&quot;&gt;challenge&lt;/var&gt; be that attrib=
ute's value. Otherwise, let &lt;var title=3D&quot;&quot;&gt;challenge&lt;=
/var&gt; be the empty string.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;algorithm&lt;/var&gt; b=
e an ASN.1 &lt;code title=3D&quot;&quot;&gt;AlgorithmIdentifier&lt;/code&=
gt;
+    structure as defined by RFC 5280, with the &lt;code title=3D&quot;&q=
uot;&gt;algorithm&lt;/code&gt; field giving the
+    ASN.1 OID used to identify &lt;var title=3D&quot;&quot;&gt;signature=
 algorithm&lt;/var&gt;, using the OIDs defined in
+    section 2.2 (&quot;Signature Algorithms&quot;) of RFC 3279, and the =
&lt;code title=3D&quot;&quot;&gt;parameters&lt;/code&gt; field
+    set up as required by RFC 3279 for &lt;code title=3D&quot;&quot;&gt;=
AlgorithmIdentifier&lt;/code&gt; structures for that
+    algorithm. &lt;a href=3D#refsX690&gt;[X690]&lt;/a&gt; &lt;a href=3D#=
refsRFC5280&gt;[RFC5280]&lt;/a&gt; &lt;a href=3D#refsRFC3279&gt;[RFC3279]=
&lt;/a&gt;&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;spki&lt;/var&gt; be an =
ASN.1 &lt;code title=3D&quot;&quot;&gt;SubjectPublicKeyInfo&lt;/code&gt; =
structure
+    as defined by RFC 5280, with the &lt;code title=3D&quot;&quot;&gt;al=
gorithm&lt;/code&gt; field set to the &lt;var title=3D&quot;&quot;&gt;alg=
orithm&lt;/var&gt; structure from the previous step, and the &lt;code tit=
le=3D&quot;&quot;&gt;subjectPublicKey&lt;/code&gt; field set to the BIT S=
TRING value resulting from ASN.1 DER
+    encoding the &lt;var title=3D&quot;&quot;&gt;public key&lt;/var&gt;.=
 &lt;a href=3D#refsX690&gt;[X690]&lt;/a&gt; &lt;a href=3D#refsRFC5280&gt;=
[RFC5280]&lt;/a&gt;&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;publicKeyAndChallenge&l=
t;/var&gt; be an ASN.1 &lt;code&gt;&lt;a href=3D#publickeyandchallenge&gt=
;PublicKeyAndChallenge&lt;/a&gt;&lt;/code&gt;
+    structure as defined below, with the &lt;code title=3D&quot;&quot;&g=
t;spki&lt;/code&gt; field set to the &lt;var title=3D&quot;&quot;&gt;spki=
&lt;/var&gt; structure from the previous step, and the &lt;code title=3D&=
quot;&quot;&gt;challenge&lt;/code&gt;
+    field set to the string &lt;var title=3D&quot;&quot;&gt;challenge&lt=
;/var&gt; obtained earlier. &lt;a href=3D#refsX690&gt;[X690]&lt;/a&gt;&lt=
;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;signature&lt;/var&gt; b=
e the BIT STRING value resulting from ASN.1 DER encoding
+    the signature generated by applying the &lt;var title=3D&quot;&quot;=
&gt;signature algorithm&lt;/var&gt; to the byte
+    string obtained by ASN.1 DER encoding the &lt;var title=3D&quot;&quo=
t;&gt;publicKeyAndChallenge&lt;/var&gt; structure,
+    using &lt;var title=3D&quot;&quot;&gt;private key&lt;/var&gt; as the=
 signing key. &lt;a href=3D#refsX690&gt;[X690]&lt;/a&gt;&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;signedPublicKeyAndChall=
enge&lt;/var&gt; be an ASN.1
+    &lt;code&gt;&lt;a href=3D#signedpublickeyandchallenge&gt;SignedPubli=
cKeyAndChallenge&lt;/a&gt;&lt;/code&gt; structure as defined below, with =
the &lt;code title=3D&quot;&quot;&gt;publicKeyAndChallenge&lt;/code&gt; f=
ield set to the &lt;var title=3D&quot;&quot;&gt;publicKeyAndChallenge&lt;=
/var&gt;
+    structure, the &lt;code title=3D&quot;&quot;&gt;signatureAlgorithm&l=
t;/code&gt; field set to the &lt;var title=3D&quot;&quot;&gt;algorithm&lt=
;/var&gt; structure, and the &lt;code title=3D&quot;&quot;&gt;signature&l=
t;/code&gt; field set to the BIT
+    STRING &lt;var title=3D&quot;&quot;&gt;signature&lt;/var&gt; from th=
e previous step. &lt;a href=3D#refsX690&gt;[X690]&lt;/a&gt;&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Return the result of base64 encoding the result of ASN.1 DE=
R encoding the &lt;var title=3D&quot;&quot;&gt;signedPublicKeyAndChalleng=
e&lt;/var&gt; structure. &lt;a href=3D#refsRFC4648&gt;[RFC4648]&lt;/a&gt;=
&lt;!--base64--&gt; &lt;a href=3D#refsX690&gt;[X690]&lt;/a&gt;&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The data objects used by the above algorithm are d=
efined as follows. These definitions use the
+  same &quot;ASN.1-like&quot; syntax defined by RFC 5280. &lt;a href=3D#=
refsRFC5280&gt;[RFC5280]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;pre class=3Dasn&gt;&lt;dfn id=3Dpublickeyandchallenge&gt;PublicKey=
AndChallenge&lt;/dfn&gt; ::=3D SEQUENCE {
+    spki &lt;span&gt;SubjectPublicKeyInfo&lt;/span&gt;,
+    challenge IA5STRING
+}
+
+&lt;dfn id=3Dsignedpublickeyandchallenge&gt;SignedPublicKeyAndChallenge&=
lt;/dfn&gt; ::=3D SEQUENCE {
+    publicKeyAndChallenge &lt;a href=3D#publickeyandchallenge&gt;PublicK=
eyAndChallenge&lt;/a&gt;,
+    signatureAlgorithm &lt;span&gt;AlgorithmIdentifier&lt;/span&gt;,
+    signature BIT STRING
+}&lt;/pre&gt;
+
+  &lt;hr&gt;&lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;:=
 The &lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt;/a&gt;&lt;=
/code&gt; element is &lt;a href=3D#barred-from-constraint-validation&gt;b=
arred from
+  constraint validation&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-=
form&gt;form&lt;/a&gt;&lt;/code&gt; attribute is used to explicitly assoc=
iate the
+  &lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt;/a&gt;&lt;/c=
ode&gt; element with its &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt;=
. The &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt;name=
&lt;/a&gt;&lt;/code&gt; attribute represents the element's name. The &lt;=
code title=3Dattr-fe-disabled&gt;&lt;a href=3D#attr-fe-disabled&gt;disabl=
ed&lt;/a&gt;&lt;/code&gt; attribute is used to make the control non-inter=
active and
+  to prevent its value from being submitted. The &lt;code title=3Dattr-f=
e-autofocus&gt;&lt;a href=3D#attr-fe-autofocus&gt;autofocus&lt;/a&gt;&lt;=
/code&gt;
+  attribute controls focus.&lt;/p&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;k=
eygen&lt;/var&gt; . &lt;code title=3Dattr-keygen-type&gt;type&lt;/code&gt=
;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the string &quot;&lt;code title=3D&quot;&quot;&gt;k=
eygen&lt;/code&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-keygen-challenge title=3Ddom-keygen-chal=
lenge&gt;&lt;code&gt;challenge&lt;/code&gt;&lt;/dfn&gt; IDL attribute mus=
t
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content attribute of th=
e same name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-keygen-keytype title=3Ddom-keygen-keytyp=
e&gt;&lt;code&gt;keytype&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content attribute of th=
e same name, &lt;a href=3D#limited-to-only-known-values&gt;limited to onl=
y known
+  values&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-keygen-type title=3Ddom-keygen-type&gt;&=
lt;code&gt;type&lt;/code&gt;&lt;/dfn&gt; IDL attribute must return the va=
lue
+  &quot;&lt;code title=3D&quot;&quot;&gt;keygen&lt;/code&gt;&quot;.&lt;/=
p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-cva-willValidate&gt;&lt;a href=3D#do=
m-cva-willvalidate&gt;willValidate&lt;/a&gt;&lt;/code&gt;, &lt;code title=
=3Ddom-cva-validity&gt;&lt;a href=3D#dom-cva-validity&gt;validity&lt;/a&g=
t;&lt;/code&gt;, and &lt;code title=3Ddom-cva-validationMessage&gt;&lt;a =
href=3D#dom-cva-validationmessage&gt;validationMessage&lt;/a&gt;&lt;/code=
&gt; IDL attributes, and the &lt;code title=3Ddom-cva-checkValidity&gt;&l=
t;a href=3D#dom-cva-checkvalidity&gt;checkValidity()&lt;/a&gt;&lt;/code&g=
t;, &lt;code title=3Ddom-cva-reportValidity&gt;&lt;a href=3D#dom-cva-repo=
rtvalidity&gt;reportValidity()&lt;/a&gt;&lt;/code&gt;, and &lt;code title=
=3Ddom-cva-setCustomValidity&gt;&lt;a href=3D#dom-cva-setcustomvalidity&g=
t;setCustomValidity()&lt;/a&gt;&lt;/code&gt; methods, are part of the
+  &lt;a href=3D#the-constraint-validation-api&gt;constraint validation A=
PI&lt;/a&gt;. The &lt;code title=3Ddom-lfe-labels&gt;&lt;a href=3D#dom-lf=
e-labels&gt;labels&lt;/a&gt;&lt;/code&gt; IDL
+  attribute provides a list of the element's &lt;code&gt;&lt;a href=3D#t=
he-label-element&gt;label&lt;/a&gt;&lt;/code&gt;s. The &lt;code title=3Dd=
om-fe-autofocus&gt;&lt;a href=3D#dom-fe-autofocus&gt;autofocus&lt;/a&gt;&=
lt;/code&gt;, &lt;code title=3Ddom-fe-disabled&gt;&lt;a href=3D#dom-fe-di=
sabled&gt;disabled&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-fae-form&=
gt;&lt;a href=3D#dom-fae-form&gt;form&lt;/a&gt;&lt;/code&gt;, and &lt;cod=
e title=3Ddom-fe-name&gt;&lt;a href=3D#dom-fe-name&gt;name&lt;/a&gt;&lt;/=
code&gt; IDL attributes are
+  part of the element's forms API.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+  &lt;p class=3Dnote&gt;This specification does not specify how the priv=
ate key generated is to be used.
+  It is expected that after receiving the &lt;code&gt;&lt;a href=3D#sign=
edpublickeyandchallenge&gt;SignedPublicKeyAndChallenge&lt;/a&gt;&lt;/code=
&gt; (SPKAC)
+  structure, the server will generate a client certificate and offer it =
back to the user for
+  download; this certificate, once downloaded and stored in the key stor=
e along with the private
+  key, can then be used to authenticate to services that use TLS and cer=
tificate authentication.&lt;/p&gt;
+
+  &lt;!-- how does the UA know which private key is associated with a ce=
rtificate it gets back after
+  the server has taken the public key created by &lt;keygen&gt; and turn=
ed it into a client cert? --&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;To generate a key pair, add the private key to the user's ke=
y store, and submit the public key
+   to the server, markup such as the following can be used:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;form action=3D&quot;processkey.cgi&quot; method=3D=
&quot;post&quot; enctype=3D&quot;multipart/form-data&quot;&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;keygen name=3D&quot;key&quot;&amp;gt;&amp;lt;/=
p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;input type=3Dsubmit value=3D&quot;Submit key..=
.&quot;&amp;gt;&amp;lt;/p&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;The server will then receive a form submission with a packag=
ed RSA public key as the value of
+   &quot;&lt;code title=3D&quot;&quot;&gt;key&lt;/code&gt;&quot;. This c=
an then be used for various purposes, such as generating a
+   client certificate, as mentioned above.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dthe-output-element&gt;&lt;span class=3Dsecno&gt;4.10.13 &l=
t;/span&gt;The &lt;dfn&gt;&lt;code&gt;output&lt;/code&gt;&lt;/dfn&gt; ele=
ment&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#category-listed title=3Dcategory-listed&gt;Li=
sted&lt;/a&gt;, &lt;a href=3D#category-label title=3Dcategory-label&gt;la=
belable&lt;/a&gt;, &lt;a href=3D#category-reset title=3Dcategory-reset&gt=
;resettable&lt;/a&gt;, and &lt;a href=3D#category-form-attr title=3Dcateg=
ory-form-attr&gt;reassociateable&lt;/a&gt; &lt;a href=3D#form-associated-=
element&gt;form-associated element&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#palpable-content&gt;Palpable content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#phrasing-content&gt;phrasing content&lt=
;/a&gt; is expected.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-output-for&gt;&lt;a href=3D#attr-outp=
ut-for&gt;for&lt;/a&gt;&lt;/code&gt; &amp;mdash; Specifies controls from =
which the output was calculated&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-fo=
rm&gt;form&lt;/a&gt;&lt;/code&gt; &amp;mdash; Associates the control with=
 a &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&=
gt; element&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name=
&gt;name&lt;/a&gt;&lt;/code&gt; &amp;mdash; Name of form control to use f=
or &lt;a href=3D#form-submission&gt;form submission&lt;/a&gt; and in the =
&lt;code title=3Ddom-form-elements&gt;&lt;a href=3D#dom-form-elements&gt;=
form.elements&lt;/a&gt;&lt;/code&gt; API&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmloutputelement&gt;HTMLO=
utputElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a=
&gt; {
+  [PutForwards=3D&lt;span title=3Ddom-DOMSettableTokenList-value&gt;valu=
e&lt;/span&gt;] readonly attribute &lt;a href=3D#domsettabletokenlist&gt;=
DOMSettableTokenList&lt;/a&gt; &lt;a href=3D#dom-output-htmlfor title=3Dd=
om-output-htmlFor&gt;htmlFor&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#htmlformelement&gt;HTMLFormElement&lt=
;/a&gt;? &lt;a href=3D#dom-fae-form title=3Ddom-fae-form&gt;form&lt;/a&gt=
;;
+           attribute DOMString &lt;a href=3D#dom-fe-name title=3Ddom-fe-=
name&gt;name&lt;/a&gt;;
+
+  readonly attribute DOMString &lt;a href=3D#dom-output-type title=3Ddom=
-output-type&gt;type&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-output-defaultvalue tit=
le=3Ddom-output-defaultValue&gt;defaultValue&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-output-value title=3Ddo=
m-output-value&gt;value&lt;/a&gt;;
+
+  readonly attribute boolean &lt;a href=3D#dom-cva-willvalidate title=3D=
dom-cva-willValidate&gt;willValidate&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#validitystate&gt;ValidityState&lt;/a&=
gt; &lt;a href=3D#dom-cva-validity title=3Ddom-cva-validity&gt;validity&l=
t;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-cva-validationmessage t=
itle=3Ddom-cva-validationMessage&gt;validationMessage&lt;/a&gt;;
+  boolean &lt;a href=3D#dom-cva-checkvalidity title=3Ddom-cva-checkValid=
ity&gt;checkValidity&lt;/a&gt;();
+  boolean &lt;a href=3D#dom-cva-reportvalidity title=3Ddom-cva-reportVal=
idity&gt;reportValidity&lt;/a&gt;();
+  void &lt;a href=3D#dom-cva-setcustomvalidity title=3Ddom-cva-setCustom=
Validity&gt;setCustomValidity&lt;/a&gt;(DOMString error);
+
+  readonly attribute &lt;a href=3D#nodelist&gt;NodeList&lt;/a&gt; &lt;a =
href=3D#dom-lfe-labels title=3Ddom-lfe-labels&gt;labels&lt;/a&gt;;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-output-element&gt;output&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D=
#represents&gt;represents&lt;/a&gt; the result of a calculation or user
+  action.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-output-for title=3Dattr-output-for&gt;&=
lt;code&gt;for&lt;/code&gt;&lt;/dfn&gt; content attribute allows an expli=
cit
+  relationship to be made between the result of a calculation and the el=
ements that represent the
+  values that went into the calculation or that otherwise influenced the=
 calculation. The &lt;code title=3Dattr-output-for&gt;&lt;a href=3D#attr-=
output-for&gt;for&lt;/a&gt;&lt;/code&gt; attribute, if specified, must co=
ntain a string consisting of an
+  &lt;a href=3D#unordered-set-of-unique-space-separated-tokens&gt;unorde=
red set of unique space-separated tokens&lt;/a&gt; that are &lt;a href=3D=
#case-sensitive&gt;case-sensitive&lt;/a&gt;,
+  each of which must have the value of an &lt;a href=3D#concept-id title=
=3Dconcept-id&gt;ID&lt;/a&gt; of an element in the
+  same &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code=
&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-=
form&gt;form&lt;/a&gt;&lt;/code&gt; attribute is used to explicitly assoc=
iate the
+  &lt;code&gt;&lt;a href=3D#the-output-element&gt;output&lt;/a&gt;&lt;/c=
ode&gt; element with its &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt;=
. The &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt;name=
&lt;/a&gt;&lt;/code&gt; attribute represents the element's name.&lt;/p&gt=
;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The element has a &lt;dfn id=3Dconcept-output-mode title=3Dco=
ncept-output-mode&gt;value mode flag&lt;/dfn&gt; which is either &lt;i ti=
tle=3Dconcept-output-mode-value&gt;value&lt;/i&gt; or &lt;i title=3Dconce=
pt-output-mode-default&gt;default&lt;/i&gt;.
+  Initially, the &lt;a href=3D#concept-output-mode title=3Dconcept-outpu=
t-mode&gt;value mode flag&lt;/a&gt; must be set to &lt;i title=3Dconcept-=
output-mode-default&gt;default&lt;/i&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The element also has a &lt;dfn id=3Dconcept-output-defaultval=
ue title=3Dconcept-output-defaultValue&gt;default value&lt;/dfn&gt;. Init=
ially,
+  the &lt;a href=3D#concept-output-defaultvalue title=3Dconcept-output-d=
efaultValue&gt;default value&lt;/a&gt; must be the empty string.&lt;/p&gt=
;
+
+  &lt;p&gt;When the &lt;a href=3D#concept-output-mode title=3Dconcept-ou=
tput-mode&gt;value mode flag&lt;/a&gt; is in mode &lt;i title=3Dconcept-o=
utput-mode-default&gt;default&lt;/i&gt;, the contents of the element repr=
esent both the
+  value of the element and its &lt;a href=3D#concept-output-defaultvalue=
 title=3Dconcept-output-defaultValue&gt;default value&lt;/a&gt;. When
+  the &lt;a href=3D#concept-output-mode title=3Dconcept-output-mode&gt;v=
alue mode flag&lt;/a&gt; is in mode &lt;i title=3Dconcept-output-mode-val=
ue&gt;value&lt;/i&gt;, the contents of the element represent the value of
+  the element only, and the &lt;a href=3D#concept-output-defaultvalue ti=
tle=3Dconcept-output-defaultValue&gt;default value&lt;/a&gt; is only
+  accessible using the &lt;code title=3Ddom-output-defaultValue&gt;&lt;a=
 href=3D#dom-output-defaultvalue&gt;defaultValue&lt;/a&gt;&lt;/code&gt; I=
DL attribute.&lt;/p&gt;
+
+  &lt;p&gt;Whenever the element's descendants are changed in any way, if=
 the &lt;a href=3D#concept-output-mode title=3Dconcept-output-mode&gt;val=
ue mode flag&lt;/a&gt; is in mode &lt;i title=3Dconcept-output-mode-defau=
lt&gt;default&lt;/i&gt;, the element's &lt;a href=3D#concept-output-defau=
ltvalue title=3Dconcept-output-defaultValue&gt;default value&lt;/a&gt; mu=
st be set to the value of the element's
+  &lt;code&gt;&lt;a href=3D#textcontent&gt;textContent&lt;/a&gt;&lt;/cod=
e&gt; IDL attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#concept-form-reset-control title=3Dconcept-=
form-reset-control&gt;reset algorithm&lt;/a&gt; for &lt;code&gt;&lt;a hre=
f=3D#the-output-element&gt;output&lt;/a&gt;&lt;/code&gt;
+  elements is to set the element's &lt;a href=3D#concept-output-mode tit=
le=3Dconcept-output-mode&gt;value mode flag&lt;/a&gt; to &lt;i title=3Dco=
ncept-output-mode-default&gt;default&lt;/i&gt; and then to set the elemen=
t's
+  &lt;code&gt;&lt;a href=3D#textcontent&gt;textContent&lt;/a&gt;&lt;/cod=
e&gt; IDL attribute to the value of the element's &lt;a href=3D#concept-o=
utput-defaultvalue title=3Dconcept-output-defaultValue&gt;default value&l=
t;/a&gt; (thus replacing the element's child
+  nodes).&lt;/p&gt;
+
+  &lt;/div&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;o=
utput&lt;/var&gt; . &lt;code title=3Ddom-output-value&gt;&lt;a href=3D#do=
m-output-value&gt;value&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quo=
t;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the element's current value.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the value.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;output&lt;/var&gt; . &lt;co=
de title=3Ddom-output-defaultValue&gt;&lt;a href=3D#dom-output-defaultval=
ue&gt;defaultValue&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&qu=
ot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the element's current default value.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the default value.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;output&lt;/var&gt; . &lt;co=
de title=3Ddom-output-type&gt;&lt;a href=3D#dom-output-type&gt;type&lt;/a=
&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the string &quot;&lt;code title=3D&quot;&quot;&gt;o=
utput&lt;/code&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-output-value title=3Ddom-output-value&gt=
;&lt;code&gt;value&lt;/code&gt;&lt;/dfn&gt; IDL attribute must act like t=
he
+  element's &lt;code&gt;&lt;a href=3D#textcontent&gt;textContent&lt;/a&g=
t;&lt;/code&gt; IDL attribute, except that on setting, in addition, befor=
e the
+  child nodes are changed, the element's &lt;a href=3D#concept-output-mo=
de title=3Dconcept-output-mode&gt;value mode flag&lt;/a&gt;
+  must be set to &lt;i title=3Dconcept-output-mode-value&gt;value&lt;/i&=
gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-output-defaultvalue title=3Ddom-output-d=
efaultValue&gt;&lt;code&gt;defaultValue&lt;/code&gt;&lt;/dfn&gt; IDL attr=
ibute, on
+  getting, must return the element's &lt;a href=3D#concept-output-defaul=
tvalue title=3Dconcept-output-defaultValue&gt;default value&lt;/a&gt;.
+  On setting, the attribute must set the element's &lt;a href=3D#concept=
-output-defaultvalue title=3Dconcept-output-defaultValue&gt;default
+  value&lt;/a&gt;, and, if the element's &lt;a href=3D#concept-output-mo=
de title=3Dconcept-output-mode&gt;value mode flag&lt;/a&gt; is in
+  the mode &lt;i title=3Dconcept-output-mode-default&gt;default&lt;/i&gt=
;, set the element's
+  &lt;code&gt;&lt;a href=3D#textcontent&gt;textContent&lt;/a&gt;&lt;/cod=
e&gt; IDL attribute as well.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-output-type title=3Ddom-output-type&gt;&=
lt;code&gt;type&lt;/code&gt;&lt;/dfn&gt; attribute must return the string
+  &quot;&lt;code title=3D&quot;&quot;&gt;output&lt;/code&gt;&quot;.&lt;/=
p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-output-htmlfor title=3Ddom-output-htmlFo=
r&gt;&lt;code&gt;htmlFor&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-o=
utput-for&gt;&lt;a href=3D#attr-output-for&gt;for&lt;/a&gt;&lt;/code&gt; =
content attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-cva-willValidate&gt;&lt;a href=3D#do=
m-cva-willvalidate&gt;willValidate&lt;/a&gt;&lt;/code&gt;, &lt;code title=
=3Ddom-cva-validity&gt;&lt;a href=3D#dom-cva-validity&gt;validity&lt;/a&g=
t;&lt;/code&gt;, and &lt;code title=3Ddom-cva-validationMessage&gt;&lt;a =
href=3D#dom-cva-validationmessage&gt;validationMessage&lt;/a&gt;&lt;/code=
&gt; IDL attributes, and the &lt;code title=3Ddom-cva-checkValidity&gt;&l=
t;a href=3D#dom-cva-checkvalidity&gt;checkValidity()&lt;/a&gt;&lt;/code&g=
t;, &lt;code title=3Ddom-cva-reportValidity&gt;&lt;a href=3D#dom-cva-repo=
rtvalidity&gt;reportValidity()&lt;/a&gt;&lt;/code&gt;, and &lt;code title=
=3Ddom-cva-setCustomValidity&gt;&lt;a href=3D#dom-cva-setcustomvalidity&g=
t;setCustomValidity()&lt;/a&gt;&lt;/code&gt; methods, are part of the
+  &lt;a href=3D#the-constraint-validation-api&gt;constraint validation A=
PI&lt;/a&gt;. The &lt;code title=3Ddom-lfe-labels&gt;&lt;a href=3D#dom-lf=
e-labels&gt;labels&lt;/a&gt;&lt;/code&gt; IDL
+  attribute provides a list of the element's &lt;code&gt;&lt;a href=3D#t=
he-label-element&gt;label&lt;/a&gt;&lt;/code&gt;s. The &lt;code title=3Dd=
om-fae-form&gt;&lt;a href=3D#dom-fae-form&gt;form&lt;/a&gt;&lt;/code&gt; =
and &lt;code title=3Ddom-fe-name&gt;&lt;a href=3D#dom-fe-name&gt;name&lt;=
/a&gt;&lt;/code&gt; IDL attributes are part
+  of the element's forms API.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;A simple calculator could use &lt;code&gt;&lt;a href=3D#the-=
output-element&gt;output&lt;/a&gt;&lt;/code&gt; for its display of calcul=
ated results:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;form onsubmit=3D&quot;return false&quot; oninput=3D=
&quot;o.value =3D a.valueAsNumber + b.valueAsNumber&quot;&amp;gt;
+ &amp;lt;input name=3Da type=3Dnumber step=3Dany&amp;gt; +
+ &amp;lt;input name=3Db type=3Dnumber step=3Dany&amp;gt; =3D
+ &amp;lt;output name=3Do&amp;gt;&amp;lt;/output&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dthe-progress-element&gt;&lt;span class=3Dsecno&gt;4.10.14 =
&lt;/span&gt;The &lt;dfn&gt;&lt;code&gt;progress&lt;/code&gt;&lt;/dfn&gt;=
 element&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#category-label title=3Dcategory-label&gt;Labe=
lable element&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#palpable-content&gt;Palpable content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#phrasing-content&gt;phrasing content&lt=
;/a&gt; is expected.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;, but there must be no &lt;code&gt;&lt;a href=3D#the-progress-element&gt=
;progress&lt;/a&gt;&lt;/code&gt; element descendants.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-progress-value&gt;&lt;a href=3D#attr-=
progress-value&gt;value&lt;/a&gt;&lt;/code&gt; &amp;mdash; Current value =
of the element&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-progress-max&gt;&lt;a href=3D#attr-pr=
ogress-max&gt;max&lt;/a&gt;&lt;/code&gt; &amp;mdash; Upper bound of range=
&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmlprogresselement&gt;HTM=
LProgressElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&l=
t;/a&gt; {
+           attribute double &lt;a href=3D#dom-progress-value title=3Ddom=
-progress-value&gt;value&lt;/a&gt;;
+           attribute double &lt;a href=3D#dom-progress-max title=3Ddom-p=
rogress-max&gt;max&lt;/a&gt;;
+  readonly attribute double &lt;a href=3D#dom-progress-position title=3D=
dom-progress-position&gt;position&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#nodelist&gt;NodeList&lt;/a&gt; &lt;a =
href=3D#dom-lfe-labels title=3Ddom-lfe-labels&gt;labels&lt;/a&gt;;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-progress-element&gt;progress&lt;/a&gt;&lt;/code&gt; element &lt;a hr=
ef=3D#represents&gt;represents&lt;/a&gt; the completion progress of a tas=
k.
+  The progress is either indeterminate, indicating that progress is bein=
g made but that it is not
+  clear how much more work remains to be done before the task is complet=
e (e.g. because the task is
+  waiting for a remote host to respond), or the progress is a number in =
the range zero to a maximum,
+  giving the fraction of work that has so far been completed.&lt;/p&gt;
+
+  &lt;p&gt;There are two attributes that determine the current task comp=
letion represented by the element.
+  The &lt;dfn id=3Dattr-progress-value title=3Dattr-progress-value&gt;&l=
t;code&gt;value&lt;/code&gt;&lt;/dfn&gt; attribute specifies how much of =
the
+  task has been completed, and the &lt;dfn id=3Dattr-progress-max title=3D=
attr-progress-max&gt;&lt;code&gt;max&lt;/code&gt;&lt;/dfn&gt; attribute
+  specifies how much work the task requires in total. The units are arbi=
trary and not specified.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;To make a determinate progress bar, add a &lt;co=
de title=3Dattr-progress-value&gt;&lt;a href=3D#attr-progress-value&gt;va=
lue&lt;/a&gt;&lt;/code&gt; attribute with the current progress (either a =
number from
+  0.0 to 1.0, or, if the &lt;code title=3Dattr-progress-max&gt;&lt;a hre=
f=3D#attr-progress-max&gt;max&lt;/a&gt;&lt;/code&gt; attribute is specifi=
ed, a number
+  from 0 to the value of the &lt;code title=3Dattr-progress-max&gt;&lt;a=
 href=3D#attr-progress-max&gt;max&lt;/a&gt;&lt;/code&gt; attribute). To m=
ake an
+  indeterminate progress bar, remove the &lt;code title=3Dattr-progress-=
value&gt;&lt;a href=3D#attr-progress-value&gt;value&lt;/a&gt;&lt;/code&gt=
;
+  attribute.&lt;/p&gt;
+
+  &lt;p&gt;Authors are encouraged to also include the current value and =
the maximum value inline as text
+  inside the element, so that the progress is made available to users of=
 legacy user agents.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here is a snippet of a Web application that shows the progre=
ss of some automated task:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;section&amp;gt;
+ &amp;lt;h2&amp;gt;Task Progress&amp;lt;/h2&amp;gt;
+ &amp;lt;p&amp;gt;Progress: &amp;lt;progress id=3D&quot;p&quot; max=3D10=
0&amp;gt;&amp;lt;span&amp;gt;0&amp;lt;/span&amp;gt;%&amp;lt;/progress&amp=
;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;script&amp;gt;
+  var progressBar =3D document.getElementById('p');
+  function updateProgress(newValue) {
+    progressBar.value =3D newValue;
+    progressBar.getElementsByTagName('span')[0].textContent =3D newValue=
;
+  }
+ &amp;lt;/script&amp;gt;
+&amp;lt;/section&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;(The &lt;code&gt;updateProgress()&lt;/code&gt; method in thi=
s example would be called by some other code
+   on the page to update the actual progress bar as the task progressed.=
)&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-progress-value&gt;&lt;a href=3D#att=
r-progress-value&gt;value&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Datt=
r-progress-max&gt;&lt;a href=3D#attr-progress-max&gt;max&lt;/a&gt;&lt;/co=
de&gt; attributes, when present, must have values that are &lt;a href=3D#=
valid-floating-point-number title=3D&quot;valid floating-point number&quo=
t;&gt;valid floating-point numbers&lt;/a&gt;. The &lt;code title=3Dattr-p=
rogress-value&gt;&lt;a href=3D#attr-progress-value&gt;value&lt;/a&gt;&lt;=
/code&gt; attribute, if present, must have a value equal to or
+  greater than zero, and less than or equal to the value of the &lt;code=
 title=3Dattr-progress-max&gt;&lt;a href=3D#attr-progress-max&gt;max&lt;/=
a&gt;&lt;/code&gt; attribute, if present, or 1.0, otherwise. The &lt;code=
 title=3Dattr-progress-max&gt;&lt;a href=3D#attr-progress-max&gt;max&lt;/=
a&gt;&lt;/code&gt; attribute, if present, must have a value greater than
+  zero.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code&gt;&lt;a href=3D#the-progress-eleme=
nt&gt;progress&lt;/a&gt;&lt;/code&gt; element is the wrong element to use=
 for something that
+  is just a gauge, as opposed to task progress. For instance, indicating=
 disk space usage using
+  &lt;code&gt;&lt;a href=3D#the-progress-element&gt;progress&lt;/a&gt;&l=
t;/code&gt; would be inappropriate. Instead, the &lt;code&gt;&lt;a href=3D=
#the-meter-element&gt;meter&lt;/a&gt;&lt;/code&gt; element is available
+  for such use cases.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;User agent requirements&lt;/strong&gt;: If the =
&lt;code title=3Dattr-progress-value&gt;&lt;a href=3D#attr-progress-value=
&gt;value&lt;/a&gt;&lt;/code&gt;
+  attribute is omitted, then the progress bar is an indeterminate progre=
ss bar. Otherwise, it is a
+  determinate progress bar.&lt;/p&gt;
+
+  &lt;p&gt;If the progress bar is a determinate progress bar and the ele=
ment has a &lt;code title=3Dattr-progress-max&gt;&lt;a href=3D#attr-progr=
ess-max&gt;max&lt;/a&gt;&lt;/code&gt; attribute, the user agent must pars=
e the &lt;code title=3Dattr-progress-max&gt;&lt;a href=3D#attr-progress-m=
ax&gt;max&lt;/a&gt;&lt;/code&gt; attribute's value according to the &lt;a=
 href=3D#rules-for-parsing-floating-point-number-values&gt;rules for pars=
ing
+  floating-point number values&lt;/a&gt;. If this does not result in an =
error, and if the parsed value
+  is greater than zero, then the &lt;dfn id=3Dconcept-progress-maximum t=
itle=3Dconcept-progress-maximum&gt;maximum value&lt;/dfn&gt; of the
+  progress bar is that value. Otherwise, if the element has no &lt;code =
title=3Dattr-progress-max&gt;&lt;a href=3D#attr-progress-max&gt;max&lt;/a=
&gt;&lt;/code&gt; attribute, or if it has one but parsing it resulted in =
an
+  error, or if the parsed value was less than or equal to zero, then the=
 &lt;a href=3D#concept-progress-maximum title=3Dconcept-progress-maximum&=
gt;maximum value&lt;/a&gt; of the progress bar is 1.0.&lt;/p&gt;
+
+  &lt;p&gt;If the progress bar is a determinate progress bar, user agent=
s must parse the &lt;code title=3Dattr-progress-value&gt;&lt;a href=3D#at=
tr-progress-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute's value accor=
ding to the &lt;a href=3D#rules-for-parsing-floating-point-number-values&=
gt;rules for
+  parsing floating-point number values&lt;/a&gt;. If this does not resul=
t in an error, and if the
+  parsed value is less than the &lt;a href=3D#concept-progress-maximum t=
itle=3Dconcept-progress-maximum&gt;maximum value&lt;/a&gt; and
+  greater than zero, then the &lt;dfn id=3Dconcept-progress-value title=3D=
concept-progress-value&gt;current value&lt;/dfn&gt; of the
+  progress bar is that parsed value. Otherwise, if the parsed value was =
greater than or equal to the
+  &lt;a href=3D#concept-progress-maximum title=3Dconcept-progress-maximu=
m&gt;maximum value&lt;/a&gt;, then the &lt;a href=3D#concept-progress-val=
ue title=3Dconcept-progress-value&gt;current value&lt;/a&gt; of the progr=
ess bar is the &lt;a href=3D#concept-progress-maximum title=3Dconcept-pro=
gress-maximum&gt;maximum value&lt;/a&gt; of the progress bar. Otherwise, =
if parsing
+  the &lt;code title=3Dattr-progress-value&gt;&lt;a href=3D#attr-progres=
s-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute's value resulted in an =
error, or a
+  number less than or equal to zero, then the &lt;a href=3D#concept-prog=
ress-value title=3Dconcept-progress-value&gt;current
+  value&lt;/a&gt; of the progress bar is zero.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;UA requirements for showing the progress bar&lt=
;/strong&gt;: When representing a
+  &lt;code&gt;&lt;a href=3D#the-progress-element&gt;progress&lt;/a&gt;&l=
t;/code&gt; element to the user, the UA should indicate whether it is a d=
eterminate or
+  indeterminate progress bar, and in the former case, should indicate th=
e relative position of the
+  &lt;a href=3D#concept-progress-value title=3Dconcept-progress-value&gt=
;current value&lt;/a&gt; relative to the &lt;a href=3D#concept-progress-m=
aximum title=3Dconcept-progress-maximum&gt;maximum value&lt;/a&gt;.&lt;/p=
&gt;
+
+  &lt;/div&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;p=
rogress&lt;/var&gt; . &lt;code title=3Ddom-progress-position&gt;&lt;a hre=
f=3D#dom-progress-position&gt;position&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;For a determinate progress bar (one with known current and =
maximum values), returns the
+    result of dividing the current value by the maximum value.&lt;/p&gt;
+
+    &lt;p&gt;For an indeterminate progress bar, returns &amp;minus;1.&lt=
;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;If the progress bar is an indeterminate progress bar, then th=
e &lt;dfn id=3Ddom-progress-position title=3Ddom-progress-position&gt;&lt=
;code&gt;position&lt;/code&gt;&lt;/dfn&gt; IDL attribute must return &amp=
;minus;1.
+  Otherwise, it must return the result of dividing the &lt;a href=3D#con=
cept-progress-value title=3Dconcept-progress-value&gt;current
+  value&lt;/a&gt; by the &lt;a href=3D#concept-progress-maximum title=3D=
concept-progress-maximum&gt;maximum value&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;If the progress bar is an indeterminate progress bar, then th=
e &lt;dfn id=3Ddom-progress-value title=3Ddom-progress-value&gt;&lt;code&=
gt;value&lt;/code&gt;&lt;/dfn&gt; IDL attribute, on getting, must return =
0.
+  Otherwise, it must return the &lt;a href=3D#concept-progress-value tit=
le=3Dconcept-progress-value&gt;current value&lt;/a&gt;. On
+  setting, the given value must be converted to the &lt;a href=3D#best-r=
epresentation-of-the-number-as-a-floating-point-number&gt;best representa=
tion of the number as a
+  floating-point number&lt;/a&gt; and then the &lt;code title=3Ddom-prog=
ress-value&gt;&lt;a href=3D#dom-progress-value&gt;value&lt;/a&gt;&lt;/cod=
e&gt; content
+  attribute must be set to that string.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Setting the &lt;code title=3Ddom-progress-value&=
gt;&lt;a href=3D#dom-progress-value&gt;value&lt;/a&gt;&lt;/code&gt; IDL a=
ttribute to itself
+  when the corresponding content attribute is absent would change the pr=
ogress bar from an
+  indeterminate progress bar to a determinate progress bar with no progr=
ess.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-progress-max title=3Ddom-progress-max&gt=
;&lt;code&gt;max&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content attribute of th=
e same name, &lt;a href=3D#limited-to-numbers-greater-than-zero&gt;limite=
d to numbers greater than
+  zero&lt;/a&gt;. The default value for &lt;code title=3Ddom-progress-ma=
x&gt;&lt;a href=3D#dom-progress-max&gt;max&lt;/a&gt;&lt;/code&gt; is 1.0.=
&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-lfe-labels&gt;&lt;a href=3D#dom-lfe-=
labels&gt;labels&lt;/a&gt;&lt;/code&gt; IDL attribute provides a list of =
the element's
+  &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;/cod=
e&gt;s.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+
+
+  &lt;h4 id=3Dthe-meter-element&gt;&lt;span class=3Dsecno&gt;4.10.15 &lt=
;/span&gt;The &lt;dfn&gt;&lt;code&gt;meter&lt;/code&gt;&lt;/dfn&gt; eleme=
nt&lt;/h4&gt;
+  &lt;!-- Keep this after &lt;progress&gt; and NOT close to &lt;time&gt;=
 --&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#category-label title=3Dcategory-label&gt;Labe=
lable element&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#palpable-content&gt;Palpable content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#phrasing-content&gt;phrasing content&lt=
;/a&gt; is expected.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;, but there must be no &lt;code&gt;&lt;a href=3D#the-meter-element&gt;me=
ter&lt;/a&gt;&lt;/code&gt; element descendants.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-meter-value&gt;&lt;a href=3D#attr-met=
er-value&gt;value&lt;/a&gt;&lt;/code&gt; &amp;mdash; Current value of the=
 element&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-meter-min&gt;&lt;a href=3D#attr-meter=
-min&gt;min&lt;/a&gt;&lt;/code&gt; &amp;mdash; Lower bound of range&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-meter-max&gt;&lt;a href=3D#attr-meter=
-max&gt;max&lt;/a&gt;&lt;/code&gt; &amp;mdash; Upper bound of range&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-meter-low&gt;&lt;a href=3D#attr-meter=
-low&gt;low&lt;/a&gt;&lt;/code&gt; &amp;mdash; High limit of low range&lt=
;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-meter-high&gt;&lt;a href=3D#attr-mete=
r-high&gt;high&lt;/a&gt;&lt;/code&gt; &amp;mdash; Low limit of high range=
&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-meter-optimum&gt;&lt;a href=3D#attr-m=
eter-optimum&gt;optimum&lt;/a&gt;&lt;/code&gt; &amp;mdash; Optimum value =
in gauge&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmlmeterelement&gt;HTMLMe=
terElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&g=
t; {
+           attribute double &lt;a href=3D#dom-meter-value title=3Ddom-me=
ter-value&gt;value&lt;/a&gt;;
+           attribute double &lt;a href=3D#dom-meter-min title=3Ddom-mete=
r-min&gt;min&lt;/a&gt;;
+           attribute double &lt;a href=3D#dom-meter-max title=3Ddom-mete=
r-max&gt;max&lt;/a&gt;;
+           attribute double &lt;a href=3D#dom-meter-low title=3Ddom-mete=
r-low&gt;low&lt;/a&gt;;
+           attribute double &lt;a href=3D#dom-meter-high title=3Ddom-met=
er-high&gt;high&lt;/a&gt;;
+           attribute double &lt;a href=3D#dom-meter-optimum title=3Ddom-=
meter-optimum&gt;optimum&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#nodelist&gt;NodeList&lt;/a&gt; &lt;a =
href=3D#dom-lfe-labels title=3Ddom-lfe-labels&gt;labels&lt;/a&gt;;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-meter-element&gt;meter&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D#=
represents&gt;represents&lt;/a&gt; a scalar measurement within a known
+  range, or a fractional value; for example disk usage, the relevance of=
 a query result, or the
+  fraction of a voting population to have selected a particular candidat=
e.&lt;/p&gt;
+
+  &lt;p&gt;This is also known as a gauge.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code&gt;&lt;a href=3D#the-meter-element&=
gt;meter&lt;/a&gt;&lt;/code&gt; element should not be used to indicate pr=
ogress (as in a
+  progress bar). For that role, HTML provides a separate &lt;code&gt;&lt=
;a href=3D#the-progress-element&gt;progress&lt;/a&gt;&lt;/code&gt; elemen=
t.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code&gt;&lt;a href=3D#the-meter-element&=
gt;meter&lt;/a&gt;&lt;/code&gt; element also does not represent a scalar =
value of arbitrary
+  range &amp;mdash; for example, it would be wrong to use this to report=
 a weight, or height, unless
+  there is a known maximum value.&lt;/p&gt;
+
+  &lt;p&gt;There are six attributes that determine the semantics of the =
gauge represented by the
+  element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-meter-min title=3Dattr-meter-min&gt;&lt=
;code&gt;min&lt;/code&gt;&lt;/dfn&gt; attribute specifies the lower bound=
 of
+  the range, and the &lt;dfn id=3Dattr-meter-max title=3Dattr-meter-max&=
gt;&lt;code&gt;max&lt;/code&gt;&lt;/dfn&gt; attribute specifies the
+  upper bound. The &lt;dfn id=3Dattr-meter-value title=3Dattr-meter-valu=
e&gt;&lt;code&gt;value&lt;/code&gt;&lt;/dfn&gt; attribute specifies the
+  value to have the gauge indicate as the &quot;measured&quot; value.&lt=
;/p&gt;
+
+  &lt;p&gt;The other three attributes can be used to segment the gauge's=
 range into &quot;low&quot;, &quot;medium&quot;, and
+  &quot;high&quot; parts, and to indicate which part of the gauge is the=
 &quot;optimum&quot; part. The &lt;dfn id=3Dattr-meter-low title=3Dattr-m=
eter-low&gt;&lt;code&gt;low&lt;/code&gt;&lt;/dfn&gt; attribute specifies =
the range that is considered to
+  be the &quot;low&quot; part, and the &lt;dfn id=3Dattr-meter-high titl=
e=3Dattr-meter-high&gt;&lt;code&gt;high&lt;/code&gt;&lt;/dfn&gt; attribut=
e
+  specifies the range that is considered to be the &quot;high&quot; part=
. The &lt;dfn id=3Dattr-meter-optimum title=3Dattr-meter-optimum&gt;&lt;c=
ode&gt;optimum&lt;/code&gt;&lt;/dfn&gt; attribute gives the position that=
 is
+  &quot;optimum&quot;; if that is higher than the &quot;high&quot; value=
 then this indicates that the higher the value,
+  the better; if it's lower than the &quot;low&quot; mark then it indica=
tes that lower values are better, and
+  naturally if it is in between then it indicates that neither high nor =
low values are good.&lt;/p&gt;
+
+  &lt;p&gt;&lt;span class=3Dimpl&gt;&lt;strong&gt;Authoring requirements=
&lt;/strong&gt;:&lt;/span&gt; The &lt;code title=3Dattr-meter-value&gt;&l=
t;a href=3D#attr-meter-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute mu=
st be specified. The &lt;code title=3Dattr-meter-value&gt;&lt;a href=3D#a=
ttr-meter-value&gt;value&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-me=
ter-min&gt;&lt;a href=3D#attr-meter-min&gt;min&lt;/a&gt;&lt;/code&gt;, &l=
t;code title=3Dattr-meter-low&gt;&lt;a href=3D#attr-meter-low&gt;low&lt;/=
a&gt;&lt;/code&gt;, &lt;code title=3Dattr-meter-high&gt;&lt;a href=3D#att=
r-meter-high&gt;high&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-meter-=
max&gt;&lt;a href=3D#attr-meter-max&gt;max&lt;/a&gt;&lt;/code&gt;, and &l=
t;code title=3Dattr-meter-optimum&gt;&lt;a href=3D#attr-meter-optimum&gt;=
optimum&lt;/a&gt;&lt;/code&gt; attributes,
+  when present, must have values that are &lt;a href=3D#valid-floating-p=
oint-number title=3D&quot;valid floating-point number&quot;&gt;valid
+  floating-point numbers&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;In addition, the attributes' values are further constrained:&=
lt;/p&gt;
+
+  &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; be the =
&lt;code title=3Dattr-meter-value&gt;&lt;a href=3D#attr-meter-value&gt;va=
lue&lt;/a&gt;&lt;/code&gt; attribute's
+  number.&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;code title=3Dattr-meter-min&gt;&lt;a href=3D#attr-=
meter-min&gt;min&lt;/a&gt;&lt;/code&gt; attribute is specified, then let =
&lt;var title=3D&quot;&quot;&gt;minimum&lt;/var&gt; be that attribute's v=
alue; otherwise, let it be zero.&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;code title=3Dattr-meter-max&gt;&lt;a href=3D#attr-=
meter-max&gt;max&lt;/a&gt;&lt;/code&gt; attribute is specified, then let =
&lt;var title=3D&quot;&quot;&gt;maximum&lt;/var&gt; be that attribute's v=
alue; otherwise, let it be 1.0.&lt;/p&gt;
+
+  &lt;p&gt;The following inequalities must hold, as applicable:&lt;/p&gt=
;
+
+  &lt;ul class=3Dbrief&gt;&lt;li&gt;&lt;var title=3D&quot;&quot;&gt;mini=
mum&lt;/var&gt; &amp;le; &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt=
; &amp;le; &lt;var title=3D&quot;&quot;&gt;maximum&lt;/var&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;var title=3D&quot;&quot;&gt;minimum&lt;/var&gt; &amp;le=
; &lt;code title=3Dattr-meter-low&gt;&lt;a href=3D#attr-meter-low&gt;low&=
lt;/a&gt;&lt;/code&gt; &amp;le; &lt;var title=3D&quot;&quot;&gt;maximum&l=
t;/var&gt; (if &lt;code title=3Dattr-meter-low&gt;&lt;a href=3D#attr-mete=
r-low&gt;low&lt;/a&gt;&lt;/code&gt; is specified)&lt;/li&gt;
+
+   &lt;li&gt;&lt;var title=3D&quot;&quot;&gt;minimum&lt;/var&gt; &amp;le=
; &lt;code title=3Dattr-meter-high&gt;&lt;a href=3D#attr-meter-high&gt;hi=
gh&lt;/a&gt;&lt;/code&gt; &amp;le; &lt;var title=3D&quot;&quot;&gt;maximu=
m&lt;/var&gt; (if &lt;code title=3Dattr-meter-high&gt;&lt;a href=3D#attr-=
meter-high&gt;high&lt;/a&gt;&lt;/code&gt; is specified)&lt;/li&gt;
+
+   &lt;li&gt;&lt;var title=3D&quot;&quot;&gt;minimum&lt;/var&gt; &amp;le=
; &lt;code title=3Dattr-meter-optimum&gt;&lt;a href=3D#attr-meter-optimum=
&gt;optimum&lt;/a&gt;&lt;/code&gt; &amp;le; &lt;var title=3D&quot;&quot;&=
gt;maximum&lt;/var&gt; (if &lt;code title=3Dattr-meter-optimum&gt;&lt;a h=
ref=3D#attr-meter-optimum&gt;optimum&lt;/a&gt;&lt;/code&gt; is specified)=
&lt;/li&gt;
+
+   &lt;li&gt;&lt;code title=3Dattr-meter-low&gt;&lt;a href=3D#attr-meter=
-low&gt;low&lt;/a&gt;&lt;/code&gt; &amp;le; &lt;code title=3Dattr-meter-h=
igh&gt;&lt;a href=3D#attr-meter-high&gt;high&lt;/a&gt;&lt;/code&gt; (if
+   both &lt;code title=3Dattr-meter-low&gt;&lt;a href=3D#attr-meter-low&=
gt;low&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Dattr-meter-high&gt;&lt=
;a href=3D#attr-meter-high&gt;high&lt;/a&gt;&lt;/code&gt; are
+   specified)&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p class=3Dnote&gt;If no minimum or maximum is specified=
, then the range is assumed to be 0..1, and
+  the value thus has to be within that range.&lt;/p&gt;
+
+  &lt;p&gt;Authors are encouraged to include a textual representation of=
 the gauge's state in the
+  element's contents, for users of user agents that do not support the &=
lt;code&gt;&lt;a href=3D#the-meter-element&gt;meter&lt;/a&gt;&lt;/code&gt=
;
+  element.&lt;/p&gt;
+
+  &lt;p&gt;When used with &lt;a href=3D#microdata&gt;microdata&lt;/a&gt;=
, the &lt;code&gt;&lt;a href=3D#the-meter-element&gt;meter&lt;/a&gt;&lt;/=
code&gt; element's &lt;code title=3Dattr-meter-value&gt;&lt;a href=3D#att=
r-meter-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute provides the elem=
ent's machine-readable value.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following examples show three gauges that would all be t=
hree-quarters full:&lt;/p&gt;
+
+   &lt;pre&gt;Storage space usage: &amp;lt;meter value=3D6 max=3D8&amp;g=
t;6 blocks used (out of 8 total)&amp;lt;/meter&amp;gt;
+Voter turnout: &amp;lt;meter value=3D0.75&amp;gt;&amp;lt;img alt=3D&quot=
;75%&quot; src=3D&quot;graph75.png&quot;&amp;gt;&amp;lt;/meter&amp;gt;
+Tickets sold: &amp;lt;meter min=3D&quot;0&quot; max=3D&quot;100&quot; va=
lue=3D&quot;75&quot;&amp;gt;&amp;lt;/meter&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;The following example is incorrect use of the element, becau=
se it doesn't give a range (and
+   since the default maximum is 1, both of the gauges would end up looki=
ng maxed out):&lt;/p&gt;
+
+   &lt;pre class=3Dbad&gt;&amp;lt;p&amp;gt;The grapefruit pie had a radi=
us of &amp;lt;meter value=3D12&amp;gt;12cm&amp;lt;/meter&amp;gt;
+and a height of &amp;lt;meter value=3D2&amp;gt;2cm&amp;lt;/meter&amp;gt;=
.&amp;lt;/p&amp;gt; &amp;lt;!-- &lt;strong&gt;BAD!&lt;/strong&gt; --&amp;=
gt;&lt;/pre&gt;
+
+   &lt;p&gt;Instead, one would either not include the meter element, or =
use the meter element with a
+   defined range to give the dimensions in context compared to other pie=
s:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt;The grapefruit pie had a radius of 12cm a=
nd a height of
+2cm.&amp;lt;/p&amp;gt;
+&amp;lt;dl&amp;gt;
+ &amp;lt;dt&amp;gt;Radius: &amp;lt;dd&amp;gt; &amp;lt;meter min=3D0 max=3D=
20 value=3D12&amp;gt;12cm&amp;lt;/meter&amp;gt;
+ &amp;lt;dt&amp;gt;Height: &amp;lt;dd&amp;gt; &amp;lt;meter min=3D0 max=3D=
10 value=3D2&amp;gt;2cm&amp;lt;/meter&amp;gt;
+&amp;lt;/dl&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;There is no explicit way to specify units in the &lt;code&gt;=
&lt;a href=3D#the-meter-element&gt;meter&lt;/a&gt;&lt;/code&gt; element, =
but the units may
+  be specified in the &lt;code title=3Dattr-title&gt;&lt;a href=3D#attr-=
title&gt;title&lt;/a&gt;&lt;/code&gt; attribute in free-form text.&lt;/p&=
gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The example above could be extended to mention the units:&lt=
;/p&gt;
+
+   &lt;pre&gt;&amp;lt;dl&amp;gt;
+ &amp;lt;dt&amp;gt;Radius: &amp;lt;dd&amp;gt; &amp;lt;meter min=3D0 max=3D=
20 value=3D12 title=3D&quot;centimeters&quot;&amp;gt;12cm&amp;lt;/meter&a=
mp;gt;
+ &amp;lt;dt&amp;gt;Height: &amp;lt;dd&amp;gt; &amp;lt;meter min=3D0 max=3D=
10 value=3D2 title=3D&quot;centimeters&quot;&amp;gt;2cm&amp;lt;/meter&amp=
;gt;
+&amp;lt;/dl&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;User agent requirements&lt;/strong&gt;: User ag=
ents must parse the &lt;code title=3Dattr-meter-min&gt;&lt;a href=3D#attr=
-meter-min&gt;min&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-meter-max=
&gt;&lt;a href=3D#attr-meter-max&gt;max&lt;/a&gt;&lt;/code&gt;, &lt;code =
title=3Dattr-meter-value&gt;&lt;a href=3D#attr-meter-value&gt;value&lt;/a=
&gt;&lt;/code&gt;, &lt;code title=3Dattr-meter-low&gt;&lt;a href=3D#attr-=
meter-low&gt;low&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-meter-high=
&gt;&lt;a href=3D#attr-meter-high&gt;high&lt;/a&gt;&lt;/code&gt;, and &lt=
;code title=3Dattr-meter-optimum&gt;&lt;a href=3D#attr-meter-optimum&gt;o=
ptimum&lt;/a&gt;&lt;/code&gt;
+  attributes using the &lt;a href=3D#rules-for-parsing-floating-point-nu=
mber-values&gt;rules for parsing floating-point number values&lt;/a&gt;.&=
lt;/p&gt;
+
+  &lt;p&gt;User agents must then use all these numbers to obtain values =
for six points on the gauge, as
+  follows. (The order in which these are evaluated is important, as some=
 of the values refer to
+  earlier ones.)&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;The &lt;dfn id=3Dconcept-meter-minimum title=3Dcon=
cept-meter-minimum&gt;minimum value&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;code title=3Dattr-meter-min&gt;&lt;a href=3D#att=
r-meter-min&gt;min&lt;/a&gt;&lt;/code&gt; attribute is specified and a va=
lue could be
+    parsed out of it, then the minimum value is that value. Otherwise, t=
he minimum value is
+    zero.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;dfn id=3Dconcept-meter-maximum title=3Dconcept-mete=
r-maximum&gt;maximum value&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;code title=3Dattr-meter-max&gt;&lt;a href=3D#att=
r-meter-max&gt;max&lt;/a&gt;&lt;/code&gt; attribute is specified and a va=
lue could be
+    parsed out of it, then the candidate maximum value is that value. Ot=
herwise, the candidate
+    maximum value is 1.0.&lt;/p&gt;
+
+    &lt;p&gt;If the candidate maximum value is greater than or equal to =
the minimum value, then the
+    maximum value is the candidate maximum value. Otherwise, the maximum=
 value is the same as the
+    minimum value.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;dfn id=3Dconcept-meter-actual title=3Dconcept-meter=
-actual&gt;actual value&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;code title=3Dattr-meter-value&gt;&lt;a href=3D#a=
ttr-meter-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute is specified an=
d a value could
+    be parsed out of it, then that value is the candidate actual value. =
Otherwise, the candidate
+    actual value is zero.&lt;/p&gt;
+
+    &lt;p&gt;If the candidate actual value is less than the minimum valu=
e, then the actual value is the
+    minimum value.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if the candidate actual value is greater than th=
e maximum value, then the actual
+    value is the maximum value.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, the actual value is the candidate actual value.&=
lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;dfn id=3Dconcept-meter-low title=3Dconcept-meter-lo=
w&gt;low boundary&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;code title=3Dattr-meter-low&gt;&lt;a href=3D#att=
r-meter-low&gt;low&lt;/a&gt;&lt;/code&gt; attribute is specified and a va=
lue could be
+    parsed out of it, then the candidate low boundary is that value. Oth=
erwise, the candidate low
+    boundary is the same as the minimum value.&lt;/p&gt;
+
+    &lt;p&gt;If the candidate low boundary is less than the minimum valu=
e, then the low boundary is the
+    minimum value.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if the candidate low boundary is greater than th=
e maximum value, then the low
+    boundary is the maximum value.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, the low boundary is the candidate low boundary.&=
lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;dfn id=3Dconcept-meter-high title=3Dconcept-meter-h=
igh&gt;high boundary&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;code title=3Dattr-meter-high&gt;&lt;a href=3D#at=
tr-meter-high&gt;high&lt;/a&gt;&lt;/code&gt; attribute is specified and a=
 value could be
+    parsed out of it, then the candidate high boundary is that value. Ot=
herwise, the candidate high
+    boundary is the same as the maximum value.&lt;/p&gt;
+
+    &lt;p&gt;If the candidate high boundary is less than the low boundar=
y, then the high boundary is the
+    low boundary.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if the candidate high boundary is greater than t=
he maximum value, then the high
+    boundary is the maximum value.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, the high boundary is the candidate high boundary=
.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;dfn id=3Dconcept-meter-optimum title=3Dconcept-mete=
r-optimum&gt;optimum point&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;code title=3Dattr-meter-optimum&gt;&lt;a href=3D=
#attr-meter-optimum&gt;optimum&lt;/a&gt;&lt;/code&gt; attribute is specif=
ied and a value
+    could be parsed out of it, then the candidate optimum point is that =
value. Otherwise, the
+    candidate optimum point is the midpoint between the minimum value an=
d the maximum value.&lt;/p&gt;
+
+    &lt;p&gt;If the candidate optimum point is less than the minimum val=
ue, then the optimum point is the
+    minimum value.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if the candidate optimum point is greater than t=
he maximum value, then the optimum
+    point is the maximum value.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, the optimum point is the candidate optimum point=
.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;All of which will result in the following inequali=
ties all being true:&lt;/p&gt;
+
+  &lt;ul class=3Dbrief&gt;&lt;li&gt;minimum value &amp;le; actual value =
&amp;le; maximum value&lt;/li&gt;
+   &lt;li&gt;minimum value &amp;le; low boundary &amp;le; high boundary =
&amp;le; maximum value&lt;/li&gt;
+   &lt;li&gt;minimum value &amp;le; optimum point &amp;le; maximum value=
&lt;/li&gt;
+  &lt;/ul&gt;&lt;p&gt;&lt;strong&gt;UA requirements for regions of the g=
auge&lt;/strong&gt;: If the optimum point is equal to the
+  low boundary or the high boundary, or anywhere in between them, then t=
he region between the low
+  and high boundaries of the gauge must be treated as the optimum region=
, and the low and high
+  parts, if any, must be treated as suboptimal. Otherwise, if the optimu=
m point is less than the low
+  boundary, then the region between the minimum value and the low bounda=
ry must be treated as the
+  optimum region, the region from the low boundary up to the high bounda=
ry must be treated as a
+  suboptimal region, and the remaining region must be treated as an even=
 less good region. Finally,
+  if the optimum point is higher than the high boundary, then the situat=
ion is reversed; the region
+  between the high boundary and the maximum value must be treated as the=
 optimum region, the region
+  from the high boundary down to the low boundary must be treated as a s=
uboptimal region, and the
+  remaining region must be treated as an even less good region.&lt;/p&gt=
;
+
+  &lt;p&gt;&lt;strong&gt;UA requirements for showing the gauge&lt;/stron=
g&gt;: When representing a &lt;code&gt;&lt;a href=3D#the-meter-element&gt=
;meter&lt;/a&gt;&lt;/code&gt;
+  element to the user, the UA should indicate the relative position of t=
he actual value to the
+  minimum and maximum values, and the relationship between the actual va=
lue and the three regions of
+  the gauge.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+   &lt;p&gt;The following markup:&lt;/p&gt;
+   &lt;pre&gt;&amp;lt;h3&amp;gt;Suggested groups&amp;lt;/h3&amp;gt;
+&amp;lt;menu type=3D&quot;toolbar&quot;&amp;gt;
+ &amp;lt;a href=3D&quot;?cmd=3Dhsg&quot; onclick=3D&quot;hideSuggestedGr=
oups()&quot;&amp;gt;Hide suggested groups&amp;lt;/a&amp;gt;
+&amp;lt;/menu&amp;gt;
+&amp;lt;ul&amp;gt;
+ &amp;lt;li&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;a href=3D&quot;/group/comp.infosystems.www.au=
thoring.stylesheets/view&quot;&amp;gt;comp.infosystems.www.authoring.styl=
esheets&amp;lt;/a&amp;gt; -
+     &amp;lt;a href=3D&quot;/group/comp.infosystems.www.authoring.styles=
heets/subscribe&quot;&amp;gt;join&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;Group description: &amp;lt;strong&amp;gt;Layout/prese=
ntation on the WWW.&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&lt;strong&gt;&amp;lt;meter value=3D&quot;0.5&quot;&a=
mp;gt;Moderate activity,&amp;lt;/meter&amp;gt;&lt;/strong&gt; Usenet, 618=
 subscribers&amp;lt;/p&amp;gt;
+ &amp;lt;/li&amp;gt;
+ &amp;lt;li&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;a href=3D&quot;/group/netscape.public.mozilla=
.xpinstall/view&quot;&amp;gt;netscape.public.mozilla.xpinstall&amp;lt;/a&=
amp;gt; -
+     &amp;lt;a href=3D&quot;/group/netscape.public.mozilla.xpinstall/sub=
scribe&quot;&amp;gt;join&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;Group description: &amp;lt;strong&amp;gt;Mozilla XPIn=
stall discussion.&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&lt;strong&gt;&amp;lt;meter value=3D&quot;0.25&quot;&=
amp;gt;Low activity,&amp;lt;/meter&amp;gt;&lt;/strong&gt; Usenet, 22 subs=
cribers&amp;lt;/p&amp;gt;
+ &amp;lt;/li&amp;gt;
+ &amp;lt;li&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;a href=3D&quot;/group/mozilla.dev.general/vie=
w&quot;&amp;gt;mozilla.dev.general&amp;lt;/a&amp;gt; -
+     &amp;lt;a href=3D&quot;/group/mozilla.dev.general/subscribe&quot;&a=
mp;gt;join&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&lt;strong&gt;&amp;lt;meter value=3D&quot;0.25&quot;&=
amp;gt;Low activity,&amp;lt;/meter&amp;gt;&lt;/strong&gt; Usenet, 66 subs=
cribers&amp;lt;/p&amp;gt;
+ &amp;lt;/li&amp;gt;
+&amp;lt;/ul&amp;gt;&lt;/pre&gt;
+   &lt;p&gt;Might be rendered as follows:&lt;/p&gt;
+   &lt;p&gt;&lt;img src=3Dhttp://images.whatwg.org/sample-meter.png widt=
h=3D332 alt=3D&quot;With the &lt;meter&gt; elements rendered as inline gr=
een bars of varying lengths.&quot; height=3D178&gt;&lt;/p&gt;
+  &lt;/div&gt;
+
+  &lt;p&gt;User agents &lt;span class=3Dimpl&gt;may&lt;/span&gt; combine=
 the value of the &lt;code title=3Dattr-title&gt;&lt;a href=3D#attr-title=
&gt;title&lt;/a&gt;&lt;/code&gt; attribute and the other attributes to pr=
ovide context-sensitive
+  help or inline text detailing the actual values.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+   &lt;p&gt;For example, the following snippet:&lt;/p&gt;
+   &lt;pre&gt;&amp;lt;meter min=3D0 max=3D60 value=3D23.2 title=3Dsecond=
s&amp;gt;&amp;lt;/meter&amp;gt;&lt;/pre&gt;
+   &lt;p&gt;...might cause the user agent to display a gauge with a tool=
tip
+   saying &quot;Value: 23.2 out of 60.&quot; on one line and &quot;secon=
ds&quot; on a
+   second line.&lt;/p&gt;
+  &lt;/div&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-meter-value title=3Ddom-meter-value&gt;&=
lt;code&gt;value&lt;/code&gt;&lt;/dfn&gt; IDL attribute, on getting, must
+  return the &lt;a href=3D#concept-meter-actual title=3Dconcept-meter-ac=
tual&gt;actual value&lt;/a&gt;. On setting, the given value
+  must be converted to the &lt;a href=3D#best-representation-of-the-numb=
er-as-a-floating-point-number&gt;best representation of the number as a f=
loating-point number&lt;/a&gt;
+  and then the &lt;code title=3Ddom-meter-value&gt;&lt;a href=3D#dom-met=
er-value&gt;value&lt;/a&gt;&lt;/code&gt; content attribute must be set to=
 that
+  string.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-meter-min title=3Ddom-meter-min&gt;&lt;c=
ode&gt;min&lt;/code&gt;&lt;/dfn&gt; IDL attribute, on getting, must retur=
n
+  the &lt;a href=3D#concept-meter-minimum title=3Dconcept-meter-minimum&=
gt;minimum value&lt;/a&gt;. On setting, the given value must be
+  converted to the &lt;a href=3D#best-representation-of-the-number-as-a-=
floating-point-number&gt;best representation of the number as a floating-=
point number&lt;/a&gt; and
+  then the &lt;code title=3Ddom-meter-min&gt;&lt;a href=3D#dom-meter-min=
&gt;min&lt;/a&gt;&lt;/code&gt; content attribute must be set to that stri=
ng.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-meter-max title=3Ddom-meter-max&gt;&lt;c=
ode&gt;max&lt;/code&gt;&lt;/dfn&gt; IDL attribute, on getting, must retur=
n
+  the &lt;a href=3D#concept-meter-maximum title=3Dconcept-meter-maximum&=
gt;maximum value&lt;/a&gt;. On setting, the given value must be
+  converted to the &lt;a href=3D#best-representation-of-the-number-as-a-=
floating-point-number&gt;best representation of the number as a floating-=
point number&lt;/a&gt; and
+  then the &lt;code title=3Ddom-meter-max&gt;&lt;a href=3D#dom-meter-max=
&gt;max&lt;/a&gt;&lt;/code&gt; content attribute must be set to that stri=
ng.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-meter-low title=3Ddom-meter-low&gt;&lt;c=
ode&gt;low&lt;/code&gt;&lt;/dfn&gt; IDL attribute, on getting, must retur=
n
+  the &lt;a href=3D#concept-meter-low title=3Dconcept-meter-low&gt;low b=
oundary&lt;/a&gt;. On setting, the given value must be
+  converted to the &lt;a href=3D#best-representation-of-the-number-as-a-=
floating-point-number&gt;best representation of the number as a floating-=
point number&lt;/a&gt; and
+  then the &lt;code title=3Ddom-meter-low&gt;&lt;a href=3D#dom-meter-low=
&gt;low&lt;/a&gt;&lt;/code&gt; content attribute must be set to that stri=
ng.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-meter-high title=3Ddom-meter-high&gt;&lt=
;code&gt;high&lt;/code&gt;&lt;/dfn&gt; IDL attribute, on getting, must re=
turn
+  the &lt;a href=3D#concept-meter-high title=3Dconcept-meter-high&gt;hig=
h boundary&lt;/a&gt;. On setting, the given value must be
+  converted to the &lt;a href=3D#best-representation-of-the-number-as-a-=
floating-point-number&gt;best representation of the number as a floating-=
point number&lt;/a&gt; and
+  then the &lt;code title=3Ddom-meter-high&gt;&lt;a href=3D#dom-meter-hi=
gh&gt;high&lt;/a&gt;&lt;/code&gt; content attribute must be set to that
+  string.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-meter-optimum title=3Ddom-meter-optimum&=
gt;&lt;code&gt;optimum&lt;/code&gt;&lt;/dfn&gt; IDL attribute, on getting=
, must
+  return the &lt;a href=3D#concept-meter-optimum title=3Dconcept-meter-o=
ptimum&gt;optimum value&lt;/a&gt;. On setting, the given value
+  must be converted to the &lt;a href=3D#best-representation-of-the-numb=
er-as-a-floating-point-number&gt;best representation of the number as a f=
loating-point number&lt;/a&gt;
+  and then the &lt;code title=3Ddom-meter-optimum&gt;&lt;a href=3D#dom-m=
eter-optimum&gt;optimum&lt;/a&gt;&lt;/code&gt; content attribute must be =
set to that
+  string.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-lfe-labels&gt;&lt;a href=3D#dom-lfe-=
labels&gt;labels&lt;/a&gt;&lt;/code&gt; IDL attribute provides a list of =
the element's
+  &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;/cod=
e&gt;s.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following example shows how a gauge could fall back to l=
ocalized or pretty-printed
+   text.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt;Disk usage: &amp;lt;meter min=3D0 value=3D=
170261928 max=3D233257824&amp;gt;170&amp;thinsp;261&amp;thinsp;928 bytes =
used
+out of 233&amp;thinsp;257&amp;thinsp;824 bytes available&amp;lt;/meter&a=
mp;gt;&amp;lt;/p&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+
+  &lt;h4 id=3Dthe-fieldset-element&gt;&lt;span class=3Dsecno&gt;4.10.16 =
&lt;/span&gt;The &lt;dfn&gt;&lt;code&gt;fieldset&lt;/code&gt;&lt;/dfn&gt;=
 element&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#sectioning-root&gt;Sectioning root&lt;/a&gt;.=
&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#category-listed title=3Dcategory-listed&gt;Li=
sted&lt;/a&gt; and &lt;a href=3D#category-form-attr title=3Dcategory-form=
-attr&gt;reassociateable&lt;/a&gt; &lt;a href=3D#form-associated-element&=
gt;form-associated element&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#palpable-content&gt;Palpable content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#flow-content&gt;flow content&lt;/a&gt; =
is expected.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Optionally a &lt;code&gt;&lt;a href=3D#the-legend-element&g=
t;legend&lt;/a&gt;&lt;/code&gt; element, followed by &lt;a href=3D#flow-c=
ontent&gt;flow content&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fieldset-disabled&gt;&lt;a href=3D#at=
tr-fieldset-disabled&gt;disabled&lt;/a&gt;&lt;/code&gt; &amp;mdash; Wheth=
er the form control is disabled&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-fo=
rm&gt;form&lt;/a&gt;&lt;/code&gt; &amp;mdash; Associates the control with=
 a &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&=
gt; element&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name=
&gt;name&lt;/a&gt;&lt;/code&gt; &amp;mdash; Name of form control to use f=
or &lt;a href=3D#form-submission&gt;form submission&lt;/a&gt; and in the =
&lt;code title=3Ddom-form-elements&gt;&lt;a href=3D#dom-form-elements&gt;=
form.elements&lt;/a&gt;&lt;/code&gt; API&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmlfieldsetelement&gt;HTM=
LFieldSetElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&l=
t;/a&gt; {
+           attribute boolean &lt;a href=3D#dom-fieldset-disabled title=3D=
dom-fieldset-disabled&gt;disabled&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#htmlformelement&gt;HTMLFormElement&lt=
;/a&gt;? &lt;a href=3D#dom-fae-form title=3Ddom-fae-form&gt;form&lt;/a&gt=
;;
+           attribute DOMString &lt;a href=3D#dom-fe-name title=3Ddom-fe-=
name&gt;name&lt;/a&gt;;
+
+  readonly attribute DOMString &lt;a href=3D#dom-fieldset-type title=3Dd=
om-fieldset-type&gt;type&lt;/a&gt;;
+
+  readonly attribute &lt;a href=3D#htmlformcontrolscollection&gt;HTMLFor=
mControlsCollection&lt;/a&gt; &lt;a href=3D#dom-fieldset-elements title=3D=
dom-fieldset-elements&gt;elements&lt;/a&gt;;
+
+  readonly attribute boolean &lt;a href=3D#dom-cva-willvalidate title=3D=
dom-cva-willValidate&gt;willValidate&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#validitystate&gt;ValidityState&lt;/a&=
gt; &lt;a href=3D#dom-cva-validity title=3Ddom-cva-validity&gt;validity&l=
t;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-cva-validationmessage t=
itle=3Ddom-cva-validationMessage&gt;validationMessage&lt;/a&gt;;
+  boolean &lt;a href=3D#dom-cva-checkvalidity title=3Ddom-cva-checkValid=
ity&gt;checkValidity&lt;/a&gt;();
+  boolean &lt;a href=3D#dom-cva-reportvalidity title=3Ddom-cva-reportVal=
idity&gt;reportValidity&lt;/a&gt;();
+  void &lt;a href=3D#dom-cva-setcustomvalidity title=3Ddom-cva-setCustom=
Validity&gt;setCustomValidity&lt;/a&gt;(DOMString error);
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-fieldset-element&gt;fieldset&lt;/a&gt;&lt;/code&gt; element &lt;a hr=
ef=3D#represents&gt;represents&lt;/a&gt; a set of form controls optionall=
y
+  grouped under a common name.&lt;/p&gt;
+
+  &lt;p&gt;The name of the group is given by the first &lt;code&gt;&lt;a=
 href=3D#the-legend-element&gt;legend&lt;/a&gt;&lt;/code&gt; element that=
 is a child of the
+  &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldset&lt;/a&gt;&l=
t;/code&gt; element, if any. The remainder of the descendants form the gr=
oup.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-fieldset-disabled title=3Dattr-fieldset=
-disabled&gt;&lt;code&gt;disabled&lt;/code&gt;&lt;/dfn&gt; attribute, whe=
n specified,
+  causes all the form control descendants of the &lt;code&gt;&lt;a href=3D=
#the-fieldset-element&gt;fieldset&lt;/a&gt;&lt;/code&gt; element, excludi=
ng those that
+  are descendants of the &lt;code&gt;&lt;a href=3D#the-fieldset-element&=
gt;fieldset&lt;/a&gt;&lt;/code&gt; element's first &lt;code&gt;&lt;a href=
=3D#the-legend-element&gt;legend&lt;/a&gt;&lt;/code&gt; element child, if
+  any, to be &lt;a href=3D#concept-fe-disabled title=3Dconcept-fe-disabl=
ed&gt;disabled&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-=
form&gt;form&lt;/a&gt;&lt;/code&gt; attribute is used to explicitly assoc=
iate the
+  &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldset&lt;/a&gt;&l=
t;/code&gt; element with its &lt;a href=3D#form-owner&gt;form owner&lt;/a=
&gt;. The &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt;=
name&lt;/a&gt;&lt;/code&gt; attribute represents the element's name.&lt;/=
p&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;f=
ieldset&lt;/var&gt; . &lt;code title=3Ddom-fieldset-type&gt;&lt;a href=3D=
#dom-fieldset-type&gt;type&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the string &quot;fieldset&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;fieldset&lt;/var&gt; . &lt;=
code title=3Ddom-form-elements&gt;&lt;a href=3D#dom-form-elements&gt;elem=
ents&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns an &lt;code&gt;&lt;a href=3D#htmlformcontrolscollec=
tion&gt;HTMLFormControlsCollection&lt;/a&gt;&lt;/code&gt; of the form con=
trols in the element.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-fieldset-disabled title=3Ddom-fieldset-d=
isabled&gt;&lt;code&gt;disabled&lt;/code&gt;&lt;/dfn&gt; IDL attribute mu=
st
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content attribute of th=
e same name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-fieldset-type title=3Ddom-fieldset-type&=
gt;&lt;code&gt;type&lt;/code&gt;&lt;/dfn&gt; IDL attribute must return th=
e string
+  &quot;&lt;code title=3D&quot;&quot;&gt;fieldset&lt;/code&gt;&quot;.&lt=
;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-fieldset-elements title=3Ddom-fieldset-e=
lements&gt;&lt;code&gt;elements&lt;/code&gt;&lt;/dfn&gt; IDL attribute mu=
st return an
+  &lt;code&gt;&lt;a href=3D#htmlformcontrolscollection&gt;HTMLFormContro=
lsCollection&lt;/a&gt;&lt;/code&gt; rooted at the &lt;code&gt;&lt;a href=3D=
#the-fieldset-element&gt;fieldset&lt;/a&gt;&lt;/code&gt; element, whose f=
ilter
+  matches &lt;a href=3D#category-listed title=3Dcategory-listed&gt;liste=
d elements&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-cva-willValidate&gt;&lt;a href=3D#do=
m-cva-willvalidate&gt;willValidate&lt;/a&gt;&lt;/code&gt;, &lt;code title=
=3Ddom-cva-validity&gt;&lt;a href=3D#dom-cva-validity&gt;validity&lt;/a&g=
t;&lt;/code&gt;, and &lt;code title=3Ddom-cva-validationMessage&gt;&lt;a =
href=3D#dom-cva-validationmessage&gt;validationMessage&lt;/a&gt;&lt;/code=
&gt; attributes, and the &lt;code title=3Ddom-cva-checkValidity&gt;&lt;a =
href=3D#dom-cva-checkvalidity&gt;checkValidity()&lt;/a&gt;&lt;/code&gt;, =
&lt;code title=3Ddom-cva-reportValidity&gt;&lt;a href=3D#dom-cva-reportva=
lidity&gt;reportValidity()&lt;/a&gt;&lt;/code&gt;, and &lt;code title=3Dd=
om-cva-setCustomValidity&gt;&lt;a href=3D#dom-cva-setcustomvalidity&gt;se=
tCustomValidity()&lt;/a&gt;&lt;/code&gt; methods, are part of the
+  &lt;a href=3D#the-constraint-validation-api&gt;constraint validation A=
PI&lt;/a&gt;. The &lt;code title=3Ddom-fae-form&gt;&lt;a href=3D#dom-fae-=
form&gt;form&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Ddom-fe-name&gt;&=
lt;a href=3D#dom-fe-name&gt;name&lt;/a&gt;&lt;/code&gt; IDL attributes ar=
e part of the element's forms API.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This example shows a &lt;code&gt;&lt;a href=3D#the-fieldset-=
element&gt;fieldset&lt;/a&gt;&lt;/code&gt; element being used to group a =
set of related
+   controls:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;fieldset&amp;gt;
+ &amp;lt;legend&amp;gt;Display&amp;lt;/legend&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;&amp;lt;input type=3Dradio name=3D=
c value=3D0 checked&amp;gt; Black on White&amp;lt;/label&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;&amp;lt;input type=3Dradio name=3D=
c value=3D1&amp;gt; White on Black&amp;lt;/label&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;&amp;lt;input type=3Dcheckbox nam=
e=3Dg&amp;gt; Use grayscale&amp;lt;/label&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Enhance contrast &amp;lt;input ty=
pe=3Drange name=3De list=3Dcontrast min=3D0 max=3D100 value=3D0 step=3D1&=
amp;gt;&amp;lt;/label&amp;gt;
+ &amp;lt;datalist id=3Dcontrast&amp;gt;
+  &amp;lt;option label=3DNormal value=3D0&amp;gt;
+  &amp;lt;option label=3DMaximum value=3D100&amp;gt;
+ &amp;lt;/datalist&amp;gt;
+&amp;lt;/fieldset&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following snippet shows a fieldset with a checkbox in th=
e legend that controls whether or
+   not the fieldset is enabled. The contents of the fieldset consist of =
two required text fields and
+   an optional year/month control.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;fieldset name=3D&quot;clubfields&quot; disabled&am=
p;gt;
+ &amp;lt;legend&amp;gt; &amp;lt;label&amp;gt;
+  &amp;lt;input type=3Dcheckbox name=3Dclub onchange=3D&quot;form.clubfi=
elds.disabled =3D !checked&quot;&amp;gt;
+  Use Club Card
+ &amp;lt;/label&amp;gt; &amp;lt;/legend&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Name on card: &amp;lt;input name=3D=
clubname required&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Card number: &amp;lt;input name=3D=
clubnum required pattern=3D&quot;[-0-9]+&quot;&amp;gt;&amp;lt;/label&amp;=
gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Expiry date: &amp;lt;input name=3D=
clubexp type=3Dmonth&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+&amp;lt;/fieldset&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;You can also nest &lt;code&gt;&lt;a href=3D#the-fieldset-ele=
ment&gt;fieldset&lt;/a&gt;&lt;/code&gt; elements. Here is an example expa=
nding on the previous
+   one that does so:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;fieldset name=3D&quot;clubfields&quot; disabled&am=
p;gt;
+ &amp;lt;legend&amp;gt; &amp;lt;label&amp;gt;
+  &amp;lt;input type=3Dcheckbox name=3Dclub onchange=3D&quot;form.clubfi=
elds.disabled =3D !checked&quot;&amp;gt;
+  Use Club Card
+ &amp;lt;/label&amp;gt; &amp;lt;/legend&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Name on card: &amp;lt;input name=3D=
clubname required&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;fieldset name=3D&quot;numfields&quot;&amp;gt;
+  &amp;lt;legend&amp;gt; &amp;lt;label&amp;gt;
+   &amp;lt;input type=3Dradio checked name=3Dclubtype onchange=3D&quot;f=
orm.numfields.disabled =3D !checked&quot;&amp;gt;
+   My card has numbers on it
+  &amp;lt;/label&amp;gt; &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Card number: &amp;lt;input name=3D=
clubnum required pattern=3D&quot;[-0-9]+&quot;&amp;gt;&amp;lt;/label&amp;=
gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+ &amp;lt;fieldset name=3D&quot;letfields&quot; disabled&amp;gt;
+  &amp;lt;legend&amp;gt; &amp;lt;label&amp;gt;
+   &amp;lt;input type=3Dradio name=3Dclubtype onchange=3D&quot;form.letf=
ields.disabled =3D !checked&quot;&amp;gt;
+   My card has letters on it
+  &amp;lt;/label&amp;gt; &amp;lt;/legend&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Card code: &amp;lt;input name=3D=
clublet required pattern=3D&quot;[A-Za-z]+&quot;&amp;gt;&amp;lt;/label&am=
p;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+&amp;lt;/fieldset&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;In this example, if the outer &quot;Use Club Card&quot; chec=
kbox is not checked, everything inside the
+   outer &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldset&lt;/=
a&gt;&lt;/code&gt;, including the two radio buttons in the legends of the=
 two nested
+   &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldset&lt;/a&gt;&=
lt;/code&gt;s, will be disabled. However, if the checkbox is checked, the=
n the radio
+   buttons will both be enabled and will let you select which of the two=
 inner
+   &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldset&lt;/a&gt;&=
lt;/code&gt;s is to be enabled.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dthe-legend-element&gt;&lt;span class=3Dsecno&gt;4.10.17 &l=
t;/span&gt;The &lt;dfn&gt;&lt;code&gt;legend&lt;/code&gt;&lt;/dfn&gt; ele=
ment&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;None.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;As the first child of a &lt;code&gt;&lt;a href=3D#the-field=
set-element&gt;fieldset&lt;/a&gt;&lt;/code&gt; element.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+    &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmllegendelement&gt;H=
TMLLegendElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&l=
t;/a&gt; {
+  readonly attribute &lt;a href=3D#htmlformelement&gt;HTMLFormElement&lt=
;/a&gt;? &lt;a href=3D#dom-legend-form title=3Ddom-legend-form&gt;form&lt=
;/a&gt;;
+
+  // &lt;a href=3D&quot;#HTMLLegendElement-partial&quot;&gt;also has obs=
olete members&lt;/a&gt;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-legend-element&gt;legend&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D=
#represents&gt;represents&lt;/a&gt; a caption for the rest of the content=
s
+  of the &lt;code&gt;&lt;a href=3D#the-legend-element&gt;legend&lt;/a&gt=
;&lt;/code&gt; element's parent &lt;code&gt;&lt;a href=3D#the-fieldset-el=
ement&gt;fieldset&lt;/a&gt;&lt;/code&gt; element&lt;span class=3Dimpl&gt;=
, if
+  any&lt;/span&gt;.&lt;/p&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;l=
egend&lt;/var&gt; . &lt;code title=3Ddom-legend-form&gt;&lt;a href=3D#dom=
-legend-form&gt;form&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the element's &lt;code&gt;&lt;a href=3D#the-form-el=
ement&gt;form&lt;/a&gt;&lt;/code&gt; element, if any, or null otherwise.&=
lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-legend-form title=3Ddom-legend-form&gt;&=
lt;code&gt;form&lt;/code&gt;&lt;/dfn&gt; IDL attribute's behavior depends=
 on
+  whether the &lt;code&gt;&lt;a href=3D#the-legend-element&gt;legend&lt;=
/a&gt;&lt;/code&gt; element is in a &lt;code&gt;&lt;a href=3D#the-fieldse=
t-element&gt;fieldset&lt;/a&gt;&lt;/code&gt; element or not. If the
+  &lt;code&gt;&lt;a href=3D#the-legend-element&gt;legend&lt;/a&gt;&lt;/c=
ode&gt; has a &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldset&=
lt;/a&gt;&lt;/code&gt; element as its parent, then the &lt;code title=3Dd=
om-legend-form&gt;&lt;a href=3D#dom-legend-form&gt;form&lt;/a&gt;&lt;/cod=
e&gt; IDL attribute must return the same value as the &lt;code title=3Ddo=
m-fae-form&gt;&lt;a href=3D#dom-fae-form&gt;form&lt;/a&gt;&lt;/code&gt; I=
DL attribute on that &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fi=
eldset&lt;/a&gt;&lt;/code&gt; element. Otherwise,
+  it must return null.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+
+
+  &lt;h4 id=3Dform-control-infrastructure&gt;&lt;span class=3Dsecno&gt;4=
.10.18 &lt;/span&gt;Form control infrastructure&lt;/h4&gt;
+
+  &lt;h5 id=3D&quot;a-form-control's-value&quot;&gt;&lt;span class=3Dsec=
no&gt;4.10.18.1 &lt;/span&gt;A form control's value&lt;/h5&gt;
+
+  &lt;p&gt;Form controls have a &lt;dfn id=3Dconcept-fe-value title=3Dco=
ncept-fe-value&gt;value&lt;/dfn&gt; and a &lt;dfn id=3Dconcept-fe-checked=
 title=3Dconcept-fe-checked&gt;checkedness&lt;/dfn&gt;. (The latter is on=
ly used by &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;=
&lt;/code&gt;
+  elements.) These are used to describe how the user interacts with the =
control.&lt;/p&gt;
+
+  &lt;p&gt;To define the behaviour of constraint validation in the face =
of the &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;=
/code&gt;
+  element's &lt;code title=3Dattr-input-multiple&gt;&lt;a href=3D#attr-i=
nput-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt; attribute, &lt;code&gt;&=
lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; elements
+  can also have separately defined &lt;dfn id=3Dconcept-fe-values title=3D=
concept-fe-values&gt;value&lt;em&gt;s&lt;/em&gt;&lt;/dfn&gt;.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dmutability&gt;&lt;span class=3Dsecno&gt;4.10.18.2 &lt;/spa=
n&gt;Mutability&lt;/h5&gt;
+
+  &lt;p&gt;A form control can be designated as &lt;dfn id=3Dconcept-fe-m=
utable title=3Dconcept-fe-mutable&gt;&lt;i&gt;mutable&lt;/i&gt;&lt;/dfn&g=
t;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This determines (by means of definitions and req=
uirements in this specification
+  that rely on whether an element is so designated) whether or not the u=
ser can modify the &lt;a href=3D#concept-fe-value title=3Dconcept-fe-valu=
e&gt;value&lt;/a&gt; or &lt;a href=3D#concept-fe-checked title=3Dconcept-=
fe-checked&gt;checkedness&lt;/a&gt; of a
+  form control, or whether or not a control can be automatically prefill=
ed.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dassociation-of-controls-and-forms&gt;&lt;span class=3Dsecn=
o&gt;4.10.18.3 &lt;/span&gt;Association of controls and forms&lt;/h5&gt;
+
+  &lt;p&gt;A &lt;a href=3D#form-associated-element&gt;form-associated el=
ement&lt;/a&gt; can have a relationship with a &lt;code&gt;&lt;a href=3D#=
the-form-element&gt;form&lt;/a&gt;&lt;/code&gt;
+  element, which is called the element's &lt;dfn id=3Dform-owner&gt;form=
 owner&lt;/dfn&gt;. If a &lt;a href=3D#form-associated-element&gt;form-as=
sociated
+  element&lt;/a&gt; is not associated with a &lt;code&gt;&lt;a href=3D#t=
he-form-element&gt;form&lt;/a&gt;&lt;/code&gt; element, its &lt;a href=3D=
#form-owner&gt;form owner&lt;/a&gt; is
+  said to be null.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;a href=3D#form-associated-element&gt;form-associated el=
ement&lt;/a&gt; is, by default, associated with its &lt;span class=3Dimpl=
&gt;nearest&lt;/span&gt; ancestor &lt;code&gt;&lt;a href=3D#the-form-elem=
ent&gt;form&lt;/a&gt;&lt;/code&gt; element&lt;span class=3Dimpl&gt; (as d=
escribed
+  below)&lt;/span&gt;, but, if it is &lt;a href=3D#category-form-attr ti=
tle=3Dcategory-form-attr&gt;reassociateable&lt;/a&gt;, may have a
+  &lt;dfn id=3Dattr-fae-form title=3Dattr-fae-form&gt;&lt;code&gt;form&l=
t;/code&gt;&lt;/dfn&gt; attribute specified to override this.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This feature allows authors to work around the l=
ack of support for nested
+  &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&=
gt; elements.&lt;/p&gt;
+
+  &lt;p&gt;If a &lt;a href=3D#category-form-attr title=3Dcategory-form-a=
ttr&gt;reassociateable&lt;/a&gt; &lt;a href=3D#form-associated-element&gt=
;form-associated
+  element&lt;/a&gt; has a &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D=
#attr-fae-form&gt;form&lt;/a&gt;&lt;/code&gt; attribute specified, then t=
hat
+  attribute's value must be the &lt;a href=3D#concept-id title=3Dconcept=
-id&gt;ID&lt;/a&gt; of a &lt;code&gt;&lt;a href=3D#the-form-element&gt;fo=
rm&lt;/a&gt;&lt;/code&gt; element in
+  the element's owner &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;=
/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p class=3Dnote&gt;The rules in this section are complicated by the=
 fact that although conforming
+  documents will never contain nested &lt;code&gt;&lt;a href=3D#the-form=
-element&gt;form&lt;/a&gt;&lt;/code&gt; elements, it is quite possible (e=
.g. using a
+  script that performs DOM manipulation) to generate documents that have=
 such nested elements. They
+  are also complicated by rules in the HTML parser that, for historical =
reasons, can result in a
+  &lt;a href=3D#form-associated-element&gt;form-associated element&lt;/a=
&gt; being associated with a &lt;code&gt;&lt;a href=3D#the-form-element&g=
t;form&lt;/a&gt;&lt;/code&gt; element that is not
+  its ancestor.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;a href=3D#form-associated-element&gt;form-associat=
ed element&lt;/a&gt; is created, its &lt;a href=3D#form-owner&gt;form own=
er&lt;/a&gt; must be
+  initialized to null (no owner).&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;a href=3D#form-associated-element&gt;form-associat=
ed element&lt;/a&gt; is to be &lt;dfn id=3Dconcept-form-association title=
=3Dconcept-form-association&gt;associated&lt;/dfn&gt; with a form, its &l=
t;a href=3D#form-owner&gt;form owner&lt;/a&gt; must be
+  set to that form.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;a href=3D#form-associated-element&gt;form-associat=
ed element&lt;/a&gt; or one of its ancestors is &lt;a href=3D#insert-an-e=
lement-into-a-document title=3D&quot;insert an
+  element into a document&quot;&gt;inserted into a &lt;code&gt;Document&=
lt;/code&gt;&lt;/a&gt;, then the user agent must
+  &lt;a href=3D#reset-the-form-owner&gt;reset the form owner&lt;/a&gt; o=
f that &lt;a href=3D#form-associated-element&gt;form-associated element&l=
t;/a&gt;. &lt;span class=3Dnote&gt;The &lt;a href=3D#html-parser&gt;HTML =
parser&lt;/a&gt; overrides this requirement when inserting form
+  controls.&lt;/span&gt;&lt;/p&gt;
+
+  &lt;p&gt;When an element is &lt;a href=3D#remove-an-element-from-a-doc=
ument title=3D&quot;remove an element from a document&quot;&gt;removed fr=
om a
+  &lt;code&gt;Document&lt;/code&gt;&lt;/a&gt; resulting in a &lt;a href=3D=
#form-associated-element&gt;form-associated element&lt;/a&gt; and its
+  &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt; (if any) no longer be=
ing in the same &lt;a href=3D#home-subtree&gt;home subtree&lt;/a&gt;, the=
n the
+  user agent must &lt;a href=3D#reset-the-form-owner&gt;reset the form o=
wner&lt;/a&gt; of that &lt;a href=3D#form-associated-element&gt;form-asso=
ciated
+  element&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;a href=3D#category-form-attr title=3Dcategory-form=
-attr&gt;reassociateable&lt;/a&gt; &lt;a href=3D#form-associated-element&=
gt;form-associated
+  element&lt;/a&gt;'s &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#at=
tr-fae-form&gt;form&lt;/a&gt;&lt;/code&gt; attribute is set, changed, or =
removed,
+  then the user agent must &lt;a href=3D#reset-the-form-owner&gt;reset t=
he form owner&lt;/a&gt; of that element.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;a href=3D#category-form-attr title=3Dcategory-form=
-attr&gt;reassociateable&lt;/a&gt; &lt;a href=3D#form-associated-element&=
gt;form-associated
+  element&lt;/a&gt; has a &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D=
#attr-fae-form&gt;form&lt;/a&gt;&lt;/code&gt; attribute and the &lt;a hre=
f=3D#concept-id title=3Dconcept-id&gt;ID&lt;/a&gt; of any of the elements=
 in the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code=
&gt; changes, then the
+  user agent must &lt;a href=3D#reset-the-form-owner&gt;reset the form o=
wner&lt;/a&gt; of that &lt;a href=3D#form-associated-element&gt;form-asso=
ciated
+  element&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;a href=3D#category-form-attr title=3Dcategory-form=
-attr&gt;reassociateable&lt;/a&gt; &lt;a href=3D#form-associated-element&=
gt;form-associated
+  element&lt;/a&gt; has a &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D=
#attr-fae-form&gt;form&lt;/a&gt;&lt;/code&gt; attribute and an element wi=
th an
+  &lt;a href=3D#concept-id title=3Dconcept-id&gt;ID&lt;/a&gt; is &lt;a h=
ref=3D#insert-an-element-into-a-document title=3D&quot;insert an element =
into a document&quot;&gt;inserted
+  into&lt;/a&gt; or &lt;a href=3D#remove-an-element-from-a-document titl=
e=3D&quot;remove an element from a document&quot;&gt;removed from&lt;/a&g=
t; the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;,=
 then the user agent must &lt;a href=3D#reset-the-form-owner&gt;reset the=
 form owner&lt;/a&gt; of that
+  &lt;a href=3D#form-associated-element&gt;form-associated element&lt;/a=
&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When the user agent is to &lt;dfn id=3Dreset-the-form-owner&g=
t;reset the form owner&lt;/dfn&gt; of a &lt;a href=3D#form-associated-ele=
ment&gt;form-associated
+  element&lt;/a&gt;, it must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the element's &lt;a href=3D#form-owner=
&gt;form owner&lt;/a&gt; is not null, and either the element is not &lt;a=
 href=3D#category-form-attr title=3Dcategory-form-attr&gt;reassociateable=
&lt;/a&gt; or its &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fa=
e-form&gt;form&lt;/a&gt;&lt;/code&gt;
+   content attribute is not present, and the element's &lt;a href=3D#for=
m-owner&gt;form owner&lt;/a&gt; is its nearest
+   &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code=
&gt; element ancestor after the change to the ancestor chain, then do not=
hing, and
+   abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the element's &lt;a href=3D#form-owner&gt;form=
 owner&lt;/a&gt; be null.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the element is &lt;a href=3D#category-form-attr title=3D=
category-form-attr&gt;reassociateable&lt;/a&gt;, has a &lt;code title=3Da=
ttr-fae-form&gt;&lt;a href=3D#attr-fae-form&gt;form&lt;/a&gt;&lt;/code&gt=
; content attribute, and is itself &lt;a href=3D#in-a-document title=3D&q=
uot;in a
+    Document&quot;&gt;in a &lt;code&gt;Document&lt;/code&gt;&lt;/a&gt;, =
then run these substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;!-- note that this ignores the name=3D&quot;&quot; att=
ribute and is unaffected by quirks mode (it's always
+     case sensitive) --&gt;&lt;li&gt;&lt;p&gt;If the first element &lt;a=
 href=3D#in-a-document title=3D&quot;in a Document&quot;&gt;in the &lt;co=
de&gt;Document&lt;/code&gt;&lt;/a&gt; to
+     have an &lt;a href=3D#concept-id title=3Dconcept-id&gt;ID&lt;/a&gt;=
 that is &lt;a href=3D#case-sensitive title=3Dcase-sensitive&gt;case-sens=
itively&lt;/a&gt; equal to the element's &lt;code title=3Dattr-fae-form&g=
t;&lt;a href=3D#attr-fae-form&gt;form&lt;/a&gt;&lt;/code&gt; content attr=
ibute's value is a &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;=
/a&gt;&lt;/code&gt; element,
+     then &lt;a href=3D#concept-form-association title=3Dconcept-form-as=
sociation&gt;associate&lt;/a&gt; the &lt;a href=3D#form-associated-elemen=
t&gt;form-associated
+     element&lt;/a&gt; with that &lt;code&gt;&lt;a href=3D#the-form-elem=
ent&gt;form&lt;/a&gt;&lt;/code&gt; element.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Abort the &quot;reset the form owner&quot; steps=
.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, if the &lt;a href=3D#form-associated-el=
ement&gt;form-associated element&lt;/a&gt; in question has an ancestor
+   &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code=
&gt; element, then &lt;a href=3D#concept-form-association title=3Dconcept=
-form-association&gt;associate&lt;/a&gt; the
+   &lt;a href=3D#form-associated-element&gt;form-associated element&lt;/=
a&gt; with the nearest such ancestor &lt;code&gt;&lt;a href=3D#the-form-e=
lement&gt;form&lt;/a&gt;&lt;/code&gt;
+   element.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, the element is left unassociated.&lt;/l=
i&gt;
+
+  &lt;/ol&gt;&lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In the following non-conforming snippet:&lt;/p&gt;
+
+   &lt;pre class=3Dbad&gt;...
+ &amp;lt;form id=3D&quot;a&quot;&amp;gt;
+  &amp;lt;div id=3D&quot;b&quot;&amp;gt;&amp;lt;/div&amp;gt;
+ &amp;lt;/form&amp;gt;
+ &amp;lt;script&amp;gt;
+  document.getElementById('b').innerHTML =3D
+     '&amp;lt;table&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;&amp;lt;f=
orm id=3D&quot;c&quot;&amp;gt;&amp;lt;input id=3D&quot;d&quot;&amp;gt;&am=
p;lt;/table&amp;gt;' +
+     '&amp;lt;input id=3D&quot;e&quot;&amp;gt;';
+ &amp;lt;/script&amp;gt;
+...&lt;/pre&gt;
+
+   &lt;p&gt;The &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt; of &quo=
t;d&quot; would be the inner nested form &quot;c&quot;, while the &lt;a h=
ref=3D#form-owner&gt;form
+   owner&lt;/a&gt; of &quot;e&quot; would be the outer form &quot;a&quot=
;.&lt;/p&gt;
+
+   &lt;p&gt;This happens as follows: First, the &quot;e&quot; node gets =
associated with &quot;c&quot; in the &lt;a href=3D#html-parser&gt;HTML
+   parser&lt;/a&gt;. Then, the &lt;code title=3Ddom-innerHTML&gt;&lt;a h=
ref=3D#dom-innerhtml&gt;innerHTML&lt;/a&gt;&lt;/code&gt; algorithm moves =
the nodes
+   from the temporary document to the &quot;b&quot; element. At this poi=
nt, the nodes see their ancestor chain
+   change, and thus all the &quot;magic&quot; associations done by the p=
arser are reset to normal ancestor
+   associations.&lt;/p&gt;
+
+   &lt;p&gt;This example is a non-conforming document, though, as it is =
a violation of the content models
+   to nest &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&=
lt;/code&gt; elements.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;/div&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;e=
lement&lt;/var&gt; . &lt;code title=3Ddom-fae-form&gt;&lt;a href=3D#dom-f=
ae-form&gt;form&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the element's &lt;a href=3D#form-owner&gt;form owne=
r&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Returns null if there isn't one.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;a href=3D#category-form-attr title=3Dcategory-form-attr&g=
t;Reassociateable&lt;/a&gt; &lt;a href=3D#form-associated-element title=3D=
&quot;form-associated
+  element&quot;&gt;form-associated elements&lt;/a&gt; have a &lt;dfn id=3D=
dom-fae-form title=3Ddom-fae-form&gt;&lt;code&gt;form&lt;/code&gt;&lt;/df=
n&gt;
+  IDL attribute, which, on getting, must return the element's &lt;a href=
=3D#form-owner&gt;form owner&lt;/a&gt;, or null if
+  there isn't one.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+
+
+  &lt;h4 id=3Dattributes-common-to-form-controls&gt;&lt;span class=3Dsec=
no&gt;4.10.19 &lt;/span&gt;&lt;dfn&gt;Attributes common to form controls&=
lt;/dfn&gt;&lt;/h4&gt;
+
+  &lt;h5 id=3Dnaming-form-controls:-the-name-attribute&gt;&lt;span class=
=3Dsecno&gt;4.10.19.1 &lt;/span&gt;Naming form controls: the &lt;code tit=
le=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt;name&lt;/a&gt;&lt;/cod=
e&gt; attribute&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-fe-name title=3Dattr-fe-name&gt;&lt;cod=
e&gt;name&lt;/code&gt;&lt;/dfn&gt; content attribute gives the name of th=
e
+  form control, as used in &lt;a href=3D#form-submission&gt;form submiss=
ion&lt;/a&gt; and in the &lt;code&gt;&lt;a href=3D#the-form-element&gt;fo=
rm&lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Ddom-form-elements&gt=
;&lt;a href=3D#dom-form-elements&gt;elements&lt;/a&gt;&lt;/code&gt; objec=
t. If the attribute is specified, its value must
+  not be the empty string.&lt;/p&gt;
+
+  &lt;p&gt;Any non-empty value for &lt;code title=3Dattr-form-name&gt;&l=
t;a href=3D#attr-form-name&gt;name&lt;/a&gt;&lt;/code&gt; is allowed, but=
 the names
+  &quot;&lt;code title=3Dattr-fe-name-charset&gt;&lt;a href=3D#attr-fe-n=
ame-charset&gt;_charset_&lt;/a&gt;&lt;/code&gt;&quot; and &quot;&lt;code =
title=3Dattr-fe-name-isindex&gt;&lt;a href=3D#attr-fe-name-isindex&gt;isi=
ndex&lt;/a&gt;&lt;/code&gt;&quot; are special:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dattr-fe-name-isindex title=3Dattr-fe-=
name-isindex&gt;&lt;code&gt;isindex&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;This value, if used as the name of a &lt;a href=3D&quot;#te=
xt-(type=3Dtext)-state-and-search-state-(type=3Dsearch)&quot; title=3Datt=
r-input-type-text&gt;Text&lt;/a&gt; control
+    that is the first control in a form that is submitted using the &lt;=
code title=3Dattr-fs-enctype-urlencoded&gt;&lt;a href=3D#attr-fs-enctype-=
urlencoded&gt;application/x-www-form-urlencoded&lt;/a&gt;&lt;/code&gt; me=
chanism, causes
+    the submission to only include the value of this control, with no na=
me.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-fe-name-charset title=3Dattr-fe-name-char=
set&gt;&lt;code&gt;_charset_&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;This value, if used as the name of a &lt;a href=3D&quot;#hi=
dden-state-(type=3Dhidden)&quot; title=3Dattr-input-type-hidden&gt;Hidden=
&lt;/a&gt;
+    control with no &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#a=
ttr-input-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, is automatical=
ly given a
+    value during submission consisting of the submission character encod=
ing.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-fe-name title=3Ddom-fe-name&gt;&lt;code&=
gt;name&lt;/code&gt;&lt;/dfn&gt; IDL attribute must &lt;a href=3D#reflect=
&gt;reflect&lt;/a&gt;
+  the &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt;nam=
e&lt;/a&gt;&lt;/code&gt; content attribute.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Dsubmitting-element-directionality:-the-dirname-attribute&g=
t;&lt;span class=3Dsecno&gt;4.10.19.2 &lt;/span&gt;Submitting element dir=
ectionality: the &lt;code title=3Dattr-fe-dirname&gt;&lt;a href=3D#attr-f=
e-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt; attribute&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-fe-dirname title=3Dattr-fe-dirname&gt;&=
lt;code&gt;dirname&lt;/code&gt;&lt;/dfn&gt; attribute on a form control e=
lement
+  enables the submission of &lt;a href=3D#the-directionality&gt;the dire=
ctionality&lt;/a&gt; of the element, and gives the name of
+  the field that contains this value during &lt;a href=3D#form-submissio=
n&gt;form submission&lt;/a&gt;. If such an attribute is
+  specified, its value must not be the empty string.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this example, a form contains a text field and a submissi=
on button:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;form action=3D&quot;addcomment.cgi&quot; method=3D=
post&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Comment: &amp;lt;input type=3Dtex=
t name=3D&quot;comment&quot; dirname=3D&quot;comment.dir&quot; required&a=
mp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;button name=3D&quot;mode&quot; type=3Dsubmit v=
alue=3D&quot;add&quot;&amp;gt;Post Comment&amp;lt;/button&amp;gt;&amp;lt;=
/p&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;When the user submits the form, the user agent includes thre=
e fields, one called &quot;comment&quot;,
+   one called &quot;comment.dir&quot;, and one called &quot;mode&quot;; =
so if the user types &quot;Hello&quot;, the submission
+   body might be something like:&lt;/p&gt;
+
+   &lt;pre&gt;comment=3DHello&amp;amp;&lt;strong&gt;comment.dir=3Dltr&lt=
;/strong&gt;&amp;amp;mode=3Dadd&lt;/pre&gt;
+
+   &lt;p&gt;If the user manually switches to a right-to-left writing dir=
ection and enters &quot;&lt;span dir=3Drtl lang=3Dar title=3D&quot;&quot;=
&gt;&amp;#x645;&amp;#x631;&amp;#x62d;&amp;#x628;&amp;#x627;&lt;/span&gt;&=
quot;, the submission body might be
+   something like:&lt;/p&gt;
+
+   &lt;pre&gt;comment=3D%D9%85%D8%B1%D8%AD%D8%A8%D8%A7&amp;amp;&lt;stron=
g&gt;comment.dir=3Drtl&lt;/strong&gt;&amp;amp;mode=3Dadd&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Dlimiting-user-input-length:-the-maxlength-attribute&gt;&lt=
;span class=3Dsecno&gt;4.10.19.3 &lt;/span&gt;Limiting user input length:=
 the &lt;code title=3Dattr-fe-maxlength&gt;&lt;a href=3D#attr-fe-maxlengt=
h&gt;maxlength&lt;/a&gt;&lt;/code&gt; attribute&lt;/h5&gt;
+
+  &lt;p&gt;A &lt;dfn id=3Dattr-fe-maxlength title=3Dattr-fe-maxlength&gt=
;form control &lt;code title=3D&quot;&quot;&gt;maxlength&lt;/code&gt; att=
ribute&lt;/dfn&gt;,
+  controlled by a &lt;var title=3D&quot;&quot;&gt;dirty value flag&lt;/v=
ar&gt;, declares a limit on the number of characters
+  a user can input.&lt;/p&gt;
+
+  &lt;p&gt;If an element has its &lt;a href=3D#attr-fe-maxlength title=3D=
attr-fe-maxlength&gt;form control &lt;code title=3D&quot;&quot;&gt;maxlen=
gth&lt;/code&gt; attribute&lt;/a&gt; specified, the attribute's value mus=
t be a &lt;a href=3D#valid-non-negative-integer&gt;valid
+  non-negative integer&lt;/a&gt;. If the attribute is specified and appl=
ying the &lt;a href=3D#rules-for-parsing-non-negative-integers&gt;rules f=
or
+  parsing non-negative integers&lt;/a&gt; to its value results in a numb=
er, then that number is the
+  element's &lt;dfn id=3Dmaximum-allowed-value-length&gt;maximum allowed=
 value length&lt;/dfn&gt;. If the attribute is omitted or parsing its
+  value results in an error, then there is no &lt;a href=3D#maximum-allo=
wed-value-length&gt;maximum allowed value length&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: If an ele=
ment has a &lt;a href=3D#maximum-allowed-value-length&gt;maximum allowed =
value
+  length&lt;/a&gt;, its &lt;var title=3D&quot;&quot;&gt;dirty value flag=
&lt;/var&gt; is true, its &lt;a href=3D#concept-fe-value title=3Dconcept-=
fe-value&gt;value&lt;/a&gt; was last changed by a user edit (as opposed t=
o a change made
+  by a script), and the &lt;a href=3D#code-unit-length&gt;code-unit leng=
th&lt;/a&gt; of the element's &lt;a href=3D#concept-fe-value title=3Dconc=
ept-fe-value&gt;value&lt;/a&gt; is greater than the element's &lt;a href=3D=
#maximum-allowed-value-length&gt;maximum allowed value
+  length&lt;/a&gt;, then the element is &lt;a href=3D#suffering-from-bei=
ng-too-long&gt;suffering from being too long&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;User agents may prevent the user from causing the element's &=
lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt;=
 to be set to a value whose &lt;a href=3D#code-unit-length&gt;code-unit l=
ength&lt;/a&gt; is
+  greater than the element's &lt;a href=3D#maximum-allowed-value-length&=
gt;maximum allowed value length&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Dsetting-minimum-input-length-requirements:-the-minlength-a=
ttribute&gt;&lt;span class=3Dsecno&gt;4.10.19.4 &lt;/span&gt;Setting mini=
mum input length requirements: the &lt;code title=3Dattr-fe-minlength&gt;=
&lt;a href=3D#attr-fe-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt; attri=
bute&lt;/h5&gt;
+
+  &lt;p&gt;A &lt;dfn id=3Dattr-fe-minlength title=3Dattr-fe-minlength&gt=
;form control &lt;code title=3D&quot;&quot;&gt;minlength&lt;/code&gt; att=
ribute&lt;/dfn&gt;,
+  controlled by a &lt;var title=3D&quot;&quot;&gt;dirty value flag&lt;/v=
ar&gt;, declares a lower bound on the number of
+  characters a user can input.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code title=3Dattr-fe-minlength&gt;&lt;a =
href=3D#attr-fe-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt; attribute d=
oes not imply the
+  &lt;code title=3D&quot;&quot;&gt;required&lt;/code&gt; attribute. If t=
he form control has no &lt;code title=3Dattr-fe-minlength&gt;&lt;a href=3D=
#attr-fe-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt; attribute, then th=
e value can still be omitted; the
+  &lt;code title=3Dattr-fe-minlength&gt;&lt;a href=3D#attr-fe-minlength&=
gt;minlength&lt;/a&gt;&lt;/code&gt; attribute only kicks in once the user=
 has entered
+  a value at all. If the empty string is not allowed, then the &lt;code =
title=3D&quot;&quot;&gt;required&lt;/code&gt;
+  attribute also needs to be set.&lt;/p&gt;
+
+  &lt;p&gt;If an element has its &lt;a href=3D#attr-fe-minlength title=3D=
attr-fe-minlength&gt;form control &lt;code title=3D&quot;&quot;&gt;minlen=
gth&lt;/code&gt; attribute&lt;/a&gt; specified, the attribute's value mus=
t be a &lt;a href=3D#valid-non-negative-integer&gt;valid
+  non-negative integer&lt;/a&gt;. If the attribute is specified and appl=
ying the &lt;a href=3D#rules-for-parsing-non-negative-integers&gt;rules f=
or
+  parsing non-negative integers&lt;/a&gt; to its value results in a numb=
er, then that number is the
+  element's &lt;dfn id=3Dminimum-allowed-value-length&gt;minimum allowed=
 value length&lt;/dfn&gt;. If the attribute is omitted or parsing its
+  value results in an error, then there is no &lt;a href=3D#minimum-allo=
wed-value-length&gt;minimum allowed value length&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;If an element has both a &lt;a href=3D#maximum-allowed-value-=
length&gt;maximum allowed value length&lt;/a&gt; and a &lt;a href=3D#mini=
mum-allowed-value-length&gt;minimum allowed
+  value length&lt;/a&gt;, the &lt;a href=3D#minimum-allowed-value-length=
&gt;minimum allowed value length&lt;/a&gt; must be smaller than or equal
+  to the &lt;a href=3D#maximum-allowed-value-length&gt;maximum allowed v=
alue length&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: If an ele=
ment has a &lt;a href=3D#minimum-allowed-value-length&gt;minimum allowed =
value
+  length&lt;/a&gt;, its &lt;a href=3D#concept-fe-value title=3Dconcept-f=
e-value&gt;value&lt;/a&gt; is not the empty string, and the
+  &lt;a href=3D#code-unit-length&gt;code-unit length&lt;/a&gt; of the el=
ement's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&=
lt;/a&gt; is less
+  than the element's &lt;a href=3D#minimum-allowed-value-length&gt;minim=
um allowed value length&lt;/a&gt;, then the element is &lt;a href=3D#suff=
ering-from-being-too-short&gt;suffering
+  from being too short&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this example, there are four text fields. The first is re=
quired, and has to be at least 5
+   characters long. The other three are optional, but if the user fills =
one in, the user has to
+   enter at least 10 characters.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;form action=3D&quot;/events/menu.cgi&quot; method=3D=
&quot;post&quot;&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Name of Event: &amp;lt;input requ=
ired minlength=3D5 maxlength=3D50 name=3Devent&amp;gt;&amp;lt;/label&amp;=
gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Describe what you would like for =
breakfast, if anything:
+    &amp;lt;textarea name=3D&quot;breakfast&quot; minlength=3D&quot;10&q=
uot;&amp;gt;&amp;lt;/textarea&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp=
;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Describe what you would like for =
lunch, if anything:
+    &amp;lt;textarea name=3D&quot;lunch&quot; minlength=3D&quot;10&quot;=
&amp;gt;&amp;lt;/textarea&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Describe what you would like for =
dinner, if anything:
+    &amp;lt;textarea name=3D&quot;dinner&quot; minlength=3D&quot;10&quot=
;&amp;gt;&amp;lt;/textarea&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt=
;
+ &amp;lt;p&amp;gt;&amp;lt;input type=3Dsubmit value=3D&quot;Submit Reque=
st&quot;&amp;gt;&amp;lt;/p&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Denabling-and-disabling-form-controls:-the-disabled-attribu=
te&gt;&lt;span class=3Dsecno&gt;4.10.19.5 &lt;/span&gt;Enabling and disab=
ling form controls: the &lt;code title=3Dattr-fe-disabled&gt;&lt;a href=3D=
#attr-fe-disabled&gt;disabled&lt;/a&gt;&lt;/code&gt; attribute&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-fe-disabled title=3Dattr-fe-disabled&gt=
;&lt;code&gt;disabled&lt;/code&gt;&lt;/dfn&gt; content attribute is a
+  &lt;a href=3D#boolean-attribute&gt;boolean attribute&lt;/a&gt;.&lt;/p&=
gt;
+
+  &lt;p&gt;A form control is &lt;dfn id=3Dconcept-fe-disabled title=3Dco=
ncept-fe-disabled&gt;disabled&lt;/dfn&gt; if its &lt;code title=3Dattr-fe=
-disabled&gt;&lt;a href=3D#attr-fe-disabled&gt;disabled&lt;/a&gt;&lt;/cod=
e&gt; attribute is set, or if it is a descendant of a
+  &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldset&lt;/a&gt;&l=
t;/code&gt; element whose &lt;code title=3Dattr-fieldset-disabled&gt;&lt;=
a href=3D#attr-fieldset-disabled&gt;disabled&lt;/a&gt;&lt;/code&gt; attri=
bute
+  is set and is &lt;em&gt;not&lt;/em&gt; a descendant of that &lt;code&g=
t;&lt;a href=3D#the-fieldset-element&gt;fieldset&lt;/a&gt;&lt;/code&gt; e=
lement's first
+  &lt;code&gt;&lt;a href=3D#the-legend-element&gt;legend&lt;/a&gt;&lt;/c=
ode&gt; element child, if any.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;A form control that is &lt;a href=3D#concept-fe-disabled titl=
e=3Dconcept-fe-disabled&gt;disabled&lt;/a&gt; must prevent any &lt;code t=
itle=3Devent-click&gt;&lt;a href=3D#event-click&gt;click&lt;/a&gt;&lt;/co=
de&gt; events that are &lt;a href=3D#queue-a-task title=3D&quot;queue a t=
ask&quot;&gt;queued&lt;/a&gt; on the
+  &lt;a href=3D#user-interaction-task-source&gt;user interaction task so=
urce&lt;/a&gt; from being dispatched on the element.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Constraint validation&lt;/strong&gt;: If an ele=
ment is &lt;a href=3D#concept-fe-disabled title=3Dconcept-fe-disabled&gt;=
disabled&lt;/a&gt;, it is &lt;a href=3D#barred-from-constraint-validation=
&gt;barred from constraint
+  validation&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-fe-disabled title=3Ddom-fe-disabled&gt;&=
lt;code&gt;disabled&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-f=
e-disabled&gt;&lt;a href=3D#attr-fe-disabled&gt;disabled&lt;/a&gt;&lt;/co=
de&gt; content attribute.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Dform-submission-0&gt;&lt;span class=3Dsecno&gt;4.10.19.6 &=
lt;/span&gt;Form submission&lt;/h5&gt;
+
+  &lt;p&gt;&lt;dfn id=3Dattributes-for-form-submission&gt;Attributes for=
 form submission&lt;/dfn&gt; can be specified both on &lt;code&gt;&lt;a h=
ref=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&gt; elements
+  and on &lt;a href=3D#concept-submit-button title=3Dconcept-submit-butt=
on&gt;submit buttons&lt;/a&gt; (elements that represent buttons
+  that submit forms, e.g. an &lt;code&gt;&lt;a href=3D#the-input-element=
&gt;input&lt;/a&gt;&lt;/code&gt; element whose &lt;code title=3Dattr-inpu=
t-type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; at=
tribute is in the &lt;a href=3D&quot;#submit-button-state-(type=3Dsubmit)=
&quot; title=3Dattr-input-type-submit&gt;Submit Button&lt;/a&gt; state).
+
+  &lt;p&gt;The &lt;a href=3D#attributes-for-form-submission&gt;attribute=
s for form submission&lt;/a&gt; that may be specified on &lt;code&gt;&lt;=
a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&gt;
+  elements are &lt;code title=3Dattr-fs-action&gt;&lt;a href=3D#attr-fs-=
action&gt;action&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-fs-enctype=
&gt;&lt;a href=3D#attr-fs-enctype&gt;enctype&lt;/a&gt;&lt;/code&gt;, &lt;=
code title=3Dattr-fs-method&gt;&lt;a href=3D#attr-fs-method&gt;method&lt;=
/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-fs-novalidate&gt;&lt;a href=3D=
#attr-fs-novalidate&gt;novalidate&lt;/a&gt;&lt;/code&gt;, and &lt;code ti=
tle=3Dattr-fs-target&gt;&lt;a href=3D#attr-fs-target&gt;target&lt;/a&gt;&=
lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The corresponding &lt;a href=3D#attributes-for-form-submissio=
n&gt;attributes for form submission&lt;/a&gt; that may be specified on &l=
t;a href=3D#concept-submit-button title=3Dconcept-submit-button&gt;submit=
 buttons&lt;/a&gt; are &lt;code title=3Dattr-fs-formaction&gt;&lt;a href=3D=
#attr-fs-formaction&gt;formaction&lt;/a&gt;&lt;/code&gt;, &lt;code title=3D=
attr-fs-formenctype&gt;&lt;a href=3D#attr-fs-formenctype&gt;formenctype&l=
t;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-fs-formmethod&gt;&lt;a href=3D=
#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;, &lt;code title=3D=
attr-fs-formnovalidate&gt;&lt;a href=3D#attr-fs-formnovalidate&gt;formnov=
alidate&lt;/a&gt;&lt;/code&gt;, and &lt;code title=3Dattr-fs-formtarget&g=
t;&lt;a href=3D#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;. =
When omitted, they default to the values given on
+  the corresponding attributes on the &lt;code&gt;&lt;a href=3D#the-form=
-element&gt;form&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Dattr-fs-action title=3Dattr-fs-act=
ion&gt;&lt;code&gt;action&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Dattr-=
fs-formaction title=3Dattr-fs-formaction&gt;&lt;code&gt;formaction&lt;/co=
de&gt;&lt;/dfn&gt; content attributes, if specified, must
+  have a value that is a &lt;a href=3D#valid-non-empty-url-potentially-s=
urrounded-by-spaces&gt;valid non-empty URL potentially surrounded by spac=
es&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dconcept-fs-action title=3Dconcept-fs-action&=
gt;action&lt;/dfn&gt; of an element is the value of the element's
+  &lt;code title=3Dattr-fs-formaction&gt;&lt;a href=3D#attr-fs-formactio=
n&gt;formaction&lt;/a&gt;&lt;/code&gt; attribute, if the element is a &lt=
;a href=3D#concept-submit-button title=3Dconcept-submit-button&gt;submit =
button&lt;/a&gt; and has such an attribute, or the value of its
+  &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt;'s &lt;code title=3Dat=
tr-fs-action&gt;&lt;a href=3D#attr-fs-action&gt;action&lt;/a&gt;&lt;/code=
&gt; attribute, if &lt;em&gt;it&lt;/em&gt; has
+  one, or else the empty string.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Dattr-fs-method title=3Dattr-fs-met=
hod&gt;&lt;code&gt;method&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Dattr-=
fs-formmethod title=3Dattr-fs-formmethod&gt;&lt;code&gt;formmethod&lt;/co=
de&gt;&lt;/dfn&gt; content attributes are &lt;a href=3D#enumerated-attrib=
ute title=3D&quot;enumerated attribute&quot;&gt;enumerated attributes&lt;=
/a&gt; with the following keywords and
+  states:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;The keyword &lt;dfn id=3Dattr-fs-method-get-keywor=
d title=3Dattr-fs-method-GET-keyword&gt;&lt;code&gt;get&lt;/code&gt;&lt;/=
dfn&gt;, mapping to the
+   state &lt;dfn id=3Dattr-fs-method-get title=3Dattr-fs-method-GET&gt;G=
ET&lt;/dfn&gt;, indicating the HTTP GET method.&lt;/li&gt;
+
+   &lt;li&gt;The keyword &lt;dfn id=3Dattr-fs-method-post-keyword title=3D=
attr-fs-method-POST-keyword&gt;&lt;code&gt;post&lt;/code&gt;&lt;/dfn&gt;,=
 mapping to the
+   state &lt;dfn id=3Dattr-fs-method-post title=3Dattr-fs-method-POST&gt=
;POST&lt;/dfn&gt;, indicating the HTTP POST method.&lt;/li&gt;
+
+   &lt;li&gt;The keyword &lt;dfn id=3Dattr-fs-method-dialog-keyword titl=
e=3Dattr-fs-method-dialog-keyword&gt;&lt;code&gt;dialog&lt;/code&gt;&lt;/=
dfn&gt;, mapping to
+   the state &lt;dfn id=3Dattr-fs-method-dialog title=3Dattr-fs-method-d=
ialog&gt;dialog&lt;/dfn&gt;, indicating that submitting the
+   &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code=
&gt; is intended to close the &lt;code&gt;&lt;a href=3D#the-dialog-elemen=
t&gt;dialog&lt;/a&gt;&lt;/code&gt; box in which the form finds
+   itself, if any, and otherwise not submit.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;The &lt;i&gt;invalid value default&lt;/i&gt; for t=
hese attributes is the &lt;a href=3D#attr-fs-method-get title=3Dattr-fs-m=
ethod-GET&gt;GET&lt;/a&gt; state. The &lt;i&gt;missing value default&lt;/=
i&gt; for the &lt;code title=3Dattr-fs-method&gt;&lt;a href=3D#attr-fs-me=
thod&gt;method&lt;/a&gt;&lt;/code&gt; attribute is also the &lt;a href=3D=
#attr-fs-method-get title=3Dattr-fs-method-GET&gt;GET&lt;/a&gt; state. (T=
here is no &lt;i&gt;missing value default&lt;/i&gt; for the
+  &lt;code title=3Dattr-fs-formmethod&gt;&lt;a href=3D#attr-fs-formmetho=
d&gt;formmethod&lt;/a&gt;&lt;/code&gt; attribute.)&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dconcept-fs-method title=3Dconcept-fs-method&=
gt;method&lt;/dfn&gt; of an element is one of those states. If the
+  element is a &lt;a href=3D#concept-submit-button title=3Dconcept-submi=
t-button&gt;submit button&lt;/a&gt; and has a &lt;code title=3Dattr-fs-fo=
rmmethod&gt;&lt;a href=3D#attr-fs-formmethod&gt;formmethod&lt;/a&gt;&lt;/=
code&gt; attribute, then the element's &lt;a href=3D#concept-fs-method ti=
tle=3Dconcept-fs-method&gt;method&lt;/a&gt; is that attribute's state; ot=
herwise, it is the &lt;a href=3D#form-owner&gt;form
+  owner&lt;/a&gt;'s &lt;code title=3Dattr-fs-method&gt;&lt;a href=3D#att=
r-fs-method&gt;method&lt;/a&gt;&lt;/code&gt; attribute's state.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Dattr-fs-enctype title=3Dattr-fs-en=
ctype&gt;&lt;code&gt;enctype&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Dat=
tr-fs-formenctype title=3Dattr-fs-formenctype&gt;&lt;code&gt;formenctype&=
lt;/code&gt;&lt;/dfn&gt; content attributes are &lt;a href=3D#enumerated-=
attribute title=3D&quot;enumerated attribute&quot;&gt;enumerated attribut=
es&lt;/a&gt; with the following keywords and
+  states:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;The &quot;&lt;dfn id=3Dattr-fs-enctype-urlencoded =
title=3Dattr-fs-enctype-urlencoded&gt;&lt;code&gt;application/x-www-form-=
urlencoded&lt;/code&gt;&lt;/dfn&gt;&quot; keyword and corresponding state=
.&lt;/li&gt;
+   &lt;li&gt;The &quot;&lt;dfn id=3Dattr-fs-enctype-formdata title=3Datt=
r-fs-enctype-formdata&gt;&lt;code&gt;multipart/form-data&lt;/code&gt;&lt;=
/dfn&gt;&quot; keyword and corresponding state.&lt;/li&gt;
+   &lt;li&gt;The &quot;&lt;dfn id=3Dattr-fs-enctype-text title=3Dattr-fs=
-enctype-text&gt;&lt;code&gt;text/plain&lt;/code&gt;&lt;/dfn&gt;&quot; ke=
yword and corresponding state.&lt;/li&gt;
+  &lt;/ul&gt;&lt;p&gt;The &lt;i&gt;invalid value default&lt;/i&gt; for t=
hese attributes is the &lt;code title=3Dattr-fs-enctype-urlencoded&gt;&lt=
;a href=3D#attr-fs-enctype-urlencoded&gt;application/x-www-form-urlencode=
d&lt;/a&gt;&lt;/code&gt; state. The &lt;i&gt;missing
+  value default&lt;/i&gt; for the &lt;code title=3Dattr-fs-enctype&gt;&l=
t;a href=3D#attr-fs-enctype&gt;enctype&lt;/a&gt;&lt;/code&gt; attribute i=
s also the &lt;code title=3Dattr-fs-enctype-urlencoded&gt;&lt;a href=3D#a=
ttr-fs-enctype-urlencoded&gt;application/x-www-form-urlencoded&lt;/a&gt;&=
lt;/code&gt; state. (There is no
+  &lt;i&gt;missing value default&lt;/i&gt; for the &lt;code title=3Dattr=
-fs-formenctype&gt;&lt;a href=3D#attr-fs-formenctype&gt;formenctype&lt;/a=
&gt;&lt;/code&gt;
+  attribute.)&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dconcept-fs-enctype title=3Dconcept-fs-enctyp=
e&gt;enctype&lt;/dfn&gt; of an element is one of those three states.
+  If the element is a &lt;a href=3D#concept-submit-button title=3Dconcep=
t-submit-button&gt;submit button&lt;/a&gt; and has a &lt;code title=3Datt=
r-fs-formenctype&gt;&lt;a href=3D#attr-fs-formenctype&gt;formenctype&lt;/=
a&gt;&lt;/code&gt; attribute, then the element's &lt;a href=3D#concept-fs=
-enctype title=3Dconcept-fs-enctype&gt;enctype&lt;/a&gt; is that attribut=
e's state; otherwise, it is the
+  &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt;'s &lt;code title=3Dat=
tr-fs-enctype&gt;&lt;a href=3D#attr-fs-enctype&gt;enctype&lt;/a&gt;&lt;/c=
ode&gt; attribute's state.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Dattr-fs-target title=3Dattr-fs-tar=
get&gt;&lt;code&gt;target&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Dattr-=
fs-formtarget title=3Dattr-fs-formtarget&gt;&lt;code&gt;formtarget&lt;/co=
de&gt;&lt;/dfn&gt; content attributes, if specified, must
+  have values that are &lt;a href=3D#valid-browsing-context-name-or-keyw=
ord title=3D&quot;valid browsing context name or keyword&quot;&gt;valid b=
rowsing context
+  names or keywords&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dconcept-fs-target title=3Dconcept-fs-target&=
gt;target&lt;/dfn&gt; of an element is the value of the element's
+  &lt;code title=3Dattr-fs-formtarget&gt;&lt;a href=3D#attr-fs-formtarge=
t&gt;formtarget&lt;/a&gt;&lt;/code&gt; attribute, if the element is a &lt=
;a href=3D#concept-submit-button title=3Dconcept-submit-button&gt;submit =
button&lt;/a&gt; and has such an attribute; or the value of its
+  &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt;'s &lt;code title=3Dat=
tr-fs-target&gt;&lt;a href=3D#attr-fs-target&gt;target&lt;/a&gt;&lt;/code=
&gt; attribute, if &lt;em&gt;it&lt;/em&gt; has
+  such an attribute; or, if the &lt;code&gt;&lt;a href=3D#document&gt;Do=
cument&lt;/a&gt;&lt;/code&gt; contains a &lt;code&gt;&lt;a href=3D#the-ba=
se-element&gt;base&lt;/a&gt;&lt;/code&gt; element with a
+  &lt;code title=3Dattr-base-target&gt;&lt;a href=3D#attr-base-target&gt=
;target&lt;/a&gt;&lt;/code&gt; attribute, then the value of the &lt;code =
title=3Dattr-base-target&gt;&lt;a href=3D#attr-base-target&gt;target&lt;/=
a&gt;&lt;/code&gt; attribute of the first such &lt;code&gt;&lt;a href=3D#=
the-base-element&gt;base&lt;/a&gt;&lt;/code&gt; element; or,
+  if there is no such element, the empty string.&lt;/p&gt; &lt;!-- c.f. =
hyperlink following --&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Dattr-fs-novalidate title=3Dattr-fs=
-novalidate&gt;&lt;code&gt;novalidate&lt;/code&gt;&lt;/dfn&gt; and &lt;df=
n id=3Dattr-fs-formnovalidate title=3Dattr-fs-formnovalidate&gt;&lt;code&=
gt;formnovalidate&lt;/code&gt;&lt;/dfn&gt; content attributes are &lt;a h=
ref=3D#boolean-attribute title=3D&quot;boolean attribute&quot;&gt;boolean=
 attributes&lt;/a&gt;. If present, they indicate that the form is
+  not to be validated during submission.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dconcept-fs-novalidate title=3Dconcept-fs-nov=
alidate&gt;no-validate state&lt;/dfn&gt; of an element is true if the
+  element is a &lt;a href=3D#concept-submit-button title=3Dconcept-submi=
t-button&gt;submit button&lt;/a&gt; and the element's &lt;code title=3Dat=
tr-fs-formnovalidate&gt;&lt;a href=3D#attr-fs-formnovalidate&gt;formnoval=
idate&lt;/a&gt;&lt;/code&gt; attribute is present, or if the element's
+  &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt;'s &lt;code title=3Dat=
tr-fs-novalidate&gt;&lt;a href=3D#attr-fs-novalidate&gt;novalidate&lt;/a&=
gt;&lt;/code&gt; attribute is present,
+  and false otherwise.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This attribute is useful to include &quot;save&quot; buttons=
 on forms that have validation constraints,
+   to allow users to save their progress even though they haven't fully =
entered the data in the
+   form. The following example shows a simple form that has two required=
 fields. There are three
+   buttons: one to submit the form, which requires both fields to be fil=
led in; one to save the form
+   so that the user can come back and fill it in later; and one to cance=
l the form altogether.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;form action=3D&quot;editor.cgi&quot; method=3D&quo=
t;post&quot;&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Name: &amp;lt;input required name=
=3Dfn&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Essay: &amp;lt;textarea required =
name=3Dessay&amp;gt;&amp;lt;/textarea&amp;gt;&amp;lt;/label&amp;gt;&amp;l=
t;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;input type=3Dsubmit name=3Dsubmit value=3D&quo=
t;Submit essay&quot;&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;input type=3Dsubmit formnovalidate name=3Dsave=
 value=3D&quot;Save essay&quot;&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;input type=3Dsubmit formnovalidate name=3Dcanc=
el value=3D&quot;Cancel&quot;&amp;gt;&amp;lt;/p&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-fs-action title=3Ddom-fs-actio=
n&gt;&lt;code&gt;action&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content attribute of th=
e same name, except that on getting, when the
+  content attribute is missing or its value is the empty string, &lt;a h=
ref=3D&quot;#the-document's-address&quot;&gt;the document's address&lt;/a=
&gt;
+  must be returned instead. The &lt;dfn id=3Ddom-fs-target title=3Ddom-f=
s-target&gt;&lt;code&gt;target&lt;/code&gt;&lt;/dfn&gt; IDL attribute
+  must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content attribute =
of the same name. The &lt;dfn id=3Ddom-fs-method title=3Ddom-fs-method&gt=
;&lt;code&gt;method&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Ddom-fs-enct=
ype title=3Ddom-fs-enctype&gt;&lt;code&gt;enctype&lt;/code&gt;&lt;/dfn&gt=
; IDL attributes must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the
+  respective content attributes of the same name, &lt;a href=3D#limited-=
to-only-known-values&gt;limited to only known values&lt;/a&gt;. The
+  &lt;dfn id=3Ddom-fs-encoding title=3Ddom-fs-encoding&gt;&lt;code&gt;en=
coding&lt;/code&gt;&lt;/dfn&gt; IDL attribute must &lt;a href=3D#reflect&=
gt;reflect&lt;/a&gt;
+  the &lt;code title=3Dattr-fs-enctype&gt;&lt;a href=3D#attr-fs-enctype&=
gt;enctype&lt;/a&gt;&lt;/code&gt; content attribute, &lt;a href=3D#limite=
d-to-only-known-values&gt;limited to only known
+  values&lt;/a&gt;. The &lt;dfn id=3Ddom-fs-novalidate title=3Ddom-fs-no=
Validate&gt;&lt;code&gt;noValidate&lt;/code&gt;&lt;/dfn&gt; IDL attribute=
 must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-f=
s-novalidate&gt;&lt;a href=3D#attr-fs-novalidate&gt;novalidate&lt;/a&gt;&=
lt;/code&gt; content attribute. The
+  &lt;dfn id=3Ddom-fs-formaction title=3Ddom-fs-formAction&gt;&lt;code&g=
t;formAction&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-f=
s-formaction&gt;&lt;a href=3D#attr-fs-formaction&gt;formaction&lt;/a&gt;&=
lt;/code&gt; content attribute,
+  except that on getting, when the content attribute is missing or its v=
alue is the empty string,
+  &lt;a href=3D&quot;#the-document's-address&quot;&gt;the document's add=
ress&lt;/a&gt; must be returned instead. The &lt;dfn id=3Ddom-fs-formenct=
ype title=3Ddom-fs-formEnctype&gt;&lt;code&gt;formEnctype&lt;/code&gt;&lt=
;/dfn&gt; IDL attribute must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt;
+  the &lt;code title=3Dattr-fs-formenctype&gt;&lt;a href=3D#attr-fs-form=
enctype&gt;formenctype&lt;/a&gt;&lt;/code&gt; content attribute, &lt;a hr=
ef=3D#limited-to-only-known-values&gt;limited to only
+  known values&lt;/a&gt;. The &lt;dfn id=3Ddom-fs-formmethod title=3Ddom=
-fs-formMethod&gt;&lt;code&gt;formMethod&lt;/code&gt;&lt;/dfn&gt; IDL
+  attribute must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code=
 title=3Dattr-fs-formmethod&gt;&lt;a href=3D#attr-fs-formmethod&gt;formme=
thod&lt;/a&gt;&lt;/code&gt; content
+  attribute, &lt;a href=3D#limited-to-only-known-values&gt;limited to on=
ly known values&lt;/a&gt;. The &lt;dfn id=3Ddom-fs-formnovalidate title=3D=
dom-fs-formNoValidate&gt;&lt;code&gt;formNoValidate&lt;/code&gt;&lt;/dfn&=
gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-f=
s-formnovalidate&gt;&lt;a href=3D#attr-fs-formnovalidate&gt;formnovalidat=
e&lt;/a&gt;&lt;/code&gt; content
+  attribute. The &lt;dfn id=3Ddom-fs-formtarget title=3Ddom-fs-formTarge=
t&gt;&lt;code&gt;formTarget&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-f=
s-formtarget&gt;&lt;a href=3D#attr-fs-formtarget&gt;formtarget&lt;/a&gt;&=
lt;/code&gt; content attribute.
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Dautofocusing-a-form-control:-the-autofocus-attribute&gt;&l=
t;span class=3Dsecno&gt;4.10.19.7 &lt;/span&gt;Autofocusing a form contro=
l: the &lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr-fe-autofo=
cus&gt;autofocus&lt;/a&gt;&lt;/code&gt; attribute&lt;/h5&gt;
+
+  &lt;!-- v2: Apply this to contentEditable elements --&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-fe-autofocus title=3Dattr-fe-autofocus&=
gt;&lt;code&gt;autofocus&lt;/code&gt;&lt;/dfn&gt; content attribute allow=
s the
+  author to indicate that a control is to be focused as soon as the page=
 is loaded or as soon as the
+  &lt;code&gt;&lt;a href=3D#the-dialog-element&gt;dialog&lt;/a&gt;&lt;/c=
ode&gt; within which it finds itself is shown, allowing the user to just =
start typing
+  without having to manually focus the main control.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr-=
fe-autofocus&gt;autofocus&lt;/a&gt;&lt;/code&gt; attribute is a &lt;a hre=
f=3D#boolean-attribute&gt;boolean
+  attribute&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;An element's &lt;dfn id=3Dnearest-ancestor-autofocus-scoping-=
root-element&gt;nearest ancestor autofocus scoping root element&lt;/dfn&g=
t; is the element itself
+  if the element is a &lt;code&gt;&lt;a href=3D#the-dialog-element&gt;di=
alog&lt;/a&gt;&lt;/code&gt; element, or else is the element's nearest anc=
estor
+  &lt;code&gt;&lt;a href=3D#the-dialog-element&gt;dialog&lt;/a&gt;&lt;/c=
ode&gt; element, if any, or else is the element's &lt;a href=3D#root-elem=
ent&gt;root element&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;There must not be two elements with the same &lt;a href=3D#ne=
arest-ancestor-autofocus-scoping-root-element&gt;nearest ancestor autofoc=
us scoping root
+  element&lt;/a&gt; that both have the &lt;code title=3Dattr-fe-autofocu=
s&gt;&lt;a href=3D#attr-fe-autofocus&gt;autofocus&lt;/a&gt;&lt;/code&gt; =
attribute
+  specified.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an element with the &lt;code title=3Dattr-fe-autofocus&g=
t;&lt;a href=3D#attr-fe-autofocus&gt;autofocus&lt;/a&gt;&lt;/code&gt; att=
ribute specified
+  is &lt;a href=3D#insert-an-element-into-a-document title=3D&quot;inser=
t an element into a document&quot;&gt;inserted into a document&lt;/a&gt;,=
 user agents
+  should run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;targe=
t&lt;/var&gt; be the element's &lt;code&gt;&lt;a href=3D#document&gt;Docu=
ment&lt;/a&gt;&lt;/code&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;target&lt;/var&=
gt; has no &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;, =
abort these
+   steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;target&lt;/var&=
gt;'s &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; has no=
 &lt;a href=3D#top-level-browsing-context&gt;top-level
+   browsing context&lt;/a&gt; (e.g. it is a &lt;a href=3D#nested-browsin=
g-context&gt;nested browsing context&lt;/a&gt; with no &lt;a href=3D#pare=
nt-browsing-context&gt;parent
+   browsing context&lt;/a&gt;), abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;target&lt;/var&=
gt;'s &lt;a href=3D#active-sandboxing-flag-set&gt;active sandboxing flag =
set&lt;/a&gt; has the
+   &lt;a href=3D#sandboxed-automatic-features-browsing-context-flag&gt;s=
andboxed automatic features browsing context flag&lt;/a&gt;, abort these =
steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;target&lt;/var&=
gt;'s &lt;a href=3D#origin&gt;origin&lt;/a&gt; is not the &lt;a href=3D#s=
ame-origin title=3D&quot;same
+   origin&quot;&gt;same&lt;/a&gt; as the &lt;a href=3D#origin&gt;origin&=
lt;/a&gt; of the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;=
&lt;/code&gt; of the currently
+   focused element in &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt;=
's &lt;a href=3D#top-level-browsing-context&gt;top-level browsing context=
&lt;/a&gt;, abort
+   these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;target&lt;/var&=
gt;'s &lt;a href=3D#origin&gt;origin&lt;/a&gt; is not the &lt;a href=3D#s=
ame-origin title=3D&quot;same
+   origin&quot;&gt;same&lt;/a&gt; as the &lt;a href=3D#origin&gt;origin&=
lt;/a&gt; of the &lt;a href=3D#active-document&gt;active document&lt;/a&g=
t; of &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt;'s &lt;a href=3D#=
top-level-browsing-context&gt;top-level browsing context&lt;/a&gt;, abort=
 these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the user agent has already reached the last ste=
p of this list of steps in response to
+   an element being &lt;a href=3D#insert-an-element-into-a-document titl=
e=3D&quot;insert an element into a document&quot;&gt;inserted&lt;/a&gt; i=
nto a
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
 whose &lt;a href=3D#top-level-browsing-context&gt;top-level browsing con=
text&lt;/a&gt;'s &lt;a href=3D#active-document&gt;active
+   document&lt;/a&gt; is the same as &lt;var title=3D&quot;&quot;&gt;tar=
get&lt;/var&gt;'s &lt;a href=3D#top-level-browsing-context&gt;top-level b=
rowsing
+   context&lt;/a&gt;'s &lt;a href=3D#active-document&gt;active document&=
lt;/a&gt;, abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the user has indicated (for example, by startin=
g to type in a form control) that he
+   does not wish focus to be changed, then optionally abort these steps.=
&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#queue-a-task&gt;Queue a task&lt;/a&g=
t; that checks to see if the element is &lt;a href=3D#focusable&gt;focusa=
ble&lt;/a&gt;, and
+   if so, runs the &lt;a href=3D#focusing-steps&gt;focusing steps&lt;/a&=
gt; for that element. User agents may also change the
+   scrolling position of the document, or perform some other action that=
 brings the element to the
+   user's attention. The &lt;a href=3D#task-source&gt;task source&lt;/a&=
gt; for this task is the &lt;a href=3D#user-interaction-task-source&gt;us=
er interaction task
+   source&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;This handles the automatic focusing d=
uring document load. The &lt;code title=3Ddom-dialog-showModal&gt;&lt;a h=
ref=3D#dom-dialog-showmodal&gt;showModal()&lt;/a&gt;&lt;/code&gt; method =
of &lt;code&gt;&lt;a href=3D#the-dialog-element&gt;dialog&lt;/a&gt;&lt;/c=
ode&gt; elements also
+  processes the &lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr=
-fe-autofocus&gt;autofocus&lt;/a&gt;&lt;/code&gt; attribute.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Focusing the control does not imply that the use=
r agent must focus the browser
+  window if it has lost focus.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-fe-autofocus title=3Ddom-fe-autofocus&gt=
;&lt;code&gt;autofocus&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content attribute of th=
e same name.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+   &lt;p&gt;In the following snippet, the text control would be focused =
when
+   the document was loaded.&lt;/p&gt;
+   &lt;pre&gt;&amp;lt;input maxlength=3D&quot;256&quot; name=3D&quot;q&q=
uot; value=3D&quot;&quot; autofocus&amp;gt;
+&amp;lt;input type=3D&quot;submit&quot; value=3D&quot;Search&quot;&amp;g=
t;&lt;/pre&gt;
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Dinput-modalities:-the-inputmode-attribute&gt;&lt;span clas=
s=3Dsecno&gt;4.10.19.8 &lt;/span&gt;Input modalities: the &lt;code title=3D=
attr-fe-inputmode&gt;&lt;a href=3D#attr-fe-inputmode&gt;inputmode&lt;/a&g=
t;&lt;/code&gt; attribute&lt;/h5&gt;
+
+  &lt;!-- v2: Apply this to contentEditable elements --&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-fe-inputmode title=3Dattr-fe-inputmode&=
gt;&lt;code&gt;inputmode&lt;/code&gt;&lt;/dfn&gt; content attribute is an
+  &lt;a href=3D#enumerated-attribute&gt;enumerated attribute&lt;/a&gt; t=
hat specifies what kind of input mechanism would be most
+  helpful for users entering content into the form control.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;User agents must recognise all the keywords and corresponding=
 states given below, but need not
+  support all of the corresponding states. If a keyword's state is not s=
upported, the user agent
+  must act as if the keyword instead mapped to the given state's fallbac=
k state, as defined below.
+  This fallback behaviour is transitive.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;For example, if a user agent with a QWERTY keybo=
ard layout does not support text
+  prediction and automatic capitalization, then it could treat the &lt;c=
ode title=3Dattr-fe-inputmode-keyword-latin-prose&gt;&lt;a href=3D#attr-f=
e-inputmode-keyword-latin-prose&gt;latin-prose&lt;/a&gt;&lt;/code&gt; key=
word in the same way as the
+  &lt;code title=3Dattr-fe-inputmode-keyword-verbatim&gt;&lt;a href=3D#a=
ttr-fe-inputmode-keyword-verbatim&gt;verbatim&lt;/a&gt;&lt;/code&gt; keyw=
ord, following the chain
+  &lt;a href=3D#attr-fe-inputmode-state-latin-prose title=3Dattr-fe-inpu=
tmode-state-latin-prose&gt;Latin Prose&lt;/a&gt; &amp;srarr; &lt;a href=3D=
#attr-fe-inputmode-state-latin title=3Dattr-fe-inputmode-state-latin&gt;L=
atin Text&lt;/a&gt; &amp;srarr; &lt;a href=3D#attr-fe-inputmode-state-ver=
batim title=3Dattr-fe-inputmode-state-verbatim&gt;Latin Verbatim&lt;/a&gt=
;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The possible keywords and states for the attributes are liste=
d in the following table. The
+  keywords are listed in the first column. Each maps to the state given =
in the cell in the second
+  column of that keyword's row, and that state has the fallback state gi=
ven in the cell in the third
+  column of that row.&lt;/p&gt;
+
+  &lt;table class=3Dthree-column-nowrap&gt;&lt;thead&gt;&lt;tr&gt;&lt;th=
&gt; Keyword
+     &lt;th&gt; State
+     &lt;th&gt; Fallback state
+     &lt;th&gt; Description
+
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-keyw=
ord-verbatim title=3Dattr-fe-inputmode-keyword-verbatim&gt;&lt;code&gt;ve=
rbatim&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-state-verbatim title=3Dat=
tr-fe-inputmode-state-verbatim&gt;Latin Verbatim&lt;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D#attr-fe-inputmode-state-default title=3Dat=
tr-fe-inputmode-state-default&gt;Default&lt;/a&gt;
+     &lt;td&gt; Alphanumeric Latin-script input of non-prose content, e.=
g. usernames, passwords, product codes.
+
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-keyword-latin ti=
tle=3Dattr-fe-inputmode-keyword-latin&gt;&lt;code&gt;latin&lt;/code&gt;&l=
t;/dfn&gt;
+     &lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-state-latin title=3Dattr-=
fe-inputmode-state-latin&gt;Latin Text&lt;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D#attr-fe-inputmode-state-verbatim title=3Da=
ttr-fe-inputmode-state-verbatim&gt;Latin Verbatim&lt;/a&gt;
+     &lt;td&gt; Latin-script input in the user's preferred language(s), =
with some typing aids enabled
+     (e.g. text prediction). Intended for human-to-computer communicatio=
ns, e.g. free-form text
+     search fields.
+
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-keyword-latin-na=
me title=3Dattr-fe-inputmode-keyword-latin-name&gt;&lt;code&gt;latin-name=
&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-state-latin-name title=3D=
attr-fe-inputmode-state-latin-name&gt;Latin Name&lt;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D#attr-fe-inputmode-state-latin title=3Dattr=
-fe-inputmode-state-latin&gt;Latin Text&lt;/a&gt;
+     &lt;td&gt; Latin-script input in the user's preferred language(s), =
with typing aids intended for
+     entering human names enabled (e.g. text prediction from the user's =
contact list and automatic
+     capitalisation at every word). Intended for situations such as cust=
omer name fields.
+
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-keyword-latin-pr=
ose title=3Dattr-fe-inputmode-keyword-latin-prose&gt;&lt;code&gt;latin-pr=
ose&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-state-latin-prose title=3D=
attr-fe-inputmode-state-latin-prose&gt;Latin Prose&lt;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D#attr-fe-inputmode-state-latin title=3Dattr=
-fe-inputmode-state-latin&gt;Latin Text&lt;/a&gt;
+     &lt;td&gt; Latin-script input in the user's preferred language(s), =
with aggressive typing aids
+     intended for human-to-human communications enabled (e.g. text predi=
ction and automatic
+     capitalisation at the start of sentences). Intended for situations =
such as e-mails and instant
+     messaging.
+
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-keyword-full-wid=
th-latin title=3Dattr-fe-inputmode-keyword-full-width-latin&gt;&lt;code&g=
t;full-width-latin&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-state-full-width-latin ti=
tle=3Dattr-fe-inputmode-state-full-width-latin&gt;Full-width Latin&lt;/df=
n&gt;
+     &lt;td&gt; &lt;a href=3D#attr-fe-inputmode-state-latin title=3Dattr=
-fe-inputmode-state-latin&gt;Latin Prose&lt;/a&gt;
+     &lt;td&gt; Latin-script input in the user's secondary language(s), =
using full-width characters, with
+     aggressive typing aids intended for human-to-human communications e=
nabled (e.g. text prediction
+     and automatic capitalisation at the start of sentences). Intended f=
or latin text embedded
+     inside CJK text.
+
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-keyword-kana tit=
le=3Dattr-fe-inputmode-keyword-kana&gt;&lt;code&gt;kana&lt;/code&gt;&lt;/=
dfn&gt;
+     &lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-state-kana title=3Dattr-f=
e-inputmode-state-kana&gt;Kana&lt;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D#attr-fe-inputmode-state-default title=3Dat=
tr-fe-inputmode-state-default&gt;Default&lt;/a&gt;
+     &lt;td&gt; Kana or romaji input, typically hiragana input, using fu=
ll-width characters, with support
+     for converting to kanji. Intended for Japanese text input.
+
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-keyword-katakana=
 title=3Dattr-fe-inputmode-keyword-katakana&gt;&lt;code&gt;katakana&lt;/c=
ode&gt;&lt;/dfn&gt;
+     &lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-state-katakana title=3Dat=
tr-fe-inputmode-state-katakana&gt;Katakana&lt;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D#attr-fe-inputmode-state-kana title=3Dattr-=
fe-inputmode-state-kana&gt;Kana&lt;/a&gt;
+     &lt;td&gt; Katakana input, using full-width characters, with suppor=
t for converting to kanji.
+     Intended for Japanese text input.
+
+&lt;!-- See comment on https://plus.google.com/u/0/107429617152575897589=
/posts/WwVmKNjcZ4p
+    &lt;tr&gt;
+     &lt;td&gt; &lt;dfn title=3D&quot;attr-fe-inputmode-keyword-half-wid=
th-katakana&quot;&gt;&lt;code&gt;half-width-katakana&lt;/code&gt;&lt;/dfn=
&gt;
+     &lt;td&gt; &lt;dfn title=3D&quot;attr-fe-inputmode-state-half-width=
-katakana&quot;&gt;Half-width Katakana&lt;/dfn&gt;
+     &lt;td&gt; &lt;span title=3D&quot;attr-fe-inputmode-state-katakana&=
quot;&gt;Katakana&lt;/span&gt;
+     &lt;td&gt; Katakana input, using half-width characters, with suppor=
t for converting to kanji.
+     Intended for Japanese text input.
+--&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-keyword-numeric =
title=3Dattr-fe-inputmode-keyword-numeric&gt;&lt;code&gt;numeric&lt;/code=
&gt;&lt;/dfn&gt;
+     &lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-state-numeric title=3Datt=
r-fe-inputmode-state-numeric&gt;Numeric&lt;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D#attr-fe-inputmode-state-default title=3Dat=
tr-fe-inputmode-state-default&gt;Default&lt;/a&gt;
+     &lt;td&gt; Numeric input, including keys for the digits 0 to 9, the=
 user's preferred thousands
+     separator character, and the character for indicating negative numb=
ers. Intended for numeric
+     codes, e.g. credit card numbers. (For numbers, prefer &quot;&lt;cod=
e title=3Dattr-input-type-number&gt;&lt;a href=3D&quot;#number-state-(typ=
e=3Dnumber)&quot;&gt;&amp;lt;input type=3Dnumber&amp;gt;&lt;/a&gt;&lt;/co=
de&gt;&quot;.)
+
+    &lt;tr class=3Drare&gt;&lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-key=
word-tel title=3Dattr-fe-inputmode-keyword-tel&gt;&lt;code&gt;tel&lt;/cod=
e&gt;&lt;/dfn&gt;
+     &lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-state-telephone title=3Da=
ttr-fe-inputmode-state-telephone&gt;Telephone&lt;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D#attr-fe-inputmode-state-numeric title=3Dat=
tr-fe-inputmode-state-numeric&gt;Numeric&lt;/a&gt;
+     &lt;td&gt; Telephone number input, including keys for the digits 0 =
to 9, the &quot;#&quot; character, and the
+     &quot;*&quot; character. In some locales, this can also include alp=
habetic mnemonic labels (e.g. in the
+     US, the key labeled &quot;2&quot; is historically also labeled with=
 the letters A, B, and C). &lt;a href=3D#avoid-inputmode&gt;Rarely necess=
ary&lt;/a&gt;; use &quot;&lt;code title=3Dattr-input-type-tel&gt;&lt;a hr=
ef=3D&quot;#telephone-state-(type=3Dtel)&quot;&gt;&amp;lt;input
+     type=3Dtel&amp;gt;&lt;/a&gt;&lt;/code&gt;&quot; instead.
+
+    &lt;tr class=3Drare&gt;&lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-key=
word-email title=3Dattr-fe-inputmode-keyword-email&gt;&lt;code&gt;email&l=
t;/code&gt;&lt;/dfn&gt;
+     &lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-state-email title=3Dattr-=
fe-inputmode-state-email&gt;E-mail&lt;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D#attr-fe-inputmode-state-default title=3Dat=
tr-fe-inputmode-state-default&gt;Default&lt;/a&gt;
+     &lt;td&gt; Text input in the user's locale, with keys for aiding in=
 the input of e-mail addresses,
+     such as that for the &quot;@&quot; character and the &quot;.&quot; =
character. &lt;a href=3D#avoid-inputmode&gt;Rarely
+     necessary&lt;/a&gt;; use &quot;&lt;code title=3Dattr-input-type-ema=
il&gt;&lt;a href=3D&quot;#e-mail-state-(type=3Demail)&quot;&gt;&amp;lt;in=
put type=3Demail&amp;gt;&lt;/a&gt;&lt;/code&gt;&quot; instead.
+
+    &lt;tr class=3Drare&gt;&lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-key=
word-url title=3Dattr-fe-inputmode-keyword-url&gt;&lt;code&gt;url&lt;/cod=
e&gt;&lt;/dfn&gt;
+     &lt;td&gt; &lt;dfn id=3Dattr-fe-inputmode-state-url title=3Dattr-fe=
-inputmode-state-url&gt;URL&lt;/dfn&gt;
+     &lt;td&gt; &lt;a href=3D#attr-fe-inputmode-state-default title=3Dat=
tr-fe-inputmode-state-default&gt;Default&lt;/a&gt;
+     &lt;td&gt; Text input in the user's locale, with keys for aiding in=
 the input of Web addresses, such
+     as that for the &quot;/&quot; and &quot;.&quot; characters and for =
quick input of strings commonly found in domain
+     names such as &quot;www.&quot; or &quot;.co.uk&quot;. &lt;a href=3D=
#avoid-inputmode&gt;Rarely necessary&lt;/a&gt;; use &quot;&lt;code title=3D=
attr-input-type-url&gt;&lt;a href=3D&quot;#url-state-(type=3Durl)&quot;&g=
t;&amp;lt;input type=3Durl&amp;gt;&lt;/a&gt;&lt;/code&gt;&quot; instead.
+
+  &lt;/table&gt;&lt;p id=3Davoid-inputmode&gt;The last three keywords li=
sted above are only provided for completeness,
+  and are rarely necessary, as dedicated input controls exist for their =
usual use cases (as
+  described in the table above).&lt;/p&gt;
+
+  &lt;p&gt;User agents &lt;span class=3Dimpl&gt;must&lt;/span&gt; all su=
pport the &lt;dfn id=3Dattr-fe-inputmode-state-default title=3Dattr-fe-in=
putmode-state-default&gt;Default&lt;/dfn&gt; input mode state, which corr=
esponds to the
+  user agent's default input modality. &lt;span class=3Dimpl&gt;This spe=
cification does not define how the
+  user agent's default modality is to operate.&lt;/span&gt; The &lt;i&gt=
;missing value default&lt;/i&gt; is the &lt;a href=3D#attr-fe-inputmode-s=
tate-default title=3Dattr-fe-inputmode-state-default&gt;default input mod=
e&lt;/a&gt; state.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;User agents should use the input modality corresponding to th=
e state of the &lt;code title=3Dattr-fe-inputmode&gt;&lt;a href=3D#attr-f=
e-inputmode&gt;inputmode&lt;/a&gt;&lt;/code&gt; attribute when exposing a=
 user interface for editing
+  the value of a form control to which the attribute &lt;a href=3D#conce=
pt-input-apply title=3Dconcept-input-apply&gt;applies&lt;/a&gt;. An input=
 modality corresponding to a state is one
+  designed to fit the description of the state in the table above. This =
value can change
+  dynamically; user agents should update their interface as the attribut=
e changes state, unless that
+  would go against the user's wishes.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Dautofilling-form-controls:-the-autocomplete-attribute&gt;&=
lt;span class=3Dsecno&gt;4.10.19.9 &lt;/span&gt;Autofilling form controls=
: the &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-auto=
complete&gt;autocomplete&lt;/a&gt;&lt;/code&gt; attribute&lt;/h5&gt;
+
+  &lt;p&gt;User agents sometimes have features for helping users fill fo=
rms in, for example prefilling the
+  user's address based on earlier user input. The &lt;dfn id=3Dattr-fe-a=
utocomplete title=3Dattr-fe-autocomplete&gt;&lt;code&gt;autocomplete&lt;/=
code&gt;&lt;/dfn&gt; content attribute can be used to hint
+  to the user agent how to, or indeed whether to, provide such a feature=
.&lt;/p&gt;
+
+  &lt;p&gt;The attribute, if present, must have a value that is a &lt;a =
href=3D#set-of-space-separated-tokens&gt;set of space-separated
+  tokens&lt;/a&gt; consisting of either a single token that is an &lt;a =
href=3D#ascii-case-insensitive&gt;ASCII case-insensitive&lt;/a&gt;
+  match for the string &quot;&lt;code title=3Dattr-fe-autocomplete-off&g=
t;&lt;a href=3D#attr-fe-autocomplete-off&gt;off&lt;/a&gt;&lt;/code&gt;&qu=
ot;, or a single token that
+  is an &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-insensitive&l=
t;/a&gt; match for the string &quot;&lt;code title=3Dattr-fe-autocomplete=
-on&gt;&lt;a href=3D#attr-fe-autocomplete-on&gt;on&lt;/a&gt;&lt;/code&gt;=
&quot;, or the following, in the order given below:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;Optionally, a token whose first eight characters are an &lt=
;a href=3D#ascii-case-insensitive&gt;ASCII case-insensitive&lt;/a&gt;
+    match for the string &quot;&lt;code title=3Dattr-fe-autocomplete-sec=
tion&gt;section-&lt;/code&gt;&quot;, meaning that
+    the field belongs to the named group.&lt;/p&gt;
+
+    &lt;div class=3Dnote&gt;
+
+     &lt;p&gt;For example, if there are two shipping addresses in the fo=
rm, then they could be marked up
+     as:&lt;/p&gt;
+
+     &lt;pre&gt;&amp;lt;fieldset&amp;gt;
+ &amp;lt;legend&amp;gt;Ship the blue gift to...&amp;lt;/legend&amp;gt;
+ &amp;lt;p&amp;gt; &amp;lt;label&amp;gt; Address:     &amp;lt;input name=
=3Dba autocomplete=3D&quot;section-blue shipping street-address&quot;&amp=
;gt; &amp;lt;/label&amp;gt;
+ &amp;lt;p&amp;gt; &amp;lt;label&amp;gt; City:        &amp;lt;input name=
=3Dbc autocomplete=3D&quot;section-blue shipping region&quot;&amp;gt; &am=
p;lt;/label&amp;gt;
+ &amp;lt;p&amp;gt; &amp;lt;label&amp;gt; Postal Code: &amp;lt;input name=
=3Dbp autocomplete=3D&quot;section-blue shipping postal-code&quot;&amp;gt=
; &amp;lt;/label&amp;gt;
+&amp;lt;/fieldset&amp;gt;
+&amp;lt;fieldset&amp;gt;
+ &amp;lt;legend&amp;gt;Ship the red gift to...&amp;lt;/legend&amp;gt;
+ &amp;lt;p&amp;gt; &amp;lt;label&amp;gt; Address:     &amp;lt;input name=
=3Dra autocomplete=3D&quot;section-red shipping street-address&quot;&amp;=
gt; &amp;lt;/label&amp;gt;
+ &amp;lt;p&amp;gt; &amp;lt;label&amp;gt; City:        &amp;lt;input name=
=3Drc autocomplete=3D&quot;section-red shipping region&quot;&amp;gt; &amp=
;lt;/label&amp;gt;
+ &amp;lt;p&amp;gt; &amp;lt;label&amp;gt; Postal Code: &amp;lt;input name=
=3Drp autocomplete=3D&quot;section-red shipping country&quot;&amp;gt; &am=
p;lt;/label&amp;gt;
+&amp;lt;/fieldset&amp;gt;&lt;/pre&gt;
+
+    &lt;/div&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Optionally, a token that is an &lt;a href=3D#ascii-case-ins=
ensitive&gt;ASCII case-insensitive&lt;/a&gt; match for one of the
+    following strings:&lt;/p&gt;
+
+    &lt;ul class=3Dbrief&gt;&lt;li&gt;&quot;&lt;dfn id=3Dattr-fe-autocom=
plete-shipping title=3Dattr-fe-autocomplete-shipping&gt;&lt;code&gt;shipp=
ing&lt;/code&gt;&lt;/dfn&gt;&quot;, meaning the field
+     is part of the shipping address or contact information
+
+     &lt;li&gt;&quot;&lt;dfn id=3Dattr-fe-autocomplete-billing title=3Da=
ttr-fe-autocomplete-billing&gt;&lt;code&gt;billing&lt;/code&gt;&lt;/dfn&g=
t;&quot;, meaning the field
+     is part of the billing address or contact information
+
+    &lt;/ul&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Either of the following two options:&lt;/p&gt;
+
+    &lt;ul&gt;&lt;li&gt;
+
+      &lt;p&gt;A token that is an &lt;a href=3D#ascii-case-insensitive&g=
t;ASCII case-insensitive&lt;/a&gt; match for one of the following
+      &lt;a href=3D#autofill-field&gt;autofill field&lt;/a&gt; strings:&=
lt;/p&gt;
+
+      &lt;ul class=3Dbrief&gt;&lt;li&gt;&quot;&lt;code title=3Dattr-fe-a=
utocomplete-name&gt;&lt;a href=3D#attr-fe-autocomplete-name&gt;name&lt;/a=
&gt;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-honorific-p=
refix&gt;&lt;a href=3D#attr-fe-autocomplete-honorific-prefix&gt;honorific=
-prefix&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-given-name&=
gt;&lt;a href=3D#attr-fe-autocomplete-given-name&gt;given-name&lt;/a&gt;&=
lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-additional-=
name&gt;&lt;a href=3D#attr-fe-autocomplete-additional-name&gt;additional-=
name&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-family-name=
&gt;&lt;a href=3D#attr-fe-autocomplete-family-name&gt;family-name&lt;/a&g=
t;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-honorific-s=
uffix&gt;&lt;a href=3D#attr-fe-autocomplete-honorific-suffix&gt;honorific=
-suffix&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-nickname&gt=
;&lt;a href=3D#attr-fe-autocomplete-nickname&gt;nickname&lt;/a&gt;&lt;/co=
de&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-organizatio=
n-title&gt;&lt;a href=3D#attr-fe-autocomplete-organization-title&gt;organ=
ization-title&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-organizatio=
n&gt;&lt;a href=3D#attr-fe-autocomplete-organization&gt;organization&lt;/=
a&gt;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-street-addr=
ess&gt;&lt;a href=3D#attr-fe-autocomplete-street-address&gt;street-addres=
s&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-address-lin=
e1&gt;&lt;a href=3D#attr-fe-autocomplete-address-line1&gt;address-line1&l=
t;/a&gt;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-address-lin=
e2&gt;&lt;a href=3D#attr-fe-autocomplete-address-line2&gt;address-line2&l=
t;/a&gt;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-address-lin=
e3&gt;&lt;a href=3D#attr-fe-autocomplete-address-line3&gt;address-line3&l=
t;/a&gt;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-locality&gt=
;&lt;a href=3D#attr-fe-autocomplete-locality&gt;locality&lt;/a&gt;&lt;/co=
de&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-region&gt;&=
lt;a href=3D#attr-fe-autocomplete-region&gt;region&lt;/a&gt;&lt;/code&gt;=
&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-country&gt;=
&lt;a href=3D#attr-fe-autocomplete-country&gt;country&lt;/a&gt;&lt;/code&=
gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-country-nam=
e&gt;&lt;a href=3D#attr-fe-autocomplete-country-name&gt;country-name&lt;/=
a&gt;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-postal-code=
&gt;&lt;a href=3D#attr-fe-autocomplete-postal-code&gt;postal-code&lt;/a&g=
t;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-cc-name&gt;=
&lt;a href=3D#attr-fe-autocomplete-cc-name&gt;cc-name&lt;/a&gt;&lt;/code&=
gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-cc-given-na=
me&gt;&lt;a href=3D#attr-fe-autocomplete-cc-given-name&gt;cc-given-name&l=
t;/a&gt;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-cc-addition=
al-name&gt;&lt;a href=3D#attr-fe-autocomplete-cc-additional-name&gt;cc-ad=
ditional-name&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-cc-family-n=
ame&gt;&lt;a href=3D#attr-fe-autocomplete-cc-family-name&gt;cc-family-nam=
e&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-cc-number&g=
t;&lt;a href=3D#attr-fe-autocomplete-cc-number&gt;cc-number&lt;/a&gt;&lt;=
/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-cc-exp&gt;&=
lt;a href=3D#attr-fe-autocomplete-cc-exp&gt;cc-exp&lt;/a&gt;&lt;/code&gt;=
&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-cc-exp-mont=
h&gt;&lt;a href=3D#attr-fe-autocomplete-cc-exp-month&gt;cc-exp-month&lt;/=
a&gt;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-cc-exp-year=
&gt;&lt;a href=3D#attr-fe-autocomplete-cc-exp-year&gt;cc-exp-year&lt;/a&g=
t;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-cc-csc&gt;&=
lt;a href=3D#attr-fe-autocomplete-cc-csc&gt;cc-csc&lt;/a&gt;&lt;/code&gt;=
&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-cc-type&gt;=
&lt;a href=3D#attr-fe-autocomplete-cc-type&gt;cc-type&lt;/a&gt;&lt;/code&=
gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-language&gt=
;&lt;a href=3D#attr-fe-autocomplete-language&gt;language&lt;/a&gt;&lt;/co=
de&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-bday&gt;&lt=
;a href=3D#attr-fe-autocomplete-bday&gt;bday&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-bday-day&gt=
;&lt;a href=3D#attr-fe-autocomplete-bday-day&gt;bday-day&lt;/a&gt;&lt;/co=
de&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-bday-month&=
gt;&lt;a href=3D#attr-fe-autocomplete-bday-month&gt;bday-month&lt;/a&gt;&=
lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-bday-year&g=
t;&lt;a href=3D#attr-fe-autocomplete-bday-year&gt;bday-year&lt;/a&gt;&lt;=
/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-sex&gt;&lt;=
a href=3D#attr-fe-autocomplete-sex&gt;sex&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-url&gt;&lt;=
a href=3D#attr-fe-autocomplete-url&gt;url&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-photo&gt;&l=
t;a href=3D#attr-fe-autocomplete-photo&gt;photo&lt;/a&gt;&lt;/code&gt;&qu=
ot;
+      &lt;/ul&gt;&lt;p&gt;(See the table below for descriptions of these=
 values.)&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;The following, in the given order:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;
+
+        &lt;p&gt;Optionally, a token that is an &lt;a href=3D#ascii-case=
-insensitive&gt;ASCII case-insensitive&lt;/a&gt; match for one of the
+        following strings:&lt;/p&gt;
+
+        &lt;ul class=3Dbrief&gt;&lt;li&gt;&quot;&lt;dfn id=3Dattr-fe-aut=
ocomplete-home title=3Dattr-fe-autocomplete-home&gt;&lt;code&gt;home&lt;/=
code&gt;&lt;/dfn&gt;&quot;, meaning the field is
+         for contacting someone at their residence
+
+         &lt;li&gt;&quot;&lt;dfn id=3Dattr-fe-autocomplete-work title=3D=
attr-fe-autocomplete-work&gt;&lt;code&gt;work&lt;/code&gt;&lt;/dfn&gt;&qu=
ot;, meaning the field is
+         for contacting someone at their workplace
+
+         &lt;li&gt;&quot;&lt;dfn id=3Dattr-fe-autocomplete-mobile title=3D=
attr-fe-autocomplete-mobile&gt;&lt;code&gt;mobile&lt;/code&gt;&lt;/dfn&gt=
;&quot;&lt;!-- or &quot;cell&quot;?
+         --&gt;, meaning the field is for contacting someone regardless =
of location
+
+         &lt;li&gt;&quot;&lt;dfn id=3Dattr-fe-autocomplete-fax title=3Da=
ttr-fe-autocomplete-fax&gt;&lt;code&gt;fax&lt;/code&gt;&lt;/dfn&gt;&quot;=
, meaning the field
+         describes a fax machine's contact details
+
+         &lt;li&gt;&quot;&lt;dfn id=3Dattr-fe-autocomplete-pager title=3D=
attr-fe-autocomplete-pager&gt;&lt;code&gt;pager&lt;/code&gt;&lt;/dfn&gt;&=
quot;, meaning the field
+         describes a pager's or beeper's contact details
+
+        &lt;/ul&gt;&lt;/li&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;A token that is an &lt;a href=3D#ascii-case-insensitive=
&gt;ASCII case-insensitive&lt;/a&gt; match for one of the following
+        &lt;a href=3D#autofill-field&gt;autofill field&lt;/a&gt; strings=
:&lt;/p&gt;
+
+        &lt;ul class=3Dbrief&gt;&lt;li&gt;&quot;&lt;code title=3Dattr-fe=
-autocomplete-tel&gt;&lt;a href=3D#attr-fe-autocomplete-tel&gt;tel&lt;/a&=
gt;&lt;/code&gt;&quot;
+         &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-tel-count=
ry-code&gt;&lt;a href=3D#attr-fe-autocomplete-tel-country-code&gt;tel-cou=
ntry-code&lt;/a&gt;&lt;/code&gt;&quot;
+         &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-tel-natio=
nal&gt;&lt;a href=3D#attr-fe-autocomplete-tel-national&gt;tel-national&lt=
;/a&gt;&lt;/code&gt;&quot;
+         &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-tel-area-=
code&gt;&lt;a href=3D#attr-fe-autocomplete-tel-area-code&gt;tel-area-code=
&lt;/a&gt;&lt;/code&gt;&quot;
+         &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-tel-local=
&gt;&lt;a href=3D#attr-fe-autocomplete-tel-local&gt;tel-local&lt;/a&gt;&l=
t;/code&gt;&quot;
+         &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-tel-local=
-prefix&gt;&lt;a href=3D#attr-fe-autocomplete-tel-local-prefix&gt;tel-loc=
al-prefix&lt;/a&gt;&lt;/code&gt;&quot;
+         &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-tel-local=
-suffix&gt;&lt;a href=3D#attr-fe-autocomplete-tel-local-suffix&gt;tel-loc=
al-suffix&lt;/a&gt;&lt;/code&gt;&quot;
+         &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-tel-exten=
sion&gt;&lt;a href=3D#attr-fe-autocomplete-tel-extension&gt;tel-extension=
&lt;/a&gt;&lt;/code&gt;&quot;
+         &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-email&gt;=
&lt;a href=3D#attr-fe-autocomplete-email&gt;email&lt;/a&gt;&lt;/code&gt;&=
quot;
+         &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-impp&gt;&=
lt;a href=3D#attr-fe-autocomplete-impp&gt;impp&lt;/a&gt;&lt;/code&gt;&quo=
t;
+        &lt;/ul&gt;&lt;p&gt;(See the table below for descriptions of the=
se values.)&lt;/p&gt;
+
+       &lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &quot;&lt;dfn id=3Dattr-fe-autocomplete-off ti=
tle=3Dattr-fe-autocomplete-off&gt;&lt;code&gt;off&lt;/code&gt;&lt;/dfn&gt=
;&quot; keyword indicates either
+  that the control's input data is particularly sensitive (for example t=
he activation code for a
+  nuclear weapon); or that it is a value that will never be reused (for =
example a one-time-key for a
+  bank login) and the user will therefore have to explicitly enter the d=
ata each time, instead of
+  being able to rely on the UA to prefill the value for him; or that the=
 document provides its own
+  autocomplete mechanism and does not want the user agent to provide aut=
ocompletion values.&lt;/p&gt;
+
+  &lt;p&gt;The &quot;&lt;dfn id=3Dattr-fe-autocomplete-on title=3Dattr-f=
e-autocomplete-on&gt;&lt;code&gt;on&lt;/code&gt;&lt;/dfn&gt;&quot; keywor=
d indicates that the
+  user agent is allowed to provide the user with autocompletion values, =
but does not provide any
+  further information about what kind of data the user might be expected=
 to enter. User agents would
+  have to use heuristics to decide what autocompletion values to suggest=
.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dautofill-field title=3D&quot;autofill field&=
quot;&gt;autofill fields&lt;/dfn&gt; names listed above indicate that the=
 user
+  agent is allowed to provide the user with autocompletion values, and s=
pecifies what kind of value
+  is expected. The keywords relate to each other as described in the tab=
le below. Each field name
+  listed on a row of this table corresponds to the meaning given in the =
cell for that row in the
+  column labeled &quot;Meaning&quot;. Some fields correspond to subparts=
 of other fields; for example, a
+  credit card expiry date can be expressed as one field giving both the =
month and year of expiry
+  (&quot;&lt;code title=3Dattr-fe-autocomplete-cc-exp&gt;&lt;a href=3D#a=
ttr-fe-autocomplete-cc-exp&gt;cc-exp&lt;/a&gt;&lt;/code&gt;&quot;), or as=
 two fields, one giving the
+  month (&quot;&lt;code title=3Dattr-fe-autocomplete-cc-exp-month&gt;&lt=
;a href=3D#attr-fe-autocomplete-cc-exp-month&gt;cc-exp-month&lt;/a&gt;&lt=
;/code&gt;&quot;) and one the year
+  (&quot;&lt;code title=3Dattr-fe-autocomplete-cc-exp-year&gt;&lt;a href=
=3D#attr-fe-autocomplete-cc-exp-year&gt;cc-exp-year&lt;/a&gt;&lt;/code&gt=
;&quot;). In such cases, the names of
+  the broader fields cover multiple rows, in which the narrower fields a=
re defined.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Generally, authors are encouraged to use the bro=
ader fields rather than the
+  narrower fields, as the narrower fields tend to expose Western biases.=
 For example, while it is
+  common in some Western cultures to have a given name and a family name=
, in that order (and thus
+  often referred to as a &lt;i&gt;first name&lt;/i&gt; and a &lt;i&gt;su=
rname&lt;/i&gt;), many cultures put the family name
+  first and the given name second, and many others simply have one name =
(a &lt;i&gt;mononym&lt;/i&gt;). Having a
+  single field is therefore more flexible.&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th colspan=3D4&gt; Field name
+     &lt;th&gt; Meaning
+     &lt;th&gt; Canonical Format
+     &lt;th&gt; Canonical Format Example
+   &lt;tbody&gt;&lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-=
fe-autocomplete-name title=3Dattr-fe-autocomplete-name&gt;&lt;code&gt;nam=
e&lt;/code&gt;&lt;/dfn&gt;&quot;
+     &lt;td&gt;Full name
+     &lt;td&gt;Free-form text, no newlines
+     &lt;td&gt;Sir Timothy John Berners-Lee, OM, KBE, FRS, FREng, FRSA
+    &lt;tr&gt;&lt;td rowspan=3D5 class=3Dnon-rectangular-cell-indentatio=
n&gt;
+      &lt;td colspan=3D3&gt;&quot;&lt;dfn id=3Dattr-fe-autocomplete-hono=
rific-prefix title=3Dattr-fe-autocomplete-honorific-prefix&gt;&lt;code&gt=
;honorific-prefix&lt;/code&gt;&lt;/dfn&gt;&quot;
+      &lt;td&gt;Prefix or title (e.g. &quot;Mr.&quot;, &quot;Ms.&quot;, =
&quot;Dr.&quot;, &quot;&lt;span lang=3Dfr title=3D&quot;&quot;&gt;M&lt;su=
p&gt;lle&lt;/sup&gt;&lt;/span&gt;&quot;)
+      &lt;td&gt;Free-form text, no newlines
+      &lt;td&gt;Sir
+    &lt;tr&gt;&lt;td colspan=3D3&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-given-name title=3Dattr-fe-autocomplete-given-name&gt;&lt;code&gt;giv=
en-name&lt;/code&gt;&lt;/dfn&gt;&quot;
+      &lt;td&gt;Given name (in some Western cultures, also known as the =
&lt;i&gt;first name&lt;/i&gt;)
+      &lt;td&gt;Free-form text, no newlines
+      &lt;td&gt;Timothy
+    &lt;tr&gt;&lt;td colspan=3D3&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-additional-name title=3Dattr-fe-autocomplete-additional-name&gt;&lt;c=
ode&gt;additional-name&lt;/code&gt;&lt;/dfn&gt;&quot;
+      &lt;td&gt;Additional names (in some Western cultures, also known a=
s &lt;i&gt;middle names&lt;/i&gt;, forenames other than the first name)
+      &lt;td&gt;Free-form text, no newlines
+      &lt;td&gt;John
+    &lt;tr&gt;&lt;td colspan=3D3&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-family-name title=3Dattr-fe-autocomplete-family-name&gt;&lt;code&gt;f=
amily-name&lt;/code&gt;&lt;/dfn&gt;&quot;
+      &lt;td&gt;Family name (in some Western cultures, also known as the=
 &lt;i&gt;last name&lt;/i&gt; or &lt;i&gt;surname&lt;/i&gt;)
+      &lt;td&gt;Free-form text, no newlines
+      &lt;td&gt;Berners-Lee
+    &lt;tr&gt;&lt;td colspan=3D3&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-honorific-suffix title=3Dattr-fe-autocomplete-honorific-suffix&gt;&lt=
;code&gt;honorific-suffix&lt;/code&gt;&lt;/dfn&gt;&quot;
+      &lt;td&gt;Suffix (e.g. &quot;Jr.&quot;, &quot;B.Sc.&quot;, &quot;M=
BASW&quot;, &quot;II&quot;)
+      &lt;td&gt;Free-form text, no newlines
+      &lt;td&gt;OM, KBE, FRS, FREng, FRSA
+    &lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-nickname title=3Dattr-fe-autocomplete-nickname&gt;&lt;code&gt;nicknam=
e&lt;/code&gt;&lt;/dfn&gt;&quot;
+     &lt;td&gt;Nickname, screen name, handle: a typically short name use=
d instead of the full name
+     &lt;td&gt;Free-form text, no newlines
+     &lt;td&gt;Tim
+    &lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-organization-title title=3Dattr-fe-autocomplete-organization-title&gt=
;&lt;code&gt;organization-title&lt;/code&gt;&lt;/dfn&gt;&quot;
+     &lt;td&gt;Job title (e.g. &quot;Software Engineer&quot;, &quot;Seni=
or Vice President&quot;, &quot;Deputy Managing Director&quot;)
+     &lt;td&gt;Free-form text, no newlines
+     &lt;td&gt;Professor
+   &lt;tbody&gt;&lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-=
fe-autocomplete-organization title=3Dattr-fe-autocomplete-organization&gt=
;&lt;code&gt;organization&lt;/code&gt;&lt;/dfn&gt;&quot;
+     &lt;td&gt;Company name corresponding to the person, address, or con=
tact information in the other fields associated with this field
+     &lt;td&gt;Free-form text, no newlines
+     &lt;td&gt;World Wide Web Consortium
+    &lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-street-address title=3Dattr-fe-autocomplete-street-address&gt;&lt;cod=
e&gt;street-address&lt;/code&gt;&lt;/dfn&gt;&quot;
+     &lt;td&gt;Street address (multiple lines, newlines preserved)
+     &lt;td&gt;Free-form text
+     &lt;td&gt;32 Vassar Street&lt;br&gt;
+MIT Room 32-G524
+    &lt;tr&gt;&lt;td rowspan=3D3 class=3Dnon-rectangular-cell-indentatio=
n&gt;
+      &lt;td colspan=3D3&gt;&quot;&lt;dfn id=3Dattr-fe-autocomplete-addr=
ess-line1 title=3Dattr-fe-autocomplete-address-line1&gt;&lt;code&gt;addre=
ss-line1&lt;/code&gt;&lt;/dfn&gt;&quot;
+      &lt;td rowspan=3D3&gt;Street address (one line per field)
+      &lt;td&gt;Free-form text, no newlines
+      &lt;td&gt;32 Vassar Street
+    &lt;tr&gt;&lt;td colspan=3D3&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-address-line2 title=3Dattr-fe-autocomplete-address-line2&gt;&lt;code&=
gt;address-line2&lt;/code&gt;&lt;/dfn&gt;&quot;
+      &lt;td&gt;Free-form text, no newlines
+      &lt;td&gt;MIT Room 32-G524
+    &lt;tr&gt;&lt;td colspan=3D3&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-address-line3 title=3Dattr-fe-autocomplete-address-line3&gt;&lt;code&=
gt;address-line3&lt;/code&gt;&lt;/dfn&gt;&quot;
+      &lt;td&gt;Free-form text, no newlines
+      &lt;td&gt;
+    &lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-locality title=3Dattr-fe-autocomplete-locality&gt;&lt;code&gt;localit=
y&lt;/code&gt;&lt;/dfn&gt;&quot;
+     &lt;td&gt;City, town, village, post town, or other locality within =
which the relevant street address is found
+     &lt;td&gt;Free-form text, no newlines
+     &lt;td&gt;Cambridge
+    &lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-region title=3Dattr-fe-autocomplete-region&gt;&lt;code&gt;region&lt;/=
code&gt;&lt;/dfn&gt;&quot;
+     &lt;td&gt;Province such as a state, county, or canton within which =
the locality is found
+     &lt;td&gt;Free-form text, no newlines
+     &lt;td&gt;MA
+    &lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-country title=3Dattr-fe-autocomplete-country&gt;&lt;code&gt;country&l=
t;/code&gt;&lt;/dfn&gt;&quot;
+     &lt;td&gt;Country code
+     &lt;td&gt;Valid &lt;a href=3Dhttp://www.iso.org/iso/country_codes/i=
so_3166_code_lists/country_names_and_code_elements.htm&gt;ISO 3166-1-alph=
a-2 country code&lt;/a&gt; &lt;a href=3D#refsISO3166&gt;[ISO3166]&lt;/a&g=
t;
+     &lt;td&gt;US
+    &lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-country-name title=3Dattr-fe-autocomplete-country-name&gt;&lt;code&gt=
;country-name&lt;/code&gt;&lt;/dfn&gt;&quot;
+     &lt;td&gt;Country name
+     &lt;td&gt;Free-form text, no newlines; &lt;a href=3D#autofill-count=
ry&gt;derived from &lt;code title=3Dattr-fe-autocomplete-country&gt;count=
ry&lt;/code&gt; in some cases&lt;/a&gt;
+     &lt;td&gt;US
+    &lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-postal-code title=3Dattr-fe-autocomplete-postal-code&gt;&lt;code&gt;p=
ostal-code&lt;/code&gt;&lt;/dfn&gt;&quot;
+     &lt;td&gt;Postal code, post code, ZIP code, CEDEX code (if CEDEX, a=
ppend &quot;CEDEX&quot;, and the &lt;i lang=3Dfr&gt;arrondissement&lt;/i&=
gt; if relevant, to the &lt;code title=3Dattr-fe-autocomplete-locality&gt=
;&lt;a href=3D#attr-fe-autocomplete-locality&gt;locality&lt;/a&gt;&lt;/co=
de&gt; field)
+     &lt;td&gt;Free-form text, no newlines
+     &lt;td&gt;02139
+   &lt;tbody&gt;&lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-=
fe-autocomplete-cc-name title=3Dattr-fe-autocomplete-cc-name&gt;&lt;code&=
gt;cc-name&lt;/code&gt;&lt;/dfn&gt;&quot;
+     &lt;td&gt;Full name as given on the payment instrument
+     &lt;td&gt;Free-form text, no newlines
+     &lt;td&gt;Tim Berners-Lee
+    &lt;tr&gt;&lt;td rowspan=3D3 class=3Dnon-rectangular-cell-indentatio=
n&gt;
+      &lt;td colspan=3D3&gt;&quot;&lt;dfn id=3Dattr-fe-autocomplete-cc-g=
iven-name title=3Dattr-fe-autocomplete-cc-given-name&gt;&lt;code&gt;cc-gi=
ven-name&lt;/code&gt;&lt;/dfn&gt;&quot;
+      &lt;td&gt;Given name as given on the payment instrument (in some W=
estern cultures, also known as the &lt;i&gt;first name&lt;/i&gt;)
+      &lt;td&gt;Free-form text, no newlines
+      &lt;td&gt;Tim
+    &lt;tr&gt;&lt;td colspan=3D3&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-cc-additional-name title=3Dattr-fe-autocomplete-cc-additional-name&gt=
;&lt;code&gt;cc-additional-name&lt;/code&gt;&lt;/dfn&gt;&quot;
+      &lt;td&gt;Additional names given on the payment instrument (in som=
e Western cultures, also known as &lt;i&gt;middle names&lt;/i&gt;, forena=
mes other than the first name)
+      &lt;td&gt;Free-form text, no newlines
+      &lt;td&gt;
+    &lt;tr&gt;&lt;td colspan=3D3&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-cc-family-name title=3Dattr-fe-autocomplete-cc-family-name&gt;&lt;cod=
e&gt;cc-family-name&lt;/code&gt;&lt;/dfn&gt;&quot;
+      &lt;td&gt;Family name given on the payment instrument (in some Wes=
tern cultures, also known as the &lt;i&gt;last name&lt;/i&gt; or &lt;i&gt=
;surname&lt;/i&gt;)
+      &lt;td&gt;Free-form text, no newlines
+      &lt;td&gt;Berners-Lee
+    &lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-cc-number title=3Dattr-fe-autocomplete-cc-number&gt;&lt;code&gt;cc-nu=
mber&lt;/code&gt;&lt;/dfn&gt;&quot;
+     &lt;td&gt;Code identifying the payment instrument (e.g. the credit =
card number, bank account number)
+     &lt;td&gt;&lt;a href=3D#ascii-digits&gt;ASCII digits&lt;/a&gt;
+     &lt;td&gt;4114360123456785 &lt;!-- http://www.auricsystems.com/supp=
ort-center/sample-credit-card-numbers --&gt;
+    &lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-cc-exp title=3Dattr-fe-autocomplete-cc-exp&gt;&lt;code&gt;cc-exp&lt;/=
code&gt;&lt;/dfn&gt;&quot;
+     &lt;td&gt;Expiration date of the payment instrument
+     &lt;td&gt;&lt;a href=3D#valid-month-string&gt;Valid month string&lt=
;/a&gt;
+     &lt;td&gt;2014-12
+    &lt;tr&gt;&lt;td rowspan=3D2 class=3Dnon-rectangular-cell-indentatio=
n&gt;
+      &lt;td colspan=3D3&gt;&quot;&lt;dfn id=3Dattr-fe-autocomplete-cc-e=
xp-month title=3Dattr-fe-autocomplete-cc-exp-month&gt;&lt;code&gt;cc-exp-=
month&lt;/code&gt;&lt;/dfn&gt;&quot;
+      &lt;td&gt;Month component of the expiration date of the payment in=
strument
+      &lt;td&gt;&lt;a href=3D#valid-integer&gt;Valid integer&lt;/a&gt; i=
n the range 1..12
+      &lt;td&gt;12
+    &lt;tr&gt;&lt;td colspan=3D3&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-cc-exp-year title=3Dattr-fe-autocomplete-cc-exp-year&gt;&lt;code&gt;c=
c-exp-year&lt;/code&gt;&lt;/dfn&gt;&quot;
+      &lt;td&gt;Year component of the expiration date of the payment ins=
trument
+      &lt;td&gt;&lt;a href=3D#valid-integer&gt;Valid integer&lt;/a&gt; g=
reater than zero
+      &lt;td&gt;2014
+    &lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-cc-csc title=3Dattr-fe-autocomplete-cc-csc&gt;&lt;code&gt;cc-csc&lt;/=
code&gt;&lt;/dfn&gt;&quot;
+     &lt;td&gt;Security code for the payment instrument (also known as t=
he card security code (CSC), card validation code (CVC), card verificatio=
n value (CVV), signature panel code (SPC), credit card ID (CCID), etc)
+     &lt;td&gt;&lt;a href=3D#ascii-digits&gt;ASCII digits&lt;/a&gt;
+     &lt;td&gt;419
+    &lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-cc-type title=3Dattr-fe-autocomplete-cc-type&gt;&lt;code&gt;cc-type&l=
t;/code&gt;&lt;/dfn&gt;&quot;
+     &lt;td&gt;Type of payment instrument
+     &lt;td&gt;Free-form text, no newlines
+     &lt;td&gt;Visa
+   &lt;tbody&gt;&lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-=
fe-autocomplete-language title=3Dattr-fe-autocomplete-language&gt;&lt;cod=
e&gt;language&lt;/code&gt;&lt;/dfn&gt;&quot;
+     &lt;td&gt;Preferred language
+     &lt;td&gt;Valid BCP 47 language tag &lt;a href=3D#refsBCP47&gt;[BCP=
47]&lt;/a&gt;
+     &lt;td&gt;en
+    &lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-bday title=3Dattr-fe-autocomplete-bday&gt;&lt;code&gt;bday&lt;/code&g=
t;&lt;/dfn&gt;&quot;
+     &lt;td&gt;Birthday
+     &lt;td&gt;&lt;a href=3D#valid-date-string&gt;Valid date string&lt;/=
a&gt;
+     &lt;td&gt;1955-06-08
+    &lt;tr&gt;&lt;td rowspan=3D3 class=3Dnon-rectangular-cell-indentatio=
n&gt;
+      &lt;td colspan=3D3&gt;&quot;&lt;dfn id=3Dattr-fe-autocomplete-bday=
-day title=3Dattr-fe-autocomplete-bday-day&gt;&lt;code&gt;bday-day&lt;/co=
de&gt;&lt;/dfn&gt;&quot;
+      &lt;td&gt;Day component of birthday
+      &lt;td&gt;&lt;a href=3D#valid-integer&gt;Valid integer&lt;/a&gt; i=
n the range 1..31
+      &lt;td&gt;8
+    &lt;tr&gt;&lt;td colspan=3D3&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-bday-month title=3Dattr-fe-autocomplete-bday-month&gt;&lt;code&gt;bda=
y-month&lt;/code&gt;&lt;/dfn&gt;&quot;
+      &lt;td&gt;Month component of birthday
+      &lt;td&gt;&lt;a href=3D#valid-integer&gt;Valid integer&lt;/a&gt; i=
n the range 1..12
+      &lt;td&gt;6
+    &lt;tr&gt;&lt;td colspan=3D3&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-bday-year title=3Dattr-fe-autocomplete-bday-year&gt;&lt;code&gt;bday-=
year&lt;/code&gt;&lt;/dfn&gt;&quot;
+      &lt;td&gt;Year component of birthday
+      &lt;td&gt;&lt;a href=3D#valid-integer&gt;Valid integer&lt;/a&gt; g=
reater than zero
+      &lt;td&gt;1955
+    &lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-sex title=3Dattr-fe-autocomplete-sex&gt;&lt;code&gt;sex&lt;/code&gt;&=
lt;/dfn&gt;&quot;
+     &lt;td&gt;Gender identity (e.g. Female, Fa'afafine)
+     &lt;td&gt;Free-form text, no newlines
+     &lt;td&gt;Male
+    &lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-url title=3Dattr-fe-autocomplete-url&gt;&lt;code&gt;url&lt;/code&gt;&=
lt;/dfn&gt;&quot;
+     &lt;td&gt;Home page or other Web page corresponding to the company,=
 person, address, or contact information in the other fields associated w=
ith this field
+     &lt;td&gt;&lt;a href=3D#valid-url&gt;Valid URL&lt;/a&gt;
+     &lt;td&gt;http://www.w3.org/People/Berners-Lee/
+    &lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-photo title=3Dattr-fe-autocomplete-photo&gt;&lt;code&gt;photo&lt;/cod=
e&gt;&lt;/dfn&gt;&quot;
+     &lt;td&gt;Photograph, icon, or other image corresponding to the com=
pany, person, address, or contact information in the other fields associa=
ted with this field
+     &lt;td&gt;File or &lt;a href=3D#valid-url&gt;Valid URL&lt;/a&gt;
+     &lt;td&gt;http://www.w3.org/Press/Stock/Berners-Lee/2001-europaeum-=
eighth.jpg
+   &lt;tbody&gt;&lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-=
fe-autocomplete-tel title=3Dattr-fe-autocomplete-tel&gt;&lt;code&gt;tel&l=
t;/code&gt;&lt;/dfn&gt;&quot;
+     &lt;td&gt;Full telephone number, including country code
+     &lt;td&gt;&lt;a href=3D#ascii-digits&gt;ASCII digits&lt;/a&gt; and =
U+0020 SPACE characters, prefixed by a U+002B PLUS SIGN character (+)
+     &lt;td&gt;+1 617 253 5702
+    &lt;tr&gt;&lt;td rowspan=3D6 class=3Dnon-rectangular-cell-indentatio=
n&gt;
+      &lt;td colspan=3D3&gt;&quot;&lt;dfn id=3Dattr-fe-autocomplete-tel-=
country-code title=3Dattr-fe-autocomplete-tel-country-code&gt;&lt;code&gt=
;tel-country-code&lt;/code&gt;&lt;/dfn&gt;&quot;
+      &lt;td&gt;Country code component of the telephone number
+     &lt;td&gt;&lt;a href=3D#ascii-digits&gt;ASCII digits&lt;/a&gt; pref=
ixed by a U+002B PLUS SIGN character (+)
+      &lt;td&gt;+1
+    &lt;tr&gt;&lt;td colspan=3D3&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-tel-national title=3Dattr-fe-autocomplete-tel-national&gt;&lt;code&gt=
;tel-national&lt;/code&gt;&lt;/dfn&gt;&quot;
+      &lt;td&gt;Telephone number without the county code component, with=
 a country-internal prefix applied if applicable
+      &lt;td&gt;&lt;a href=3D#ascii-digits&gt;ASCII digits&lt;/a&gt; and=
 U+0020 SPACE characters
+      &lt;td&gt;617 253 5702
+    &lt;tr&gt;&lt;td rowspan=3D4 class=3Dnon-rectangular-cell-indentatio=
n&gt;
+       &lt;td colspan=3D2&gt;&quot;&lt;dfn id=3Dattr-fe-autocomplete-tel=
-area-code title=3Dattr-fe-autocomplete-tel-area-code&gt;&lt;code&gt;tel-=
area-code&lt;/code&gt;&lt;/dfn&gt;&quot;
+       &lt;td&gt;Area code component of the telephone number, with a cou=
ntry-internal prefix applied if applicable
+       &lt;td&gt;&lt;a href=3D#ascii-digits&gt;ASCII digits&lt;/a&gt;
+       &lt;td&gt;617
+    &lt;tr&gt;&lt;td colspan=3D2&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-tel-local title=3Dattr-fe-autocomplete-tel-local&gt;&lt;code&gt;tel-l=
ocal&lt;/code&gt;&lt;/dfn&gt;&quot;
+       &lt;td&gt;Telephone number without the country code and area code=
 components
+       &lt;td&gt;&lt;a href=3D#ascii-digits&gt;ASCII digits&lt;/a&gt;
+       &lt;td&gt;2535702
+    &lt;tr&gt;&lt;td rowspan=3D2 class=3Dnon-rectangular-cell-indentatio=
n&gt;
+        &lt;td&gt;&quot;&lt;dfn id=3Dattr-fe-autocomplete-tel-local-pref=
ix title=3Dattr-fe-autocomplete-tel-local-prefix&gt;&lt;code&gt;tel-local=
-prefix&lt;/code&gt;&lt;/dfn&gt;&quot;
+        &lt;td&gt;First part of the component of the telephone number th=
at follows the area code, when that component is split into two component=
s
+        &lt;td&gt;&lt;a href=3D#ascii-digits&gt;ASCII digits&lt;/a&gt;
+        &lt;td&gt;253
+    &lt;tr&gt;&lt;td&gt;&quot;&lt;dfn id=3Dattr-fe-autocomplete-tel-loca=
l-suffix title=3Dattr-fe-autocomplete-tel-local-suffix&gt;&lt;code&gt;tel=
-local-suffix&lt;/code&gt;&lt;/dfn&gt;&quot;
+        &lt;td&gt;Second part of the component of the telephone number t=
hat follows the area code, when that component is split into two componen=
ts
+        &lt;td&gt;&lt;a href=3D#ascii-digits&gt;ASCII digits&lt;/a&gt;
+        &lt;td&gt;5702
+    &lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-tel-extension title=3Dattr-fe-autocomplete-tel-extension&gt;&lt;code&=
gt;tel-extension&lt;/code&gt;&lt;/dfn&gt;&quot;
+     &lt;td&gt;Telephone number internal extension code
+     &lt;td&gt;&lt;a href=3D#ascii-digits&gt;ASCII digits&lt;/a&gt;
+     &lt;td&gt;1000
+    &lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-email title=3Dattr-fe-autocomplete-email&gt;&lt;code&gt;email&lt;/cod=
e&gt;&lt;/dfn&gt;&quot;
+     &lt;td&gt;E-mail address
+     &lt;td&gt;&lt;a href=3D#valid-e-mail-address&gt;Valid e-mail addres=
s&lt;/a&gt;
+     &lt;td&gt;timbl at w3.org
+    &lt;tr&gt;&lt;td colspan=3D4&gt;&quot;&lt;dfn id=3Dattr-fe-autocompl=
ete-impp title=3Dattr-fe-autocomplete-impp&gt;&lt;code&gt;impp&lt;/code&g=
t;&lt;/dfn&gt;&quot;
+     &lt;td&gt;URL representing an instant messaging protocol endpoint (=
for example, &quot;&lt;code title=3D&quot;&quot;&gt;aim:goim?screenname=3D=
example&lt;/code&gt;&quot; or &quot;&lt;code title=3D&quot;&quot;&gt;xmpp=
:fred at example.net&lt;/code&gt;&quot;)
+     &lt;td&gt;&lt;a href=3D#valid-url&gt;Valid URL&lt;/a&gt;
+     &lt;td&gt;irc://example.org/timbl,isuser
+  &lt;/table&gt;&lt;p&gt;If the &lt;code title=3Dattr-fe-autocomplete&gt=
;&lt;a href=3D#attr-fe-autocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt=
; attribute is omitted, the default
+  value corresponding to the state of the element's &lt;a href=3D#form-o=
wner&gt;form owner&lt;/a&gt;'s &lt;code title=3Dattr-form-autocomplete&gt=
;&lt;a href=3D#attr-form-autocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&=
gt; attribute is used instead (either &quot;&lt;code title=3Dattr-fe-auto=
complete-on&gt;&lt;a href=3D#attr-fe-autocomplete-on&gt;on&lt;/a&gt;&lt;/=
code&gt;&quot; or &quot;&lt;code title=3Dattr-fe-autocomplete-off&gt;&lt;=
a href=3D#attr-fe-autocomplete-off&gt;off&lt;/a&gt;&lt;/code&gt;&quot;). =
If there is no &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt;, then the
+  value &quot;&lt;code title=3Dattr-fe-autocomplete-on&gt;&lt;a href=3D#=
attr-fe-autocomplete-on&gt;on&lt;/a&gt;&lt;/code&gt;&quot; is used.&lt;/p=
&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;=
/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-select-element&gt;sele=
ct&lt;/a&gt;&lt;/code&gt;, and &lt;code&gt;&lt;a href=3D#the-textarea-ele=
ment&gt;textarea&lt;/a&gt;&lt;/code&gt; element has an
+  &lt;dfn id=3Dautofill-hint-set&gt;autofill hint set&lt;/dfn&gt;, an &l=
t;dfn id=3Dautofill-scope&gt;autofill scope&lt;/dfn&gt;, an &lt;dfn id=3D=
autofill-field-name&gt;autofill field name&lt;/dfn&gt;, and
+  an &lt;dfn id=3Didl-exposed-autofill-value&gt;IDL-exposed autofill val=
ue&lt;/dfn&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#autofill-field-name&gt;autofill field name&=
lt;/a&gt; specifies the specific kind of data expected in the field,
+  e.g. &quot;&lt;code title=3Dattr-fe-autocomplete-street-address&gt;&lt=
;a href=3D#attr-fe-autocomplete-street-address&gt;street-address&lt;/a&gt=
;&lt;/code&gt;&quot; or &quot;&lt;code title=3Dattr-fe-autocomplete-cc-ex=
p&gt;&lt;a href=3D#attr-fe-autocomplete-cc-exp&gt;cc-exp&lt;/a&gt;&lt;/co=
de&gt;&quot;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#autofill-hint-set&gt;autofill hint set&lt;/=
a&gt; identifies what address or contact information type the user
+  agent is to look at, e.g. &quot;&lt;code title=3Dattr-fe-autocomplete-=
shipping&gt;&lt;a href=3D#attr-fe-autocomplete-shipping&gt;shipping&lt;/a=
&gt;&lt;/code&gt; &lt;code title=3Dattr-fe-autocomplete-fax&gt;&lt;a href=
=3D#attr-fe-autocomplete-fax&gt;fax&lt;/a&gt;&lt;/code&gt;&quot; or &quot=
;&lt;code title=3Dattr-fe-autocomplete-billing&gt;&lt;a href=3D#attr-fe-a=
utocomplete-billing&gt;billing&lt;/a&gt;&lt;/code&gt;&quot;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#autofill-scope&gt;autofill scope&lt;/a&gt; =
identifies the group of fields that are to be filled with the
+  information from the same source, and consists of the &lt;a href=3D#au=
tofill-hint-set&gt;autofill hint set&lt;/a&gt; with, if
+  applicable, the &quot;&lt;code title=3D&quot;&quot;&gt;section-*&lt;/c=
ode&gt;&quot; prefix, e.g. &quot;billing&quot;, &quot;&lt;code title=3D&q=
uot;&quot;&gt;section-parent shipping&lt;/code&gt;&quot;, or &quot;&lt;co=
de title=3D&quot;&quot;&gt;section-child home
+  shipping&lt;/code&gt;&quot;.&lt;/p&gt;
+
+  &lt;p&gt;These values are defined as the result of running the followi=
ng algorithm:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the element has no &lt;code title=3Dat=
tr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-autocomplete&gt;autocomplete&=
lt;/a&gt;&lt;/code&gt; attribute,
+   then jump to the step labeled &lt;i&gt;default&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var=
&gt; be the result of &lt;a href=3D#split-a-string-on-spaces title=3D&quo=
t;split a string on
+   spaces&quot;&gt;splitting the attribute's value on spaces&lt;/a&gt;.&=
lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var&=
gt; is empty, then jump to the step labeled
+   &lt;i&gt;default&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;index&lt;/var&=
gt; be the index of the last token in &lt;var title=3D&quot;&quot;&gt;tok=
ens&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt;th =
token in &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var&gt; is not an &lt=
;a href=3D#ascii-case-insensitive&gt;ASCII
+    case-insensitive&lt;/a&gt; match for one of the tokens given in the =
first column of the following
+    table, or if the number of tokens in &lt;var title=3D&quot;&quot;&gt=
;tokens&lt;/var&gt; is greater than the maximum
+    number given in the cell in the second column of that token's row, t=
hen jump to the step labeled
+    &lt;i&gt;default&lt;/i&gt;. Otherwise, let &lt;var title=3D&quot;&qu=
ot;&gt;field&lt;/var&gt; be the string given in the cell of the
+    first column of the matching row, and let &lt;var title=3D&quot;&quo=
t;&gt;category&lt;/var&gt; be the value of the cell
+    in the third column of that same row.&lt;/p&gt;
+
+    &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Token
+       &lt;th&gt;Maximum number of tokens
+       &lt;th&gt;Category
+     &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-aut=
ocomplete-off&gt;&lt;a href=3D#attr-fe-autocomplete-off&gt;off&lt;/a&gt;&=
lt;/code&gt;&quot;
+       &lt;td&gt;1
+       &lt;td&gt;Off
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-on=
&gt;&lt;a href=3D#attr-fe-autocomplete-on&gt;on&lt;/a&gt;&lt;/code&gt;&qu=
ot;
+       &lt;td&gt;1
+       &lt;td&gt;Automatic
+     &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-aut=
ocomplete-name&gt;&lt;a href=3D#attr-fe-autocomplete-name&gt;name&lt;/a&g=
t;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-ho=
norific-prefix&gt;&lt;a href=3D#attr-fe-autocomplete-honorific-prefix&gt;=
honorific-prefix&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-gi=
ven-name&gt;&lt;a href=3D#attr-fe-autocomplete-given-name&gt;given-name&l=
t;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-ad=
ditional-name&gt;&lt;a href=3D#attr-fe-autocomplete-additional-name&gt;ad=
ditional-name&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-fa=
mily-name&gt;&lt;a href=3D#attr-fe-autocomplete-family-name&gt;family-nam=
e&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-ho=
norific-suffix&gt;&lt;a href=3D#attr-fe-autocomplete-honorific-suffix&gt;=
honorific-suffix&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-ni=
ckname&gt;&lt;a href=3D#attr-fe-autocomplete-nickname&gt;nickname&lt;/a&g=
t;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-or=
ganization-title&gt;&lt;a href=3D#attr-fe-autocomplete-organization-title=
&gt;organization-title&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-or=
ganization&gt;&lt;a href=3D#attr-fe-autocomplete-organization&gt;organiza=
tion&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-st=
reet-address&gt;&lt;a href=3D#attr-fe-autocomplete-street-address&gt;stre=
et-address&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-ad=
dress-line1&gt;&lt;a href=3D#attr-fe-autocomplete-address-line1&gt;addres=
s-line1&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-ad=
dress-line2&gt;&lt;a href=3D#attr-fe-autocomplete-address-line2&gt;addres=
s-line2&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-ad=
dress-line3&gt;&lt;a href=3D#attr-fe-autocomplete-address-line3&gt;addres=
s-line3&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-lo=
cality&gt;&lt;a href=3D#attr-fe-autocomplete-locality&gt;locality&lt;/a&g=
t;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-re=
gion&gt;&lt;a href=3D#attr-fe-autocomplete-region&gt;region&lt;/a&gt;&lt;=
/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-co=
untry&gt;&lt;a href=3D#attr-fe-autocomplete-country&gt;country&lt;/a&gt;&=
lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-co=
untry-name&gt;&lt;a href=3D#attr-fe-autocomplete-country-name&gt;country-=
name&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-po=
stal-code&gt;&lt;a href=3D#attr-fe-autocomplete-postal-code&gt;postal-cod=
e&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-cc=
-name&gt;&lt;a href=3D#attr-fe-autocomplete-cc-name&gt;cc-name&lt;/a&gt;&=
lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-cc=
-given-name&gt;&lt;a href=3D#attr-fe-autocomplete-cc-given-name&gt;cc-giv=
en-name&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-cc=
-additional-name&gt;&lt;a href=3D#attr-fe-autocomplete-cc-additional-name=
&gt;cc-additional-name&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-cc=
-family-name&gt;&lt;a href=3D#attr-fe-autocomplete-cc-family-name&gt;cc-f=
amily-name&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-cc=
-number&gt;&lt;a href=3D#attr-fe-autocomplete-cc-number&gt;cc-number&lt;/=
a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-cc=
-exp&gt;&lt;a href=3D#attr-fe-autocomplete-cc-exp&gt;cc-exp&lt;/a&gt;&lt;=
/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-cc=
-exp-month&gt;&lt;a href=3D#attr-fe-autocomplete-cc-exp-month&gt;cc-exp-m=
onth&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-cc=
-exp-year&gt;&lt;a href=3D#attr-fe-autocomplete-cc-exp-year&gt;cc-exp-yea=
r&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-cc=
-csc&gt;&lt;a href=3D#attr-fe-autocomplete-cc-csc&gt;cc-csc&lt;/a&gt;&lt;=
/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-cc=
-type&gt;&lt;a href=3D#attr-fe-autocomplete-cc-type&gt;cc-type&lt;/a&gt;&=
lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-la=
nguage&gt;&lt;a href=3D#attr-fe-autocomplete-language&gt;language&lt;/a&g=
t;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-bd=
ay&gt;&lt;a href=3D#attr-fe-autocomplete-bday&gt;bday&lt;/a&gt;&lt;/code&=
gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-bd=
ay-day&gt;&lt;a href=3D#attr-fe-autocomplete-bday-day&gt;bday-day&lt;/a&g=
t;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-bd=
ay-month&gt;&lt;a href=3D#attr-fe-autocomplete-bday-month&gt;bday-month&l=
t;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-bd=
ay-year&gt;&lt;a href=3D#attr-fe-autocomplete-bday-year&gt;bday-year&lt;/=
a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-se=
x&gt;&lt;a href=3D#attr-fe-autocomplete-sex&gt;sex&lt;/a&gt;&lt;/code&gt;=
&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-ur=
l&gt;&lt;a href=3D#attr-fe-autocomplete-url&gt;url&lt;/a&gt;&lt;/code&gt;=
&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-ph=
oto&gt;&lt;a href=3D#attr-fe-autocomplete-photo&gt;photo&lt;/a&gt;&lt;/co=
de&gt;&quot;
+       &lt;td&gt;3
+       &lt;td&gt;Normal
+     &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-aut=
ocomplete-tel&gt;&lt;a href=3D#attr-fe-autocomplete-tel&gt;tel&lt;/a&gt;&=
lt;/code&gt;&quot;
+       &lt;td&gt;4
+       &lt;td&gt;Contact
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-te=
l-country-code&gt;&lt;a href=3D#attr-fe-autocomplete-tel-country-code&gt;=
tel-country-code&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;4
+       &lt;td&gt;Contact
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-te=
l-national&gt;&lt;a href=3D#attr-fe-autocomplete-tel-national&gt;tel-nati=
onal&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;4
+       &lt;td&gt;Contact
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-te=
l-area-code&gt;&lt;a href=3D#attr-fe-autocomplete-tel-area-code&gt;tel-ar=
ea-code&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;4
+       &lt;td&gt;Contact
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-te=
l-local&gt;&lt;a href=3D#attr-fe-autocomplete-tel-local&gt;tel-local&lt;/=
a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;4
+       &lt;td&gt;Contact
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-te=
l-local-prefix&gt;&lt;a href=3D#attr-fe-autocomplete-tel-local-prefix&gt;=
tel-local-prefix&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;4
+       &lt;td&gt;Contact
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-te=
l-local-suffix&gt;&lt;a href=3D#attr-fe-autocomplete-tel-local-suffix&gt;=
tel-local-suffix&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;4
+       &lt;td&gt;Contact
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-te=
l-extension&gt;&lt;a href=3D#attr-fe-autocomplete-tel-extension&gt;tel-ex=
tension&lt;/a&gt;&lt;/code&gt;&quot;
+       &lt;td&gt;4
+       &lt;td&gt;Contact
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-em=
ail&gt;&lt;a href=3D#attr-fe-autocomplete-email&gt;email&lt;/a&gt;&lt;/co=
de&gt;&quot;
+       &lt;td&gt;4
+       &lt;td&gt;Contact
+      &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-im=
pp&gt;&lt;a href=3D#attr-fe-autocomplete-impp&gt;impp&lt;/a&gt;&lt;/code&=
gt;&quot;     =20
+       &lt;td&gt;4
+       &lt;td&gt;Contact
+    &lt;/table&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;category&lt;/va=
r&gt; is Off, let the element's &lt;a href=3D#autofill-field-name&gt;auto=
fill field name&lt;/a&gt;
+   be the string &quot;&lt;code title=3D&quot;&quot;&gt;off&lt;/code&gt;=
&quot;, let its &lt;a href=3D#autofill-hint-set&gt;autofill hint set&lt;/=
a&gt; be empty, and
+   let its &lt;a href=3D#idl-exposed-autofill-value&gt;IDL-exposed autof=
ill value&lt;/a&gt; be the string &quot;&lt;code title=3D&quot;&quot;&gt;=
off&lt;/code&gt;&quot;. Then,
+   abort these steps.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;category&lt;/va=
r&gt; is Automatic, let the element's &lt;a href=3D#autofill-field-name&g=
t;autofill field
+   name&lt;/a&gt; be the string &quot;&lt;code title=3D&quot;&quot;&gt;o=
n&lt;/code&gt;&quot;, let its &lt;a href=3D#autofill-hint-set&gt;autofill=
 hint set&lt;/a&gt; be
+   empty, and let its &lt;a href=3D#idl-exposed-autofill-value&gt;IDL-ex=
posed autofill value&lt;/a&gt; be the string &quot;&lt;code title=3D&quot=
;&quot;&gt;on&lt;/code&gt;&quot;. Then, abort these steps.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;scope tokens&l=
t;/var&gt; be an empty list.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;hint tokens&lt=
;/var&gt; be an empty set.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;IDL value&lt;/=
var&gt; have the same value as &lt;var title=3D&quot;&quot;&gt;field&lt;/=
var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;index&lt;/v=
ar&gt;th token in &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var&gt; is t=
he first entry,
+   then skip to the step labeled &lt;i&gt;done&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Decrement &lt;var title=3D&quot;&quot;&gt;index&lt=
;/var&gt; by one.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;category&lt;/var&gt; is =
Contact and the &lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt;th token=
 in &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var&gt; is an &lt;a href=3D=
#ascii-case-insensitive&gt;ASCII case-insensitive&lt;/a&gt; match for one=
 of the strings in
+    the following list, then run the substeps that follow:&lt;/p&gt;
+
+    &lt;ul class=3Dbrief&gt;&lt;li&gt;&quot;&lt;code title=3Dattr-fe-aut=
ocomplete-home&gt;&lt;a href=3D#attr-fe-autocomplete-home&gt;home&lt;/a&g=
t;&lt;/code&gt;&quot;
+     &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-work&gt;&lt;a=
 href=3D#attr-fe-autocomplete-work&gt;work&lt;/a&gt;&lt;/code&gt;&quot;
+     &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-mobile&gt;&lt=
;a href=3D#attr-fe-autocomplete-mobile&gt;mobile&lt;/a&gt;&lt;/code&gt;&q=
uot;
+     &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-fax&gt;&lt;a =
href=3D#attr-fe-autocomplete-fax&gt;fax&lt;/a&gt;&lt;/code&gt;&quot;
+     &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-pager&gt;&lt;=
a href=3D#attr-fe-autocomplete-pager&gt;pager&lt;/a&gt;&lt;/code&gt;&quot=
;
+    &lt;/ul&gt;&lt;p&gt;The substeps are:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;con=
tact&lt;/var&gt; be the matching string from the list above.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Insert &lt;var title=3D&quot;&quot;&gt;contact&l=
t;/var&gt; at the start of &lt;var title=3D&quot;&quot;&gt;scope
+     tokens&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Add &lt;var title=3D&quot;&quot;&gt;contact&lt;/=
var&gt; to &lt;var title=3D&quot;&quot;&gt;hint tokens&lt;/var&gt;.&lt;/l=
i&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;IDL value&lt=
;/var&gt; be the concatenation of &lt;var title=3D&quot;&quot;&gt;contact=
&lt;/var&gt;, a
+     U+0020 SPACE character, and the previous value of &lt;var title=3D&=
quot;&quot;&gt;IDL value&lt;/var&gt; (which at this
+     point will always be &lt;var title=3D&quot;&quot;&gt;field&lt;/var&=
gt;).&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;index&lt;=
/var&gt;th entry in &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var&gt; is=
 the first
+     entry, then skip to the step labeled &lt;i&gt;done&lt;/i&gt;.&lt;/l=
i&gt;
+
+     &lt;li&gt;&lt;p&gt;Decrement &lt;var title=3D&quot;&quot;&gt;index&=
lt;/var&gt; by one.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt;th =
token in &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var&gt; is an &lt;a h=
ref=3D#ascii-case-insensitive&gt;ASCII
+    case-insensitive&lt;/a&gt; match for one of the strings in the follo=
wing list, then run the
+    substeps that follow:&lt;/p&gt;
+
+    &lt;ul class=3Dbrief&gt;&lt;li&gt;&quot;&lt;code title=3Dattr-fe-aut=
ocomplete-shipping&gt;&lt;a href=3D#attr-fe-autocomplete-shipping&gt;ship=
ping&lt;/a&gt;&lt;/code&gt;&quot;
+     &lt;li&gt;&quot;&lt;code title=3Dattr-fe-autocomplete-billing&gt;&l=
t;a href=3D#attr-fe-autocomplete-billing&gt;billing&lt;/a&gt;&lt;/code&gt=
;&quot;
+    &lt;/ul&gt;&lt;p&gt;The substeps are:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;mod=
e&lt;/var&gt; be the matching string from the list above.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Insert &lt;var title=3D&quot;&quot;&gt;mode&lt;/=
var&gt; at the start of &lt;var title=3D&quot;&quot;&gt;scope
+     tokens&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Add &lt;var title=3D&quot;&quot;&gt;mode&lt;/var=
&gt; to &lt;var title=3D&quot;&quot;&gt;hint tokens&lt;/var&gt;.&lt;/li&g=
t;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;IDL value&lt=
;/var&gt; be the concatenation of &lt;var title=3D&quot;&quot;&gt;mode&lt=
;/var&gt;, a
+     U+0020 SPACE character, and the previous value of &lt;var title=3D&=
quot;&quot;&gt;IDL value&lt;/var&gt; (which at this
+     point will either be &lt;var title=3D&quot;&quot;&gt;field&lt;/var&=
gt; or the concatenation of &lt;var title=3D&quot;&quot;&gt;contact&lt;/v=
ar&gt;, a space, and &lt;var title=3D&quot;&quot;&gt;field&lt;/var&gt;).&=
lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;index&lt;=
/var&gt;th entry in &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var&gt; is=
 the first
+     entry, then skip to the step labeled &lt;i&gt;done&lt;/i&gt;.&lt;/l=
i&gt;
+
+     &lt;li&gt;&lt;p&gt;Decrement &lt;var title=3D&quot;&quot;&gt;index&=
lt;/var&gt; by one.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;index&lt;/v=
ar&gt;th entry in &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var&gt; is n=
ot the first
+   entry, then jump to the step labeled &lt;i&gt;default&lt;/i&gt;.&lt;/=
li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the first eight characters of the &lt;var title=
=3D&quot;&quot;&gt;index&lt;/var&gt;th token in &lt;var title=3D&quot;&qu=
ot;&gt;tokens&lt;/var&gt; are not an &lt;a href=3D#ascii-case-insensitive=
&gt;ASCII case-insensitive&lt;/a&gt; match for the string &quot;&lt;code =
title=3Dattr-fe-autocomplete-section&gt;section-&lt;/code&gt;&quot;, then=
 jump to the step labeled
+   &lt;i&gt;default&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;section&lt;/va=
r&gt; be the &lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt;th token in=
 &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var&gt;, &lt;a href=3D#conver=
ted-to-ascii-lowercase&gt;converted to ASCII lowercase&lt;/a&gt;.&lt;/li&=
gt;
+
+   &lt;li&gt;&lt;p&gt;Insert &lt;var title=3D&quot;&quot;&gt;section&lt;=
/var&gt; at the start of &lt;var title=3D&quot;&quot;&gt;scope
+   tokens&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;IDL value&lt;/=
var&gt; be the concatenation of &lt;var title=3D&quot;&quot;&gt;section&l=
t;/var&gt;, a
+   U+0020 SPACE character, and the previous value of &lt;var title=3D&qu=
ot;&quot;&gt;IDL value&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Done&lt;/i&gt;: Let the element's &lt;a h=
ref=3D#autofill-hint-set&gt;autofill hint set&lt;/a&gt; be &lt;var title=3D=
&quot;&quot;&gt;hint
+   tokens&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the element's &lt;a href=3D#autofill-scope&gt;=
autofill scope&lt;/a&gt; be &lt;var title=3D&quot;&quot;&gt;scope tokens&=
lt;/var&gt;.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the element's &lt;a href=3D#autofill-field-nam=
e&gt;autofill field name&lt;/a&gt; be &lt;var title=3D&quot;&quot;&gt;fie=
ld&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the element's &lt;a href=3D#idl-exposed-autofi=
ll-value&gt;IDL-exposed autofill value&lt;/a&gt; be &lt;var title=3D&quot=
;&quot;&gt;IDL
+   value&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Default&lt;/i&gt;: Let the element's &lt;=
a href=3D#idl-exposed-autofill-value&gt;IDL-exposed autofill value&lt;/a&=
gt; be the empty
+   string, and its &lt;a href=3D#autofill-hint-set&gt;autofill hint set&=
lt;/a&gt; and &lt;a href=3D#autofill-scope&gt;autofill scope&lt;/a&gt; be=
 empty.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;form&lt;/var&g=
t; be the element's &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt;, if =
any, or null
+   otherwise.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;form&lt;/var&gt; is not =
null and &lt;var title=3D&quot;&quot;&gt;form&lt;/var&gt;'s &lt;code titl=
e=3Dattr-form-autocomplete&gt;&lt;a href=3D#attr-form-autocomplete&gt;aut=
ocomplete&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D#attr-f=
orm-autocomplete-off-state title=3Dattr-form-autocomplete-off-state&gt;of=
f&lt;/a&gt; state, then let the element's &lt;a href=3D#autofill-field-na=
me&gt;autofill
+    field name&lt;/a&gt; be &quot;&lt;code title=3Dattr-fe-autocomplete-=
off&gt;&lt;a href=3D#attr-fe-autocomplete-off&gt;off&lt;/a&gt;&lt;/code&g=
t;&quot;.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, let the element's &lt;a href=3D#autofill-field-n=
ame&gt;autofill field name&lt;/a&gt; be &quot;&lt;code title=3Dattr-fe-au=
tocomplete-on&gt;&lt;a href=3D#attr-fe-autocomplete-on&gt;on&lt;/a&gt;&lt=
;/code&gt;&quot;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When an element's &lt;a href=3D#autofill-field-nam=
e&gt;autofill field name&lt;/a&gt; is &quot;&lt;code title=3Dattr-fe-auto=
complete-off&gt;&lt;a href=3D#attr-fe-autocomplete-off&gt;off&lt;/a&gt;&l=
t;/code&gt;&quot;, the user agent should not remember the control's
+  &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a=
&gt;, and should not offer past values to the user.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;In addition, when an element's &lt;a href=3D#aut=
ofill-field-name&gt;autofill field name&lt;/a&gt; is &quot;&lt;code title=
=3Dattr-fe-autocomplete-off&gt;&lt;a href=3D#attr-fe-autocomplete-off&gt;=
off&lt;/a&gt;&lt;/code&gt;&quot;, &lt;a href=3D#history-autocomplete&gt;v=
alues are reset&lt;/a&gt;
+  when &lt;a href=3D#traverse-the-history title=3D&quot;traverse the his=
tory&quot;&gt;traversing the history&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Banks frequently do not want UAs to prefill login informatio=
n:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Account: &amp;lt;inp=
ut type=3D&quot;text&quot; name=3D&quot;ac&quot; autocomplete=3D&quot;off=
&quot;&amp;gt;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+&amp;lt;p&amp;gt;&amp;lt;label&amp;gt;PIN: &amp;lt;input type=3D&quot;pa=
ssword&quot; name=3D&quot;pin&quot; autocomplete=3D&quot;off&quot;&amp;gt=
;&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;When an element's &lt;a href=3D#autofill-field-name&gt;autofi=
ll field name&lt;/a&gt; is &lt;em&gt;not&lt;/em&gt; &quot;&lt;code title=3D=
attr-fe-autocomplete-off&gt;&lt;a href=3D#attr-fe-autocomplete-off&gt;off=
&lt;/a&gt;&lt;/code&gt;&quot;, the user agent may store the control's &lt=
;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt;, =
and may offer previously stored values to the user.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;a href=3D#autofill-field-name&gt;autofill field =
name&lt;/a&gt; is &quot;&lt;code title=3Dattr-fe-autocomplete-on&gt;&lt;a=
 href=3D#attr-fe-autocomplete-on&gt;on&lt;/a&gt;&lt;/code&gt;&quot;,
+  the user agent should attempt to use heuristics to determine the most =
appropriate values to offer
+  the user, e.g. based on the element's &lt;code title=3Dattr-fe-name&gt=
;&lt;a href=3D#attr-fe-name&gt;name&lt;/a&gt;&lt;/code&gt; value, the pos=
ition
+  of the element in the document's DOM, what other fields exist in the f=
orm, and so forth.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;a href=3D#autofill-field-name&gt;autofill field =
name&lt;/a&gt; is one of the names of the &lt;a href=3D#autofill-field ti=
tle=3D&quot;autofill
+  field&quot;&gt;autofill fields&lt;/a&gt; described above, the user age=
nt should provide suggestions that
+  match the meaning of the field name as given in the table earlier in t=
his section. The
+  &lt;a href=3D#autofill-hint-set&gt;autofill hint set&lt;/a&gt; should =
be used to select amongst multiple possible suggestions.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;For example, if a user once entered one addre=
ss into fields that used the
+  &quot;&lt;code title=3Dattr-fe-autocomplete-shipping&gt;&lt;a href=3D#=
attr-fe-autocomplete-shipping&gt;shipping&lt;/a&gt;&lt;/code&gt;&quot; ke=
yword, and another address into
+  fields that used the &quot;&lt;code title=3Dattr-fe-autocomplete-billi=
ng&gt;&lt;a href=3D#attr-fe-autocomplete-billing&gt;billing&lt;/a&gt;&lt;=
/code&gt;&quot; keyword, then in
+  subsequent forms only the first address would be suggested for form co=
ntrols whose &lt;a href=3D#autofill-hint-set&gt;autofill
+  hint set&lt;/a&gt; contains the keyword &quot;&lt;code title=3Dattr-fe=
-autocomplete-shipping&gt;&lt;a href=3D#attr-fe-autocomplete-shipping&gt;=
shipping&lt;/a&gt;&lt;/code&gt;&quot;. Both addresses might be suggested,
+  however, for address-related form controls whose &lt;a href=3D#autofil=
l-hint-set&gt;autofill hint set&lt;/a&gt; does not contain
+  either keyword.&lt;/p&gt;
+
+  &lt;p&gt;When the user agent autofills form controls, elements with th=
e same &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt; and
+  the same &lt;a href=3D#autofill-scope&gt;autofill scope&lt;/a&gt; must=
 use data relating to the same person, address, payment
+  instrument, and contact details. &lt;span id=3Dautofill-country title=3D=
&quot;&quot;&gt;When a user agent autofills
+  &quot;&lt;code title=3Dattr-fe-autocomplete-country&gt;&lt;a href=3D#a=
ttr-fe-autocomplete-country&gt;country&lt;/a&gt;&lt;/code&gt;&quot; and &=
quot;&lt;code title=3Dattr-fe-autocomplete-country-name&gt;&lt;a href=3D#=
attr-fe-autocomplete-country-name&gt;country-name&lt;/a&gt;&lt;/code&gt;&=
quot; fields with the same &lt;a href=3D#form-owner&gt;form
+  owner&lt;/a&gt; and &lt;a href=3D#autofill-scope&gt;autofill scope&lt;=
/a&gt;, and the user agent has a value for the &lt;code title=3Dattr-fe-a=
utocomplete-country&gt;&lt;a href=3D#attr-fe-autocomplete-country&gt;coun=
try&lt;/a&gt;&lt;/code&gt;&quot; field(s), then the &quot;&lt;code title=3D=
attr-fe-autocomplete-country-name&gt;&lt;a href=3D#attr-fe-autocomplete-c=
ountry-name&gt;country-name&lt;/a&gt;&lt;/code&gt;&quot; field(s) must be=
 filled using a
+  human-readable name for the same country.&lt;/span&gt; When a user age=
nt fills in multiple fields at
+  once, all fields with the same &lt;a href=3D#autofill-field-name&gt;au=
tofill field name&lt;/a&gt;, &lt;a href=3D#form-owner&gt;form owner&lt;/a=
&gt; and
+  &lt;a href=3D#autofill-scope&gt;autofill scope&lt;/a&gt; must be fille=
d with the same value.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;Suppose a user agent knows of two phone numbe=
rs, +1 555 123 1234 and +1 555 666
+  7777. It would not be conforming for the user agent to fill a field wi=
th &lt;code title=3D&quot;&quot;&gt;autocomplete=3D&quot;shipping tel-loc=
al-prefix&quot;&lt;/code&gt; with the value &quot;123&quot; and another f=
ield in
+  the same form with &lt;code title=3D&quot;&quot;&gt;autocomplete=3D&qu=
ot;shipping tel-local-suffix&quot;&lt;/code&gt; with the value
+  &quot;7777&quot;. The only valid prefilled values given the aforementi=
oned information would be &quot;123&quot; and
+  &quot;1234&quot;, or &quot;666&quot; and &quot;7777&quot;, respectivel=
y.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;Similarly, if a form for some reason containe=
d both a &quot;&lt;code title=3Dattr-fe-autocomplete-cc-exp&gt;&lt;a href=
=3D#attr-fe-autocomplete-cc-exp&gt;cc-exp&lt;/a&gt;&lt;/code&gt;&quot; fi=
eld and a &quot;&lt;code title=3Dattr-fe-autocomplete-cc-exp-month&gt;&lt=
;a href=3D#attr-fe-autocomplete-cc-exp-month&gt;cc-exp-month&lt;/a&gt;&lt=
;/code&gt;&quot; field, and the user agent prefilled
+  the form, then the month component of the former would have to match t=
he latter.&lt;/p&gt;
+
+  &lt;p&gt;The autocompletion mechanism must be implemented by the user =
agent acting as if the user had
+  modified the element's &lt;a href=3D#concept-fe-value title=3Dconcept-=
fe-value&gt;value&lt;/a&gt;, and must be done at a time
+  where the element is &lt;i title=3Dconcept-fe-mutable&gt;&lt;a href=3D=
#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt; (e.g. just after the e=
lement has
+  been inserted into the document, or when the user agent &lt;a href=3D#=
stop-parsing title=3D&quot;stop parsing&quot;&gt;stops
+  parsing&lt;/a&gt;). User agents must only prefill controls using value=
s that the user could have
+  entered.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;For example, if a &lt;code&gt;&lt;a href=3D#t=
he-select-element&gt;select&lt;/a&gt;&lt;/code&gt; element only has &lt;c=
ode&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/code&gt;
+  elements with values &quot;Steve&quot; and &quot;Rebecca&quot;, &quot;=
Jay&quot;, and &quot;Bob&quot;, and has an &lt;a href=3D#autofill-field-n=
ame&gt;autofill field
+  name&lt;/a&gt; &quot;&lt;code title=3Dattr-fe-autocomplete-given-name&=
gt;&lt;a href=3D#attr-fe-autocomplete-given-name&gt;given-name&lt;/a&gt;&=
lt;/code&gt;&quot;, but the user
+  agent's only idea for what to prefill the field with is &quot;Evan&quo=
t;, then the user agent cannot prefill
+  the field. It would not be conforming to somehow set the &lt;code&gt;&=
lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;/code&gt; element =
to the value
+  &quot;Evan&quot;, since the user could not have done so themselves.&lt=
;/p&gt;
+
+  &lt;p&gt;A user agent prefilling a form control's &lt;a href=3D#concep=
t-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; must not
+  cause that control to &lt;a href=3D#suffering-from-a-type-mismatch tit=
le=3D&quot;suffering from a type mismatch&quot;&gt;suffer from a type
+  mismatch&lt;/a&gt;, &lt;a href=3D#suffering-from-a-pattern-mismatch ti=
tle=3D&quot;suffering from a pattern mismatch&quot;&gt;suffer from a patt=
ern
+  mismatch&lt;/a&gt;, &lt;a href=3D#suffering-from-being-too-long title=3D=
&quot;suffering from being too long&quot;&gt;suffer from being too long&l=
t;/a&gt;,
+  &lt;a href=3D#suffering-from-being-too-short title=3D&quot;suffering f=
rom being too short&quot;&gt;suffer from being too short&lt;/a&gt;, &lt;a=
 href=3D#suffering-from-an-underflow title=3D&quot;suffering from an unde=
rflow&quot;&gt;suffer from an underflow&lt;/a&gt;, &lt;a href=3D#sufferin=
g-from-an-overflow title=3D&quot;suffering from
+  an overflow&quot;&gt;suffer from an overflow&lt;/a&gt;, or &lt;a href=3D=
#suffering-from-a-step-mismatch title=3D&quot;suffering from a step
+  mismatch&quot;&gt;suffer from a step mismatch&lt;/a&gt;. Where possibl=
e given the control's constraints, user
+  agents must use the format given as canonical in the aforementioned ta=
ble. Where it's not possible
+  for the canonical format to be used, user agents should use heuristics=
 to attempt to convert
+  values so that they can be used.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For example, if the user agent knows that the user's middle =
name is &quot;Ines&quot;, and attempts to
+   prefill a form control that looks like this:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;input name=3Dmiddle-initial maxlength=3D1 autocomp=
lete=3D&quot;additional-name&quot;&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;...then the user agent could convert &quot;Ines&quot; to &qu=
ot;I&quot; and prefill it that way.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;A more elaborate example would be with month values. If the =
user agent knows that the user's
+   birthday is the 27th of July 2012, then it might try to prefill all o=
f the following controls
+   with slightly different values, all driven from this information:&lt;=
/p&gt;
+
+   &lt;table&gt;&lt;tr&gt;&lt;td&gt;
+      &lt;pre&gt;&amp;lt;input name=3Db type=3Dmonth autocomplete=3D&quo=
t;bday&quot;&amp;gt;&lt;/pre&gt;
+     &lt;td&gt;
+      2012-07
+     &lt;td&gt;
+      The day is dropped since the &lt;a href=3D&quot;#month-state-(type=
=3Dmonth)&quot; title=3Dattr-input-type-month&gt;Month&lt;/a&gt; state on=
ly accepts a
+      month/year combination.
+    &lt;tr&gt;&lt;td&gt;
+      &lt;pre&gt;&amp;lt;select name=3Dc autocomplete=3D&quot;bday&quot;=
&amp;gt;
+ &amp;lt;option&amp;gt;Jan
+ &amp;lt;option&amp;gt;Feb
+ &lt;em&gt;...&lt;/em&gt;
+ &amp;lt;option&amp;gt;Jul
+ &amp;lt;option&amp;gt;Aug
+ &lt;em&gt;...&lt;/em&gt;
+&amp;lt;/select&amp;gt;&lt;/pre&gt;
+     &lt;td&gt;
+      July
+     &lt;td&gt;
+      The user agent picks the month from the listed options, either by =
noticing there are twelve
+      options and picking the 7th, or by recognising that one of the str=
ings (three characters &quot;Jul&quot;
+      followed by a newline and a space) is a close match for the name o=
f the month (July) in one of
+      the user agent's supported languages, or through some other simila=
r mechanism.
+    &lt;tr&gt;&lt;td&gt;
+      &lt;pre&gt;&amp;lt;input name=3Da type=3Dnumber min=3D1 max=3D12 a=
utocomplete=3D&quot;bday-month&quot;&amp;gt;&lt;/pre&gt;
+     &lt;td&gt;
+      7
+     &lt;td&gt;
+      User agent converts &quot;July&quot; to a month number in the rang=
e 1..12, like the field.
+    &lt;tr&gt;&lt;td&gt;
+      &lt;pre&gt;&amp;lt;input name=3Da type=3Dnumber min=3D0 max=3D11 a=
utocomplete=3D&quot;bday-month&quot;&amp;gt;&lt;/pre&gt;
+     &lt;td&gt;
+      6
+     &lt;td&gt;
+      User agent converts &quot;July&quot; to a month number in the rang=
e 0..11, like the field.
+    &lt;tr&gt;&lt;td&gt;
+      &lt;pre&gt;&amp;lt;input name=3Da type=3Dnumber min=3D1 max=3D11 a=
utocomplete=3D&quot;bday-month&quot;&amp;gt;&lt;/pre&gt;
+     &lt;td&gt;
+     &lt;td&gt;
+      User agent doesn't fill in the field, since it can't make a good g=
uess as to what the form expects.
+   &lt;/table&gt;&lt;/div&gt;
+
+  &lt;p&gt;A user agent may allow the user to override an element's &lt;=
a href=3D#autofill-field-name&gt;autofill field name&lt;/a&gt;, e.g.
+  to change it from &quot;&lt;code title=3Dattr-fe-autocomplete-off&gt;&=
lt;a href=3D#attr-fe-autocomplete-off&gt;off&lt;/a&gt;&lt;/code&gt;&quot;=
 to &quot;&lt;code title=3Dattr-fe-autocomplete-on&gt;&lt;a href=3D#attr-=
fe-autocomplete-on&gt;on&lt;/a&gt;&lt;/code&gt;&quot; to allow values to =
be remembered and prefilled despite
+  the page author's objections, or to always &quot;&lt;code title=3Dattr=
-fe-autocomplete-off&gt;&lt;a href=3D#attr-fe-autocomplete-off&gt;off&lt;=
/a&gt;&lt;/code&gt;&quot;,
+  never remembering values. However, user agents should not allow users =
to trivially override the
+  &lt;a href=3D#autofill-field-name&gt;autofill field name&lt;/a&gt; fro=
m &quot;&lt;code title=3Dattr-fe-autocomplete-off&gt;&lt;a href=3D#attr-f=
e-autocomplete-off&gt;off&lt;/a&gt;&lt;/code&gt;&quot; to
+  &quot;&lt;code title=3Dattr-fe-autocomplete-on&gt;&lt;a href=3D#attr-f=
e-autocomplete-on&gt;on&lt;/a&gt;&lt;/code&gt;&quot; or other values, as =
there are significant
+  security implications for the user if all values are always remembered=
, regardless of the site's
+  preferences.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-fe-autocomplete title=3Ddom-fe-autocompl=
ete&gt;&lt;code&gt;autocomplete&lt;/code&gt;&lt;/dfn&gt; IDL attribute, o=
n getting,
+  must return the element's &lt;a href=3D#idl-exposed-autofill-value&gt;=
IDL-exposed autofill value&lt;/a&gt;, and on setting, must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content attribute of th=
e same name.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;h4 id=3DtextFieldSelection&gt;&lt;span class=3Dsecno&gt;4.10.20 &l=
t;/span&gt;APIs for the text field selections&lt;/h4&gt;
+
+  &lt;!-- v2 idea: DOM Range APIs to expose the textarea/input edited va=
lue (ack martijnw) --&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;=
textarea&lt;/a&gt;&lt;/code&gt; elements define the following members in =
their
+  DOM interfaces for handling their selection:&lt;/p&gt;
+
+  &lt;pre class=3D&quot;idl extract&quot;&gt;  void &lt;a href=3D#dom-te=
xtarea/input-select title=3Ddom-textarea/input-select&gt;select&lt;/a&gt;=
();
+           attribute unsigned long &lt;a href=3D#dom-textarea/input-sele=
ctionstart title=3Ddom-textarea/input-selectionStart&gt;selectionStart&lt=
;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-textarea/input-sele=
ctionend title=3Ddom-textarea/input-selectionEnd&gt;selectionEnd&lt;/a&gt=
;;
+           attribute DOMString &lt;a href=3D#dom-textarea/input-selectio=
ndirection title=3Ddom-textarea/input-selectionDirection&gt;selectionDire=
ction&lt;/a&gt;;
+  void &lt;a href=3D#dom-textarea/input-setrangetext title=3Ddom-textare=
a/input-setRangeText&gt;setRangeText&lt;/a&gt;(DOMString replacement);
+  void &lt;a href=3D#dom-textarea/input-setrangetext title=3Ddom-textare=
a/input-setRangeText&gt;setRangeText&lt;/a&gt;(DOMString replacement, uns=
igned long start, unsigned long end, optional &lt;a href=3D#selectionmode=
&gt;SelectionMode&lt;/a&gt; selectionMode =3D &quot;preserve&quot;);
+  void &lt;a href=3D#dom-textarea/input-setselectionrange title=3Ddom-te=
xtarea/input-setSelectionRange&gt;setSelectionRange&lt;/a&gt;(unsigned lo=
ng start, unsigned long end, optional DOMString direction =3D &quot;prese=
rve&quot;);&lt;/pre&gt;
+  &lt;!-- v2: also add textLength? it seems to be widely used --&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-textarea/input-setRangeText&gt;&lt;a=
 href=3D#dom-textarea/input-setrangetext&gt;setRangeText&lt;/a&gt;&lt;/co=
de&gt; method uses the following
+  enumeration:&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;enum &lt;dfn id=3Dselectionmode&gt;SelectionMod=
e&lt;/dfn&gt; {
+  &quot;&lt;a href=3D#dom-selectionmode-select title=3Ddom-SelectionMode=
-select&gt;select&lt;/a&gt;&quot;,
+  &quot;&lt;a href=3D#dom-selectionmode-start title=3Ddom-SelectionMode-=
start&gt;start&lt;/a&gt;&quot;,
+  &quot;&lt;a href=3D#dom-selectionmode-end title=3Ddom-SelectionMode-en=
d&gt;end&lt;/a&gt;&quot;,
+  &quot;&lt;a href=3D#dom-selectionmode-preserve title=3Ddom-SelectionMo=
de-preserve&gt;preserve&lt;/a&gt;&quot;, // default
+};&lt;/pre&gt;
+
+  &lt;p&gt;These methods and attributes expose and control the selection=
 of &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/co=
de&gt; and
+  &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&gt;&l=
t;/code&gt; text fields.&lt;/p&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;e=
lement&lt;/var&gt; . &lt;code title=3Ddom-textarea/input-select&gt;&lt;a =
href=3D#dom-textarea/input-select&gt;select&lt;/a&gt;&lt;/code&gt;()&lt;/=
dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Selects everything in the text field.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-textarea/input-selecionStart&gt;selectionStart&lt;/code&g=
t; [ =3D &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the offset to the start of the selection.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the start of the selection.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-textarea/input-selecionEnd&gt;selectionEnd&lt;/code&gt; [=
 =3D &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the offset to the end of the selection.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the end of the selection.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-textarea/input-selecionDirection&gt;selectionDirection&lt=
;/code&gt; [ =3D &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; ]&lt;/=
dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current direction of the selection.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the direction of the selection.&lt;/p=
&gt;
+
+    &lt;p&gt;The possible values are &quot;&lt;code title=3D&quot;&quot;=
&gt;forward&lt;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;ba=
ckward&lt;/code&gt;&quot;, and &quot;&lt;code title=3D&quot;&quot;&gt;non=
e&lt;/code&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-textarea/input-setSelectionRange&gt;&lt;a href=3D#dom-tex=
tarea/input-setselectionrange&gt;setSelectionRange&lt;/a&gt;&lt;/code&gt;=
(&lt;var title=3D&quot;&quot;&gt;start&lt;/var&gt;, &lt;var title=3D&quot=
;&quot;&gt;end&lt;/var&gt; [, &lt;var title=3D&quot;&quot;&gt;direction&l=
t;/var&gt;] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Changes the selection to cover the given substring in the g=
iven direction. If the direction
+    is omitted, it will be reset to be the platform default (none or for=
ward).&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-textarea/input-setRangeText&gt;&lt;a href=3D#dom-textarea=
/input-setrangetext&gt;setRangeText&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D=
&quot;&quot;&gt;replacement&lt;/var&gt; [, &lt;var title=3D&quot;&quot;&g=
t;start&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;end&lt;/var&gt; [, &=
lt;var title=3D&quot;&quot;&gt;selectionMode&lt;/var&gt; ] ] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Replaces a range of text with the new text. If the &lt;var =
title=3D&quot;&quot;&gt;start&lt;/var&gt; and &lt;var title=3D&quot;&quot=
;&gt;end&lt;/var&gt; arguments are not provided, the range is assumed to =
be the selection.&lt;/p&gt;
+
+    &lt;p&gt;The final argument determines how the selection should be s=
et after the text has been
+    replaced. The possible values are:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;&quot;&lt;code title=3Ddom-SelectionMode-select&=
gt;&lt;a href=3D#dom-selectionmode-select&gt;select&lt;/a&gt;&lt;/code&gt=
;&quot;&lt;/dt&gt;
+
+     &lt;dd&gt;Selects the newly inserted text.&lt;/dd&gt;
+
+
+     &lt;dt&gt;&quot;&lt;code title=3Ddom-SelectionMode-start&gt;&lt;a h=
ref=3D#dom-selectionmode-start&gt;start&lt;/a&gt;&lt;/code&gt;&quot;&lt;/=
dt&gt;
+
+     &lt;dd&gt;Moves the selection to just before the inserted text.&lt;=
/dd&gt;
+
+
+     &lt;dt&gt;&quot;&lt;code title=3Ddom-SelectionMode-end&gt;&lt;a hre=
f=3D#dom-selectionmode-end&gt;end&lt;/a&gt;&lt;/code&gt;&quot;&lt;/dt&gt;
+
+     &lt;dd&gt;Moves the selection to just after the selected text.&lt;/=
dd&gt;
+
+
+     &lt;dt&gt;&quot;&lt;code title=3Ddom-SelectionMode-preserve&gt;&lt;=
a href=3D#dom-selectionmode-preserve&gt;preserve&lt;/a&gt;&lt;/code&gt;&q=
uot;&lt;/dt&gt;
+
+     &lt;dd&gt;Attempts to preserve the selection. This is the default.&=
lt;/dd&gt;
+
+
+    &lt;/dl&gt;&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;For &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; elements, calling these methods while they &lt;a href=3D=
#do-not-apply title=3D&quot;do not
+  apply&quot;&gt;don't apply&lt;/a&gt;, and getting or setting these att=
ributes while they &lt;a href=3D#do-not-apply title=3D&quot;do not
+  apply&quot;&gt;don't apply&lt;/a&gt;, must throw an &lt;code&gt;&lt;a =
href=3D#invalidstateerror&gt;InvalidStateError&lt;/a&gt;&lt;/code&gt; exc=
eption. Otherwise, they
+  must act as described below.&lt;/p&gt;
+
+  &lt;p&gt;For &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; elements, these methods and attributes must operate on=
 the element's
+  &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;/a=
&gt;. For &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/=
a&gt;&lt;/code&gt; elements, these methods and
+  attributes must operate on the element's &lt;a href=3D#concept-textare=
a-raw-value title=3Dconcept-textarea-raw-value&gt;raw
+  value&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Where possible, user interface features for changing the text=
 selection in &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&=
gt;&lt;/code&gt;
+  and &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&g=
t;&lt;/code&gt; elements must be implemented in terms of the DOM API desc=
ribed in this
+  section, so that, e.g., all the same events fire.&lt;/p&gt;
+
+
+  &lt;p&gt;The selections of &lt;code&gt;&lt;a href=3D#the-input-element=
&gt;input&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-textar=
ea-element&gt;textarea&lt;/a&gt;&lt;/code&gt; elements have a
+  &lt;i&gt;direction&lt;/i&gt;, which is either &lt;i&gt;forward&lt;/i&g=
t;, &lt;i&gt;backward&lt;/i&gt;, or &lt;i&gt;none&lt;/i&gt;. This directi=
on
+  is set when the user manipulates the selection. The exact meaning of t=
he selection direction
+  depends on the platform.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;On Windows, the direction indicates the position=
 of the caret relative to the
+  selection: a &lt;i&gt;forward&lt;/i&gt; selection has the caret at the=
 end of the selection and a
+  &lt;i&gt;backward&lt;/i&gt; selection has the caret at the start of th=
e selection. Windows has no &lt;i&gt;none&lt;/i&gt;
+  direction. On Mac, the direction indicates which end of the selection =
is affected when the user
+  adjusts the size of the selection using the arrow keys with the Shift =
modifier: the forward
+  direction means the end of the selection is modified, and the backward=
s direction means the start
+  of the selection is modified. The none direction is the default on Mac=
, it indicates that no
+  particular direction has yet been selected. The user sets the directio=
n implicitly when first
+  adjusting the selection, based on which directional arrow key was used=
.&lt;/p&gt;
+
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-textarea/input-select title=3Ddom-textar=
ea/input-select&gt;&lt;code&gt;select()&lt;/code&gt;&lt;/dfn&gt; method m=
ust cause the
+  contents of the text field to be fully selected, with the selection di=
rection being none, if the
+  platform support selections with the direction &lt;i&gt;none&lt;/i&gt;=
, or otherwise &lt;i&gt;forward&lt;/i&gt;. The user
+  agent must then &lt;a href=3D#queue-a-task&gt;queue a task&lt;/a&gt; t=
o &lt;a href=3D#fire-a-simple-event&gt;fire a simple event&lt;/a&gt; that=
 bubbles named
+  &lt;code title=3Devent-select&gt;select&lt;/code&gt; at the element, u=
sing the &lt;a href=3D#user-interaction-task-source&gt;user interaction t=
ask
+  source&lt;/a&gt; as the task source.&lt;/p&gt;
+
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-textarea/input-selectionstart title=3Ddo=
m-textarea/input-selectionStart&gt;&lt;code&gt;selectionStart&lt;/code&gt=
;&lt;/dfn&gt; attribute
+  must, on getting, return the offset (in logical order) to the characte=
r that immediately follows
+  the start of the selection. If there is no selection, then it must ret=
urn the offset (in logical
+  order) to the character that immediately follows the text entry cursor=
.&lt;/p&gt;
+
+  &lt;p&gt;On setting, it must act as if the &lt;code title=3Ddom-textar=
ea/input-setSelectionRange&gt;&lt;a href=3D#dom-textarea/input-setselecti=
onrange&gt;setSelectionRange()&lt;/a&gt;&lt;/code&gt; method had been cal=
led,
+  with the new value as the first argument; the current value of the &lt=
;code title=3Ddom-textarea/input-selectionEnd&gt;&lt;a href=3D#dom-textar=
ea/input-selectionend&gt;selectionEnd&lt;/a&gt;&lt;/code&gt; attribute as=
 the second argument,
+  unless the current value of the &lt;code title=3Ddom-textarea/input-se=
lectionEnd&gt;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionE=
nd&lt;/a&gt;&lt;/code&gt;
+  is less than the new value, in which case the second argument must als=
o be the new value; and the
+  current value of the &lt;code title=3Ddom-textarea/input-selectionDire=
ction&gt;&lt;a href=3D#dom-textarea/input-selectiondirection&gt;selection=
Direction&lt;/a&gt;&lt;/code&gt;
+  as the third argument.&lt;/p&gt;
+
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-textarea/input-selectionend title=3Ddom-=
textarea/input-selectionEnd&gt;&lt;code&gt;selectionEnd&lt;/code&gt;&lt;/=
dfn&gt; attribute
+  must, on getting, return the offset (in logical order) to the characte=
r that immediately follows
+  the end of the selection. If there is no selection, then it must retur=
n the offset (in logical
+  order) to the character that immediately follows the text entry cursor=
.&lt;/p&gt;
+
+  &lt;p&gt;On setting, it must act as if the &lt;code title=3Ddom-textar=
ea/input-setSelectionRange&gt;&lt;a href=3D#dom-textarea/input-setselecti=
onrange&gt;setSelectionRange()&lt;/a&gt;&lt;/code&gt; method had been cal=
led,
+  with the current value of the &lt;code title=3Ddom-textarea/input-sele=
ctionStart&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectio=
nStart&lt;/a&gt;&lt;/code&gt; attribute as the first argument,
+  the new value as the second argument, and the current value of the &lt=
;code title=3Ddom-textarea/input-selectionDirection&gt;&lt;a href=3D#dom-=
textarea/input-selectiondirection&gt;selectionDirection&lt;/a&gt;&lt;/cod=
e&gt; as the third argument.&lt;/p&gt;
+
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-textarea/input-selectiondirection title=3D=
dom-textarea/input-selectionDirection&gt;&lt;code&gt;selectionDirection&l=
t;/code&gt;&lt;/dfn&gt;
+  attribute must, on getting, return the string corresponding to the cur=
rent selection direction: if
+  the direction is &lt;i&gt;forward&lt;/i&gt;, &quot;&lt;code title=3D&q=
uot;&quot;&gt;forward&lt;/code&gt;&quot;; if the direction is
+  &lt;i&gt;backward&lt;/i&gt;, &quot;&lt;code title=3D&quot;&quot;&gt;ba=
ckward&lt;/code&gt;&quot;; and otherwise, &quot;&lt;code title=3D&quot;&q=
uot;&gt;none&lt;/code&gt;&quot;.&lt;/p&gt;
+
+  &lt;p&gt;On setting, it must act as if the &lt;code title=3Ddom-textar=
ea/input-setSelectionRange&gt;&lt;a href=3D#dom-textarea/input-setselecti=
onrange&gt;setSelectionRange()&lt;/a&gt;&lt;/code&gt; method had been cal=
led,
+  with the current value of the &lt;code title=3Ddom-textarea/input-sele=
ctionStart&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;selectio=
nStart&lt;/a&gt;&lt;/code&gt; attribute as the first argument,
+  the current value of the &lt;code title=3Ddom-textarea/input-selection=
End&gt;&lt;a href=3D#dom-textarea/input-selectionend&gt;selectionEnd&lt;/=
a&gt;&lt;/code&gt;
+  attribute as the second argument, and the new value as the third argum=
ent.&lt;/p&gt;
+
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-textarea/input-setselectionrange title=3D=
dom-textarea/input-setSelectionRange&gt;&lt;code&gt;setSelectionRange(&lt=
;var title=3D&quot;&quot;&gt;start&lt;/var&gt;, &lt;var title=3D&quot;&qu=
ot;&gt;end&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;direction&lt;/var=
&gt;)&lt;/code&gt;&lt;/dfn&gt; method
+  must set the selection of the text field to the sequence of characters=
 starting with the character
+  at the &lt;var title=3D&quot;&quot;&gt;start&lt;/var&gt;th position (i=
n logical order) and ending with the character at
+  the &lt;span title=3D&quot;&quot;&gt;(&lt;var title=3D&quot;&quot;&gt;=
end&lt;/var&gt;-1)&lt;/span&gt;th position. Arguments greater than the
+  length of the value of the text field must be treated as pointing at t=
he end of the text field. If
+  &lt;var title=3D&quot;&quot;&gt;end&lt;/var&gt; is less than or equal =
to &lt;var title=3D&quot;&quot;&gt;start&lt;/var&gt; then the start of th=
e
+  selection and the end of the selection must both be placed immediately=
 before the character with
+  offset &lt;var title=3D&quot;&quot;&gt;end&lt;/var&gt;. In UAs where t=
here is no concept of an empty selection, this must
+  set the cursor to be just before the character with offset &lt;var tit=
le=3D&quot;&quot;&gt;end&lt;/var&gt;. The direction
+  of the selection must be set to &lt;i&gt;backward&lt;/i&gt; if &lt;var=
 title=3D&quot;&quot;&gt;direction&lt;/var&gt; is a
+  &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt; match for the=
 string &quot;&lt;code title=3D&quot;&quot;&gt;backward&lt;/code&gt;&quot=
;, &lt;i&gt;forward&lt;/i&gt;
+  if &lt;var title=3D&quot;&quot;&gt;direction&lt;/var&gt; is a &lt;a hr=
ef=3D#case-sensitive&gt;case-sensitive&lt;/a&gt; match for the string &qu=
ot;&lt;code title=3D&quot;&quot;&gt;forward&lt;/code&gt;&quot; or if the =
platform does not support selections with the direction
+  &lt;i&gt;none&lt;/i&gt;, and &lt;i&gt;none&lt;/i&gt; otherwise (includ=
ing if the argument is omitted). The user agent must
+  then &lt;a href=3D#queue-a-task&gt;queue a task&lt;/a&gt; to &lt;a hre=
f=3D#fire-a-simple-event&gt;fire a simple event&lt;/a&gt; that bubbles na=
med &lt;code title=3Devent-select&gt;select&lt;/code&gt; at the element, =
using the &lt;a href=3D#user-interaction-task-source&gt;user interaction =
task
+  source&lt;/a&gt; as the task source.&lt;/p&gt;
+
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-textarea/input-setrangetext title=3Ddom-=
textarea/input-setRangeText&gt;&lt;code&gt;setRangeText(&lt;var title=3D&=
quot;&quot;&gt;replacement&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;s=
tart&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;end&lt;/var&gt;, &lt;va=
r title=3D&quot;&quot;&gt;selectMode&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt=
; method must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;If the method has only one argument, then let &lt;var title=
=3D&quot;&quot;&gt;start&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt;=
end&lt;/var&gt; have the values of the &lt;code title=3Ddom-textarea/inpu=
t-selectionStart&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt;se=
lectionStart&lt;/a&gt;&lt;/code&gt; attribute and the &lt;code title=3Ddo=
m-textarea/input-selectionEnd&gt;&lt;a href=3D#dom-textarea/input-selecti=
onend&gt;selectionEnd&lt;/a&gt;&lt;/code&gt; attribute respectively.&lt;/=
p&gt;
+
+    &lt;p&gt;Otherwise, let &lt;var title=3D&quot;&quot;&gt;start&lt;/va=
r&gt;, &lt;var title=3D&quot;&quot;&gt;end&lt;/var&gt; have the values of=
 the
+    second and third arguments respectively.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;start&lt;/var&g=
t; is greater than &lt;var title=3D&quot;&quot;&gt;end&lt;/var&gt;, then =
throw an
+   &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;IndexSizeError&lt;/a&gt;&=
lt;/code&gt; exception and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;start&lt;/var&g=
t; is greater than the length of the value of the text field,
+   then set it to the length of the value of the text field.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;end&lt;/var&gt;=
 is greater than the length of the value of the text field,
+   then set it to the length of the value of the text field.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;selection star=
t&lt;/var&gt; be the current value of the &lt;code title=3Ddom-textarea/i=
nput-selectionStart&gt;&lt;a href=3D#dom-textarea/input-selectionstart&gt=
;selectionStart&lt;/a&gt;&lt;/code&gt; attribute.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;selection end&=
lt;/var&gt; be the current value of the &lt;code title=3Ddom-textarea/inp=
ut-selectionEnd&gt;&lt;a href=3D#dom-textarea/input-selectionend&gt;selec=
tionEnd&lt;/a&gt;&lt;/code&gt; attribute.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;start&lt;/var&g=
t; is less than &lt;var title=3D&quot;&quot;&gt;end&lt;/var&gt;, delete t=
he sequence of
+   characters starting with the character at the &lt;var title=3D&quot;&=
quot;&gt;start&lt;/var&gt;th position (in logical
+   order) and ending with the character at the &lt;span title=3D&quot;&q=
uot;&gt;(&lt;var title=3D&quot;&quot;&gt;end&lt;/var&gt;-1)&lt;/span&gt;t=
h
+   position.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Insert the value of the first argument into the te=
xt of the value of the text field,
+   immediately before the &lt;var title=3D&quot;&quot;&gt;start&lt;/var&=
gt;th character.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;new length&lt;=
/var&gt; be the length of the value of the first argument.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;new end&lt;/va=
r&gt; be the sum of &lt;var title=3D&quot;&quot;&gt;start&lt;/var&gt; and=
 &lt;var title=3D&quot;&quot;&gt;new length&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Run the appropriate set of substeps from the following list=
:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the fourth argument's value is=
 &quot;&lt;dfn id=3Ddom-selectionmode-select title=3Ddom-SelectionMode-se=
lect&gt;&lt;code&gt;select&lt;/code&gt;&lt;/dfn&gt;&quot;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;selection start&lt;/v=
ar&gt; be &lt;var title=3D&quot;&quot;&gt;start&lt;/var&gt;.&lt;/p&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;selection end&lt;/var=
&gt; be &lt;var title=3D&quot;&quot;&gt;new end&lt;/var&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;If the fourth argument's value is &quot;&lt;dfn id=3Ddom-=
selectionmode-start title=3Ddom-SelectionMode-start&gt;&lt;code&gt;start&=
lt;/code&gt;&lt;/dfn&gt;&quot;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;selection start&lt;/v=
ar&gt; and &lt;var title=3D&quot;&quot;&gt;selection end&lt;/var&gt; be &=
lt;var title=3D&quot;&quot;&gt;start&lt;/var&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;If the fourth argument's value is &quot;&lt;dfn id=3Ddom-=
selectionmode-end title=3Ddom-SelectionMode-end&gt;&lt;code&gt;end&lt;/co=
de&gt;&lt;/dfn&gt;&quot;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;selection start&lt;/v=
ar&gt; and &lt;var title=3D&quot;&quot;&gt;selection end&lt;/var&gt; be &=
lt;var title=3D&quot;&quot;&gt;new end&lt;/var&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;If the fourth argument's value is &quot;&lt;dfn id=3Ddom-=
selectionmode-preserve title=3Ddom-SelectionMode-preserve&gt;&lt;code&gt;=
preserve&lt;/code&gt;&lt;/dfn&gt;&quot; (the default)&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;o=
ld length&lt;/var&gt; be &lt;var title=3D&quot;&quot;&gt;end&lt;/var&gt; =
minus &lt;var title=3D&quot;&quot;&gt;start&lt;/var&gt;.&lt;/p&gt;
+
+       &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;delta&lt;/=
var&gt; be &lt;var title=3D&quot;&quot;&gt;new length&lt;/var&gt; minus &=
lt;var title=3D&quot;&quot;&gt;old length&lt;/var&gt;.&lt;/p&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;selection start&lt;/=
var&gt; is greater than &lt;var title=3D&quot;&quot;&gt;end&lt;/var&gt;, =
then
+        increment it by &lt;var title=3D&quot;&quot;&gt;delta&lt;/var&gt=
;. (If &lt;var title=3D&quot;&quot;&gt;delta&lt;/var&gt; is negative, i.e=
.
+        the new text is shorter than the old text, then this will &lt;em=
&gt;decrease&lt;/em&gt; the value of
+        &lt;var title=3D&quot;&quot;&gt;selection start&lt;/var&gt;.)&lt=
;/p&gt;
+
+        &lt;p&gt;Otherwise: if &lt;var title=3D&quot;&quot;&gt;selection=
 start&lt;/var&gt; is greater than &lt;var title=3D&quot;&quot;&gt;start&=
lt;/var&gt;, then set it to &lt;var title=3D&quot;&quot;&gt;start&lt;/var=
&gt;. (This snaps the start of the
+        selection to the start of the new text if it was in the middle o=
f the text that it
+        replaced.)&lt;/p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;selection end&lt;/va=
r&gt; is greater than &lt;var title=3D&quot;&quot;&gt;end&lt;/var&gt;, th=
en
+        increment it by &lt;var title=3D&quot;&quot;&gt;delta&lt;/var&gt=
; in the same way.&lt;/p&gt;
+
+        &lt;p&gt;Otherwise: if &lt;var title=3D&quot;&quot;&gt;selection=
 end&lt;/var&gt; is greater than &lt;var title=3D&quot;&quot;&gt;start&lt=
;/var&gt;, then set it to &lt;var title=3D&quot;&quot;&gt;new end&lt;/var=
&gt;. (This snaps the end of the
+        selection to the end of the new text if it was in the middle of =
the text that it
+        replaced.)&lt;/p&gt;
+
+       &lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Set the selection of the text field to the sequence of char=
acters starting with the character
+    at the &lt;var title=3D&quot;&quot;&gt;selection start&lt;/var&gt;th=
 position (in logical order) and ending with the
+    character at the &lt;span title=3D&quot;&quot;&gt;(&lt;var title=3D&=
quot;&quot;&gt;selection end&lt;/var&gt;-1)&lt;/span&gt;th position. In U=
As
+    where there is no concept of an empty selection, this must set the c=
ursor to be just before the
+    character with offset &lt;var title=3D&quot;&quot;&gt;end&lt;/var&gt=
;. The direction of the selection must be set to
+    &lt;i&gt;forward&lt;/i&gt; if the platform does not support selectio=
ns with the direction &lt;i&gt;none&lt;/i&gt;, and
+    &lt;i&gt;none&lt;/i&gt; otherwise.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#queue-a-task&gt;Queue a task&lt;/a&g=
t; to &lt;a href=3D#fire-a-simple-event&gt;fire a simple event&lt;/a&gt; =
that bubbles named &lt;code title=3Devent-select&gt;select&lt;/code&gt; a=
t the element, using the &lt;a href=3D#user-interaction-task-source&gt;us=
er interaction task
+   source&lt;/a&gt; as the task source.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;All elements to which this API &lt;a href=3D#conce=
pt-input-apply title=3Dconcept-input-apply&gt;applies&lt;/a&gt; have eith=
er a
+  selection or a text entry cursor position at all times (even for eleme=
nts that are not &lt;a href=3D#being-rendered&gt;being
+  rendered&lt;/a&gt;). User agents should follow platform conventions to=
 determine their initial
+  state.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;p&gt;Characters with no visible rendering, such as U+200D ZERO WID=
TH JOINER, still count as
+  characters. Thus, for instance, the selection can include just an invi=
sible character, and the
+  text insertion cursor can be placed to one side or another of such a c=
haracter.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;To obtain the currently selected text, the following JavaScr=
ipt suffices:&lt;/p&gt;
+
+   &lt;pre&gt;var selectionText =3D control.value.substring(control.sele=
ctionStart, control.selectionEnd);&lt;/pre&gt;
+
+   &lt;p&gt;...where &lt;var title=3D&quot;&quot;&gt;control&lt;/var&gt;=
 is the &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt=
;/code&gt; or &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&=
lt;/a&gt;&lt;/code&gt;
+   element.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;To add some text at the start of a text control, while maint=
aining the text selection, the
+   three attributes must be preserved:&lt;/p&gt;
+
+   &lt;pre&gt;var oldStart =3D control.selectionStart;
+var oldEnd =3D control.selectionEnd;
+var oldDirection =3D control.selectionDirection;
+var prefix =3D &quot;http://&quot;;
+control.value =3D prefix + control.value;
+control.setSelectionRange(oldStart + prefix.length, oldEnd + prefix.leng=
th, oldDirection);&lt;/pre&gt;
+
+   &lt;p&gt;...where &lt;var title=3D&quot;&quot;&gt;control&lt;/var&gt;=
 is the &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt=
;/code&gt; or &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&=
lt;/a&gt;&lt;/code&gt;
+   element.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+
+
+  &lt;h4 id=3Dconstraints&gt;&lt;span class=3Dsecno&gt;4.10.21 &lt;/span=
&gt;Constraints&lt;/h4&gt;
+
+  &lt;h5 id=3Ddefinitions&gt;&lt;span class=3Dsecno&gt;4.10.21.1 &lt;/sp=
an&gt;Definitions&lt;/h5&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;A &lt;a href=3D#category-submit title=3Dcategory-submit&gt;su=
bmittable element&lt;/a&gt; is a &lt;dfn id=3Dcandidate-for-constraint-va=
lidation&gt;candidate for constraint
+  validation&lt;/dfn&gt; except when a condition has &lt;dfn id=3Dbarred=
-from-constraint-validation title=3D&quot;barred from constraint validati=
on&quot;&gt;barred
+  the element from constraint validation&lt;/dfn&gt;. (For example, an e=
lement is &lt;a href=3D#barred-from-constraint-validation&gt;barred from
+  constraint validation&lt;/a&gt; if it is an &lt;code&gt;&lt;a href=3D#=
the-object-element&gt;object&lt;/a&gt;&lt;/code&gt; element.)&lt;/p&gt;
+
+  &lt;p&gt;An element can have a &lt;dfn id=3Dcustom-validity-error-mess=
age&gt;custom validity error message&lt;/dfn&gt; defined. Initially, an e=
lement
+  must have its &lt;a href=3D#custom-validity-error-message&gt;custom va=
lidity error message&lt;/a&gt; set to the empty string. When its value
+  is not the empty string, the element is &lt;a href=3D#suffering-from-a=
-custom-error&gt;suffering from a custom error&lt;/a&gt;. It can be set
+  using the &lt;code title=3Ddom-cva-setCustomValidity&gt;&lt;a href=3D#=
dom-cva-setcustomvalidity&gt;setCustomValidity()&lt;/a&gt;&lt;/code&gt; m=
ethod. The user
+  agent should use the &lt;a href=3D#custom-validity-error-message&gt;cu=
stom validity error message&lt;/a&gt; when alerting the user to the
+  problem with the control.&lt;/p&gt;
+
+  &lt;p&gt;An element can be constrained in various ways. The following =
is the list of &lt;dfn id=3Dvalidity-states&gt;validity
+  states&lt;/dfn&gt; that a form control can be in, making the control i=
nvalid for the purposes of
+  constraint validation. (The definitions below are non-normative; other=
 parts of this specification
+  define more precisely when each state applies or does not.)&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt; &lt;dfn id=3Dsuffering-from-being-missing&gt;Suff=
ering from being missing&lt;/dfn&gt; &lt;/dt&gt;
+
+   &lt;dd&gt; &lt;p&gt;When a control has no &lt;a href=3D#concept-fe-va=
lue title=3Dconcept-fe-value&gt;value&lt;/a&gt; but has a &lt;code title=3D=
&quot;&quot;&gt;required&lt;/code&gt; attribute (&lt;code&gt;&lt;a href=3D=
#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; &lt;code title=3Dattr-=
input-required&gt;&lt;a href=3D#attr-input-required&gt;required&lt;/a&gt;=
&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;=
/a&gt;&lt;/code&gt; &lt;code title=3Dattr-select-required&gt;&lt;a href=3D=
#attr-select-required&gt;required&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt=
;a href=3D#the-textarea-element&gt;textarea&lt;/a&gt;&lt;/code&gt; &lt;co=
de title=3Dattr-textarea-required&gt;&lt;a href=3D#attr-textarea-required=
&gt;required&lt;/a&gt;&lt;/code&gt;), or, in the case of an element in a =
&lt;i&gt;&lt;a href=3D#radio-button-group&gt;radio
+   button group&lt;/a&gt;&lt;/i&gt;, any of the other elements in the gr=
oup has a &lt;code title=3Dattr-input-required&gt;&lt;a href=3D#attr-inpu=
t-required&gt;required&lt;/a&gt;&lt;/code&gt; attribute. &lt;/dd&gt;
+
+   &lt;dt&gt; &lt;dfn id=3Dsuffering-from-a-type-mismatch&gt;Suffering f=
rom a type mismatch&lt;/dfn&gt; &lt;/dt&gt;
+
+   &lt;dd&gt; &lt;p&gt;When a control that allows arbitrary user input h=
as a &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;value&lt;=
/a&gt; that is not in the correct syntax (&lt;a href=3D&quot;#e-mail-stat=
e-(type=3Demail)&quot; title=3Dattr-input-type-email&gt;E-mail&lt;/a&gt;,=
 &lt;a href=3D&quot;#url-state-(type=3Durl)&quot; title=3Dattr-input-type=
-url&gt;URL&lt;/a&gt;).
+   &lt;/dd&gt;
+
+   &lt;dt&gt; &lt;dfn id=3Dsuffering-from-a-pattern-mismatch&gt;Sufferin=
g from a pattern mismatch&lt;/dfn&gt; &lt;/dt&gt;
+
+   &lt;dd&gt; &lt;p&gt;When a control has a &lt;a href=3D#concept-fe-val=
ue title=3Dconcept-fe-value&gt;value&lt;/a&gt; that doesn't satisfy the
+   &lt;code title=3Dattr-input-pattern&gt;&lt;a href=3D#attr-input-patte=
rn&gt;pattern&lt;/a&gt;&lt;/code&gt; attribute.&lt;/dd&gt;
+
+   &lt;dt&gt; &lt;dfn id=3Dsuffering-from-being-too-long&gt;Suffering fr=
om being too long&lt;/dfn&gt; &lt;/dt&gt;
+
+   &lt;dd&gt; &lt;p&gt;When a control has a &lt;a href=3D#concept-fe-val=
ue title=3Dconcept-fe-value&gt;value&lt;/a&gt; that is too long for the
+   &lt;a href=3D#attr-fe-maxlength title=3Dattr-fe-maxlength&gt;form con=
trol &lt;code title=3D&quot;&quot;&gt;maxlength&lt;/code&gt; attribute&lt=
;/a&gt;
+   (&lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/c=
ode&gt; &lt;code title=3Dattr-input-maxlength&gt;&lt;a href=3D#attr-input=
-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D=
#the-textarea-element&gt;textarea&lt;/a&gt;&lt;/code&gt;
+   &lt;code title=3Dattr-textarea-maxlength&gt;&lt;a href=3D#attr-textar=
ea-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;). &lt;/dd&gt;
+
+   &lt;dt&gt; &lt;dfn id=3Dsuffering-from-being-too-short&gt;Suffering f=
rom being too short&lt;/dfn&gt; &lt;/dt&gt;
+
+   &lt;dd&gt; &lt;p&gt;When a control has a &lt;a href=3D#concept-fe-val=
ue title=3Dconcept-fe-value&gt;value&lt;/a&gt; that is too short for the
+   &lt;a href=3D#attr-fe-minlength title=3Dattr-fe-minlength&gt;form con=
trol &lt;code title=3D&quot;&quot;&gt;minlength&lt;/code&gt; attribute&lt=
;/a&gt;
+   (&lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/c=
ode&gt; &lt;code title=3Dattr-input-minlength&gt;&lt;a href=3D#attr-input=
-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D=
#the-textarea-element&gt;textarea&lt;/a&gt;&lt;/code&gt;
+   &lt;code title=3Dattr-textarea-minlength&gt;&lt;a href=3D#attr-textar=
ea-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;). &lt;/dd&gt;
+
+   &lt;dt&gt; &lt;dfn id=3Dsuffering-from-an-underflow&gt;Suffering from=
 an underflow&lt;/dfn&gt; &lt;/dt&gt;
+
+   &lt;dd&gt; &lt;p&gt;When a control has a &lt;a href=3D#concept-fe-val=
ue title=3Dconcept-fe-value&gt;value&lt;/a&gt; that is too low for the
+   &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-input-min&gt;mi=
n&lt;/a&gt;&lt;/code&gt; attribute.&lt;/dd&gt;
+
+   &lt;dt&gt; &lt;dfn id=3Dsuffering-from-an-overflow&gt;Suffering from =
an overflow&lt;/dfn&gt; &lt;/dt&gt;
+
+   &lt;dd&gt; &lt;p&gt;When a control has a &lt;a href=3D#concept-fe-val=
ue title=3Dconcept-fe-value&gt;value&lt;/a&gt; that is too high for the
+   &lt;code title=3Dattr-input-max&gt;&lt;a href=3D#attr-input-max&gt;ma=
x&lt;/a&gt;&lt;/code&gt; attribute.&lt;/dd&gt;
+
+   &lt;dt&gt; &lt;dfn id=3Dsuffering-from-a-step-mismatch&gt;Suffering f=
rom a step mismatch&lt;/dfn&gt; &lt;/dt&gt;
+
+   &lt;dd&gt; &lt;p&gt;When a control has a &lt;a href=3D#concept-fe-val=
ue title=3Dconcept-fe-value&gt;value&lt;/a&gt; that doesn't fit the
+   rules given by the &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#=
attr-input-step&gt;step&lt;/a&gt;&lt;/code&gt; attribute.&lt;/dd&gt;
+
+   &lt;dt&gt; &lt;dfn id=3Dsuffering-from-bad-input&gt;Suffering from ba=
d input&lt;/dfn&gt; &lt;/dt&gt;
+
+   &lt;dd&gt; &lt;p&gt;When a control has incomplete input and the user =
agent does not think the user ought to
+   be able to submit the form in its current state.&lt;/dd&gt;
+
+   &lt;dt&gt; &lt;dfn id=3Dsuffering-from-a-custom-error&gt;Suffering fr=
om a custom error&lt;/dfn&gt; &lt;/dt&gt;
+
+   &lt;dd&gt; &lt;p&gt;When a control's &lt;a href=3D#custom-validity-er=
ror-message&gt;custom validity error message&lt;/a&gt; (as set by the ele=
ment's
+   &lt;code title=3Ddom-cva-setCustomValidity&gt;&lt;a href=3D#dom-cva-s=
etcustomvalidity&gt;setCustomValidity()&lt;/a&gt;&lt;/code&gt; method) is=
 not the empty
+   string.&lt;/p&gt; &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p class=3Dnote&gt;An element can still suffer from thes=
e states even when the element is &lt;a href=3D#concept-fe-disabled title=
=3Dconcept-fe-disabled&gt;disabled&lt;/a&gt;; thus these states can be re=
presented in the DOM even
+  if validating the form during submission wouldn't indicate a problem t=
o the user.&lt;/p&gt;
+
+  &lt;p&gt;An element &lt;dfn id=3Dconcept-fv-valid title=3Dconcept-fv-v=
alid&gt;satisfies its constraints&lt;/dfn&gt; if it is not suffering
+  from any of the above &lt;a href=3D#validity-states&gt;validity states=
&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dconstraint-validation&gt;&lt;span class=3Dsecno&gt;4.10.21=
.2 &lt;/span&gt;Constraint validation&lt;/h5&gt;
+
+  &lt;p&gt;When the user agent is required to &lt;dfn id=3Dstatically-va=
lidate-the-constraints&gt;statically validate the constraints&lt;/dfn&gt;=
 of
+  &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&=
gt; element &lt;var title=3D&quot;&quot;&gt;form&lt;/var&gt;, it must run=
 the following steps, which return
+  either a &lt;i&gt;positive&lt;/i&gt; result (all the controls in the f=
orm are valid) or a &lt;i&gt;negative&lt;/i&gt;
+  result (there are invalid controls) along with a (possibly empty) list=
 of elements that are
+  invalid and for which no script has claimed responsibility:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;contr=
ols&lt;/var&gt; be a list of all the &lt;a href=3D#category-submit title=3D=
category-submit&gt;submittable elements&lt;/a&gt; whose &lt;a href=3D#for=
m-owner&gt;form owner&lt;/a&gt; is &lt;var title=3D&quot;&quot;&gt;form&l=
t;/var&gt;, in &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt;.&lt;/li&g=
t;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;invalid contro=
ls&lt;/var&gt; be an initially empty list of elements.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each element &lt;var title=3D&quot;&quot;&gt;field&lt;/=
var&gt; in &lt;var title=3D&quot;&quot;&gt;controls&lt;/var&gt;, in &lt;a=
 href=3D#tree-order&gt;tree
+    order&lt;/a&gt;, run the following substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;fiel=
d&lt;/var&gt; is not a &lt;a href=3D#candidate-for-constraint-validation&=
gt;candidate for constraint validation&lt;/a&gt;,
+     then move on to the next element.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Otherwise, if &lt;var title=3D&quot;&quot;&gt;fi=
eld&lt;/var&gt; &lt;a href=3D#concept-fv-valid title=3Dconcept-fv-valid&g=
t;satisfies its
+     constraints&lt;/a&gt;, then move on to the next element.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Otherwise, add &lt;var title=3D&quot;&quot;&gt;f=
ield&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;invalid
+     controls&lt;/var&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;invalid control=
s&lt;/var&gt; is empty, then return a &lt;i&gt;positive&lt;/i&gt; result =
and
+   abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;unhandled inva=
lid controls&lt;/var&gt; be an initially empty list of
+   elements.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each element &lt;var title=3D&quot;&quot;&gt;field&lt;/=
var&gt; in &lt;var title=3D&quot;&quot;&gt;invalid controls&lt;/var&gt;, =
if any,
+    in &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt;, run the followi=
ng substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#fire-a-simple-event&gt;Fi=
re a simple event&lt;/a&gt; named &lt;code title=3Devent-invalid&gt;inval=
id&lt;/code&gt; that
+     is cancelable at &lt;var title=3D&quot;&quot;&gt;field&lt;/var&gt;.=
&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the event was not canceled, then add &lt;var =
title=3D&quot;&quot;&gt;field&lt;/var&gt; to &lt;var title=3D&quot;&quot;=
&gt;unhandled invalid controls&lt;/var&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return a &lt;i&gt;negative&lt;/i&gt; result with t=
he list of elements in the &lt;var title=3D&quot;&quot;&gt;unhandled
+   invalid controls&lt;/var&gt; list.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;If a user agent is to &lt;dfn id=3Dinteractively-v=
alidate-the-constraints&gt;interactively validate the constraints&lt;/dfn=
&gt; of &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/=
code&gt;
+  element &lt;var title=3D&quot;&quot;&gt;form&lt;/var&gt;, then the use=
r agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#statically-validate-the-con=
straints&gt;Statically validate the constraints&lt;/a&gt; of &lt;var titl=
e=3D&quot;&quot;&gt;form&lt;/var&gt;, and let &lt;var title=3D&quot;&quot=
;&gt;unhandled invalid controls&lt;/var&gt; be the list of elements retur=
ned if the result was
+   &lt;i&gt;negative&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the result was &lt;i&gt;positive&lt;/i&gt;, the=
n return that result and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Report the problems with the constraints of at lea=
st one of the elements given in &lt;var title=3D&quot;&quot;&gt;unhandled=
 invalid controls&lt;/var&gt; to the user. User agents may focus one of t=
hose
+   elements in the process, by running the &lt;a href=3D#focusing-steps&=
gt;focusing steps&lt;/a&gt; for that element, and may
+   change the scrolling position of the document, or perform some other =
action that brings the
+   element to the user's attention. User agents may report more than one=
 constraint violation. User
+   agents may coalesce related constraint violation reports if appropria=
te (e.g. if multiple radio
+   buttons in a &lt;a href=3D#radio-button-group title=3D&quot;radio but=
ton group&quot;&gt;group&lt;/a&gt; are marked as required, only one error
+   need be reported). If one of the controls is not &lt;a href=3D#being-=
rendered&gt;being rendered&lt;/a&gt; (e.g. it has the
+   &lt;code title=3Dattr-hidden&gt;&lt;a href=3D#the-hidden-attribute&gt=
;hidden&lt;/a&gt;&lt;/code&gt; attribute set) then user agents may report=
 a script
+   error.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return a &lt;i&gt;negative&lt;/i&gt; result.&lt;/l=
i&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;h5 id=3Dthe-constraint-validation-api&gt;&lt;span class=3Dsecno&gt=
;4.10.21.3 &lt;/span&gt;The &lt;dfn&gt;constraint validation API&lt;/dfn&=
gt;&lt;/h5&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;e=
lement&lt;/var&gt; . &lt;code title=3Ddom-cva-willValidate&gt;&lt;a href=3D=
#dom-cva-willvalidate&gt;willValidate&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the element will be validated when the form=
 is submitted; false
+    otherwise.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-cva-setCustomValidity&gt;&lt;a href=3D#dom-cva-setcustomv=
alidity&gt;setCustomValidity&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot=
;&quot;&gt;message&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Sets a custom error, so that the element would fail to vali=
date. The given message is the
+    message to be shown to the user when reporting the problem to the us=
er.&lt;/p&gt;
+
+    &lt;p&gt;If the argument is the empty string, clears the custom erro=
r.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-cva-validity&gt;&lt;a href=3D#dom-cva-validity&gt;validit=
y&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-validitystate-valueMissin=
g&gt;&lt;a href=3D#dom-validitystate-valuemissing&gt;valueMissing&lt;/a&g=
t;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the element has no value but is a required =
field; false otherwise.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-cva-validity&gt;&lt;a href=3D#dom-cva-validity&gt;validit=
y&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-validitystate-typeMismatc=
h&gt;&lt;a href=3D#dom-validitystate-typemismatch&gt;typeMismatch&lt;/a&g=
t;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the element's value is not in the correct s=
yntax; false otherwise.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-cva-validity&gt;&lt;a href=3D#dom-cva-validity&gt;validit=
y&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-validitystate-patternMism=
atch&gt;&lt;a href=3D#dom-validitystate-patternmismatch&gt;patternMismatc=
h&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the element's value doesn't match the provi=
ded pattern; false otherwise.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-cva-validity&gt;&lt;a href=3D#dom-cva-validity&gt;validit=
y&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-validitystate-tooLong&gt;=
&lt;a href=3D#dom-validitystate-toolong&gt;tooLong&lt;/a&gt;&lt;/code&gt;=
&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the element's value is longer than the prov=
ided maximum length; false otherwise.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-cva-validity&gt;&lt;a href=3D#dom-cva-validity&gt;validit=
y&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-validitystate-tooShort&gt=
;&lt;a href=3D#dom-validitystate-tooshort&gt;tooShort&lt;/a&gt;&lt;/code&=
gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the element's value, if it is not the empty=
 string, is shorter than the
+    provided minimum length; false otherwise.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-cva-validity&gt;&lt;a href=3D#dom-cva-validity&gt;validit=
y&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-validitystate-rangeUnderf=
low&gt;&lt;a href=3D#dom-validitystate-rangeunderflow&gt;rangeUnderflow&l=
t;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the element's value is lower than the provi=
ded minimum; false otherwise.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-cva-validity&gt;&lt;a href=3D#dom-cva-validity&gt;validit=
y&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-validitystate-rangeOverfl=
ow&gt;&lt;a href=3D#dom-validitystate-rangeoverflow&gt;rangeOverflow&lt;/=
a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the element's value is higher than the prov=
ided maximum; false otherwise.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-cva-validity&gt;&lt;a href=3D#dom-cva-validity&gt;validit=
y&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-validitystate-stepMismatc=
h&gt;&lt;a href=3D#dom-validitystate-stepmismatch&gt;stepMismatch&lt;/a&g=
t;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the element's value doesn't fit the rules g=
iven by the &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-input-=
step&gt;step&lt;/a&gt;&lt;/code&gt; attribute; false otherwise.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-cva-validity&gt;&lt;a href=3D#dom-cva-validity&gt;validit=
y&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-validitystate-badInput&gt=
;&lt;a href=3D#dom-validitystate-badinput&gt;badInput&lt;/a&gt;&lt;/code&=
gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the user has provided input in the user int=
erface that the user agent is
+    unable to convert to a value; false otherwise.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-cva-validity&gt;&lt;a href=3D#dom-cva-validity&gt;validit=
y&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-validitystate-customError=
&gt;&lt;a href=3D#dom-validitystate-customerror&gt;customError&lt;/a&gt;&=
lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the element has a custom error; false other=
wise.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-cva-validity&gt;&lt;a href=3D#dom-cva-validity&gt;validit=
y&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-validitystate-valid&gt;&l=
t;a href=3D#dom-validitystate-valid&gt;valid&lt;/a&gt;&lt;/code&gt;&lt;/d=
t&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the element's value has no validity problem=
s; false otherwise.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;valid&lt;/var&gt; =3D &lt;v=
ar title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;code title=3Ddom-cva=
-checkValidity&gt;&lt;a href=3D#dom-cva-checkvalidity&gt;checkValidity&lt=
;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the element's value has no validity problem=
s; false otherwise. Fires an &lt;code title=3Devent-invalid&gt;invalid&lt=
;/code&gt; event at the element in the latter case.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;valid&lt;/var&gt; =3D &lt;v=
ar title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;code title=3Ddom-cva=
-reportValidity&gt;&lt;a href=3D#dom-cva-reportvalidity&gt;reportValidity=
&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the element's value has no validity problem=
s; otherwise, returns false, fires
+    an &lt;code title=3Devent-invalid&gt;invalid&lt;/code&gt; event at t=
he element, and (if the event isn't
+    canceled) reports the problem to the user.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-cva-validationMessage&gt;&lt;a href=3D#dom-cva-validation=
message&gt;validationMessage&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the error message that would be shown to the user i=
f the element was to be checked
+    for validity.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-cva-willvalidate title=3Ddom-cva-willVal=
idate&gt;&lt;code&gt;willValidate&lt;/code&gt;&lt;/dfn&gt; attribute must=
 return
+  true if an element is a &lt;a href=3D#candidate-for-constraint-validat=
ion&gt;candidate for constraint validation&lt;/a&gt;, and false otherwise
+  (i.e. false if any conditions are &lt;a href=3D#barred-from-constraint=
-validation title=3D&quot;barred from constraint validation&quot;&gt;barr=
ing it from
+  constraint validation&lt;/a&gt;).&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-cva-setcustomvalidity title=3Ddom-cva-se=
tCustomValidity&gt;&lt;code&gt;setCustomValidity(&lt;var title=3D&quot;&q=
uot;&gt;message&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt;, when invoked, must=
 set the &lt;a href=3D#custom-validity-error-message&gt;custom validity e=
rror
+  message&lt;/a&gt; to the value of the given &lt;var title=3D&quot;&quo=
t;&gt;message&lt;/var&gt; argument.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In the following example, a script checks the value of a for=
m control each time it is edited,
+   and whenever it is not a valid value, uses the &lt;code title=3Ddom-c=
va-setCustomValidity&gt;&lt;a href=3D#dom-cva-setcustomvalidity&gt;setCus=
tomValidity()&lt;/a&gt;&lt;/code&gt; method to set an appropriate
+   message.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;label&amp;gt;Feeling: &amp;lt;input name=3Df type=3D=
&quot;text&quot; oninput=3D&quot;check(this)&quot;&amp;gt;&amp;lt;/label&=
amp;gt;
+&amp;lt;script&amp;gt;
+ function check(input) {
+   if (input.value =3D=3D &quot;good&quot; ||
+       input.value =3D=3D &quot;fine&quot; ||
+       input.value =3D=3D &quot;tired&quot;) {
+     input.setCustomValidity('&quot;' + input.value + '&quot; is not a f=
eeling.');
+&lt;!--   } else if (input.value =3D=3D &quot;...&quot;) {
+     input.setCustomValidity('...');
+--&gt;   } else {
+     // input is fine -- reset the error message
+     input.setCustomValidity('');
+   }
+ }
+&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-cva-validity title=3Ddom-cva-validity&gt=
;&lt;code&gt;validity&lt;/code&gt;&lt;/dfn&gt; attribute must return a
+  &lt;code&gt;&lt;a href=3D#validitystate&gt;ValidityState&lt;/a&gt;&lt;=
/code&gt; object that represents the &lt;a href=3D#validity-states&gt;val=
idity states&lt;/a&gt; of the element.
+  This object is &lt;a href=3D#live&gt;live&lt;/a&gt;, and the same obje=
ct must be returned each time the element's
+  &lt;code title=3Ddom-cva-validity&gt;&lt;a href=3D#dom-cva-validity&gt=
;validity&lt;/a&gt;&lt;/code&gt; attribute is retrieved.&lt;/p&gt;
+
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dvaliditystate&gt;ValidityS=
tate&lt;/dfn&gt; {
+  readonly attribute boolean &lt;a href=3D#dom-validitystate-valuemissin=
g title=3Ddom-ValidityState-valueMissing&gt;valueMissing&lt;/a&gt;;
+  readonly attribute boolean &lt;a href=3D#dom-validitystate-typemismatc=
h title=3Ddom-ValidityState-typeMismatch&gt;typeMismatch&lt;/a&gt;;
+  readonly attribute boolean &lt;a href=3D#dom-validitystate-patternmism=
atch title=3Ddom-ValidityState-patternMismatch&gt;patternMismatch&lt;/a&g=
t;;
+  readonly attribute boolean &lt;a href=3D#dom-validitystate-toolong tit=
le=3Ddom-ValidityState-tooLong&gt;tooLong&lt;/a&gt;;
+  readonly attribute boolean &lt;a href=3D#dom-validitystate-tooshort ti=
tle=3Ddom-ValidityState-tooShort&gt;tooShort&lt;/a&gt;;
+  readonly attribute boolean &lt;a href=3D#dom-validitystate-rangeunderf=
low title=3Ddom-ValidityState-rangeUnderflow&gt;rangeUnderflow&lt;/a&gt;;
+  readonly attribute boolean &lt;a href=3D#dom-validitystate-rangeoverfl=
ow title=3Ddom-ValidityState-rangeOverflow&gt;rangeOverflow&lt;/a&gt;;
+  readonly attribute boolean &lt;a href=3D#dom-validitystate-stepmismatc=
h title=3Ddom-ValidityState-stepMismatch&gt;stepMismatch&lt;/a&gt;;
+  readonly attribute boolean &lt;a href=3D#dom-validitystate-badinput ti=
tle=3Ddom-ValidityState-badInput&gt;badInput&lt;/a&gt;;
+  readonly attribute boolean &lt;a href=3D#dom-validitystate-customerror=
 title=3Ddom-ValidityState-customError&gt;customError&lt;/a&gt;;
+  readonly attribute boolean &lt;a href=3D#dom-validitystate-valid title=
=3Ddom-ValidityState-valid&gt;valid&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#validitystate&gt;ValidityState&lt=
;/a&gt;&lt;/code&gt; object has the following attributes. On getting, the=
y must return
+  true if the corresponding condition given in the following list is tru=
e, and false otherwise.&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Ddom-validitystate-valuemissing title=3D=
dom-ValidityState-valueMissing&gt;&lt;code&gt;valueMissing&lt;/code&gt;&l=
t;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt; &lt;p&gt;The control is &lt;a href=3D#suffering-from-being=
-missing&gt;suffering from being missing&lt;/a&gt;.&lt;/p&gt; &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-validitystate-typemismatch title=3Ddom-Val=
idityState-typeMismatch&gt;&lt;code&gt;typeMismatch&lt;/code&gt;&lt;/dfn&=
gt;&lt;/dt&gt;
+   &lt;dd&gt; &lt;p&gt;The control is &lt;a href=3D#suffering-from-a-typ=
e-mismatch&gt;suffering from a type mismatch&lt;/a&gt;.&lt;/p&gt; &lt;/dd=
&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-validitystate-patternmismatch title=3Ddom-=
ValidityState-patternMismatch&gt;&lt;code&gt;patternMismatch&lt;/code&gt;=
&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt; &lt;p&gt;The control is &lt;a href=3D#suffering-from-a-pat=
tern-mismatch&gt;suffering from a pattern mismatch&lt;/a&gt;.&lt;/p&gt; &=
lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-validitystate-toolong title=3Ddom-Validity=
State-tooLong&gt;&lt;code&gt;tooLong&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt; &lt;p&gt;The control is &lt;a href=3D#suffering-from-being=
-too-long&gt;suffering from being too long&lt;/a&gt;.&lt;/p&gt; &lt;/dd&g=
t;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-validitystate-tooshort title=3Ddom-Validit=
yState-tooShort&gt;&lt;code&gt;tooShort&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&g=
t;
+   &lt;dd&gt; &lt;p&gt;The control is &lt;a href=3D#suffering-from-being=
-too-short&gt;suffering from being too short&lt;/a&gt;.&lt;/p&gt; &lt;/dd=
&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-validitystate-rangeunderflow title=3Ddom-V=
alidityState-rangeUnderflow&gt;&lt;code&gt;rangeUnderflow&lt;/code&gt;&lt=
;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt; &lt;p&gt;The control is &lt;a href=3D#suffering-from-an-un=
derflow&gt;suffering from an underflow&lt;/a&gt;.&lt;/p&gt; &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-validitystate-rangeoverflow title=3Ddom-Va=
lidityState-rangeOverflow&gt;&lt;code&gt;rangeOverflow&lt;/code&gt;&lt;/d=
fn&gt;&lt;/dt&gt;
+   &lt;dd&gt; &lt;p&gt;The control is &lt;a href=3D#suffering-from-an-ov=
erflow&gt;suffering from an overflow&lt;/a&gt;.&lt;/p&gt; &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-validitystate-stepmismatch title=3Ddom-Val=
idityState-stepMismatch&gt;&lt;code&gt;stepMismatch&lt;/code&gt;&lt;/dfn&=
gt;&lt;/dt&gt;
+   &lt;dd&gt; &lt;p&gt;The control is &lt;a href=3D#suffering-from-a-ste=
p-mismatch&gt;suffering from a step mismatch&lt;/a&gt;.&lt;/p&gt; &lt;/dd=
&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-validitystate-badinput title=3Ddom-Validit=
yState-badInput&gt;&lt;code&gt;badInput&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&g=
t;
+   &lt;dd&gt; &lt;p&gt;The control is &lt;a href=3D#suffering-from-bad-i=
nput&gt;suffering from bad input&lt;/a&gt;.&lt;/p&gt; &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-validitystate-customerror title=3Ddom-Vali=
dityState-customError&gt;&lt;code&gt;customError&lt;/code&gt;&lt;/dfn&gt;=
&lt;/dt&gt;
+   &lt;dd&gt; &lt;p&gt;The control is &lt;a href=3D#suffering-from-a-cus=
tom-error&gt;suffering from a custom error&lt;/a&gt;.&lt;/p&gt; &lt;/dd&g=
t;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-validitystate-valid title=3Ddom-ValiditySt=
ate-valid&gt;&lt;code&gt;valid&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt; &lt;p&gt;None of the other conditions are true.&lt;/p&gt; =
&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;When the &lt;dfn id=3Ddom-cva-checkvalidity title=3D=
dom-cva-checkValidity&gt;&lt;code&gt;checkValidity()&lt;/code&gt;&lt;/dfn=
&gt; method is
+  invoked, if the element is a &lt;a href=3D#candidate-for-constraint-va=
lidation&gt;candidate for constraint validation&lt;/a&gt; and does not &l=
t;a href=3D#concept-fv-valid title=3Dconcept-fv-valid&gt;satisfy its cons=
traints&lt;/a&gt;, the user agent must &lt;a href=3D#fire-a-simple-event&=
gt;fire a simple
+  event&lt;/a&gt; named &lt;code title=3Devent-invalid&gt;invalid&lt;/co=
de&gt; that is cancelable (but in this case
+  has no default action) at the element and return false. Otherwise, it =
must only return true
+  without doing anything else.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;dfn id=3Ddom-cva-reportvalidity title=3Ddom-cva-=
reportValidity&gt;&lt;code&gt;reportValidity()&lt;/code&gt;&lt;/dfn&gt; m=
ethod is
+  invoked, if the element is a &lt;a href=3D#candidate-for-constraint-va=
lidation&gt;candidate for constraint validation&lt;/a&gt; and does not &l=
t;a href=3D#concept-fv-valid title=3Dconcept-fv-valid&gt;satisfy its cons=
traints&lt;/a&gt;, the user agent must: &lt;a href=3D#fire-a-simple-event=
&gt;fire a simple
+  event&lt;/a&gt; named &lt;code title=3Devent-invalid&gt;invalid&lt;/co=
de&gt; that is cancelable at the element,
+  and if that event is not canceled, report the problems with the constr=
aints of that element to the
+  user; then, return false. Otherwise, it must only return true without =
doing anything else. When
+  reporting the problem with the constraints to the user, the user agent=
 may run the &lt;a href=3D#focusing-steps&gt;focusing
+  steps&lt;/a&gt; for that element, and may change the scrolling positio=
n of the document, or perform
+  some other action that brings the element to the user's attention. Use=
r agents may report more
+  than one constraint violation, if the element suffers from multiple pr=
oblems at once. If the
+  element is not &lt;a href=3D#being-rendered&gt;being rendered&lt;/a&gt=
;, then the user agent may, instead of notifying the
+  user, report a script error.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-cva-validationmessage title=3Ddom-cva-va=
lidationMessage&gt;&lt;code&gt;validationMessage&lt;/code&gt;&lt;/dfn&gt;=
 attribute must
+  return the empty string if the element is not a &lt;a href=3D#candidat=
e-for-constraint-validation&gt;candidate for constraint validation&lt;/a&=
gt;
+  or if it is one but it &lt;a href=3D#concept-fv-valid title=3Dconcept-=
fv-valid&gt;satisfies its constraints&lt;/a&gt;; otherwise,
+  it must return a suitably localized message that the user agent would =
show the user if this were
+  the only form control with a validity constraint problem. If the user =
agent would not actually
+  show a textual message in such a situation (e.g. it would show a graph=
ical cue instead), then the
+  attribute must return a suitably localized message that expresses (one=
 or more of) the validity
+  constraint(s) that the control does not satisfy. If the element is a &=
lt;a href=3D#candidate-for-constraint-validation&gt;candidate for
+  constraint validation&lt;/a&gt; and is &lt;a href=3D#suffering-from-a-=
custom-error&gt;suffering from a custom error&lt;/a&gt;, then the
+  &lt;a href=3D#custom-validity-error-message&gt;custom validity error m=
essage&lt;/a&gt; should be present in the return value.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+
+&lt;!--ADD-TOPIC:Security--&gt;
+  &lt;h5 id=3Dsecurity-forms&gt;&lt;span class=3Dsecno&gt;4.10.21.4 &lt;=
/span&gt;Security&lt;/h5&gt;
+
+  &lt;p id=3Dsecurity-0&gt;Servers should not rely on client-side valida=
tion. Client-side validation can
+  be intentionally bypassed by hostile users, and unintentionally bypass=
ed by users of older user
+  agents or automated tools that do not implement these features. The co=
nstraint validation features
+  are only intended to improve the user experience, not to provide any k=
ind of security
+  mechanism.&lt;/p&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+
+
+
+  &lt;h4 id=3Dform-submission&gt;&lt;span class=3Dsecno&gt;4.10.22 &lt;/=
span&gt;&lt;dfn&gt;Form submission&lt;/dfn&gt;&lt;/h4&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dintroduction-3&gt;&lt;span class=3Dsecno&gt;4.10.22.1 &lt;=
/span&gt;Introduction&lt;/h5&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;When a form is submitted, the data in the form is converted i=
nto the structure specified by the
+  &lt;a href=3D#concept-fs-enctype title=3Dconcept-fs-enctype&gt;enctype=
&lt;/a&gt;, and then sent to the destination specified by the
+  &lt;a href=3D#concept-fs-action title=3Dconcept-fs-action&gt;action&lt=
;/a&gt; using the given &lt;a href=3D#concept-fs-method title=3Dconcept-f=
s-method&gt;method&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;For example, take the following form:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;form action=3D&quot;/find.cgi&quot; method=3Dget&am=
p;gt;
+ &amp;lt;input type=3Dtext name=3Dt&amp;gt;
+ &amp;lt;input type=3Dsearch name=3Dq&amp;gt;
+ &amp;lt;input type=3Dsubmit&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+  &lt;p&gt;If the user types in &quot;cats&quot; in the first field and =
&quot;fur&quot; in the second, and then hits the
+  submit button, then the user agent will load &lt;code title=3D&quot;&q=
uot;&gt;/find.cgi?t=3Dcats&amp;amp;q=3Dfur&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p&gt;On the other hand, consider this form:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;form action=3D&quot;/find.cgi&quot; method=3Dpost e=
nctype=3D&quot;multipart/form-data&quot;&amp;gt;
+ &amp;lt;input type=3Dtext name=3Dt&amp;gt;
+ &amp;lt;input type=3Dsearch name=3Dq&amp;gt;
+ &amp;lt;input type=3Dsubmit&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+  &lt;p&gt;Given the same user input, the result on submission is quite =
different: the user agent instead
+  does an HTTP POST to the given URL, with as the entity body something =
like the following text:&lt;/p&gt;
+
+  &lt;pre&gt;------kYFrd4jNJEgCervE
+Content-Disposition: form-data; name=3D&quot;t&quot;
+
+cats
+------kYFrd4jNJEgCervE
+Content-Disposition: form-data; name=3D&quot;q&quot;
+
+fur
+------kYFrd4jNJEgCervE--&lt;/pre&gt;
+
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dimplicit-submission&gt;&lt;span class=3Dsecno&gt;4.10.22.2=
 &lt;/span&gt;Implicit submission&lt;/h5&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt=
;&lt;/code&gt; element's &lt;dfn id=3Ddefault-button&gt;default button&lt=
;/dfn&gt; is the first &lt;a href=3D#concept-submit-button title=3Dconcep=
t-submit-button&gt;submit button&lt;/a&gt; in &lt;a href=3D#tree-order&gt=
;tree order&lt;/a&gt; whose &lt;a href=3D#form-owner&gt;form
+  owner&lt;/a&gt; is that &lt;code&gt;&lt;a href=3D#the-form-element&gt;=
form&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;p&gt;If the user agent supports letting the user submit a form imp=
licitly (for example, on some
+  platforms hitting the &quot;enter&quot; key while a text field is focu=
sed implicitly submits the form), then
+  doing so for a form whose &lt;a href=3D#default-button&gt;default butt=
on&lt;/a&gt; has a defined &lt;a href=3D#activation-behavior&gt;activatio=
n
+  behavior&lt;/a&gt; must cause the user agent to &lt;a href=3D#run-synt=
hetic-click-activation-steps&gt;run synthetic click activation steps&lt;/=
a&gt; on
+  that &lt;a href=3D#default-button&gt;default button&lt;/a&gt;.&lt;/p&g=
t;
+
+  &lt;p class=3Dnote&gt;Consequently, if the &lt;a href=3D#default-butto=
n&gt;default button&lt;/a&gt; is &lt;a href=3D#concept-fe-disabled title=3D=
concept-fe-disabled&gt;disabled&lt;/a&gt;, the form is not submitted when=
 such an implicit
+  submission mechanism is used. (A button has no &lt;a href=3D#activatio=
n-behavior&gt;activation behavior&lt;/a&gt; when
+  disabled.)&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;There are pages on the Web that are only usable =
if there is a way to implicitly
+  submit forms, so user agents are strongly encouraged to support this.&=
lt;/p&gt;
+
+  &lt;p&gt;&lt;!-- For Web compatibility reasons caused by obscure histo=
rical accidents, --&gt;If the form has
+  no &lt;a href=3D#concept-submit-button title=3Dconcept-submit-button&g=
t;submit button&lt;/a&gt;, then the implicit submission
+  mechanism must do nothing if the form has more than one &lt;i&gt;field=
 that blocks implicit
+  submission&lt;/i&gt;, and must &lt;a href=3D#concept-form-submit title=
=3Dconcept-form-submit&gt;submit&lt;/a&gt; the &lt;code&gt;&lt;a href=3D#=
the-form-element&gt;form&lt;/a&gt;&lt;/code&gt;
+  element from the &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt=
;/a&gt;&lt;/code&gt; element itself otherwise.&lt;/p&gt;
+
+  &lt;p&gt;For the purpose of the previous paragraph, an element is a &l=
t;i&gt;field that blocks implicit
+  submission&lt;/i&gt; of a &lt;code&gt;&lt;a href=3D#the-form-element&g=
t;form&lt;/a&gt;&lt;/code&gt; element if it is an &lt;code&gt;&lt;a href=3D=
#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element whose
+  &lt;a href=3D#form-owner&gt;form owner&lt;/a&gt; is that &lt;code&gt;&=
lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&gt; element and =
whose &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&g=
t;type&lt;/a&gt;&lt;/code&gt; attribute is in one of the following states=
:
+  &lt;a href=3D&quot;#text-(type=3Dtext)-state-and-search-state-(type=3D=
search)&quot; title=3Dattr-input-type-text&gt;Text&lt;/a&gt;,
+  &lt;a href=3D&quot;#text-(type=3Dtext)-state-and-search-state-(type=3D=
search)&quot; title=3Dattr-input-type-search&gt;Search&lt;/a&gt;,
+  &lt;a href=3D&quot;#url-state-(type=3Durl)&quot; title=3Dattr-input-ty=
pe-url&gt;URL&lt;/a&gt;,
+  &lt;a href=3D&quot;#telephone-state-(type=3Dtel)&quot; title=3Dattr-in=
put-type-tel&gt;Telephone&lt;/a&gt;,
+  &lt;a href=3D&quot;#e-mail-state-(type=3Demail)&quot; title=3Dattr-inp=
ut-type-email&gt;E-mail&lt;/a&gt;,
+  &lt;a href=3D&quot;#password-state-(type=3Dpassword)&quot; title=3Datt=
r-input-type-password&gt;Password&lt;/a&gt;,
+  &lt;a href=3D&quot;#date-and-time-state-(type=3Ddatetime)&quot; title=3D=
attr-input-type-datetime&gt;Date and Time&lt;/a&gt;,
+  &lt;a href=3D&quot;#date-state-(type=3Ddate)&quot; title=3Dattr-input-=
type-date&gt;Date&lt;/a&gt;,
+  &lt;a href=3D&quot;#month-state-(type=3Dmonth)&quot; title=3Dattr-inpu=
t-type-month&gt;Month&lt;/a&gt;,
+  &lt;a href=3D&quot;#week-state-(type=3Dweek)&quot; title=3Dattr-input-=
type-week&gt;Week&lt;/a&gt;,
+  &lt;a href=3D&quot;#time-state-(type=3Dtime)&quot; title=3Dattr-input-=
type-time&gt;Time&lt;/a&gt;,
+  &lt;a href=3D&quot;#local-date-and-time-state-(type=3Ddatetime-local)&=
quot; title=3Dattr-input-type-datetime-local&gt;Local Date and Time&lt;/a=
&gt;,
+  &lt;a href=3D&quot;#number-state-(type=3Dnumber)&quot; title=3Dattr-in=
put-type-number&gt;Number&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dform-submission-algorithm&gt;&lt;span class=3Dsecno&gt;4.1=
0.22.3 &lt;/span&gt;Form submission algorithm&lt;/h5&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;=
/a&gt;&lt;/code&gt; element &lt;var title=3D&quot;&quot;&gt;form&lt;/var&=
gt; is &lt;dfn id=3Dconcept-form-submit title=3Dconcept-form-submit&gt;su=
bmitted&lt;/dfn&gt; from an element &lt;var title=3D&quot;&quot;&gt;submi=
tter&lt;/var&gt;
+  (typically a button), optionally with a &lt;var title=3D&quot;&quot;&g=
t;submitted from &lt;code title=3Ddom-form-submit&gt;&lt;a href=3D#dom-fo=
rm-submit&gt;submit()&lt;/a&gt;&lt;/code&gt; method&lt;/var&gt; flag set,=
 the user agent must run the
+  following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;form =
document&lt;/var&gt; be the &lt;var title=3D&quot;&quot;&gt;form&lt;/var&=
gt;'s
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
.&lt;/li&gt;
+
+   &lt;li id=3DsandboxSubmitBlocked&gt;&lt;p&gt;If &lt;var title=3D&quot=
;&quot;&gt;form document&lt;/var&gt; has no associated
+   &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; or its &=
lt;a href=3D#active-sandboxing-flag-set&gt;active sandboxing flag set&lt;=
/a&gt; has its
+   &lt;a href=3D#sandboxed-forms-browsing-context-flag&gt;sandboxed form=
s browsing context flag&lt;/a&gt; set, then abort these steps without doi=
ng
+   anything.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;form browsing =
context&lt;/var&gt; be the &lt;a href=3D#browsing-context&gt;browsing con=
text&lt;/a&gt; of &lt;var title=3D&quot;&quot;&gt;form document&lt;/var&g=
t;.&lt;/li&gt;
+
+   &lt;!-- lock (all the following steps are skipped if called from subm=
it() - see unlock step below) --&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;submitted f=
rom &lt;code title=3Ddom-form-submit&gt;&lt;a href=3D#dom-form-submit&gt;=
submit()&lt;/a&gt;&lt;/code&gt;
+   method&lt;/var&gt; flag is not set, and the &lt;var title=3D&quot;&qu=
ot;&gt;submitter&lt;/var&gt; element's &lt;a href=3D#concept-fs-novalidat=
e title=3Dconcept-fs-novalidate&gt;no-validate state&lt;/a&gt; is false, =
then &lt;a href=3D#interactively-validate-the-constraints&gt;interactivel=
y
+   validate the constraints&lt;/a&gt; of &lt;var title=3D&quot;&quot;&gt=
;form&lt;/var&gt; and examine the result: if the result
+   is negative (the constraint validation concluded that there were inva=
lid fields and probably
+   informed the user of this) then &lt;a href=3D#fire-a-simple-event&gt;=
fire a simple event&lt;/a&gt; named &lt;code title=3Devent-invalid&gt;inv=
alid&lt;/code&gt; at the &lt;var title=3D&quot;&quot;&gt;form&lt;/var&gt;=
 element and then abort these
+   steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;submitted f=
rom &lt;code title=3Ddom-form-submit&gt;&lt;a href=3D#dom-form-submit&gt;=
submit()&lt;/a&gt;&lt;/code&gt;
+   method&lt;/var&gt; flag is not set, then &lt;a href=3D#fire-a-simple-=
event&gt;fire a simple event&lt;/a&gt; that bubbles and is
+   cancelable named &lt;code title=3Devent-submit&gt;submit&lt;/code&gt;=
, at &lt;var title=3D&quot;&quot;&gt;form&lt;/var&gt;. If the
+   event's default action is prevented (i.e. if the event is canceled) t=
hen abort these steps.
+   Otherwise, continue (effectively the default action is to perform the=
 submission).&lt;/li&gt;
+
+   &lt;!-- if you add any steps between the &quot;lock&quot; and &quot;u=
nlock&quot; lines, make sure to update the step
+   immediately before the &quot;lock&quot; line --&gt;
+
+   &lt;!-- unlock --&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;form data set&=
lt;/var&gt; be the result of &lt;a href=3D#constructing-the-form-data-set=
&gt;constructing the form data
+   set&lt;/a&gt; for &lt;var title=3D&quot;&quot;&gt;form&lt;/var&gt; in=
 the context of &lt;var title=3D&quot;&quot;&gt;submitter&lt;/var&gt;.&lt=
;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;action&lt;/var=
&gt; be the &lt;var title=3D&quot;&quot;&gt;submitter&lt;/var&gt; element=
's &lt;a href=3D#concept-fs-action title=3Dconcept-fs-action&gt;action&lt=
;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;action&lt;/var&gt; is th=
e empty string, let &lt;var title=3D&quot;&quot;&gt;action&lt;/var&gt; be
+    &lt;a href=3D&quot;#the-document's-address&quot;&gt;the document's a=
ddress&lt;/a&gt; of the &lt;var title=3D&quot;&quot;&gt;form document&lt;=
/var&gt;.&lt;/p&gt;
+
+    &lt;!-- Don't ask me why. But that's what IE does. It even treats ac=
tion=3D&quot;&quot; differently from
+    action=3D&quot; &quot; or action=3D&quot;#&quot; (the latter two res=
olve to the base URL, the first one resolves to the
+    doc URL). And other browsers concur. It is even required, see e.g.
+      http://bugs.webkit.org/show_bug.cgi?id=3D7763
+      https://bugzilla.mozilla.org/show_bug.cgi?id=3D297761
+    --&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#resolve-a-url title=3D&quot;resolve =
a url&quot;&gt;Resolve&lt;/a&gt; the &lt;a href=3D#url&gt;URL&lt;/a&gt; &=
lt;var title=3D&quot;&quot;&gt;action&lt;/var&gt;, relative to the &lt;va=
r title=3D&quot;&quot;&gt;submitter&lt;/var&gt; element. If this fails,
+   abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;action&lt;/var=
&gt; be the resulting &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt=
;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;action compone=
nts&lt;/var&gt; be the resulting &lt;a href=3D#parsed-url&gt;parsed
+   URL&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;scheme&lt;/var=
&gt; be the &lt;a href=3D#concept-url-scheme title=3Dconcept-url-scheme&g=
t;scheme&lt;/a&gt; of
+   the resulting &lt;a href=3D#parsed-url&gt;parsed URL&lt;/a&gt;.&lt;/l=
i&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;enctype&lt;/va=
r&gt; be the &lt;var title=3D&quot;&quot;&gt;submitter&lt;/var&gt; elemen=
t's &lt;a href=3D#concept-fs-enctype title=3Dconcept-fs-enctype&gt;enctyp=
e&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;method&lt;/var=
&gt; be the &lt;var title=3D&quot;&quot;&gt;submitter&lt;/var&gt; element=
's &lt;a href=3D#concept-fs-method title=3Dconcept-fs-method&gt;method&lt=
;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;target&lt;/var=
&gt; be the &lt;var title=3D&quot;&quot;&gt;submitter&lt;/var&gt; element=
's &lt;a href=3D#concept-fs-target title=3Dconcept-fs-target&gt;target&lt=
;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the user indicated a specific &lt;a href=3D#bro=
wsing-context&gt;browsing context&lt;/a&gt; to use when submitting the
+   form, then let &lt;var title=3D&quot;&quot;&gt;target browsing contex=
t&lt;/var&gt; be that &lt;a href=3D#browsing-context&gt;browsing context&=
lt;/a&gt;.
+   Otherwise, apply &lt;a href=3D#the-rules-for-choosing-a-browsing-cont=
ext-given-a-browsing-context-name&gt;the rules for choosing a browsing co=
ntext given a browsing context
+   name&lt;/a&gt; using &lt;var title=3D&quot;&quot;&gt;target&lt;/var&g=
t; as the name and &lt;var title=3D&quot;&quot;&gt;form browsing
+   context&lt;/var&gt; as the context in which the algorithm is executed=
, and let &lt;var title=3D&quot;&quot;&gt;target
+   browsing context&lt;/var&gt; be the resulting &lt;a href=3D#browsing-=
context&gt;browsing context&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;target browsing=
 context&lt;/var&gt; was created in the previous step, or,
+   alternatively, if the &lt;var title=3D&quot;&quot;&gt;form document&l=
t;/var&gt; has not yet &lt;a href=3D#completely-loaded&gt;completely
+   loaded&lt;/a&gt; and the &lt;var title=3D&quot;&quot;&gt;submitted fr=
om &lt;code title=3Ddom-form-submit&gt;&lt;a href=3D#dom-form-submit&gt;s=
ubmit()&lt;/a&gt;&lt;/code&gt;
+   method&lt;/var&gt; flag is set, then let &lt;var title=3D&quot;&quot;=
&gt;replace&lt;/var&gt; be true. Otherwise, let it be
+   false.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the value of &lt;var title=3D&quot;&quot;&gt;method&lt;/=
var&gt; is &lt;a href=3D#attr-fs-method-dialog title=3Dattr-fs-method-dia=
log&gt;dialog&lt;/a&gt; then jump to the &lt;a href=3D#submit-dialog titl=
e=3Dsubmit-dialog&gt;submit
+    dialog&lt;/a&gt; steps.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, select the appropriate row in the table below ba=
sed on the value of &lt;var title=3D&quot;&quot;&gt;scheme&lt;/var&gt; as=
 given by the first cell of each row. Then, select the appropriate cell
+    on that row based on the value of &lt;var title=3D&quot;&quot;&gt;me=
thod&lt;/var&gt; as given in the first cell of each
+    column. Then, jump to the steps named in that cell and defined below=
 the table.&lt;/p&gt;
+
+    &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;td&gt;
+      &lt;th&gt; &lt;a href=3D#attr-fs-method-get title=3Dattr-fs-method=
-GET&gt;GET&lt;/a&gt;
+      &lt;th&gt; &lt;a href=3D#attr-fs-method-post title=3Dattr-fs-metho=
d-POST&gt;POST&lt;/a&gt;
+     &lt;tbody&gt;&lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;=
http&lt;/code&gt;
+      &lt;td&gt; &lt;a href=3D#submit-mutate-action title=3Dsubmit-mutat=
e-action&gt;Mutate action URL&lt;/a&gt;
+      &lt;td&gt; &lt;a href=3D#submit-body title=3Dsubmit-body&gt;Submit=
 as entity body&lt;/a&gt;
+     &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;https&lt;/cod=
e&gt;
+      &lt;td&gt; &lt;a href=3D#submit-mutate-action title=3Dsubmit-mutat=
e-action&gt;Mutate action URL&lt;/a&gt;
+      &lt;td&gt; &lt;a href=3D#submit-body title=3Dsubmit-body&gt;Submit=
 as entity body&lt;/a&gt;
+     &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;ftp&lt;/code&=
gt;
+      &lt;td&gt; &lt;a href=3D#submit-get-action title=3Dsubmit-get-acti=
on&gt;Get action URL&lt;/a&gt;
+      &lt;td&gt; &lt;a href=3D#submit-get-action title=3Dsubmit-get-acti=
on&gt;Get action URL&lt;/a&gt;
+     &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;javascript&lt=
;/code&gt;
+      &lt;td&gt; &lt;a href=3D#submit-get-action title=3Dsubmit-get-acti=
on&gt;Get action URL&lt;/a&gt;
+      &lt;td&gt; &lt;a href=3D#submit-get-action title=3Dsubmit-get-acti=
on&gt;Get action URL&lt;/a&gt;
+     &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;data&lt;/code=
&gt;
+      &lt;td&gt; &lt;a href=3D#submit-get-action title=3Dsubmit-get-acti=
on&gt;Get action URL&lt;/a&gt;
+      &lt;td&gt; &lt;a href=3D#submit-data-post title=3Dsubmit-data-post=
&gt;Post to data:&lt;/a&gt;
+     &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;mailto&lt;/co=
de&gt;
+      &lt;td&gt; &lt;a href=3D#submit-mailto-headers title=3Dsubmit-mail=
to-headers&gt;Mail with headers&lt;/a&gt;
+      &lt;td&gt; &lt;a href=3D#submit-mailto-body title=3Dsubmit-mailto-=
body&gt;Mail as body&lt;/a&gt;
+    &lt;/table&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;scheme&lt;=
/var&gt; is not one of those listed in this table, then the behavior is
+    not defined by this specification. User agents should, in the absenc=
e of another specification
+    defining this, act in a manner analogous to that defined in this spe=
cification for similar
+    schemes.&lt;/p&gt;
+
+    &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;=
/a&gt;&lt;/code&gt; element has a &lt;dfn id=3Dplanned-navigation&gt;plan=
ned navigation&lt;/dfn&gt;, which is either null or a
+    &lt;a href=3D#concept-task title=3Dconcept-task&gt;task&lt;/a&gt;; w=
hen the &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/=
code&gt; is first created, its
+    &lt;a href=3D#planned-navigation&gt;planned navigation&lt;/a&gt; mus=
t be set to null. In the behaviours described below, when the
+    user agent is required to &lt;dfn id=3Dplan-to-navigate&gt;plan to n=
avigate&lt;/dfn&gt; to a particular resource &lt;var title=3D&quot;&quot;=
&gt;destination&lt;/var&gt;, it must run the following steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-fo=
rm-element&gt;form&lt;/a&gt;&lt;/code&gt; has a non-null &lt;a href=3D#pl=
anned-navigation&gt;planned navigation&lt;/a&gt;, remove it from
+     its &lt;a href=3D#task-queue&gt;task queue&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Let the &lt;code&gt;&lt;a href=3D#the-form-element&gt;for=
m&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#planned-navigation&gt;planned na=
vigation&lt;/a&gt; be a new &lt;a href=3D#concept-task title=3Dconcept-ta=
sk&gt;task&lt;/a&gt; that consists of running the following steps:&lt;/p&=
gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let the &lt;code&gt;&lt;a href=3D#the=
-form-element&gt;form&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#planned-navi=
gation&gt;planned navigation&lt;/a&gt; be null.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;&lt;a href=3D#navigate&gt;Navigate&lt;/a&gt;&l=
t;!--DONAV form--&gt; &lt;var title=3D&quot;&quot;&gt;target browsing con=
text&lt;/var&gt; to
+       the particular resource &lt;var title=3D&quot;&quot;&gt;destinati=
on&lt;/var&gt;. If &lt;var title=3D&quot;&quot;&gt;replace&lt;/var&gt; is
+       true, then &lt;var title=3D&quot;&quot;&gt;target browsing contex=
t&lt;/var&gt; must be navigated with
+       &lt;a href=3D#replacement-enabled&gt;replacement enabled&lt;/a&gt=
;.&lt;/p&gt;
+
+      &lt;/ol&gt;&lt;p&gt;For the purposes of this task, &lt;var title=3D=
&quot;&quot;&gt;target browsing context&lt;/var&gt; and &lt;var title=3D&=
quot;&quot;&gt;replace&lt;/var&gt; are the variables that were set up whe=
n the overall form submission
+      algorithm was run, with their values as they stood when this &lt;a=
 href=3D#planned-navigation&gt;planned navigation&lt;/a&gt;
+      was &lt;a href=3D#queue-a-task title=3D&quot;queue a task&quot;&gt=
;queued&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;&lt;a href=3D#queue-a-task title=3D&quot;queue a task&quo=
t;&gt;Queue the task&lt;/a&gt; that is the &lt;code&gt;&lt;a href=3D#the-=
form-element&gt;form&lt;/a&gt;&lt;/code&gt;'s new
+      &lt;a href=3D#planned-navigation&gt;planned navigation&lt;/a&gt;.&=
lt;/p&gt;
+
+      &lt;p&gt;The &lt;a href=3D#task-source&gt;task source&lt;/a&gt; fo=
r this task is the &lt;a href=3D#dom-manipulation-task-source&gt;DOM mani=
pulation task
+      source&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+    &lt;/ol&gt;&lt;p&gt;The behaviors are as follows:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dsubmit-mutate-action title=3Dsubmit=
-mutate-action&gt;Mutate action URL&lt;/dfn&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;query&lt;/var&gt; be =
the result of encoding the &lt;var title=3D&quot;&quot;&gt;form data
+      set&lt;/var&gt; using the &lt;a href=3D#application/x-www-form-url=
encoded-encoding-algorithm&gt;&lt;code title=3D&quot;&quot;&gt;applicatio=
n/x-www-form-urlencoded&lt;/code&gt; encoding
+      algorithm&lt;/a&gt;, interpreted as a US-ASCII string.&lt;/p&gt;
+
+      &lt;!-- by this point we've already tried to resolve the URL, so w=
e know we can parse it --&gt;
+
+      &lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;parsed action&lt;/var=
&gt;'s &lt;a href=3D#concept-url-query title=3Dconcept-url-query&gt;query=
&lt;/a&gt;
+      component to &lt;var title=3D&quot;&quot;&gt;query&lt;/var&gt;.&lt=
;/p&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;destination&lt;/var&g=
t; be a new &lt;a href=3D#url&gt;URL&lt;/a&gt; formed by applying the
+      &lt;a href=3D#concept-url-serializer title=3Dconcept-url-serialize=
r&gt;URL serializer&lt;/a&gt; algorithm to &lt;var title=3D&quot;&quot;&g=
t;parsed action&lt;/var&gt;.&lt;/p&gt;
+
+      &lt;p&gt;&lt;a href=3D#plan-to-navigate&gt;Plan to navigate&lt;/a&=
gt; to &lt;var title=3D&quot;&quot;&gt;destination&lt;/var&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;&lt;dfn id=3Dsubmit-body title=3Dsubmit-body&gt;Submit as=
 entity body&lt;/dfn&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;entity body&lt;/var&g=
t; be the result of encoding the &lt;var title=3D&quot;&quot;&gt;form dat=
a
+      set&lt;/var&gt; using the &lt;a href=3D#appropriate-form-encoding-=
algorithm&gt;appropriate form encoding algorithm&lt;/a&gt;.&lt;/p&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;MIME type&lt;/var&gt;=
 be determined as follows:&lt;/p&gt;
+
+      &lt;dl&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;enctype&lt;=
/var&gt; is &lt;code title=3Dattr-fs-enctype-urlencoded&gt;&lt;a href=3D#=
attr-fs-enctype-urlencoded&gt;application/x-www-form-urlencoded&lt;/a&gt;=
&lt;/code&gt;&lt;/dt&gt;
+
+       &lt;dd&gt;Let &lt;var title=3D&quot;&quot;&gt;MIME type&lt;/var&g=
t; be &quot;&lt;code title=3D&quot;&quot;&gt;application/x-www-form-urlen=
coded&lt;/code&gt;&quot;.&lt;/dd&gt;
+
+       &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;enctype&lt;/var&gt; =
is &lt;code title=3Dattr-fs-enctype-formdata&gt;&lt;a href=3D#attr-fs-enc=
type-formdata&gt;multipart/form-data&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+       &lt;dd&gt;Let &lt;var title=3D&quot;&quot;&gt;MIME type&lt;/var&g=
t; be the concatenation of the string &quot;&lt;code title=3D&quot;&quot;=
&gt;multipart/form-data;&lt;/code&gt;&quot;, a U+0020 SPACE character, th=
e string &quot;&lt;code title=3D&quot;&quot;&gt;boundary=3D&lt;/code&gt;&=
quot;, and the &lt;a href=3D#multipart/form-data-boundary-string&gt;&lt;c=
ode title=3D&quot;&quot;&gt;multipart/form-data&lt;/code&gt; boundary
+       string&lt;/a&gt; generated by the &lt;a href=3D#multipart/form-da=
ta-encoding-algorithm&gt;&lt;code title=3D&quot;&quot;&gt;multipart/form-=
data&lt;/code&gt; encoding
+       algorithm&lt;/a&gt;.&lt;/dd&gt;
+
+       &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;enctype&lt;/var&gt; =
is &lt;code title=3Dattr-fs-enctype-text&gt;&lt;a href=3D#attr-fs-enctype=
-text&gt;text/plain&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+       &lt;dd&gt;Let &lt;var title=3D&quot;&quot;&gt;MIME type&lt;/var&g=
t; be &quot;&lt;code title=3D&quot;&quot;&gt;text/plain&lt;/code&gt;&quot=
;.&lt;/dd&gt;
+
+      &lt;/dl&gt;&lt;!--&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;meth=
od&lt;/var&gt; is anything but (GET or) POST, and the
+      &lt;span&gt;origin&lt;/span&gt; of &lt;var title=3D&quot;&quot;&gt=
;action&lt;/var&gt; is not the &lt;span&gt;same origin&lt;/span&gt; as th=
at
+      of &lt;var title=3D&quot;&quot;&gt;form document&lt;/var&gt;, then=
 abort these steps.&lt;/p&gt; [or do CORS] (this is
+      commented out since only POST can trigger this now, and that's his=
torically unrestricted)--&gt;&lt;p&gt;Otherwise, &lt;a href=3D#plan-to-na=
vigate&gt;plan to navigate&lt;/a&gt; to &lt;var title=3D&quot;&quot;&gt;a=
ction&lt;/var&gt; using the HTTP
+      method given by &lt;var title=3D&quot;&quot;&gt;method&lt;/var&gt;=
 and with &lt;var title=3D&quot;&quot;&gt;entity body&lt;/var&gt; as the
+      entity body, of type &lt;var title=3D&quot;&quot;&gt;MIME type&lt;=
/var&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;&lt;dfn id=3Dsubmit-get-action title=3Dsubmit-get-action&=
gt;Get action URL&lt;/dfn&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;&lt;a href=3D#plan-to-navigate&gt;Plan to navigate&lt;/a&=
gt; to &lt;var title=3D&quot;&quot;&gt;action&lt;/var&gt;.&lt;/p&gt;
+
+      &lt;p class=3Dnote&gt;The &lt;var title=3D&quot;&quot;&gt;form dat=
a set&lt;/var&gt; is discarded.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;&lt;dfn id=3Dsubmit-data-post title=3Dsubmit-data-post&gt=
;Post to data:&lt;/dfn&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;data&lt;/var&gt; be t=
he result of encoding the &lt;var title=3D&quot;&quot;&gt;form data
+      set&lt;/var&gt; using the &lt;a href=3D#appropriate-form-encoding-=
algorithm&gt;appropriate form encoding algorithm&lt;/a&gt;.&lt;/p&gt;
+
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;action&lt;/var&gt; con=
tains the string &quot;&lt;code title=3D&quot;&quot;&gt;%%%%&lt;/code&gt;=
&quot; (four U+0025
+      PERCENT SIGN characters), then &lt;a href=3D#percent-encode&gt;per=
cent encode&lt;/a&gt; all bytes in &lt;var title=3D&quot;&quot;&gt;data&l=
t;/var&gt; that, if interpreted as US-ASCII, are not characters in the UR=
L
+      &lt;a href=3D#default-encode-set&gt;default encode set&lt;/a&gt;, =
and then, treating the result as a US-ASCII string,
+      &lt;a href=3D#utf-8-percent-encode&gt;UTF-8 percent encode&lt;/a&g=
t; all the U+0025 PERCENT SIGN characters in the resulting
+      string and replace the first occurrence of &quot;&lt;code title=3D=
&quot;&quot;&gt;%%%%&lt;/code&gt;&quot; in &lt;var title=3D&quot;&quot;&g=
t;action&lt;/var&gt; with the resulting doubly-escaped string. &lt;a href=
=3D#refsURL&gt;[URL]&lt;/a&gt;&lt;/p&gt;
+
+      &lt;p&gt;Otherwise, if &lt;var title=3D&quot;&quot;&gt;action&lt;/=
var&gt; contains the string &quot;&lt;code title=3D&quot;&quot;&gt;%%&lt;=
/code&gt;&quot;
+      (two U+0025 PERCENT SIGN characters in a row, but not four), then =
&lt;a href=3D#utf-8-percent-encode&gt;UTF-8 percent
+      encode&lt;/a&gt; all characters in &lt;var title=3D&quot;&quot;&gt=
;data&lt;/var&gt; that, if interpreted as US-ASCII, are
+      not characters in the URL &lt;a href=3D#default-encode-set&gt;defa=
ult encode set&lt;/a&gt;, and then, treating the result as a
+      US-ASCII string, replace the first occurrence of &quot;&lt;code ti=
tle=3D&quot;&quot;&gt;%%&lt;/code&gt;&quot; in &lt;var title=3D&quot;&quo=
t;&gt;action&lt;/var&gt; with the resulting escaped string. &lt;a href=3D=
#refsURL&gt;[URL]&lt;/a&gt;&lt;/p&gt;
+
+      &lt;p&gt;&lt;a href=3D#plan-to-navigate&gt;Plan to navigate&lt;/a&=
gt; to the potentially modified &lt;var title=3D&quot;&quot;&gt;action&lt=
;/var&gt; (which
+      will be a &lt;a href=3D#data-protocol title=3D&quot;data protocol&=
quot;&gt;&lt;code title=3D&quot;&quot;&gt;data:&lt;/code&gt; URL&lt;/a&gt=
;).&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;&lt;dfn id=3Dsubmit-mailto-headers title=3Dsubmit-mailto-=
headers&gt;Mail with headers&lt;/dfn&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;headers&lt;/var&gt; b=
e the resulting encoding the &lt;var title=3D&quot;&quot;&gt;form data
+      set&lt;/var&gt; using the &lt;a href=3D#application/x-www-form-url=
encoded-encoding-algorithm&gt;&lt;code title=3D&quot;&quot;&gt;applicatio=
n/x-www-form-urlencoded&lt;/code&gt; encoding
+      algorithm&lt;/a&gt;, interpreted as a US-ASCII string.&lt;/p&gt;
+
+      &lt;p&gt;Replace occurrences of U+002B PLUS SIGN characters (+) in=
 &lt;var title=3D&quot;&quot;&gt;headers&lt;/var&gt; with
+      the string &quot;&lt;code title=3D&quot;&quot;&gt;%20&lt;/code&gt;=
&quot;.&lt;/p&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;destination&lt;/var&g=
t; consist of all the characters from the first character
+      in &lt;var title=3D&quot;&quot;&gt;action&lt;/var&gt; to the chara=
cter immediately before the first U+003F QUESTION
+      MARK character (?), if any, or the end of the string if there are =
none.&lt;/p&gt;
+
+      &lt;p&gt;Append a single U+003F QUESTION MARK character (?) to &lt=
;var title=3D&quot;&quot;&gt;destination&lt;/var&gt;.&lt;/p&gt;
+
+      &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;headers&lt;/var&gt=
; to &lt;var title=3D&quot;&quot;&gt;destination&lt;/var&gt;.&lt;/p&gt;
+
+      &lt;p&gt;&lt;a href=3D#plan-to-navigate&gt;Plan to navigate&lt;/a&=
gt; to &lt;var title=3D&quot;&quot;&gt;destination&lt;/var&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;&lt;dfn id=3Dsubmit-mailto-body title=3Dsubmit-mailto-bod=
y&gt;Mail as body&lt;/dfn&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;body&lt;/var&gt; be t=
he resulting of encoding the &lt;var title=3D&quot;&quot;&gt;form data
+      set&lt;/var&gt; using the &lt;a href=3D#appropriate-form-encoding-=
algorithm&gt;appropriate form encoding algorithm&lt;/a&gt; and then &lt;a=
 href=3D#percent-encode title=3D&quot;percent encode&quot;&gt;percent enc=
oding&lt;/a&gt; all the bytes in the resulting byte string
+      that, when interpreted as US-ASCII, are not characters in the URL =
&lt;a href=3D#default-encode-set&gt;default encode
+      set&lt;/a&gt;. &lt;a href=3D#refsURL&gt;[URL]&lt;/a&gt;&lt;/p&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;destination&lt;/var&g=
t; have the same value as &lt;var title=3D&quot;&quot;&gt;action&lt;/var&=
gt;.&lt;/p&gt;
+
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;destination&lt;/var&gt=
; does not contain a U+003F QUESTION MARK character (?),
+      append a single U+003F QUESTION MARK character (?) to &lt;var titl=
e=3D&quot;&quot;&gt;destination&lt;/var&gt;.
+      Otherwise, append a single U+0026 AMPERSAND character (&amp;amp;).=
&lt;/p&gt;
+
+      &lt;p&gt;Append the string &quot;&lt;code title=3D&quot;&quot;&gt;=
body=3D&lt;/code&gt;&quot; to &lt;var title=3D&quot;&quot;&gt;destination=
&lt;/var&gt;.&lt;/p&gt;
+
+      &lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;body&lt;/var&gt;, =
interpreted as a US-ASCII string, to &lt;var title=3D&quot;&quot;&gt;dest=
ination&lt;/var&gt;.&lt;/p&gt;
+
+      &lt;p&gt;&lt;a href=3D#plan-to-navigate&gt;Plan to navigate&lt;/a&=
gt; to &lt;var title=3D&quot;&quot;&gt;destination&lt;/var&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+
+     &lt;dt&gt;&lt;dfn id=3Dsubmit-dialog title=3Dsubmit-dialog&gt;Submi=
t dialog&lt;/dfn&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;subject&lt;/var&gt; b=
e the nearest ancestor &lt;code&gt;&lt;a href=3D#the-dialog-element&gt;di=
alog&lt;/a&gt;&lt;/code&gt; element of &lt;var title=3D&quot;&quot;&gt;fo=
rm&lt;/var&gt;, if any.&lt;/p&gt;
+
+      &lt;p&gt;If there isn't one, do nothing. Otherwise, proceed as fol=
lows:&lt;/p&gt;
+
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;submitter&lt;/var&gt; =
is an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/=
code&gt; element whose &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#=
attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a =
href=3D&quot;#image-button-state-(type=3Dimage)&quot; title=3Dattr-input-=
type-image&gt;Image Button&lt;/a&gt; state, then let &lt;var title=3D&quo=
t;&quot;&gt;result&lt;/var&gt;
+      be the string formed by concatenating the &lt;a href=3D#concept-in=
put-type-image-coordinate title=3Dconcept-input-type-image-coordinate&gt;=
selected coordinate&lt;/a&gt;'s &lt;var title=3D&quot;&quot;&gt;x&lt;/var=
&gt;-component, expressed as a base-ten number using &lt;a href=3D#ascii-=
digits&gt;ASCII digits&lt;/a&gt;, a
+      U+002C COMMA character (,), and the &lt;a href=3D#concept-input-ty=
pe-image-coordinate title=3Dconcept-input-type-image-coordinate&gt;select=
ed
+      coordinate&lt;/a&gt;'s &lt;var title=3D&quot;&quot;&gt;y&lt;/var&g=
t;-component, expressed in the same way as the &lt;var title=3D&quot;&quo=
t;&gt;x&lt;/var&gt;-component.&lt;/p&gt;
+
+      &lt;p&gt;Otherwise, if &lt;var title=3D&quot;&quot;&gt;submitter&l=
t;/var&gt; has a &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&=
gt;value&lt;/a&gt;, then let &lt;var title=3D&quot;&quot;&gt;result&lt;/v=
ar&gt; be that &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt=
;value&lt;/a&gt;.&lt;/p&gt;
+
+      &lt;p&gt;Otherwise, there is no &lt;var title=3D&quot;&quot;&gt;re=
sult&lt;/var&gt;.&lt;/p&gt;
+
+      &lt;p&gt;Then, &lt;a href=3D#close-the-dialog&gt;close the dialog&=
lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;subject&lt;/var&gt;. If there i=
s a &lt;var title=3D&quot;&quot;&gt;result&lt;/var&gt;, let that be the r=
eturn value.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;p&gt;The &lt;dfn id=3Dappropriate-form-encoding-algor=
ithm&gt;appropriate form encoding algorithm&lt;/dfn&gt; is
+    determined as follows:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;enctype&lt;/v=
ar&gt; is &lt;code title=3Dattr-fs-enctype-urlencoded&gt;&lt;a href=3D#at=
tr-fs-enctype-urlencoded&gt;application/x-www-form-urlencoded&lt;/a&gt;&l=
t;/code&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;Use the &lt;a href=3D#application/x-www-form-urlencoded-e=
ncoding-algorithm&gt;&lt;code title=3D&quot;&quot;&gt;application/x-www-f=
orm-urlencoded&lt;/code&gt; encoding
+     algorithm&lt;/a&gt;.&lt;/dd&gt;
+
+     &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;enctype&lt;/var&gt; is=
 &lt;code title=3Dattr-fs-enctype-formdata&gt;&lt;a href=3D#attr-fs-encty=
pe-formdata&gt;multipart/form-data&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;Use the &lt;a href=3D#multipart/form-data-encoding-algori=
thm&gt;&lt;code title=3D&quot;&quot;&gt;multipart/form-data&lt;/code&gt; =
encoding algorithm&lt;/a&gt;.&lt;/dd&gt;
+
+     &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;enctype&lt;/var&gt; is=
 &lt;code title=3Dattr-fs-enctype-text&gt;&lt;a href=3D#attr-fs-enctype-t=
ext&gt;text/plain&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;Use the &lt;a href=3D#text/plain-encoding-algorithm&gt;&l=
t;code title=3D&quot;&quot;&gt;text/plain&lt;/code&gt; encoding algorithm=
&lt;/a&gt;.&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;h5 id=3Dconstructing-form-data-set&gt;&lt;span class=3D=
secno&gt;4.10.22.4 &lt;/span&gt;Constructing the form data set&lt;/h5&gt;
+
+  &lt;p&gt;The algorithm to &lt;dfn id=3Dconstructing-the-form-data-set =
title=3D&quot;constructing the form data set&quot;&gt;construct the form =
data set&lt;/dfn&gt;
+  for a form &lt;var title=3D&quot;&quot;&gt;form&lt;/var&gt; optionally=
 in the context of a submitter &lt;var title=3D&quot;&quot;&gt;submitter&=
lt;/var&gt; is as follows. If not specified otherwise, &lt;var title=3D&q=
uot;&quot;&gt;submitter&lt;/var&gt;
+  is null.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;contr=
ols&lt;/var&gt; be a list of all the &lt;a href=3D#category-submit title=3D=
category-submit&gt;submittable elements&lt;/a&gt; whose &lt;a href=3D#for=
m-owner&gt;form owner&lt;/a&gt; is &lt;var title=3D&quot;&quot;&gt;form&l=
t;/var&gt;, in &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt;.&lt;/li&g=
t;
+
+   &lt;li&gt;&lt;p&gt;Let the &lt;var title=3D&quot;&quot;&gt;form data =
set&lt;/var&gt; be a list of name-value-type tuples, initially
+   empty.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;i&gt;Loop&lt;/i&gt;: For each element &lt;var title=3D&=
quot;&quot;&gt;field&lt;/var&gt; in &lt;var title=3D&quot;&quot;&gt;contr=
ols&lt;/var&gt;, in
+    &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt;, run the following =
substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;If any of the following conditions are met, then skip the=
se substeps for this element:&lt;/p&gt;
+
+      &lt;ul&gt;&lt;li&gt;The &lt;var title=3D&quot;&quot;&gt;field&lt;/=
var&gt; element has a &lt;code&gt;&lt;a href=3D#the-datalist-element&gt;d=
atalist&lt;/a&gt;&lt;/code&gt; element ancestor.&lt;/li&gt;
+
+       &lt;li&gt;The &lt;var title=3D&quot;&quot;&gt;field&lt;/var&gt; e=
lement is &lt;a href=3D#concept-fe-disabled title=3Dconcept-fe-disabled&g=
t;disabled&lt;/a&gt;.&lt;/li&gt;
+
+       &lt;li&gt;The &lt;var title=3D&quot;&quot;&gt;field&lt;/var&gt; e=
lement is a &lt;a href=3D#concept-button title=3Dconcept-button&gt;button=
&lt;/a&gt; but
+       it is not &lt;var title=3D&quot;&quot;&gt;submitter&lt;/var&gt;.&=
lt;/li&gt;
+
+       &lt;li&gt;The &lt;var title=3D&quot;&quot;&gt;field&lt;/var&gt; e=
lement is an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&g=
t;&lt;/code&gt; element whose &lt;code title=3Dattr-input-type&gt;&lt;a h=
ref=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the=
 &lt;a href=3D&quot;#checkbox-state-(type=3Dcheckbox)&quot; title=3Dattr-=
input-type-checkbox&gt;Checkbox&lt;/a&gt; state and whose &lt;a href=3D#c=
oncept-fe-checked title=3Dconcept-fe-checked&gt;checkedness&lt;/a&gt; is =
false.&lt;/li&gt;
+
+       &lt;li&gt;The &lt;var title=3D&quot;&quot;&gt;field&lt;/var&gt; e=
lement is an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&g=
t;&lt;/code&gt; element whose &lt;code title=3Dattr-input-type&gt;&lt;a h=
ref=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the=
 &lt;a href=3D&quot;#radio-button-state-(type=3Dradio)&quot; title=3Dattr=
-input-type-radio&gt;Radio Button&lt;/a&gt; state and whose &lt;a href=3D=
#concept-fe-checked title=3Dconcept-fe-checked&gt;checkedness&lt;/a&gt; i=
s false.&lt;/li&gt;
+
+       &lt;li&gt;The &lt;var title=3D&quot;&quot;&gt;field&lt;/var&gt; e=
lement is not an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;=
/a&gt;&lt;/code&gt; element whose &lt;code title=3Dattr-input-type&gt;&lt=
;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in=
 the &lt;a href=3D&quot;#image-button-state-(type=3Dimage)&quot; title=3D=
attr-input-type-image&gt;Image Button&lt;/a&gt; state, and either the &lt=
;var title=3D&quot;&quot;&gt;field&lt;/var&gt; element does not have a &l=
t;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt;name&lt;/a&g=
t;&lt;/code&gt; attribute
+       specified, or its &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#=
attr-fe-name&gt;name&lt;/a&gt;&lt;/code&gt; attribute's value is the empt=
y
+       string.&lt;/li&gt;
+
+       &lt;li&gt;The &lt;var title=3D&quot;&quot;&gt;field&lt;/var&gt; e=
lement is an &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a=
&gt;&lt;/code&gt; element that is not using
+       a &lt;a href=3D#plugin&gt;plugin&lt;/a&gt;.&lt;/li&gt;
+
+      &lt;/ul&gt;&lt;p&gt;Otherwise, process &lt;var title=3D&quot;&quot=
;&gt;field&lt;/var&gt; as follows:&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;type&lt;/var=
&gt; be the value of the &lt;code title=3D&quot;&quot;&gt;type&lt;/code&g=
t; IDL
+     attribute of &lt;var title=3D&quot;&quot;&gt;field&lt;/var&gt;.&lt;=
/li&gt; &lt;!-- if the field is an &lt;object&gt; element, this
+     will get ignored. --&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;field&lt;/var&gt; =
element is an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&=
gt;&lt;/code&gt; element whose &lt;code title=3Dattr-input-type&gt;&lt;a =
href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in th=
e &lt;a href=3D&quot;#image-button-state-(type=3Dimage)&quot; title=3Datt=
r-input-type-image&gt;Image Button&lt;/a&gt; state, then run these furthe=
r nested
+      substeps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&g=
t;field&lt;/var&gt; element has a &lt;code title=3Dattr-fe-name&gt;&lt;a =
href=3D#attr-fe-name&gt;name&lt;/a&gt;&lt;/code&gt;
+       attribute specified and its value is not the empty string, let &l=
t;var title=3D&quot;&quot;&gt;name&lt;/var&gt; be
+       that value followed by a single U+002E FULL STOP character (.). O=
therwise, let &lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt; be the emp=
ty string.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;name&lt;su=
b title=3D&quot;&quot;&gt;x&lt;/sub&gt;&lt;/var&gt; be the string consist=
ing of the
+       concatenation of &lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt;=
 and a single U+0078 LATIN SMALL LETTER X character
+       (x).&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;name&lt;su=
b title=3D&quot;&quot;&gt;y&lt;/sub&gt;&lt;/var&gt; be the string consist=
ing of the
+       concatenation of &lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt;=
 and a single U+0079 LATIN SMALL LETTER Y character
+       (y).&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;The &lt;var title=3D&quot;&quot;&gt;field&lt;/=
var&gt; element is &lt;var title=3D&quot;&quot;&gt;submitter&lt;/var&gt;,=
 and before
+       this algorithm was invoked the user &lt;a href=3D#concept-input-t=
ype-image-coordinate title=3Dconcept-input-type-image-coordinate&gt;indic=
ated a coordinate&lt;/a&gt;. Let &lt;var title=3D&quot;&quot;&gt;x&lt;/va=
r&gt; be the &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;-component of t=
he coordinate selected by the
+       user, and let &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; be th=
e &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;-component of the coordina=
te
+       selected by the user.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Append an entry to the &lt;var title=3D&quot;&=
quot;&gt;form data set&lt;/var&gt; with the name &lt;var title=3D&quot;&q=
uot;&gt;name&lt;sub title=3D&quot;&quot;&gt;x&lt;/sub&gt;&lt;/var&gt;, th=
e value &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, and the type &lt;v=
ar title=3D&quot;&quot;&gt;type&lt;/var&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Append an entry to the &lt;var title=3D&quot;&=
quot;&gt;form data set&lt;/var&gt; with the name &lt;var title=3D&quot;&q=
uot;&gt;name&lt;sub title=3D&quot;&quot;&gt;y&lt;/sub&gt;&lt;/var&gt; and=
 the value &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;, and the type
+       &lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Skip the remaining substeps for this element: =
if there are any more elements in &lt;var title=3D&quot;&quot;&gt;control=
s&lt;/var&gt;, return to the top of the &lt;i&gt;loop&lt;/i&gt; step, oth=
erwise, jump to the
+       &lt;i&gt;end&lt;/i&gt; step below.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;name&lt;/var=
&gt; be the value of the &lt;var title=3D&quot;&quot;&gt;field&lt;/var&gt=
; element's
+     &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt;name=
&lt;/a&gt;&lt;/code&gt; attribute.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;field&lt;=
/var&gt; element is a &lt;code&gt;&lt;a href=3D#the-select-element&gt;sel=
ect&lt;/a&gt;&lt;/code&gt; element, then for each
+     &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt=
;/code&gt; element in the &lt;code&gt;&lt;a href=3D#the-select-element&gt=
;select&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#concept-select-opt=
ion-list title=3Dconcept-select-option-list&gt;list of options&lt;/a&gt; =
whose &lt;a href=3D#concept-option-selectedness title=3Dconcept-option-se=
lectedness&gt;selectedness&lt;/a&gt; is true and that is not &lt;a href=3D=
#concept-option-disabled title=3Dconcept-option-disabled&gt;disabled&lt;/=
a&gt;, append an entry to the &lt;var title=3D&quot;&quot;&gt;form data
+     set&lt;/var&gt; with the &lt;var title=3D&quot;&quot;&gt;name&lt;/v=
ar&gt; as the name, the &lt;a href=3D#concept-option-value title=3Dconcep=
t-option-value&gt;value&lt;/a&gt; of the &lt;code&gt;&lt;a href=3D#the-op=
tion-element&gt;option&lt;/a&gt;&lt;/code&gt; element as the value, and
+     &lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt; as the type.&lt;/l=
i&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Otherwise, if the &lt;var title=3D&quot;&quot;&gt;field&l=
t;/var&gt; element is an &lt;code&gt;&lt;a href=3D#the-input-element&gt;i=
nput&lt;/a&gt;&lt;/code&gt; element whose
+      &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&=
gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#ch=
eckbox-state-(type=3Dcheckbox)&quot; title=3Dattr-input-type-checkbox&gt;=
Checkbox&lt;/a&gt; state or the &lt;a href=3D&quot;#radio-button-state-(t=
ype=3Dradio)&quot; title=3Dattr-input-type-radio&gt;Radio Button&lt;/a&gt=
; state, then run these further nested
+      substeps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&g=
t;field&lt;/var&gt; element has a &lt;code title=3Dattr-input-value&gt;&l=
t;a href=3D#attr-input-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute sp=
ecified, then let &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;
+       be the value of that attribute; otherwise, let &lt;var title=3D&q=
uot;&quot;&gt;value&lt;/var&gt; be the string &quot;&lt;code title=3D&quo=
t;&quot;&gt;on&lt;/code&gt;&quot;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Append an entry to the &lt;var title=3D&quot;&=
quot;&gt;form data set&lt;/var&gt; with &lt;var title=3D&quot;&quot;&gt;n=
ame&lt;/var&gt;
+       as the name, &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; as=
 the value, and &lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt; as the
+       type.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Otherwise, if the &lt;var title=3D&quot;&quot;&g=
t;field&lt;/var&gt; element is an &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; element
+     whose &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-=
type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quo=
t;#file-upload-state-(type=3Dfile)&quot; title=3Dattr-input-type-file&gt;=
File Upload&lt;/a&gt; state, then for each file &lt;a href=3D#concept-inp=
ut-type-file-selected title=3Dconcept-input-type-file-selected&gt;selecte=
d&lt;/a&gt; in the &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&l=
t;/a&gt;&lt;/code&gt; element,
+     append an entry to the &lt;var title=3D&quot;&quot;&gt;form data se=
t&lt;/var&gt; with the &lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt; a=
s
+     the name, the file (consisting of the name, the type, and the body)=
 as the value, and &lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt; as th=
e type. If there are no &lt;a href=3D#concept-input-type-file-selected ti=
tle=3Dconcept-input-type-file-selected&gt;selected files&lt;/a&gt;, then =
append an entry to the
+     &lt;var title=3D&quot;&quot;&gt;form data set&lt;/var&gt; with the =
&lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt; as the name, the empty
+     string as the value, and &lt;code&gt;application/octet-stream&lt;/c=
ode&gt; as the type.&lt;/li&gt; &lt;!--
+     https://bugzilla.mozilla.org/show_bug.cgi?id=3D529859 --&gt;
+
+     &lt;li&gt;&lt;p&gt;Otherwise, if the &lt;var title=3D&quot;&quot;&g=
t;field&lt;/var&gt; element is an &lt;code&gt;&lt;a href=3D#the-object-el=
ement&gt;object&lt;/a&gt;&lt;/code&gt; element:
+     try to obtain a form submission value from the &lt;a href=3D#plugin=
&gt;plugin&lt;/a&gt;&lt;!-- using NPAPI's
+     NPP_GetValue() entry point with the NPPVformValue variable --&gt;, =
and if that is successful,
+     append an entry to the &lt;var title=3D&quot;&quot;&gt;form data se=
t&lt;/var&gt; with &lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt; as th=
e
+     name, the returned form submission value as the value, and the stri=
ng &quot;&lt;code title=3D&quot;&quot;&gt;object&lt;/code&gt;&quot; as th=
e type.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Otherwise, append an entry to the &lt;var title=3D=
&quot;&quot;&gt;form data set&lt;/var&gt; with &lt;var title=3D&quot;&quo=
t;&gt;name&lt;/var&gt; as the name, the &lt;a href=3D#concept-fe-value ti=
tle=3Dconcept-fe-value&gt;value&lt;/a&gt; of the &lt;var title=3D&quot;&q=
uot;&gt;field&lt;/var&gt; element as the value, and &lt;var title=3D&quot=
;&quot;&gt;type&lt;/var&gt; as the type.&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If the element has a &lt;code title=3Dattr-fe-dirname&gt;=
&lt;a href=3D#attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&gt; attribute=
, and that
+      attribute's value is not the empty string, then run these substeps=
:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;d=
irname&lt;/var&gt; be the value of the element's &lt;code title=3Dattr-fe=
-dirname&gt;&lt;a href=3D#attr-fe-dirname&gt;dirname&lt;/a&gt;&lt;/code&g=
t; attribute.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;dir&lt;/va=
r&gt; be the string &quot;&lt;code title=3D&quot;&quot;&gt;ltr&lt;/code&g=
t;&quot; if &lt;a href=3D#the-directionality&gt;the
+       directionality&lt;/a&gt; of the element is '&lt;a href=3D#concept=
-ltr title=3Dconcept-ltr&gt;ltr&lt;/a&gt;', and &quot;&lt;code title=3D&q=
uot;&quot;&gt;rtl&lt;/code&gt;&quot; otherwise (i.e. when &lt;a href=3D#t=
he-directionality&gt;the directionality&lt;/a&gt; of the element is
+       '&lt;a href=3D#concept-rtl title=3Dconcept-rtl&gt;rtl&lt;/a&gt;')=
.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Append an entry to the &lt;var title=3D&quot;&=
quot;&gt;form data set&lt;/var&gt; with &lt;var title=3D&quot;&quot;&gt;d=
irname&lt;/var&gt; as the name, &lt;var title=3D&quot;&quot;&gt;dir&lt;/v=
ar&gt; as the value, and the string
+       &quot;&lt;code title=3D&quot;&quot;&gt;direction&lt;/code&gt;&quo=
t; as the type.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;p class=3Dnote&gt;An element can only have a &lt;co=
de title=3Dattr-fe-dirname&gt;&lt;a href=3D#attr-fe-dirname&gt;dirname&lt=
;/a&gt;&lt;/code&gt;
+      attribute if it is a &lt;code&gt;&lt;a href=3D#the-textarea-elemen=
t&gt;textarea&lt;/a&gt;&lt;/code&gt; element or an &lt;code&gt;&lt;a href=
=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element whose
+      &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&=
gt;type&lt;/a&gt;&lt;/code&gt; attribute is in either the &lt;a href=3D&q=
uot;#text-(type=3Dtext)-state-and-search-state-(type=3Dsearch)&quot; titl=
e=3Dattr-input-type-text&gt;Text&lt;/a&gt; state or the &lt;a href=3D&quo=
t;#text-(type=3Dtext)-state-and-search-state-(type=3Dsearch)&quot; title=3D=
attr-input-type-search&gt;Search&lt;/a&gt; state.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;i&gt;End&lt;/i&gt;: For the name of each entry in the &=
lt;var title=3D&quot;&quot;&gt;form data set&lt;/var&gt;, and for the
+    value of each entry in the &lt;var title=3D&quot;&quot;&gt;form data=
 set&lt;/var&gt; whose type is not &quot;&lt;code title=3D&quot;&quot;&gt=
;file&lt;/code&gt;&quot; or &quot;&lt;code title=3D&quot;&quot;&gt;textar=
ea&lt;/code&gt;&quot;, replace every occurrence of a U+000D
+    CARRIAGE RETURN (CR) character not followed by a U+000A LINE FEED (L=
F) character, and every
+    occurrence of a U+000A LINE FEED (LF) character not preceded by a U+=
000D CARRIAGE RETURN (CR)
+    character, by a two-character string consisting of a U+000D CARRIAGE=
 RETURN U+000A LINE FEED
+    (CRLF) character pair.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;In the case of the &lt;a href=3D#concept-fe-va=
lue title=3Dconcept-fe-value&gt;value&lt;/a&gt; of
+    &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&gt;=
&lt;/code&gt; elements, this newline normalization is already performed d=
uring the
+    conversion of the control's &lt;a href=3D#concept-textarea-raw-value=
 title=3Dconcept-textarea-raw-value&gt;raw value&lt;/a&gt; into the
+    control's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt=
;value&lt;/a&gt; (which also performs any necessary line
+    wrapping). In the case of &lt;code&gt;&lt;a href=3D#the-input-elemen=
t&gt;input&lt;/a&gt;&lt;/code&gt; elements &lt;code title=3Dattr-input-ty=
pe&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt;
+    attributes in the &lt;a href=3D&quot;#file-upload-state-(type=3Dfile=
)&quot; title=3Dattr-input-type-file&gt;File Upload&lt;/a&gt; state, the =
value is not
+    normalized.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the &lt;var title=3D&quot;&quot;&gt;form da=
ta set&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dselecting-a-form-submission-encoding&gt;&lt;span class=3Ds=
ecno&gt;4.10.22.5 &lt;/span&gt;Selecting a form submission encoding&lt;/h=
5&gt;
+
+  &lt;p&gt;If the user agent is to &lt;dfn id=3Dpicking-an-encoding-for-=
the-form title=3D&quot;picking an encoding for the form&quot;&gt;pick an =
encoding for a
+  form&lt;/dfn&gt;, optionally with an &lt;i&gt;allow non-ASCII-compatib=
le encodings&lt;/i&gt; flag set, it must run
+  the following substeps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;input=
&lt;/var&gt; be the value of the &lt;code&gt;&lt;a href=3D#the-form-eleme=
nt&gt;form&lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-form-ac=
cept-charset&gt;&lt;a href=3D#attr-form-accept-charset&gt;accept-charset&=
lt;/a&gt;&lt;/code&gt; attribute.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;candidate enco=
ding labels&lt;/var&gt; be the result of &lt;a href=3D#split-a-string-on-=
spaces title=3D&quot;split a
+   string on spaces&quot;&gt;splitting &lt;var title=3D&quot;&quot;&gt;i=
nput&lt;/var&gt; on spaces&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;candidate enco=
dings&lt;/var&gt; be an empty list of &lt;a href=3D#encoding title=3Denco=
ding&gt;character encodings&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;For each token in &lt;var title=3D&quot;&quot;&gt;=
candidate encoding labels&lt;/var&gt; in turn (in the order in
+   which they were found in &lt;var title=3D&quot;&quot;&gt;input&lt;/va=
r&gt;), &lt;a href=3D#getting-an-encoding title=3D&quot;getting an encodi=
ng&quot;&gt;get an
+   encoding&lt;/a&gt; for the token and, if this does not result in fail=
ure, append the
+   &lt;a href=3D#encoding&gt;encoding&lt;/a&gt; to &lt;var title=3D&quot=
;&quot;&gt;candidate encodings&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;i&gt;allow non-ASCII-compatible encodin=
gs&lt;/i&gt; flag is not set, remove any encodings
+   that are not &lt;a href=3D#ascii-compatible-character-encoding title=3D=
&quot;ASCII-compatible character encoding&quot;&gt;ASCII-compatible chara=
cter
+   encodings&lt;/a&gt; from &lt;var title=3D&quot;&quot;&gt;candidate en=
codings&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;candidate encod=
ings&lt;/var&gt; is empty, return UTF-8 and abort these
+   steps.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Each character encoding in &lt;var title=3D&quot;&quot;&gt;=
candidate encodings&lt;/var&gt; can represent a finite
+    number of characters. (For example, UTF-8 can represent all 1.1 mill=
ion or so Unicode code
+    points, while Windows-1252 can only represent 256.)&lt;/p&gt;
+
+    &lt;p&gt;For each encoding in &lt;var title=3D&quot;&quot;&gt;candid=
ate encodings&lt;/var&gt;, determine how many of the
+    characters in the names and values of the entries in the &lt;var tit=
le=3D&quot;&quot;&gt;form data set&lt;/var&gt; the
+    encoding can represent (without ignoring duplicates). Let &lt;var ti=
tle=3D&quot;&quot;&gt;max&lt;/var&gt; be the
+    highest such count. (For UTF-8, &lt;var title=3D&quot;&quot;&gt;max&=
lt;/var&gt; would equal the number of characters
+    in the names and values of the entries in the &lt;var title=3D&quot;=
&quot;&gt;form data set&lt;/var&gt;.)&lt;/p&gt;
+
+    &lt;p&gt;Return the first encoding in &lt;var title=3D&quot;&quot;&g=
t;candidate encodings&lt;/var&gt; that can encode &lt;var title=3D&quot;&=
quot;&gt;max&lt;/var&gt; characters in the names and values of the entrie=
s in the &lt;var title=3D&quot;&quot;&gt;form
+    data set&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+  &lt;h5 id=3Durl-encoded-form-data&gt;&lt;span class=3Dsecno&gt;4.10.22=
.6 &lt;/span&gt;URL-encoded form data&lt;/h5&gt;
+
+  &lt;p class=3Dnote&gt;This form data set encoding is in many ways an a=
berrant monstrosity, the result of
+  many years of implementation accidents and compromises leading to a se=
t of requirements necessary
+  for interoperability, but in no way representing good design practices=
. In particular, readers are
+  cautioned to pay close attention to the twisted details involving repe=
ated (and in some cases
+  nested) conversions between character encodings and byte sequences.&lt=
;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dapplication/x-www-form-urlencoded-encoding-a=
lgorithm&gt;&lt;code title=3D&quot;&quot;&gt;application/x-www-form-urlen=
coded&lt;/code&gt; encoding algorithm&lt;/dfn&gt; is as
+  follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!-- the first few steps of this are the same as in the n=
ext section --&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;=
result&lt;/var&gt; be the empty string.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&l=
t;/a&gt;&lt;/code&gt; element has an &lt;code title=3Dattr-form-accept-ch=
arset&gt;&lt;a href=3D#attr-form-accept-charset&gt;accept-charset&lt;/a&g=
t;&lt;/code&gt; attribute, let the selected character
+    encoding be the result of &lt;a href=3D#picking-an-encoding-for-the-=
form&gt;picking an encoding for the form&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if the &lt;code&gt;&lt;a href=3D#the-form-elemen=
t&gt;form&lt;/a&gt;&lt;/code&gt; element has no &lt;code title=3Dattr-for=
m-accept-charset&gt;&lt;a href=3D#attr-form-accept-charset&gt;accept-char=
set&lt;/a&gt;&lt;/code&gt; attribute, but the &lt;a href=3D&quot;#documen=
t's-character-encoding&quot;&gt;document's
+    character encoding&lt;/a&gt; is an &lt;a href=3D#ascii-compatible-ch=
aracter-encoding&gt;ASCII-compatible character encoding&lt;/a&gt;, then t=
hat is
+    the selected character encoding.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, let the selected character encoding be UTF-8.&lt=
;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;charset&lt;/va=
r&gt; be the &lt;a href=3D#encoding-name title=3D&quot;encoding name&quot=
;&gt;name&lt;/a&gt; of the
+   selected &lt;a href=3D#encoding title=3Dencoding&gt;character encodin=
g&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each entry in the &lt;var title=3D&quot;&quot;&gt;form =
data set&lt;/var&gt;, perform these substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the entry's name is &quot;&lt;code t=
itle=3Dattr-fe-name-charset&gt;&lt;a href=3D#attr-fe-name-charset&gt;_cha=
rset_&lt;/a&gt;&lt;/code&gt;&quot; and its
+     type is &quot;&lt;code title=3D&quot;&quot;&gt;hidden&lt;/code&gt;&=
quot;, replace its value with &lt;var title=3D&quot;&quot;&gt;charset&lt;=
/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the entry's type is &quot;&lt;code title=3D&q=
uot;&quot;&gt;file&lt;/code&gt;&quot;, replace its value with the file's
+     name only.&lt;/li&gt; &lt;!-- this is not present in the next secti=
on --&gt;
+
+     &lt;li&gt;&lt;p&gt;For each character in the entry's name and value=
 that cannot be expressed using the
+     selected character encoding, replace the character by a string cons=
isting of a U+0026 AMPERSAND
+     character (&amp;amp;), a U+0023 NUMBER SIGN character (#), one or m=
ore &lt;a href=3D#ascii-digits&gt;ASCII digits&lt;/a&gt;
+     representing the Unicode code point of the character in base ten, a=
nd finally a U+003B
+     SEMICOLON character (;).&lt;/li&gt;&lt;!-- we should say it should =
be the shortest possible string,
+     no leading zeros. this whole step is asinine, though, so... --&gt;
+
+     &lt;!-- this is where the similarities with the next section end --=
&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Encode the entry's name and value using the &lt;a href=3D=
#encoder&gt;encoder&lt;/a&gt; for the selected character
+      encoding. The entry's name and value are now byte strings.&lt;/p&g=
t;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;For each byte in the entry's name and value, apply the ap=
propriate subsubsteps from the
+      following list:&lt;/p&gt;
+
+      &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the byte is 0x20 (U+0020 SPA=
CE if interpreted as ASCII)&lt;/dt&gt;
+
+       &lt;dd&gt;Replace the byte with a single 0x2B byte (U+002B PLUS S=
IGN character (+) if interpreted
+       as ASCII).&lt;/dd&gt;
+
+
+       &lt;!-- * - . 0-9 a-z _ A-Z --&gt;
+
+       &lt;dt&gt;If the byte is in the range 0x2A, 0x2D, 0x2E, 0x30 to 0=
x39, 0x41 to 0x5A, 0x5F, 0x61 to
+       0x7A&lt;/dt&gt;
+
+       &lt;dd&gt;&lt;p&gt;Leave the byte as is.&lt;/dd&gt;
+
+
+       &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt=
;s&lt;/var&gt; be a string consisting of a U+0025 PERCENT SIGN character
+         (%) followed by &lt;a href=3D#uppercase-ascii-hex-digits&gt;upp=
ercase ASCII hex digits&lt;/a&gt; representing the hexadecimal value
+         of the byte in question (zero-padded if necessary).&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Encode the string &lt;var title=3D&quot;&quo=
t;&gt;s&lt;/var&gt; as US-ASCII, so that it is now a byte
+         string.&lt;/p&gt;
+
+         &lt;li&gt;&lt;p&gt;Replace the byte in question in the name or =
value being processed by the bytes in
+         &lt;var title=3D&quot;&quot;&gt;s&lt;/var&gt;, preserving their=
 relative order.&lt;/li&gt;
+
+        &lt;/ol&gt;&lt;/dd&gt;
+
+      &lt;/dl&gt;&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Interpret the entry's name and value as Unicode strings e=
ncoded in US-ASCII. (All of the
+      bytes in the string will be in the range 0x00 to 0x7F; the high bi=
t will be zero throughout.)
+      The entry's name and value are now Unicode strings again.&lt;/p&gt=
;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the entry's name is &quot;&lt;code title=3Dat=
tr-fe-name-isindex&gt;&lt;a href=3D#attr-fe-name-isindex&gt;isindex&lt;/a=
&gt;&lt;/code&gt;&quot;, its type is
+     &quot;&lt;code title=3D&quot;&quot;&gt;text&lt;/code&gt;&quot;, and=
 this is the first entry in the &lt;var title=3D&quot;&quot;&gt;form data
+     set&lt;/var&gt;, then append the value to &lt;var title=3D&quot;&qu=
ot;&gt;result&lt;/var&gt; and skip the rest of the
+     substeps for this entry, moving on to the next entry, if any, or th=
e next step in the overall
+     algorithm otherwise.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If this is not the first entry, append a single =
U+0026 AMPERSAND character (&amp;amp;) to
+     &lt;var title=3D&quot;&quot;&gt;result&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Append the entry's name to &lt;var title=3D&quot=
;&quot;&gt;result&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Append a single U+003D EQUALS SIGN character (=3D=
) to &lt;var title=3D&quot;&quot;&gt;result&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Append the entry's value to &lt;var title=3D&quo=
t;&quot;&gt;result&lt;/var&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Encode &lt;var title=3D&quot;&quot;&gt;result&lt;/=
var&gt; as US-ASCII and return the resulting byte
+   stream.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+  &lt;p&gt;To &lt;dfn id=3Dapplication/x-www-form-urlencoded-decoding-al=
gorithm title=3D&quot;application/x-www-form-urlencoded decoding algorith=
m&quot;&gt;decode
+  &lt;code&gt;application/x-www-form-urlencoded&lt;/code&gt; payloads&lt=
;/dfn&gt;, the following algorithm should be
+  used. This algorithm uses as inputs the payload itself, &lt;var title=3D=
&quot;&quot;&gt;payload&lt;/var&gt;, consisting of
+  a Unicode string using only characters in the range U+0000 to U+007F; =
a default character encoding
+  &lt;var title=3D&quot;&quot;&gt;encoding&lt;/var&gt;; and optionally a=
n &lt;var title=3D&quot;&quot;&gt;isindex&lt;/var&gt; flag indicating tha=
t
+  the payload is to be processed as if it had been generated for a form =
containing an &lt;code title=3Dattr-fe-name-isindex&gt;&lt;a href=3D#attr=
-fe-name-isindex&gt;isindex&lt;/a&gt;&lt;/code&gt; control. The output of=
 this algorithm is a sorted list
+  of name-value pairs. If the &lt;var title=3D&quot;&quot;&gt;isindex&lt=
;/var&gt; flag is set and the first control really
+  was an &lt;code title=3Dattr-fe-name-isindex&gt;&lt;a href=3D#attr-fe-=
name-isindex&gt;isindex&lt;/a&gt;&lt;/code&gt; control, then the first na=
me-value pair
+  will have as its name the empty string.&lt;/p&gt;
+
+  &lt;p&gt;Which default character encoding to use can only be determine=
d on a case-by-case basis, but
+  generally the best character encoding to use as a default is the one t=
hat was used to encode the
+  page on which the form used to create the payload was itself found. In=
 the absence of a better
+  default, UTF-8 is suggested.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;var title=3D&quot;&quot;&gt;isindex&lt;/var&gt; flag =
is for legacy use only. Forms in conforming HTML documents
+  will not generate payloads that need to be decoded with this flag set.=
&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;strin=
gs&lt;/var&gt; be the result of &lt;a href=3D#strictly-split-a-string tit=
le=3D&quot;strictly split a
+   string&quot;&gt;strictly splitting the string&lt;/a&gt; &lt;var title=
=3D&quot;&quot;&gt;payload&lt;/var&gt; on U+0026 AMPERSAND
+   characters (&amp;amp;).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;isindex&lt;=
/var&gt; flag is set and the first string in &lt;var title=3D&quot;&quot;=
&gt;strings&lt;/var&gt; does not contain a U+003D EQUALS SIGN character (=
=3D), insert a U+003D
+   EQUALS SIGN character (=3D) at the start of the first string in &lt;v=
ar title=3D&quot;&quot;&gt;strings&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;pairs&lt;/var&=
gt; be an empty list of name-value pairs.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each string &lt;var title=3D&quot;&quot;&gt;string&lt;/=
var&gt; in &lt;var title=3D&quot;&quot;&gt;strings&lt;/var&gt;, run these
+    substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;string&lt;/var&gt; con=
tains a U+003D EQUALS SIGN character (=3D), then let &lt;var title=3D&quo=
t;&quot;&gt;name&lt;/var&gt; be the substring of &lt;var title=3D&quot;&q=
uot;&gt;string&lt;/var&gt; from the start of &lt;var title=3D&quot;&quot;=
&gt;string&lt;/var&gt; up to but excluding its first U+003D EQUALS SIGN c=
haracter (=3D), and let
+      &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; be the substring=
 from the first character, if any, after the first
+      U+003D EQUALS SIGN character (=3D) up to the end of &lt;var title=3D=
&quot;&quot;&gt;string&lt;/var&gt;. If the first
+      U+003D EQUALS SIGN character (=3D) is the first character, then &l=
t;var title=3D&quot;&quot;&gt;name&lt;/var&gt; will be
+      the empty string. If it is the last character, then &lt;var title=3D=
&quot;&quot;&gt;value&lt;/var&gt; will be the
+      empty string.&lt;/p&gt;
+
+      &lt;p&gt;Otherwise, &lt;var title=3D&quot;&quot;&gt;string&lt;/var=
&gt; contains no U+003D EQUALS SIGN characters (=3D). Let
+      &lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt; have the value of=
 &lt;var title=3D&quot;&quot;&gt;string&lt;/var&gt; and let &lt;var title=
=3D&quot;&quot;&gt;value&lt;/var&gt; be the empty string.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Replace any U+002B PLUS SIGN characters (+) in &lt;var ti=
tle=3D&quot;&quot;&gt;name&lt;/var&gt; and &lt;var title=3D&quot;&quot;&g=
t;value&lt;/var&gt; with U+0020 SPACE characters.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Replace any escape in &lt;var title=3D&quot;&quot;&gt;nam=
e&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; with =
the
+      character represented by the escape. This replacement must not be =
recursive.&lt;/p&gt;
+
+      &lt;p&gt;An escape is a U+0025 PERCENT SIGN character (%) followed=
 by two &lt;a href=3D#ascii-hex-digits&gt;ASCII hex
+      digits&lt;/a&gt;.&lt;/p&gt;
+
+      &lt;p&gt;The character represented by an escape is the Unicode cha=
racter whose code point is equal
+      to the value of the two characters after the U+0025 PERCENT SIGN c=
haracter (%), interpreted as
+      a hexadecimal number (in the range 0..255).&lt;/p&gt;
+
+      &lt;p class=3Dexample&gt;So for instance the string &quot;&lt;code=
 title=3D&quot;&quot;&gt;A%2BC&lt;/code&gt;&quot; would become
+      &quot;&lt;code title=3D&quot;&quot;&gt;A+C&lt;/code&gt;&quot;. Sim=
ilarly, the string &quot;&lt;code title=3D&quot;&quot;&gt;100%25AA%21&lt;=
/code&gt;&quot; becomes
+      the string &quot;&lt;code title=3D&quot;&quot;&gt;100%AA!&lt;/code=
&gt;&quot;.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Convert the &lt;var title=3D&quot;&quot;&gt;name=
&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; string=
s to their byte
+     representation in ISO-8859-1 (i.e. convert the Unicode string to a =
byte string, mapping code
+     points to byte values directly).&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Add a pair consisting of &lt;var title=3D&quot;&=
quot;&gt;name&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt;value&lt;/v=
ar&gt; to &lt;var title=3D&quot;&quot;&gt;pairs&lt;/var&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If any of the name-value pairs in &lt;var title=3D=
&quot;&quot;&gt;pairs&lt;/var&gt; have a name component
+   consisting of the string &quot;&lt;code title=3D&quot;&quot;&gt;_char=
set_&lt;/code&gt;&quot; encoded in US-ASCII, and the value
+   component of the first such pair, when decoded as US-ASCII, is the na=
me of a supported character
+   encoding, then let &lt;var title=3D&quot;&quot;&gt;encoding&lt;/var&g=
t; be that character encoding (replacing the default
+   passed to the algorithm).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Convert the name and value components of each name=
-value pair in &lt;var title=3D&quot;&quot;&gt;pairs&lt;/var&gt;
+   to Unicode by interpreting the bytes according to the encoding &lt;va=
r title=3D&quot;&quot;&gt;encoding&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;pairs&lt;/v=
ar&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;Parameters on the &lt;code&gt;&lt;a h=
ref=3D#application/x-www-form-urlencoded&gt;application/x-www-form-urlenc=
oded&lt;/a&gt;&lt;/code&gt; MIME type are
+  ignored. In particular, this MIME type does not support the &lt;code t=
itle=3D&quot;&quot;&gt;charset&lt;/code&gt;
+  parameter.&lt;/p&gt;
+
+
+
+  &lt;h5 id=3Dmultipart-form-data&gt;&lt;span class=3Dsecno&gt;4.10.22.7=
 &lt;/span&gt;Multipart form data&lt;/h5&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;!-- http://hixie.ch/tests/adhoc/html/forms/submission/multipart_fo=
rm-data/ --&gt;
+
+  &lt;!-- NOTE: This algorithm is also used by the XHR spec --&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dmultipart/form-data-encoding-algorithm&gt;&l=
t;code title=3D&quot;&quot;&gt;multipart/form-data&lt;/code&gt; encoding =
algorithm&lt;/dfn&gt; is as follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!-- the first few steps of this are the same as in the p=
revious section --&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;=
&gt;result&lt;/var&gt; be the empty string.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the algorithm was invoked with an explicit character enc=
oding, let the selected character
+    encoding be that encoding. (This algorithm is used by other specific=
ations, which provide an
+    explicit character encoding to avoid the dependency on the &lt;code&=
gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&gt; element =
described
+    in the next paragraph.)&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if the &lt;code&gt;&lt;a href=3D#the-form-elemen=
t&gt;form&lt;/a&gt;&lt;/code&gt; element has an &lt;code title=3Dattr-for=
m-accept-charset&gt;&lt;a href=3D#attr-form-accept-charset&gt;accept-char=
set&lt;/a&gt;&lt;/code&gt; attribute, let the selected character
+    encoding be the result of &lt;a href=3D#picking-an-encoding-for-the-=
form&gt;picking an encoding for the form&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if the &lt;code&gt;&lt;a href=3D#the-form-elemen=
t&gt;form&lt;/a&gt;&lt;/code&gt; element has no &lt;code title=3Dattr-for=
m-accept-charset&gt;&lt;a href=3D#attr-form-accept-charset&gt;accept-char=
set&lt;/a&gt;&lt;/code&gt; attribute, but the &lt;a href=3D&quot;#documen=
t's-character-encoding&quot;&gt;document's
+    character encoding&lt;/a&gt; is an &lt;a href=3D#ascii-compatible-ch=
aracter-encoding&gt;ASCII-compatible character encoding&lt;/a&gt;, then t=
hat is
+    the selected character encoding.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, let the selected character encoding be UTF-8.&lt=
;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;charset&lt;/va=
r&gt; be the &lt;a href=3D#encoding-name title=3D&quot;encoding name&quot=
;&gt;name&lt;/a&gt; of the
+   selected &lt;a href=3D#encoding title=3Dencoding&gt;character encodin=
g&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each entry in the &lt;var title=3D&quot;&quot;&gt;form =
data set&lt;/var&gt;, perform these substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the entry's name is &quot;&lt;code t=
itle=3Dattr-fe-name-charset&gt;&lt;a href=3D#attr-fe-name-charset&gt;_cha=
rset_&lt;/a&gt;&lt;/code&gt;&quot; and its
+     type is &quot;&lt;code title=3D&quot;&quot;&gt;hidden&lt;/code&gt;&=
quot;, replace its value with &lt;var title=3D&quot;&quot;&gt;charset&lt;=
/var&gt;.&lt;/li&gt;
+
+     &lt;!-- the step that replaces a file with its name is missing in
+     this version of the algorithm --&gt;
+
+     &lt;li&gt;&lt;p&gt;For each character in the entry's name and value=
 that cannot be expressed using the
+     selected character encoding, replace the character by a string cons=
isting of a U+0026 AMPERSAND
+     character (&amp;amp;), a U+0023 NUMBER SIGN character (#), one or m=
ore &lt;a href=3D#ascii-digits&gt;ASCII digits&lt;/a&gt;
+     representing the Unicode code point of the character in base ten, a=
nd finally a U+003B
+     SEMICOLON character (;).&lt;/li&gt;&lt;!-- we should say it should =
be the shortest possible string,
+     no leading zeros. this whole step is asinine, though, so... --&gt;
+
+     &lt;!-- this is where the similarities with the previous section en=
d --&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Encode the (now mutated) &lt;var title=3D&quot;&quot;&gt;fo=
rm data set&lt;/var&gt; using the rules described by RFC
+    2388, &lt;cite&gt;Returning Values from Forms: &lt;code title=3D&quo=
t;&quot;&gt;multipart/form-data&lt;/code&gt;&lt;/cite&gt;, and
+    return the resulting byte stream. &lt;a href=3D#refsRFC2388&gt;[RFC2=
388]&lt;/a&gt;&lt;/p&gt;
+
+    &lt;p&gt;Each entry in the &lt;var title=3D&quot;&quot;&gt;form data=
 set&lt;/var&gt; is a &lt;i&gt;field&lt;/i&gt;, the name of the entry
+    is the &lt;i&gt;field name&lt;/i&gt; and the value of the entry is t=
he &lt;i&gt;field value&lt;/i&gt;.&lt;/p&gt;
+
+    &lt;p&gt;The order of parts must be the same as the order of fields =
in the &lt;var title=3D&quot;&quot;&gt;form data
+    set&lt;/var&gt;. Multiple entries with the same name must be treated=
 as distinct fields.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;In particular, this means that multiple files =
submitted as part of a single
+    &lt;code title=3D&quot;&quot;&gt;&amp;lt;input&amp;nbsp;type=3Dfile&=
amp;nbsp;multiple&amp;gt;&lt;/code&gt; element will result in each file
+    having its own field; the &quot;sets of files&quot; feature (&quot;&=
lt;code title=3D&quot;&quot;&gt;multipart/mixed&lt;/code&gt;&quot;) of
+    RFC 2388 is not used.&lt;/p&gt;
+
+    &lt;p&gt;The parts of the generated &lt;code title=3D&quot;&quot;&gt=
;multipart/form-data&lt;/code&gt; resource that correspond
+    to non-file fields must not have a &lt;code&gt;&lt;a href=3D#content=
-type&gt;Content-Type&lt;/a&gt;&lt;/code&gt; header specified. Their name=
s and
+    values must be encoded using the character encoding selected above (=
field names in particular do
+    not get converted to a 7-bit safe encoding as suggested in RFC 2388)=
.&lt;/p&gt;
+
+    &lt;p&gt;File names included in the generated &lt;code title=3D&quot=
;&quot;&gt;multipart/form-data&lt;/code&gt; resource (as
+    part of file fields) must use the character encoding selected above,=
 though the precise name may
+    be approximated if necessary (e.g. newlines could be removed from fi=
le names, quotes could be
+    changed to &quot;%22&quot;, and characters not expressible in the se=
lected character encoding could be
+    replaced by other characters). User agents must not use the RFC 2231=
 encoding suggested by RFC
+    2388.&lt;/p&gt; &lt;!-- this isn't a willful violation since 2388 do=
esn't make it a requirement, it just
+    vaguely suggests it --&gt;
+
+    &lt;p&gt;The boundary used by the user agent in generating the retur=
n value of this algorithm is the
+    &lt;dfn id=3Dmultipart/form-data-boundary-string&gt;&lt;code title=3D=
&quot;&quot;&gt;multipart/form-data&lt;/code&gt; boundary string&lt;/dfn&=
gt;. (This value is used to
+    generate the MIME type of the form submission payload generated by t=
his algorithm.)&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+  &lt;p&gt;For details on how to interpret &lt;code&gt;multipart/form-da=
ta&lt;/code&gt; payloads, see RFC 2388. &lt;a href=3D#refsRFC2388&gt;[RFC=
2388]&lt;/a&gt;&lt;/p&gt;
+
+
+
+  &lt;h5 id=3Dplain-text-form-data&gt;&lt;span class=3Dsecno&gt;4.10.22.=
8 &lt;/span&gt;Plain text form data&lt;/h5&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dtext/plain-encoding-algorithm&gt;&lt;code ti=
tle=3D&quot;&quot;&gt;text/plain&lt;/code&gt; encoding algorithm&lt;/dfn&=
gt; is as follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;resul=
t&lt;/var&gt; be the empty string.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;!-- this is different from application/x-www-form-urlencoded in =
that it isn't limited to
+    ASCII-compatible encodings --&gt;
+
+    &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&l=
t;/a&gt;&lt;/code&gt; element has an &lt;code title=3Dattr-form-accept-ch=
arset&gt;&lt;a href=3D#attr-form-accept-charset&gt;accept-charset&lt;/a&g=
t;&lt;/code&gt; attribute, let the selected character
+    encoding be the result of &lt;a href=3D#picking-an-encoding-for-the-=
form&gt;picking an encoding for the form&lt;/a&gt;, with the &lt;i&gt;all=
ow
+    non-ASCII-compatible encodings&lt;/i&gt; flag unset.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if the &lt;code&gt;&lt;a href=3D#the-form-elemen=
t&gt;form&lt;/a&gt;&lt;/code&gt; element has no &lt;code title=3Dattr-for=
m-accept-charset&gt;&lt;a href=3D#attr-form-accept-charset&gt;accept-char=
set&lt;/a&gt;&lt;/code&gt; attribute, then that is the selected
+    character encoding.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;charset&lt;/va=
r&gt; be the &lt;a href=3D#encoding-name title=3D&quot;encoding name&quot=
;&gt;name&lt;/a&gt; of the
+   selected &lt;a href=3D#encoding title=3Dencoding&gt;character encodin=
g&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the entry's name is &quot;&lt;code title=3Dattr=
-fe-name-charset&gt;&lt;a href=3D#attr-fe-name-charset&gt;_charset_&lt;/a=
&gt;&lt;/code&gt;&quot; and its type
+   is &quot;&lt;code title=3D&quot;&quot;&gt;hidden&lt;/code&gt;&quot;, =
replace its value with &lt;var title=3D&quot;&quot;&gt;charset&lt;/var&gt=
;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the entry's type is &quot;&lt;code title=3D&quo=
t;&quot;&gt;file&lt;/code&gt;&quot;, replace its value with the file's
+   name only.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each entry in the &lt;var title=3D&quot;&quot;&gt;form =
data set&lt;/var&gt;, perform these substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Append the entry's name to &lt;var titl=
e=3D&quot;&quot;&gt;result&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Append a single U+003D EQUALS SIGN character (=3D=
) to &lt;var title=3D&quot;&quot;&gt;result&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Append the entry's value to &lt;var title=3D&quo=
t;&quot;&gt;result&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Append a U+000D CARRIAGE RETURN (CR) U+000A LINE=
 FEED (LF) character pair to &lt;var title=3D&quot;&quot;&gt;result&lt;/v=
ar&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Encode &lt;var title=3D&quot;&quot;&gt;result&lt;/=
var&gt; using the &lt;a href=3D#encoder&gt;encoder&lt;/a&gt; for the sele=
cted
+   character encoding and return the resulting byte stream.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+  &lt;p&gt;Payloads using the &lt;code&gt;text/plain&lt;/code&gt; format=
 are intended to be human readable. They are
+  not reliably interpretable by computer, as the format is ambiguous (fo=
r example, there is no way
+  to distinguish a literal newline in a value from the newline at the en=
d of the value).&lt;/p&gt;
+
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dresetting-a-form&gt;&lt;span class=3Dsecno&gt;4.10.23 &lt;=
/span&gt;Resetting a form&lt;/h4&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;=
/a&gt;&lt;/code&gt; element &lt;var title=3D&quot;&quot;&gt;form&lt;/var&=
gt; is &lt;dfn id=3Dconcept-form-reset title=3Dconcept-form-reset&gt;rese=
t&lt;/dfn&gt;, the user agent must &lt;a href=3D#fire-a-simple-event&gt;f=
ire a simple event&lt;/a&gt; named
+  &lt;code title=3Devent-reset&gt;reset&lt;/code&gt;, that bubbles and i=
s cancelable, at &lt;var title=3D&quot;&quot;&gt;form&lt;/var&gt;, and th=
en, if that event is not canceled, must invoke the &lt;a href=3D#concept-=
form-reset-control title=3Dconcept-form-reset-control&gt;reset algorithm&=
lt;/a&gt; of each &lt;a href=3D#category-reset title=3Dcategory-reset&gt;=
resettable element&lt;/a&gt; whose &lt;a href=3D#form-owner&gt;form owner=
&lt;/a&gt; is &lt;var title=3D&quot;&quot;&gt;form&lt;/var&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;a href=3D#category-reset title=3Dcategory-reset&gt;r=
esettable element&lt;/a&gt; defines its own &lt;dfn id=3Dconcept-form-res=
et-control title=3Dconcept-form-reset-control&gt;reset algorithm&lt;/dfn&=
gt;. Changes made to form controls as part of
+  these algorithms do not count as changes caused by the user (and thus,=
 e.g., do not cause &lt;code title=3Devent-input&gt;input&lt;/code&gt; ev=
ents to fire).&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h3 id=3Dinteractive-elements&gt;&lt;span class=3Dsecno&gt;4.11 &lt=
;/span&gt;Interactive elements&lt;/h3&gt;
+
+  &lt;h4 id=3Dthe-details-element&gt;&lt;span class=3Dsecno&gt;4.11.1 &l=
t;/span&gt;The &lt;dfn&gt;&lt;code&gt;details&lt;/code&gt;&lt;/dfn&gt; el=
ement&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#sectioning-root&gt;Sectioning root&lt;/a&gt;.=
&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#interactive-content&gt;Interactive content&lt=
;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#palpable-content&gt;Palpable content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#flow-content&gt;flow content&lt;/a&gt; =
is expected.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;One &lt;code&gt;&lt;a href=3D#the-summary-element&gt;summar=
y&lt;/a&gt;&lt;/code&gt; element followed by &lt;a href=3D#flow-content&g=
t;flow content&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-details-open&gt;&lt;a href=3D#attr-de=
tails-open&gt;open&lt;/a&gt;&lt;/code&gt; &amp;mdash; Whether the details=
 are visible&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmldetailselement&gt;HTML=
DetailsElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt; {
+           attribute boolean &lt;a href=3D#dom-details-open title=3Ddom-=
details-open&gt;open&lt;/a&gt;;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-details-element&gt;details&lt;/a&gt;&lt;/code&gt; element &lt;a href=
=3D#represents&gt;represents&lt;/a&gt; a disclosure widget from which the
+  user can obtain additional information or controls.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code&gt;&lt;a href=3D#the-details-elemen=
t&gt;details&lt;/a&gt;&lt;/code&gt; element is not appropriate for footno=
tes. Please see &lt;a href=3D#footnotes&gt;the section on footnotes&lt;/a=
&gt; for details on how to mark up footnotes.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;span class=3Dimpl&gt;first&lt;/span&gt; &lt;code&gt;&=
lt;a href=3D#the-summary-element&gt;summary&lt;/a&gt;&lt;/code&gt; elemen=
t child of the element, if any,
+  &lt;a href=3D#represents&gt;represents&lt;/a&gt; the summary or legend=
 of the details. &lt;span class=3Dimpl&gt;If there is no
+  child &lt;code&gt;&lt;a href=3D#the-summary-element&gt;summary&lt;/a&g=
t;&lt;/code&gt; element, the user agent should provide its own legend (e.=
g.
+  &quot;Details&quot;).&lt;/span&gt;&lt;/p&gt;
+
+  &lt;p&gt;The rest of the element's contents &lt;a href=3D#represents&g=
t;represents&lt;/a&gt; the additional information or
+  controls.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-details-open title=3Dattr-details-open&=
gt;&lt;code&gt;open&lt;/code&gt;&lt;/dfn&gt; content attribute is a &lt;a=
 href=3D#boolean-attribute&gt;boolean
+  attribute&lt;/a&gt;. If present, it indicates that both the summary an=
d the additional information is
+  to be shown to the user. If the attribute is absent, only the summary =
is to be shown.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When the element is created, if the attribute is absent, the =
additional information should be
+  hidden; if the attribute is present, that information should be shown.=
 Subsequently, if the
+  attribute is removed, then the information should be hidden; if the at=
tribute is added, the
+  information should be shown.&lt;/p&gt;
+
+  &lt;p&gt;The user agent should allow the user to request that the addi=
tional information be shown or
+  hidden. To honor a request for the details to be shown, the user agent=
 must set the &lt;code title=3Dattr-details-open&gt;&lt;a href=3D#attr-de=
tails-open&gt;open&lt;/a&gt;&lt;/code&gt; attribute on the element to the=
 value &lt;code title=3D&quot;&quot;&gt;open&lt;/code&gt;. To honor a req=
uest for the information to be hidden, the user agent must
+  remove the &lt;code title=3Dattr-details-open&gt;&lt;a href=3D#attr-de=
tails-open&gt;open&lt;/a&gt;&lt;/code&gt; attribute from the element.&lt;=
/p&gt;
+
+  &lt;p&gt;Whenever the &lt;code title=3Dattr-details-open&gt;&lt;a href=
=3D#attr-details-open&gt;open&lt;/a&gt;&lt;/code&gt; attribute is added t=
o or removed from
+  a &lt;code&gt;&lt;a href=3D#the-details-element&gt;details&lt;/a&gt;&l=
t;/code&gt; element, the user agent must &lt;a href=3D#queue-a-task&gt;qu=
eue a task&lt;/a&gt; that runs the
+  following steps, which are known as the &lt;dfn id=3Ddetails-notificat=
ion-task-steps&gt;details notification task steps&lt;/dfn&gt;, for this
+  &lt;code&gt;&lt;a href=3D#the-details-element&gt;details&lt;/a&gt;&lt;=
/code&gt; element:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;If another &lt;a href=3D#concept-task title=3Dconcept-task&=
gt;task&lt;/a&gt; has been &lt;a href=3D#queue-a-task title=3D&quot;queue=
 a
+    task&quot;&gt;queued&lt;/a&gt; to run the &lt;a href=3D#details-noti=
fication-task-steps&gt;details notification task steps&lt;/a&gt; for this
+    &lt;code&gt;&lt;a href=3D#the-details-element&gt;details&lt;/a&gt;&l=
t;/code&gt; element, then abort these steps.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;When the &lt;code title=3Dattr-details-open&gt=
;&lt;a href=3D#attr-details-open&gt;open&lt;/a&gt;&lt;/code&gt; attribute=
 is toggled
+    several times in succession, these steps essentially get coalesced s=
o that only one event is
+    fired.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#fire-a-simple-event&gt;Fire a simple=
 event&lt;/a&gt; named &lt;code title=3Devent-toggle&gt;toggle&lt;/code&g=
t; at the
+   &lt;code&gt;&lt;a href=3D#the-details-element&gt;details&lt;/a&gt;&lt=
;/code&gt; element.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;a href=3D#task-source&gt;task source&lt;/a=
&gt; for this task must be the &lt;a href=3D#dom-manipulation-task-source=
&gt;DOM manipulation task
+  source&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-details-open title=3Ddom-details-open&gt=
;&lt;code&gt;open&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-d=
etails-open&gt;&lt;a href=3D#attr-details-open&gt;open&lt;/a&gt;&lt;/code=
&gt; content attribute.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following example shows the &lt;code&gt;&lt;a href=3D#th=
e-details-element&gt;details&lt;/a&gt;&lt;/code&gt; element being used to=
 hide technical
+   details in a progress report.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;section class=3D&quot;progress window&quot;&amp;gt=
;
+ &amp;lt;h1&amp;gt;Copying &quot;Really Achieving Your Childhood Dreams&=
quot;&amp;lt;/h1&amp;gt;
+ &amp;lt;details&amp;gt;
+  &amp;lt;summary&amp;gt;Copying... &amp;lt;progress max=3D&quot;3755053=
92&quot; value=3D&quot;97543282&quot;&amp;gt;&amp;lt;/progress&amp;gt; 25=
%&amp;lt;/summary&amp;gt;
+  &amp;lt;dl&amp;gt;
+   &amp;lt;dt&amp;gt;Transfer rate:&amp;lt;/dt&amp;gt; &amp;lt;dd&amp;gt=
;452KB/s&amp;lt;/dd&amp;gt;
+   &amp;lt;dt&amp;gt;Local filename:&amp;lt;/dt&amp;gt; &amp;lt;dd&amp;g=
t;/home/rpausch/raycd.m4v&amp;lt;/dd&amp;gt;
+   &amp;lt;dt&amp;gt;Remote filename:&amp;lt;/dt&amp;gt; &amp;lt;dd&amp;=
gt;/var/www/lectures/raycd.m4v&amp;lt;/dd&amp;gt;
+   &amp;lt;dt&amp;gt;Duration:&amp;lt;/dt&amp;gt; &amp;lt;dd&amp;gt;01:1=
6:27&amp;lt;/dd&amp;gt;
+   &amp;lt;dt&amp;gt;Color profile:&amp;lt;/dt&amp;gt; &amp;lt;dd&amp;gt=
;SD (6-1-6)&amp;lt;/dd&amp;gt;
+   &amp;lt;dt&amp;gt;Dimensions:&amp;lt;/dt&amp;gt; &amp;lt;dd&amp;gt;32=
0&amp;times;240&amp;lt;/dd&amp;gt;
+  &amp;lt;/dl&amp;gt;
+ &amp;lt;/details&amp;gt;
+&amp;lt;/section&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following shows how a &lt;code&gt;&lt;a href=3D#the-deta=
ils-element&gt;details&lt;/a&gt;&lt;/code&gt; element can be used to hide=
 some controls by
+   default:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;details&amp;gt;
+ &amp;lt;summary&amp;gt;&amp;lt;label for=3Dfn&amp;gt;Name &amp;amp; Ext=
ension:&amp;lt;/label&amp;gt;&amp;lt;/summary&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;input type=3Dtext id=3Dfn name=3Dfn value=3D&q=
uot;Pillar Magazine.pdf&quot;&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;&amp;lt;input type=3Dcheckbox nam=
e=3Dext checked&amp;gt; Hide extension&amp;lt;/label&amp;gt;
+&amp;lt;/details&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;One could use this in conjunction with other &lt;code&gt;&lt=
;a href=3D#the-details-element&gt;details&lt;/a&gt;&lt;/code&gt; in a lis=
t to allow the user
+   to collapse a set of fields down to a small set of headings, with the=
 ability to open each
+   one.&lt;/p&gt;
+
+   &lt;p class=3Ddetails-example&gt;&lt;img src=3Dhttp://images.whatwg.o=
rg/sample-details-1.png width=3D345 alt=3D&quot;&quot; height=3D611&gt;&l=
t;img src=3Dhttp://images.whatwg.org/sample-details-2.png width=3D345 alt=
=3D&quot;&quot; height=3D666&gt;&lt;/p&gt;
+
+   &lt;p&gt;In these examples, the summary really just summarises what t=
he controls can change, and not
+   the actual values, which is less than ideal.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Because the &lt;code title=3Dattr-details-open&gt;&lt;a href=
=3D#attr-details-open&gt;open&lt;/a&gt;&lt;/code&gt; attribute is added a=
nd removed
+   automatically as the user interacts with the control, it can be used =
in CSS to style the element
+   differently based on its state. Here, a stylesheet is used to animate=
 the color of the summary
+   when the element is opened or closed:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;style&amp;gt;
+ details &amp;gt; summary { transition: color 1s; color: black; }
+ details[open] &amp;gt; summary { color: red; }
+&amp;lt;/style&amp;gt;
+&amp;lt;details&amp;gt;
+ &amp;lt;summary&amp;gt;Automated Status: Operational&amp;lt;/summary&am=
p;gt;
+ &amp;lt;p&amp;gt;Velocity: 12m/s&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;Direction: North&amp;lt;/p&amp;gt;
+&amp;lt;/details&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dthe-summary-element&gt;&lt;span class=3Dsecno&gt;4.11.2 &l=
t;/span&gt;The &lt;dfn&gt;&lt;code&gt;summary&lt;/code&gt;&lt;/dfn&gt; el=
ement&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;None.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;As the first child of a &lt;code&gt;&lt;a href=3D#the-detai=
ls-element&gt;details&lt;/a&gt;&lt;/code&gt; element.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;Uses &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&l=
t;/a&gt;&lt;/code&gt;.&lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-summary-element&gt;summary&lt;/a&gt;&lt;/code&gt; element &lt;a href=
=3D#represents&gt;represents&lt;/a&gt; a summary, caption, or legend for =
the
+  rest of the contents of the &lt;code&gt;&lt;a href=3D#the-summary-elem=
ent&gt;summary&lt;/a&gt;&lt;/code&gt; element's parent &lt;code&gt;&lt;a =
href=3D#the-details-element&gt;details&lt;/a&gt;&lt;/code&gt;
+  element&lt;span class=3Dimpl&gt;, if any&lt;/span&gt;.&lt;/p&gt;
+
+
+
+  &lt;h4 id=3Dthe-menu-element&gt;&lt;span class=3Dsecno&gt;4.11.3 &lt;/=
span&gt;The &lt;dfn id=3Dmenus&gt;&lt;code&gt;menu&lt;/code&gt;&lt;/dfn&g=
t; element&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;If the element's &lt;code title=3Dattr-menu-type&gt;&lt;a h=
ref=3D#attr-menu-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the =
&lt;a href=3D#toolbar-state title=3D&quot;toolbar state&quot;&gt;toolbar&=
lt;/a&gt; state: &lt;a href=3D#palpable-content&gt;Palpable content&lt;/a=
&gt;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#flow-content&gt;flow content&lt;/a&gt; =
is expected.&lt;/dd&gt;
+   &lt;dd&gt;If the element's &lt;code title=3Dattr-menu-type&gt;&lt;a h=
ref=3D#attr-menu-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the =
&lt;a href=3D#popup-menu-state title=3D&quot;popup menu state&quot;&gt;po=
pup menu&lt;/a&gt; state: as the child of a &lt;code&gt;&lt;a href=3D#the=
-menu-element&gt;menu&lt;/a&gt;&lt;/code&gt; element whose &lt;code title=
=3Dattr-menu-type&gt;&lt;a href=3D#attr-menu-type&gt;type&lt;/a&gt;&lt;/c=
ode&gt; attribute is in the &lt;a href=3D#popup-menu-state title=3D&quot;=
popup menu state&quot;&gt;popup menu&lt;/a&gt; state.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;If the element's &lt;code title=3Dattr-menu-type&gt;&lt;a h=
ref=3D#attr-menu-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the =
&lt;a href=3D#toolbar-state title=3D&quot;toolbar state&quot;&gt;toolbar&=
lt;/a&gt; state: either zero or more &lt;code&gt;&lt;a href=3D#the-li-ele=
ment&gt;li&lt;/a&gt;&lt;/code&gt; and &lt;a href=3D#script-supporting-ele=
ments title=3D&quot;script-supporting elements&quot;&gt;script-supporting=
&lt;/a&gt; elements, or, &lt;a href=3D#flow-content&gt;flow content&lt;/a=
&gt;.&lt;/dd&gt;
+   &lt;dd&gt;If the element's &lt;code title=3Dattr-menu-type&gt;&lt;a h=
ref=3D#attr-menu-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the =
&lt;a href=3D#popup-menu-state title=3D&quot;popup menu state&quot;&gt;po=
pup menu&lt;/a&gt; state: in any order, zero or more &lt;code&gt;&lt;a hr=
ef=3D#the-menuitem-element&gt;menuitem&lt;/a&gt;&lt;/code&gt; elements, z=
ero or more &lt;code&gt;&lt;a href=3D#the-hr-element&gt;hr&lt;/a&gt;&lt;/=
code&gt; elements, zero or more &lt;code&gt;&lt;a href=3D#the-menu-elemen=
t&gt;menu&lt;/a&gt;&lt;/code&gt; elements whose &lt;code title=3Dattr-men=
u-type&gt;&lt;a href=3D#attr-menu-type&gt;type&lt;/a&gt;&lt;/code&gt; att=
ributes are in the &lt;a href=3D#popup-menu-state title=3D&quot;popup men=
u state&quot;&gt;popup menu&lt;/a&gt; state, and zero or more &lt;a href=3D=
#script-supporting-elements title=3D&quot;script-supporting elements&quot=
;&gt;script-supporting&lt;/a&gt; elements.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-menu-type&gt;&lt;a href=3D#attr-menu-=
type&gt;type&lt;/a&gt;&lt;/code&gt; &amp;mdash; Type of menu&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-menu-label&gt;&lt;a href=3D#attr-menu=
-label&gt;label&lt;/a&gt;&lt;/code&gt; &amp;mdash; User-visible label&lt;=
/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmlmenuelement&gt;HTMLMen=
uElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&gt;=
 {
+           attribute DOMString &lt;a href=3D#dom-menu-type title=3Ddom-m=
enu-type&gt;type&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-menu-label title=3Ddom-=
menu-label&gt;label&lt;/a&gt;;
+
+  // &lt;a href=3D&quot;#HTMLMenuElement-partial&quot;&gt;also has obsol=
ete members&lt;/a&gt;
+};&lt;/pre&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-menu-element&gt;menu&lt;/a&gt;&lt;/code&gt; element represents a lis=
t of commands.&lt;/p&gt;
+
+  &lt;!-- v2 idea: &lt;menu&gt; should get an icon, like &lt;command&gt;=
 --&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-menu-type title=3Dattr-menu-type&gt;&lt=
;code&gt;type&lt;/code&gt;&lt;/dfn&gt; attribute is an &lt;a href=3D#enum=
erated-attribute&gt;enumerated
+  attribute&lt;/a&gt; indicating the kind of menu being declared. The at=
tribute has two states. The
+  &lt;code title=3Dattr-menu-type-popup&gt;popup&lt;/code&gt; keyword ma=
ps to the &lt;dfn id=3Dpopup-menu-state title=3D&quot;popup menu
+  state&quot;&gt;popup menu&lt;/dfn&gt; state, in which the element is d=
eclaring a context menu or the menu for a
+  &lt;a href=3D#attr-button-type-menu-state title=3Dattr-button-type-men=
u-state&gt;menu button&lt;/a&gt;. The &lt;code title=3Dattr-menu-type-too=
lbar&gt;toolbar&lt;/code&gt; keyword maps to the &lt;dfn id=3Dtoolbar-sta=
te title=3D&quot;toolbar
+  state&quot;&gt;toolbar&lt;/dfn&gt; state, in which the element is decl=
aring a toolbar. The attribute may also be
+  omitted. The &lt;i&gt;missing value default&lt;/i&gt; is the &lt;a hre=
f=3D#popup-menu-state title=3D&quot;popup menu state&quot;&gt;popup menu&=
lt;/a&gt;
+  state if the parent element is a &lt;code&gt;&lt;a href=3D#the-menu-el=
ement&gt;menu&lt;/a&gt;&lt;/code&gt; element whose &lt;code title=3Dattr-=
menu-type&gt;&lt;a href=3D#attr-menu-type&gt;type&lt;/a&gt;&lt;/code&gt; =
attribute is in the &lt;a href=3D#popup-menu-state title=3D&quot;popup me=
nu state&quot;&gt;popup
+  menu&lt;/a&gt; state; otherwise, it is the &lt;a href=3D#toolbar-state=
 title=3D&quot;toolbar state&quot;&gt;toolbar&lt;/a&gt; state.&lt;/p&gt;
+
+  &lt;p&gt;If a &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&lt;/a=
&gt;&lt;/code&gt; element's &lt;code title=3Dattr-menu-type&gt;&lt;a href=
=3D#attr-menu-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the
+  &lt;a href=3D#popup-menu-state title=3D&quot;popup menu state&quot;&gt=
;popup menu&lt;/a&gt; state, then the element &lt;a href=3D#represents&gt=
;represents&lt;/a&gt;
+  the commands of a popup menu, and the user can only examine and intera=
ct with the commands if that
+  popup menu is activated through some other element, either via the &lt=
;code title=3Dattr-contextmenu&gt;&lt;a href=3D#attr-contextmenu&gt;conte=
xtmenu&lt;/a&gt;&lt;/code&gt; attribute or the &lt;code&gt;&lt;a href=3D#=
the-button-element&gt;button&lt;/a&gt;&lt;/code&gt; element's &lt;code ti=
tle=3Dattr-button-menu&gt;&lt;a href=3D#attr-button-menu&gt;menu&lt;/a&gt=
;&lt;/code&gt; attribute.&lt;/p&gt;
+
+  &lt;p&gt;If a &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&lt;/a=
&gt;&lt;/code&gt; element's &lt;code title=3Dattr-menu-type&gt;&lt;a href=
=3D#attr-menu-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the
+  &lt;a href=3D#toolbar-state title=3D&quot;toolbar state&quot;&gt;toolb=
ar&lt;/a&gt; state, then the element &lt;a href=3D#represents&gt;represen=
ts&lt;/a&gt; a
+  toolbar consisting of its contents, in the form of either an unordered=
 list of items (represented
+  by &lt;code&gt;&lt;a href=3D#the-li-element&gt;li&lt;/a&gt;&lt;/code&g=
t; elements), each of which represents a command that the user can perfor=
m or
+  activate, or, if the element has no &lt;code&gt;&lt;a href=3D#the-li-e=
lement&gt;li&lt;/a&gt;&lt;/code&gt; element children, &lt;a href=3D#flow-=
content&gt;flow content&lt;/a&gt;
+  describing available commands.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-menu-label title=3Dattr-menu-label&gt;&=
lt;code&gt;label&lt;/code&gt;&lt;/dfn&gt; attribute gives the label of th=
e
+  menu. It is used by user agents to display nested menus in the UI: a c=
ontext menu containing
+  another menu would use the nested menu's &lt;code title=3Dattr-menu-la=
bel&gt;&lt;a href=3D#attr-menu-label&gt;label&lt;/a&gt;&lt;/code&gt; attr=
ibute for
+  the submenu's menu label. The &lt;code title=3Dattr-menu-label&gt;&lt;=
a href=3D#attr-menu-label&gt;label&lt;/a&gt;&lt;/code&gt; attribute must =
only be
+  specified on &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&lt;/a&=
gt;&lt;/code&gt; elements whose parent element is a &lt;code&gt;&lt;a hre=
f=3D#the-menu-element&gt;menu&lt;/a&gt;&lt;/code&gt; element whose
+  &lt;code title=3Dattr-menu-type&gt;&lt;a href=3D#attr-menu-type&gt;typ=
e&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D#popup-menu-sta=
te title=3D&quot;popup menu state&quot;&gt;popup
+  menu&lt;/a&gt; state.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;hr&gt;&lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-menu-element&gt;men=
u&lt;/a&gt;&lt;/code&gt; is a &lt;dfn id=3Dcurrently-relevant-menu-elemen=
t&gt;currently relevant &lt;code&gt;menu&lt;/code&gt; element&lt;/dfn&gt;=
 if it is the
+  child of a &lt;a href=3D#currently-relevant-menu-element&gt;currently =
relevant &lt;code&gt;menu&lt;/code&gt; element&lt;/a&gt;, or if it is the
+  &lt;a href=3D#designated-pop-up-menu&gt;designated pop-up menu&lt;/a&g=
t; of a &lt;code&gt;&lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&=
lt;/code&gt; element that is not
+  &lt;a href=3D#inert&gt;inert&lt;/a&gt;, does not have a &lt;code title=
=3Dattr-hidden&gt;&lt;a href=3D#the-hidden-attribute&gt;hidden&lt;/a&gt;&=
lt;/code&gt; attribute, and is not
+  the descendant of an element with a &lt;code title=3Dattr-hidden&gt;&l=
t;a href=3D#the-hidden-attribute&gt;hidden&lt;/a&gt;&lt;/code&gt; attribu=
te.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;A pop-up menu consists of a list of zero or more me=
nu items, which can be any of:&lt;/p&gt;
+
+  &lt;ul class=3Dbrief&gt;&lt;li&gt;&lt;a href=3D#concept-command title=3D=
concept-command&gt;Commands&lt;/a&gt;, which can be marked as default com=
mands (&lt;code&gt;&lt;a href=3D#the-menuitem-element&gt;menuitem&lt;/a&g=
t;&lt;/code&gt;)&lt;/li&gt;
+   &lt;li&gt;Separators (&lt;code&gt;&lt;a href=3D#the-hr-element&gt;hr&=
lt;/a&gt;&lt;/code&gt;)&lt;/li&gt;
+   &lt;li&gt;Other menus, which allows the list to be nested (&lt;code&g=
t;&lt;a href=3D#the-menu-element&gt;menu&lt;/a&gt;&lt;/code&gt;)&lt;/li&g=
t;
+  &lt;/ul&gt;&lt;p&gt;To &lt;dfn id=3Dconstruct-and-show-a-menu&gt;const=
ruct and show a menu&lt;/dfn&gt; for a particular &lt;code&gt;&lt;a href=3D=
#the-menu-element&gt;menu&lt;/a&gt;&lt;/code&gt; element and with a
+  particular element as a subject, the user agent must run the following=
 steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let the menu be an empty list of the type=
 described above.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Run the &lt;a href=3D#menu-builder&gt;menu builder&lt;/a&gt=
; steps for the &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&lt;/a&=
gt;&lt;/code&gt; element using the menu
+    prepared in the previous list as the output.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;dfn id=3Dmenu-builder&gt;menu builder&lt;/dfn&gt; s=
teps for a &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&lt;/a&gt;&l=
t;/code&gt; element using a specific menu as
+    output are as follows: For each child node of the &lt;code&gt;&lt;a =
href=3D#the-menu-element&gt;menu&lt;/a&gt;&lt;/code&gt; in &lt;a href=3D#=
tree-order&gt;tree order&lt;/a&gt;,
+    run the appropriate steps from the following list:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the child is a &lt;code&gt;&lt=
;a href=3D#the-menuitem-element&gt;menuitem&lt;/a&gt;&lt;/code&gt; elemen=
t that &lt;a href=3D#concept-command title=3Dconcept-command&gt;defines
+     a command&lt;/a&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;Append the command to the menu, respecting its &lt;a href=
=3D#concept-facet title=3Dconcept-facet&gt;facets&lt;/a&gt;&lt;!-- we mig=
ht need to be explicit about what this means for
+     each facet, if testing shows this isn't well-implemented. e.g.: If =
there's an Icon facet for
+     the command, it should be &lt;span title=3D&quot;fetch&quot;&gt;fet=
ched&lt;/span&gt;&lt;!- -FETCH- -&gt; (this would be
+     http-origin privacy-sensitive), and then that image should be assoc=
iated with the command, such
+     that each command only has its image fetched once, to prevent chang=
es to the base URL from
+     having effects after the image has been fetched once. (no need to r=
esolve the Icon facet, it's
+     an absolute URL) --&gt;. If the &lt;code&gt;&lt;a href=3D#the-menui=
tem-element&gt;menuitem&lt;/a&gt;&lt;/code&gt; element has a &lt;code tit=
le=3Dattr-menuitem-default&gt;&lt;a href=3D#attr-menuitem-default&gt;defa=
ult&lt;/a&gt;&lt;/code&gt; attribute, mark the command as being a default
+     command.&lt;/dd&gt;
+
+
+     &lt;dt&gt;If the child is an &lt;code&gt;&lt;a href=3D#the-hr-eleme=
nt&gt;hr&lt;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+     &lt;dd&gt;Append a separator to the menu.&lt;/dd&gt;
+
+
+     &lt;dt&gt;If the child is a &lt;code&gt;&lt;a href=3D#the-menu-elem=
ent&gt;menu&lt;/a&gt;&lt;/code&gt; element with no &lt;code title=3Dattr-=
menu-label&gt;&lt;a href=3D#attr-menu-label&gt;label&lt;/a&gt;&lt;/code&g=
t; attribute&lt;/dt&gt;
+
+     &lt;dd&gt;Append a separator to the menu, then run the &lt;a href=3D=
#menu-builder&gt;menu builder&lt;/a&gt; steps using this
+     child &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&lt;/a&gt;&=
lt;/code&gt; element for the same menu, then append another separator to =
the
+     menu.&lt;/dd&gt;
+
+
+     &lt;dt&gt;If the child is a &lt;code&gt;&lt;a href=3D#the-menu-elem=
ent&gt;menu&lt;/a&gt;&lt;/code&gt; element with a &lt;code title=3Dattr-m=
enu-label&gt;&lt;a href=3D#attr-menu-label&gt;label&lt;/a&gt;&lt;/code&gt=
; attribute&lt;/dt&gt;
+
+     &lt;dd&gt;Create a new submenu as an empty list of the type describ=
ed above, and construct it by
+     running the &lt;a href=3D#menu-builder&gt;menu builder&lt;/a&gt; st=
eps for the child &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&lt;/=
a&gt;&lt;/code&gt; element using the
+     new submenu as the output. Then, append the submenu to the menu, us=
ing the value of the child
+     &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&lt;/a&gt;&lt;/co=
de&gt; element's &lt;code title=3Dattr-menu-label&gt;&lt;a href=3D#attr-m=
enu-label&gt;label&lt;/a&gt;&lt;/code&gt; attribute as the label
+     of the submenu.&lt;/dd&gt;
+
+
+     &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+     &lt;dd&gt;&lt;a href=3D#ignore&gt;Ignore&lt;/a&gt; the child node.&=
lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove any submenu with no label, or whose label i=
s the empty string, in the menu or any
+   submenus.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove any menu item with no label, or whose label=
 is the empty string, in the menu or any
+   submenus.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Collapse all sequences of two or more adjacent sep=
arators in the menu or any submenus to a
+   single separator.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove all separators at the start or end of the m=
enu and any submenus.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Display the menu to the user, and let the algorithm that in=
voked this one continue.&lt;/p&gt;
+
+    &lt;p&gt;If the user selects a menu item that corresponds to an elem=
ent that still represents a &lt;a href=3D#concept-command title=3Dconcept=
-command&gt;command&lt;/a&gt; when the user selects it, then the UA must =
invoke that
+    command's &lt;a href=3D#command-facet-action title=3Dcommand-facet-A=
ction&gt;Action&lt;/a&gt;. If the command's &lt;a href=3D#command-facet-a=
ction title=3Dcommand-facet-Action&gt;Action&lt;/a&gt; is defined as &lt;=
a href=3D#fire-a-click-event title=3D&quot;fire a click event&quot;&gt;fi=
ring
+    a &lt;code title=3Devent-click&gt;click&lt;/code&gt; event&lt;/a&gt;=
, either directly or via the &lt;a href=3D#run-synthetic-click-activation=
-steps&gt;run
+    synthetic click activation steps&lt;/a&gt; algorithm, then the &lt;c=
ode title=3Ddom-MouseEvent-relatedTarget&gt;relatedTarget&lt;/code&gt; at=
tribute of that &lt;code title=3Devent-click&gt;&lt;a href=3D#event-click=
&gt;click&lt;/a&gt;&lt;/code&gt; event must be initialized to the subject=
 passed to this
+    &lt;a href=3D#construct-and-show-a-menu&gt;construct and show a menu=
&lt;/a&gt; algorithm.&lt;/p&gt;
+
+    &lt;p&gt;Pop-up menus must not, while being shown, reflect changes i=
n the DOM. The menu is constructed
+    from the DOM before being shown, and is then immutable.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-menu-type title=3Dd=
om-menu-type&gt;&lt;code&gt;type&lt;/code&gt;&lt;/dfn&gt; IDL attribute m=
ust &lt;a href=3D#reflect&gt;reflect&lt;/a&gt;
+  the content attribute of the same name, &lt;a href=3D#limited-to-only-=
known-values&gt;limited to only known values&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-menu-label title=3Ddom-menu-label&gt;&lt=
;code&gt;label&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content attribute of th=
e same name.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this example, the &lt;code&gt;&lt;a href=3D#the-menu-elem=
ent&gt;menu&lt;/a&gt;&lt;/code&gt; element is used to describe a toolbar =
with three menu
+   buttons on it, each of which has a dropdown menu with a series of opt=
ions:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;menu&amp;gt; &lt;!-- type=3D&quot;toolbar&quot; imp=
lied --&gt;
+ &amp;lt;li&amp;gt;
+  &amp;lt;button type=3Dmenu value=3D&quot;File&quot; menu=3D&quot;filem=
enu&quot;&amp;gt;
+  &amp;lt;menu id=3D&quot;filemenu&quot; type=3D&quot;popup&quot;&amp;gt=
;
+   &amp;lt;menuitem onclick=3D&quot;fnew()&quot; label=3D&quot;New...&qu=
ot;&amp;gt;
+   &amp;lt;menuitem onclick=3D&quot;fopen()&quot; label=3D&quot;Open...&=
quot;&amp;gt;
+   &amp;lt;menuitem onclick=3D&quot;fsave()&quot; label=3D&quot;Save&quo=
t;&amp;gt;
+   &amp;lt;menuitem onclick=3D&quot;fsaveas()&quot; label=3D&quot;Save a=
s...&quot;&amp;gt;
+  &amp;lt;/menu&amp;gt;
+ &amp;lt;/li&amp;gt;
+ &amp;lt;li&amp;gt;
+  &amp;lt;button type=3Dmenu value=3D&quot;Edit&quot; menu=3D&quot;editm=
enu&quot;&amp;gt;
+  &amp;lt;menu id=3D&quot;editmenu&quot; type=3D&quot;popup&quot;&amp;gt=
;
+   &amp;lt;menuitem onclick=3D&quot;ecopy()&quot; label=3D&quot;Copy&quo=
t;&amp;gt;
+   &amp;lt;menuitem onclick=3D&quot;ecut()&quot; label=3D&quot;Cut&quot;=
&amp;gt;
+   &amp;lt;menuitem onclick=3D&quot;epaste()&quot; label=3D&quot;Paste&q=
uot;&amp;gt;
+  &amp;lt;/menu&amp;gt;
+ &amp;lt;/li&amp;gt;
+ &amp;lt;li&amp;gt;
+  &amp;lt;button type=3Dmenu value=3D&quot;Help&quot; menu=3D&quot;helpm=
enu&quot;&amp;gt;
+  &amp;lt;menu id=3D&quot;helpmenu&quot; type=3D&quot;popup&quot;&amp;gt=
;
+   &amp;lt;menuitem onclick=3D&quot;location=3D'help.html'&quot; label=3D=
&quot;Help&quot;&amp;gt;
+   &amp;lt;menuitem onclick=3D&quot;location=3D'about.html'&quot; label=3D=
&quot;About&quot;&amp;gt;
+  &amp;lt;/menu&amp;gt;
+ &amp;lt;/li&amp;gt;
+&amp;lt;/menu&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;In a supporting user agent, this might look like this (assum=
ing the user has just activated the
+   second button):&lt;/p&gt;
+
+   &lt;p&gt;&lt;img src=3Dhttp://images.whatwg.org/sample-toolbar-1.png =
width=3D303 alt=3D&quot;A toolbar with three buttons, labeled 'File', 'Ed=
it', and 'Help'; where if you select the 'Edit' button you get a drop-dow=
n menu with three more options, 'Copy', 'Cut', and 'Paste'.&quot; height=3D=
101&gt;&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dthe-menuitem-element&gt;&lt;span class=3Dsecno&gt;4.11.4 &=
lt;/span&gt;The &lt;dfn&gt;&lt;code&gt;menuitem&lt;/code&gt;&lt;/dfn&gt; =
element&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;None.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;As a child of a &lt;code&gt;&lt;a href=3D#the-menu-element&=
gt;menu&lt;/a&gt;&lt;/code&gt; element whose &lt;code title=3Dattr-menu-t=
ype&gt;&lt;a href=3D#attr-menu-type&gt;type&lt;/a&gt;&lt;/code&gt; attrib=
ute is in the &lt;a href=3D#popup-menu-state title=3D&quot;popup menu sta=
te&quot;&gt;popup menu&lt;/a&gt; state.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Empty.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;No &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-tag&gt;e=
nd tag&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-menuitem-type&gt;&lt;a href=3D#attr-m=
enuitem-type&gt;type&lt;/a&gt;&lt;/code&gt; &amp;mdash; Type of command&l=
t;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-menuitem-label&gt;&lt;a href=3D#attr-=
menuitem-label&gt;label&lt;/a&gt;&lt;/code&gt; &amp;mdash; User-visible l=
abel&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-menuitem-icon&gt;&lt;a href=3D#attr-m=
enuitem-icon&gt;icon&lt;/a&gt;&lt;/code&gt; &amp;mdash; Icon for the comm=
and&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-menuitem-disabled&gt;&lt;a href=3D#at=
tr-menuitem-disabled&gt;disabled&lt;/a&gt;&lt;/code&gt; &amp;mdash; Wheth=
er the form control is disabled&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-menuitem-checked&gt;&lt;a href=3D#att=
r-menuitem-checked&gt;checked&lt;/a&gt;&lt;/code&gt; &amp;mdash; Whether =
the command or control is checked&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-menuitem-radiogroup&gt;&lt;a href=3D#=
attr-menuitem-radiogroup&gt;radiogroup&lt;/a&gt;&lt;/code&gt; &amp;mdash;=
 Name of group of commands to treat as a radio button group&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-menuitem-default&gt;&lt;a href=3D#att=
r-menuitem-default&gt;default&lt;/a&gt;&lt;/code&gt; &amp;mdash; Mark the=
 command as being a default command&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-menuitem-command&gt;&lt;a href=3D#att=
r-menuitem-command&gt;command&lt;/a&gt;&lt;/code&gt; &amp;mdash; Command =
definition&lt;/dd&gt;
+   &lt;dd&gt;Also, the &lt;code title=3Dattr-menuitem-title&gt;&lt;a hre=
f=3D#attr-menuitem-title&gt;title&lt;/a&gt;&lt;/code&gt; attribute has sp=
ecial semantics on this element. &amp;mdash; Hint describing the command&=
lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmlmenuitemelement&gt;HTM=
LMenuItemElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&l=
t;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-menuitem-type title=3Dd=
om-menuitem-type&gt;type&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-menuitem-label title=3D=
dom-menuitem-label&gt;label&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-menuitem-icon title=3Dd=
om-menuitem-icon&gt;icon&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-menuitem-disabled title=3D=
dom-menuitem-disabled&gt;disabled&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-menuitem-checked title=3D=
dom-menuitem-checked&gt;checked&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-menuitem-radiogroup tit=
le=3Ddom-menuitem-radiogroup&gt;radiogroup&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-menuitem-default title=3D=
dom-menuitem-default&gt;default&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&gt;?=
 &lt;a href=3D#dom-menuitem-command title=3Ddom-menuitem-command&gt;comma=
nd&lt;/a&gt;;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-menuitem-element&gt;menuitem&lt;/a&gt;&lt;/code&gt; element represen=
ts a command that the user can invoke from a popup
+  menu (either a &lt;a href=3D#attr-contextmenu title=3Dattr-contextmenu=
&gt;context menu&lt;/a&gt; or the menu of a &lt;a href=3D#attr-button-typ=
e-menu-state title=3Dattr-button-type-menu-state&gt;menu button&lt;/a&gt;=
).&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-menuitem-element&gt;menuitem&=
lt;/a&gt;&lt;/code&gt; element that uses one or more of the
+   &lt;code title=3Dattr-menuitem-type&gt;&lt;a href=3D#attr-menuitem-ty=
pe&gt;type&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-menuitem-label&gt;&lt;a href=3D#attr-menuitem-l=
abel&gt;label&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-menuitem-icon&gt;&lt;a href=3D#attr-menuitem-ic=
on&gt;icon&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-menuitem-disabled&gt;&lt;a href=3D#attr-menuite=
m-disabled&gt;disabled&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-menuitem-checked&gt;&lt;a href=3D#attr-menuitem=
-checked&gt;checked&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code title=3Dattr-menuitem-radiogroup&gt;&lt;a href=3D#attr-menui=
tem-radiogroup&gt;radiogroup&lt;/a&gt;&lt;/code&gt;
+  attributes defines a new command.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-menuitem-element&gt;menuitem&=
lt;/a&gt;&lt;/code&gt; element that uses the &lt;code title=3Dattr-menuit=
em-command&gt;&lt;a href=3D#attr-menuitem-command&gt;command&lt;/a&gt;&lt=
;/code&gt; attribute defines a command by reference to another
+  one. This allows authors to define a command once, and set its state (=
e.g. whether it is active or
+  disabled) in one place, and have all references to that command in the=
 user interface change at
+  the same time.&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;code title=3Dattr-menuitem-command&gt;&lt;a href=3D=
#attr-menuitem-command&gt;command&lt;/a&gt;&lt;/code&gt; attribute is spe=
cified, the element
+  is in the &lt;dfn id=3Dindirect-command&gt;indirect command&lt;/dfn&gt=
; mode. If it is not specified, it is in the &lt;dfn id=3Dexplicit-comman=
d&gt;explicit
+  command&lt;/dfn&gt; mode. When the element is in the &lt;a href=3D#ind=
irect-command&gt;indirect command&lt;/a&gt; mode, the element
+  must not have any of the following attributes specified:
+   &lt;code title=3Dattr-menuitem-type&gt;&lt;a href=3D#attr-menuitem-ty=
pe&gt;type&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-menuitem-label&gt;&lt;a href=3D#attr-menuitem-l=
abel&gt;label&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-menuitem-icon&gt;&lt;a href=3D#attr-menuitem-ic=
on&gt;icon&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-menuitem-disabled&gt;&lt;a href=3D#attr-menuite=
m-disabled&gt;disabled&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-menuitem-checked&gt;&lt;a href=3D#attr-menuitem=
-checked&gt;checked&lt;/a&gt;&lt;/code&gt;,
+   &lt;code title=3Dattr-menuitem-radiogroup&gt;&lt;a href=3D#attr-menui=
tem-radiogroup&gt;radiogroup&lt;/a&gt;&lt;/code&gt;.
+  &lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Dattr-menuitem-type title=3Dattr-me=
nuitem-type&gt;&lt;code&gt;type&lt;/code&gt;&lt;/dfn&gt; attribute indica=
tes the kind of
+  command: either a normal command with an associated action, or a state=
 or option that can be
+  toggled, or a selection of one item from a list of items.&lt;/p&gt;
+
+  &lt;p&gt;The attribute is an &lt;a href=3D#enumerated-attribute&gt;enu=
merated attribute&lt;/a&gt; with three keywords and states. The &quot;&lt=
;dfn id=3Dattr-menuitem-type-keyword-command title=3Dattr-menuitem-type-k=
eyword-command&gt;&lt;code&gt;command&lt;/code&gt;&lt;/dfn&gt;&quot; keyw=
ord maps to the &lt;a href=3D#attr-menuitem-type-state-command title=3Dat=
tr-menuitem-type-state-command&gt;Command&lt;/a&gt; state, the &quot;&lt;=
dfn id=3Dattr-menuitem-type-keyword-checkbox title=3Dattr-menuitem-type-k=
eyword-checkbox&gt;&lt;code&gt;checkbox&lt;/code&gt;&lt;/dfn&gt;&quot; ke=
yword maps to the &lt;a href=3D#attr-menuitem-type-state-checkbox title=3D=
attr-menuitem-type-state-checkbox&gt;Checkbox&lt;/a&gt; state, and the &q=
uot;&lt;dfn id=3Dattr-menuitem-type-keyword-radio title=3Dattr-menuitem-t=
ype-keyword-radio&gt;&lt;code&gt;radio&lt;/code&gt;&lt;/dfn&gt;&quot; key=
word maps to the &lt;a href=3D#attr-menuitem-type-state-radio title=3Datt=
r-menuitem-type-state-radio&gt;Radio&lt;/a&gt; state. The &lt;i&gt;missin=
g value default&lt;/i&gt; is the
+  &lt;a href=3D#attr-menuitem-type-state-command title=3Dattr-menuitem-t=
ype-state-command&gt;Command&lt;/a&gt; state.&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;The &lt;dfn id=3Dattr-menuitem-type-state-command =
title=3Dattr-menuitem-type-state-command&gt;Command&lt;/dfn&gt; state&lt;=
/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The element &lt;a href=3D#represents&gt;represents=
&lt;/a&gt; a normal command with an associated action.&lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;dfn id=3Dattr-menuitem-type-state-checkbox title=3D=
attr-menuitem-type-state-checkbox&gt;Checkbox&lt;/dfn&gt; state&lt;/dt&gt=
;
+
+   &lt;dd&gt;&lt;p&gt;The element &lt;a href=3D#represents&gt;represents=
&lt;/a&gt; a state or option that can be toggled.&lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;dfn id=3Dattr-menuitem-type-state-radio title=3Datt=
r-menuitem-type-state-radio&gt;Radio&lt;/dfn&gt; state&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The element &lt;a href=3D#represents&gt;represents=
&lt;/a&gt; a selection of one item from a list of items.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;The &lt;dfn id=3Dattr-menuitem-label title=3Dattr-=
menuitem-label&gt;&lt;code&gt;label&lt;/code&gt;&lt;/dfn&gt; attribute gi=
ves the name of the
+  command, as shown to the user. The &lt;code title=3Dattr-menuitem-labe=
l&gt;&lt;a href=3D#attr-menuitem-label&gt;label&lt;/a&gt;&lt;/code&gt; at=
tribute must
+  be specified if the element is in the &lt;a href=3D#explicit-command&g=
t;explicit command&lt;/a&gt; mode. If the attribute is
+  specified, it must have a value that is not the empty string.&lt;/p&gt=
;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-menuitem-icon title=3Dattr-menuitem-ico=
n&gt;&lt;code&gt;icon&lt;/code&gt;&lt;/dfn&gt; attribute gives a picture =
that
+  represents the command. If the attribute is specified, the attribute's=
 value must contain a
+  &lt;a href=3D#valid-non-empty-url-potentially-surrounded-by-spaces&gt;=
valid non-empty URL potentially surrounded by spaces&lt;/a&gt;. &lt;span =
class=3Dimpl&gt;To obtain
+  the &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt; of the icon w=
hen the attribute's value is not the empty string, the
+  attribute's value must be &lt;a href=3D#resolve-a-url title=3D&quot;re=
solve a url&quot;&gt;resolved&lt;/a&gt; relative to the element.
+  When the attribute is absent, or its value is the empty string, or &lt=
;a href=3D#resolve-a-url title=3D&quot;resolve a
+  url&quot;&gt;resolving&lt;/a&gt; its value fails, there is no icon.&lt=
;/span&gt;&lt;/p&gt; &lt;!-- this is affected by the
+  base URL being changed, so users of this should cache the image once t=
hey've fetched it once, at
+  least until the relative url changes again --&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-menuitem-disabled title=3Dattr-menuitem=
-disabled&gt;&lt;code&gt;disabled&lt;/code&gt;&lt;/dfn&gt; attribute is a
+  &lt;a href=3D#boolean-attribute&gt;boolean attribute&lt;/a&gt; that, i=
f present, indicates that the command is not available in
+  the current state.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The distinction between &lt;code title=3Dattr-me=
nuitem-disabled&gt;&lt;a href=3D#attr-menuitem-disabled&gt;disabled&lt;/a=
&gt;&lt;/code&gt; and
+  &lt;code title=3Dattr-hidden&gt;&lt;a href=3D#the-hidden-attribute&gt;=
hidden&lt;/a&gt;&lt;/code&gt; is subtle. A command would be disabled if, =
in the same
+  context, it could be enabled if only certain aspects of the situation =
were changed. A command
+  would be marked as hidden if, in that situation, the command will neve=
r be enabled. For example,
+  in the context menu for a water faucet, the command &quot;open&quot; m=
ight be disabled if the faucet is
+  already open, but the command &quot;eat&quot; would be marked hidden s=
ince the faucet could never be
+  eaten.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-menuitem-checked title=3Dattr-menuitem-=
checked&gt;&lt;code&gt;checked&lt;/code&gt;&lt;/dfn&gt; attribute is a &l=
t;a href=3D#boolean-attribute&gt;boolean
+  attribute&lt;/a&gt; that, if present, indicates that the command is se=
lected. The attribute must be
+  omitted unless the &lt;code title=3Dattr-menuitem-type&gt;&lt;a href=3D=
#attr-menuitem-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in either=
 the &lt;a href=3D#attr-menuitem-type-state-checkbox title=3Dattr-menuite=
m-type-state-checkbox&gt;Checkbox&lt;/a&gt; state or the &lt;a href=3D#at=
tr-menuitem-type-state-radio title=3Dattr-menuitem-type-state-radio&gt;Ra=
dio&lt;/a&gt; state.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-menuitem-radiogroup title=3Dattr-menuit=
em-radiogroup&gt;&lt;code&gt;radiogroup&lt;/code&gt;&lt;/dfn&gt; attribut=
e gives the
+  name of the group of commands that will be toggled when the command it=
self is toggled, for
+  commands whose &lt;code title=3Dattr-menuitem-type&gt;&lt;a href=3D#at=
tr-menuitem-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute has the value &=
quot;&lt;code title=3D&quot;&quot;&gt;radio&lt;/code&gt;&quot;. The scope=
 of the name is the child list of the parent element. The
+  attribute must be omitted unless the &lt;code title=3Dattr-menuitem-ty=
pe&gt;&lt;a href=3D#attr-menuitem-type&gt;type&lt;/a&gt;&lt;/code&gt; att=
ribute is in
+  the &lt;a href=3D#attr-menuitem-type-state-radio title=3Dattr-menuitem=
-type-state-radio&gt;Radio&lt;/a&gt; state. When specified, the
+  attribute's value must be a non-empty string.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;If a &lt;code&gt;&lt;a href=3D#the-menuitem-element=
&gt;menuitem&lt;/a&gt;&lt;/code&gt; element &lt;var title=3D&quot;&quot;&=
gt;slave&lt;/var&gt; has a &lt;dfn id=3Dattr-menuitem-command title=3Datt=
r-menuitem-command&gt;&lt;code&gt;command&lt;/code&gt;&lt;/dfn&gt; attrib=
ute, and there is an element in
+  &lt;var title=3D&quot;&quot;&gt;slave&lt;/var&gt;'s &lt;a href=3D#home=
-subtree&gt;home subtree&lt;/a&gt; whose &lt;a href=3D#concept-id title=3D=
concept-id&gt;ID&lt;/a&gt; has
+  a value equal to the value of &lt;var title=3D&quot;&quot;&gt;slave&lt=
;/var&gt;'s &lt;code title=3Dattr-menuitem-command&gt;&lt;a href=3D#attr-=
menuitem-command&gt;command&lt;/a&gt;&lt;/code&gt; attribute, and the fir=
st such element in &lt;a href=3D#tree-order&gt;tree
+  order&lt;/a&gt;, hereafter &lt;var title=3D&quot;&quot;&gt;master&lt;/=
var&gt;, itself &lt;a href=3D#concept-command title=3Dconcept-command&gt;=
defines a
+  command&lt;/a&gt; and either is not a &lt;code&gt;&lt;a href=3D#the-me=
nuitem-element&gt;menuitem&lt;/a&gt;&lt;/code&gt; element or does not its=
elf have a &lt;code title=3Dattr-menuitem-command&gt;&lt;a href=3D#attr-m=
enuitem-command&gt;command&lt;/a&gt;&lt;/code&gt; attribute, then the &lt=
;dfn id=3Dmaster-command&gt;master command&lt;/dfn&gt; of &lt;var title=3D=
&quot;&quot;&gt;slave&lt;/var&gt; is &lt;var title=3D&quot;&quot;&gt;mast=
er&lt;/var&gt;.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-menuitem-element&gt;menuitem&=
lt;/a&gt;&lt;/code&gt; element with a &lt;code title=3Dattr-menuitem-comm=
and&gt;&lt;a href=3D#attr-menuitem-command&gt;command&lt;/a&gt;&lt;/code&=
gt;
+  attribute must have a &lt;a href=3D#master-command&gt;master command&l=
t;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This effectively defines the syntax of the attri=
bute's value as being the ID of
+  another element that &lt;a href=3D#concept-command title=3Dconcept-com=
mand&gt;defines a command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Dattr-menuitem-title title=3Dattr-m=
enuitem-title&gt;&lt;code&gt;title&lt;/code&gt;&lt;/dfn&gt; attribute giv=
es a hint describing
+  the command, which might be shown to the user to help him.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-menuitem-default title=3Dattr-menuitem-=
default&gt;&lt;code&gt;default&lt;/code&gt;&lt;/dfn&gt; attribute indicat=
es, if
+  present, that the command is the one that would have been invoked if t=
he user had directly
+  activated the menu's subject instead of using the menu. The &lt;code t=
itle=3Dattr-menuitem-default&gt;&lt;a href=3D#attr-menuitem-default&gt;de=
fault&lt;/a&gt;&lt;/code&gt; attribute is a &lt;a href=3D#boolean-attribu=
te&gt;boolean attribute&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this trivial example, a submit button is given a context =
menu that has two options, one to
+   reset the form, and one to submit the form. The submit command is mar=
ked as being the default.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;form action=3D&quot;dosearch.pl&quot;&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Enter search terms: &amp;lt;input=
 type=3D&quot;text&quot; name=3D&quot;terms&quot;&amp;gt;&amp;lt;/label&a=
mp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;input type=3Dsubmit contextmenu=3Dformmenu id=3D=
&quot;submitbutton&quot;&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p hidden&amp;gt;&amp;lt;input type=3Dreset id=3D&quot;resetbutt=
on&quot;&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;menu type=3Dpopup id=3Dformmenu&amp;gt;
+  &amp;lt;menuitem command=3D&quot;submitbutton&quot; default&amp;gt;
+  &amp;lt;menuitem command=3D&quot;resetbutton&quot;&amp;gt;
+ &amp;lt;/menu&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-menuitem-type title=3Ddom-menu=
item-type&gt;&lt;code&gt;type&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content attribute of th=
e same name, &lt;a href=3D#limited-to-only-known-values&gt;limited to onl=
y known
+  values&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-menuitem-label title=3Ddom-menuitem-labe=
l&gt;&lt;code&gt;label&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-menuite=
m-icon title=3Ddom-menuitem-icon&gt;&lt;code&gt;icon&lt;/code&gt;&lt;/dfn=
&gt;, &lt;dfn id=3Ddom-menuitem-disabled title=3Ddom-menuitem-disabled&gt=
;&lt;code&gt;disabled&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-menuitem=
-checked title=3Ddom-menuitem-checked&gt;&lt;code&gt;checked&lt;/code&gt;=
&lt;/dfn&gt;, and &lt;dfn id=3Ddom-menuitem-radiogroup title=3Ddom-menuit=
em-radiogroup&gt;&lt;code&gt;radiogroup&lt;/code&gt;&lt;/dfn&gt;, and &lt=
;dfn id=3Ddom-menuitem-default title=3Ddom-menuitem-default&gt;&lt;code&g=
t;default&lt;/code&gt;&lt;/dfn&gt; IDL attributes must &lt;a href=3D#refl=
ect&gt;reflect&lt;/a&gt;
+  the respective content attributes of the same name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-menuitem-command title=3Ddom-menuitem-co=
mmand&gt;&lt;code&gt;command&lt;/code&gt;&lt;/dfn&gt; IDL attribute must =
return the
+  &lt;a href=3D#master-command&gt;master command&lt;/a&gt;, if any, or n=
ull otherwise.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;If the element's &lt;a href=3D#command-facet-disabl=
edstate title=3Dcommand-facet-DisabledState&gt;Disabled State&lt;/a&gt; i=
s false
+  (enabled) then the element's &lt;a href=3D#activation-behavior&gt;acti=
vation behavior&lt;/a&gt; depends on the element's &lt;code title=3Dattr-=
menuitem-type&gt;&lt;a href=3D#attr-menuitem-type&gt;type&lt;/a&gt;&lt;/c=
ode&gt; and &lt;code title=3Dattr-menuitem-command&gt;&lt;a href=3D#attr-=
menuitem-command&gt;command&lt;/a&gt;&lt;/code&gt;
+  attributes, as follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the element has a &lt;a href=3D#=
master-command&gt;master command&lt;/a&gt; set by its &lt;code title=3Dat=
tr-menuitem-command&gt;&lt;a href=3D#attr-menuitem-command&gt;command&lt;=
/a&gt;&lt;/code&gt; attribute&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The user agent must &lt;a href=3D#run-synthetic-cl=
ick-activation-steps&gt;run synthetic click activation steps&lt;/a&gt; on=
 the element's
+   &lt;a href=3D#master-command&gt;master command&lt;/a&gt;.&lt;/dd&gt;
+   &lt;!-- we know it has a defined &lt;span&gt;activation behavior&lt;/=
span&gt; if we get here --&gt;
+
+
+   &lt;dt&gt;If the &lt;code title=3Dattr-menuitem-type&gt;&lt;a href=3D=
#attr-menuitem-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the &l=
t;a href=3D#attr-menuitem-type-state-checkbox title=3Dattr-menuitem-type-=
state-checkbox&gt;Checkbox&lt;/a&gt; state&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;If the element has a &lt;code title=3Dattr-menuite=
m-checked&gt;&lt;a href=3D#attr-menuitem-checked&gt;checked&lt;/a&gt;&lt;=
/code&gt; attribute, the UA
+   must remove that attribute. Otherwise, the UA must add a &lt;code tit=
le=3Dattr-menuitem-checked&gt;&lt;a href=3D#attr-menuitem-checked&gt;chec=
ked&lt;/a&gt;&lt;/code&gt; attribute, with the literal value &lt;code tit=
le=3D&quot;&quot;&gt;checked&lt;/code&gt;.&lt;/dd&gt;
+
+
+   &lt;dt&gt;If the &lt;code title=3Dattr-menuitem-type&gt;&lt;a href=3D=
#attr-menuitem-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the &l=
t;a href=3D#attr-menuitem-type-state-radio title=3Dattr-menuitem-type-sta=
te-radio&gt;Radio&lt;/a&gt; state&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;If the element has a parent, then the UA must walk=
 the list of child nodes of that parent
+   element, and for each node that is a &lt;code&gt;&lt;a href=3D#the-me=
nuitem-element&gt;menuitem&lt;/a&gt;&lt;/code&gt; element, if that elemen=
t has a &lt;code title=3Dattr-menuitem-radiogroup&gt;&lt;a href=3D#attr-m=
enuitem-radiogroup&gt;radiogroup&lt;/a&gt;&lt;/code&gt; attribute whose v=
alue exactly matches the
+   current element's (treating missing &lt;code title=3Dattr-menuitem-ra=
diogroup&gt;&lt;a href=3D#attr-menuitem-radiogroup&gt;radiogroup&lt;/a&gt=
;&lt;/code&gt;
+   attributes as if they were the empty string), and has a &lt;code titl=
e=3Dattr-menuitem-checked&gt;&lt;a href=3D#attr-menuitem-checked&gt;check=
ed&lt;/a&gt;&lt;/code&gt; attribute, must remove that attribute.&lt;/p&gt=
;
+
+   &lt;p&gt;Then, the element's &lt;code title=3Dattr-menuitem-checked&g=
t;&lt;a href=3D#attr-menuitem-checked&gt;checked&lt;/a&gt;&lt;/code&gt; a=
ttribute must be set
+   to the literal value &lt;code title=3D&quot;&quot;&gt;checked&lt;/cod=
e&gt;.&lt;/dd&gt;
+
+
+   &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The element's &lt;a href=3D#activation-behavior&gt=
;activation behavior&lt;/a&gt; is to do nothing.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p class=3Dnote&gt;Firing a synthetic &lt;code title=3De=
vent-click&gt;&lt;a href=3D#event-click&gt;click&lt;/a&gt;&lt;/code&gt; e=
vent at the element
+  does not cause any of the actions described above to happen.&lt;/p&gt;
+
+  &lt;!-- v2COMMAND: Expose the Triggers facet again. --&gt;
+
+  &lt;p&gt;If the element's &lt;a href=3D#command-facet-disabledstate ti=
tle=3Dcommand-facet-DisabledState&gt;Disabled State&lt;/a&gt; is true
+  (disabled) then the element has no &lt;a href=3D#activation-behavior&g=
t;activation behavior&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code&gt;&lt;a href=3D#the-menuitem-eleme=
nt&gt;menuitem&lt;/a&gt;&lt;/code&gt; element is not rendered except as &=
lt;a href=3D#the-menu-element title=3Dmenu&gt;part of a popup menu&lt;/a&=
gt;.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here is an example of a pop-up menu button with three option=
s that let the user toggle between
+   left, center, and right alignment. One could imagine such a toolbar a=
s part of a text editor. The
+   menu also has a separator followed by another menu item labeled &quot=
;Publish&quot;, though that menu item
+   is disabled.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;button type=3Dmenu menu=3Deditmenu&amp;gt;Commands=
...&amp;lt;/button&amp;gt;
+&amp;lt;menu type=3D&quot;popup&quot; id=3D&quot;editmenu&quot;&amp;gt;
+ &amp;lt;menuitem type=3D&quot;radio&quot; radiogroup=3D&quot;alignment&=
quot; checked=3D&quot;checked&quot;
+          label=3D&quot;Left&quot; icon=3D&quot;icons/alL.png&quot; oncl=
ick=3D&quot;setAlign('left')&quot;&amp;gt;
+ &amp;lt;menuitem type=3D&quot;radio&quot; radiogroup=3D&quot;alignment&=
quot;
+          label=3D&quot;Center&quot; icon=3D&quot;icons/alC.png&quot; on=
click=3D&quot;setAlign('center')&quot;&amp;gt;
+ &amp;lt;menuitem type=3D&quot;radio&quot; radiogroup=3D&quot;alignment&=
quot;
+          label=3D&quot;Right&quot; icon=3D&quot;icons/alR.png&quot; onc=
lick=3D&quot;setAlign('right')&quot;&amp;gt;
+ &amp;lt;hr&amp;gt;
+ &amp;lt;menuitem type=3D&quot;command&quot; disabled
+          label=3D&quot;Publish&quot; icon=3D&quot;icons/pub.png&quot; o=
nclick=3D&quot;publish()&quot;&amp;gt;
+&amp;lt;/menu&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dcontext-menus&gt;&lt;span class=3Dsecno&gt;4.11.5 &lt;/spa=
n&gt;Context menus&lt;/h4&gt;
+
+  &lt;h5 id=3Ddeclaring-a-context-menu&gt;&lt;span class=3Dsecno&gt;4.11=
.5.1 &lt;/span&gt;Declaring a context menu&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-contextmenu title=3Dattr-contextmenu&gt=
;&lt;code&gt;contextmenu&lt;/code&gt;&lt;/dfn&gt; attribute gives the ele=
ment's
+  context menu. The value must be the &lt;a href=3D#concept-id title=3Dc=
oncept-id&gt;ID&lt;/a&gt; of a &lt;code&gt;&lt;a href=3D#the-menu-element=
&gt;menu&lt;/a&gt;&lt;/code&gt;
+  element in the same &lt;a href=3D#home-subtree&gt;home subtree&lt;/a&g=
t; whose &lt;code title=3Dattr-menu-type&gt;&lt;a href=3D#attr-menu-type&=
gt;type&lt;/a&gt;&lt;/code&gt;
+  attribute is in the &lt;a href=3D#popup-menu-state title=3D&quot;popup=
 menu state&quot;&gt;popup menu&lt;/a&gt; state.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;When a user right-clicks on an element with a &l=
t;code title=3Dattr-contextmenu&gt;&lt;a href=3D#attr-contextmenu&gt;cont=
extmenu&lt;/a&gt;&lt;/code&gt; attribute, the user agent will first fire =
a &lt;code title=3Devent-contextmenu&gt;contextmenu&lt;/code&gt; event at=
 the element, and then, if that event is not
+  canceled, a &lt;code title=3Devent-show&gt;show&lt;/code&gt; event at =
the &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&lt;/a&gt;&lt;/code=
&gt; element.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here is an example of a context menu for an input control:&l=
t;/p&gt;
+
+   &lt;pre&gt;&amp;lt;form name=3D&quot;npc&quot;&amp;gt;
+ &amp;lt;label&amp;gt;Character name: &amp;lt;input name=3Dchar type=3Dt=
ext contextmenu=3Dnamemenu required&amp;gt;&amp;lt;/label&amp;gt;
+ &amp;lt;menu type=3Dpopup id=3Dnamemenu&amp;gt;
+  &amp;lt;menuitem label=3D&quot;Pick random name&quot; onclick=3D&quot;=
document.forms.npc.elements.char.value =3D getRandomName()&quot;&amp;gt;
+  &amp;lt;menuitem label=3D&quot;Prefill other fields based on name&quot=
; onclick=3D&quot;prefillFields(document.forms.npc.elements.char.value)&q=
uot;&amp;gt;
+ &amp;lt;/menu&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;This adds two items to the control's context menu, one calle=
d &quot;Pick random name&quot;, and one
+   called &quot;Prefill other fields based on name&quot;. They invoke sc=
ripts that are not shown in the
+   example above.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dprocessing-model-2&gt;&lt;span class=3Dsecno&gt;4.11.5.2 &=
lt;/span&gt;Processing model&lt;/h5&gt;
+
+  &lt;p&gt;Each element has an &lt;dfn id=3Dassigned-context-menu&gt;ass=
igned context menu&lt;/dfn&gt;, which can be null. If an element &lt;var =
title=3D&quot;&quot;&gt;A&lt;/var&gt; has a &lt;code title=3Dattr-context=
menu&gt;&lt;a href=3D#attr-contextmenu&gt;contextmenu&lt;/a&gt;&lt;/code&=
gt; attribute, and there is
+  an element with the ID given by &lt;var title=3D&quot;&quot;&gt;A&lt;/=
var&gt;'s &lt;code title=3Dattr-contextmenu&gt;&lt;a href=3D#attr-context=
menu&gt;contextmenu&lt;/a&gt;&lt;/code&gt; attribute's value in &lt;var t=
itle=3D&quot;&quot;&gt;A&lt;/var&gt;'s
+  &lt;a href=3D#home-subtree&gt;home subtree&lt;/a&gt;, and the first su=
ch element in &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt; is a
+  &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&lt;/a&gt;&lt;/code&=
gt; element whose &lt;code title=3Dattr-menu-type&gt;&lt;a href=3D#attr-m=
enu-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D=
#popup-menu-state title=3D&quot;popup menu state&quot;&gt;popup menu&lt;/=
a&gt; state, then &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt;'s &lt;a h=
ref=3D#assigned-context-menu&gt;assigned
+  context menu&lt;/a&gt; is that element. Otherwise, if &lt;var title=3D=
&quot;&quot;&gt;A&lt;/var&gt; has a parent element,
+  then &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt;'s &lt;a href=3D#ass=
igned-context-menu&gt;assigned context menu&lt;/a&gt; is the &lt;a href=3D=
#assigned-context-menu&gt;assigned context
+  menu&lt;/a&gt; of its parent element. Otherwise, &lt;var title=3D&quot=
;&quot;&gt;A&lt;/var&gt;'s &lt;a href=3D#assigned-context-menu&gt;assigne=
d context
+  menu&lt;/a&gt; is null.&lt;/p&gt;
+
+  &lt;p&gt;When an element's context menu is requested (e.g. by the user=
 right-clicking the element, or
+  pressing a context menu key), the user agent must apply the appropriat=
e rules from the following
+  list:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the user requested a context men=
u using a pointing device&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The user agent must &lt;a href=3D#concept-event-fi=
re title=3Dconcept-event-fire&gt;fire&lt;/a&gt; a &lt;a href=3D#concept-e=
vents-trusted title=3Dconcept-events-trusted&gt;trusted&lt;/a&gt; event w=
ith the name &lt;code title=3Devent-contextmenu&gt;contextmenu&lt;/code&g=
t;, that bubbles and is cancelable, and that uses the
+   &lt;code&gt;&lt;a href=3D#mouseevent&gt;MouseEvent&lt;/a&gt;&lt;/code=
&gt; interface, at the element for which the menu was requested. The cont=
ext
+   information of the event must be initialized to the same values as th=
e last
+   &lt;code&gt;&lt;a href=3D#mouseevent&gt;MouseEvent&lt;/a&gt;&lt;/code=
&gt; user interaction event that was fired as part of the gesture that wa=
s
+   interpreted as a request for the context menu.&lt;/dd&gt;
+
+   &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The user agent must &lt;a href=3D#fire-a-synthetic=
-mouse-event title=3D&quot;fire a synthetic mouse event&quot;&gt;fire a s=
ynthetic mouse
+   event named &lt;code title=3Devent-contextmenu&gt;contextmenu&lt;/cod=
e&gt;&lt;/a&gt; that bubbles and is
+   cancelable at the element for which the menu was requested.&lt;/dd&gt=
;
+
+  &lt;/dl&gt;&lt;p class=3Dnote&gt;Typically, therefore, the firing of t=
he &lt;code title=3Devent-contextmenu&gt;contextmenu&lt;/code&gt; event w=
ill be the default action of a &lt;code title=3Dmouseup&gt;mouseup&lt;/co=
de&gt; or &lt;code title=3Devent-keyup&gt;keyup&lt;/code&gt; event. The e=
xact sequence
+  of events is UA-dependent, as it will vary based on platform conventio=
ns.&lt;/p&gt;
+
+  &lt;p&gt;The default action of the &lt;code title=3Devent-contextmenu&=
gt;contextmenu&lt;/code&gt; event depends on
+  whether or not the element for which the menu was requested has a non-=
null &lt;a href=3D#assigned-context-menu&gt;assigned context
+  menu&lt;/a&gt; when the event dispatch has completed, as follows.&lt;/=
p&gt;
+
+  &lt;p&gt;If the &lt;a href=3D#assigned-context-menu&gt;assigned contex=
t menu&lt;/a&gt; of the element for which the menu was requested is
+  null, the default action must be for the user agent to show its defaul=
t context menu, if it has
+  one.&lt;/p&gt;
+
+  &lt;p&gt;Otherwise, let &lt;var title=3D&quot;&quot;&gt;subject&lt;/va=
r&gt; be the element for which the menu was requested, and
+  let &lt;var title=3D&quot;&quot;&gt;menu&lt;/var&gt; be the &lt;a href=
=3D#assigned-context-menu&gt;assigned context menu&lt;/a&gt; of &lt;var t=
itle=3D&quot;&quot;&gt;target&lt;/var&gt; immediately after the &lt;code =
title=3Devent-contextmenu&gt;contextmenu&lt;/code&gt;
+  event's dispatch has completed. The user agent must &lt;a href=3D#conc=
ept-event-fire title=3Dconcept-event-fire&gt;fire&lt;/a&gt; a
+  &lt;a href=3D#concept-events-trusted title=3Dconcept-events-trusted&gt=
;trusted&lt;/a&gt; event with the name &lt;code title=3Devent-show&gt;sho=
w&lt;/code&gt; at &lt;var title=3D&quot;&quot;&gt;menu&lt;/var&gt;, using=
 the &lt;code&gt;&lt;a href=3D#relatedevent&gt;RelatedEvent&lt;/a&gt;&lt;=
/code&gt;
+  interface, with the &lt;code title=3Ddom-RelatedEvent-relatedTarget&gt=
;&lt;a href=3D#dom-relatedevent-relatedtarget&gt;relatedTarget&lt;/a&gt;&=
lt;/code&gt; attribute
+  initialized to &lt;var title=3D&quot;&quot;&gt;subject&lt;/var&gt;. Th=
e event must be cancelable. &lt;!-- v2: include
+  modifier key information --&gt;&lt;/p&gt;
+
+  &lt;p&gt;If &lt;em&gt;this&lt;/em&gt; event (the &lt;code title=3Deven=
t-show&gt;show&lt;/code&gt; event) is not canceled, then
+  the user agent must &lt;a href=3D#construct-and-show-a-menu title=3D&q=
uot;construct and show a menu&quot;&gt;construct and show&lt;/a&gt; the m=
enu for
+  &lt;var title=3D&quot;&quot;&gt;menu&lt;/var&gt; with &lt;var title=3D=
&quot;&quot;&gt;subject&lt;/var&gt; as the subject.&lt;/p&gt;
+
+  &lt;p&gt;The user agent may also provide access to its default context=
 menu, if any, with the context
+  menu shown. For example, it could merge the menu items from the two me=
nus together, or provide the
+  page's context menu as a submenu of the default menu. In general, user=
 agents are encouraged to
+  de-emphasize their own contextual menu items, so as to give the author=
's context menu the
+  appearance of legitimacy &amp;mdash; to allow documents to feel like &=
quot;applications&quot; rather than &quot;mere
+  Web pages&quot;.&lt;/p&gt;
+
+  &lt;p&gt;User agents may provide means for bypassing the context menu =
processing model, ensuring that
+  the user can always access the UA's default context menus. For example=
, the user agent could
+  handle right-clicks that have the Shift key depressed in such a way th=
at it does not fire the
+  &lt;code title=3Devent-contextmenu&gt;contextmenu&lt;/code&gt; event a=
nd instead always shows the default
+  context menu.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-contextmenu title=3Ddom-contex=
tMenu&gt;&lt;code&gt;contextMenu&lt;/code&gt;&lt;/dfn&gt; IDL attribute m=
ust
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-c=
ontextmenu&gt;&lt;a href=3D#attr-contextmenu&gt;contextmenu&lt;/a&gt;&lt;=
/code&gt; content attribute.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this example, an image of cats is given a context menu wi=
th four possible commands:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;img src=3D&quot;cats.jpeg&quot; alt=3D&quot;Cats&q=
uot; contextmenu=3Dcatsmenu&amp;gt;
+&amp;lt;menu type=3D&quot;popup&quot; id=3D&quot;catsmenu&quot;&amp;gt;
+ &amp;lt;menuitem label=3D&quot;Pet the kittens&quot; onclick=3D&quot;ki=
ttens.pet()&quot;&amp;gt;
+ &amp;lt;menuitem label=3D&quot;Cuddle with the kittens&quot; onclick=3D=
&quot;kittens.cuddle()&quot;&amp;gt;
+ &amp;lt;menu label=3D&quot;Feed the kittens&quot;&amp;gt;&lt;!-- note: =
contents of this submenu aren't visible in the pictures below --&gt;
+  &amp;lt;menuitem label=3D&quot;Fish&quot; onclick=3D&quot;kittens.feed=
(fish)&quot;&amp;gt;
+  &amp;lt;menuitem label=3D&quot;Chicken&quot; onclick=3D&quot;kittens.f=
eed(chicken)&quot;&amp;gt;
+ &amp;lt;/menu&amp;gt;
+&amp;lt;/menu&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;When a user of a mouse-operated visual Web browser right-cli=
cks on the image, the browser
+   might pop up a context menu like this:&lt;/p&gt;
+
+   &lt;p&gt;&lt;img src=3Dhttp://images.whatwg.org/contextmenu-collapsed=
.png alt=3D&quot;A context menu, shown over a picture of cats, with four =
lines: the first two offering the menu items described in the markup abov=
e ('Pet the kittens' and 'Cuddle with the kittens'), the third giving a s=
ubmenu labeled 'Feed the kittens', and the fourth, after a horizontal spl=
itter, consisting of only a downwards-pointing disclosure triangle.&quot;=
&gt;&lt;p&gt;When the user clicks the disclosure triangle, such a user ag=
ent would expand the context menu
+   in place, to show the browser's own commands:&lt;/p&gt;
+
+   &lt;p&gt;&lt;img src=3Dhttp://images.whatwg.org/contextmenu-expanded.=
png alt=3D&quot;This would result in the same basic interface, but with a=
 longer menu; the disclosure triangle having been replaced by items such =
as 'View Image', 'Copy Image', 'Copy Image Location', and so forth.&quot;=
&gt;&lt;/div&gt;
+
+
+  &lt;h5 id=3Devent-definitions-0&gt;&lt;span class=3Dsecno&gt;4.11.5.3 =
&lt;/span&gt;Event definitions&lt;/h5&gt;
+
+  &lt;pre class=3Didl&gt;[Constructor(DOMString type, optional &lt;a hre=
f=3D#relatedeventinit&gt;RelatedEventInit&lt;/a&gt; eventInitDict)]
+interface &lt;dfn id=3Drelatedevent&gt;RelatedEvent&lt;/dfn&gt; : &lt;a =
href=3D#event&gt;Event&lt;/a&gt; {
+  readonly attribute &lt;a href=3D#eventtarget&gt;EventTarget&lt;/a&gt;?=
 &lt;a href=3D#dom-relatedevent-relatedtarget title=3Ddom-RelatedEvent-re=
latedTarget&gt;relatedTarget&lt;/a&gt;;
+};
+
+dictionary &lt;dfn id=3Drelatedeventinit&gt;RelatedEventInit&lt;/dfn&gt;=
 : &lt;a href=3D#eventinit&gt;EventInit&lt;/a&gt; {
+  &lt;a href=3D#eventtarget&gt;EventTarget&lt;/a&gt;? relatedTarget;
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;e=
vent&lt;/var&gt; . &lt;code title=3Ddom-RelatedEvent-relatedTarget&gt;&lt=
;a href=3D#dom-relatedevent-relatedtarget&gt;relatedTarget&lt;/a&gt;&lt;/=
code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the other event target involved in this event. For =
example, when a &lt;code title=3Devent-show&gt;show&lt;/code&gt; event fi=
res on a &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&lt;/a&gt;&lt;=
/code&gt; element, the other event
+    target involved in the event would be the element for which the menu=
 is being shown.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-relatedevent-relatedtarget title=3Ddom-R=
elatedEvent-relatedTarget&gt;&lt;code&gt;relatedTarget&lt;/code&gt;&lt;/d=
fn&gt; attribute must
+  return the value it was initialized to. When the object is created, th=
is attribute must be
+  initialized to null. It represents the other event target that is rela=
ted to the event.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+
+  &lt;h4 id=3Dcommands&gt;&lt;span class=3Dsecno&gt;4.11.6 &lt;/span&gt;=
Commands&lt;/h4&gt;
+
+  &lt;h5 id=3Dfacets-0&gt;&lt;span class=3Dsecno&gt;4.11.6.1 &lt;/span&g=
t;Facets&lt;/h5&gt;
+
+  &lt;p&gt;A &lt;dfn id=3Dconcept-command title=3Dconcept-command&gt;com=
mand&lt;/dfn&gt; is the abstraction behind menu items, buttons, and
+  links. Once a command is defined, other parts of the interface can ref=
er to the same command,
+  allowing many access points to a single feature to share facets such a=
s the &lt;a href=3D#command-facet-disabledstate title=3Dcommand-facet-Dis=
abledState&gt;Disabled State&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p id=3Dfacets&gt;Commands are defined to have the following &lt;df=
n id=3Dconcept-facet title=3Dconcept-facet&gt;facets&lt;/dfn&gt;:&lt;/p&g=
t;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dcommand-facet-type title=3Dcommand-fa=
cet-Type&gt;Type&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;The kind of command: &quot;command&quot;, meaning it is a n=
ormal command; &quot;radio&quot;, meaning that
+   triggering the command will, amongst other things, set the &lt;a href=
=3D#command-facet-checkedstate title=3Dcommand-facet-CheckedState&gt;Chec=
ked State&lt;/a&gt; to true (and probably uncheck some other
+   commands); or &quot;checkbox&quot;, meaning that triggering the comma=
nd will, amongst other things, toggle
+   the value of the &lt;a href=3D#command-facet-checkedstate title=3Dcom=
mand-facet-CheckedState&gt;Checked State&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dcommand-facet-id title=3Dcommand-facet-ID&gt;I=
D&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;The name of the command, for referring to the command from =
the markup or from script. If a
+   command has no ID, it is an &lt;dfn id=3Danonymous-command&gt;anonymo=
us command&lt;/dfn&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dcommand-facet-label title=3Dcommand-facet-Labe=
l&gt;Label&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;The name of the command as seen by the user.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dcommand-facet-hint title=3Dcommand-facet-Hint&=
gt;Hint&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;A helpful or descriptive string that can be shown to the us=
er.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dcommand-facet-icon title=3Dcommand-facet-Icon&=
gt;Icon&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;An &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt; ide=
ntifying a graphical image that represents the action. A
+   command might not have an Icon.&lt;/dd&gt; &lt;!-- changing base URLs=
 might change the icon --&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dcommand-facet-accesskey title=3Dcommand-facet-=
AccessKey&gt;Access Key&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;A key combination selected by the user agent that triggers =
the command. A command might not
+   have an Access Key.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dcommand-facet-hiddenstate title=3Dcommand-face=
t-HiddenState&gt;Hidden State&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;Whether the command is hidden or not (basically, whether it=
 should be shown in menus).&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dcommand-facet-disabledstate title=3Dcommand-fa=
cet-DisabledState&gt;Disabled State&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;Whether the command is relevant and can be triggered or not=
.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dcommand-facet-checkedstate title=3Dcommand-fac=
et-CheckedState&gt;Checked State&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;Whether the command is checked or not.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dcommand-facet-action title=3Dcommand-facet-Act=
ion&gt;Action&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;The actual effect that triggering the command will have. Th=
is could be a scripted event
+   handler, a &lt;a href=3D#url&gt;URL&lt;/a&gt; to which to &lt;a href=3D=
#navigate&gt;navigate&lt;/a&gt;, or a form submission.&lt;/dd&gt;
+
+&lt;!-- v2COMMAND
+   &lt;dt&gt;&lt;dfn title=3D&quot;command-facet-Triggers&quot;&gt;Trigg=
ers&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;The list of elements that can trigger the command. The elem=
ent defining a command is always
+   in the list of elements that can trigger the command. For anonymous c=
ommands, only the element
+   defining the command is on the list, since other elements have no way=
 to refer to it.&lt;/dd&gt;
+--&gt;
+
+  &lt;/dl&gt;&lt;!--TOPIC:DOM APIs--&gt;&lt;p&gt;These facets are expose=
d on elements using the &lt;dfn id=3Dcommand-api&gt;command API&lt;/dfn&g=
t;:&lt;/p&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;e=
lement&lt;/var&gt; . &lt;code title=3Ddom-command-ro-commandType&gt;&lt;a=
 href=3D#dom-command-ro-commandtype&gt;commandType&lt;/a&gt;&lt;/code&gt;=
&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Exposes the &lt;a href=3D#command-facet-type title=3Dcomman=
d-facet-Type&gt;Type&lt;/a&gt; facet of the command.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-Element-id&gt;&lt;a href=3D#dom-element-id&gt;id&lt;/a&gt=
;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Exposes the &lt;a href=3D#command-facet-id title=3Dcommand-=
facet-ID&gt;ID&lt;/a&gt; facet of the command.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-command-ro-commandLabel&gt;&lt;a href=3D#dom-command-ro-c=
ommandlabel&gt;commandLabel&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Exposes the &lt;a href=3D#command-facet-label title=3Dcomma=
nd-facet-Label&gt;Label&lt;/a&gt; facet of the command.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-title&gt;&lt;a href=3D#dom-title&gt;title&lt;/a&gt;&lt;/c=
ode&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Exposes the &lt;a href=3D#command-facet-hint title=3Dcomman=
d-facet-Hint&gt;Hint&lt;/a&gt; facet of the command.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-command-ro-commandIcon&gt;&lt;a href=3D#dom-command-ro-co=
mmandicon&gt;commandIcon&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Exposes the &lt;a href=3D#command-facet-icon title=3Dcomman=
d-facet-Icon&gt;Icon&lt;/a&gt; facet of the command.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-accessKeyLabel&gt;&lt;a href=3D#dom-accesskeylabel&gt;acc=
essKeyLabel&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Exposes the &lt;a href=3D#command-facet-accesskey title=3Dc=
ommand-facet-AccessKey&gt;Access Key&lt;/a&gt; facet of the command.&lt;/=
p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-command-ro-commandHidden&gt;&lt;a href=3D#dom-command-ro-=
commandhidden&gt;commandHidden&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Exposes the &lt;a href=3D#command-facet-hiddenstate title=3D=
command-facet-HiddenState&gt;Hidden State&lt;/a&gt; facet of the command.=
&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-command-ro-commandDisabled&gt;&lt;a href=3D#dom-command-r=
o-commanddisabled&gt;commandDisabled&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Exposes the &lt;a href=3D#command-facet-disabledstate title=
=3Dcommand-facet-DisabledState&gt;Disabled State&lt;/a&gt; facet of the c=
ommand.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-command-ro-commandChecked&gt;&lt;a href=3D#dom-command-ro=
-commandchecked&gt;commandChecked&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Exposes the &lt;a href=3D#command-facet-checkedstate title=3D=
command-facet-CheckedState&gt;Checked State&lt;/a&gt; facet of the comman=
d.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-click&gt;&lt;a href=3D#dom-click&gt;click&lt;/a&gt;&lt;/c=
ode&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Triggers the &lt;a href=3D#command-facet-action title=3Dcom=
mand-facet-Action&gt;Action&lt;/a&gt; of the command.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+&lt;!--v2COMMAND
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3D&quot;dom-command-ro-commandTriggers&quot;&gt;commandTriggers=
&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Exposes the &lt;span title=3D&quot;command-facet-Triggers&q=
uot;&gt;Triggers&lt;/span&gt; facet of the command.&lt;/p&gt;
+
+   &lt;/dd&gt;
+--&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-command-ro-commandtype title=3Ddom-comma=
nd-ro-commandType&gt;&lt;code&gt;commandType&lt;/code&gt;&lt;/dfn&gt; att=
ribute must
+  return a string whose value is either &quot;&lt;code title=3D&quot;&qu=
ot;&gt;command&lt;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt=
;radio&lt;/code&gt;&quot;, or &quot;&lt;code title=3D&quot;&quot;&gt;chec=
kbox&lt;/code&gt;&quot;, depending on whether the &lt;a href=3D#command-f=
acet-type title=3Dcommand-facet-Type&gt;Type&lt;/a&gt; of the command def=
ined by the element is &quot;command&quot;,
+  &quot;radio&quot;, or &quot;checkbox&quot; respectively. If the elemen=
t does not define a command, it must return
+  null.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-command-ro-commandlabel title=3Ddom-comm=
and-ro-commandLabel&gt;&lt;code&gt;commandLabel&lt;/code&gt;&lt;/dfn&gt; =
attribute must
+  return the command's &lt;a href=3D#command-facet-label title=3Dcommand=
-facet-Label&gt;Label&lt;/a&gt;, or null if the element does
+  not define a command or does not specify a &lt;a href=3D#command-facet=
-label title=3Dcommand-facet-Label&gt;Label&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-command-ro-commandicon title=3Ddom-comma=
nd-ro-commandIcon&gt;&lt;code&gt;commandIcon&lt;/code&gt;&lt;/dfn&gt; att=
ribute must
+  return the &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt; of the=
 command's &lt;a href=3D#command-facet-icon title=3Dcommand-facet-Icon&gt=
;Icon&lt;/a&gt;. If the element does not specify an icon, or if the eleme=
nt
+  does not define a command, then the attribute must return null.&lt;/p&=
gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-command-ro-commandhidden title=3Ddom-com=
mand-ro-commandHidden&gt;&lt;code&gt;commandHidden&lt;/code&gt;&lt;/dfn&g=
t; attribute must
+  return true if the command's &lt;a href=3D#command-facet-hiddenstate t=
itle=3Dcommand-facet-HiddenState&gt;Hidden State&lt;/a&gt; is that
+  the command is hidden, and false if the command is not hidden. If the =
element does not define a
+  command, the attribute must return null.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-command-ro-commanddisabled title=3Ddom-c=
ommand-ro-commandDisabled&gt;&lt;code&gt;commandDisabled&lt;/code&gt;&lt;=
/dfn&gt; attribute
+  must return true if the command's &lt;a href=3D#command-facet-disabled=
state title=3Dcommand-facet-DisabledState&gt;Disabled State&lt;/a&gt;
+  is that the command is disabled, and false if the command is not disab=
led. This attribute is not
+  affected by the command's &lt;a href=3D#command-facet-hiddenstate titl=
e=3Dcommand-facet-HiddenState&gt;Hidden State&lt;/a&gt;. If the
+  element does not define a command, the attribute must return null.&lt;=
/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-command-ro-commandchecked title=3Ddom-co=
mmand-ro-commandChecked&gt;&lt;code&gt;commandChecked&lt;/code&gt;&lt;/df=
n&gt; attribute must
+  return true if the command's &lt;a href=3D#command-facet-checkedstate =
title=3Dcommand-facet-CheckedState&gt;Checked State&lt;/a&gt; is that
+  the command is checked, and false if it is that the command is not che=
cked. If the element does
+  not define a command, the attribute must return null.&lt;/p&gt;
+
+&lt;!--v2COMMAND
+  &lt;p&gt;The &lt;dfn title=3D&quot;dom-command-ro-commandTriggers&quot=
;&gt;&lt;code&gt;commandTriggers&lt;/code&gt;&lt;/dfn&gt; attribute
+  must return a list containing the elements that can trigger the comman=
d (the command's &lt;span
+  title=3D&quot;command-facet-Triggers&quot;&gt;Triggers&lt;/span&gt;). =
The list must be &lt;span&gt;live&lt;/span&gt;. The same
+  object must be returned each time. While the element does not define a=
 command, the list must be
+  empty.&lt;/p&gt;
+--&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;a href=3D#command-facet-id title=3Dcomma=
nd-facet-ID&gt;ID&lt;/a&gt; facet is exposed by the &lt;code title=3Ddom-=
Element-id&gt;&lt;a href=3D#dom-element-id&gt;id&lt;/a&gt;&lt;/code&gt; I=
DL attribute, the &lt;a href=3D#command-facet-hint title=3Dcommand-facet-=
Hint&gt;Hint&lt;/a&gt;
+  facet is exposed by the &lt;code title=3Ddom-title&gt;&lt;a href=3D#do=
m-title&gt;title&lt;/a&gt;&lt;/code&gt; IDL attribute, and the &lt;a href=
=3D#command-facet-accesskey title=3Dcommand-facet-AccessKey&gt;AccessKey&=
lt;/a&gt; facet is exposed by the &lt;code title=3Ddom-accessKeyLabel&gt;=
&lt;a href=3D#dom-accesskeylabel&gt;accessKeyLabel&lt;/a&gt;&lt;/code&gt;=
 IDL attribute.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;hr&gt;&lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&=
quot;&gt;document&lt;/var&gt; . &lt;code title=3Ddom-document-commands&gt=
;&lt;a href=3D#dom-document-commands&gt;commands&lt;/a&gt;&lt;/code&gt;&l=
t;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns an &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTML=
Collection&lt;/a&gt;&lt;/code&gt; of the elements in the &lt;code&gt;&lt;=
a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; that
+    define commands and have IDs.&lt;/p&gt;
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-document-commands title=3Ddom-document-c=
ommands&gt;&lt;code&gt;commands&lt;/code&gt;&lt;/dfn&gt; attribute of the=
 document's
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
interface must return an &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTML=
Collection&lt;/a&gt;&lt;/code&gt; rooted at the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
node, whose filter matches only elements that &lt;a href=3D#concept-comma=
nd title=3Dconcept-command&gt;define commands&lt;/a&gt; and have &lt;a hr=
ef=3D#command-facet-id title=3Dcommand-facet-ID&gt;IDs&lt;/a&gt;.&lt;/p&g=
t;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+  &lt;hr&gt;&lt;p id=3Dexpose-commands-in-ui&gt;User agents may expose t=
he &lt;a href=3D#concept-command title=3Dconcept-command&gt;commands&lt;/=
a&gt; that match the following criteria:&lt;/p&gt;
+
+  &lt;ul class=3Dbrief&gt;&lt;li&gt;The &lt;a href=3D#command-facet-hidd=
enstate title=3Dcommand-facet-HiddenState&gt;Hidden State&lt;/a&gt; facet=
 is false (visible)&lt;/li&gt;
+
+   &lt;li&gt;The element is &lt;a href=3D#in-a-document&gt;in a &lt;code=
&gt;Document&lt;/code&gt;&lt;/a&gt; that has an associated &lt;a href=3D#=
browsing-context&gt;browsing
+   context&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;Neither the element nor any of its ancestors has a &lt;code=
 title=3Dattr-hidden&gt;&lt;a href=3D#the-hidden-attribute&gt;hidden&lt;/=
a&gt;&lt;/code&gt;
+   attribute specified.&lt;/li&gt;
+
+   &lt;li&gt;The element is not a &lt;code&gt;&lt;a href=3D#the-menuitem=
-element&gt;menuitem&lt;/a&gt;&lt;/code&gt; element, or it is a child of =
a &lt;a href=3D#currently-relevant-menu-element&gt;currently
+   relevant &lt;code&gt;menu&lt;/code&gt; element&lt;/a&gt;, or it has a=
n &lt;a href=3D#command-facet-accesskey title=3Dcommand-facet-accesskey&g=
t;Access Key&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;User agents are encouraged to do this especially f=
or commands that have &lt;a href=3D#command-facet-accesskey title=3Dcomma=
nd-facet-AccessKey&gt;Access Keys&lt;/a&gt;, as a way to advertise those =
keys to the
+  user.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;For example, such commands could be listed in=
 the user agent's menu bar.&lt;/p&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dusing-the-a-element-to-define-a-command&gt;&lt;span class=3D=
secno&gt;4.11.6.2 &lt;/span&gt;&lt;dfn title=3Da-command&gt;Using the &lt=
;code&gt;a&lt;/code&gt; element to define a command&lt;/dfn&gt;&lt;/h5&gt=
;
+
+  &lt;p&gt;An &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;=
/code&gt; element with an &lt;code title=3Dattr-hyperlink-href&gt;&lt;a h=
ref=3D#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&gt; attribute &lt;a=
 href=3D#concept-command title=3Dconcept-command&gt;defines a command&lt;=
/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-type title=3Dcommand-facet-Ty=
pe&gt;Type&lt;/a&gt; of the command is &quot;command&quot;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-id title=3Dcommand-facet-ID&g=
t;ID&lt;/a&gt; of the command is the value of the &lt;code title=3Dattr-i=
d&gt;&lt;a href=3D#the-id-attribute&gt;id&lt;/a&gt;&lt;/code&gt; attribut=
e of the element, if the attribute is present and not empty.
+  Otherwise the command is an &lt;a href=3D#anonymous-command&gt;anonymo=
us command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-label title=3Dcommand-facet-L=
abel&gt;Label&lt;/a&gt; of the command is the string given by the
+  element's &lt;code&gt;&lt;a href=3D#textcontent&gt;textContent&lt;/a&g=
t;&lt;/code&gt; IDL attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-hint title=3Dcommand-facet-Hi=
nt&gt;Hint&lt;/a&gt; of the command is the value of the &lt;code title=3D=
attr-title&gt;&lt;a href=3D#attr-title&gt;title&lt;/a&gt;&lt;/code&gt; at=
tribute of the element. If the attribute is not present, the
+  &lt;a href=3D#command-facet-hint title=3Dcommand-facet-Hint&gt;Hint&lt=
;/a&gt; is the empty string.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-icon title=3Dcommand-facet-Ic=
on&gt;Icon&lt;/a&gt; of the command is the &lt;a href=3D#absolute-url&gt;=
absolute
+  URL&lt;/a&gt; obtained from &lt;a href=3D#resolve-a-url title=3D&quot;=
resolve a url&quot;&gt;resolving&lt;/a&gt; the value of the &lt;code titl=
e=3Dattr-img-src&gt;&lt;a href=3D#attr-img-src&gt;src&lt;/a&gt;&lt;/code&=
gt; attribute of the first &lt;code&gt;&lt;a href=3D#the-img-element&gt;i=
mg&lt;/a&gt;&lt;/code&gt; element descendant of the
+  element in &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt;, relative =
to that element, if there is such an element and
+  resolving its attribute is successful. Otherwise, there is no &lt;a hr=
ef=3D#command-facet-icon title=3Dcommand-facet-Icon&gt;Icon&lt;/a&gt; for=
 the command.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-accesskey title=3Dcommand-fac=
et-AccessKey&gt;AccessKey&lt;/a&gt; of the command is the element's
+  &lt;a href=3D#assigned-access-key&gt;assigned access key&lt;/a&gt;, if=
 any.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-hiddenstate title=3Dcommand-f=
acet-HiddenState&gt;Hidden State&lt;/a&gt; of the command is true (hidden=
)
+  if the element has a &lt;code title=3Dattr-hidden&gt;&lt;a href=3D#the=
-hidden-attribute&gt;hidden&lt;/a&gt;&lt;/code&gt; attribute, and false o=
therwise.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-disabledstate title=3Dcommand=
-facet-DisabledState&gt;Disabled State&lt;/a&gt; facet of the command is
+  true if the element or one of its ancestors is &lt;a href=3D#inert&gt;=
inert&lt;/a&gt;, and false otherwise.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-checkedstate title=3Dcommand-=
facet-CheckedState&gt;Checked State&lt;/a&gt; of the command is always
+  false. (The command is never checked.)&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-action title=3Dcommand-facet-=
Action&gt;Action&lt;/a&gt; of the command, if the element has a
+  defined &lt;a href=3D#activation-behavior&gt;activation behavior&lt;/a=
&gt;, is to &lt;a href=3D#run-synthetic-click-activation-steps&gt;run syn=
thetic click activation steps&lt;/a&gt;
+  on the element. Otherwise, it is just to &lt;a href=3D#fire-a-click-ev=
ent&gt;fire a &lt;code title=3Devent-click&gt;click&lt;/code&gt;
+  event&lt;/a&gt; at the element.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dusing-the-button-element-to-define-a-command&gt;&lt;span c=
lass=3Dsecno&gt;4.11.6.3 &lt;/span&gt;&lt;dfn title=3Dbutton-command&gt;U=
sing the &lt;code&gt;button&lt;/code&gt; element to define a command&lt;/=
dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-button-element&gt;button&lt;/=
a&gt;&lt;/code&gt; element always &lt;a href=3D#concept-command title=3Dc=
oncept-command&gt;defines a
+  command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-type title=3Dcommand-facet-Ty=
pe&gt;Type&lt;/a&gt;, &lt;a href=3D#command-facet-id title=3Dcommand-face=
t-ID&gt;ID&lt;/a&gt;,
+  &lt;a href=3D#command-facet-label title=3Dcommand-facet-Label&gt;Label=
&lt;/a&gt;, &lt;a href=3D#command-facet-hint title=3Dcommand-facet-Hint&g=
t;Hint&lt;/a&gt;,
+  &lt;a href=3D#command-facet-icon title=3Dcommand-facet-Icon&gt;Icon&lt=
;/a&gt;, &lt;a href=3D#command-facet-accesskey title=3Dcommand-facet-Acce=
ssKey&gt;Access
+  Key&lt;/a&gt;, &lt;a href=3D#command-facet-hiddenstate title=3Dcommand=
-facet-HiddenState&gt;Hidden State&lt;/a&gt;, &lt;a href=3D#command-facet=
-checkedstate title=3Dcommand-facet-CheckedState&gt;Checked State&lt;/a&g=
t;, and &lt;a href=3D#command-facet-action title=3Dcommand-facet-Action&g=
t;Action&lt;/a&gt; facets of the command are determined &lt;a href=3D#usi=
ng-the-a-element-to-define-a-command title=3Da-command&gt;as for &lt;code=
&gt;a&lt;/code&gt; elements&lt;/a&gt; (see the previous section).&lt;/p&g=
t;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-disabledstate title=3Dcommand=
-facet-DisabledState&gt;Disabled State&lt;/a&gt; of the command is true i=
f
+  the element or one of its ancestors is &lt;a href=3D#inert&gt;inert&lt=
;/a&gt;, or if the element's &lt;a href=3D#concept-fe-disabled title=3Dco=
ncept-fe-disabled&gt;disabled&lt;/a&gt; state is set, and false otherwise=
.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dusing-the-input-element-to-define-a-command&gt;&lt;span cl=
ass=3Dsecno&gt;4.11.6.4 &lt;/span&gt;&lt;dfn title=3Dinput-command&gt;Usi=
ng the &lt;code&gt;input&lt;/code&gt; element to define a command&lt;/dfn=
&gt;&lt;/h5&gt;
+
+  &lt;p&gt;An &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a=
&gt;&lt;/code&gt; element whose &lt;code title=3Dattr-input-type&gt;&lt;a=
 href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+  one of the &lt;a href=3D&quot;#submit-button-state-(type=3Dsubmit)&quo=
t; title=3Dattr-input-type-submit&gt;Submit Button&lt;/a&gt;, &lt;a href=3D=
&quot;#reset-button-state-(type=3Dreset)&quot; title=3Dattr-input-type-re=
set&gt;Reset Button&lt;/a&gt;, &lt;a href=3D&quot;#image-button-state-(ty=
pe=3Dimage)&quot; title=3Dattr-input-type-image&gt;Image
+  Button&lt;/a&gt;, &lt;a href=3D&quot;#button-state-(type=3Dbutton)&quo=
t; title=3Dattr-input-type-button&gt;Button&lt;/a&gt;, &lt;a href=3D&quot=
;#radio-button-state-(type=3Dradio)&quot; title=3Dattr-input-type-radio&g=
t;Radio Button&lt;/a&gt;, or &lt;a href=3D&quot;#checkbox-state-(type=3Dc=
heckbox)&quot; title=3Dattr-input-type-checkbox&gt;Checkbox&lt;/a&gt; sta=
tes &lt;a href=3D#concept-command title=3Dconcept-command&gt;defines a
+  command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-type title=3Dcommand-facet-Ty=
pe&gt;Type&lt;/a&gt; of the command is &quot;radio&quot; if the &lt;code =
title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt=
;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#radio-button-state=
-(type=3Dradio)&quot; title=3Dattr-input-type-radio&gt;Radio
+  Button&lt;/a&gt; state, &quot;checkbox&quot; if the &lt;code title=3Da=
ttr-input-type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/cod=
e&gt; attribute is in
+  the &lt;a href=3D&quot;#checkbox-state-(type=3Dcheckbox)&quot; title=3D=
attr-input-type-checkbox&gt;Checkbox&lt;/a&gt; state, and &quot;command&q=
uot; otherwise.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-id title=3Dcommand-facet-ID&g=
t;ID&lt;/a&gt; of the command is the value of the &lt;code title=3Dattr-i=
d&gt;&lt;a href=3D#the-id-attribute&gt;id&lt;/a&gt;&lt;/code&gt; attribut=
e of the element, if the attribute is present and not empty.
+  Otherwise the command is an &lt;a href=3D#anonymous-command&gt;anonymo=
us command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-label title=3Dcommand-facet-L=
abel&gt;Label&lt;/a&gt; of the command depends on the Type of the
+  command:&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;a href=3D#command-facet-type title=3Dcommand-facet=
-Type&gt;Type&lt;/a&gt; is &quot;command&quot;, then it is the string giv=
en
+  by the &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr-input-v=
alue&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if any, and a UA-dependen=
t,
+  locale-dependent value that the UA uses to label the button itself if =
the attribute is absent.&lt;/p&gt;
+
+  &lt;p&gt;Otherwise, the &lt;a href=3D#command-facet-type title=3Dcomma=
nd-facet-Type&gt;Type&lt;/a&gt; is &quot;radio&quot; or &quot;checkbox&qu=
ot;. If the
+  element is a &lt;a href=3D#labeled-control&gt;labeled control&lt;/a&gt=
;, the &lt;code&gt;&lt;a href=3D#textcontent&gt;textContent&lt;/a&gt;&lt;=
/code&gt; of the first
+  &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;/cod=
e&gt; element in &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt; whose &=
lt;a href=3D#labeled-control&gt;labeled control&lt;/a&gt; is the
+  element in question is the &lt;a href=3D#command-facet-label title=3Dc=
ommand-facet-Label&gt;Label&lt;/a&gt; (in DOM terms, this is
+  the string given by &lt;code&gt;&lt;var title=3D&quot;&quot;&gt;elemen=
t&lt;/var&gt;.labels[0].textContent&lt;/code&gt;). Otherwise,
+  the value of the &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#at=
tr-input-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if present, is =
the &lt;a href=3D#command-facet-label title=3Dcommand-facet-Label&gt;Labe=
l&lt;/a&gt;. Otherwise, the &lt;a href=3D#command-facet-label title=3Dcom=
mand-facet-Label&gt;Label&lt;/a&gt; is the empty string.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-hint title=3Dcommand-facet-Hi=
nt&gt;Hint&lt;/a&gt; of the command is the value of the &lt;code title=3D=
attr-title&gt;&lt;a href=3D#attr-title&gt;title&lt;/a&gt;&lt;/code&gt; at=
tribute of the &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a=
&gt;&lt;/code&gt; element. If the attribute is
+  not present, the &lt;a href=3D#command-facet-hint title=3Dcommand-face=
t-Hint&gt;Hint&lt;/a&gt; is the empty string.&lt;/p&gt;
+
+  &lt;p&gt;If the element's &lt;code title=3Dattr-input-type&gt;&lt;a hr=
ef=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the =
&lt;a href=3D&quot;#image-button-state-(type=3Dimage)&quot; title=3Dattr-=
input-type-image&gt;Image Button&lt;/a&gt; state, and the element has a &=
lt;code title=3Dattr-img-src&gt;&lt;a href=3D#attr-img-src&gt;src&lt;/a&g=
t;&lt;/code&gt; attribute, and that attribute's value can be successfully=
 &lt;a href=3D#resolve-a-url title=3D&quot;resolve a url&quot;&gt;resolve=
d&lt;/a&gt; relative to the element, then the &lt;a href=3D#command-facet=
-icon title=3Dcommand-facet-Icon&gt;Icon&lt;/a&gt; of the command is the =
&lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt; obtained
+  from resolving that attribute that way. Otherwise, there is no &lt;a h=
ref=3D#command-facet-icon title=3Dcommand-facet-Icon&gt;Icon&lt;/a&gt; fo=
r the command.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-accesskey title=3Dcommand-fac=
et-AccessKey&gt;AccessKey&lt;/a&gt; of the command is the element's
+  &lt;a href=3D#assigned-access-key&gt;assigned access key&lt;/a&gt;, if=
 any.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-hiddenstate title=3Dcommand-f=
acet-HiddenState&gt;Hidden State&lt;/a&gt; of the command is true (hidden=
)
+  if the element has a &lt;code title=3Dattr-hidden&gt;&lt;a href=3D#the=
-hidden-attribute&gt;hidden&lt;/a&gt;&lt;/code&gt; attribute, and false o=
therwise.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-disabledstate title=3Dcommand=
-facet-DisabledState&gt;Disabled State&lt;/a&gt; of the command is true i=
f
+  the element or one of its ancestors is &lt;a href=3D#inert&gt;inert&lt=
;/a&gt;, or if the element's &lt;a href=3D#concept-fe-disabled title=3Dco=
ncept-fe-disabled&gt;disabled&lt;/a&gt; state is set, and false otherwise=
.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-checkedstate title=3Dcommand-=
facet-CheckedState&gt;Checked State&lt;/a&gt; of the command is true if t=
he
+  command is of &lt;a href=3D#command-facet-type title=3Dcommand-facet-T=
ype&gt;Type&lt;/a&gt; &quot;radio&quot; or &quot;checkbox&quot; and the e=
lement
+  is &lt;a href=3D#concept-fe-checked title=3Dconcept-fe-checked&gt;chec=
ked&lt;/a&gt; attribute, and false otherwise.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-action title=3Dcommand-facet-=
Action&gt;Action&lt;/a&gt; of the command, if the element has a
+  defined &lt;a href=3D#activation-behavior&gt;activation behavior&lt;/a=
&gt;, is to &lt;a href=3D#run-synthetic-click-activation-steps&gt;run syn=
thetic click activation steps&lt;/a&gt;
+  on the element. Otherwise, it is just to &lt;a href=3D#fire-a-click-ev=
ent&gt;fire a &lt;code title=3Devent-click&gt;click&lt;/code&gt;
+  event&lt;/a&gt; at the element.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dusing-the-option-element-to-define-a-command&gt;&lt;span c=
lass=3Dsecno&gt;4.11.6.5 &lt;/span&gt;&lt;dfn title=3Doption-command&gt;U=
sing the &lt;code&gt;option&lt;/code&gt; element to define a command&lt;/=
dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;An &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;=
/a&gt;&lt;/code&gt; element with an ancestor &lt;code&gt;&lt;a href=3D#th=
e-select-element&gt;select&lt;/a&gt;&lt;/code&gt; element and either no &=
lt;code title=3Dattr-option-value&gt;&lt;a href=3D#attr-option-value&gt;v=
alue&lt;/a&gt;&lt;/code&gt; attribute or a &lt;code title=3Dattr-option-v=
alue&gt;&lt;a href=3D#attr-option-value&gt;value&lt;/a&gt;&lt;/code&gt;
+  attribute that is not the empty string &lt;a href=3D#concept-command t=
itle=3Dconcept-command&gt;defines a command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-type title=3Dcommand-facet-Ty=
pe&gt;Type&lt;/a&gt; of the command is &quot;radio&quot; if the
+  &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/c=
ode&gt;'s nearest ancestor &lt;code&gt;&lt;a href=3D#the-select-element&g=
t;select&lt;/a&gt;&lt;/code&gt; element has no &lt;code title=3Dattr-sele=
ct-multiple&gt;&lt;a href=3D#attr-select-multiple&gt;multiple&lt;/a&gt;&l=
t;/code&gt; attribute, and &quot;checkbox&quot; if it does.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-id title=3Dcommand-facet-ID&g=
t;ID&lt;/a&gt; of the command is the value of the &lt;code title=3Dattr-i=
d&gt;&lt;a href=3D#the-id-attribute&gt;id&lt;/a&gt;&lt;/code&gt; attribut=
e of the element, if the attribute is present and not empty.
+  Otherwise the command is an &lt;a href=3D#anonymous-command&gt;anonymo=
us command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-label title=3Dcommand-facet-L=
abel&gt;Label&lt;/a&gt; of the command is the value of the
+  &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/c=
ode&gt; element's &lt;code title=3Dattr-option-label&gt;&lt;a href=3D#att=
r-option-label&gt;label&lt;/a&gt;&lt;/code&gt; attribute, if there is
+  one, or else the value of &lt;code&gt;&lt;a href=3D#the-option-element=
&gt;option&lt;/a&gt;&lt;/code&gt; element's &lt;code&gt;&lt;a href=3D#tex=
tcontent&gt;textContent&lt;/a&gt;&lt;/code&gt; IDL attribute,
+  with &lt;a href=3D#strip-leading-and-trailing-whitespace title=3D&quot=
;strip leading and trailing whitespace&quot;&gt;leading and trailing whit=
espace
+  stripped&lt;/a&gt;, and with any sequences of two or more &lt;a href=3D=
#space-character title=3D&quot;space character&quot;&gt;space
+  characters&lt;/a&gt; replaced by a single U+0020 SPACE character.&lt;/=
p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-hint title=3Dcommand-facet-Hi=
nt&gt;Hint&lt;/a&gt; of the command is the string given by the
+  element's &lt;code title=3Dattr-title&gt;&lt;a href=3D#attr-title&gt;t=
itle&lt;/a&gt;&lt;/code&gt; attribute, if any, and the empty string if th=
e
+  attribute is absent.&lt;/p&gt;
+
+  &lt;p&gt;There is no &lt;a href=3D#command-facet-icon title=3Dcommand-=
facet-Icon&gt;Icon&lt;/a&gt; for the command.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-accesskey title=3Dcommand-fac=
et-AccessKey&gt;AccessKey&lt;/a&gt; of the command is the element's
+  &lt;a href=3D#assigned-access-key&gt;assigned access key&lt;/a&gt;, if=
 any.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-hiddenstate title=3Dcommand-f=
acet-HiddenState&gt;Hidden State&lt;/a&gt; of the command is true (hidden=
)
+  if the element has a &lt;code title=3Dattr-hidden&gt;&lt;a href=3D#the=
-hidden-attribute&gt;hidden&lt;/a&gt;&lt;/code&gt; attribute, and false o=
therwise.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-disabledstate title=3Dcommand=
-facet-DisabledState&gt;Disabled State&lt;/a&gt; of the command is true i=
f
+  the element is &lt;a href=3D#concept-option-disabled title=3Dconcept-o=
ption-disabled&gt;disabled&lt;/a&gt;, or if its nearest ancestor
+  &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;/c=
ode&gt; element is &lt;a href=3D#concept-fe-disabled title=3Dconcept-fe-d=
isabled&gt;disabled&lt;/a&gt;, or if it or one
+  of its ancestors is &lt;a href=3D#inert&gt;inert&lt;/a&gt;, and false =
otherwise.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-checkedstate title=3Dcommand-=
facet-CheckedState&gt;Checked State&lt;/a&gt; of the command is true
+  (checked) if the element's &lt;a href=3D#concept-option-selectedness t=
itle=3Dconcept-option-selectedness&gt;selectedness&lt;/a&gt; is true,
+  and false otherwise.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-action title=3Dcommand-facet-=
Action&gt;Action&lt;/a&gt; of the command depends on its &lt;a href=3D#co=
mmand-facet-type title=3Dcommand-facet-Type&gt;Type&lt;/a&gt;. If the com=
mand is of &lt;a href=3D#command-facet-type title=3Dcommand-facet-Type&gt=
;Type&lt;/a&gt; &quot;radio&quot; then it must &lt;a href=3D#concept-sele=
ct-pick title=3Dconcept-select-pick&gt;pick&lt;/a&gt; the &lt;code&gt;&lt=
;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/code&gt; element. O=
therwise, it must &lt;a href=3D#concept-select-toggle title=3Dconcept-sel=
ect-toggle&gt;toggle&lt;/a&gt; the &lt;code&gt;&lt;a href=3D#the-option-e=
lement&gt;option&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+
+
+  &lt;h5 id=3Dusing-the-menuitem-element-to-define-a-command&gt;&lt;span=
 class=3Dsecno&gt;4.11.6.6 &lt;/span&gt;Using the &lt;dfn title=3Dcommand=
-element&gt;&lt;code&gt;menuitem&lt;/code&gt;&lt;/dfn&gt; element to defi=
ne a
+  command&lt;/h5&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-menuitem-element&gt;menuitem&=
lt;/a&gt;&lt;/code&gt; element that does not have a &lt;code title=3Dattr=
-menuitem-command&gt;&lt;a href=3D#attr-menuitem-command&gt;command&lt;/a=
&gt;&lt;/code&gt; attribute &lt;a href=3D#concept-command title=3Dconcept=
-command&gt;defines a
+  command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-type title=3Dcommand-facet-Ty=
pe&gt;Type&lt;/a&gt; of the command is &quot;radio&quot; if the
+  &lt;code&gt;&lt;a href=3D#the-menuitem-element&gt;menuitem&lt;/a&gt;&l=
t;/code&gt;'s &lt;code title=3Dattr-menuitem-type&gt;&lt;a href=3D#attr-m=
enuitem-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is
+  &quot;&lt;code&gt;radio&lt;/code&gt;&quot;, &quot;checkbox&quot; if th=
e attribute's value is &quot;&lt;code&gt;checkbox&lt;/code&gt;&quot;, and
+  &quot;command&quot; otherwise.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-id title=3Dcommand-facet-ID&g=
t;ID&lt;/a&gt; of the command is the value of the &lt;code title=3Dattr-i=
d&gt;&lt;a href=3D#the-id-attribute&gt;id&lt;/a&gt;&lt;/code&gt; attribut=
e of the element, if the attribute is present and not empty.
+  Otherwise the command is an &lt;a href=3D#anonymous-command&gt;anonymo=
us command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-label title=3Dcommand-facet-L=
abel&gt;Label&lt;/a&gt; of the command is the value of the element's
+  &lt;code title=3Dattr-menuitem-label&gt;&lt;a href=3D#attr-menuitem-la=
bel&gt;label&lt;/a&gt;&lt;/code&gt; attribute, if there is one, or the em=
pty string if
+  it doesn't.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-hint title=3Dcommand-facet-Hi=
nt&gt;Hint&lt;/a&gt; of the command is the string given by the
+  element's &lt;code title=3Dattr-menuitem-title&gt;&lt;a href=3D#attr-m=
enuitem-title&gt;title&lt;/a&gt;&lt;/code&gt; attribute, if any, and the =
empty string
+  if the attribute is absent.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-icon title=3Dcommand-facet-Ic=
on&gt;Icon&lt;/a&gt; for the command is the &lt;a href=3D#absolute-url&gt=
;absolute
+  URL&lt;/a&gt; obtained from &lt;a href=3D#resolve-a-url title=3D&quot;=
resolve a url&quot;&gt;resolving&lt;/a&gt; the value of the element's
+  &lt;code title=3Dattr-menuitem-icon&gt;&lt;a href=3D#attr-menuitem-ico=
n&gt;icon&lt;/a&gt;&lt;/code&gt; attribute, relative to the element, if i=
t has such an
+  attribute and resolving it is successful. Otherwise, there is no &lt;a=
 href=3D#command-facet-icon title=3Dcommand-facet-Icon&gt;Icon&lt;/a&gt; =
for the command.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-accesskey title=3Dcommand-fac=
et-AccessKey&gt;AccessKey&lt;/a&gt; of the command is the element's
+  &lt;a href=3D#assigned-access-key&gt;assigned access key&lt;/a&gt;, if=
 any.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-hiddenstate title=3Dcommand-f=
acet-HiddenState&gt;Hidden State&lt;/a&gt; of the command is true (hidden=
)
+  if the element has a &lt;code title=3Dattr-hidden&gt;&lt;a href=3D#the=
-hidden-attribute&gt;hidden&lt;/a&gt;&lt;/code&gt; attribute, and false o=
therwise.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-disabledstate title=3Dcommand=
-facet-DisabledState&gt;Disabled State&lt;/a&gt; of the command is true i=
f
+  the element or one of its ancestors is &lt;a href=3D#inert&gt;inert&lt=
;/a&gt;, or if the element has a &lt;code title=3Dattr-menuitem-disabled&=
gt;&lt;a href=3D#attr-menuitem-disabled&gt;disabled&lt;/a&gt;&lt;/code&gt=
; attribute, and false otherwise.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-checkedstate title=3Dcommand-=
facet-CheckedState&gt;Checked State&lt;/a&gt; of the command is true
+  (checked) if the element has a &lt;code title=3Dattr-menuitem-checked&=
gt;&lt;a href=3D#attr-menuitem-checked&gt;checked&lt;/a&gt;&lt;/code&gt; =
attribute, and
+  false otherwise.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-action title=3Dcommand-facet-=
Action&gt;Action&lt;/a&gt; of the command, if the element has a
+  defined &lt;a href=3D#activation-behavior&gt;activation behavior&lt;/a=
&gt;&lt;!-- it doesn't if the element is disabled --&gt;, is to
+  &lt;a href=3D#run-synthetic-click-activation-steps&gt;run synthetic cl=
ick activation steps&lt;/a&gt; on the element. Otherwise, it is just to
+  &lt;a href=3D#fire-a-click-event&gt;fire a &lt;code title=3Devent-clic=
k&gt;click&lt;/code&gt; event&lt;/a&gt; at the element.&lt;/p&gt;
+
+
+
+  &lt;h5 id=3Dusing-the-command-attribute-on-menuitem-elements-to-define=
-a-command-indirectly&gt;&lt;span class=3Dsecno&gt;4.11.6.7 &lt;/span&gt;=
&lt;dfn title=3Dcommand-menuitem-command&gt;Using the &lt;code title=3Dat=
tr-menuitem-command&gt;command&lt;/code&gt; attribute on &lt;code&gt;menu=
item&lt;/code&gt; elements to define
+  a command indirectly&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-menuitem-element&gt;menuitem&=
lt;/a&gt;&lt;/code&gt; element with a &lt;a href=3D#master-command&gt;mas=
ter command&lt;/a&gt; &lt;a href=3D#concept-command title=3Dconcept-comma=
nd&gt;defines a command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-type title=3Dcommand-facet-Ty=
pe&gt;Type&lt;/a&gt; of the command is the &lt;a href=3D#command-facet-ty=
pe title=3Dcommand-facet-Type&gt;Type&lt;/a&gt; of the &lt;a href=3D#mast=
er-command&gt;master command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-id title=3Dcommand-facet-ID&g=
t;ID&lt;/a&gt; of the command is the value of the &lt;code title=3Dattr-i=
d&gt;&lt;a href=3D#the-id-attribute&gt;id&lt;/a&gt;&lt;/code&gt; attribut=
e of the element, if the attribute is present and not empty.
+  Otherwise the command is an &lt;a href=3D#anonymous-command&gt;anonymo=
us command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-label title=3Dcommand-facet-L=
abel&gt;Label&lt;/a&gt; of the command is the &lt;a href=3D#command-facet=
-label title=3Dcommand-facet-Label&gt;Label&lt;/a&gt; of the &lt;a href=3D=
#master-command&gt;master command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;If the element has a &lt;code title=3Dattr-title&gt;&lt;a hre=
f=3D#attr-title&gt;title&lt;/a&gt;&lt;/code&gt; attribute, then the &lt;a=
 href=3D#command-facet-hint title=3Dcommand-facet-Hint&gt;Hint&lt;/a&gt; =
of the command is the value of that &lt;code title=3Dattr-title&gt;&lt;a =
href=3D#attr-title&gt;title&lt;/a&gt;&lt;/code&gt; attribute. Otherwise, =
the &lt;a href=3D#command-facet-hint title=3Dcommand-facet-Hint&gt;Hint&l=
t;/a&gt; of the command is the &lt;a href=3D#command-facet-hint title=3Dc=
ommand-facet-Hint&gt;Hint&lt;/a&gt; of the &lt;a href=3D#master-command&g=
t;master command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-icon title=3Dcommand-facet-Ic=
on&gt;Icon&lt;/a&gt; of the command is the &lt;a href=3D#command-facet-ic=
on title=3Dcommand-facet-Icon&gt;Icon&lt;/a&gt; of the &lt;a href=3D#mast=
er-command&gt;master command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-accesskey title=3Dcommand-fac=
et-AccessKey&gt;AccessKey&lt;/a&gt; of the command is the element's
+  &lt;a href=3D#assigned-access-key&gt;assigned access key&lt;/a&gt;, if=
 any.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-hiddenstate title=3Dcommand-f=
acet-HiddenState&gt;Hidden State&lt;/a&gt; of the command is the &lt;a hr=
ef=3D#command-facet-hiddenstate title=3Dcommand-facet-HiddenState&gt;Hidd=
en State&lt;/a&gt; of the &lt;a href=3D#master-command&gt;master command&=
lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-disabledstate title=3Dcommand=
-facet-DisabledState&gt;Disabled State&lt;/a&gt; of the command is the &l=
t;a href=3D#command-facet-disabledstate title=3Dcommand-facet-DisabledSta=
te&gt;Disabled State&lt;/a&gt; of the &lt;a href=3D#master-command&gt;mas=
ter command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-checkedstate title=3Dcommand-=
facet-CheckedState&gt;Checked State&lt;/a&gt; of the command is the &lt;a=
 href=3D#command-facet-checkedstate title=3Dcommand-facet-CheckedState&gt=
;Checked State&lt;/a&gt; of the &lt;a href=3D#master-command&gt;master co=
mmand&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-action title=3Dcommand-facet-=
Action&gt;Action&lt;/a&gt; of the command is to invoke the &lt;a href=3D#=
command-facet-action title=3Dcommand-facet-Action&gt;Action&lt;/a&gt; of =
the &lt;a href=3D#master-command&gt;master command&lt;/a&gt;.&lt;/p&gt;
+
+
+
+  &lt;h5 id=3Dusing-the-accesskey-attribute-on-a-label-element-to-define=
-a-command&gt;&lt;span class=3Dsecno&gt;4.11.6.8 &lt;/span&gt;&lt;dfn tit=
le=3Dlabel-command&gt;Using the &lt;code title=3Dattr-accesskey&gt;access=
key&lt;/code&gt; attribute
+  on a &lt;code&gt;label&lt;/code&gt; element to define a command&lt;/df=
n&gt;&lt;/h5&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&=
gt;&lt;/code&gt; element that has an &lt;a href=3D#assigned-access-key&gt=
;assigned access key&lt;/a&gt; and a &lt;a href=3D#labeled-control&gt;lab=
eled
+  control&lt;/a&gt; and whose &lt;a href=3D#labeled-control&gt;labeled c=
ontrol&lt;/a&gt; &lt;a href=3D#concept-command title=3Dconcept-command&gt=
;defines a
+  command&lt;/a&gt;, itself &lt;a href=3D#concept-command title=3Dconcep=
t-command&gt;defines a command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-type title=3Dcommand-facet-Ty=
pe&gt;Type&lt;/a&gt; of the command is &quot;command&quot;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-id title=3Dcommand-facet-ID&g=
t;ID&lt;/a&gt; of the command is the value of the &lt;code title=3Dattr-i=
d&gt;&lt;a href=3D#the-id-attribute&gt;id&lt;/a&gt;&lt;/code&gt; attribut=
e of the element, if the attribute is present and not empty.
+  Otherwise the command is an &lt;a href=3D#anonymous-command&gt;anonymo=
us command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-label title=3Dcommand-facet-L=
abel&gt;Label&lt;/a&gt; of the command is the string given by the
+  element's &lt;code&gt;&lt;a href=3D#textcontent&gt;textContent&lt;/a&g=
t;&lt;/code&gt; IDL attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-hint title=3Dcommand-facet-Hi=
nt&gt;Hint&lt;/a&gt; of the command is the value of the &lt;code title=3D=
attr-title&gt;&lt;a href=3D#attr-title&gt;title&lt;/a&gt;&lt;/code&gt; at=
tribute of the element.&lt;/p&gt;
+
+  &lt;p&gt;There is no &lt;a href=3D#command-facet-icon title=3Dcommand-=
facet-Icon&gt;Icon&lt;/a&gt; for the command.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-accesskey title=3Dcommand-fac=
et-AccessKey&gt;AccessKey&lt;/a&gt; of the command is the element's
+  &lt;a href=3D#assigned-access-key&gt;assigned access key&lt;/a&gt;.&lt=
;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-hiddenstate title=3Dcommand-f=
acet-HiddenState&gt;Hidden State&lt;/a&gt;, &lt;a href=3D#command-facet-d=
isabledstate title=3Dcommand-facet-DisabledState&gt;Disabled State&lt;/a&=
gt;, and &lt;a href=3D#command-facet-action title=3Dcommand-facet-Action&=
gt;Action&lt;/a&gt; facets of the command are the same as the respective
+  facets of the element's &lt;a href=3D#labeled-control&gt;labeled contr=
ol&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-checkedstate title=3Dcommand-=
facet-CheckedState&gt;Checked State&lt;/a&gt; of the command is always
+  false. (The command is never checked.)&lt;/p&gt;
+
+
+
+  &lt;h5 id=3Dusing-the-accesskey-attribute-on-a-legend-element-to-defin=
e-a-command&gt;&lt;span class=3Dsecno&gt;4.11.6.9 &lt;/span&gt;&lt;dfn ti=
tle=3Dlegend-command&gt;Using the &lt;code title=3Dattr-accesskey&gt;acce=
sskey&lt;/code&gt; attribute
+  on a &lt;code&gt;legend&lt;/code&gt; element to define a command&lt;/d=
fn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-legend-element&gt;legend&lt;/=
a&gt;&lt;/code&gt; element that has an &lt;a href=3D#assigned-access-key&=
gt;assigned access key&lt;/a&gt; and is a child of a
+  &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldset&lt;/a&gt;&l=
t;/code&gt; element that has a descendant that is not a descendant of the
+  &lt;code&gt;&lt;a href=3D#the-legend-element&gt;legend&lt;/a&gt;&lt;/c=
ode&gt; element and is neither a &lt;code&gt;&lt;a href=3D#the-label-elem=
ent&gt;label&lt;/a&gt;&lt;/code&gt; element nor a &lt;code&gt;&lt;a href=3D=
#the-legend-element&gt;legend&lt;/a&gt;&lt;/code&gt;
+  element but that &lt;a href=3D#concept-command title=3Dconcept-command=
&gt;defines a command&lt;/a&gt;, itself &lt;a href=3D#concept-command tit=
le=3Dconcept-command&gt;defines a command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-type title=3Dcommand-facet-Ty=
pe&gt;Type&lt;/a&gt; of the command is &quot;command&quot;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-id title=3Dcommand-facet-ID&g=
t;ID&lt;/a&gt; of the command is the value of the &lt;code title=3Dattr-i=
d&gt;&lt;a href=3D#the-id-attribute&gt;id&lt;/a&gt;&lt;/code&gt; attribut=
e of the element, if the attribute is present and not empty.
+  Otherwise the command is an &lt;a href=3D#anonymous-command&gt;anonymo=
us command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-label title=3Dcommand-facet-L=
abel&gt;Label&lt;/a&gt; of the command is the string given by the
+  element's &lt;code&gt;&lt;a href=3D#textcontent&gt;textContent&lt;/a&g=
t;&lt;/code&gt; IDL attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-hint title=3Dcommand-facet-Hi=
nt&gt;Hint&lt;/a&gt; of the command is the value of the &lt;code title=3D=
attr-title&gt;&lt;a href=3D#attr-title&gt;title&lt;/a&gt;&lt;/code&gt; at=
tribute of the element.&lt;/p&gt;
+
+  &lt;p&gt;There is no &lt;a href=3D#command-facet-icon title=3Dcommand-=
facet-Icon&gt;Icon&lt;/a&gt; for the command.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-accesskey title=3Dcommand-fac=
et-AccessKey&gt;AccessKey&lt;/a&gt; of the command is the element's
+  &lt;a href=3D#assigned-access-key&gt;assigned access key&lt;/a&gt;.&lt=
;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-hiddenstate title=3Dcommand-f=
acet-HiddenState&gt;Hidden State&lt;/a&gt;, &lt;a href=3D#command-facet-d=
isabledstate title=3Dcommand-facet-DisabledState&gt;Disabled State&lt;/a&=
gt;, and &lt;a href=3D#command-facet-action title=3Dcommand-facet-Action&=
gt;Action&lt;/a&gt; facets of the command are the same as the respective
+  facets of the first element in &lt;a href=3D#tree-order&gt;tree order&=
lt;/a&gt; that is a descendant of the parent of the
+  &lt;code&gt;&lt;a href=3D#the-legend-element&gt;legend&lt;/a&gt;&lt;/c=
ode&gt; element that &lt;a href=3D#concept-command title=3Dconcept-comman=
d&gt;defines a command&lt;/a&gt; but is not
+  a descendant of the &lt;code&gt;&lt;a href=3D#the-legend-element&gt;le=
gend&lt;/a&gt;&lt;/code&gt; element and is neither a &lt;code&gt;&lt;a hr=
ef=3D#the-label-element&gt;label&lt;/a&gt;&lt;/code&gt; nor a
+  &lt;code&gt;&lt;a href=3D#the-legend-element&gt;legend&lt;/a&gt;&lt;/c=
ode&gt; element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-checkedstate title=3Dcommand-=
facet-CheckedState&gt;Checked State&lt;/a&gt; of the command is always
+  false. (The command is never checked.)&lt;/p&gt;
+
+
+
+  &lt;h5 id=3Dusing-the-accesskey-attribute-to-define-a-command-on-other=
-elements&gt;&lt;span class=3Dsecno&gt;4.11.6.10 &lt;/span&gt;&lt;dfn tit=
le=3Daccesskey-command&gt;Using the &lt;code title=3Dattr-accesskey&gt;ac=
cesskey&lt;/code&gt;
+  attribute to define a command on other elements&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;An element that has an &lt;a href=3D#assigned-access-key&gt;a=
ssigned access key&lt;/a&gt; &lt;a href=3D#concept-command title=3Dconcep=
t-command&gt;defines a
+  command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;If one of the earlier sections that define elements that &lt;=
a href=3D#concept-command title=3Dconcept-command&gt;define
+  commands&lt;/a&gt; define that this element &lt;a href=3D#concept-comm=
and title=3Dconcept-command&gt;defines a command&lt;/a&gt;,
+  then that section applies to this element, and this section does not. =
Otherwise, this section
+  applies to that element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-type title=3Dcommand-facet-Ty=
pe&gt;Type&lt;/a&gt; of the command is &quot;command&quot;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-id title=3Dcommand-facet-ID&g=
t;ID&lt;/a&gt; of the command is the value of the &lt;code title=3Dattr-i=
d&gt;&lt;a href=3D#the-id-attribute&gt;id&lt;/a&gt;&lt;/code&gt; attribut=
e of the element, if the attribute is present and not empty.
+  Otherwise the command is an &lt;a href=3D#anonymous-command&gt;anonymo=
us command&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-label title=3Dcommand-facet-L=
abel&gt;Label&lt;/a&gt; of the command depends on the element. If
+  the element is a &lt;a href=3D#labeled-control&gt;labeled control&lt;/=
a&gt;, the &lt;code&gt;&lt;a href=3D#textcontent&gt;textContent&lt;/a&gt;=
&lt;/code&gt; of the first
+  &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;/cod=
e&gt; element in &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt; whose &=
lt;a href=3D#labeled-control&gt;labeled control&lt;/a&gt; is the
+  element in question is the &lt;a href=3D#command-facet-label title=3Dc=
ommand-facet-Label&gt;Label&lt;/a&gt; (in DOM terms, this is
+  the string given by &lt;code&gt;&lt;var title=3D&quot;&quot;&gt;elemen=
t&lt;/var&gt;.labels[0].textContent&lt;/code&gt;). Otherwise,
+  the &lt;a href=3D#command-facet-label title=3Dcommand-facet-Label&gt;L=
abel&lt;/a&gt; is the &lt;code&gt;&lt;a href=3D#textcontent&gt;textConten=
t&lt;/a&gt;&lt;/code&gt; of the element
+  itself.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-hint title=3Dcommand-facet-Hi=
nt&gt;Hint&lt;/a&gt; of the command is the value of the &lt;code title=3D=
attr-title&gt;&lt;a href=3D#attr-title&gt;title&lt;/a&gt;&lt;/code&gt; at=
tribute of the element. If the attribute is not present, the
+  &lt;a href=3D#command-facet-hint title=3Dcommand-facet-Hint&gt;Hint&lt=
;/a&gt; is the empty string.&lt;/p&gt;
+
+  &lt;p&gt;There is no &lt;a href=3D#command-facet-icon title=3Dcommand-=
facet-Icon&gt;Icon&lt;/a&gt; for the command.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-accesskey title=3Dcommand-fac=
et-AccessKey&gt;AccessKey&lt;/a&gt; of the command is the element's
+  &lt;a href=3D#assigned-access-key&gt;assigned access key&lt;/a&gt;.&lt=
;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-hiddenstate title=3Dcommand-f=
acet-HiddenState&gt;Hidden State&lt;/a&gt; of the command is true (hidden=
)
+  if the element has a &lt;code title=3Dattr-hidden&gt;&lt;a href=3D#the=
-hidden-attribute&gt;hidden&lt;/a&gt;&lt;/code&gt; attribute, and false o=
therwise.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-disabledstate title=3Dcommand=
-facet-DisabledState&gt;Disabled State&lt;/a&gt; of the command is true i=
f
+  the element or one of its ancestors is &lt;a href=3D#inert&gt;inert&lt=
;/a&gt;, and false otherwise.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-checkedstate title=3Dcommand-=
facet-CheckedState&gt;Checked State&lt;/a&gt; of the command is always
+  false. (The command is never checked.)&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#command-facet-action title=3Dcommand-facet-=
Action&gt;Action&lt;/a&gt; of the command is to run the following
+  steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;If the element is &lt;a href=3D#focusable&gt;focus=
able&lt;/a&gt;, run the &lt;a href=3D#focusing-steps&gt;focusing steps&lt=
;/a&gt; for the
+   element.&lt;/li&gt;
+
+   &lt;li&gt;If the element has a defined &lt;a href=3D#activation-behav=
ior&gt;activation behavior&lt;/a&gt;, &lt;a href=3D#run-synthetic-click-a=
ctivation-steps&gt;run synthetic click
+   activation steps&lt;/a&gt; on the element.&lt;/li&gt;
+
+   &lt;li&gt;Otherwise, if the element does not have a defined &lt;a hre=
f=3D#activation-behavior&gt;activation behavior&lt;/a&gt;,
+   &lt;a href=3D#fire-a-click-event&gt;fire a &lt;code title=3Devent-cli=
ck&gt;click&lt;/code&gt; event&lt;/a&gt; at the element.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+  &lt;h4 id=3Dthe-dialog-element&gt;&lt;span class=3Dsecno&gt;4.11.7 &lt=
;/span&gt;The &lt;dfn&gt;&lt;code&gt;dialog&lt;/code&gt;&lt;/dfn&gt; elem=
ent&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#sectioning-root&gt;Sectioning root&lt;/a&gt;.=
&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#flow-content&gt;flow content&lt;/a&gt; =
is expected.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-dialog-open&gt;&lt;a href=3D#attr-dia=
log-open&gt;open&lt;/a&gt;&lt;/code&gt; &amp;mdash; Whether the dialog bo=
x is showing&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmldialogelement&gt;HTMLD=
ialogElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a=
&gt; {
+           attribute boolean &lt;a href=3D#dom-dialog-open title=3Ddom-d=
ialog-open&gt;open&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-dialog-returnvalue titl=
e=3Ddom-dialog-returnValue&gt;returnValue&lt;/a&gt;;
+  void &lt;a href=3D#dom-dialog-show title=3Ddom-dialog-show&gt;show&lt;=
/a&gt;(optional (&lt;a href=3D#mouseevent&gt;MouseEvent&lt;/a&gt; or &lt;=
a href=3D#element&gt;Element&lt;/a&gt;) anchor);
+  void &lt;a href=3D#dom-dialog-showmodal title=3Ddom-dialog-showModal&g=
t;showModal&lt;/a&gt;(optional (&lt;a href=3D#mouseevent&gt;MouseEvent&lt=
;/a&gt; or &lt;a href=3D#element&gt;Element&lt;/a&gt;) anchor);
+  void &lt;a href=3D#dom-dialog-close title=3Ddom-dialog-close&gt;close&=
lt;/a&gt;(optional DOMString returnValue);
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-dialog-element&gt;dialog&lt;/a&gt;&lt;/code&gt; element represents a=
 part of an application that a user interacts with
+  to perform a task, for example a dialog box, inspector, or window.&lt;=
/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-dialog-open title=3Dattr-dialog-open&gt=
;&lt;code&gt;open&lt;/code&gt;&lt;/dfn&gt; attribute is a &lt;a href=3D#b=
oolean-attribute&gt;boolean
+  attribute&lt;/a&gt;. When specified, it indicates that the &lt;code&gt=
;&lt;a href=3D#the-dialog-element&gt;dialog&lt;/a&gt;&lt;/code&gt; elemen=
t is active and
+  that the user can interact with it.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-dialog-element&gt;dialog&lt;/=
a&gt;&lt;/code&gt; element without an &lt;code title=3Dattr-dialog-open&g=
t;&lt;a href=3D#attr-dialog-open&gt;open&lt;/a&gt;&lt;/code&gt; attribute
+  specified should not be shown to the user. This requirement may be imp=
lemented indirectly through
+  the style layer. For example, user agents that &lt;a href=3D#rendering=
UA&gt;support the suggested
+  default rendering&lt;/a&gt; implement this requirement using the CSS r=
ules described in the &lt;a href=3D#rendering&gt;rendering section&lt;/a&=
gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;d=
ialog&lt;/var&gt; . &lt;code title=3Ddom-dialog-show&gt;&lt;a href=3D#dom=
-dialog-show&gt;show&lt;/a&gt;&lt;/code&gt;( [ &lt;var title=3D&quot;&quo=
t;&gt;anchor&lt;/var&gt; ] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Displays the &lt;code&gt;&lt;a href=3D#the-dialog-element&g=
t;dialog&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+    &lt;p&gt;The argument, if provided, provides an anchor point to whic=
h the element will be fixed.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;dialog&lt;/var&gt; . &lt;co=
de title=3Ddom-dialog-showModal&gt;&lt;a href=3D#dom-dialog-showmodal&gt;=
showModal&lt;/a&gt;&lt;/code&gt;( [ &lt;var title=3D&quot;&quot;&gt;ancho=
r&lt;/var&gt; ] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Displays the &lt;code&gt;&lt;a href=3D#the-dialog-element&g=
t;dialog&lt;/a&gt;&lt;/code&gt; element and makes it the top-most modal d=
ialog.&lt;/p&gt;
+
+    &lt;p&gt;The argument, if provided, provides an anchor point to whic=
h the element will be fixed.&lt;/p&gt;
+
+    &lt;p&gt;This method honors the &lt;code title=3Dattr-fe-autofocus&g=
t;&lt;a href=3D#attr-fe-autofocus&gt;autofocus&lt;/a&gt;&lt;/code&gt; att=
ribute.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;dialog&lt;/var&gt; . &lt;co=
de title=3Ddom-dialog-close&gt;&lt;a href=3D#dom-dialog-close&gt;close&lt=
;/a&gt;&lt;/code&gt;( [ &lt;var title=3D&quot;&quot;&gt;result&lt;/var&gt=
; ] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Closes the &lt;code&gt;&lt;a href=3D#the-dialog-element&gt;=
dialog&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+    &lt;p&gt;The argument, if provided, provides a return value.&lt;/p&g=
t;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;dialog&lt;/var&gt; . &lt;co=
de title=3Ddom-dialog-returnValue&gt;&lt;a href=3D#dom-dialog-returnvalue=
&gt;returnValue&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quot;=
&gt;result&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the &lt;code&gt;&lt;a href=3D#the-dialog-element&gt=
;dialog&lt;/a&gt;&lt;/code&gt;'s return value.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to update the return value.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;!--ADD-TOPIC:CSS--&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When the &lt;dfn id=3Ddom-dialog-show title=3Ddom-dialog-show=
&gt;&lt;code&gt;show()&lt;/code&gt;&lt;/dfn&gt; method is invoked, the us=
er
+  agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the element already has an &lt;code ti=
tle=3Dattr-dialog-open&gt;&lt;a href=3D#attr-dialog-open&gt;open&lt;/a&gt=
;&lt;/code&gt; attribute, then
+   abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Add an &lt;code title=3Dattr-dialog-open&gt;&lt;a =
href=3D#attr-dialog-open&gt;open&lt;/a&gt;&lt;/code&gt; attribute to the =
&lt;code&gt;&lt;a href=3D#the-dialog-element&gt;dialog&lt;/a&gt;&lt;/code=
&gt;
+   element, whose value is the empty string.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code title=3Ddom-dialog-show&gt;&lt;a h=
ref=3D#dom-dialog-show&gt;show()&lt;/a&gt;&lt;/code&gt; method was invoke=
d with an argument,
+   &lt;a href=3D#set-up-the-position&gt;set up the position&lt;/a&gt; of=
 the &lt;code&gt;&lt;a href=3D#the-dialog-element&gt;dialog&lt;/a&gt;&lt;=
/code&gt; element, using that argument as the
+   anchor. Otherwise, &lt;a href=3D#set-up-the-default-static-position&g=
t;set up the default static position&lt;/a&gt; of the dialog
+   element.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;Each &lt;code&gt;&lt;a href=3D#document&=
gt;Document&lt;/a&gt;&lt;/code&gt; has a stack of &lt;code&gt;&lt;a href=3D=
#the-dialog-element&gt;dialog&lt;/a&gt;&lt;/code&gt; elements known as th=
e
+  &lt;dfn id=3Dpending-dialog-stack&gt;pending dialog stack&lt;/dfn&gt;.=
 When a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code=
&gt; is created, this stack must be
+  initialized to be empty.&lt;/p&gt;
+
+  &lt;p&gt;When an element is added to the &lt;a href=3D#pending-dialog-=
stack&gt;pending dialog stack&lt;/a&gt;, it must also be added to the
+  &lt;a href=3D#top-layer&gt;top layer&lt;/a&gt; layer. When an element =
is removed from the &lt;a href=3D#pending-dialog-stack&gt;pending dialog
+  stack&lt;/a&gt;, it must be removed from the &lt;a href=3D#top-layer&g=
t;top layer&lt;/a&gt;. &lt;a href=3D#refsFULLSCREEN&gt;[FULLSCREEN]&lt;/a=
&gt;&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;dfn id=3Ddom-dialog-showmodal title=3Ddom-dialog=
-showModal&gt;&lt;code&gt;showModal()&lt;/code&gt;&lt;/dfn&gt; method is =
invoked,
+  the user agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;subje=
ct&lt;/var&gt; be the &lt;code&gt;&lt;a href=3D#the-dialog-element&gt;dia=
log&lt;/a&gt;&lt;/code&gt; element on which the method was
+   invoked.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;subject&lt;/var=
&gt; already has an &lt;code title=3Dattr-dialog-open&gt;&lt;a href=3D#at=
tr-dialog-open&gt;open&lt;/a&gt;&lt;/code&gt;
+   attribute, then throw an &lt;code&gt;&lt;a href=3D#invalidstateerror&=
gt;InvalidStateError&lt;/a&gt;&lt;/code&gt; exception and abort these ste=
ps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;subject&lt;/var=
&gt; is not &lt;a href=3D#in-a-document&gt;in a &lt;code&gt;Document&lt;/=
code&gt;&lt;/a&gt;, then throw
+   an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateError&l=
t;/a&gt;&lt;/code&gt; exception and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Add an &lt;code title=3Dattr-dialog-open&gt;&lt;a =
href=3D#attr-dialog-open&gt;open&lt;/a&gt;&lt;/code&gt; attribute to &lt;=
var title=3D&quot;&quot;&gt;subject&lt;/var&gt;, whose value is the empty=
 string.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code title=3Ddom-dialog-showModal&gt;&l=
t;a href=3D#dom-dialog-showmodal&gt;showModal()&lt;/a&gt;&lt;/code&gt; me=
thod was invoked with an
+   argument, &lt;a href=3D#set-up-the-position&gt;set up the position&lt=
;/a&gt; of &lt;var title=3D&quot;&quot;&gt;subject&lt;/var&gt;, using tha=
t argument as
+   the anchor. Otherwise, &lt;a href=3D#set-up-the-default-static-positi=
on&gt;set up the default static position&lt;/a&gt; of the dialog
+   element.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;subject&lt;/va=
r&gt;'s &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code=
&gt; be &lt;a href=3D#blocked-by-a-modal-dialog title=3D&quot;blocked by =
a modal
+   dialog&quot;&gt;blocked by the modal dialog&lt;/a&gt; &lt;var title=3D=
&quot;&quot;&gt;subject&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Push &lt;var title=3D&quot;&quot;&gt;subject&lt;/v=
ar&gt; onto &lt;var title=3D&quot;&quot;&gt;subject&lt;/var&gt;'s
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
's &lt;a href=3D#pending-dialog-stack&gt;pending dialog stack&lt;/a&gt;.&=
lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;control&lt;/va=
r&gt; be the first element in tree order whose nearest ancestor
+   &lt;code&gt;&lt;a href=3D#the-dialog-element&gt;dialog&lt;/a&gt;&lt;/=
code&gt; element is &lt;var title=3D&quot;&quot;&gt;subject&lt;/var&gt; a=
nd that has an &lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr-f=
e-autofocus&gt;autofocus&lt;/a&gt;&lt;/code&gt; attribute specified, if a=
ny.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If there is no &lt;var title=3D&quot;&quot;&gt;con=
trol&lt;/var&gt;, then abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Run the &lt;a href=3D#focusing-steps&gt;focusing s=
teps&lt;/a&gt; for &lt;var title=3D&quot;&quot;&gt;control&lt;/var&gt;.&l=
t;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;If at any time a &lt;code&gt;&lt;a href=3D#the-dia=
log-element&gt;dialog&lt;/a&gt;&lt;/code&gt; element is &lt;a href=3D#rem=
ove-an-element-from-a-document title=3D&quot;remove an element from a
+  document&quot;&gt;removed from a &lt;code&gt;Document&lt;/code&gt;&lt;=
/a&gt;, then if that &lt;code&gt;&lt;a href=3D#the-dialog-element&gt;dial=
og&lt;/a&gt;&lt;/code&gt; is in that
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'=
s &lt;a href=3D#pending-dialog-stack&gt;pending dialog stack&lt;/a&gt;, t=
he following steps must be run:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;subje=
ct&lt;/var&gt; be that &lt;code&gt;&lt;a href=3D#the-dialog-element&gt;di=
alog&lt;/a&gt;&lt;/code&gt; element and &lt;var title=3D&quot;&quot;&gt;d=
ocument&lt;/var&gt; be the &lt;code&gt;&lt;a href=3D#document&gt;Document=
&lt;/a&gt;&lt;/code&gt; from which it is being removed.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove &lt;var title=3D&quot;&quot;&gt;subject&lt;=
/var&gt; from &lt;var title=3D&quot;&quot;&gt;document&lt;/var&gt;'s &lt;=
a href=3D#pending-dialog-stack&gt;pending
+   dialog stack&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;document&lt;/va=
r&gt;'s &lt;a href=3D#pending-dialog-stack&gt;pending dialog stack&lt;/a&=
gt; is not empty, then let
+   &lt;var title=3D&quot;&quot;&gt;document&lt;/var&gt; be &lt;a href=3D=
#blocked-by-a-modal-dialog title=3D&quot;blocked by a modal dialog&quot;&=
gt;blocked by the modal
+   dialog&lt;/a&gt; that is at the top of &lt;var title=3D&quot;&quot;&g=
t;document&lt;/var&gt;'s &lt;a href=3D#pending-dialog-stack&gt;pending di=
alog
+   stack&lt;/a&gt;. Otherwise, let &lt;var title=3D&quot;&quot;&gt;docum=
ent&lt;/var&gt; be no longer &lt;a href=3D#blocked-by-a-modal-dialog&gt;b=
locked by a modal
+   dialog&lt;/a&gt; at all.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When the &lt;dfn id=3Ddom-dialog-close title=3Ddom=
-dialog-close&gt;&lt;code&gt;close()&lt;/code&gt;&lt;/dfn&gt; method is i=
nvoked, the user
+  agent must &lt;a href=3D#close-the-dialog&gt;close the dialog&lt;/a&gt=
; that the method was invoked on. If the method was invoked
+  with an argument, that argument must be used as the return value; othe=
rwise, there is no return
+  value.&lt;/p&gt;
+
+&lt;!--TOPIC:HTML--&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-dialog-element&gt;dialog=
&lt;/a&gt;&lt;/code&gt; element &lt;var title=3D&quot;&quot;&gt;subject&l=
t;/var&gt; is to be &lt;dfn id=3Dclose-the-dialog title=3D&quot;close the
+  dialog&quot;&gt;closed&lt;/dfn&gt;, optionally with a return value &lt=
;var title=3D&quot;&quot;&gt;result&lt;/var&gt;, the user agent
+  must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;subjec=
t&lt;/var&gt; does not have an &lt;code title=3Dattr-dialog-open&gt;&lt;a=
 href=3D#attr-dialog-open&gt;open&lt;/a&gt;&lt;/code&gt;
+   attribute, then throw an &lt;code&gt;&lt;a href=3D#invalidstateerror&=
gt;InvalidStateError&lt;/a&gt;&lt;/code&gt; exception and abort these ste=
ps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove &lt;var title=3D&quot;&quot;&gt;subject&lt;=
/var&gt;'s &lt;code title=3Dattr-dialog-open&gt;&lt;a href=3D#attr-dialog=
-open&gt;open&lt;/a&gt;&lt;/code&gt;
+   attribute.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the argument was passed a &lt;var title=3D&quot=
;&quot;&gt;result&lt;/var&gt;, then set the &lt;code title=3Ddom-dialog-r=
eturnValue&gt;&lt;a href=3D#dom-dialog-returnvalue&gt;returnValue&lt;/a&g=
t;&lt;/code&gt; attribute to the value of &lt;var title=3D&quot;&quot;&gt=
;result&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;subject&lt;/var&gt; is i=
n its &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&g=
t;'s &lt;a href=3D#pending-dialog-stack&gt;pending dialog
+    stack&lt;/a&gt;, then run these substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Remove &lt;var title=3D&quot;&quot;&gt;=
subject&lt;/var&gt; from that &lt;a href=3D#pending-dialog-stack&gt;pendi=
ng dialog stack&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If that &lt;a href=3D#pending-dialog-stack&gt;pe=
nding dialog stack&lt;/a&gt; is not empty, then let &lt;var title=3D&quot=
;&quot;&gt;subject&lt;/var&gt;'s &lt;code&gt;&lt;a href=3D#document&gt;Do=
cument&lt;/a&gt;&lt;/code&gt; be &lt;a href=3D#blocked-by-a-modal-dialog =
title=3D&quot;blocked by a modal
+     dialog&quot;&gt;blocked by the modal dialog&lt;/a&gt; that is at th=
e top of the &lt;a href=3D#pending-dialog-stack&gt;pending dialog
+     stack&lt;/a&gt;. Otherwise, let &lt;var title=3D&quot;&quot;&gt;doc=
ument&lt;/var&gt; be no longer &lt;a href=3D#blocked-by-a-modal-dialog&gt=
;blocked by a modal
+     dialog&lt;/a&gt; at all.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#queue-a-task&gt;Queue a task&lt;/a&g=
t; to &lt;a href=3D#fire-a-simple-event&gt;fire a simple event&lt;/a&gt; =
named &lt;dfn id=3Devent-close title=3Devent-close&gt;&lt;code&gt;close&l=
t;/code&gt;&lt;/dfn&gt; at &lt;var title=3D&quot;&quot;&gt;subject&lt;/va=
r&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;!--TOPIC:DOM APIs--&gt;&lt;p&gt;The &lt;dfn id=3Ddom-di=
alog-returnvalue title=3Ddom-dialog-returnValue&gt;&lt;code&gt;returnValu=
e&lt;/code&gt;&lt;/dfn&gt; IDL attribute, on
+  getting, must return the last value to which it was set. On setting, i=
t must be set to the new
+  value. When the element is created, it must be set to the empty string=
.&lt;/p&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+  &lt;hr&gt;&lt;p&gt;&lt;strong&gt;Canceling dialogs&lt;/strong&gt;: Whe=
n a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
's &lt;a href=3D#pending-dialog-stack&gt;pending dialog
+  stack&lt;/a&gt; is not empty, user agents may provide a user interface=
 that, upon activation, &lt;a href=3D#queue-a-task title=3D&quot;queue a =
task&quot;&gt;queues a task&lt;/a&gt; to &lt;a href=3D#fire-a-simple-even=
t&gt;fire a simple event&lt;/a&gt; named &lt;dfn id=3Devent-cancel title=3D=
event-cancel&gt;&lt;code&gt;cancel&lt;/code&gt;&lt;/dfn&gt; that is cance=
lable at the top &lt;code&gt;&lt;a href=3D#the-dialog-element&gt;dialog&l=
t;/a&gt;&lt;/code&gt;
+  element on the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt;'s &lt;a href=3D#pending-dialog-stack&gt;pending dialog sta=
ck&lt;/a&gt;. The default action of
+  this event must be to &lt;a href=3D#close-the-dialog&gt;close the dial=
og&lt;/a&gt; with no return value.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;An example of such a UI mechanism would be the u=
ser pressing the &quot;Escape&quot; key.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The containing block of all &lt;code&gt;&lt;a href=3D=
#the-dialog-element&gt;dialog&lt;/a&gt;&lt;/code&gt; elements that are &l=
t;i&gt;absolutely positioned&lt;/i&gt;
+  must be the initial containing block.&lt;/p&gt;
+
+  &lt;p&gt;All &lt;code&gt;&lt;a href=3D#the-dialog-element&gt;dialog&lt=
;/a&gt;&lt;/code&gt; elements are always in one of two modes: &lt;dfn id=3D=
mundanely-aligned&gt;mundanely aligned&lt;/dfn&gt;,
+  or &lt;dfn id=3Dmagically-aligned&gt;magically aligned&lt;/dfn&gt;. Wh=
en a &lt;code&gt;&lt;a href=3D#the-dialog-element&gt;dialog&lt;/a&gt;&lt;=
/code&gt; element is created, it must be placed
+  in the &lt;a href=3D#mundanely-aligned&gt;mundanely aligned&lt;/a&gt; =
mode and the user agent must &lt;a href=3D#set-up-the-default-static-posi=
tion&gt;set up the default static
+  position&lt;/a&gt; for that element, without an anchor.&lt;/p&gt;
+
+  &lt;p&gt;When a user agent is to &lt;dfn id=3Dset-up-the-default-stati=
c-position&gt;set up the default static position&lt;/dfn&gt; of an elemen=
t &lt;var title=3D&quot;&quot;&gt;subject&lt;/var&gt; without an anchor, =
if that element is &lt;a href=3D#being-rendered&gt;being rendered&lt;/a&g=
t;, it must
+  set up the element such that its top static position, for the purposes=
 of calculating the used
+  value of the 'top' property, is the value that would place the element=
's top margin edge as far
+  from the top of the viewport as the element's bottom margin edge from =
the bottom of the viewport,
+  if the element's height is less than the height of the viewport, and o=
therwise is the value that
+  would place the element's top margin edge at the top of the viewport.&=
lt;/p&gt;
+
+  &lt;p&gt;If there is a &lt;code&gt;&lt;a href=3D#the-dialog-element&gt=
;dialog&lt;/a&gt;&lt;/code&gt; element that is &lt;a href=3D#mundanely-al=
igned&gt;mundanely aligned&lt;/a&gt; and that is
+  &lt;a href=3D#being-rendered&gt;being rendered&lt;/a&gt; when its &lt;=
a href=3D#browsing-context&gt;browsing context&lt;/a&gt; changes viewport=
 width (as
+  measured in CSS pixels), then the user agent must &lt;a href=3D#set-up=
-the-default-static-position&gt;set up the default static position&lt;/a&=
gt;
+  of all such elements in that &lt;a href=3D#browsing-context&gt;browsin=
g context&lt;/a&gt; again, still without anchors.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-dialog-element&gt;dialog=
&lt;/a&gt;&lt;/code&gt; element that is &lt;a href=3D#mundanely-aligned&g=
t;mundanely aligned&lt;/a&gt; starts &lt;a href=3D#being-rendered&gt;bein=
g
+  rendered&lt;/a&gt;, the user agent must &lt;a href=3D#set-up-the-defau=
lt-static-position&gt;set up the default static position&lt;/a&gt; of tha=
t
+  element, without an anchor.&lt;/p&gt;
+
+  &lt;p&gt;This top static position of a &lt;a href=3D#mundanely-aligned=
&gt;mundanely aligned&lt;/a&gt; &lt;code&gt;&lt;a href=3D#the-dialog-elem=
ent&gt;dialog&lt;/a&gt;&lt;/code&gt; element must
+  remain the element's top static position until the &lt;a href=3D#set-u=
p-the-default-static-position&gt;set up the default static position&lt;/a=
&gt;
+  algorithm is once again invoked for that element. (The element's stati=
c position is only used in
+  calculating the used value of the 'top' property in certain situations=
; it's not used, for
+  instance, to position the element if its 'position' property is set to=
 'static'.)&lt;/p&gt;
+
+  &lt;p&gt;When a user agent is to &lt;dfn id=3Dset-up-the-position&gt;s=
et up the position&lt;/dfn&gt; of an element &lt;var title=3D&quot;&quot;=
&gt;subject&lt;/var&gt; using an anchor &lt;var title=3D&quot;&quot;&gt;a=
nchor&lt;/var&gt;, it must run the following
+  steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;anchor&lt;/var&gt; is a =
&lt;code&gt;&lt;a href=3D#mouseevent&gt;MouseEvent&lt;/a&gt;&lt;/code&gt;=
 object, then run these
+    substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;anch=
or&lt;/var&gt;'s target element does not have a rendered box, or is in a
+     different document than &lt;var title=3D&quot;&quot;&gt;subject&lt;=
/var&gt;, then let &lt;var title=3D&quot;&quot;&gt;subject&lt;/var&gt; be
+     &lt;a href=3D#mundanely-aligned&gt;mundanely aligned&lt;/a&gt;, &lt=
;a href=3D#set-up-the-default-static-position&gt;set up the default stati=
c position&lt;/a&gt; of &lt;var title=3D&quot;&quot;&gt;subject&lt;/var&g=
t; without an anchor, and abort the &lt;a href=3D#set-up-the-position&gt;=
set up the position&lt;/a&gt;
+     steps.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;anchor eleme=
nt&lt;/var&gt; be an anonymous element rendered as a box with
+     zero height and width (so its margin and border boxes both just for=
m a point), positioned so
+     that its top and left are at the coordinate identified by the event=
, and whose properties all
+     compute to their initial values.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;p&gt;Otherwise, let &lt;var title=3D&quot;&quot;&gt;a=
nchor element&lt;/var&gt; be &lt;var title=3D&quot;&quot;&gt;anchor&lt;/v=
ar&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;subject&lt;/va=
r&gt; be &lt;a href=3D#magically-aligned&gt;magically aligned&lt;/a&gt; t=
o &lt;var title=3D&quot;&quot;&gt;anchor
+   element&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;While an element &lt;var title=3D&quot;&quot;&gt;A=
&lt;/var&gt; is &lt;a href=3D#magically-aligned&gt;magically aligned&lt;/=
a&gt; to an element &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;, the fo=
llowing requirements apply:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;
+
+    &lt;p&gt;If at any time either &lt;var title=3D&quot;&quot;&gt;A&lt;=
/var&gt; or &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt; cease having re=
ndered
+    boxes, &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt; and &lt;var tit=
le=3D&quot;&quot;&gt;B&lt;/var&gt; cease being in the same
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
;, or &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt; ceases being earlier =
than &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt;
+    in &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt;, let &lt;var tit=
le=3D&quot;&quot;&gt;subject&lt;/var&gt; be &lt;a href=3D#mundanely-align=
ed&gt;mundanely aligned&lt;/a&gt;,
+    and &lt;a href=3D#set-up-the-default-static-position&gt;set up the d=
efault static position&lt;/a&gt; of &lt;var title=3D&quot;&quot;&gt;subje=
ct&lt;/var&gt; without an
+    anchor.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt;'s 'position' =
property must compute to the keyword '&lt;a href=3D#css-position-absolute=
-anchored title=3Dcss-position-absolute-anchored&gt;absolute-anchored&lt;=
/a&gt;' rather than whatever it would
+    otherwise compute to (i.e. the 'position' property's specified value=
 is ignored).&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The '&lt;a href=3D#css-position-absolute-ancho=
red title=3Dcss-position-absolute-anchored&gt;absolute-anchored&lt;/a&gt;=
'
+    keyword's requirements are described below.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;The anchor points for &lt;var title=3D&quot;&quot;&gt;A&lt;=
/var&gt; and &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt; are defined as=
 per the
+    appropriate entry in the following list:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the computed value of 'anchor-=
point' is 'none' on both &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt; an=
d &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;
+
+     &lt;dd&gt;
+      &lt;p&gt;The anchor points of &lt;var title=3D&quot;&quot;&gt;A&lt=
;/var&gt; and &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt; are the cente=
r points
+      of their respective first boxes' border boxes.
+
+
+     &lt;dt&gt;If the computed value of 'anchor-point' is 'none' on &lt;=
var title=3D&quot;&quot;&gt;A&lt;/var&gt; and a specific
+     point on &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;
+
+     &lt;dd&gt;
+      &lt;p&gt;The anchor point of &lt;var title=3D&quot;&quot;&gt;B&lt;=
/var&gt; is the point given by its 'anchor-point'
+      property.
+
+      &lt;p&gt;If the anchor point of &lt;var title=3D&quot;&quot;&gt;B&=
lt;/var&gt; is the center point of &lt;var title=3D&quot;&quot;&gt;B&lt;/=
var&gt;'s
+      first box's border box, then &lt;var title=3D&quot;&quot;&gt;A&lt;=
/var&gt;'s anchor point is the center point of its
+      first box's margin box.
+
+      &lt;p&gt;Otherwise, &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt;'=
s anchor point is on one of its margin edges. Consider
+      four hypothetical half-infinite lines L1, L2, L3, and L4 that each=
 start in the center of &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;'s f=
irst box's border box, and that extend respectively through the top left
+      corner, top right corner, bottom right corner, and bottom left cor=
ner of &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;'s first box's border=
 box. &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt;'s anchor point is det=
ermined
+      by the location of &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;'s=
 anchor point relative to these four hypothetical
+      lines, as follows:
+
+      &lt;p&gt;If the anchor point of &lt;var title=3D&quot;&quot;&gt;B&=
lt;/var&gt; lies on L1 or L2, or inside the area bounded
+      by L1 and L2 that also contains the points above &lt;var title=3D&=
quot;&quot;&gt;B&lt;/var&gt;'s first box's border
+      box, then let &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt;'s anch=
or point be the horizontal center of &lt;var title=3D&quot;&quot;&gt;A&lt=
;/var&gt;'s bottom margin edge.&lt;/p&gt;
+
+      &lt;p&gt;Otherwise, if the anchor point of &lt;var title=3D&quot;&=
quot;&gt;B&lt;/var&gt; lies on L3 or L4, or inside the
+      area bounded by L4 and L4 that also contains the points below &lt;=
var title=3D&quot;&quot;&gt;B&lt;/var&gt;'s first
+      box's border box, then let &lt;var title=3D&quot;&quot;&gt;A&lt;/v=
ar&gt;'s anchor point be the horizontal center of
+      &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt;'s top margin edge.&l=
t;/p&gt;
+
+      &lt;p&gt;Otherwise, if the anchor point of &lt;var title=3D&quot;&=
quot;&gt;B&lt;/var&gt; lies inside the area bounded by L4
+      and L1 that also contains the points to the left of &lt;var title=3D=
&quot;&quot;&gt;B&lt;/var&gt;'s first box's border
+      box, then let &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt;'s anch=
or point be the vertical center of &lt;var title=3D&quot;&quot;&gt;A&lt;/=
var&gt;'s right margin edge.&lt;/p&gt;
+
+      &lt;p&gt;Otherwise, the anchor point of &lt;var title=3D&quot;&quo=
t;&gt;B&lt;/var&gt; lies inside the area bounded by L2 and
+      L3 that also contains the points to the right of &lt;var title=3D&=
quot;&quot;&gt;B&lt;/var&gt;'s first box's border
+      box; let &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt;'s anchor po=
int be the vertical center of &lt;var title=3D&quot;&quot;&gt;A&lt;/var&g=
t;'s left margin edge.&lt;/p&gt;
+
+
+     &lt;dt&gt;If the computed value of 'anchor-point' is a specific poi=
nt on &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt; and
+     'none' on &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;
+
+     &lt;dd&gt;
+      &lt;p&gt;The anchor point of &lt;var title=3D&quot;&quot;&gt;A&lt;=
/var&gt; is the point given by its 'anchor-point'
+      property.
+
+      &lt;p&gt;If the anchor point of &lt;var title=3D&quot;&quot;&gt;A&=
lt;/var&gt; is the center point of &lt;var title=3D&quot;&quot;&gt;A&lt;/=
var&gt;'s
+      first box's margin box, then &lt;var title=3D&quot;&quot;&gt;B&lt;=
/var&gt;'s anchor point is the center point of its
+      first box's border box.
+
+      &lt;p&gt;Otherwise, &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;'=
s anchor point is on one of its border edges. Consider
+      four hypothetical half-infinite lines L1, L2, L3, and L4 that each=
 start in the center of &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt;'s f=
irst box's margin box, and that extend respectively through the top left
+      corner, top right corner, bottom right corner, and bottom left cor=
ner of &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt;'s first box's margin=
 box. &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;'s anchor point is det=
ermined
+      by the location of &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt;'s=
 anchor point relative to these four hypothetical
+      lines, as follows:
+
+      &lt;p&gt;If the anchor point of &lt;var title=3D&quot;&quot;&gt;A&=
lt;/var&gt; lies on L1 or L2, or inside the area bounded
+      by L1 and L2 that also contains the points above &lt;var title=3D&=
quot;&quot;&gt;A&lt;/var&gt;'s first box's margin
+      box, then let &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;'s anch=
or point be the horizontal center of &lt;var title=3D&quot;&quot;&gt;B&lt=
;/var&gt;'s bottom border edge.&lt;/p&gt;
+
+      &lt;p&gt;Otherwise, if the anchor point of &lt;var title=3D&quot;&=
quot;&gt;A&lt;/var&gt; lies on L3 or L4, or inside the
+      area bounded by L4 and L4 that also contains the points below &lt;=
var title=3D&quot;&quot;&gt;A&lt;/var&gt;'s first
+      box's margin box, then let &lt;var title=3D&quot;&quot;&gt;B&lt;/v=
ar&gt;'s anchor point be the horizontal center of
+      &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;'s top border edge.&l=
t;/p&gt;
+
+      &lt;p&gt;Otherwise, if the anchor point of &lt;var title=3D&quot;&=
quot;&gt;A&lt;/var&gt; lies inside the area bounded by L4
+      and L1 that also contains the points to the left of &lt;var title=3D=
&quot;&quot;&gt;A&lt;/var&gt;'s first box's margin
+      box, then let &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;'s anch=
or point be the vertical center of &lt;var title=3D&quot;&quot;&gt;B&lt;/=
var&gt;'s right border edge.&lt;/p&gt;
+
+      &lt;p&gt;Otherwise, the anchor point of &lt;var title=3D&quot;&quo=
t;&gt;A&lt;/var&gt; lies inside the area bounded by L2 and
+      L3 that also contains the points to the right of &lt;var title=3D&=
quot;&quot;&gt;A&lt;/var&gt;'s first box's margin
+      box; let &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;'s anchor po=
int be the vertical center of &lt;var title=3D&quot;&quot;&gt;B&lt;/var&g=
t;'s left border edge.&lt;/p&gt;
+
+
+     &lt;dt&gt;If the computed value of 'anchor-point' is a specific poi=
nt on both &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt;
+     and &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;
+
+     &lt;dd&gt;
+      &lt;p&gt;The anchor points of &lt;var title=3D&quot;&quot;&gt;A&lt=
;/var&gt; and &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt; are the point=
s given
+      by their respective 'anchor-point' properties.
+
+    &lt;/dl&gt;&lt;p class=3Dnote&gt;The rules above generally use &lt;v=
ar title=3D&quot;&quot;&gt;A&lt;/var&gt;'s &lt;em&gt;margin&lt;/em&gt; bo=
x, but
+    &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;'s &lt;em&gt;border&lt;=
/em&gt; box. This is because while &lt;var title=3D&quot;&quot;&gt;A&lt;/=
var&gt; always
+    has a margin box, and using the margin box allows for the dialog to =
be positioned offset from
+    the box it is annotating, &lt;var title=3D&quot;&quot;&gt;B&lt;/var&=
gt; sometimes does not have a margin box (e.g. if it
+    is a table-cell), or has a margin box whose position may be not enti=
rely clear (e.g. in the face
+    of margin collapsing and 'clear' handling of in-flow blocks).&lt;/p&=
gt;
+
+    &lt;p&gt;In cases where &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt=
; does not have a border box but its border box is used by
+    the algorithm above, user agents must use its first box's content ar=
ea instead. (This is in
+    particular an issue with boxes in tables that have 'border-collapse'=
 set to 'collapse'.)&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;When an element's 'position' property computes to '&lt;dfn =
id=3Dcss-position-absolute-anchored title=3Dcss-position-absolute-anchore=
d&gt;absolute-anchored&lt;/dfn&gt;', the 'float' property does not
+    apply and must compute to 'none', the 'display' property must comput=
e to a value as described by
+    the table in &lt;a href=3Dhttp://www.w3.org/TR/CSS21/visuren.html#di=
s-pos-flo&gt;the section of CSS
+    2.1 describing the &lt;cite&gt;relationships between 'display', 'pos=
ition', and 'float'&lt;/cite&gt;&lt;/a&gt;,
+    and the element's box must be positioned using the rules for absolut=
e positioning but with its
+    static position set such that if the box is positioned in its static=
 position, its anchor point
+    is exactly aligned over the anchor point of the element to which it =
is &lt;a href=3D#magically-aligned&gt;magically
+    aligned&lt;/a&gt;. Elements aligned in this way are &lt;i&gt;absolut=
ely positioned&lt;/i&gt;. For the purposes
+    of determining the containing block of other elements, the '&lt;a hr=
ef=3D#css-position-absolute-anchored title=3Dcss-position-absolute-anchor=
ed&gt;absolute-anchored&lt;/a&gt;' keyword must be treated like
+    the 'absolute' keyword.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p class=3Dnote&gt;The trivial example of an element tha=
t does not have a rendered box is one whose
+  'display' property computes to 'none'. However, there are many other c=
ases; e.g. table columns do
+  not have boxes (their properties merely affect other boxes).&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;If an element to which another element is anchor=
ed changes rendering, the anchored
+  element will be be repositioned accordingly. (In other words, the requ=
irements above are live,
+  they are not just calculated once per anchored element.)&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The '&lt;a href=3D#css-position-absolute-anchore=
d title=3Dcss-position-absolute-anchored&gt;absolute-anchored&lt;/a&gt;'
+  keyword is not a keyword that can be specified in CSS; the 'position' =
property can only compute to
+  this value if the &lt;code&gt;&lt;a href=3D#the-dialog-element&gt;dial=
og&lt;/a&gt;&lt;/code&gt; element is positioned via the APIs described ab=
ove.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Elements positioned in this way are not clipped =
by the 'overflow' property of
+  ancestors (nor moved by the resulting scrolling mechanisms), since the=
 containing block is the
+  initial containing block. Anchoring to an element that &lt;em&gt;is&lt=
;/em&gt; so clipped (and shifted) can
+  therefore result in unexpected effects (where the anchored element mov=
es along with the clipped
+  element, but isn't itself clipped).&lt;/p&gt;
+
+  &lt;hr&gt;&lt;!--TOPIC:DOM APIs--&gt;&lt;p&gt;The &lt;dfn id=3Ddom-dia=
log-open title=3Ddom-dialog-open&gt;&lt;code&gt;open&lt;/code&gt;&lt;/dfn=
&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-d=
ialog-open&gt;&lt;a href=3D#attr-dialog-open&gt;open&lt;/a&gt;&lt;/code&g=
t; content attribute.&lt;/p&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Danchor-points&gt;&lt;span class=3Dsecno&gt;4.11.7.1 &lt;/s=
pan&gt;Anchor points&lt;/h5&gt;
+
+  &lt;p class=3Dcritical&gt;This section will eventually be moved to a C=
SS specification; it is specified
+  here only on an interim basis until an editor can be found to own this=
.&lt;/p&gt;
+
+  &lt;table class=3Dcss-property&gt;&lt;caption&gt;'anchor-point'&lt;/ca=
ption&gt;
+   &lt;tr&gt;&lt;th&gt;Value:
+    &lt;td&gt; none | &amp;lt;position&amp;gt;
+   &lt;tr&gt;&lt;th&gt;Initial:
+    &lt;td&gt; none
+   &lt;tr&gt;&lt;th&gt;Applies to:
+    &lt;td&gt; all elements
+   &lt;tr&gt;&lt;th&gt;Inherited:
+    &lt;td&gt; no
+   &lt;tr&gt;&lt;th&gt;Percentages:
+    &lt;td&gt; refer to width or height of box; see prose
+   &lt;tr&gt;&lt;th&gt;Media:
+    &lt;td&gt; visual
+   &lt;tr&gt;&lt;th&gt;Computed value:
+    &lt;td&gt; The specified value, but with any lengths replaced by the=
ir corresponding absolute length
+   &lt;tr&gt;&lt;th&gt;Animatable:
+    &lt;td&gt; no
+   &lt;tr&gt;&lt;th&gt;Canonical order:
+    &lt;td&gt; per grammar
+  &lt;/table&gt;&lt;p&gt;The 'anchor-point' property specifies a point t=
o which dialog boxes are to be aligned.&lt;/p&gt;
+
+  &lt;p&gt;If the value is a &amp;lt;position&amp;gt;, the alignment poi=
nt is the point given by the value, which
+  must be interpreted relative to the element's first rendered box's mar=
gin box. Percentages must be
+  calculated relative to the element's first rendered box's margin box (=
specifically, its width for
+  the horizontal position and its height for the vertical position). &lt=
;a href=3D#refsCSSVALUES&gt;[CSSVALUES]&lt;/a&gt; &lt;a href=3D#refsCSS&g=
t;[CSS]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;If the value is the keyword 'none', then no explicit alignmen=
t point is defined. The user agent
+  will pick an alignment point automatically if necessary (as described =
in the definition of the
+  &lt;code title=3Ddom-dialog-open&gt;&lt;a href=3D#dom-dialog-open&gt;o=
pen()&lt;/a&gt;&lt;/code&gt; method above).&lt;/p&gt;
+
+&lt;!--REMOVE-TOPIC:CSS--&gt;
+
+
+
+  &lt;h3 id=3Dscripting-1&gt;&lt;span class=3Dsecno&gt;4.12 &lt;/span&gt=
;Scripting&lt;/h3&gt;
+
+  &lt;p&gt;Scripts allow authors to add interactivity to their documents=
.&lt;/p&gt;
+
+  &lt;p&gt;Authors are encouraged to use declarative alternatives to scr=
ipting where possible, as
+  declarative mechanisms are often more maintainable, and many users dis=
able scripting.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For example, instead of using script to show or hide a secti=
on to show more details, the
+   &lt;code&gt;&lt;a href=3D#the-details-element&gt;details&lt;/a&gt;&lt=
;/code&gt; element could be used.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;Authors are also encouraged to make their applications degrad=
e gracefully in the absence of
+  scripting support.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For example, if an author provides a link in a table header =
to dynamically resort the table,
+   the link could also be made to function without scripts by requesting=
 the sorted table from the
+   server.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dthe-script-element&gt;&lt;span class=3Dsecno&gt;4.12.1 &lt=
;/span&gt;The &lt;dfn id=3Dscript&gt;&lt;code&gt;script&lt;/code&gt;&lt;/=
dfn&gt; element&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#metadata-content&gt;Metadata content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#script-supporting-elements title=3D&quot;scri=
pt-supporting elements&quot;&gt;Script-supporting element&lt;/a&gt;.&lt;/=
dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#metadata-content&gt;metadata content&lt=
;/a&gt; is expected.&lt;/dd&gt;
+   &lt;dd&gt;Where &lt;a href=3D#phrasing-content&gt;phrasing content&lt=
;/a&gt; is expected.&lt;/dd&gt;
+   &lt;dd&gt;Where &lt;a href=3D#script-supporting-elements&gt;script-su=
pporting elements&lt;/a&gt; are expected.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;If there is no &lt;code title=3Dattr-script-src&gt;&lt;a hr=
ef=3D#attr-script-src&gt;src&lt;/a&gt;&lt;/code&gt;
+   attribute, depends on the value of the &lt;code title=3Dattr-script-t=
ype&gt;&lt;a href=3D#attr-script-type&gt;type&lt;/a&gt;&lt;/code&gt; attr=
ibute, but must match
+   &lt;a href=3D#restrictions-for-contents-of-script-elements&gt;script =
content restrictions&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;If there &lt;em&gt;is&lt;/em&gt; a &lt;code title=3Dattr-sc=
ript-src&gt;&lt;a href=3D#attr-script-src&gt;src&lt;/a&gt;&lt;/code&gt;
+   attribute, the element must be either empty or contain only
+   &lt;a href=3D#inline-documentation-for-external-scripts&gt;script doc=
umentation&lt;/a&gt; that also matches &lt;a href=3D#restrictions-for-con=
tents-of-script-elements&gt;script
+   content restrictions&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-script-src&gt;&lt;a href=3D#attr-scri=
pt-src&gt;src&lt;/a&gt;&lt;/code&gt; &amp;mdash; Address of the resource&=
lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-script-type&gt;&lt;a href=3D#attr-scr=
ipt-type&gt;type&lt;/a&gt;&lt;/code&gt; &amp;mdash; Type of embedded reso=
urce&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-script-charset&gt;&lt;a href=3D#attr-=
script-charset&gt;charset&lt;/a&gt;&lt;/code&gt; &amp;mdash; Character en=
coding of the external script resource&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-script-async&gt;&lt;a href=3D#attr-sc=
ript-async&gt;async&lt;/a&gt;&lt;/code&gt; &amp;mdash; Execute script asy=
nchronously&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-script-defer&gt;&lt;a href=3D#attr-sc=
ript-defer&gt;defer&lt;/a&gt;&lt;/code&gt; &amp;mdash; Defer script execu=
tion&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-script-crossorigin&gt;&lt;a href=3D#a=
ttr-script-crossorigin&gt;crossorigin&lt;/a&gt;&lt;/code&gt; &amp;mdash; =
How the element handles crossorigin requests&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmlscriptelement&gt;HTMLS=
criptElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a=
&gt; {
+           attribute DOMString &lt;a href=3D#dom-script-src title=3Ddom-=
script-src&gt;src&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-script-type title=3Ddom=
-script-type&gt;type&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-script-charset title=3D=
dom-script-charset&gt;charset&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-script-async title=3Ddom-=
script-async&gt;async&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-script-defer title=3Ddom-=
script-defer&gt;defer&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-script-crossorigin titl=
e=3Ddom-script-crossorigin&gt;crossOrigin&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-script-text title=3Ddom=
-script-text&gt;text&lt;/a&gt;;
+
+  // &lt;a href=3D&quot;#HTMLScriptElement-partial&quot;&gt;also has obs=
olete members&lt;/a&gt;
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-script-element&gt;script&lt;/a&gt;&lt;/code&gt; element allows autho=
rs to include dynamic script and data blocks in
+  their documents. The element does not &lt;a href=3D#represents title=3D=
represents&gt;represent&lt;/a&gt; content for the
+  user.&lt;/p&gt;
+
+  &lt;p&gt;When used to include dynamic scripts, the scripts may either =
be embedded inline or may be
+  imported from an external file using the &lt;code title=3Dattr-script-=
src&gt;&lt;a href=3D#attr-script-src&gt;src&lt;/a&gt;&lt;/code&gt; attrib=
ute. If
+  the language is not that described by &quot;&lt;code title=3D&quot;&qu=
ot;&gt;text/javascript&lt;/code&gt;&quot;, then the &lt;code title=3Dattr=
-script-type&gt;&lt;a href=3D#attr-script-type&gt;type&lt;/a&gt;&lt;/code=
&gt; attribute must be present, as described below. Whatever
+  language is used, the contents of the &lt;code&gt;&lt;a href=3D#the-sc=
ript-element&gt;script&lt;/a&gt;&lt;/code&gt; element must conform with t=
he
+  requirements of that language's specification.&lt;/p&gt;
+
+  &lt;p&gt;When used to include data blocks (as opposed to scripts), the=
 data must be embedded inline, the
+  format of the data must be given using the &lt;code title=3Dattr-scrip=
t-type&gt;&lt;a href=3D#attr-script-type&gt;type&lt;/a&gt;&lt;/code&gt; a=
ttribute,
+  the &lt;code title=3Dattr-script-src&gt;&lt;a href=3D#attr-script-src&=
gt;src&lt;/a&gt;&lt;/code&gt; attribute must not be specified, and the co=
ntents of
+  the &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&l=
t;/code&gt; element must conform to the requirements defined for the form=
at used.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-script-type title=3Dattr-script-type&gt=
;&lt;code&gt;type&lt;/code&gt;&lt;/dfn&gt; attribute gives the language o=
f the
+  script or format of the data. If the attribute is present, its value m=
ust be a &lt;a href=3D#valid-mime-type&gt;valid MIME
+  type&lt;/a&gt;. The &lt;code title=3D&quot;&quot;&gt;charset&lt;/code&=
gt; parameter must not be specified. The default, which
+  is used if the attribute is absent, is &quot;&lt;code title=3D&quot;&q=
uot;&gt;text/javascript&lt;/code&gt;&quot;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-script-src title=3Dattr-script-src&gt;&=
lt;code&gt;src&lt;/code&gt;&lt;/dfn&gt; attribute, if specified, gives th=
e
+  address of the external script resource to use. The value of the attri=
bute must be a &lt;a href=3D#valid-non-empty-url-potentially-surrounded-b=
y-spaces&gt;valid
+  non-empty URL potentially surrounded by spaces&lt;/a&gt; identifying a=
 script resource of the type
+  given by the &lt;code title=3Dattr-script-type&gt;&lt;a href=3D#attr-s=
cript-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute, if the attribute is =
present, or
+  of the type &quot;&lt;code title=3D&quot;&quot;&gt;text/javascript&lt;=
/code&gt;&quot;, if the attribute is absent. A resource is a
+  script resource of a given type if that type identifies a scripting la=
nguage and the resource
+  conforms with the requirements of that language's specification.&lt;/p=
&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-script-charset title=3Dattr-script-char=
set&gt;&lt;code&gt;charset&lt;/code&gt;&lt;/dfn&gt; attribute gives the c=
haracter
+  encoding of the external script resource. The attribute must not be sp=
ecified if the &lt;code title=3Dattr-script-src&gt;&lt;a href=3D#attr-scr=
ipt-src&gt;src&lt;/a&gt;&lt;/code&gt; attribute is not present. If the at=
tribute is set, its value
+  must be an &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-insensit=
ive&lt;/a&gt; match for one of the &lt;a href=3D#encoding-label title=3D&=
quot;encoding
+  label&quot;&gt;labels&lt;/a&gt; of an &lt;a href=3D#encoding&gt;encodi=
ng&lt;/a&gt;, and must specify the same &lt;a href=3D#encoding&gt;encodin=
g&lt;/a&gt; as
+  the &lt;code title=3D&quot;&quot;&gt;charset&lt;/code&gt; parameter of=
 the &lt;a href=3D#content-type title=3DContent-Type&gt;Content-Type
+  metadata&lt;/a&gt; of the external file, if any. &lt;a href=3D#refsENC=
ODING&gt;[ENCODING]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-script-async title=3Dattr-script-async&=
gt;&lt;code&gt;async&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Dattr-scrip=
t-defer title=3Dattr-script-defer&gt;&lt;code&gt;defer&lt;/code&gt;&lt;/d=
fn&gt; attributes are &lt;a href=3D#boolean-attribute title=3D&quot;boole=
an
+  attribute&quot;&gt;boolean attributes&lt;/a&gt; that indicate how the =
script should be executed. The &lt;code title=3Dattr-script-defer&gt;&lt;=
a href=3D#attr-script-defer&gt;defer&lt;/a&gt;&lt;/code&gt; and &lt;code =
title=3Dattr-script-async&gt;&lt;a href=3D#attr-script-async&gt;async&lt;=
/a&gt;&lt;/code&gt; attributes
+  must not be specified if the &lt;code title=3Dattr-script-src&gt;&lt;a=
 href=3D#attr-script-src&gt;src&lt;/a&gt;&lt;/code&gt; attribute is not
+  present.&lt;/p&gt;
+
+  &lt;p&gt;There are three possible modes that can be selected using the=
se attributes. If the &lt;code title=3Dattr-script-async&gt;&lt;a href=3D=
#attr-script-async&gt;async&lt;/a&gt;&lt;/code&gt; attribute is present, =
then the script will be executed
+  asynchronously, as soon as it is available. If the &lt;code title=3Dat=
tr-script-async&gt;&lt;a href=3D#attr-script-async&gt;async&lt;/a&gt;&lt;=
/code&gt;
+  attribute is not present but the &lt;code title=3Dattr-script-defer&gt=
;&lt;a href=3D#attr-script-defer&gt;defer&lt;/a&gt;&lt;/code&gt; attribut=
e is
+  present, then the script is executed when the page has finished parsin=
g. If neither attribute is
+  present, then the script is fetched and executed immediately, before t=
he user agent continues
+  parsing the page.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The exact processing details for these attribute=
s are, for mostly historical
+  reasons, somewhat non-trivial, involving a number of aspects of HTML. =
The implementation
+  requirements are therefore by necessity scattered throughout the speci=
fication. The algorithms
+  below (in this section) describe the core of this processing, but thes=
e algorithms reference and
+  are referenced by the parsing rules for &lt;code&gt;&lt;a href=3D#the-=
script-element&gt;script&lt;/a&gt;&lt;/code&gt; &lt;a href=3D#scriptTag&g=
t;start&lt;/a&gt; and &lt;a href=3D#scriptEndTag&gt;end&lt;/a&gt; tags in=
 HTML, &lt;a href=3D#scriptForeignEndTag&gt;in foreign content&lt;/a&gt;,
+  and &lt;a href=3D#scriptTagXML&gt;in XML&lt;/a&gt;, the rules for the =
&lt;code title=3Ddom-document-write&gt;&lt;a href=3D#dom-document-write&g=
t;document.write()&lt;/a&gt;&lt;/code&gt; method, the handling of &lt;a h=
ref=3D#scripting&gt;scripting&lt;/a&gt;, etc.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-script-defer&gt;&lt;a href=3D#attr-=
script-defer&gt;defer&lt;/a&gt;&lt;/code&gt; attribute may be specified e=
ven if the &lt;code title=3Dattr-script-async&gt;&lt;a href=3D#attr-scrip=
t-async&gt;async&lt;/a&gt;&lt;/code&gt; attribute is specified, to cause =
legacy Web browsers that
+  only support &lt;code title=3Dattr-script-defer&gt;&lt;a href=3D#attr-=
script-defer&gt;defer&lt;/a&gt;&lt;/code&gt; (and not &lt;code title=3Dat=
tr-script-async&gt;&lt;a href=3D#attr-script-async&gt;async&lt;/a&gt;&lt;=
/code&gt;) to fall back to the &lt;code title=3Dattr-script-defer&gt;&lt;=
a href=3D#attr-script-defer&gt;defer&lt;/a&gt;&lt;/code&gt; behavior inst=
ead of the synchronous blocking behavior that
+  is the default.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-script-crossorigin title=3Dattr-script-=
crossorigin&gt;&lt;code&gt;crossorigin&lt;/code&gt;&lt;/dfn&gt; attribute=
 is a
+  &lt;a href=3D#cors-settings-attribute&gt;CORS settings attribute&lt;/a=
&gt;. It controls, for scripts that are obtained from other &lt;a href=3D=
#origin title=3Dorigin&gt;origins&lt;/a&gt;, whether error information wi=
ll be exposed.&lt;/p&gt;
+
+  &lt;p&gt;Changing the &lt;code title=3Dattr-script-src&gt;&lt;a href=3D=
#attr-script-src&gt;src&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-scr=
ipt-type&gt;&lt;a href=3D#attr-script-type&gt;type&lt;/a&gt;&lt;/code&gt;=
, &lt;code title=3Dattr-script-charset&gt;&lt;a href=3D#attr-script-chars=
et&gt;charset&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dattr-script-async&=
gt;&lt;a href=3D#attr-script-async&gt;async&lt;/a&gt;&lt;/code&gt;, &lt;c=
ode title=3Dattr-script-defer&gt;&lt;a href=3D#attr-script-defer&gt;defer=
&lt;/a&gt;&lt;/code&gt;, and &lt;code title=3Dattr-script-crossorigin&gt;=
&lt;a href=3D#attr-script-crossorigin&gt;crossorigin&lt;/a&gt;&lt;/code&g=
t; attributes dynamically has no direct effect;
+  these attribute are only used at specific times described below.&lt;/p=
&gt; &lt;!-- by implication, changes
+  to the base URL also have no effect --&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/=
a&gt;&lt;/code&gt; element has several associated pieces of state.&lt;/p&=
gt;
+
+  &lt;p&gt;The first is a flag indicating whether or not the script bloc=
k has been &lt;dfn id=3Dalready-started&gt;&quot;already
+  started&quot;&lt;/dfn&gt;. Initially, &lt;code&gt;&lt;a href=3D#the-sc=
ript-element&gt;script&lt;/a&gt;&lt;/code&gt; elements must have this fla=
g unset (script blocks,
+  when created, are not &quot;already started&quot;). The &lt;a href=3D#=
concept-node-clone-ext title=3Dconcept-node-clone-ext&gt;cloning
+  steps&lt;/a&gt; for &lt;code&gt;&lt;a href=3D#the-script-element&gt;sc=
ript&lt;/a&gt;&lt;/code&gt; elements must set the &quot;already started&q=
uot; flag on the copy if
+  it is set on the element being cloned.&lt;/p&gt;
+
+  &lt;p&gt;The second is a flag indicating whether the element was &lt;d=
fn id=3Dparser-inserted&gt;&quot;parser-inserted&quot;&lt;/dfn&gt;.
+  Initially, &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/=
a&gt;&lt;/code&gt; elements must have this flag unset. It is set by the &=
lt;a href=3D#html-parser&gt;HTML
+  parser&lt;/a&gt; and the &lt;a href=3D#xml-parser&gt;XML parser&lt;/a&=
gt; on &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&l=
t;/code&gt; elements they insert and
+  affects the processing of those elements.&lt;/p&gt;
+
+  &lt;p&gt;The third is a flag indicating whether the element will &lt;d=
fn id=3Dforce-async&gt;&quot;force-async&quot;&lt;/dfn&gt;. Initially,
+  &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/c=
ode&gt; elements must have this flag set. It is unset by the &lt;a href=3D=
#html-parser&gt;HTML parser&lt;/a&gt;
+  and the &lt;a href=3D#xml-parser&gt;XML parser&lt;/a&gt; on &lt;code&g=
t;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/code&gt; eleme=
nts they insert. In addition, whenever
+  a &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;=
/code&gt; element whose &lt;a href=3D#force-async&gt;&quot;force-async&qu=
ot;&lt;/a&gt; flag is set has a &lt;code title=3Dattr-script-async&gt;&lt=
;a href=3D#attr-script-async&gt;async&lt;/a&gt;&lt;/code&gt; content attr=
ibute added, the element's
+  &lt;a href=3D#force-async&gt;&quot;force-async&quot;&lt;/a&gt; flag mu=
st be unset.&lt;/p&gt; &lt;!-- there's no need to unset it when the
+  attribute is removed since you can't have the attribute and the flag s=
et at once. --&gt;
+
+  &lt;p&gt;The fourth is a flag indicating whether or not the script blo=
ck is &lt;dfn id=3Dready-to-be-parser-executed&gt;&quot;ready to be
+  parser-executed&quot;&lt;/dfn&gt;. Initially, &lt;code&gt;&lt;a href=3D=
#the-script-element&gt;script&lt;/a&gt;&lt;/code&gt; elements must have t=
his flag unset (script
+  blocks, when created, are not &quot;ready to be parser-executed&quot;)=
. This flag is used only for elements
+  that are also &lt;a href=3D#parser-inserted&gt;&quot;parser-inserted&q=
uot;&lt;/a&gt;, to let the parser know when to execute the
+  script.&lt;/p&gt;
+
+  &lt;p&gt;The last few pieces of state are &lt;dfn id=3D&quot;the-scrip=
t-block's-type&quot;&gt;&lt;var&gt;the script block's type&lt;/var&gt;&lt=
;/dfn&gt;, &lt;dfn id=3D&quot;the-script-block's-character-encoding&quot;=
&gt;&lt;var&gt;the
+  script block's character encoding&lt;/var&gt;&lt;/dfn&gt;, and &lt;dfn=
 id=3D&quot;the-script-block's-fallback-character-encoding&quot;&gt;&lt;v=
ar&gt;the script block's fallback character
+  encoding&lt;/var&gt;&lt;/dfn&gt;. They are determined when the script =
is prepared, based on the attributes on
+  the element at that time, and the &lt;code&gt;&lt;a href=3D#document&g=
t;Document&lt;/a&gt;&lt;/code&gt; of the &lt;code&gt;&lt;a href=3D#the-sc=
ript-element&gt;script&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-script-element&gt;script=
&lt;/a&gt;&lt;/code&gt; element that is not marked as being &lt;a href=3D=
#parser-inserted&gt;&quot;parser-inserted&quot;&lt;/a&gt;
+  experiences one of the events listed in the following list, the user a=
gent must synchronously
+  &lt;a href=3D#prepare-a-script title=3D&quot;prepare a script&quot;&gt=
;prepare&lt;/a&gt; the &lt;code&gt;&lt;a href=3D#the-script-element&gt;sc=
ript&lt;/a&gt;&lt;/code&gt; element:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;The &lt;code&gt;&lt;a href=3D#the-script-element&g=
t;script&lt;/a&gt;&lt;/code&gt; element gets &lt;a href=3D#insert-an-elem=
ent-into-a-document title=3D&quot;insert an element into a document&quot;=
&gt;inserted
+   into a document&lt;/a&gt;, at the time the &lt;a href=3D#nodes-are-in=
serted title=3D&quot;nodes are inserted&quot;&gt;node is inserted&lt;/a&g=
t;
+   according to the DOM, after any other &lt;code&gt;&lt;a href=3D#the-s=
cript-element&gt;script&lt;/a&gt;&lt;/code&gt; elements inserted at the s=
ame time that
+   are earlier in the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;=
/a&gt;&lt;/code&gt; in &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt;.&=
lt;/li&gt;
+
+   &lt;li&gt;The &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&=
lt;/a&gt;&lt;/code&gt; element is &lt;a href=3D#in-a-document&gt;in a &lt=
;code&gt;Document&lt;/code&gt;&lt;/a&gt; and a node or
+   document fragment is &lt;a href=3D#nodes-are-inserted title=3D&quot;n=
odes are inserted&quot;&gt;inserted&lt;/a&gt; into the
+   &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/=
code&gt; element, after any &lt;code&gt;&lt;a href=3D#the-script-element&=
gt;script&lt;/a&gt;&lt;/code&gt; elements &lt;a href=3D#nodes-are-inserte=
d title=3D&quot;nodes are
+   inserted&quot;&gt;inserted&lt;/a&gt; at that time.&lt;/li&gt;
+
+   &lt;li&gt;The &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&=
lt;/a&gt;&lt;/code&gt; element is &lt;a href=3D#in-a-document&gt;in a &lt=
;code&gt;Document&lt;/code&gt;&lt;/a&gt; and has a &lt;code title=3Dattr-=
script-src&gt;&lt;a href=3D#attr-script-src&gt;src&lt;/a&gt;&lt;/code&gt;=
 attribute set where previously the element had no such
+   attribute.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;To &lt;dfn id=3Dprepare-a-script title=3D&quot;pre=
pare a script&quot;&gt;prepare a script&lt;/dfn&gt;, the user agent must =
act as
+  follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-script-element&gt;scri=
pt&lt;/a&gt;&lt;/code&gt; element is marked as having &lt;a href=3D#alrea=
dy-started&gt;&quot;already started&quot;&lt;/a&gt;, then
+    the user agent must abort these steps at this point. The script is n=
ot executed.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the element has its &lt;a href=3D#parser-inserted&gt;&qu=
ot;parser-inserted&quot;&lt;/a&gt; flag set, then set &lt;var title=3D&qu=
ot;&quot;&gt;was-parser-inserted&lt;/var&gt; to true and unset the elemen=
t's
+    &lt;a href=3D#parser-inserted&gt;&quot;parser-inserted&quot;&lt;/a&g=
t; flag. Otherwise, set &lt;var title=3D&quot;&quot;&gt;was-parser-insert=
ed&lt;/var&gt; to
+    false.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This is done so that if parser-inserted &lt;co=
de&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/code&gt; e=
lements fail to run
+    when the parser tries to run them, e.g. because they are empty or sp=
ecify an unsupported
+    scripting language, another script can later mutate them and cause t=
hem to run again.&lt;/p&gt;
+
+    &lt;!-- q.v. http://hsivonen.iki.fi/test/moz/script-setting-src-on-p=
arser-inserted-script.html --&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;was-parser-inserted&lt;/=
var&gt; is true and the element does not have an &lt;code title=3Dattr-sc=
ript-async&gt;&lt;a href=3D#attr-script-async&gt;async&lt;/a&gt;&lt;/code=
&gt; attribute, then set the element's
+    &lt;a href=3D#force-async&gt;&quot;force-async&quot;&lt;/a&gt; flag =
to true.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This is done so that if a parser-inserted &lt;=
code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/code&gt;=
 element fails to
+    run when the parser tries to run it, but it is later executed after =
a script dynamically updates
+    it, it will execute asynchronously even if the &lt;code title=3Dattr=
-script-async&gt;&lt;a href=3D#attr-script-async&gt;async&lt;/a&gt;&lt;/c=
ode&gt;
+    attribute isn't set.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li id=3Dscript-processing-empty&gt;
+
+    &lt;p&gt;If the element has no &lt;code title=3Dattr-script-src&gt;&=
lt;a href=3D#attr-script-src&gt;src&lt;/a&gt;&lt;/code&gt; attribute, and=
 its child
+    nodes, if any, consist only of comment nodes and empty &lt;code&gt;&=
lt;a href=3D#text&gt;Text&lt;/a&gt;&lt;/code&gt; nodes, then the user
+    agent must abort these steps at this point. The script is not execut=
ed.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the element is not &lt;a href=3D#in-a-document&gt;in a &=
lt;code&gt;Document&lt;/code&gt;&lt;/a&gt;, then the user agent must abor=
t
+    these steps at this point. The script is not executed.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li id=3Dscript-processing-prepare&gt;
+
+    &lt;p&gt;If either:&lt;/p&gt;
+
+    &lt;ul class=3Dbrief&gt;&lt;li&gt;the &lt;code&gt;&lt;a href=3D#the-=
script-element&gt;script&lt;/a&gt;&lt;/code&gt; element has a &lt;code ti=
tle=3Dattr-script-type&gt;&lt;a href=3D#attr-script-type&gt;type&lt;/a&gt=
;&lt;/code&gt; attribute
+     and its value is the empty string, or&lt;/li&gt;
+
+     &lt;li&gt;the &lt;code&gt;&lt;a href=3D#the-script-element&gt;scrip=
t&lt;/a&gt;&lt;/code&gt; element has no &lt;code title=3Dattr-script-type=
&gt;&lt;a href=3D#attr-script-type&gt;type&lt;/a&gt;&lt;/code&gt; attribu=
te
+     but it has a &lt;code title=3Dattr-script-language&gt;&lt;a href=3D=
#attr-script-language&gt;language&lt;/a&gt;&lt;/code&gt; attribute and &l=
t;em&gt;that&lt;/em&gt;
+     attribute's value is the empty string, or&lt;/li&gt;
+
+     &lt;li&gt;the &lt;code&gt;&lt;a href=3D#the-script-element&gt;scrip=
t&lt;/a&gt;&lt;/code&gt; element has neither a &lt;code title=3Dattr-scri=
pt-type&gt;&lt;a href=3D#attr-script-type&gt;type&lt;/a&gt;&lt;/code&gt;
+     attribute nor a &lt;code title=3Dattr-script-language&gt;&lt;a href=
=3D#attr-script-language&gt;language&lt;/a&gt;&lt;/code&gt; attribute, th=
en&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;p&gt;...let &lt;var&gt;&lt;a href=3D&quot;#the-script=
-block's-type&quot;&gt;the script block's type&lt;/a&gt;&lt;/var&gt; for =
this &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;=
/code&gt; element be &quot;&lt;code title=3D&quot;&quot;&gt;text/javascri=
pt&lt;/code&gt;&quot;.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if the &lt;code&gt;&lt;a href=3D#the-script-elem=
ent&gt;script&lt;/a&gt;&lt;/code&gt; element has a &lt;code title=3Dattr-=
script-type&gt;&lt;a href=3D#attr-script-type&gt;type&lt;/a&gt;&lt;/code&=
gt; attribute, let &lt;var&gt;&lt;a href=3D&quot;#the-script-block's-type=
&quot;&gt;the script block's type&lt;/a&gt;&lt;/var&gt; for this
+    &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;=
/code&gt; element be the value of that attribute with any leading or trai=
ling
+    sequences of &lt;a href=3D#space-character title=3D&quot;space chara=
cter&quot;&gt;space characters&lt;/a&gt; removed.&lt;/p&gt; &lt;!-- &lt;s=
pan&gt;Strip
+    leading and trailing whitespace&lt;/span&gt; from... --&gt;
+
+    &lt;p&gt;Otherwise, the element has a non-empty &lt;code title=3Datt=
r-script-language&gt;&lt;a href=3D#attr-script-language&gt;language&lt;/a=
&gt;&lt;/code&gt;
+    attribute; let &lt;var&gt;&lt;a href=3D&quot;#the-script-block's-typ=
e&quot;&gt;the script block's type&lt;/a&gt;&lt;/var&gt; for this &lt;cod=
e&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/code&gt; el=
ement be the
+    concatenation of the string &quot;&lt;code title=3D&quot;&quot;&gt;t=
ext/&lt;/code&gt;&quot; followed by the value of the &lt;code title=3Datt=
r-script-language&gt;&lt;a href=3D#attr-script-language&gt;language&lt;/a=
&gt;&lt;/code&gt; attribute.&lt;/p&gt; &lt;!-- user agents already suppor=
t,
+    e.g., type=3D&quot;text/javascript1.3&quot;, so we don't have to sup=
port that separately. --&gt;
+
+    &lt;p class=3Dnote&gt;The &lt;code title=3Dattr-script-language&gt;&=
lt;a href=3D#attr-script-language&gt;language&lt;/a&gt;&lt;/code&gt; attr=
ibute is never
+    conforming, and is always ignored if there is a &lt;code title=3Datt=
r-script-type&gt;&lt;a href=3D#attr-script-type&gt;type&lt;/a&gt;&lt;/cod=
e&gt;
+    attribute present.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the user agent does not &lt;a href=3D#support-the-script=
ing-language&gt;support the scripting language&lt;/a&gt; given by &lt;var=
&gt;&lt;a href=3D&quot;#the-script-block's-type&quot;&gt;the
+    script block's type&lt;/a&gt;&lt;/var&gt; for this &lt;code&gt;&lt;a=
 href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/code&gt; element, the=
n the user agent must abort
+    these steps at this point. The script is not executed.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;was-parser-inserted&lt;/=
var&gt; is true, then flag the element as
+    &lt;a href=3D#parser-inserted&gt;&quot;parser-inserted&quot;&lt;/a&g=
t; again, and set the element's &lt;a href=3D#force-async&gt;&quot;force-=
async&quot;&lt;/a&gt; flag to
+    false.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li id=3Dscript-processing-start&gt;
+
+    &lt;p&gt;The user agent must set the element's &lt;a href=3D#already=
-started&gt;&quot;already started&quot;&lt;/a&gt; flag.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The state of the element at this moment &lt;a =
href=3D#establish-script-block-source&gt;is later used&lt;/a&gt; to deter=
mine the script source.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the element is flagged as &lt;a href=3D#parser-inserted&=
gt;&quot;parser-inserted&quot;&lt;/a&gt;, but the element's
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; is not the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;=
/code&gt; of the parser that created the element,
+    then abort these steps.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li id=3Dscript-processing-noscript&gt;
+
+    &lt;p&gt;If &lt;a href=3D#concept-n-noscript title=3Dconcept-n-noscr=
ipt&gt;scripting is disabled&lt;/a&gt; for the &lt;code&gt;&lt;a href=3D#=
the-script-element&gt;script&lt;/a&gt;&lt;/code&gt;
+    element, then the user agent must abort these steps at this point. T=
he script is not
+    executed.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The definition of &lt;a href=3D#concept-n-nosc=
ript title=3Dconcept-n-noscript&gt;scripting is disabled&lt;/a&gt;
+    means that, amongst others, the following scripts will not execute: =
scripts in
+    &lt;code&gt;XMLHttpRequest&lt;/code&gt;'s &lt;code title=3Ddom-XMLHt=
tpRequest-responseXML&gt;responseXML&lt;/code&gt;
+    documents, scripts in &lt;code&gt;DOMParser&lt;/code&gt;-created doc=
uments, scripts in documents created by
+    &lt;code&gt;XSLTProcessor&lt;/code&gt;'s &lt;code title=3Ddom-XSLTPr=
ocessor-transformToDocument&gt;transformToDocument&lt;/code&gt; feature, =
and scripts
+    that are first inserted by a script into a &lt;code&gt;&lt;a href=3D=
#document&gt;Document&lt;/a&gt;&lt;/code&gt; that was created using the
+    &lt;code title=3Ddom-DOMImplementation-createDocument&gt;&lt;a href=3D=
#dom-domimplementation-createdocument&gt;createDocument()&lt;/a&gt;&lt;/c=
ode&gt; API. &lt;a href=3D#refsXHR&gt;[XHR]&lt;/a&gt; &lt;a href=3D#refsD=
OMPARSING&gt;[DOMPARSING]&lt;/a&gt; &lt;!--&lt;a
+    href=3D&quot;#refsXSLTP&quot;&gt;[XSLTP]&lt;/a&gt;--&gt; &lt;a href=3D=
#refsDOM&gt;[DOM]&lt;/a&gt;&lt;/p&gt;
+
+
+   &lt;/li&gt;
+
+   &lt;li id=3Dscript-processing-for&gt;
+
+    &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-script-element&gt;scri=
pt&lt;/a&gt;&lt;/code&gt; element has an &lt;code title=3Dattr-script-eve=
nt&gt;&lt;a href=3D#attr-script-event&gt;event&lt;/a&gt;&lt;/code&gt;
+    attribute and a &lt;code title=3Dattr-script-for&gt;&lt;a href=3D#at=
tr-script-for&gt;for&lt;/a&gt;&lt;/code&gt; attribute, then run these sub=
steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;for=
&lt;/var&gt; be the value of the &lt;code title=3Dattr-script-for&gt;&lt;=
a href=3D#attr-script-for&gt;for&lt;/a&gt;&lt;/code&gt;
+     attribute.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;event&lt;/va=
r&gt; be the value of the &lt;code title=3Dattr-script-event&gt;&lt;a hre=
f=3D#attr-script-event&gt;event&lt;/a&gt;&lt;/code&gt; attribute.&lt;/li&=
gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#strip-leading-and-trailing-whitesp=
ace&gt;Strip leading and trailing whitespace&lt;/a&gt; from &lt;var title=
=3D&quot;&quot;&gt;event&lt;/var&gt; and
+     &lt;var title=3D&quot;&quot;&gt;for&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;for&lt;/var&g=
t; is not an &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-insensiti=
ve&lt;/a&gt; match for the
+     string &quot;&lt;code title=3D&quot;&quot;&gt;window&lt;/code&gt;&q=
uot;, then the user agent must abort these steps at this
+     point. The script is not executed.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;event&lt;/var=
&gt; is not an &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-insensi=
tive&lt;/a&gt; match for
+     either the string &quot;&lt;code title=3D&quot;&quot;&gt;onload&lt;=
/code&gt;&quot; or the string &quot;&lt;code title=3D&quot;&quot;&gt;onlo=
ad()&lt;/code&gt;&quot;, then the user agent must abort these steps at th=
is point. The script
+     is not executed.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li id=3Dscript-processing-encoding&gt;
+
+    &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-script-element&gt;scri=
pt&lt;/a&gt;&lt;/code&gt; element has a &lt;code title=3Dattr-script-char=
set&gt;&lt;a href=3D#attr-script-charset&gt;charset&lt;/a&gt;&lt;/code&gt=
;
+    attribute, then let &lt;var&gt;&lt;a href=3D&quot;#the-script-block'=
s-character-encoding&quot;&gt;the script block's character encoding&lt;/a=
&gt;&lt;/var&gt; for this
+    &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;=
/code&gt; element be the result of &lt;a href=3D#getting-an-encoding&gt;g=
etting an encoding&lt;/a&gt; from the value of
+    the &lt;code title=3Dattr-script-charset&gt;&lt;a href=3D#attr-scrip=
t-charset&gt;charset&lt;/a&gt;&lt;/code&gt; attribute.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, let &lt;var&gt;&lt;a href=3D&quot;#the-script-bl=
ock's-fallback-character-encoding&quot;&gt;the script block's fallback ch=
aracter encoding&lt;/a&gt;&lt;/var&gt; for this
+    &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;=
/code&gt; element be the same as &lt;a href=3D&quot;#document's-character=
-encoding&quot; title=3D&quot;document's character encoding&quot;&gt;the
+    encoding of the document itself&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;Only one of these two pieces of state is set.&=
lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li id=3Dscript-processing-src-prepare&gt;
+
+    &lt;p&gt;If the element has a &lt;code title=3Dattr-script-src&gt;&l=
t;a href=3D#attr-script-src&gt;src&lt;/a&gt;&lt;/code&gt; content attribu=
te, run these
+    substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;src=
&lt;/var&gt; be the value of the element's &lt;code title=3Dattr-script-s=
rc&gt;&lt;a href=3D#attr-script-src&gt;src&lt;/a&gt;&lt;/code&gt; attribu=
te.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;src&lt;/var&g=
t; is the empty string, &lt;a href=3D#queue-a-task&gt;queue a task&lt;/a&=
gt; to &lt;a href=3D#fire-a-simple-event&gt;fire
+     a simple event&lt;/a&gt; named &lt;code title=3Devent-error&gt;erro=
r&lt;/code&gt; at the element, and abort
+     these steps.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#resolve-a-url title=3D&quot;resolv=
e a url&quot;&gt;Resolve&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;src&lt=
;/var&gt; relative to the
+     element.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the previous step failed, &lt;a href=3D#queue=
-a-task&gt;queue a task&lt;/a&gt; to &lt;a href=3D#fire-a-simple-event&gt=
;fire a simple
+     event&lt;/a&gt; named &lt;code title=3Devent-error&gt;error&lt;/cod=
e&gt; at the element, and abort these
+     steps.&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Do a &lt;a href=3D#potentially-cors-enabled-fetch&gt;pote=
ntially CORS-enabled fetch&lt;/a&gt;&lt;!--FETCH--&gt; of the resulting
+      &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt;, with the &lt=
;i&gt;mode&lt;/i&gt; being the state of the element's &lt;code title=3Dat=
tr-script-crossorigin&gt;&lt;a href=3D#attr-script-crossorigin&gt;crossor=
igin&lt;/a&gt;&lt;/code&gt; content attribute, the &lt;i title=3D&quot;&q=
uot;&gt;origin&lt;/i&gt; being the &lt;a href=3D#origin&gt;origin&lt;/a&g=
t; of the &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt=
;&lt;/code&gt; element's
+      &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt;, and the &lt;i&gt;default origin behaviour&lt;/i&gt; set to &lt;i&gt;=
taint&lt;/i&gt;.&lt;/p&gt;
+
+      &lt;p&gt;The resource obtained in this fashion can be either &lt;a=
 href=3D#cors-same-origin&gt;CORS-same-origin&lt;/a&gt; or
+      &lt;a href=3D#cors-cross-origin&gt;CORS-cross-origin&lt;/a&gt;. Th=
is only affects how error reporting happens.&lt;/p&gt;
+
+      &lt;p&gt;For historical reasons, if the &lt;a href=3D#url&gt;URL&l=
t;/a&gt; is a &lt;a href=3D#javascript-protocol title=3D&quot;javascript
+      protocol&quot;&gt;&lt;code title=3D&quot;&quot;&gt;javascript:&lt;=
/code&gt; URL&lt;/a&gt;, then the user agent must not, despite
+      the requirements in the definition of the &lt;a href=3D#fetch titl=
e=3Dfetch&gt;fetching&lt;/a&gt; algorithm,
+      actually execute the script in the URL; instead the user agent mus=
t act as if it had received
+      an empty HTTP 400 response.&lt;/p&gt;
+
+      &lt;p&gt;For performance reasons, user agents may start fetching t=
he script (as defined above) as
+      soon as the &lt;code title=3Dattr-script-src&gt;&lt;a href=3D#attr=
-script-src&gt;src&lt;/a&gt;&lt;/code&gt; attribute is set, instead, in t=
he hope
+      that the element will be inserted into the document (and that the =
&lt;code title=3Dattr-script-crossorigin&gt;&lt;a href=3D#attr-script-cro=
ssorigin&gt;crossorigin&lt;/a&gt;&lt;/code&gt; attribute won't change val=
ue in the
+      meantime). Either way, once the element is &lt;a href=3D#insert-an=
-element-into-a-document title=3D&quot;insert an element into a
+      document&quot;&gt;inserted into the document&lt;/a&gt;, the load m=
ust have started as described in this
+      step. If the UA performs such prefetching, but the element is neve=
r inserted in the document,
+      or the &lt;code title=3Dattr-script-src&gt;&lt;a href=3D#attr-scri=
pt-src&gt;src&lt;/a&gt;&lt;/code&gt; attribute is dynamically changed,&lt=
;!-- or the
+      base URL is dynamically changed,--&gt; or the &lt;code title=3Datt=
r-script-crossorigin&gt;&lt;a href=3D#attr-script-crossorigin&gt;crossori=
gin&lt;/a&gt;&lt;/code&gt; attribute is dynamically changed, then the
+      user agent will not execute the script so obtained, and the fetchi=
ng process will have been
+      effectively wasted.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;!-- at this point if the element is &quot;parser-inserted&quot; t=
hen we know it is not &quot;force-async&quot;. --&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Then, the first of the following options that describes the=
 situation must be followed:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt id=3Dscript-processing-defer&gt;If t=
he element has a &lt;code title=3Dattr-script-src&gt;&lt;a href=3D#attr-s=
cript-src&gt;src&lt;/a&gt;&lt;/code&gt;
+     attribute, and the element has a &lt;code title=3Dattr-script-defer=
&gt;&lt;a href=3D#attr-script-defer&gt;defer&lt;/a&gt;&lt;/code&gt; attri=
bute, and
+     the element has been flagged as &lt;a href=3D#parser-inserted&gt;&q=
uot;parser-inserted&quot;&lt;/a&gt;, and the element does not have
+     an &lt;code title=3Dattr-script-async&gt;&lt;a href=3D#attr-script-=
async&gt;async&lt;/a&gt;&lt;/code&gt; attribute&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;The element must be added to the end of the &lt;dfn id=3D=
list-of-scripts-that-will-execute-when-the-document-has-finished-parsing&=
gt;list of scripts that will execute when the
+      document has finished parsing&lt;/dfn&gt; associated with the &lt;=
code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; of the =
parser
+      that created the element.&lt;/p&gt;
+
+      &lt;p&gt;The &lt;a href=3D#concept-task title=3Dconcept-task&gt;ta=
sk&lt;/a&gt; that the &lt;a href=3D#networking-task-source&gt;networking =
task source&lt;/a&gt;
+      places on the &lt;a href=3D#task-queue&gt;task queue&lt;/a&gt; onc=
e the &lt;a href=3D#fetch title=3Dfetch&gt;fetching algorithm&lt;/a&gt;
+      has completed must set the element's &lt;a href=3D#ready-to-be-par=
ser-executed&gt;&quot;ready to be parser-executed&quot;&lt;/a&gt; flag. T=
he
+      parser will handle executing the script.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+
+     &lt;dt id=3Dscript-processing-parser-inserted&gt;If the element has=
 a &lt;code title=3Dattr-script-src&gt;&lt;a href=3D#attr-script-src&gt;s=
rc&lt;/a&gt;&lt;/code&gt; attribute, and the element has been flagged as
+     &lt;a href=3D#parser-inserted&gt;&quot;parser-inserted&quot;&lt;/a&=
gt;, and the element does not have an &lt;code title=3Dattr-script-async&=
gt;&lt;a href=3D#attr-script-async&gt;async&lt;/a&gt;&lt;/code&gt; attrib=
ute&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;The element is the &lt;a href=3D#pending-parsing-blocking=
-script&gt;pending parsing-blocking script&lt;/a&gt; of the
+      &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt; of the parser that created the element. (There can only be one such
+      script per &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt; at a time.)&lt;/p&gt;
+
+      &lt;p&gt;The &lt;a href=3D#concept-task title=3Dconcept-task&gt;ta=
sk&lt;/a&gt; that the &lt;a href=3D#networking-task-source&gt;networking =
task source&lt;/a&gt;
+      places on the &lt;a href=3D#task-queue&gt;task queue&lt;/a&gt; onc=
e the &lt;a href=3D#fetch title=3Dfetch&gt;fetching algorithm&lt;/a&gt;
+      has completed must set the element's &lt;a href=3D#ready-to-be-par=
ser-executed&gt;&quot;ready to be parser-executed&quot;&lt;/a&gt; flag. T=
he
+      parser will handle executing the script.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+
+     &lt;dt id=3Dscript-processing-style-delayed&gt;If the element does =
not have a &lt;code title=3Dattr-script-src&gt;&lt;a href=3D#attr-script-=
src&gt;src&lt;/a&gt;&lt;/code&gt; attribute, and the element has been fla=
gged as
+     &lt;a href=3D#parser-inserted&gt;&quot;parser-inserted&quot;&lt;/a&=
gt;, and either the parser that created the &lt;code&gt;&lt;a href=3D#the=
-script-element&gt;script&lt;/a&gt;&lt;/code&gt; is
+     an &lt;a href=3D#xml-parser&gt;XML parser&lt;/a&gt; or it's an &lt;=
a href=3D#html-parser&gt;HTML parser&lt;/a&gt; whose &lt;a href=3D#script=
-nesting-level&gt;script nesting
+     level&lt;/a&gt; is not greater than one, and the &lt;code&gt;&lt;a =
href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; of the &lt;a href=3D#=
html-parser&gt;HTML
+     parser&lt;/a&gt; or &lt;a href=3D#xml-parser&gt;XML parser&lt;/a&gt=
; that created the &lt;code&gt;&lt;a href=3D#the-script-element&gt;script=
&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D#has-a-style-sheet-that-is-b=
locking-scripts&gt;has
+     a style sheet that is blocking scripts&lt;/a&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;The element is the &lt;a href=3D#pending-parsing-blocking=
-script&gt;pending parsing-blocking script&lt;/a&gt; of the
+      &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt; of the parser that created the element. (There can only be one such
+      script per &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt; at a time.)&lt;/p&gt;
+
+      &lt;p&gt;Set the element's &lt;a href=3D#ready-to-be-parser-execut=
ed&gt;&quot;ready to be parser-executed&quot;&lt;/a&gt; flag. The parser =
will handle
+      executing the script.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+
+     &lt;dt id=3Dscript-processing-src-sync&gt;If the element has a &lt;=
code title=3Dattr-script-src&gt;&lt;a href=3D#attr-script-src&gt;src&lt;/=
a&gt;&lt;/code&gt; attribute, does not have an &lt;code title=3Dattr-scri=
pt-async&gt;&lt;a href=3D#attr-script-async&gt;async&lt;/a&gt;&lt;/code&g=
t; attribute, and does not have the
+     &lt;a href=3D#force-async&gt;&quot;force-async&quot;&lt;/a&gt; flag=
 set&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;The element must be added to the end of the &lt;dfn id=3D=
list-of-scripts-that-will-execute-in-order-as-soon-as-possible&gt;list of=
 scripts that will execute in order
+      as soon as possible&lt;/dfn&gt; associated with the &lt;code&gt;&l=
t;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; of the &lt;code&g=
t;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/code&gt;
+      element at the time the &lt;a href=3D#prepare-a-script&gt;prepare =
a script&lt;/a&gt; algorithm started.&lt;/p&gt;
+
+      &lt;p&gt;The &lt;a href=3D#concept-task title=3Dconcept-task&gt;ta=
sk&lt;/a&gt; that the &lt;a href=3D#networking-task-source&gt;networking =
task source&lt;/a&gt;
+      places on the &lt;a href=3D#task-queue&gt;task queue&lt;/a&gt; onc=
e the &lt;a href=3D#fetch title=3Dfetch&gt;fetching algorithm&lt;/a&gt;
+      has completed must run the following steps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the element is not now the first e=
lement in the &lt;a href=3D#list-of-scripts-that-will-execute-in-order-as=
-soon-as-possible&gt;list of scripts that will
+       execute in order as soon as possible&lt;/a&gt; to which it was ad=
ded above, then mark the
+       element as ready but abort these steps without executing the scri=
pt yet.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;&lt;i&gt;Execution&lt;/i&gt;: &lt;a href=3D#ex=
ecute-the-script-block&gt;Execute the script block&lt;/a&gt; correspondin=
g to the first
+       script element in this &lt;a href=3D#list-of-scripts-that-will-ex=
ecute-in-order-as-soon-as-possible&gt;list of scripts that will execute i=
n order as soon as
+       possible&lt;/a&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Remove the first element from this &lt;a href=3D=
#list-of-scripts-that-will-execute-in-order-as-soon-as-possible&gt;list o=
f scripts that will execute in order as
+       soon as possible&lt;/a&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;If this &lt;a href=3D#list-of-scripts-that-wil=
l-execute-in-order-as-soon-as-possible&gt;list of scripts that will execu=
te in order as soon as possible&lt;/a&gt; is
+       still not empty and the first entry has already been marked as re=
ady, then jump back to the
+       step labeled &lt;i&gt;execution&lt;/i&gt;.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/dd&gt;
+
+
+     &lt;dt id=3Dscript-processing-src&gt;If the element has a &lt;code =
title=3Dattr-script-src&gt;&lt;a href=3D#attr-script-src&gt;src&lt;/a&gt;=
&lt;/code&gt;
+     attribute&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;The element must be added to the &lt;dfn id=3Dset-of-scri=
pts-that-will-execute-as-soon-as-possible&gt;set of scripts that will exe=
cute as soon as
+      possible&lt;/dfn&gt; of the &lt;code&gt;&lt;a href=3D#document&gt;=
Document&lt;/a&gt;&lt;/code&gt; of the &lt;code&gt;&lt;a href=3D#the-scri=
pt-element&gt;script&lt;/a&gt;&lt;/code&gt; element at the time the
+      &lt;a href=3D#prepare-a-script&gt;prepare a script&lt;/a&gt; algor=
ithm started.&lt;/p&gt;
+
+      &lt;p&gt;The &lt;a href=3D#concept-task title=3Dconcept-task&gt;ta=
sk&lt;/a&gt; that the &lt;a href=3D#networking-task-source&gt;networking =
task source&lt;/a&gt;
+      places on the &lt;a href=3D#task-queue&gt;task queue&lt;/a&gt; onc=
e the &lt;a href=3D#fetch title=3Dfetch&gt;fetching algorithm&lt;/a&gt;
+      has completed must &lt;a href=3D#execute-the-script-block&gt;execu=
te the script block&lt;/a&gt; and then remove the element from the
+      &lt;a href=3D#set-of-scripts-that-will-execute-as-soon-as-possible=
&gt;set of scripts that will execute as soon as possible&lt;/a&gt;.&lt;/p=
&gt;
+
+     &lt;/dd&gt;
+
+
+     &lt;dt id=3Dscript-processing-inline&gt;Otherwise&lt;/dt&gt;
+
+     &lt;dd&gt;The user agent must immediately &lt;a href=3D#execute-the=
-script-block&gt;execute the script block&lt;/a&gt;, even if other
+     scripts are already executing.&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;!-- similar text in various places --&gt;&lt;p&gt;Fetch=
ing an external script must &lt;a href=3D#delay-the-load-event&gt;delay t=
he load event&lt;/a&gt; of the element's document
+  until the &lt;a href=3D#concept-task title=3Dconcept-task&gt;task&lt;/=
a&gt; that is &lt;a href=3D#queue-a-task title=3D&quot;queue a task&quot;=
&gt;queued&lt;/a&gt;
+  by the &lt;a href=3D#networking-task-source&gt;networking task source&=
lt;/a&gt; once the resource has been &lt;a href=3D#fetch title=3Dfetch&gt=
;fetched&lt;/a&gt; (defined above) has been run.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dpending-parsing-blocking-script&gt;pending p=
arsing-blocking script&lt;/dfn&gt; of a &lt;code&gt;&lt;a href=3D#documen=
t&gt;Document&lt;/a&gt;&lt;/code&gt; is used by the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'=
s parser(s).&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;If a &lt;code&gt;&lt;a href=3D#the-script-elemen=
t&gt;script&lt;/a&gt;&lt;/code&gt; element that blocks a parser gets move=
d to another
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
before it would normally have stopped blocking that parser, it nonetheles=
s
+  continues blocking that parser until the condition that causes it to b=
e blocking the parser no
+  longer applies (e.g. if the script is a &lt;a href=3D#pending-parsing-=
blocking-script&gt;pending parsing-blocking script&lt;/a&gt; because ther=
e
+  was &lt;a href=3D#a-style-sheet-that-is-blocking-scripts&gt;a style sh=
eet that is blocking scripts&lt;/a&gt; when it was parsed, but then the s=
cript is
+  moved to another &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&=
gt;&lt;/code&gt; before the style sheet loads, the script still blocks th=
e
+  parser until the style sheets are all loaded, at which time the script=
 executes and the parser is
+  unblocked).&lt;/p&gt;
+
+  &lt;!-- also (and this would be worth testing): the way the spec is wr=
itten, if you do not have a
+  style sheet that is blocking scripts, then you parse a &lt;script src&=
gt;, then while waiting for the
+  script to load you insert an external style sheet, the script will del=
ay until the sheet is
+  loaded, because there's just a binary &quot;are style sheets blocking =
scripts&quot; state, things aren't
+  defined in terms of which style sheets are blocking which scripts --&g=
t;
+
+  &lt;p&gt;When the user agent is required to &lt;dfn id=3Dexecute-the-s=
cript-block title=3D&quot;execute the script block&quot;&gt;execute a scr=
ipt
+  block&lt;/dfn&gt;, it must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;If the element is flagged as &lt;a href=3D#parser-inserted&=
gt;&quot;parser-inserted&quot;&lt;/a&gt;, but the element's
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; is not the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;=
/code&gt; of the parser that created the element,
+    then abort these steps.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Jump to the appropriate set of steps from the list below:&l=
t;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the load resulted in an error =
(for example a DNS error, or an HTTP 404 error)&lt;/dt&gt;
+
+     &lt;dd&gt;&lt;p&gt;Executing the script block must just consist of =
&lt;a href=3D#fire-a-simple-event title=3D&quot;fire a simple event&quot;=
&gt;firing
+     a simple event&lt;/a&gt; named &lt;code title=3Devent-error&gt;erro=
r&lt;/code&gt; at the element.&lt;/dd&gt;
+
+     &lt;dt&gt;If the load was successful&lt;/dt&gt;
+
+     &lt;!-- SCRIPT EXEC --&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;Executing the script block must consist of running the fo=
llowing steps. For the purposes of
+      these steps, the script is considered to be from an &lt;i&gt;exter=
nal file&lt;/i&gt; if, while the
+      &lt;a href=3D#prepare-a-script&gt;prepare a script&lt;/a&gt; algor=
ithm above was running for this script, the
+      &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&l=
t;/code&gt; element had a &lt;code title=3Dattr-script-src&gt;&lt;a href=3D=
#attr-script-src&gt;src&lt;/a&gt;&lt;/code&gt; attribute
+      specified.&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li id=3Destablish-script-block-source&gt;
+
+        &lt;p&gt;Initialize &lt;dfn id=3D&quot;the-script-block's-source=
&quot;&gt;&lt;var&gt;the script block's source&lt;/var&gt;&lt;/dfn&gt; as=
 follows:&lt;/p&gt;
+
+        &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the script is from an exte=
rnal file and &lt;var&gt;&lt;a href=3D&quot;#the-script-block's-type&quot=
;&gt;the script block's type&lt;/a&gt;&lt;/var&gt; is a
+         text-based language&lt;/dt&gt;
+
+         &lt;dd&gt;
+
+          &lt;p&gt;The contents of that file, interpreted as a Unicode s=
tring, are the script source.&lt;/p&gt;
+
+          &lt;p&gt;To obtain the Unicode string, the user agent run the =
following steps:&lt;/p&gt;
+
+          &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the resource's &lt;a href=3D#c=
ontent-type title=3DContent-Type&gt;Content Type metadata&lt;/a&gt;, if a=
ny,
+           specifies a character encoding, and the user agent supports t=
hat encoding, then let &lt;var title=3D&quot;&quot;&gt;character encoding=
&lt;/var&gt; be that encoding, and jump to the bottom step in this
+           series of steps.&lt;/li&gt;
+
+           &lt;li&gt;&lt;p&gt;If the algorithm above set &lt;var&gt;&lt;=
a href=3D&quot;#the-script-block's-character-encoding&quot;&gt;the script=
 block's character encoding&lt;/a&gt;&lt;/var&gt;, then
+           let &lt;var title=3D&quot;&quot;&gt;character encoding&lt;/va=
r&gt; be that encoding, and jump to the bottom step
+           in this series of steps.&lt;/li&gt;
+
+           &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;charac=
ter encoding&lt;/var&gt; be &lt;var&gt;&lt;a href=3D&quot;#the-script-blo=
ck's-fallback-character-encoding&quot;&gt;the script block's fallback
+           character encoding&lt;/a&gt;&lt;/var&gt;.&lt;/li&gt;
+
+           &lt;li&gt;
+
+            &lt;p&gt;If the specification for &lt;var&gt;&lt;a href=3D&q=
uot;#the-script-block's-type&quot;&gt;the script block's type&lt;/a&gt;&l=
t;/var&gt; gives specific rules for
+            decoding files in that format to Unicode, follow them, using=
 &lt;var&gt;character
+            encoding&lt;/var&gt; as the character encoding specified by =
higher-level protocols, if
+            necessary.&lt;/p&gt; &lt;!-- e.g. XML --&gt;
+
+            &lt;p&gt;Otherwise, &lt;a href=3D#decode&gt;decode&lt;/a&gt;=
 the file to Unicode, using &lt;var&gt;character
+            encoding&lt;/var&gt; as the fallback encoding.&lt;/p&gt;
+
+            &lt;p class=3Dnote&gt;The &lt;a href=3D#decode&gt;decode&lt;=
/a&gt; algorithm overrides &lt;var&gt;character
+            encoding&lt;/var&gt; if the file contains a BOM.&lt;/p&gt;
+
+           &lt;/li&gt;
+
+          &lt;/ol&gt;&lt;/dd&gt;
+
+         &lt;dt&gt;If the script is from an external file and &lt;var&gt=
;&lt;a href=3D&quot;#the-script-block's-type&quot;&gt;the script block's =
type&lt;/a&gt;&lt;/var&gt; is an
+         XML-based language&lt;/dt&gt;
+
+         &lt;dd&gt;
+
+          &lt;p&gt;The external file is the script source. When it is la=
ter executed, it must be
+          interpreted in a manner consistent with the specification defi=
ning the language given by
+          &lt;var&gt;&lt;a href=3D&quot;#the-script-block's-type&quot;&g=
t;the script block's type&lt;/a&gt;&lt;/var&gt;.&lt;/p&gt;
+
+         &lt;/dd&gt;
+
+         &lt;dt&gt;If the script is inline and &lt;var&gt;&lt;a href=3D&=
quot;#the-script-block's-type&quot;&gt;the script block's type&lt;/a&gt;&=
lt;/var&gt; is a text-based
+         language&lt;/dt&gt;
+
+         &lt;dd&gt;
+
+          &lt;p&gt;The value of the &lt;code title=3Ddom-script-text&gt;=
&lt;a href=3D#dom-script-text&gt;text&lt;/a&gt;&lt;/code&gt; IDL attribut=
e at the time
+          the element's &lt;a href=3D#already-started&gt;&quot;already s=
tarted&quot;&lt;/a&gt; flag was last set is the script source.&lt;/p&gt;
+
+         &lt;/dd&gt;
+
+         &lt;dt&gt;If the script is inline and &lt;var&gt;&lt;a href=3D&=
quot;#the-script-block's-type&quot;&gt;the script block's type&lt;/a&gt;&=
lt;/var&gt; is an XML-based
+         language&lt;/dt&gt;
+
+         &lt;dd&gt;
+
+          &lt;p&gt;The child nodes of the &lt;code&gt;&lt;a href=3D#the-=
script-element&gt;script&lt;/a&gt;&lt;/code&gt; element at the time the e=
lement's
+          &lt;a href=3D#already-started&gt;&quot;already started&quot;&l=
t;/a&gt; flag was last set are the script source.&lt;/p&gt;
+
+         &lt;/dd&gt;
+
+        &lt;/dl&gt;&lt;/li&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;&lt;a href=3D#fire-a-simple-event&gt;Fire a simple even=
t&lt;/a&gt; named &lt;code title=3Devent-beforescriptexecute&gt;beforescr=
iptexecute&lt;/code&gt; that bubbles and is cancelable
+        at the &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt=
;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+        &lt;p&gt;If the event is canceled, then abort these steps.&lt;/p=
&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;If the script is from an external file, then increment =
the
+        &lt;a href=3D#ignore-destructive-writes-counter&gt;ignore-destru=
ctive-writes counter&lt;/a&gt; of the &lt;code&gt;&lt;a href=3D#the-scrip=
t-element&gt;script&lt;/a&gt;&lt;/code&gt; element's
+        &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/cod=
e&gt;. Let &lt;var title=3D&quot;&quot;&gt;neutralized doc&lt;/var&gt; be=
 that
+        &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/cod=
e&gt;.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+        &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;old script element&=
lt;/var&gt; be the value to which the
+        &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;=
&lt;/code&gt; element's &lt;code&gt;&lt;a href=3D#document&gt;Document&lt=
;/a&gt;&lt;/code&gt;'s &lt;code title=3Ddom-document-currentScript&gt;&lt=
;a href=3D#dom-document-currentscript&gt;currentScript&lt;/a&gt;&lt;/code=
&gt; object was most recently
+        initialized.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+        &lt;p&gt;Initialize the &lt;code&gt;&lt;a href=3D#the-script-ele=
ment&gt;script&lt;/a&gt;&lt;/code&gt; element's &lt;code&gt;&lt;a href=3D=
#document&gt;Document&lt;/a&gt;&lt;/code&gt;'s &lt;code title=3Ddom-docum=
ent-currentScript&gt;&lt;a href=3D#dom-document-currentscript&gt;currentS=
cript&lt;/a&gt;&lt;/code&gt; object to the &lt;code&gt;&lt;a href=3D#the-=
script-element&gt;script&lt;/a&gt;&lt;/code&gt;
+        element.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+        &lt;p&gt;&lt;a href=3D#create-a-script&gt;Create a script&lt;/a&=
gt;, using &lt;var&gt;&lt;a href=3D&quot;#the-script-block's-source&quot;=
&gt;the script block's source&lt;/a&gt;&lt;/var&gt;, the
+        &lt;a href=3D#url&gt;URL&lt;/a&gt; from which the script was obt=
ained, &lt;var&gt;&lt;a href=3D&quot;#the-script-block's-type&quot;&gt;th=
e script block's
+        type&lt;/a&gt;&lt;/var&gt; as the scripting language, and the &l=
t;a href=3D#script-settings-object&gt;script settings object&lt;/a&gt; of=
 the &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;=
/code&gt; element's
+        &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/cod=
e&gt;'s &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt;=
 object.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+        &lt;p&gt;If the script came from a resource that was &lt;a href=3D=
#fetch title=3Dfetch&gt;fetched&lt;/a&gt; in the
+        steps above, and the resource was &lt;a href=3D#cors-cross-origi=
n&gt;CORS-cross-origin&lt;/a&gt;, then pass the &lt;var title=3D&quot;&qu=
ot;&gt;muted errors&lt;/var&gt; flag to the &lt;a href=3D#create-a-script=
&gt;create a script&lt;/a&gt;
+        algorithm as well.&lt;/p&gt;
+
+        &lt;p class=3Dnote&gt;This is where the script is compiled and a=
ctually executed.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+        &lt;p&gt;Initialize the &lt;code&gt;&lt;a href=3D#the-script-ele=
ment&gt;script&lt;/a&gt;&lt;/code&gt; element's &lt;code&gt;&lt;a href=3D=
#document&gt;Document&lt;/a&gt;&lt;/code&gt;'s &lt;code title=3Ddom-docum=
ent-currentScript&gt;&lt;a href=3D#dom-document-currentscript&gt;currentS=
cript&lt;/a&gt;&lt;/code&gt; object to &lt;var title=3D&quot;&quot;&gt;ol=
d script
+        element&lt;/var&gt;.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;Decrement the &lt;a href=3D#ignore-destructive-writes-c=
ounter&gt;ignore-destructive-writes counter&lt;/a&gt; of &lt;var title=3D=
&quot;&quot;&gt;neutralized
+        doc&lt;/var&gt;, if it was incremented in the earlier step.&lt;/=
p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;&lt;a href=3D#fire-a-simple-event&gt;Fire a simple even=
t&lt;/a&gt; named &lt;code title=3Devent-afterscriptexecute&gt;afterscrip=
texecute&lt;/code&gt; that bubbles (but is not
+        cancelable) at the &lt;code&gt;&lt;a href=3D#the-script-element&=
gt;script&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;If the script is from an external file, &lt;a href=3D#f=
ire-a-simple-event&gt;fire a simple event&lt;/a&gt; named &lt;code title=3D=
event-load&gt;load&lt;/code&gt; at the &lt;code&gt;&lt;a href=3D#the-scri=
pt-element&gt;script&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+        &lt;p&gt;Otherwise, the script is internal; &lt;a href=3D#queue-=
a-task&gt;queue a task&lt;/a&gt; to &lt;a href=3D#fire-a-simple-event&gt;=
fire a simple
+        event&lt;/a&gt; named &lt;code title=3Devent-load&gt;load&lt;/co=
de&gt; at the &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/=
a&gt;&lt;/code&gt;
+        element.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The IDL attributes &lt;dfn id=3Ddom-script-src tit=
le=3Ddom-script-src&gt;&lt;code&gt;src&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn =
id=3Ddom-script-type title=3Ddom-script-type&gt;&lt;code&gt;type&lt;/code=
&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-script-charset title=3Ddom-script-char=
set&gt;&lt;code&gt;charset&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-scr=
ipt-defer title=3Ddom-script-defer&gt;&lt;code&gt;defer&lt;/code&gt;&lt;/=
dfn&gt;, each must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the respect=
ive
+  content attributes of the same name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-script-crossorigin title=3Ddom-script-cr=
ossOrigin&gt;&lt;code&gt;crossOrigin&lt;/code&gt;&lt;/dfn&gt; IDL attribu=
te must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-s=
cript-crossorigin&gt;&lt;a href=3D#attr-script-crossorigin&gt;crossorigin=
&lt;/a&gt;&lt;/code&gt; content
+  attribute, &lt;a href=3D#limited-to-only-known-values&gt;limited to on=
ly known values&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-script-async title=3Ddom-script-async&gt=
;&lt;code&gt;async&lt;/code&gt;&lt;/dfn&gt; IDL attribute controls whethe=
r the
+  element will execute asynchronously or not. If the element's &lt;a hre=
f=3D#force-async&gt;&quot;force-async&quot;&lt;/a&gt; flag is
+  set, then, on getting, the &lt;code title=3Ddom-script-async&gt;&lt;a =
href=3D#dom-script-async&gt;async&lt;/a&gt;&lt;/code&gt; IDL attribute mu=
st return
+  true, and on setting, the &lt;a href=3D#force-async&gt;&quot;force-asy=
nc&quot;&lt;/a&gt; flag must first be unset, and then the
+  content attribute must be removed if the IDL attribute's new value is =
false, and must be set to
+  the empty string if the IDL attribute's new value is true. If the elem=
ent's
+  &lt;a href=3D#force-async&gt;&quot;force-async&quot;&lt;/a&gt; flag is=
 &lt;em&gt;not&lt;/em&gt; set, the IDL attribute must &lt;a href=3D#refle=
ct&gt;reflect&lt;/a&gt;
+  the &lt;code title=3Dattr-script-async&gt;&lt;a href=3D#attr-script-as=
ync&gt;async&lt;/a&gt;&lt;/code&gt; content attribute.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;s=
cript&lt;/var&gt; . &lt;code title=3Ddom-script-text&gt;&lt;a href=3D#dom=
-script-text&gt;text&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&=
quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the contents of the element, ignoring child nodes t=
hat aren't &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt;/code&gt;
+    nodes.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to replace the element's children with the give=
n value.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The IDL attribute &lt;dfn id=3Ddom-script-text title=3Ddom-sc=
ript-text&gt;&lt;code&gt;text&lt;/code&gt;&lt;/dfn&gt; must return a
+  concatenation of the contents of all the &lt;code&gt;&lt;a href=3D#tex=
t&gt;Text&lt;/a&gt;&lt;/code&gt; nodes that are children of the
+  &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/c=
ode&gt; element (ignoring any other nodes such as comments or elements), =
in tree
+  order. On setting, it must act the same way as the &lt;code&gt;&lt;a h=
ref=3D#textcontent&gt;textContent&lt;/a&gt;&lt;/code&gt; IDL attribute.&l=
t;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+  &lt;p class=3Dnote&gt;When inserted using the &lt;code title=3Ddom-doc=
ument-write&gt;&lt;a href=3D#dom-document-write&gt;document.write()&lt;/a=
&gt;&lt;/code&gt;
+  method, &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&g=
t;&lt;/code&gt; elements execute (typically synchronously), but when inse=
rted using
+  &lt;code title=3Ddom-innerHTML&gt;&lt;a href=3D#dom-innerhtml&gt;inner=
HTML&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Ddom-outerHTML&gt;&lt;a h=
ref=3D#dom-outerhtml&gt;outerHTML&lt;/a&gt;&lt;/code&gt;
+  attributes, they do not execute at all.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this example, two &lt;code&gt;&lt;a href=3D#the-script-el=
ement&gt;script&lt;/a&gt;&lt;/code&gt; elements are used. One embeds an e=
xternal script, and
+   the other includes some data.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;script src=3D&quot;game-engine.js&quot;&amp;gt;&am=
p;lt;/script&amp;gt;
+&amp;lt;script type=3D&quot;text/x-game-map&quot;&amp;gt;
+........U.........e
+o............A....e
+.....A.....AAA....e
+.A..AAA...AAAAA...e
+&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;The data in this case might be used by the script to generat=
e the map of a video game. The
+   data doesn't have to be used that way, though; maybe the map data is =
actually embedded in other
+   parts of the page's markup, and the data block here is just used by t=
he site's search engine to
+   help users who are looking for particular features in their game maps=
.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following sample shows how a script element can be used =
to define a function that is then
+   used by other parts of the document. It also shows how a &lt;code&gt;=
&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/code&gt; element=
 can be used
+   to invoke script while the document is being parsed, in this case to =
initialize the form's
+   output.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;script&amp;gt;
+ function calculate(form) {
+   var price =3D 52000;
+   if (form.elements.brakes.checked)
+     price +=3D 1000;
+   if (form.elements.radio.checked)
+     price +=3D 2500;
+   if (form.elements.turbo.checked)
+     price +=3D 5000;
+   if (form.elements.sticker.checked)
+     price +=3D 250;
+   form.elements.result.value =3D price;
+ }
+&amp;lt;/script&amp;gt;
+&amp;lt;form name=3D&quot;pricecalc&quot; onsubmit=3D&quot;return false&=
quot; onchange=3D&quot;calculate(this)&quot;&amp;gt;
+ &amp;lt;fieldset&amp;gt;
+  &amp;lt;legend&amp;gt;Work out the price of your car&amp;lt;/legend&am=
p;gt;
+  &amp;lt;p&amp;gt;Base cost: &amp;pound;52000.&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;Select additional options:&amp;lt;/p&amp;gt;
+  &amp;lt;ul&amp;gt;
+   &amp;lt;li&amp;gt;&amp;lt;label&amp;gt;&amp;lt;input type=3Dcheckbox =
name=3Dbrakes&amp;gt; Ceramic brakes (&amp;pound;1000)&amp;lt;/label&amp;=
gt;&amp;lt;/li&amp;gt;
+   &amp;lt;li&amp;gt;&amp;lt;label&amp;gt;&amp;lt;input type=3Dcheckbox =
name=3Dradio&amp;gt; Satellite radio (&amp;pound;2500)&amp;lt;/label&amp;=
gt;&amp;lt;/li&amp;gt;
+   &amp;lt;li&amp;gt;&amp;lt;label&amp;gt;&amp;lt;input type=3Dcheckbox =
name=3Dturbo&amp;gt; Turbo charger (&amp;pound;5000)&amp;lt;/label&amp;gt=
;&amp;lt;/li&amp;gt;
+   &amp;lt;li&amp;gt;&amp;lt;label&amp;gt;&amp;lt;input type=3Dcheckbox =
name=3Dsticker&amp;gt; &quot;XZ&quot; sticker (&amp;pound;250)&amp;lt;/la=
bel&amp;gt;&amp;lt;/li&amp;gt;
+  &amp;lt;/ul&amp;gt;
+  &amp;lt;p&amp;gt;Total: &amp;pound;&amp;lt;output name=3Dresult&amp;gt=
;&amp;lt;/output&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/fieldset&amp;gt;
+ &amp;lt;script&amp;gt;
+  calculate(document.forms.pricecalc);
+ &amp;lt;/script&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h5 id=3DscriptingLanguages&gt;&lt;span class=3Dsecno&gt;4.12.1.1 &=
lt;/span&gt;Scripting languages&lt;/h5&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;A user agent is said to &lt;dfn id=3Dsupport-the-scripting-la=
nguage&gt;support the scripting language&lt;/dfn&gt; if each component of=
 &lt;var&gt;&lt;a href=3D&quot;#the-script-block's-type&quot;&gt;the
+  script block's type&lt;/a&gt;&lt;/var&gt; is an &lt;a href=3D#ascii-ca=
se-insensitive&gt;ASCII case-insensitive&lt;/a&gt; match for the correspo=
nding
+  component in the &lt;a href=3D#mime-type&gt;MIME type&lt;/a&gt; string=
 of a scripting language that the user agent
+  implements.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The following lists the &lt;a href=3D#mime-type&gt;MIME type&=
lt;/a&gt; strings that user agents must recognize, and the
+  languages to which they refer:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&quot;&lt;code&gt;application/ecmascript&lt;/code&=
gt;&quot;&lt;/dt&gt;
+   &lt;dt&gt;&quot;&lt;code&gt;application/javascript&lt;/code&gt;&quot;=
&lt;/dt&gt;
+   &lt;dt&gt;&quot;&lt;code&gt;application/x-ecmascript&lt;/code&gt;&quo=
t;&lt;/dt&gt;
+   &lt;dt&gt;&quot;&lt;code&gt;application/x-javascript&lt;/code&gt;&quo=
t;&lt;/dt&gt;
+   &lt;dt&gt;&quot;&lt;code&gt;text/ecmascript&lt;/code&gt;&quot;&lt;/dt=
&gt;
+   &lt;dt&gt;&quot;&lt;code&gt;text/javascript&lt;/code&gt;&quot;&lt;/dt=
&gt;
+   &lt;dt&gt;&quot;&lt;code&gt;text/javascript1.0&lt;/code&gt;&quot;&lt;=
/dt&gt;
+   &lt;dt&gt;&quot;&lt;code&gt;text/javascript1.1&lt;/code&gt;&quot;&lt;=
/dt&gt;
+   &lt;dt&gt;&quot;&lt;code&gt;text/javascript1.2&lt;/code&gt;&quot;&lt;=
/dt&gt;
+   &lt;dt&gt;&quot;&lt;code&gt;text/javascript1.3&lt;/code&gt;&quot;&lt;=
/dt&gt;
+   &lt;dt&gt;&quot;&lt;code&gt;text/javascript1.4&lt;/code&gt;&quot;&lt;=
/dt&gt;
+   &lt;dt&gt;&quot;&lt;code&gt;text/javascript1.5&lt;/code&gt;&quot;&lt;=
/dt&gt;
+   &lt;dt&gt;&quot;&lt;code&gt;text/jscript&lt;/code&gt;&quot;&lt;/dt&gt=
;
+   &lt;dt&gt;&quot;&lt;code&gt;text/livescript&lt;/code&gt;&quot;&lt;/dt=
&gt;
+   &lt;dt&gt;&quot;&lt;code&gt;text/x-ecmascript&lt;/code&gt;&quot;&lt;/=
dt&gt;
+   &lt;dt&gt;&quot;&lt;code&gt;text/x-javascript&lt;/code&gt;&quot;&lt;/=
dt&gt;
+   &lt;dd&gt;JavaScript. &lt;a href=3D#refsECMA262&gt;[ECMA262]&lt;/a&gt=
;&lt;/dd&gt;
+
+&lt;!--(historical footnote)
+   &lt;dt&gt;&quot;&lt;code&gt;text/javascript;e4x=3D1&lt;/code&gt;&quot=
;&lt;/dt&gt;
+   &lt;dd&gt;JavaScript with ECMAScript for XML. &lt;a href=3D&quot;#ref=
sECMA357&quot;&gt;[ECMA357]&lt;/a&gt;&lt;/dd&gt;
+--&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;User agents may support other &lt;a href=3D#mime-type title=3D=
&quot;MIME type&quot;&gt;MIME types&lt;/a&gt; for other languages,
+  but must not support other &lt;a href=3D#mime-type title=3D&quot;MIME =
type&quot;&gt;MIME types&lt;/a&gt; for the languages in the list
+  above. User agents are not required to support the languages listed ab=
ove.&lt;/p&gt;
+
+  &lt;p&gt;The following &lt;a href=3D#mime-type title=3D&quot;MIME type=
&quot;&gt;MIME types&lt;/a&gt; (with or without parameters) must not
+  be interpreted as scripting languages:&lt;/p&gt;
+
+  &lt;ul class=3Dbrief&gt;&lt;li&gt;&quot;&lt;code&gt;text/plain&lt;/cod=
e&gt;&quot;
+   &lt;li&gt;&quot;&lt;code&gt;text/xml&lt;/code&gt;&quot;
+   &lt;!--&lt;li&gt;&quot;&lt;code&gt;text/html&lt;/code&gt;&quot;--&gt;
+   &lt;li&gt;&quot;&lt;code&gt;application/octet-stream&lt;/code&gt;&quo=
t;
+   &lt;li&gt;&quot;&lt;code&gt;application/xml&lt;/code&gt;&quot;
+   &lt;!--&lt;li&gt;&quot;&lt;code&gt;application/xhtml+xml&lt;/code&gt;=
&quot;--&gt;
+   &lt;!--&lt;li&gt;&quot;&lt;code&gt;image/svg+xml&lt;/code&gt;&quot;--=
&gt;
+
+   &lt;!-- the commented-out ones aren't listed here because they couldn=
't sanely be interpreted as a
+   scripting language anyway: they're defined to be something else. I ju=
st don't want this to
+   devolve into a list of every non-scripting type in existence. --&gt;
+
+  &lt;/ul&gt;&lt;p class=3Dnote&gt;These types are explicitly listed her=
e because they are poorly-defined types that
+  are nonetheless likely to be used as formats for data blocks, and it w=
ould be problematic if they
+  were suddenly to be interpreted as script by a user agent.&lt;/p&gt;
+
+  &lt;!-- a similar paragraph is also present in the &lt;style&gt; secti=
on --&gt;
+
+  &lt;p&gt;When examining types to determine if they represent supported=
 languages, user agents must not
+  ignore MIME parameters. Types are to be compared including all paramet=
ers.&lt;/p&gt; &lt;!-- whether the
+  order of parameters matters is left undefined until such time as it ma=
tters; so far the only
+  relevant parameter was 'e4x', and it's gone for now --&gt;
+
+  &lt;p class=3Dnote&gt;For example, types that include the &lt;code tit=
le=3D&quot;&quot;&gt;charset&lt;/code&gt; parameter will
+  not be recognized as referencing any of the scripting languages listed=
 above.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Drestrictions-for-contents-of-script-elements&gt;&lt;span c=
lass=3Dsecno&gt;4.12.1.2 &lt;/span&gt;&lt;dfn title=3D&quot;script conten=
t restrictions&quot;&gt;Restrictions for contents of &lt;code&gt;script&l=
t;/code&gt; elements&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p class=3Dnote&gt;The easiest and safest way to avoid the rather s=
trange restrictions described in
+  this section is to always escape &quot;&lt;code title=3D&quot;&quot;&g=
t;&amp;lt;!--&lt;/code&gt;&quot; as &quot;&lt;code title=3D&quot;&quot;&g=
t;&amp;lt;\!--&lt;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt=
;&amp;lt;script&lt;/code&gt;&quot; as &quot;&lt;code title=3D&quot;&quot;=
&gt;&amp;lt;\script&lt;/code&gt;&quot;, and &quot;&lt;code title=3D&quot;=
&quot;&gt;&amp;lt;/script&lt;/code&gt;&quot; as &quot;&lt;code title=3D&q=
uot;&quot;&gt;&amp;lt;\/script&lt;/code&gt;&quot; when these sequences ap=
pear in scripts (e.g. in strings or in
+  comments). Doing so avoids the pitfalls that the restrictions in this =
section are prone to
+  triggering: namely, that, for historical reasons, parsing of &lt;code&=
gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/code&gt; bloc=
ks in HTML is
+  a strange and exotic practice that acts unintuitively in the face of t=
hese strings.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#textcontent&gt;textContent&lt;/=
a&gt;&lt;/code&gt; of a &lt;code&gt;&lt;a href=3D#the-script-element&gt;s=
cript&lt;/a&gt;&lt;/code&gt; element must match the &lt;code title=3D&quo=
t;&quot;&gt;script&lt;/code&gt; production in the following ABNF, the cha=
racter set for which is Unicode.
+  &lt;a href=3D#refsABNF&gt;[ABNF]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;pre&gt;script        =3D data1 *( escape [ script-start data3 ] &q=
uot;--&amp;gt;&quot; data1 ) [ escape ]
+escape        =3D &quot;&amp;lt;!--&quot; data2 *( script-start data3 sc=
ript-end data2 )
+
+data1         =3D &amp;lt; any string that doesn't contain a substring t=
hat matches not-data1 &amp;gt;
+not-data1     =3D &lt;!-- script-end / --&gt;&quot;&amp;lt;!--&quot;    =
         &lt;!-- the script-end is redundant here since it would close th=
e element --&gt;
+
+data2         =3D &amp;lt; any string that doesn't contain a substring t=
hat matches not-data2 &amp;gt;
+not-data2     =3D &lt;!-- script-end / --&gt;script-start / &quot;--&amp=
;gt;&quot;  &lt;!-- the script-end is redundant here since it would close=
 the element --&gt;
+
+data3         =3D &amp;lt; any string that doesn't contain a substring t=
hat matches not-data3 &amp;gt;
+not-data3     =3D script-end / &quot;--&amp;gt;&quot;
+
+script-start  =3D lt       s c r i p t tag-end
+script-end    =3D lt slash s c r i p t tag-end
+
+lt            =3D  %x003C ; U+003C LESS-THAN SIGN character (&amp;lt;)
+slash         =3D  %x002F ; U+002F SOLIDUS character (/)
+
+s             =3D  %x0053 ; U+0053 LATIN CAPITAL LETTER S
+s             =3D/ %x0073 ; U+0073 LATIN SMALL LETTER S
+c             =3D  %x0043 ; U+0043 LATIN CAPITAL LETTER C
+c             =3D/ %x0063 ; U+0063 LATIN SMALL LETTER C
+r             =3D  %x0052 ; U+0052 LATIN CAPITAL LETTER R
+r             =3D/ %x0072 ; U+0072 LATIN SMALL LETTER R
+i             =3D  %x0049 ; U+0049 LATIN CAPITAL LETTER I
+i             =3D/ %x0069 ; U+0069 LATIN SMALL LETTER I
+p             =3D  %x0050 ; U+0050 LATIN CAPITAL LETTER P
+p             =3D/ %x0070 ; U+0070 LATIN SMALL LETTER P
+t             =3D  %x0054 ; U+0054 LATIN CAPITAL LETTER T
+t             =3D/ %x0074 ; U+0074 LATIN SMALL LETTER T
+
+tag-end       =3D  %x0009 ; U+0009 CHARACTER TABULATION (tab)
+tag-end       =3D/ %x000A ; U+000A LINE FEED (LF)
+tag-end       =3D/ %x000C ; U+000C FORM FEED (FF)
+tag-end       =3D/ %x0020 ; U+0020 SPACE
+tag-end       =3D/ %x002F ; U+002F SOLIDUS (/)
+tag-end       =3D/ %x003E ; U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/pre&=
gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-script-element&gt;script=
&lt;/a&gt;&lt;/code&gt; element contains &lt;a href=3D#inline-documentati=
on-for-external-scripts&gt;script documentation&lt;/a&gt;, there are
+  further restrictions on the contents of the element, as described in t=
he section below.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following script illustrates this issue. Suppose you hav=
e a script that contains a string,
+   as in:&lt;/p&gt;
+
+   &lt;pre&gt;var example =3D 'Consider this string: &amp;lt;!-- &amp;lt=
;script&amp;gt;';
+console.log(example);&lt;/pre&gt;
+
+   &lt;p&gt;If one were to put this string directly in a &lt;code&gt;&lt=
;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/code&gt; block, it =
would violate the
+   restrictions above:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;script&amp;gt;
+  var example =3D 'Consider this string: &amp;lt;!-- &amp;lt;script&amp;=
gt;';
+  console.log(example);
+&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;The bigger problem, though, and the reason why it would viol=
ate those restrictions, is that
+   actually the script would get parsed weirdly: &lt;em&gt;the script bl=
ock above is not terminated&lt;/em&gt;.
+   That is, what looks like a &quot;&lt;code title=3D&quot;&quot;&gt;&am=
p;lt;/script&amp;gt;&lt;/code&gt;&quot; end tag in this snippet is
+   actually still part of the &lt;code&gt;&lt;a href=3D#the-script-eleme=
nt&gt;script&lt;/a&gt;&lt;/code&gt; block. The script doesn't execute (si=
nce it's not
+   terminated); if it somehow were to execute, as it might if the markup=
 looked as follows, it would
+   fail because the script (highlighted here) is not valid JavaScript:&l=
t;/p&gt;
+
+   &lt;pre&gt;&amp;lt;script&amp;gt;&lt;mark&gt;
+  var example =3D 'Consider this string: &amp;lt;!-- &amp;lt;script&amp;=
gt;';
+  console.log(example);
+&amp;lt;/script&amp;gt;
+&amp;lt;!-- despite appearances, this is actually part of the script sti=
ll! --&amp;gt;
+&amp;lt;script&amp;gt;
+ ... // this is the same script block still...
+&lt;/mark&gt;&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;What is going on here is that for legacy reasons, &quot;&lt;=
code title=3D&quot;&quot;&gt;&amp;lt;!--&lt;/code&gt;&quot; and &quot;&lt=
;code title=3D&quot;&quot;&gt;&amp;lt;script&lt;/code&gt;&quot; strings i=
n &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/co=
de&gt; elements in HTML need to be balanced
+   in order for the parser to consider closing the block.&lt;/p&gt;
+
+   &lt;p&gt;By escaping the problematic strings as mentioned at the top =
of this section, the problem is
+   avoided entirely:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;script&amp;gt;&lt;mark&gt;
+  var example =3D 'Consider this string: &amp;lt;\!-- &amp;lt;\script&am=
p;gt;';
+  console.log(example);
+&lt;/mark&gt;&amp;lt;/script&amp;gt;
+&amp;lt;!-- this is just a comment between script blocks --&amp;gt;
+&amp;lt;script&amp;gt;&lt;mark&gt;
+ ... // this is a new script block
+&lt;/mark&gt;&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Dinline-documentation-for-external-scripts&gt;&lt;span clas=
s=3Dsecno&gt;4.12.1.3 &lt;/span&gt;&lt;dfn title=3D&quot;script documenta=
tion&quot;&gt;Inline documentation for external scripts&lt;/dfn&gt;&lt;/h=
5&gt;
+
+  &lt;p&gt;If a &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&l=
t;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-script-src&gt;&lt;a=
 href=3D#attr-script-src&gt;src&lt;/a&gt;&lt;/code&gt; attribute is
+  specified, then the contents of the &lt;code&gt;&lt;a href=3D#the-scri=
pt-element&gt;script&lt;/a&gt;&lt;/code&gt; element, if any, must be such=
 that the
+  value of the &lt;code title=3Ddom-script-text&gt;&lt;a href=3D#dom-scr=
ipt-text&gt;text&lt;/a&gt;&lt;/code&gt; IDL attribute, which is derived f=
rom the
+  element's contents, matches the &lt;code title=3D&quot;&quot;&gt;docum=
entation&lt;/code&gt; production in the following
+  ABNF, the character set for which is Unicode. &lt;a href=3D#refsABNF&g=
t;[ABNF]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;pre&gt;documentation =3D *( *( space / tab / comment ) [ line-comm=
ent ] newline )
+comment       =3D slash star *( not-star / star not-slash ) 1*star slash
+line-comment  =3D slash slash *not-newline
+
+; characters
+tab           =3D %x0009 ; U+0009 CHARACTER TABULATION (tab)
+newline       =3D %x000A ; U+000A LINE FEED (LF)
+space         =3D %x0020 ; U+0020 SPACE
+star          =3D %x002A ; U+002A ASTERISK (*)
+slash         =3D %x002F ; U+002F SOLIDUS (/)
+not-newline   =3D %x0000-0009 / %x000B-10FFFF
+                ; a &lt;a href=3D#unicode-character&gt;Unicode character=
&lt;/a&gt; other than U+000A LINE FEED (LF)
+not-star      =3D %x0000-0029 / %x002B-10FFFF
+                ; a &lt;a href=3D#unicode-character&gt;Unicode character=
&lt;/a&gt; other than U+002A ASTERISK (*)
+not-slash     =3D %x0000-002E / %x0030-10FFFF
+                ; a &lt;a href=3D#unicode-character&gt;Unicode character=
&lt;/a&gt; other than U+002F SOLIDUS (/)&lt;/pre&gt;
+
+  &lt;p class=3Dnote&gt;This corresponds to putting the contents of the =
element in JavaScript
+  comments.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This requirement is in addition to the earlier r=
estrictions on the syntax of
+  contents of &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;=
/a&gt;&lt;/code&gt; elements.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This allows authors to include documentation, such as licens=
e information or API information,
+   inside their documents while still referring to external script files=
. The syntax is constrained
+   so that authors don't accidentally include what looks like valid scri=
pt while also providing a
+   &lt;code title=3Dattr-script-src&gt;&lt;a href=3D#attr-script-src&gt;=
src&lt;/a&gt;&lt;/code&gt; attribute.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;script src=3D&quot;cool-effects.js&quot;&amp;gt;
+ // create new instances using:
+ //    var e =3D new Effect();
+ // start the effect using .play, stop using .stop:
+ //    e.play();
+ //    e.stop();
+&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3DscriptTagXSLT&gt;&lt;span class=3Dsecno&gt;4.12.1.4 &lt;/s=
pan&gt;Interaction of &lt;code&gt;&lt;a href=3D#the-script-element&gt;scr=
ipt&lt;/a&gt;&lt;/code&gt; elements and XSLT&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;This specification does not define how XSLT interacts with th=
e &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/co=
de&gt; element.
+  However, in the absence of another specification actually defining thi=
s, here are some guidelines
+  for implementors, based on existing implementations:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;&lt;p&gt;When an XSLT transformation program is tr=
iggered by an &lt;code title=3D&quot;&quot;&gt;&amp;lt;?xml-stylesheet?&a=
mp;gt;&lt;/code&gt; processing instruction and the browser implements a
+   direct-to-DOM transformation, &lt;code&gt;&lt;a href=3D#the-script-el=
ement&gt;script&lt;/a&gt;&lt;/code&gt; elements created by the XSLT proce=
ssor need to
+   be marked &lt;a href=3D#parser-inserted&gt;&quot;parser-inserted&quot=
;&lt;/a&gt; and run in document order (modulo scripts marked &lt;code tit=
le=3Dattr-script-defer&gt;&lt;a href=3D#attr-script-defer&gt;defer&lt;/a&=
gt;&lt;/code&gt; or &lt;code title=3Dattr-script-async&gt;&lt;a href=3D#a=
ttr-script-async&gt;async&lt;/a&gt;&lt;/code&gt;),
+   asynchronously while the transformation is occurring.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;The &lt;code title=3Ddom-XSLTProcessor-transformTo=
Document&gt;XSLTProcessor.transformToDocument()&lt;/code&gt; method
+   adds elements to a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;=
/a&gt;&lt;/code&gt; that is not in a &lt;a href=3D#browsing-context&gt;br=
owsing context&lt;/a&gt;, and,
+   accordingly, any &lt;code&gt;&lt;a href=3D#the-script-element&gt;scri=
pt&lt;/a&gt;&lt;/code&gt; elements they create need to have their &lt;a h=
ref=3D#already-started&gt;&quot;already
+   started&quot;&lt;/a&gt; flag set in the &lt;a href=3D#prepare-a-scrip=
t&gt;prepare a script&lt;/a&gt; algorithm and never get executed
+   (&lt;a href=3D#concept-bc-noscript title=3Dconcept-bc-noscript&gt;scr=
ipting is disabled&lt;/a&gt;). Such &lt;code&gt;&lt;a href=3D#the-script-=
element&gt;script&lt;/a&gt;&lt;/code&gt;
+   elements still need to be marked &lt;a href=3D#parser-inserted&gt;&qu=
ot;parser-inserted&quot;&lt;/a&gt;, though, such that their &lt;code titl=
e=3Ddom-script-async&gt;&lt;a href=3D#dom-script-async&gt;async&lt;/a&gt;=
&lt;/code&gt; IDL attribute will return false in the absence of an &lt;co=
de title=3Dattr-script-async&gt;&lt;a href=3D#attr-script-async&gt;async&=
lt;/a&gt;&lt;/code&gt; content attribute.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;The &lt;code title=3Ddom-XSLTProcessor-transformTo=
Fragment&gt;XSLTProcessor.transformToFragment()&lt;/code&gt; method
+   needs to create a fragment that is equivalent to one built manually b=
y creating the elements
+   using &lt;code title=3Ddom-document-createElementNS&gt;&lt;a href=3D#=
dom-document-createelementns&gt;document.createElementNS()&lt;/a&gt;&lt;/=
code&gt;. For instance,
+   it needs to create &lt;code&gt;&lt;a href=3D#the-script-element&gt;sc=
ript&lt;/a&gt;&lt;/code&gt; elements that aren't &lt;a href=3D#parser-ins=
erted&gt;&quot;parser-inserted&quot;&lt;/a&gt; and
+   that don't have their &lt;a href=3D#already-started&gt;&quot;already =
started&quot;&lt;/a&gt; flag set, so that they will execute when the
+   fragment is inserted into a document.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;The main distinction between the first two cases a=
nd the last case is that the first two
+  operate on &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt=
;/code&gt;s and the last operates on a fragment.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dthe-noscript-element&gt;&lt;span class=3Dsecno&gt;4.12.2 &=
lt;/span&gt;The &lt;dfn&gt;&lt;code&gt;noscript&lt;/code&gt;&lt;/dfn&gt; =
element&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#metadata-content&gt;Metadata content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;In a &lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;=
/a&gt;&lt;/code&gt; element of an &lt;a href=3D#html-documents title=3D&q=
uot;HTML documents&quot;&gt;HTML document&lt;/a&gt;, if there are no ance=
stor &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt;/a&gt;=
&lt;/code&gt; elements.&lt;/dd&gt;
+   &lt;dd&gt;Where &lt;a href=3D#phrasing-content&gt;phrasing content&lt=
;/a&gt; is expected in &lt;a href=3D#html-documents&gt;HTML documents&lt;=
/a&gt;, if there are no ancestor &lt;code&gt;&lt;a href=3D#the-noscript-e=
lement&gt;noscript&lt;/a&gt;&lt;/code&gt; elements.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;When &lt;a href=3D#concept-n-noscript title=3Dconcept-n-nos=
cript&gt;scripting is disabled&lt;/a&gt;, in a &lt;code&gt;&lt;a href=3D#=
the-head-element&gt;head&lt;/a&gt;&lt;/code&gt; element: in any order, ze=
ro or more &lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&l=
t;/code&gt; elements, zero or more &lt;code&gt;&lt;a href=3D#the-style-el=
ement&gt;style&lt;/a&gt;&lt;/code&gt; elements, and zero or more &lt;code=
&gt;&lt;a href=3D#the-meta-element&gt;meta&lt;/a&gt;&lt;/code&gt; element=
s.&lt;/dd&gt;
+   &lt;dd&gt;When &lt;a href=3D#concept-n-noscript title=3Dconcept-n-nos=
cript&gt;scripting is disabled&lt;/a&gt;, not in a &lt;code&gt;&lt;a href=
=3D#the-head-element&gt;head&lt;/a&gt;&lt;/code&gt; element: &lt;a href=3D=
#transparent&gt;transparent&lt;/a&gt;, but there must be no &lt;code&gt;&=
lt;a href=3D#the-noscript-element&gt;noscript&lt;/a&gt;&lt;/code&gt; elem=
ent descendants.&lt;/dd&gt;
+   &lt;dd&gt;Otherwise: text that conforms to the requirements given in =
the prose.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;Uses &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&l=
t;/a&gt;&lt;/code&gt;.&lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-noscript-element&gt;noscript&lt;/a&gt;&lt;/code&gt; element &lt;a hr=
ef=3D#represents&gt;represents&lt;/a&gt; nothing if &lt;a href=3D#concept=
-n-script title=3Dconcept-n-script&gt;scripting is enabled&lt;/a&gt;, and=
 &lt;a href=3D#represents&gt;represents&lt;/a&gt; its children if
+  &lt;a href=3D#concept-n-noscript title=3Dconcept-n-noscript&gt;scripti=
ng is disabled&lt;/a&gt;. It is used to present different
+  markup to user agents that support scripting and those that don't supp=
ort scripting, by affecting
+  how the document is parsed.&lt;/p&gt;
+
+  &lt;p&gt;When used in &lt;a href=3D#html-documents&gt;HTML documents&l=
t;/a&gt;, the allowed content model is as follows:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;In a &lt;code&gt;&lt;a href=3D#the-head-element&gt=
;head&lt;/a&gt;&lt;/code&gt; element, if &lt;a href=3D#concept-n-noscript=
 title=3Dconcept-n-noscript&gt;scripting is
+   disabled&lt;/a&gt; for the &lt;code&gt;&lt;a href=3D#the-noscript-ele=
ment&gt;noscript&lt;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-noscript-element=
&gt;noscript&lt;/a&gt;&lt;/code&gt; element must contain only &lt;code&gt=
;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt;, &lt;code&=
gt;&lt;a href=3D#the-style-element&gt;style&lt;/a&gt;&lt;/code&gt;,
+   and &lt;code&gt;&lt;a href=3D#the-meta-element&gt;meta&lt;/a&gt;&lt;/=
code&gt; elements.&lt;/dd&gt;
+
+   &lt;dt&gt;In a &lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;=
/a&gt;&lt;/code&gt; element, if &lt;a href=3D#concept-n-script title=3Dco=
ncept-n-script&gt;scripting is enabled&lt;/a&gt;
+   for the &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt=
;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-noscript-element=
&gt;noscript&lt;/a&gt;&lt;/code&gt; element must contain only text, excep=
t that invoking the
+   &lt;a href=3D#html-fragment-parsing-algorithm&gt;HTML fragment parsin=
g algorithm&lt;/a&gt; &lt;!-- (which disables &lt;script&gt; execution) -=
-&gt; with
+   the &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt;/a&=
gt;&lt;/code&gt; element as the &lt;var title=3Dconcept-frag-parse-contex=
t&gt;&lt;a href=3D#concept-frag-parse-context&gt;context&lt;/a&gt;&lt;/va=
r&gt;
+   element and the text contents as the &lt;var title=3D&quot;&quot;&gt;=
input&lt;/var&gt; must result in a list of nodes
+   that consists only of &lt;code&gt;&lt;a href=3D#the-link-element&gt;l=
ink&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-style-element&g=
t;style&lt;/a&gt;&lt;/code&gt;, and &lt;code&gt;&lt;a href=3D#the-meta-el=
ement&gt;meta&lt;/a&gt;&lt;/code&gt; elements that
+   would be conforming if they were children of the &lt;code&gt;&lt;a hr=
ef=3D#the-noscript-element&gt;noscript&lt;/a&gt;&lt;/code&gt; element, an=
d no &lt;a href=3D#parse-error title=3D&quot;parse error&quot;&gt;parse e=
rrors&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;Outside of &lt;code&gt;&lt;a href=3D#the-head-element&gt;he=
ad&lt;/a&gt;&lt;/code&gt; elements, if &lt;a href=3D#concept-n-noscript t=
itle=3Dconcept-n-noscript&gt;scripting is
+   disabled&lt;/a&gt; for the &lt;code&gt;&lt;a href=3D#the-noscript-ele=
ment&gt;noscript&lt;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-noscript-element=
&gt;noscript&lt;/a&gt;&lt;/code&gt; element's content model is &lt;a href=
=3D#transparent&gt;transparent&lt;/a&gt;, with the
+   additional restriction that a &lt;code&gt;&lt;a href=3D#the-noscript-=
element&gt;noscript&lt;/a&gt;&lt;/code&gt; element must not have a &lt;co=
de&gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt;/a&gt;&lt;/code&g=
t;
+   element as an ancestor (that is, &lt;code&gt;&lt;a href=3D#the-noscri=
pt-element&gt;noscript&lt;/a&gt;&lt;/code&gt; can't be nested).&lt;/dd&gt=
;
+
+   &lt;dt&gt;Outside of &lt;code&gt;&lt;a href=3D#the-head-element&gt;he=
ad&lt;/a&gt;&lt;/code&gt; elements, if &lt;a href=3D#concept-n-script tit=
le=3Dconcept-n-script&gt;scripting is
+   enabled&lt;/a&gt; for the &lt;code&gt;&lt;a href=3D#the-noscript-elem=
ent&gt;noscript&lt;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscr=
ipt&lt;/a&gt;&lt;/code&gt; element must contain only text, except that th=
e text must be such
+    that running the following algorithm results in a conforming documen=
t with no
+    &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt;/a&gt;=
&lt;/code&gt; elements and no &lt;code&gt;&lt;a href=3D#the-script-elemen=
t&gt;script&lt;/a&gt;&lt;/code&gt; elements, and such that no step in the
+    algorithm causes an &lt;a href=3D#html-parser&gt;HTML parser&lt;/a&g=
t; to flag a &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;:&lt;/p&gt=
;
+
+    &lt;ol&gt;&lt;li&gt;Remove every &lt;code&gt;&lt;a href=3D#the-scrip=
t-element&gt;script&lt;/a&gt;&lt;/code&gt; element from the document.&lt;=
/li&gt;
+
+     &lt;li&gt;Make a list of every &lt;code&gt;&lt;a href=3D#the-noscri=
pt-element&gt;noscript&lt;/a&gt;&lt;/code&gt; element in the document. Fo=
r every
+     &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt;/a&gt=
;&lt;/code&gt; element in that list, perform the following steps:
+
+      &lt;ol&gt;&lt;li&gt;Let the &lt;var title=3D&quot;&quot;&gt;parent=
 element&lt;/var&gt; be the parent element of the
+       &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt;/a&=
gt;&lt;/code&gt; element.&lt;/li&gt;
+
+       &lt;li&gt;Take all the children of the &lt;var title=3D&quot;&quo=
t;&gt;parent element&lt;/var&gt; that come before the
+       &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt;/a&=
gt;&lt;/code&gt; element, and call these elements &lt;var title=3D&quot;&=
quot;&gt;the before
+       children&lt;/var&gt;.&lt;/li&gt;
+
+       &lt;li&gt;Take all the children of the &lt;var title=3D&quot;&quo=
t;&gt;parent element&lt;/var&gt; that come &lt;em&gt;after&lt;/em&gt;
+       the &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt=
;/a&gt;&lt;/code&gt; element, and call these elements &lt;var title=3D&qu=
ot;&quot;&gt;the after
+       children&lt;/var&gt;.&lt;/li&gt;
+
+       &lt;li&gt;Let &lt;var title=3D&quot;&quot;&gt;s&lt;/var&gt; be th=
e concatenation of all the &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&g=
t;&lt;/code&gt; node children
+       of the &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscript=
&lt;/a&gt;&lt;/code&gt; element.&lt;/li&gt;
+
+       &lt;li&gt;Set the &lt;code title=3Ddom-innerHTML&gt;&lt;a href=3D=
#dom-innerhtml&gt;innerHTML&lt;/a&gt;&lt;/code&gt; attribute of the &lt;v=
ar title=3D&quot;&quot;&gt;parent element&lt;/var&gt; to the value of &lt=
;var title=3D&quot;&quot;&gt;s&lt;/var&gt;. (This, as a side-effect,
+       causes the &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;nosc=
ript&lt;/a&gt;&lt;/code&gt; element to be removed from the document.)&lt;=
/li&gt;
+
+       &lt;li&gt;Insert &lt;var title=3D&quot;&quot;&gt;the before child=
ren&lt;/var&gt; at the start of the &lt;var title=3D&quot;&quot;&gt;paren=
t
+       element&lt;/var&gt;, preserving their original relative order.&lt=
;/li&gt;
+
+       &lt;li&gt;Insert &lt;var title=3D&quot;&quot;&gt;the after childr=
en&lt;/var&gt; at the end of the &lt;var title=3D&quot;&quot;&gt;parent
+       element&lt;/var&gt;, preserving their original relative order.&lt=
;/li&gt;
+
+      &lt;/ol&gt;&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p class=3Dnote&gt;All these contortions are required be=
cause, for historical reasons, the
+  &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt;/a&gt;&l=
t;/code&gt; element is handled differently by the &lt;a href=3D#html-pars=
er&gt;HTML parser&lt;/a&gt; based on
+  whether &lt;a href=3D#scripting-flag title=3D&quot;scripting flag&quot=
;&gt;scripting was enabled or not&lt;/a&gt; when the parser was
+  invoked.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscrip=
t&lt;/a&gt;&lt;/code&gt; element must not be used in &lt;a href=3D#xml-do=
cuments&gt;XML documents&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code&gt;&lt;a href=3D#the-noscript-eleme=
nt&gt;noscript&lt;/a&gt;&lt;/code&gt; element is only effective in &lt;a =
href=3D#syntax&gt;the HTML
+  syntax&lt;/a&gt;, it has no effect in &lt;a href=3D#the-xhtml-syntax&g=
t;the XHTML syntax&lt;/a&gt;. This is because the way it works
+  is by essentially &quot;turning off&quot; the parser when scripts are =
enabled, so that the contents of the
+  element are treated as pure text and not as real elements. XML does no=
t define a mechanism by
+  which to do this.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscrip=
t&lt;/a&gt;&lt;/code&gt; element has no other requirements. In particular=
, children of the
+  &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt;/a&gt;&l=
t;/code&gt; element are not exempt from &lt;a href=3D#form-submission&gt;=
form submission&lt;/a&gt;, scripting, and so
+  forth, even when &lt;a href=3D#concept-n-script title=3Dconcept-n-scri=
pt&gt;scripting is enabled&lt;/a&gt; for the element.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In the following example, a &lt;code&gt;&lt;a href=3D#the-no=
script-element&gt;noscript&lt;/a&gt;&lt;/code&gt; element is
+   used to provide fallback for a script.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;form action=3D&quot;calcSquare.php&quot;&amp;gt;
+ &amp;lt;p&amp;gt;
+  &amp;lt;label for=3Dx&amp;gt;Number&amp;lt;/label&amp;gt;:
+  &amp;lt;input id=3D&quot;x&quot; name=3D&quot;x&quot; type=3D&quot;num=
ber&quot;&amp;gt;
+ &amp;lt;/p&amp;gt;
+ &amp;lt;script&amp;gt;
+  var x =3D document.getElementById('x');
+  var output =3D document.createElement('p');
+  output.textContent =3D 'Type a number; it will be squared right then!'=
;
+  x.form.appendChild(output);
+  x.form.onsubmit =3D function () { return false; }
+  x.oninput =3D function () {
+    var v =3D x.valueAsNumber;
+    output.textContent =3D v + ' squared is ' + v * v;
+  };
+ &amp;lt;/script&amp;gt;
+ &amp;lt;noscript&amp;gt;
+  &amp;lt;input type=3Dsubmit value=3D&quot;Calculate Square&quot;&amp;g=
t;
+ &amp;lt;/noscript&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;When script is disabled, a button appears to do the calculat=
ion on the server side. When
+   script is enabled, the value is computed on-the-fly instead.&lt;/p&gt=
;
+
+   &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscri=
pt&lt;/a&gt;&lt;/code&gt; element is a blunt instrument. Sometimes, scrip=
ts might be enabled,
+   but for some reason the page's script might fail. For this reason, it=
's generally better to avoid
+   using &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt;/=
a&gt;&lt;/code&gt;, and to instead design the script to change the page f=
rom being a
+   scriptless page to a scripted page on the fly, as in the next example=
:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;form action=3D&quot;calcSquare.php&quot;&amp;gt;
+ &amp;lt;p&amp;gt;
+  &amp;lt;label for=3Dx&amp;gt;Number&amp;lt;/label&amp;gt;:
+  &amp;lt;input id=3D&quot;x&quot; name=3D&quot;x&quot; type=3D&quot;num=
ber&quot;&amp;gt;
+ &amp;lt;/p&amp;gt;
+ &lt;strong&gt;&amp;lt;input id=3D&quot;submit&quot; type=3Dsubmit value=
=3D&quot;Calculate Square&quot;&amp;gt;&lt;/strong&gt;
+ &amp;lt;script&amp;gt;
+  var x =3D document.getElementById('x');
+  var output =3D document.createElement('p');
+  output.textContent =3D 'Type a number; it will be squared right then!'=
;
+  x.form.appendChild(output);
+  x.form.onsubmit =3D function () { return false; }
+  x.oninput =3D function () {
+    var v =3D x.valueAsNumber;
+    output.textContent =3D v + ' squared is ' + v * v;
+  };
+&lt;strong&gt;  var submit =3D document.getElementById('submit');
+  submit.parentNode.removeChild(submit);&lt;/strong&gt;
+ &amp;lt;/script&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;The above technique is also useful in XHTML, since &lt;code&=
gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt;/a&gt;&lt;/code&gt; =
is not supported in
+   &lt;a href=3D#the-xhtml-syntax&gt;the XHTML syntax&lt;/a&gt;.&lt;/p&g=
t;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dthe-template-element&gt;&lt;span class=3Dsecno&gt;4.12.3 &=
lt;/span&gt;The &lt;dfn&gt;&lt;code&gt;template&lt;/code&gt;&lt;/dfn&gt; =
element&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#metadata-content&gt;Metadata content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#script-supporting-elements title=3D&quot;scri=
pt-supporting elements&quot;&gt;Script-supporting element&lt;/a&gt;.&lt;/=
dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#metadata-content&gt;metadata content&lt=
;/a&gt; is expected.&lt;/dd&gt;
+   &lt;dd&gt;Where &lt;a href=3D#phrasing-content&gt;phrasing content&lt=
;/a&gt; is expected.&lt;/dd&gt;
+   &lt;dd&gt;Where &lt;a href=3D#script-supporting-elements&gt;script-su=
pporting elements&lt;/a&gt; are expected.&lt;/dd&gt;
+   &lt;dd&gt;As a child of a &lt;code&gt;&lt;a href=3D#the-colgroup-elem=
ent&gt;colgroup&lt;/a&gt;&lt;/code&gt; element that doesn't have a &lt;co=
de title=3Dattr-colgroup-span&gt;&lt;a href=3D#attr-colgroup-span&gt;span=
&lt;/a&gt;&lt;/code&gt; attribute.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Either: &lt;a href=3D#metadata-content&gt;Metadata content&=
lt;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;Or: &lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&l=
t;/dd&gt;
+   &lt;dd&gt;Or: The content model of &lt;code&gt;&lt;a href=3D#the-ol-e=
lement&gt;ol&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-ul-=
element&gt;ul&lt;/a&gt;&lt;/code&gt; elements.&lt;/dd&gt;
+   &lt;dd&gt;Or: The content model of &lt;code&gt;&lt;a href=3D#the-dl-e=
lement&gt;dl&lt;/a&gt;&lt;/code&gt; elements.&lt;/dd&gt;
+   &lt;dd&gt;Or: The content model of &lt;code&gt;&lt;a href=3D#the-figu=
re-element&gt;figure&lt;/a&gt;&lt;/code&gt; elements.&lt;/dd&gt;
+   &lt;dd&gt;Or: The content model of &lt;code&gt;&lt;a href=3D#the-ruby=
-element&gt;ruby&lt;/a&gt;&lt;/code&gt; elements.&lt;/dd&gt;
+   &lt;dd&gt;Or: The content model of &lt;code&gt;&lt;a href=3D#the-obje=
ct-element&gt;object&lt;/a&gt;&lt;/code&gt; elements.&lt;/dd&gt;
+   &lt;dd&gt;Or: The content model of &lt;code&gt;&lt;a href=3D#the-vide=
o-element&gt;video&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#t=
he-audio-element&gt;audio&lt;/a&gt;&lt;/code&gt; elements.&lt;/dd&gt;
+   &lt;dd&gt;Or: The content model of &lt;code&gt;&lt;a href=3D#the-tabl=
e-element&gt;table&lt;/a&gt;&lt;/code&gt; elements.&lt;/dd&gt;
+   &lt;dd&gt;Or: The content model of &lt;code&gt;&lt;a href=3D#the-colg=
roup-element&gt;colgroup&lt;/a&gt;&lt;/code&gt; elements.&lt;/dd&gt;
+   &lt;dd&gt;Or: The content model of &lt;code&gt;&lt;a href=3D#the-thea=
d-element&gt;thead&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-=
tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt;, and &lt;code&gt;&lt;a href=
=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/code&gt; elements.&lt;/dd&gt=
;
+   &lt;dd&gt;Or: The content model of &lt;code&gt;&lt;a href=3D#the-tr-e=
lement&gt;tr&lt;/a&gt;&lt;/code&gt; elements.&lt;/dd&gt;
+   &lt;dd&gt;Or: The content model of &lt;code&gt;&lt;a href=3D#the-fiel=
dset-element&gt;fieldset&lt;/a&gt;&lt;/code&gt; elements.&lt;/dd&gt;
+   &lt;dd&gt;Or: The content model of &lt;code&gt;&lt;a href=3D#the-sele=
ct-element&gt;select&lt;/a&gt;&lt;/code&gt; elements.&lt;/dd&gt;
+   &lt;dd&gt;Or: The content model of &lt;code&gt;&lt;a href=3D#the-deta=
ils-element&gt;details&lt;/a&gt;&lt;/code&gt; elements.&lt;/dd&gt;
+   &lt;dd&gt;Or: The content model of &lt;code&gt;&lt;a href=3D#the-menu=
-element&gt;menu&lt;/a&gt;&lt;/code&gt; elements whose &lt;code title=3Da=
ttr-menu-type&gt;&lt;a href=3D#attr-menu-type&gt;type&lt;/a&gt;&lt;/code&=
gt; attribute is in the &lt;a href=3D#popup-menu-state&gt;popup menu stat=
e&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+&lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmltemplateelement&gt;HTM=
LTemplateElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&l=
t;/a&gt; {
+  readonly attribute &lt;a href=3D#documentfragment&gt;DocumentFragment&=
lt;/a&gt; &lt;a href=3D#dom-template-content title=3Ddom-template-content=
&gt;content&lt;/a&gt;;
+};&lt;/pre&gt;
+&lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D=
#the-template-element&gt;template&lt;/a&gt;&lt;/code&gt; element is used =
to declare fragments of HTML that can be cloned and
+  inserted in the document by script.&lt;/p&gt;
+
+  &lt;p&gt;In a rendering, the &lt;code&gt;&lt;a href=3D#the-template-el=
ement&gt;template&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D#represents=
&gt;represents&lt;/a&gt; nothing.&lt;/p&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;t=
emplate&lt;/var&gt; . &lt;code title=3Ddom-template-content&gt;&lt;a href=
=3D#dom-template-content&gt;content&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the contents of the &lt;code&gt;&lt;a href=3D#the-t=
emplate-element&gt;template&lt;/a&gt;&lt;/code&gt;, which are stored in a
+    &lt;code&gt;&lt;a href=3D#documentfragment&gt;DocumentFragment&lt;/a=
&gt;&lt;/code&gt; associated with a different &lt;code&gt;&lt;a href=3D#d=
ocument&gt;Document&lt;/a&gt;&lt;/code&gt; so as to avoid
+    the &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/a=
&gt;&lt;/code&gt; contents interfering with the main &lt;code&gt;&lt;a hr=
ef=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;. (For
+    example, this avoids form controls from being submitted, scripts fro=
m executing, and so
+    forth.)&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#the-template-element&gt;templa=
te&lt;/a&gt;&lt;/code&gt; element has an associated &lt;code&gt;&lt;a hre=
f=3D#documentfragment&gt;DocumentFragment&lt;/a&gt;&lt;/code&gt; object t=
hat
+  is its &lt;dfn id=3Dtemplate-contents&gt;template contents&lt;/dfn&gt;=
. When a &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/a=
&gt;&lt;/code&gt; element is created, the user
+  agent must run the following steps to establish the &lt;a href=3D#temp=
late-contents&gt;template contents&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;doc&l=
t;/var&gt; be the &lt;code&gt;&lt;a href=3D#the-template-element&gt;templ=
ate&lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Ddom-node-ownerdocum=
ent&gt;&lt;a href=3D#dom-node-ownerdocument&gt;ownerDocument&lt;/a&gt;&lt=
;/code&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;doc&lt;/var&gt; has an a=
ssociated &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;, r=
un these substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;new=
 doc&lt;/var&gt; be a new &lt;code&gt;&lt;a href=3D#document&gt;Document&=
lt;/a&gt;&lt;/code&gt; (that does not have a
+     &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;).&lt;/=
li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;doc&lt;/var&g=
t; is an &lt;a href=3D#html-documents title=3D&quot;HTML documents&quot;&=
gt;HTML document&lt;/a&gt;, mark
+     &lt;var title=3D&quot;&quot;&gt;new doc&lt;/var&gt; as an &lt;a hre=
f=3D#html-documents title=3D&quot;HTML documents&quot;&gt;HTML document&l=
t;/a&gt;
+     also.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;doc&lt;/var&=
gt; to &lt;var title=3D&quot;&quot;&gt;new doc&lt;/var&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Create a &lt;code&gt;&lt;a href=3D#documentfragmen=
t&gt;DocumentFragment&lt;/a&gt;&lt;/code&gt; object whose &lt;code title=3D=
dom-node-ownerdocument&gt;&lt;a href=3D#dom-node-ownerdocument&gt;ownerDo=
cument&lt;/a&gt;&lt;/code&gt; is &lt;var title=3D&quot;&quot;&gt;doc&lt;/=
var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set the &lt;code&gt;&lt;a href=3D#the-template-ele=
ment&gt;template&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#template-=
contents&gt;template contents&lt;/a&gt; to the newly
+   created &lt;code&gt;&lt;a href=3D#documentfragment&gt;DocumentFragmen=
t&lt;/a&gt;&lt;/code&gt; object.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Ddom-template-content title=3Ddom-=
template-content&gt;&lt;code&gt;content&lt;/code&gt;&lt;/dfn&gt; IDL attr=
ibute must return the
+  &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/a&gt;&l=
t;/code&gt; element's &lt;a href=3D#template-contents&gt;template content=
s&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;a href=3D#concept-node-clone-ext title=3Dco=
ncept-node-clone-ext&gt;cloning steps&lt;/a&gt; for a &lt;code&gt;&lt;a h=
ref=3D#the-template-element&gt;template&lt;/a&gt;&lt;/code&gt;
+  element &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt; being cloned =
to a copy &lt;var title=3D&quot;&quot;&gt;copy&lt;/var&gt; must run the
+  following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;cl=
one children flag&lt;/var&gt; is not set in the calling &lt;a href=3D#con=
cept-node-clone title=3Dconcept-node-clone&gt;clone&lt;/a&gt; algorithm, =
abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;copied content=
s&lt;/var&gt; be the result of &lt;a href=3D#concept-node-clone title=3Dc=
oncept-node-clone&gt;cloning&lt;/a&gt; all the children of &lt;var title=3D=
&quot;&quot;&gt;node&lt;/var&gt;'s
+   &lt;a href=3D#template-contents&gt;template contents&lt;/a&gt;, with =
&lt;var title=3D&quot;&quot;&gt;ownerDocument&lt;/var&gt; set to &lt;var =
title=3D&quot;&quot;&gt;copy&lt;/var&gt;'s &lt;a href=3D#template-content=
s&gt;template contents&lt;/a&gt;'s &lt;code title=3Ddom-node-ownerdocumen=
t&gt;&lt;a href=3D#dom-node-ownerdocument&gt;ownerDocument&lt;/a&gt;&lt;/=
code&gt;, and with the &lt;var title=3D&quot;&quot;&gt;clone children
+   flag&lt;/var&gt; set.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;copied cont=
ents&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;copy&lt;/var&gt;'s &l=
t;a href=3D#template-contents&gt;template
+   contents&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this example, a script populates a table with data from a=
 data structure, using a
+   &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/a&gt;&=
lt;/code&gt; to provide the element structure instead of manually generat=
ing the
+   structure from markup.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;!DOCTYPE html&amp;gt;
+&amp;lt;title&amp;gt;Cat data&amp;lt;/title&amp;gt;
+&amp;lt;script&amp;gt;
+ // Data is hard-coded here, but could come from the server
+ var data =3D [
+   { name: 'Pillar', color: 'Ticked Tabby', sex: 'Female (neutered)', le=
gs: 3 },
+   { name: 'Hedral', color: 'Tuxedo', sex: 'Male (neutered)', legs: 4 },
+ ];
+&amp;lt;/script&amp;gt;
+&amp;lt;table&amp;gt;
+ &amp;lt;thead&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;th&amp;gt;Name &amp;lt;th&amp;gt;Color &amp;lt;th&amp;gt;Sex =
&amp;lt;th&amp;gt;Legs
+ &amp;lt;tbody&amp;gt;
+  &amp;lt;template id=3D&quot;row&quot;&amp;gt;
+   &amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;&amp;lt;td&amp;gt;&amp;lt;td&amp;=
gt;&amp;lt;td&amp;gt;
+  &amp;lt;/template&amp;gt;
+&amp;lt;/table&amp;gt;
+&amp;lt;script&amp;gt;
+ var template =3D document.querySelector('#row');
+ for (var i =3D 0; i &amp;lt; data.length; i +=3D 1) {
+   var cat =3D data[i];
+   var clone =3D template.content.cloneNode(true);
+   var cells =3D clone.querySelectorAll('td');
+   cells[0].textContent =3D cat.name;
+   cells[1].textContent =3D cat.color;
+   cells[2].textContent =3D cat.sex;
+   cells[3].textContent =3D cat.legs;
+   template.parentNode.appendChild(clone);
+ }
+&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dtemplate-XSLT-XPath&gt;&lt;span class=3Dsecno&gt;4.12.3.1 =
&lt;/span&gt;Interaction of &lt;code&gt;&lt;a href=3D#the-template-elemen=
t&gt;template&lt;/a&gt;&lt;/code&gt; elements with XSLT and XPath&lt;/h5&=
gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;This specification does not define how XSLT and XPath interac=
t with the &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;=
/a&gt;&lt;/code&gt;
+  element. However, in the absence of another specification actually def=
ining this, here are some
+  guidelines for implementors, which are intended to be consistent with =
other processing described
+  in this specification:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;&lt;p&gt;An XSLT processor based on an XML parser =
that acts &lt;a href=3D#xml-parser title=3D&quot;xml parser&quot;&gt;as d=
escribed
+   in this specification&lt;/a&gt; needs to act as if &lt;code&gt;&lt;a =
href=3D#the-template-element&gt;template&lt;/a&gt;&lt;/code&gt; elements =
contain as
+   descendants their &lt;a href=3D#template-contents&gt;template content=
s&lt;/a&gt; for the purposes of the transform.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;An XSLT processor that outputs a DOM needs to ensu=
re that nodes that would go into a
+   &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/a&gt;&=
lt;/code&gt; element are instead placed into the element's &lt;a href=3D#=
template-contents&gt;template
+   contents&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;XPath evaluation using the XPath DOM API when appl=
ied to a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/cod=
e&gt; parsed
+   using the &lt;a href=3D#html-parser&gt;HTML parser&lt;/a&gt; or the &=
lt;a href=3D#xml-parser&gt;XML parser&lt;/a&gt; described in this specifi=
cation
+   needs to ignore &lt;a href=3D#template-contents&gt;template contents&=
lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/ul&gt;&lt;/div&gt;
+
+
+
+&lt;!--TOPIC:Canvas--&gt;
+  &lt;h4 id=3Dthe-canvas-element&gt;&lt;span class=3Dsecno&gt;4.12.4 &lt=
;/span&gt;The &lt;dfn id=3Dcanvas&gt;&lt;code&gt;canvas&lt;/code&gt;&lt;/=
dfn&gt; element&lt;/h4&gt;
+
+  &lt;dl class=3Delement&gt;&lt;dt&gt;&lt;a href=3D#element-dfn-categori=
es title=3Delement-dfn-categories&gt;Categories&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#flow-content&gt;Flow content&lt;/a&gt;.&lt;/d=
d&gt;
+   &lt;dd&gt;&lt;a href=3D#phrasing-content&gt;Phrasing content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#embedded-content&gt;Embedded content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;a href=3D#palpable-content&gt;Palpable content&lt;/a&gt=
;.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-contexts title=3Delement-dfn-cont=
exts&gt;Contexts in which this element can be used&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Where &lt;a href=3D#embedded-content&gt;embedded content&lt=
;/a&gt; is expected.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-content-model title=3Delement-dfn=
-content-model&gt;Content model&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#transparent&gt;Transparent&lt;/a&gt;, but wit=
h no &lt;a href=3D#interactive-content&gt;interactive content&lt;/a&gt; d=
escendants except for &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&=
gt;&lt;/code&gt; elements, &lt;code&gt;&lt;a href=3D#the-button-element&g=
t;button&lt;/a&gt;&lt;/code&gt; elements, &lt;code&gt;&lt;a href=3D#the-i=
nput-element&gt;input&lt;/a&gt;&lt;/code&gt; elements whose &lt;code titl=
e=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt=
;/code&gt; attribute are in the &lt;a href=3D&quot;#checkbox-state-(type=3D=
checkbox)&quot; title=3Dattr-input-type-checkbox&gt;Checkbox&lt;/a&gt; or=
 &lt;a href=3D&quot;#radio-button-state-(type=3Dradio)&quot; title=3Dattr=
-input-type-radio&gt;Radio Button&lt;/a&gt; states, and &lt;code&gt;&lt;a=
 href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; elements that =
are &lt;a href=3D#concept-button title=3Dconcept-button&gt;buttons&lt;/a&=
gt;.&lt;/dd&gt; &lt;!-- and maybe &lt;select&gt;, I guess? I've left it o=
ur for now, since I guess authors might make accessible selects if they'r=
e simple enough, and it's not obvious how to distinguish the simple ones =
from the complex ones... --&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-tag-omission title=3Delement-dfn-=
tag-omission&gt;Tag omission in text/html&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;Neither tag is omissible.&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-attributes title=3Delement-dfn-at=
tributes&gt;Content attributes&lt;/a&gt;:&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#global-attributes&gt;Global attributes&lt;/a&=
gt;&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-canvas-width&gt;&lt;a href=3D#attr-ca=
nvas-width&gt;width&lt;/a&gt;&lt;/code&gt; &amp;mdash; Horizontal dimensi=
on&lt;/dd&gt;
+   &lt;dd&gt;&lt;code title=3Dattr-canvas-height&gt;&lt;a href=3D#attr-c=
anvas-height&gt;height&lt;/a&gt;&lt;/code&gt; &amp;mdash; Vertical dimens=
ion&lt;/dd&gt;
+   &lt;dt&gt;&lt;a href=3D#element-dfn-dom title=3Delement-dfn-dom&gt;DO=
M interface&lt;/a&gt;:&lt;/dt&gt;&lt;!--ADD-TOPIC:DOM APIs--&gt;
+   &lt;dd&gt;
+    &lt;pre class=3Didl&gt;typedef (&lt;a href=3D#canvasrenderingcontext=
2d&gt;CanvasRenderingContext2D&lt;/a&gt; or &lt;a href=3D#webglrenderingc=
ontext&gt;WebGLRenderingContext&lt;/a&gt;) &lt;dfn id=3Drenderingcontext&=
gt;RenderingContext&lt;/dfn&gt;;
+
+interface &lt;dfn id=3Dhtmlcanvaselement&gt;HTMLCanvasElement&lt;/dfn&gt=
; : &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&gt; {
+           attribute unsigned long &lt;a href=3D#dom-canvas-width title=3D=
dom-canvas-width&gt;width&lt;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-canvas-height title=
=3Ddom-canvas-height&gt;height&lt;/a&gt;;
+
+  &lt;a href=3D#renderingcontext&gt;RenderingContext&lt;/a&gt;? &lt;a hr=
ef=3D#dom-canvas-getcontext title=3Ddom-canvas-getContext&gt;getContext&l=
t;/a&gt;(DOMString contextId, any... arguments);
+  boolean &lt;a href=3D#dom-canvas-probablysupportscontext title=3Ddom-c=
anvas-probablySupportsContext&gt;probablySupportsContext&lt;/a&gt;(DOMStr=
ing contextId, any... arguments);
+
+  void &lt;a href=3D#dom-canvas-setcontext title=3Ddom-canvas-setContext=
&gt;setContext&lt;/a&gt;(&lt;a href=3D#renderingcontext&gt;RenderingConte=
xt&lt;/a&gt; context);
+  &lt;a href=3D#canvasproxy&gt;CanvasProxy&lt;/a&gt; &lt;a href=3D#dom-c=
anvas-transfercontroltoproxy title=3Ddom-canvas-transferControlToProxy&gt=
;transferControlToProxy&lt;/a&gt;();
+
+  DOMString &lt;a href=3D#dom-canvas-todataurl title=3Ddom-canvas-toData=
URL&gt;toDataURL&lt;/a&gt;(optional DOMString type, any... arguments);
+  DOMString &lt;a href=3D#dom-canvas-todataurlhd title=3Ddom-canvas-toDa=
taURLHD&gt;toDataURLHD&lt;/a&gt;(optional DOMString type, any... argument=
s);
+  void &lt;a href=3D#dom-canvas-toblob title=3Ddom-canvas-toBlob&gt;toBl=
ob&lt;/a&gt;(&lt;a href=3D#filecallback&gt;FileCallback&lt;/a&gt;? _callb=
ack, optional DOMString type, any... arguments);
+  void &lt;a href=3D#dom-canvas-toblobhd title=3Ddom-canvas-toBlobHD&gt;=
toBlobHD&lt;/a&gt;(&lt;a href=3D#filecallback&gt;FileCallback&lt;/a&gt;? =
_callback, optional DOMString type, any... arguments);
+};&lt;/pre&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;!--REMOVE-TOPIC:DOM APIs--&gt;&lt;p&gt;The &lt;code&gt;=
&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element=
 provides scripts with a resolution-dependent bitmap canvas,
+  which can be used for rendering graphs, game graphics, art, or other v=
isual images on the fly.&lt;/p&gt;
+
+  &lt;p&gt;Authors should not use the &lt;code&gt;&lt;a href=3D#the-canv=
as-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element in a document when a =
more suitable
+  element is available. For example, it is inappropriate to use a &lt;co=
de&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; e=
lement to
+  render a page heading: if the desired presentation of the heading is g=
raphically intense, it
+  should be marked up using appropriate elements (typically &lt;code&gt;=
&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h1&lt;/a&gt;&lt;=
/code&gt;) and then styled using
+  CSS and supporting technologies such as XBL.&lt;/p&gt;
+
+  &lt;p&gt;When authors use the &lt;code&gt;&lt;a href=3D#the-canvas-ele=
ment&gt;canvas&lt;/a&gt;&lt;/code&gt; element, they must also provide con=
tent that, when
+  presented to the user, conveys essentially the same function or purpos=
e as the
+  &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/c=
ode&gt;' bitmap. This content may be placed as content of the &lt;code&gt=
;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt;
+  element. The contents of the &lt;code&gt;&lt;a href=3D#the-canvas-elem=
ent&gt;canvas&lt;/a&gt;&lt;/code&gt; element, if any, are the element's &=
lt;a href=3D#fallback-content&gt;fallback
+  content&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;In interactive visual media, if &lt;a href=3D#conce=
pt-n-script title=3Dconcept-n-script&gt;scripting is enabled&lt;/a&gt; fo=
r
+  the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&l=
t;/code&gt; element, and if support for &lt;code&gt;&lt;a href=3D#the-can=
vas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; elements has been enabled,
+  the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&l=
t;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&gt; &lt;=
a href=3D#embedded-content&gt;embedded content&lt;/a&gt; consisting
+  of a dynamically created image, the element's bitmap.&lt;/p&gt;
+
+  &lt;p&gt;In non-interactive, static, visual media, if the &lt;code&gt;=
&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element=
 has been
+  previously associated with a rendering context (e.g. if the page was v=
iewed in an interactive
+  visual medium and is now being printed, or if some script that ran dur=
ing the page layout process
+  painted on the element), then the &lt;code&gt;&lt;a href=3D#the-canvas=
-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D#represent=
s&gt;represents&lt;/a&gt;
+  &lt;a href=3D#embedded-content&gt;embedded content&lt;/a&gt; with the =
element's current bitmap and size. Otherwise, the element
+  represents its &lt;a href=3D#fallback-content&gt;fallback content&lt;/=
a&gt; instead.&lt;/p&gt;
+
+  &lt;p&gt;In non-visual media, and in visual media if &lt;a href=3D#con=
cept-n-noscript title=3Dconcept-n-noscript&gt;scripting is
+  disabled&lt;/a&gt; for the &lt;code&gt;&lt;a href=3D#the-canvas-elemen=
t&gt;canvas&lt;/a&gt;&lt;/code&gt; element or if support for &lt;code&gt;=
&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element=
s
+  has been disabled, the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt=
;canvas&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;repres=
ents&lt;/a&gt; its &lt;a href=3D#fallback-content&gt;fallback
+  content&lt;/a&gt; instead.&lt;/p&gt;
+
+  &lt;!-- CANVAS-FOCUS-FALLBACK --&gt;
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas=
&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt=
;/a&gt; &lt;a href=3D#embedded-content&gt;embedded content&lt;/a&gt;, the
+  user can still focus descendants of the &lt;code&gt;&lt;a href=3D#the-=
canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element (in the &lt;a hre=
f=3D#fallback-content&gt;fallback
+  content&lt;/a&gt;). When an element is focused, it is the target of ke=
yboard interaction events (even
+  though the element itself is not visible). This allows authors to make=
 an interactive canvas
+  keyboard-accessible: authors should have a one-to-one mapping of inter=
active regions to focusable
+  elements in the &lt;a href=3D#fallback-content&gt;fallback content&lt;=
/a&gt;. (Focus has no effect on mouse interaction events.)
+  &lt;a href=3D#refsDOMEVENTS&gt;[DOMEVENTS]&lt;/a&gt;&lt;/p&gt; &lt;!--=
 user interaction spec integration point --&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-canvas-element&gt=
;canvas&lt;/a&gt;&lt;/code&gt; element has two attributes to control the =
size of the element's bitmap:
+  &lt;dfn id=3Dattr-canvas-width title=3Dattr-canvas-width&gt;&lt;code&g=
t;width&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Dattr-canvas-height titl=
e=3Dattr-canvas-height&gt;&lt;code&gt;height&lt;/code&gt;&lt;/dfn&gt;. Th=
ese attributes, when specified, must have
+  values that are &lt;a href=3D#valid-non-negative-integer title=3D&quot=
;valid non-negative integer&quot;&gt;valid non-negative integers&lt;/a&gt=
;. &lt;span class=3Dimpl&gt;The &lt;a href=3D#rules-for-parsing-non-negat=
ive-integers&gt;rules for parsing non-negative integers&lt;/a&gt; must be=
 used to obtain their
+  numeric values. If an attribute is missing, or if parsing its value re=
turns an error, then the
+  default value must be used instead.&lt;/span&gt; The &lt;code title=3D=
attr-canvas-width&gt;&lt;a href=3D#attr-canvas-width&gt;width&lt;/a&gt;&l=
t;/code&gt;
+  attribute defaults to 300, and the &lt;code title=3Dattr-canvas-height=
&gt;&lt;a href=3D#attr-canvas-height&gt;height&lt;/a&gt;&lt;/code&gt; att=
ribute
+  defaults to 150.&lt;/p&gt;
+
+  &lt;p&gt;The intrinsic dimensions of the &lt;code&gt;&lt;a href=3D#the=
-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element when it &lt;a hr=
ef=3D#represents&gt;represents&lt;/a&gt;
+  &lt;a href=3D#embedded-content&gt;embedded content&lt;/a&gt; are equal=
 to the dimensions of the element's bitmap.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;A &lt;code&gt;&lt;a href=3D#the-canvas-element&g=
t;canvas&lt;/a&gt;&lt;/code&gt; element can be sized arbitrarily by a sty=
le sheet, its
+  bitmap is then subject to the 'object-fit' CSS property. &lt;a href=3D=
#refsCSSIMAGES&gt;[CSSIMAGES]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;hr&gt;&lt;!--ADD-TOPIC:Security--&gt;&lt;p&gt;The bitmaps of &lt;c=
ode&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; =
elements, as well as some of the bitmaps of rendering
+  contexts, such as those described in the section on the &lt;code&gt;&l=
t;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingContext2D&lt;/a&gt=
;&lt;/code&gt;
+  object below, have an &lt;dfn id=3Dconcept-canvas-origin-clean title=3D=
concept-canvas-origin-clean&gt;origin-clean&lt;/dfn&gt; flag, which can
+  be set to true or false. Initially, when the &lt;code&gt;&lt;a href=3D=
#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element is created, =
its bitmap's
+  &lt;a href=3D#concept-canvas-origin-clean title=3Dconcept-canvas-origi=
n-clean&gt;origin-clean&lt;/a&gt; flag must be set to true.&lt;/p&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/=
a&gt;&lt;/code&gt; bitmap can also have a &lt;a href=3D#hit-region-list&g=
t;hit region list&lt;/a&gt;, as described in the
+  &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingC=
ontext2D&lt;/a&gt;&lt;/code&gt; section below.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/=
a&gt;&lt;/code&gt; element can have a rendering context bound to it. Init=
ially, it does not
+  have a bound rendering context. To keep track of whether it has a rend=
ering context or not, and
+  what kind of rendering context it is, a &lt;code&gt;&lt;a href=3D#the-=
canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; also has a &lt;dfn id=3Dc=
oncept-canvas-context-mode title=3Dconcept-canvas-context-mode&gt;canvas =
context mode&lt;/dfn&gt;, which is initially &lt;dfn id=3Dconcept-canvas-=
none title=3Dconcept-canvas-none&gt;none&lt;/dfn&gt; but can be changed t=
o either &lt;dfn id=3Dconcept-canvas-direct-2d title=3Dconcept-canvas-dir=
ect-2d&gt;direct-2d&lt;/dfn&gt;, &lt;dfn id=3Dconcept-canvas-direct-webgl=
 title=3Dconcept-canvas-direct-webgl&gt;direct-webgl&lt;/dfn&gt;, &lt;dfn=
 id=3Dconcept-canvas-indirect title=3Dconcept-canvas-indirect&gt;indirect=
&lt;/dfn&gt;, or &lt;dfn id=3Dconcept-canvas-proxied title=3Dconcept-canv=
as-proxied&gt;proxied&lt;/dfn&gt; by algorithms defined in this specifica=
tion.&lt;/p&gt;
+
+  &lt;p&gt;When its &lt;a href=3D#concept-canvas-context-mode title=3Dco=
ncept-canvas-context-mode&gt;canvas context mode&lt;/a&gt; is &lt;a href=3D=
#concept-canvas-none title=3Dconcept-canvas-none&gt;none&lt;/a&gt;, a &lt=
;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt=
; element has no rendering context,
+  and its bitmap must be fully transparent black with an intrinsic width=
 equal to the numeric value
+  of the element's &lt;code title=3Dattr-canvas-width&gt;&lt;a href=3D#a=
ttr-canvas-width&gt;width&lt;/a&gt;&lt;/code&gt; attribute and an intrins=
ic height
+  equal to the numeric value of the element's &lt;code title=3Dattr-canv=
as-height&gt;&lt;a href=3D#attr-canvas-height&gt;height&lt;/a&gt;&lt;/cod=
e&gt;
+  attribute, those values being interpreted in CSS pixels, and being upd=
ated as the attributes are
+  set, changed, or removed.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas=
&lt;/a&gt;&lt;/code&gt; element represents &lt;a href=3D#embedded-content=
&gt;embedded content&lt;/a&gt;, it &lt;a href=3D#provides-a-paint-source&=
gt;provides
+  a paint source&lt;/a&gt; whose width is the element's intrinsic width,=
 whose height is the element's
+  intrinsic height, and whose appearance is the element's bitmap.&lt;/p&=
gt;
+
+  &lt;p&gt;Whenever the &lt;code title=3Dattr-canvas-width&gt;&lt;a href=
=3D#attr-canvas-width&gt;width&lt;/a&gt;&lt;/code&gt; and &lt;code title=3D=
attr-canvas-height&gt;&lt;a href=3D#attr-canvas-height&gt;height&lt;/a&gt=
;&lt;/code&gt; content attributes are set, removed, changed, or
+  redundantly set to the value they already have, if the &lt;a href=3D#c=
oncept-canvas-context-mode title=3Dconcept-canvas-context-mode&gt;canvas =
context mode&lt;/a&gt; is &lt;a href=3D#concept-canvas-direct-2d title=3D=
concept-canvas-direct-2d&gt;direct-2d&lt;/a&gt;&lt;!-- (and the rendering=
 context's &lt;span
+  title=3D&quot;concept-canvas-context-bitmap-mode&quot;&gt;context bitm=
ap mode&lt;/span&gt;, therefore, is &lt;span
+  title=3D&quot;concept-canvas-fixed&quot;&gt;fixed&lt;/span&gt;)--&gt;,=
 the user agent must &lt;a href=3D#concept-canvas-set-bitmap-dimensions t=
itle=3Dconcept-canvas-set-bitmap-dimensions&gt;set bitmap dimensions&lt;/=
a&gt; to the numeric values of
+  the &lt;code title=3Dattr-canvas-width&gt;&lt;a href=3D#attr-canvas-wi=
dth&gt;width&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Dattr-canvas-heig=
ht&gt;&lt;a href=3D#attr-canvas-height&gt;height&lt;/a&gt;&lt;/code&gt; c=
ontent attributes.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-canvas-width title=3Ddom-canvas-width&gt=
;&lt;code&gt;width&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Ddom-canvas-h=
eight title=3Ddom-canvas-height&gt;&lt;code&gt;height&lt;/code&gt;&lt;/df=
n&gt; IDL attributes must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the
+  respective content attributes of the same name, with the same defaults=
.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;The bitmaps used with &lt;code&gt;&lt;a href=3D#=
the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; elements can have arb=
itrary pixel
+  densities. Typically, the density will match that of the user's screen=
.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;!--ADD-TOPIC:DOM APIs--&gt;&lt;dl class=3Ddomintro&gt;&l=
t;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; =3D &lt;var t=
itle=3D&quot;&quot;&gt;canvas&lt;/var&gt; . &lt;code title=3Ddom-canvas-g=
etContext&gt;&lt;a href=3D#dom-canvas-getcontext&gt;getContext&lt;/a&gt;&=
lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;contextId&lt;/var&gt; [, ...=
 ])&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns an object that exposes an API for drawing on the ca=
nvas. The first argument specifies
+    the desired API, either &quot;&lt;code title=3Dcanvas-context-2d&gt;=
&lt;a href=3D#canvas-context-2d&gt;2d&lt;/a&gt;&lt;/code&gt;&quot; or &qu=
ot;&lt;code title=3Dcanvas-context-webgl&gt;&lt;a href=3D#canvas-context-=
webgl&gt;webgl&lt;/a&gt;&lt;/code&gt;&quot;. Subsequent arguments are han=
dled by that API.&lt;/p&gt;
+
+    &lt;p&gt;This specification defines the &quot;&lt;code title=3Dcanva=
s-context-2d&gt;&lt;a href=3D#canvas-context-2d&gt;2d&lt;/a&gt;&lt;/code&=
gt;&quot; context below.
+    There is also a specification that defines a &quot;&lt;code title=3D=
canvas-context-webgl&gt;&lt;a href=3D#canvas-context-webgl&gt;webgl&lt;/a=
&gt;&lt;/code&gt;&quot;
+    context. &lt;a href=3D#refsWEBGL&gt;[WEBGL]&lt;/a&gt;&lt;/p&gt;
+
+    &lt;p&gt;Returns null if the given context ID is not supported, if t=
he canvas has already been
+    initialized with the other context type (e.g. trying to get a &quot;=
&lt;code title=3Dcanvas-context-2d&gt;&lt;a href=3D#canvas-context-2d&gt;=
2d&lt;/a&gt;&lt;/code&gt;&quot; context after getting a &quot;&lt;code ti=
tle=3Dcanvas-context-webgl&gt;&lt;a href=3D#canvas-context-webgl&gt;webgl=
&lt;/a&gt;&lt;/code&gt;&quot; context).&lt;/p&gt;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;In=
validStateError&lt;/a&gt;&lt;/code&gt; exception if the &lt;code title=3D=
dom-canvas-setContext&gt;&lt;a href=3D#dom-canvas-setcontext&gt;setContex=
t()&lt;/a&gt;&lt;/code&gt; or &lt;code title=3Ddom-canvas-transferControl=
ToProxy&gt;&lt;a href=3D#dom-canvas-transfercontroltoproxy&gt;transferCon=
trolToProxy()&lt;/a&gt;&lt;/code&gt; methods have been
+    used.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;supported&lt;/var&gt; =3D &=
lt;var title=3D&quot;&quot;&gt;canvas&lt;/var&gt; . &lt;code title=3Ddom-=
canvas-probablySupportsContext&gt;&lt;a href=3D#dom-canvas-probablysuppor=
tscontext&gt;probablySupportsContext&lt;/a&gt;&lt;/code&gt;(&lt;var title=
=3D&quot;&quot;&gt;contextId&lt;/var&gt; [, ... ])&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns false if calling &lt;code title=3Ddom-canvas-getCon=
text&gt;&lt;a href=3D#dom-canvas-getcontext&gt;getContext()&lt;/a&gt;&lt;=
/code&gt; with the
+    same arguments would definitely return null, and true otherwise.&lt;=
/p&gt;
+
+    &lt;p&gt;This return value is not a guarantee that &lt;code title=3D=
dom-canvas-getContext&gt;&lt;a href=3D#dom-canvas-getcontext&gt;getContex=
t()&lt;/a&gt;&lt;/code&gt; will or will not return an object, as
+    conditions (e.g. availability of system resources) can vary over tim=
e.&lt;/p&gt;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;In=
validStateError&lt;/a&gt;&lt;/code&gt; exception if the &lt;code title=3D=
dom-canvas-setContext&gt;&lt;a href=3D#dom-canvas-setcontext&gt;setContex=
t()&lt;/a&gt;&lt;/code&gt; or &lt;code title=3Ddom-canvas-transferControl=
ToProxy&gt;&lt;a href=3D#dom-canvas-transfercontroltoproxy&gt;transferCon=
trolToProxy()&lt;/a&gt;&lt;/code&gt; methods have been
+    used.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;canvas&lt;/var&gt; . &lt;co=
de title=3Ddom-canvas-setContext&gt;&lt;a href=3D#dom-canvas-setcontext&g=
t;setContext&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;conte=
xt&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Sets the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;ca=
nvas&lt;/a&gt;&lt;/code&gt;' rendering context to the given object.&lt;/p=
&gt;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;In=
validStateError&lt;/a&gt;&lt;/code&gt; exception if the &lt;code title=3D=
dom-canvas-getContext&gt;&lt;a href=3D#dom-canvas-getcontext&gt;getContex=
t()&lt;/a&gt;&lt;/code&gt; or &lt;code title=3Ddom-canvas-transferControl=
ToProxy&gt;&lt;a href=3D#dom-canvas-transfercontroltoproxy&gt;transferCon=
trolToProxy()&lt;/a&gt;&lt;/code&gt; methods have been
+    used.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;There are two ways for a &lt;code&gt;&lt;a href=3D#the-canvas=
-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element to acquire a rendering =
context: the
+  &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/c=
ode&gt; element can provide one via the &lt;code title=3Ddom-canvas-getCo=
ntext&gt;&lt;a href=3D#dom-canvas-getcontext&gt;getContext()&lt;/a&gt;&lt=
;/code&gt; method, and one can be assigned to it via the
+  &lt;code title=3Ddom-canvas-setContext&gt;&lt;a href=3D#dom-canvas-set=
context&gt;setContext()&lt;/a&gt;&lt;/code&gt; method. In addition, the w=
hole issue of a
+  rendering context can be taken out of the &lt;code&gt;&lt;a href=3D#th=
e-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element's hands and pas=
sed to a
+  &lt;code&gt;&lt;a href=3D#canvasproxy&gt;CanvasProxy&lt;/a&gt;&lt;/cod=
e&gt; object, which itself can then be assigned a rendering context using=
 its
+  &lt;code title=3Ddom-CanvasProxy-setContext&gt;&lt;a href=3D#dom-canva=
sproxy-setcontext&gt;setContext()&lt;/a&gt;&lt;/code&gt; method.&lt;/p&gt=
;
+
+  &lt;p&gt;These three methods are mutually exclusive; calling any of th=
e three makes the other two start
+  throwing &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateEr=
ror&lt;/a&gt;&lt;/code&gt; exceptions when called.&lt;/p&gt;
+
+  &lt;p&gt;Each rendering context has a &lt;dfn id=3Dconcept-canvas-cont=
ext-bitmap-mode title=3Dconcept-canvas-context-bitmap-mode&gt;context bit=
map
+  mode&lt;/dfn&gt;, which is one of &lt;dfn id=3Dconcept-canvas-fixed ti=
tle=3Dconcept-canvas-fixed&gt;fixed&lt;/dfn&gt;, &lt;dfn id=3Dconcept-can=
vas-unbound title=3Dconcept-canvas-unbound&gt;unbound&lt;/dfn&gt;, or &lt=
;dfn id=3Dconcept-canvas-bound title=3Dconcept-canvas-bound&gt;bound&lt;/=
dfn&gt;.
+  Initially, rendering contexts must be in the &lt;a href=3D#concept-can=
vas-bound title=3Dconcept-canvas-bound&gt;unbound&lt;/a&gt;
+  mode.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-canvas-getcontext title=3Ddom-=
canvas-getContext&gt;&lt;code&gt;getContext(&lt;var title=3D&quot;&quot;&=
gt;contextId&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;arguments...&lt=
;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; method of the &lt;code&gt;&lt;a href=3D=
#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element, when invoke=
d,
+  must run the steps in the cell of the following table whose column hea=
der describes the
+  &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/c=
ode&gt; element's &lt;a href=3D#concept-canvas-context-mode title=3Dconce=
pt-canvas-context-mode&gt;canvas context mode&lt;/a&gt;
+  and whose row header describes the method's first argument.&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;td&gt;
+     &lt;th&gt;&lt;a href=3D#concept-canvas-none title=3Dconcept-canvas-=
none&gt;none&lt;/a&gt;
+     &lt;th&gt;&lt;a href=3D#concept-canvas-direct-2d title=3Dconcept-ca=
nvas-direct-2d&gt;direct-2d&lt;/a&gt;
+     &lt;th&gt;&lt;a href=3D#concept-canvas-direct-webgl title=3Dconcept=
-canvas-direct-webgl&gt;direct-webgl&lt;/a&gt;
+     &lt;th&gt;&lt;a href=3D#concept-canvas-indirect title=3Dconcept-can=
vas-indirect&gt;indirect&lt;/a&gt;
+     &lt;th&gt;&lt;a href=3D#concept-canvas-proxied title=3Dconcept-canv=
as-proxied&gt;proxied&lt;/a&gt;
+   &lt;tbody&gt;&lt;tr&gt;&lt;th&gt;&quot;&lt;dfn id=3Dcanvas-context-2d=
 title=3Dcanvas-context-2d&gt;&lt;code&gt;2d&lt;/code&gt;&lt;/dfn&gt;&quo=
t;
+     &lt;td&gt;
+      Set the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;=
/a&gt;&lt;/code&gt; element's &lt;a href=3D#concept-canvas-context-mode t=
itle=3Dconcept-canvas-context-mode&gt;context
+      mode&lt;/a&gt; to &lt;a href=3D#concept-canvas-direct-2d title=3Dc=
oncept-canvas-direct-2d&gt;direct-2d&lt;/a&gt;; follow the &lt;a href=3D#=
2d-context-creation-algorithm&gt;2D
+      context creation algorithm&lt;/a&gt; defined in the section below,=
 passing it the
+      &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&l=
t;/code&gt; element, to obtain a &lt;code&gt;&lt;a href=3D#canvasrenderin=
gcontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object; set
+      that object's &lt;a href=3D#concept-canvas-context-bitmap-mode tit=
le=3Dconcept-canvas-context-bitmap-mode&gt;context bitmap mode&lt;/a&gt; =
to
+      &lt;a href=3D#concept-canvas-fixed title=3Dconcept-canvas-fixed&gt=
;fixed&lt;/a&gt;, and return the
+      &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRender=
ingContext2D&lt;/a&gt;&lt;/code&gt; object
+     &lt;td&gt;
+      Return the same object as was return the last time the method was =
invoked with this same
+      argument.
+     &lt;td&gt;
+      Return null.
+     &lt;td&gt;
+      Throw an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidSta=
teError&lt;/a&gt;&lt;/code&gt; exception.
+     &lt;td&gt;
+      Throw an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidSta=
teError&lt;/a&gt;&lt;/code&gt; exception.
+
+    &lt;tr&gt;&lt;th&gt;&quot;&lt;dfn id=3Dcanvas-context-webgl title=3D=
canvas-context-webgl&gt;&lt;code&gt;webgl&lt;/code&gt;&lt;/dfn&gt;&quot;,=
 if the user agent supports the WebGL feature in its current configuratio=
n
+     &lt;td&gt;
+      Follow the instructions given in the WebGL specification's &lt;i&g=
t;Context Creation&lt;/i&gt; section to
+      obtain either a &lt;code&gt;&lt;a href=3D#webglrenderingcontext&gt=
;WebGLRenderingContext&lt;/a&gt;&lt;/code&gt; or null; if the returned va=
lue is null,
+      then return null and abort these steps, otherwise, set the &lt;cod=
e&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; el=
ement's &lt;a href=3D#concept-canvas-context-mode title=3Dconcept-canvas-=
context-mode&gt;context mode&lt;/a&gt; to &lt;a href=3D#concept-canvas-di=
rect-webgl title=3Dconcept-canvas-direct-webgl&gt;direct-webgl&lt;/a&gt;,=
 set the new
+      &lt;code&gt;&lt;a href=3D#webglrenderingcontext&gt;WebGLRenderingC=
ontext&lt;/a&gt;&lt;/code&gt; object's &lt;a href=3D#concept-canvas-conte=
xt-bitmap-mode title=3Dconcept-canvas-context-bitmap-mode&gt;context bitm=
ap mode&lt;/a&gt; to &lt;a href=3D#concept-canvas-fixed title=3Dconcept-c=
anvas-fixed&gt;fixed&lt;/a&gt;, and return the &lt;code&gt;&lt;a href=3D#=
webglrenderingcontext&gt;WebGLRenderingContext&lt;/a&gt;&lt;/code&gt;
+      object&amp;ddagger; &lt;a href=3D#refsWEBGL&gt;[WEBGL]&lt;/a&gt;
+     &lt;td&gt;
+      Return null.
+     &lt;td&gt;
+      Return the same object as was return the last time the method was =
invoked with this same
+      argument.
+     &lt;td&gt;
+      Throw an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidSta=
teError&lt;/a&gt;&lt;/code&gt; exception.
+     &lt;td&gt;
+      Throw an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidSta=
teError&lt;/a&gt;&lt;/code&gt; exception.
+
+    &lt;tr&gt;&lt;th&gt;A vendor-specific extension*
+     &lt;td&gt;
+      Behave as defined for the extension.
+     &lt;td&gt;
+      Behave as defined for the extension.
+     &lt;td&gt;
+      Behave as defined for the extension.
+     &lt;td&gt;
+      Throw an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidSta=
teError&lt;/a&gt;&lt;/code&gt; exception.
+     &lt;td&gt;
+      Throw an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidSta=
teError&lt;/a&gt;&lt;/code&gt; exception.
+
+    &lt;tr&gt;&lt;th&gt;An unsupported value&amp;dagger;
+     &lt;td&gt;
+      Return null.
+     &lt;td&gt;
+      Return null.
+     &lt;td&gt;
+      Return null.
+     &lt;td&gt;
+      Throw an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidSta=
teError&lt;/a&gt;&lt;/code&gt; exception.
+     &lt;td&gt;
+      Throw an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidSta=
teError&lt;/a&gt;&lt;/code&gt; exception.
+   =20
+  &lt;/table&gt;&lt;p class=3Dtablenote&gt;&lt;small&gt;* Vendors may de=
fine experimental contexts using the syntax &lt;code&gt;&lt;var title=3D&=
quot;&quot;&gt;vendorname&lt;/var&gt;-&lt;var title=3D&quot;&quot;&gt;con=
text&lt;/var&gt;&lt;/code&gt;, for example,
+  &lt;code&gt;moz-3d&lt;/code&gt;.&lt;/small&gt;&lt;/p&gt;
+
+  &lt;p class=3Dtablenote&gt;&lt;small&gt;&amp;dagger; For example, the =
&quot;&lt;code title=3Dcanvas-context-webgl&gt;&lt;a href=3D#canvas-conte=
xt-webgl&gt;webgl&lt;/a&gt;&lt;/code&gt;&quot; value in the case of a use=
r agent having exhausted the
+  graphics hardware's abilities and having no software fallback implemen=
tation.&lt;/small&gt;&lt;/p&gt;
+
+  &lt;p class=3Dtablenote&gt;&lt;small&gt;&amp;ddagger; The second (and =
subsequent) argument(s) to the method, if
+  any, are ignored in all cases except this one. See the WebGL specifica=
tion for
+  details.&lt;/small&gt;&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-canvas-probablysupportscontext=
 title=3Ddom-canvas-probablySupportsContext&gt;&lt;code&gt;probablySuppor=
tsContext(&lt;var title=3D&quot;&quot;&gt;contextId&lt;/var&gt;,
+  &lt;var title=3D&quot;&quot;&gt;arguments...&lt;/var&gt;)&lt;/code&gt;=
&lt;/dfn&gt; method of the &lt;code&gt;&lt;a href=3D#the-canvas-element&g=
t;canvas&lt;/a&gt;&lt;/code&gt; element, when
+  invoked, must return false if calling &lt;code title=3Ddom-canvas-getC=
ontext&gt;&lt;a href=3D#dom-canvas-getcontext&gt;getContext()&lt;/a&gt;&l=
t;/code&gt; on
+  the same object and with the same arguments would definitely return nu=
ll at this time, and true
+  otherwise.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-canvas-setcontext title=3Ddom-=
canvas-setContext&gt;&lt;code&gt;setContext(&lt;var title=3D&quot;&quot;&=
gt;context&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; method of the &lt;code&g=
t;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; eleme=
nt, when invoked, must
+  run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-canv=
as-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#conce=
pt-canvas-context-mode title=3Dconcept-canvas-context-mode&gt;canvas
+   context mode&lt;/a&gt; is neither &lt;a href=3D#concept-canvas-none t=
itle=3Dconcept-canvas-none&gt;none&lt;/a&gt; nor &lt;a href=3D#concept-ca=
nvas-indirect title=3Dconcept-canvas-indirect&gt;indirect&lt;/a&gt;, thro=
w an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateError&lt;=
/a&gt;&lt;/code&gt;
+   exception and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;context&lt;/var=
&gt;'s &lt;a href=3D#concept-canvas-context-bitmap-mode title=3Dconcept-c=
anvas-context-bitmap-mode&gt;context
+   bitmap mode&lt;/a&gt; is &lt;a href=3D#concept-canvas-fixed title=3Dc=
oncept-canvas-fixed&gt;fixed&lt;/a&gt;, then throw an
+   &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateError&lt;/=
a&gt;&lt;/code&gt; exception and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;context&lt;/var=
&gt;'s &lt;a href=3D#concept-canvas-context-bitmap-mode title=3Dconcept-c=
anvas-context-bitmap-mode&gt;context
+   bitmap mode&lt;/a&gt; is &lt;a href=3D#concept-canvas-bound title=3Dc=
oncept-canvas-bound&gt;bound&lt;/a&gt;, then run &lt;var title=3D&quot;&q=
uot;&gt;context&lt;/var&gt;'s &lt;a href=3D#concept-canvas-unbinding-step=
s title=3Dconcept-canvas-unbinding-steps&gt;unbinding steps&lt;/a&gt; and
+   set its &lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt;'s &lt;a h=
ref=3D#concept-canvas-context-bitmap-mode title=3Dconcept-canvas-context-=
bitmap-mode&gt;context
+   bitmap mode&lt;/a&gt; to &lt;a href=3D#concept-canvas-unbound title=3D=
concept-canvas-unbound&gt;unbound&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Run &lt;var title=3D&quot;&quot;&gt;context&lt;/va=
r&gt;'s &lt;a href=3D#concept-canvas-binding-steps title=3Dconcept-canvas=
-binding-steps&gt;binding
+   steps&lt;/a&gt; to bind it to this &lt;code&gt;&lt;a href=3D#the-canv=
as-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set the &lt;code&gt;&lt;a href=3D#the-canvas-eleme=
nt&gt;canvas&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#concept-canva=
s-context-mode title=3Dconcept-canvas-context-mode&gt;context
+   mode&lt;/a&gt; to &lt;a href=3D#concept-canvas-indirect title=3Dconce=
pt-canvas-indirect&gt;indirect&lt;/a&gt; and the &lt;var title=3D&quot;&q=
uot;&gt;context&lt;/var&gt;'s &lt;a href=3D#concept-canvas-context-bitmap=
-mode title=3Dconcept-canvas-context-bitmap-mode&gt;context bitmap
+   mode&lt;/a&gt; to &lt;a href=3D#concept-canvas-bound title=3Dconcept-=
canvas-bound&gt;bound&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;/div&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;u=
rl&lt;/var&gt; =3D &lt;var title=3D&quot;&quot;&gt;canvas&lt;/var&gt; . &=
lt;code title=3Ddom-canvas-toDataURL&gt;&lt;a href=3D#dom-canvas-todataur=
l&gt;toDataURL&lt;/a&gt;&lt;/code&gt;( [ &lt;var title=3D&quot;&quot;&gt;=
type&lt;/var&gt;, ... ] )&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt; =3D &lt;var=
 title=3D&quot;&quot;&gt;canvas&lt;/var&gt; . &lt;code title=3Ddom-canvas=
-toDataURLHD&gt;&lt;a href=3D#dom-canvas-todataurlhd&gt;toDataURLHD&lt;/a=
&gt;&lt;/code&gt;( [ &lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt;, ..=
. ] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a &lt;a href=3D#data-protocol title=3D&quot;data pr=
otocol&quot;&gt;&lt;code title=3D&quot;&quot;&gt;data:&lt;/code&gt; URL&l=
t;/a&gt; for the image in
+    the canvas.&lt;/p&gt;
+
+    &lt;p&gt;The first argument, if provided, controls the type of the i=
mage to be returned (e.g. PNG or
+    JPEG). The default is &lt;code title=3D&quot;&quot;&gt;image/png&lt;=
/code&gt;; that type is also used if the given type
+    isn't supported. The other arguments are specific to the type, and c=
ontrol the way that the
+    image is generated, as given &lt;a href=3D#canvas-serialization-argu=
ments&gt;in the table
+    below&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;When trying to use types other than &quot;&lt;code&gt;image=
/png&lt;/code&gt;&quot;, authors can check if the image
+    was really returned in the requested format by checking to see if th=
e returned string starts
+    with one of the exact strings &quot;&lt;code title=3D&quot;&quot;&gt=
;data:image/png,&lt;/code&gt;&quot; or &quot;&lt;code title=3D&quot;&quot=
;&gt;data:image/png;&lt;/code&gt;&quot;. If it does, the image is PNG, an=
d thus the requested type was
+    not supported. (The one exception to this is if the canvas has eithe=
r no height or no width, in
+    which case the result might simply be &quot;&lt;code title=3D&quot;&=
quot;&gt;data:,&lt;/code&gt;&quot;.)&lt;/p&gt;
+
+    &lt;p&gt;The &lt;code title=3Ddom-canvas-toDataURL&gt;&lt;a href=3D#=
dom-canvas-todataurl&gt;toDataURL()&lt;/a&gt;&lt;/code&gt; method returns=
 the data at a
+    resolution of 96dpi. The &lt;code title=3Ddom-canvas-toDataURLHD&gt;=
&lt;a href=3D#dom-canvas-todataurlhd&gt;toDataURLHD()&lt;/a&gt;&lt;/code&=
gt; method
+    returns it at the native canvas bitmap resolution.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;canvas&lt;/var&gt; . &lt;co=
de title=3Ddom-canvas-toBlob&gt;&lt;a href=3D#dom-canvas-toblob&gt;toBlob=
&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;callback&lt;/var&=
gt; [, &lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt;, ... ])&lt;/dt&gt=
;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;canvas&lt;/var&gt; . &lt;co=
de title=3Ddom-canvas-toBlobHD&gt;&lt;a href=3D#dom-canvas-toblobhd&gt;to=
BlobHD&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;callback&lt=
;/var&gt; [, &lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt;, ... ])&lt;=
/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Creates a &lt;code&gt;&lt;a href=3D#blob&gt;Blob&lt;/a&gt;&=
lt;/code&gt; object representing a file containing the image in the canva=
s,
+    and invokes a callback with a handle to that object.&lt;/p&gt;
+
+    &lt;p&gt;The second argument, if provided, controls the type of the =
image to be returned (e.g. PNG or
+    JPEG). The default is &lt;code title=3D&quot;&quot;&gt;image/png&lt;=
/code&gt;; that type is also used if the given type
+    isn't supported. The other arguments are specific to the type, and c=
ontrol the way that the
+    image is generated, as given &lt;a href=3D#canvas-serialization-argu=
ments&gt;in the table
+    below&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;code title=3Ddom-canvas-toBlob&gt;&lt;a href=3D#dom=
-canvas-toblob&gt;toBlob()&lt;/a&gt;&lt;/code&gt; method provides the dat=
a at a resolution
+    of 96dpi. The &lt;code title=3Ddom-canvas-toBlobHD&gt;&lt;a href=3D#=
dom-canvas-toblobhd&gt;toBlobHD()&lt;/a&gt;&lt;/code&gt; method provides =
it at the
+    native canvas bitmap resolution.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-canvas-todataurl title=3Ddom-canvas-toDa=
taURL&gt;&lt;code&gt;toDataURL()&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3D=
dom-canvas-todataurlhd title=3Ddom-canvas-toDataURLHD&gt;&lt;code&gt;toDa=
taURLHD()&lt;/code&gt;&lt;/dfn&gt; methods must run the following
+  steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!--ADD-TOPIC:Security--&gt;&lt;li&gt;&lt;p&gt;If the &lt=
;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt=
; element's bitmap's &lt;a href=3D#concept-canvas-origin-clean title=3Dco=
ncept-canvas-origin-clean&gt;origin-clean&lt;/a&gt; flag is set to false,=
 throw a
+   &lt;code&gt;&lt;a href=3D#securityerror&gt;SecurityError&lt;/a&gt;&lt=
;/code&gt; exception and abort these steps.&lt;/p&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-canvas-elemen=
t&gt;canvas&lt;/a&gt;&lt;/code&gt; element's bitmap has no pixels (i.e. e=
ither its horizontal
+   dimension or its vertical dimension is zero) then return the string &=
quot;&lt;code title=3D&quot;&quot;&gt;data:,&lt;/code&gt;&quot; and abort=
 these steps. (This is the shortest &lt;a href=3D#data-protocol title=3D&=
quot;data
+   protocol&quot;&gt;&lt;code title=3D&quot;&quot;&gt;data:&lt;/code&gt;=
 URL&lt;/a&gt;; it represents the empty string in a &lt;code title=3D&quo=
t;&quot;&gt;text/plain&lt;/code&gt; resource.)&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;file&lt;/var&g=
t; be &lt;a href=3D#a-serialization-of-the-bitmap-as-a-file title=3D&quot=
;a serialization of the bitmap as a file&quot;&gt;a
+   serialization of the &lt;code&gt;canvas&lt;/code&gt; element's bitmap=
 as a file&lt;/a&gt;, using the method's
+   arguments (if any) as the &lt;var title=3D&quot;&quot;&gt;arguments&l=
t;/var&gt;, and with the &lt;var title=3D&quot;&quot;&gt;native&lt;/var&g=
t;
+   flag set if the method is the &lt;code title=3Ddom-canvas-toDataURLHD=
&gt;&lt;a href=3D#dom-canvas-todataurlhd&gt;toDataURLHD()&lt;/a&gt;&lt;/c=
ode&gt; method,
+   and not otherwise.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return a &lt;a href=3D#data-protocol title=3D&quot=
;data protocol&quot;&gt;&lt;code title=3D&quot;&quot;&gt;data:&lt;/code&g=
t; URL&lt;/a&gt; representing
+   &lt;var title=3D&quot;&quot;&gt;file&lt;/var&gt;. &lt;a href=3D#refsR=
FC2397&gt;[RFC2397]&lt;/a&gt;&lt;/p&gt;
+
+   &lt;!-- should we explicitly require the URL to be base64-encoded and=
 not have any parameters, to
+   ensure the same exact URL is generated in each browser? --&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Ddom-canvas-toblob title=3Ddom-can=
vas-toBlob&gt;&lt;code&gt;toBlob()&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn i=
d=3Ddom-canvas-toblobhd title=3Ddom-canvas-toBlobHD&gt;&lt;code&gt;toBlob=
HD()&lt;/code&gt;&lt;/dfn&gt; methods must run the following
+  steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!--ADD-TOPIC:Security--&gt;&lt;li&gt;&lt;p&gt;If the &lt=
;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt=
; element's bitmap's &lt;a href=3D#concept-canvas-origin-clean title=3Dco=
ncept-canvas-origin-clean&gt;origin-clean&lt;/a&gt; flag is set to false,=
 throw a
+   &lt;code&gt;&lt;a href=3D#securityerror&gt;SecurityError&lt;/a&gt;&lt=
;/code&gt; exception and abort these steps.&lt;/p&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;callback&lt;/v=
ar&gt; be the first argument.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;arguments&lt;/=
var&gt; be the second and subsequent arguments to the method, if
+   any.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canv=
as&lt;/a&gt;&lt;/code&gt; element's bitmap has no pixels (i.e. either its=
 horizontal
+    dimension or its vertical dimension is zero) then let &lt;var title=3D=
&quot;&quot;&gt;result&lt;/var&gt; be null.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, let &lt;var title=3D&quot;&quot;&gt;result&lt;/v=
ar&gt; be a &lt;code&gt;&lt;a href=3D#blob&gt;Blob&lt;/a&gt;&lt;/code&gt;=
 object representing &lt;a href=3D#a-serialization-of-the-bitmap-as-a-fil=
e title=3D&quot;a serialization of the bitmap as a file&quot;&gt;a serial=
ization of the &lt;code&gt;canvas&lt;/code&gt;
+    element's bitmap as a file&lt;/a&gt;, using &lt;var title=3D&quot;&q=
uot;&gt;arguments&lt;/var&gt;, and with the &lt;var title=3D&quot;&quot;&=
gt;native&lt;/var&gt; flag set if the method is the &lt;code title=3Ddom-=
canvas-toBlobHD&gt;&lt;a href=3D#dom-canvas-toblobhd&gt;toBlobHD()&lt;/a&=
gt;&lt;/code&gt; method, and not otherwise. &lt;a href=3D#refsFILEAPI&gt;=
[FILEAPI]&lt;/a&gt; &lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return, but continue running these steps asynchron=
ously.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;callback&lt;/va=
r&gt; is null, abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#queue-a-task&gt;Queue a task&lt;/a&g=
t; to invoke the &lt;code&gt;&lt;a href=3D#filecallback&gt;FileCallback&l=
t;/a&gt;&lt;/code&gt; &lt;var title=3D&quot;&quot;&gt;callback&lt;/var&gt=
; with &lt;var title=3D&quot;&quot;&gt;result&lt;/var&gt; as its argument=
. The &lt;a href=3D#task-source&gt;task
+   source&lt;/a&gt; for this task is the &lt;dfn id=3Dcanvas-blob-serial=
ization-task-source&gt;canvas blob serialization task source&lt;/dfn&gt;.=
&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+  &lt;!--REMOVE-TOPIC:DOM APIs--&gt;
+
+
+  &lt;!--ADD-TOPIC:Workers--&gt;
+  &lt;h5 id=3Dproxying-canvases-to-workers&gt;&lt;span class=3Dsecno&gt;=
4.12.4.1 &lt;/span&gt;Proxying canvases to workers&lt;/h5&gt;
+
+  &lt;p&gt;Since DOM nodes cannot be accessed across worker boundaries, =
a proxy object is needed to enable
+  workers to render to &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;c=
anvas&lt;/a&gt;&lt;/code&gt; elements in &lt;code&gt;&lt;a href=3D#docume=
nt&gt;Document&lt;/a&gt;&lt;/code&gt;s.&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dcanvasproxy&gt;CanvasPro=
xy&lt;/dfn&gt; {
+  void &lt;a href=3D#dom-canvasproxy-setcontext title=3Ddom-CanvasProxy-=
setContext&gt;setContext&lt;/a&gt;(&lt;a href=3D#renderingcontext&gt;Rend=
eringContext&lt;/a&gt; context);
+};
+// &lt;a href=3D#canvasproxy&gt;CanvasProxy&lt;/a&gt; implements &lt;a h=
ref=3D#transferable&gt;Transferable&lt;/a&gt;;&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;c=
anvasProxy&lt;/var&gt; =3D &lt;var title=3D&quot;&quot;&gt;canvas&lt;/var=
&gt; . &lt;code title=3Ddom-canvas-transferControlToProxy&gt;&lt;a href=3D=
#dom-canvas-transfercontroltoproxy&gt;transferControlToProxy&lt;/a&gt;&lt=
;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a &lt;code&gt;&lt;a href=3D#canvasproxy&gt;CanvasPr=
oxy&lt;/a&gt;&lt;/code&gt; object that can be used to transfer control fo=
r this
+    canvas over to another document (e.g. an &lt;code&gt;&lt;a href=3D#t=
he-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt; from another &lt;a hre=
f=3D#origin&gt;origin&lt;/a&gt;)
+    or to a worker.&lt;/p&gt;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;In=
validStateError&lt;/a&gt;&lt;/code&gt; exception if the &lt;code title=3D=
dom-canvas-getContext&gt;&lt;a href=3D#dom-canvas-getcontext&gt;getContex=
t()&lt;/a&gt;&lt;/code&gt; or &lt;code title=3Ddom-canvas-setContext&gt;&=
lt;a href=3D#dom-canvas-setcontext&gt;setContext()&lt;/a&gt;&lt;/code&gt;=
 methods have been used.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;canvasProxy&lt;/var&gt; . &=
lt;code title=3Ddom-CanvasProxy-setContext&gt;&lt;a href=3D#dom-canvaspro=
xy-setcontext&gt;setContext&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;=
&quot;&gt;context&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Sets the &lt;code&gt;&lt;a href=3D#canvasproxy&gt;CanvasPro=
xy&lt;/a&gt;&lt;/code&gt; object's &lt;code&gt;&lt;a href=3D#the-canvas-e=
lement&gt;canvas&lt;/a&gt;&lt;/code&gt; element's rendering context to
+    the given object.&lt;/p&gt;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;In=
validStateError&lt;/a&gt;&lt;/code&gt; exception if the &lt;code&gt;&lt;a=
 href=3D#canvasproxy&gt;CanvasProxy&lt;/a&gt;&lt;/code&gt; has been
+    &lt;a href=3D#transfer-a-transferable-object title=3D&quot;transfer =
a Transferable object&quot;&gt;transfered&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-canvas-transfercont=
roltoproxy title=3Ddom-canvas-transferControlToProxy&gt;&lt;code&gt;trans=
ferControlToProxy()&lt;/code&gt;&lt;/dfn&gt;
+  method of the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&l=
t;/a&gt;&lt;/code&gt; element, when invoked, must run the following steps=
:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-canv=
as-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#conce=
pt-canvas-context-mode title=3Dconcept-canvas-context-mode&gt;canvas
+   context mode&lt;/a&gt; is not &lt;a href=3D#concept-canvas-none title=
=3Dconcept-canvas-none&gt;none&lt;/a&gt;, throw an
+   &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateError&lt;/=
a&gt;&lt;/code&gt; exception and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set the &lt;code&gt;&lt;a href=3D#the-canvas-eleme=
nt&gt;canvas&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#concept-canva=
s-context-mode title=3Dconcept-canvas-context-mode&gt;context
+   mode&lt;/a&gt; to &lt;a href=3D#concept-canvas-proxied title=3Dconcep=
t-canvas-proxied&gt;proxied&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return a &lt;code&gt;&lt;a href=3D#canvasproxy&gt;=
CanvasProxy&lt;/a&gt;&lt;/code&gt; object bound to this &lt;code&gt;&lt;a=
 href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt;
+   element.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;A &lt;code&gt;&lt;a href=3D#canvasproxy&gt;CanvasP=
roxy&lt;/a&gt;&lt;/code&gt; object can be &lt;a href=3D#concept-transfera=
ble-neutered title=3Dconcept-transferable-neutered&gt;neutered&lt;/a&gt; =
(like any &lt;code&gt;&lt;a href=3D#transferable&gt;Transferable&lt;/a&gt=
;&lt;/code&gt; object),
+  meaning it can no longer be &lt;a href=3D#transfer-a-transferable-obje=
ct title=3D&quot;transfer a Transferable object&quot;&gt;transferred&lt;/=
a&gt;, and
+  can be &lt;dfn id=3Dconcept-canvasproxy-disabled title=3Dconcept-Canva=
sProxy-disabled&gt;disabled&lt;/dfn&gt;, meaning it can no longer be boun=
d
+  to rendering contexts. When first created, a &lt;code&gt;&lt;a href=3D=
#canvasproxy&gt;CanvasProxy&lt;/a&gt;&lt;/code&gt; object must be neither=
.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#canvasproxy&gt;CanvasProxy&lt;/a&=
gt;&lt;/code&gt; is created with a link to a &lt;code&gt;&lt;a href=3D#th=
e-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element. A
+  &lt;code&gt;&lt;a href=3D#canvasproxy&gt;CanvasProxy&lt;/a&gt;&lt;/cod=
e&gt; object that has not been &lt;a href=3D#concept-canvasproxy-disabled=
 title=3Dconcept-CanvasProxy-disabled&gt;disabled&lt;/a&gt; must have a s=
trong reference to its canvas
+  element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-canvasproxy-setcontext title=3Ddom-Canva=
sProxy-setContext&gt;&lt;code&gt;setContext(&lt;var title=3D&quot;&quot;&=
gt;context&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; method of &lt;code&gt;&l=
t;a href=3D#canvasproxy&gt;CanvasProxy&lt;/a&gt;&lt;/code&gt; objects, wh=
en invoked,
+  must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#canvaspr=
oxy&gt;CanvasProxy&lt;/a&gt;&lt;/code&gt; object has been &lt;a href=3D#c=
oncept-canvasproxy-disabled title=3Dconcept-CanvasProxy-disabled&gt;disab=
led&lt;/a&gt;, throw an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;In=
validStateError&lt;/a&gt;&lt;/code&gt;
+   exception and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#canvasproxy&gt;Ca=
nvasProxy&lt;/a&gt;&lt;/code&gt; object has not been &lt;a href=3D#concep=
t-transferable-neutered title=3Dconcept-transferable-neutered&gt;neutered=
&lt;/a&gt;, then &lt;a href=3D#concept-transferable-neutered title=3Dconc=
ept-transferable-neutered&gt;neuter&lt;/a&gt; it.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;context&lt;/var=
&gt;'s &lt;a href=3D#concept-canvas-context-bitmap-mode title=3Dconcept-c=
anvas-context-bitmap-mode&gt;context
+   bitmap mode&lt;/a&gt; is &lt;a href=3D#concept-canvas-fixed title=3Dc=
oncept-canvas-fixed&gt;fixed&lt;/a&gt;, then throw an
+   &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateError&lt;/=
a&gt;&lt;/code&gt; exception and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;context&lt;/var=
&gt;'s &lt;a href=3D#concept-canvas-context-bitmap-mode title=3Dconcept-c=
anvas-context-bitmap-mode&gt;context
+   bitmap mode&lt;/a&gt; is &lt;a href=3D#concept-canvas-bound title=3Dc=
oncept-canvas-bound&gt;bound&lt;/a&gt;, then run &lt;var title=3D&quot;&q=
uot;&gt;context&lt;/var&gt;'s &lt;a href=3D#concept-canvas-unbinding-step=
s title=3Dconcept-canvas-unbinding-steps&gt;unbinding steps&lt;/a&gt; and
+   set its &lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt;'s &lt;a h=
ref=3D#concept-canvas-context-bitmap-mode title=3Dconcept-canvas-context-=
bitmap-mode&gt;context
+   bitmap mode&lt;/a&gt; to &lt;a href=3D#concept-canvas-unbound title=3D=
concept-canvas-unbound&gt;unbound&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Run &lt;var title=3D&quot;&quot;&gt;context&lt;/va=
r&gt;'s &lt;a href=3D#concept-canvas-binding-steps title=3Dconcept-canvas=
-binding-steps&gt;binding
+   steps&lt;/a&gt; to bind it to this &lt;code&gt;&lt;a href=3D#canvaspr=
oxy&gt;CanvasProxy&lt;/a&gt;&lt;/code&gt; object's &lt;code&gt;&lt;a href=
=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt;
+   element.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set the &lt;var title=3D&quot;&quot;&gt;context&lt=
;/var&gt;'s &lt;a href=3D#concept-canvas-context-bitmap-mode title=3Dconc=
ept-canvas-context-bitmap-mode&gt;context bitmap mode&lt;/a&gt; to &lt;a =
href=3D#concept-canvas-bound title=3Dconcept-canvas-bound&gt;bound&lt;/a&=
gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p id=3DtransferCanvasProxy&gt;To &lt;a href=3D#transfer=
-a-transferable-object title=3D&quot;transfer a Transferable object&quot;=
&gt;transfer&lt;/a&gt; a
+  &lt;code&gt;&lt;a href=3D#canvasproxy&gt;CanvasProxy&lt;/a&gt;&lt;/cod=
e&gt; object &lt;var title=3D&quot;&quot;&gt;old&lt;/var&gt; to a new own=
er &lt;var title=3D&quot;&quot;&gt;owner&lt;/var&gt;,
+  a user agent must create a new &lt;code&gt;&lt;a href=3D#canvasproxy&g=
t;CanvasProxy&lt;/a&gt;&lt;/code&gt; object linked to the same
+  &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/c=
ode&gt; element as &lt;var title=3D&quot;&quot;&gt;old&lt;/var&gt;, thus =
obtaining &lt;var title=3D&quot;&quot;&gt;new&lt;/var&gt;,
+  must &lt;a href=3D#concept-transferable-neutered title=3Dconcept-Trans=
ferable-neutered&gt;neuter&lt;/a&gt; and &lt;a href=3D#concept-canvasprox=
y-disabled title=3Dconcept-CanvasProxy-disabled&gt;disable&lt;/a&gt; the =
&lt;var title=3D&quot;&quot;&gt;old&lt;/var&gt; object, and must
+  finally return &lt;var title=3D&quot;&quot;&gt;new&lt;/var&gt;.&lt;/p&=
gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here is a clock implemented on a worker. First, the main pag=
e:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;title&amp;gt;Clock&amp;lt;/title&amp;gt;
+&amp;lt;canvas&amp;gt;&amp;lt;/canvas&amp;gt; &lt;!-- defaults to 300x15=
0 --&gt;
+&amp;lt;script&amp;gt;
+  var canvas =3D document.getElementsByTagName('canvas')[0];
+  var proxy =3D canvas.transferControlToProxy();
+  var worker =3D new Worker('clock.js');
+  worker.postMessage(proxy, [proxy]);
+&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;Second, the worker:&lt;/p&gt;
+
+   &lt;pre&gt;onmessage =3D function (event) {
+  var context =3D new CanvasRenderingContext2D();
+  event.data.setContext(context); // event.data is the CanvasProxy objec=
t
+  setInterval(function () {
+    context.clearRect(0, 0, context.width, context.height);
+    context.fillText(new Date(), 0, 100);
+    context.commit();
+  }, 1000);
+};&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;!--REMOVE-TOPIC:Workers--&gt;
+
+
+  &lt;h5 id=3D2dcontext&gt;&lt;span class=3Dsecno&gt;4.12.4.2 &lt;/span&=
gt;The 2D rendering context&lt;/h5&gt;
+
+  &lt;!-- v2: we're on v5. suggestions for subsequent versions are marke=
d v6, v7, v8. --&gt;
+
+  &lt;pre class=3Didl&gt;typedef (&lt;a href=3D#htmlimageelement&gt;HTML=
ImageElement&lt;/a&gt; or
+         &lt;a href=3D#htmlvideoelement&gt;HTMLVideoElement&lt;/a&gt; or
+         &lt;a href=3D#htmlcanvaselement&gt;HTMLCanvasElement&lt;/a&gt; =
or
+         &lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingContex=
t2D&lt;/a&gt; or
+         &lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a&gt;) &lt;dfn id=3D=
canvasimagesource&gt;CanvasImageSource&lt;/dfn&gt;;
+
+enum &lt;dfn id=3Dcanvasfillrule&gt;CanvasFillRule&lt;/dfn&gt; { &quot;&=
lt;a href=3D#dom-context-2d-fillrule-nonzero title=3Ddom-context-2d-fillR=
ule-nonzero&gt;nonzero&lt;/a&gt;&quot;, &quot;&lt;a href=3D#dom-context-2=
d-fillrule-evenodd title=3Ddom-context-2d-fillRule-evenodd&gt;evenodd&lt;=
/a&gt;&quot; };
+
+[&lt;a href=3D#dom-context-2d title=3Ddom-context-2d&gt;Constructor&lt;/=
a&gt;(optional unsigned long width, unsigned long height)]
+interface &lt;dfn id=3Dcanvasrenderingcontext2d&gt;CanvasRenderingContex=
t2D&lt;/dfn&gt; {
+
+  // back-reference to the canvas
+  readonly attribute &lt;a href=3D#htmlcanvaselement&gt;HTMLCanvasElemen=
t&lt;/a&gt; &lt;a href=3D#dom-context-2d-canvas title=3Ddom-context-2d-ca=
nvas&gt;canvas&lt;/a&gt;;
+
+  // canvas dimensions
+           attribute unsigned long &lt;a href=3D#dom-context-2d-width ti=
tle=3Ddom-context-2d-width&gt;width&lt;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-context-2d-height t=
itle=3Ddom-context-2d-height&gt;height&lt;/a&gt;;
+
+  // for contexts that aren't directly &lt;a href=3D#concept-canvas-fixe=
d title=3Dconcept-canvas-fixed&gt;fixed&lt;/a&gt; to a specific canvas
+  void &lt;a href=3D#dom-context-2d-commit title=3Ddom-context-2d-commit=
&gt;commit&lt;/a&gt;(); // push the image to the &lt;a href=3D#output-bit=
map&gt;output bitmap&lt;/a&gt;
+
+  // state
+  void &lt;a href=3D#dom-context-2d-save title=3Ddom-context-2d-save&gt;=
save&lt;/a&gt;(); // push state on state stack
+  void &lt;a href=3D#dom-context-2d-restore title=3Ddom-context-2d-resto=
re&gt;restore&lt;/a&gt;(); // pop state stack and restore state
+&lt;!--
+  // v7 we've also received requests for:
+          attribute boolean &lt;span title=3D&quot;dom-context-2d-forceH=
ighQuality&quot;&gt;forceHighQuality&lt;/span&gt; // (default false)
+  // when enabled, it would prevent the UA from falling back on lower-qu=
ality but faster rendering routines
+  // useful e.g. for when an image manipulation app uses &lt;canvas&gt; =
both for UI previews and the actual work
+
+--&gt;
+  // transformations (default transform is the identity matrix)
+           attribute &lt;a href=3D#svgmatrix&gt;SVGMatrix&lt;/a&gt; &lt;=
a href=3D#dom-context-2d-currenttransform title=3Ddom-context-2d-currentT=
ransform&gt;currentTransform&lt;/a&gt;;
+  void &lt;a href=3D#dom-context-2d-scale title=3Ddom-context-2d-scale&g=
t;scale&lt;/a&gt;(unrestricted double x, unrestricted double y);
+  void &lt;a href=3D#dom-context-2d-rotate title=3Ddom-context-2d-rotate=
&gt;rotate&lt;/a&gt;(unrestricted double angle);
+  void &lt;a href=3D#dom-context-2d-translate title=3Ddom-context-2d-tra=
nslate&gt;translate&lt;/a&gt;(unrestricted double x, unrestricted double =
y);
+  void &lt;a href=3D#dom-context-2d-transform title=3Ddom-context-2d-tra=
nsform&gt;transform&lt;/a&gt;(unrestricted double a, unrestricted double =
b, unrestricted double c, unrestricted double d, unrestricted double e, u=
nrestricted double f);
+  void &lt;a href=3D#dom-context-2d-settransform title=3Ddom-context-2d-=
setTransform&gt;setTransform&lt;/a&gt;(unrestricted double a, unrestricte=
d double b, unrestricted double c, unrestricted double d, unrestricted do=
uble e, unrestricted double f);
+  void &lt;a href=3D#dom-context-2d-resettransform title=3Ddom-context-2=
d-resetTransform&gt;resetTransform&lt;/a&gt;();
+&lt;!--
+  // v7 we've also received requests (though not many so far) for:
+  void skew(...);                             // is this common enough t=
hat one can't just use setTransform()?
+  void reflect(...);  and  void mirror(...);  // aren't negative values =
in scale() sufficient for these?
+
+--&gt;
+  // compositing
+           attribute unrestricted double &lt;a href=3D#dom-context-2d-gl=
obalalpha title=3Ddom-context-2d-globalAlpha&gt;globalAlpha&lt;/a&gt;; //=
 (default 1.0)
+           attribute DOMString &lt;a href=3D#dom-context-2d-globalcompos=
iteoperation title=3Ddom-context-2d-globalCompositeOperation&gt;globalCom=
positeOperation&lt;/a&gt;; // (default source-over)
+
+  // image smoothing
+           attribute boolean &lt;a href=3D#dom-context-2d-imagesmoothing=
enabled title=3Ddom-context-2d-imageSmoothingEnabled&gt;imageSmoothingEna=
bled&lt;/a&gt;; // (default true)
+&lt;!--
+  // v7 we've also received requests for:
+  - turning off antialiasing to avoid seams when patterns are painted ne=
xt to each other
+    - might be better to overdraw?
+    - might be better to just draw at a higher res then downsample, like=
 for 3d?
+  - nested layers
+    - the ability to composite an entire set of drawing operations with =
one shadow all at once
+      http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2008-August/01=
5567.html
+
+--&gt;
+  // colors and styles (see also the &lt;a href=3D#canvasdrawingstyles&g=
t;CanvasDrawingStyles&lt;/a&gt; interface)
+           attribute (DOMString or CanvasGradient or CanvasPattern) &lt;=
a href=3D#dom-context-2d-strokestyle title=3Ddom-context-2d-strokeStyle&g=
t;strokeStyle&lt;/a&gt;; // (default black)
+           attribute (DOMString or CanvasGradient or CanvasPattern) &lt;=
a href=3D#dom-context-2d-fillstyle title=3Ddom-context-2d-fillStyle&gt;fi=
llStyle&lt;/a&gt;; // (default black)
+  &lt;a href=3D#canvasgradient&gt;CanvasGradient&lt;/a&gt; &lt;a href=3D=
#dom-context-2d-createlineargradient title=3Ddom-context-2d-createLinearG=
radient&gt;createLinearGradient&lt;/a&gt;(double x0, double y0, double x1=
, double y1);
+  &lt;a href=3D#canvasgradient&gt;CanvasGradient&lt;/a&gt; &lt;a href=3D=
#dom-context-2d-createradialgradient title=3Ddom-context-2d-createRadialG=
radient&gt;createRadialGradient&lt;/a&gt;(double x0, double y0, double r0=
, double x1, double y1, double r1);
+  &lt;a href=3D#canvaspattern&gt;CanvasPattern&lt;/a&gt; &lt;a href=3D#d=
om-context-2d-createpattern title=3Ddom-context-2d-createPattern&gt;creat=
ePattern&lt;/a&gt;(&lt;a href=3D#canvasimagesource&gt;CanvasImageSource&l=
t;/a&gt; image, [TreatNullAs=3DEmptyString] DOMString repetition);
+&lt;!--
+  // v8 we received one request from Ralf Richard G&amp;oml;bel for a ne=
w kind of pattern: a hatch.
+  // basically it would be a series of dash styles, angles, line widths,=
 and offsets
+--&gt;
+  // shadows
+           attribute unrestricted double &lt;a href=3D#dom-context-2d-sh=
adowoffsetx title=3Ddom-context-2d-shadowOffsetX&gt;shadowOffsetX&lt;/a&g=
t;; // (default 0)
+           attribute unrestricted double &lt;a href=3D#dom-context-2d-sh=
adowoffsety title=3Ddom-context-2d-shadowOffsetY&gt;shadowOffsetY&lt;/a&g=
t;; // (default 0)
+           attribute unrestricted double &lt;a href=3D#dom-context-2d-sh=
adowblur title=3Ddom-context-2d-shadowBlur&gt;shadowBlur&lt;/a&gt;; // (d=
efault 0)
+           attribute DOMString &lt;a href=3D#dom-context-2d-shadowcolor =
title=3Ddom-context-2d-shadowColor&gt;shadowColor&lt;/a&gt;; // (default =
transparent black)
+
+  // rects
+  void &lt;a href=3D#dom-context-2d-clearrect title=3Ddom-context-2d-cle=
arRect&gt;clearRect&lt;/a&gt;(unrestricted double x, unrestricted double =
y, unrestricted double w, unrestricted double h);
+  void &lt;a href=3D#dom-context-2d-fillrect title=3Ddom-context-2d-fill=
Rect&gt;fillRect&lt;/a&gt;(unrestricted double x, unrestricted double y, =
unrestricted double w, unrestricted double h);
+  void &lt;a href=3D#dom-context-2d-strokerect title=3Ddom-context-2d-st=
rokeRect&gt;strokeRect&lt;/a&gt;(unrestricted double x, unrestricted doub=
le y, unrestricted double w, unrestricted double h);
+
+  // path API (see also &lt;a href=3D#canvaspathmethods&gt;CanvasPathMet=
hods&lt;/a&gt;)
+  void &lt;a href=3D#dom-context-2d-beginpath title=3Ddom-context-2d-beg=
inPath&gt;beginPath&lt;/a&gt;();
+  void &lt;a href=3D#dom-context-2d-fill title=3Ddom-context-2d-fill&gt;=
fill&lt;/a&gt;(optional &lt;a href=3D#canvasfillrule&gt;CanvasFillRule&lt=
;/a&gt; fillRule =3D &quot;&lt;a href=3D#dom-context-2d-fillrule-nonzero =
title=3Ddom-context-2d-fillRule-nonzero&gt;nonzero&lt;/a&gt;&quot;);
+  void &lt;a href=3D#dom-context-2d-fill title=3Ddom-context-2d-fill&gt;=
fill&lt;/a&gt;(&lt;a href=3D#path&gt;Path&lt;/a&gt; path, optional &lt;a =
href=3D#canvasfillrule&gt;CanvasFillRule&lt;/a&gt; fillRule =3D &quot;&lt=
;a href=3D#dom-context-2d-fillrule-nonzero title=3Ddom-context-2d-fillRul=
e-nonzero&gt;nonzero&lt;/a&gt;&quot;);
+  void &lt;a href=3D#dom-context-2d-stroke title=3Ddom-context-2d-stroke=
&gt;stroke&lt;/a&gt;();
+  void &lt;a href=3D#dom-context-2d-stroke title=3Ddom-context-2d-stroke=
&gt;stroke&lt;/a&gt;(&lt;a href=3D#path&gt;Path&lt;/a&gt; path);
+  void &lt;a href=3D#dom-context-2d-drawsystemfocusring title=3Ddom-cont=
ext-2d-drawSystemFocusRing&gt;drawSystemFocusRing&lt;/a&gt;(&lt;a href=3D=
#element&gt;Element&lt;/a&gt; element);
+  void &lt;a href=3D#dom-context-2d-drawsystemfocusring title=3Ddom-cont=
ext-2d-drawSystemFocusRing&gt;drawSystemFocusRing&lt;/a&gt;(&lt;a href=3D=
#path&gt;Path&lt;/a&gt; path, &lt;a href=3D#element&gt;Element&lt;/a&gt; =
element);
+  boolean &lt;a href=3D#dom-context-2d-drawcustomfocusring title=3Ddom-c=
ontext-2d-drawCustomFocusRing&gt;drawCustomFocusRing&lt;/a&gt;(&lt;a href=
=3D#element&gt;Element&lt;/a&gt; element);
+  boolean &lt;a href=3D#dom-context-2d-drawcustomfocusring title=3Ddom-c=
ontext-2d-drawCustomFocusRing&gt;drawCustomFocusRing&lt;/a&gt;(&lt;a href=
=3D#path&gt;Path&lt;/a&gt; path, &lt;a href=3D#element&gt;Element&lt;/a&g=
t; element);
+  void &lt;a href=3D#dom-context-2d-scrollpathintoview title=3Ddom-conte=
xt-2d-scrollPathIntoView&gt;scrollPathIntoView&lt;/a&gt;();
+  void &lt;a href=3D#dom-context-2d-scrollpathintoview title=3Ddom-conte=
xt-2d-scrollPathIntoView&gt;scrollPathIntoView&lt;/a&gt;(&lt;a href=3D#pa=
th&gt;Path&lt;/a&gt; path);
+  void &lt;a href=3D#dom-context-2d-clip title=3Ddom-context-2d-clip&gt;=
clip&lt;/a&gt;(optional &lt;a href=3D#canvasfillrule&gt;CanvasFillRule&lt=
;/a&gt; fillRule =3D &quot;&lt;a href=3D#dom-context-2d-fillrule-nonzero =
title=3Ddom-context-2d-fillRule-nonzero&gt;nonzero&lt;/a&gt;&quot;);
+  void &lt;a href=3D#dom-context-2d-clip title=3Ddom-context-2d-clip&gt;=
clip&lt;/a&gt;(&lt;a href=3D#path&gt;Path&lt;/a&gt; path, optional &lt;a =
href=3D#canvasfillrule&gt;CanvasFillRule&lt;/a&gt; fillRule =3D &quot;&lt=
;a href=3D#dom-context-2d-fillrule-nonzero title=3Ddom-context-2d-fillRul=
e-nonzero&gt;nonzero&lt;/a&gt;&quot;);
+  void &lt;a href=3D#dom-context-2d-resetclip title=3Ddom-context-2d-res=
etClip&gt;resetClip&lt;/a&gt;();
+  boolean &lt;a href=3D#dom-context-2d-ispointinpath title=3Ddom-context=
-2d-isPointInPath&gt;isPointInPath&lt;/a&gt;(unrestricted double x, unres=
tricted double y, optional &lt;a href=3D#canvasfillrule&gt;CanvasFillRule=
&lt;/a&gt; fillRule =3D &quot;&lt;a href=3D#dom-context-2d-fillrule-nonze=
ro title=3Ddom-context-2d-fillRule-nonzero&gt;nonzero&lt;/a&gt;&quot;);
+  boolean &lt;a href=3D#dom-context-2d-ispointinpath title=3Ddom-context=
-2d-isPointInPath&gt;isPointInPath&lt;/a&gt;(&lt;a href=3D#path&gt;Path&l=
t;/a&gt; path, unrestricted double x, unrestricted double y, optional &lt=
;a href=3D#canvasfillrule&gt;CanvasFillRule&lt;/a&gt; fillRule =3D &quot;=
&lt;a href=3D#dom-context-2d-fillrule-nonzero title=3Ddom-context-2d-fill=
Rule-nonzero&gt;nonzero&lt;/a&gt;&quot;);
+  boolean &lt;a href=3D#dom-context-2d-ispointinstroke title=3Ddom-conte=
xt-2d-isPointInStroke&gt;isPointInStroke&lt;/a&gt;(unrestricted double x,=
 unrestricted double y);
+  boolean &lt;a href=3D#dom-context-2d-ispointinstroke title=3Ddom-conte=
xt-2d-isPointInStroke&gt;isPointInStroke&lt;/a&gt;(&lt;a href=3D#path&gt;=
Path&lt;/a&gt; path, unrestricted double x, unrestricted double y);
+
+  // text (see also the &lt;a href=3D#canvasdrawingstyles&gt;CanvasDrawi=
ngStyles&lt;/a&gt; interface)
+  void &lt;a href=3D#dom-context-2d-filltext title=3Ddom-context-2d-fill=
Text&gt;fillText&lt;/a&gt;(DOMString text, unrestricted double x, unrestr=
icted double y, optional unrestricted double maxWidth);
+  void &lt;a href=3D#dom-context-2d-stroketext title=3Ddom-context-2d-st=
rokeText&gt;strokeText&lt;/a&gt;(DOMString text, unrestricted double x, u=
nrestricted double y, optional unrestricted double maxWidth);&lt;!-- v6DV=
T
+  void &lt;span title=3D&quot;dom-context-2d-fillVerticalText&quot;&gt;f=
illVerticalText&lt;/span&gt;(DOMString text, unrestricted double x, unres=
tricted double y, optional unrestricted double maxHeight);
+  void &lt;span title=3D&quot;dom-context-2d-strokeVerticalText&quot;&gt=
;strokeVerticalText&lt;/span&gt;(DOMString text, unrestricted double x, u=
nrestricted double y, optional unrestricted double maxHeight); --&gt;
+  &lt;a href=3D#textmetrics&gt;TextMetrics&lt;/a&gt; &lt;a href=3D#dom-c=
ontext-2d-measuretext title=3Ddom-context-2d-measureText&gt;measureText&l=
t;/a&gt;(DOMString text);
+
+  // drawing images
+  void &lt;a href=3D#dom-context-2d-drawimage title=3Ddom-context-2d-dra=
wImage&gt;drawImage&lt;/a&gt;(&lt;a href=3D#canvasimagesource&gt;CanvasIm=
ageSource&lt;/a&gt; image, unrestricted double dx, unrestricted double dy=
);
+  void &lt;a href=3D#dom-context-2d-drawimage title=3Ddom-context-2d-dra=
wImage&gt;drawImage&lt;/a&gt;(&lt;a href=3D#canvasimagesource&gt;CanvasIm=
ageSource&lt;/a&gt; image, unrestricted double dx, unrestricted double dy=
, unrestricted double dw, unrestricted double dh);
+  void &lt;a href=3D#dom-context-2d-drawimage title=3Ddom-context-2d-dra=
wImage&gt;drawImage&lt;/a&gt;(&lt;a href=3D#canvasimagesource&gt;CanvasIm=
ageSource&lt;/a&gt; image, unrestricted double sx, unrestricted double sy=
, unrestricted double sw, unrestricted double sh, unrestricted double dx,=
 unrestricted double dy, unrestricted double dw, unrestricted double dh);
+
+  // hit regions
+  void &lt;a href=3D#dom-context-2d-addhitregion title=3Ddom-context-2d-=
addHitRegion&gt;addHitRegion&lt;/a&gt;(optional &lt;a href=3D#hitregionop=
tions&gt;HitRegionOptions&lt;/a&gt; options);
+  void &lt;a href=3D#dom-context-2d-removehitregion title=3Ddom-context-=
2d-removeHitRegion&gt;removeHitRegion&lt;/a&gt;(DOMString id);
+
+  // pixel manipulation
+  &lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt; &lt;a href=3D#dom-conte=
xt-2d-createimagedata title=3Ddom-context-2d-createImageData&gt;createIma=
geData&lt;/a&gt;(double sw, double sh);
+  &lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt; &lt;a href=3D#dom-conte=
xt-2d-createimagedata title=3Ddom-context-2d-createImageData&gt;createIma=
geData&lt;/a&gt;(&lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt; imagedata=
);
+  &lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt; &lt;a href=3D#dom-conte=
xt-2d-createimagedatahd title=3Ddom-context-2d-createImageDataHD&gt;creat=
eImageDataHD&lt;/a&gt;(double sw, double sh);
+  &lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt; &lt;a href=3D#dom-conte=
xt-2d-getimagedata title=3Ddom-context-2d-getImageData&gt;getImageData&lt=
;/a&gt;(double sx, double sy, double sw, double sh);
+  &lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt; &lt;a href=3D#dom-conte=
xt-2d-getimagedatahd title=3Ddom-context-2d-getImageDataHD&gt;getImageDat=
aHD&lt;/a&gt;(double sx, double sy, double sw, double sh);
+  void &lt;a href=3D#dom-context-2d-putimagedata title=3Ddom-context-2d-=
putImageData&gt;putImageData&lt;/a&gt;(&lt;a href=3D#imagedata&gt;ImageDa=
ta&lt;/a&gt; imagedata, double dx, double dy);
+  void &lt;a href=3D#dom-context-2d-putimagedata title=3Ddom-context-2d-=
putImageData&gt;putImageData&lt;/a&gt;(&lt;a href=3D#imagedata&gt;ImageDa=
ta&lt;/a&gt; imagedata, double dx, double dy, double dirtyX, double dirty=
Y, double dirtyWidth, double dirtyHeight);
+  void &lt;a href=3D#dom-context-2d-putimagedatahd title=3Ddom-context-2=
d-putImageDataHD&gt;putImageDataHD&lt;/a&gt;(&lt;a href=3D#imagedata&gt;I=
mageData&lt;/a&gt; imagedata, double dx, double dy);
+  void &lt;a href=3D#dom-context-2d-putimagedatahd title=3Ddom-context-2=
d-putImageDataHD&gt;putImageDataHD&lt;/a&gt;(&lt;a href=3D#imagedata&gt;I=
mageData&lt;/a&gt; imagedata, double dx, double dy, double dirtyX, double=
 dirtyY, double dirtyWidth, double dirtyHeight);
+};
+&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingContext2D&lt;/a=
&gt; implements &lt;a href=3D#canvasdrawingstyles&gt;CanvasDrawingStyles&=
lt;/a&gt;;
+&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingContext2D&lt;/a=
&gt; implements &lt;a href=3D#canvaspathmethods&gt;CanvasPathMethods&lt;/=
a&gt;;
+
+[NoInterfaceObject]
+interface &lt;dfn id=3Dcanvasdrawingstyles&gt;CanvasDrawingStyles&lt;/df=
n&gt; {
+  // line caps/joins
+           attribute unrestricted double &lt;a href=3D#dom-context-2d-li=
newidth title=3Ddom-context-2d-lineWidth&gt;lineWidth&lt;/a&gt;; // (defa=
ult 1)
+           attribute DOMString &lt;a href=3D#dom-context-2d-linecap titl=
e=3Ddom-context-2d-lineCap&gt;lineCap&lt;/a&gt;; // &quot;butt&quot;, &qu=
ot;round&quot;, &quot;square&quot; (default &quot;butt&quot;)
+           attribute DOMString &lt;a href=3D#dom-context-2d-linejoin tit=
le=3Ddom-context-2d-lineJoin&gt;lineJoin&lt;/a&gt;; // &quot;round&quot;,=
 &quot;bevel&quot;, &quot;miter&quot; (default &quot;miter&quot;)
+           attribute unrestricted double &lt;a href=3D#dom-context-2d-mi=
terlimit title=3Ddom-context-2d-miterLimit&gt;miterLimit&lt;/a&gt;; // (d=
efault 10)
+
+  // dashed lines
+  void &lt;a href=3D#dom-context-2d-setlinedash title=3Ddom-context-2d-s=
etLineDash&gt;setLineDash&lt;/a&gt;(sequence&amp;lt;unrestricted double&a=
mp;gt; segments); // default empty
+  sequence&amp;lt;unrestricted double&amp;gt; &lt;a href=3D#dom-context-=
2d-getlinedash title=3Ddom-context-2d-getLineDash&gt;getLineDash&lt;/a&gt=
;();
+           attribute unrestricted double &lt;a href=3D#dom-context-2d-li=
nedashoffset title=3Ddom-context-2d-lineDashOffset&gt;lineDashOffset&lt;/=
a&gt;;
+
+  // text
+           attribute DOMString &lt;a href=3D#dom-context-2d-font title=3D=
dom-context-2d-font&gt;font&lt;/a&gt;; // (default 10px sans-serif)
+           attribute DOMString &lt;a href=3D#dom-context-2d-textalign ti=
tle=3Ddom-context-2d-textAlign&gt;textAlign&lt;/a&gt;; // &quot;start&quo=
t;, &quot;end&quot;, &quot;left&quot;, &quot;right&quot;, &quot;center&qu=
ot; (default: &quot;start&quot;)
+           attribute DOMString &lt;a href=3D#dom-context-2d-textbaseline=
 title=3Ddom-context-2d-textBaseline&gt;textBaseline&lt;/a&gt;; // &quot;=
top&quot;, &quot;hanging&quot;, &quot;middle&quot;, &quot;alphabetic&quot=
;, &quot;ideographic&quot;, &quot;bottom&quot; (default: &quot;alphabetic=
&quot;)
+           attribute DOMString &lt;a href=3D#dom-context-2d-direction ti=
tle=3Ddom-context-2d-direction&gt;direction&lt;/a&gt;; // &quot;ltr&quot;=
, &quot;rtl&quot;&lt;!--, &quot;auto&quot;--&gt;, &quot;inherit&quot; (de=
fault: &quot;inherit&quot;)
+};
+
+[NoInterfaceObject]
+interface &lt;dfn id=3Dcanvaspathmethods&gt;CanvasPathMethods&lt;/dfn&gt=
; {
+  // shared path API methods
+  void &lt;a href=3D#dom-context-2d-closepath title=3Ddom-context-2d-clo=
sePath&gt;closePath&lt;/a&gt;();
+  void &lt;a href=3D#dom-context-2d-moveto title=3Ddom-context-2d-moveTo=
&gt;moveTo&lt;/a&gt;(unrestricted double x, unrestricted double y);
+  void &lt;a href=3D#dom-context-2d-lineto title=3Ddom-context-2d-lineTo=
&gt;lineTo&lt;/a&gt;(unrestricted double x, unrestricted double y);
+  void &lt;a href=3D#dom-context-2d-quadraticcurveto title=3Ddom-context=
-2d-quadraticCurveTo&gt;quadraticCurveTo&lt;/a&gt;(unrestricted double cp=
x, unrestricted double cpy, unrestricted double x, unrestricted double y)=
;
+  void &lt;a href=3D#dom-context-2d-beziercurveto title=3Ddom-context-2d=
-bezierCurveTo&gt;bezierCurveTo&lt;/a&gt;(unrestricted double cp1x, unres=
tricted double cp1y, unrestricted double cp2x, unrestricted double cp2y, =
unrestricted double x, unrestricted double y);
+  void &lt;a href=3D#dom-context-2d-arcto title=3Ddom-context-2d-arcTo&g=
t;arcTo&lt;/a&gt;(unrestricted double x1, unrestricted double y1, unrestr=
icted double x2, unrestricted double y2, unrestricted double radius); &lt=
;!-- see ARC-ORDER note below --&gt;
+  void &lt;a href=3D#dom-context-2d-arcto title=3Ddom-context-2d-arcTo&g=
t;arcTo&lt;/a&gt;(unrestricted double x1, unrestricted double y1, unrestr=
icted double x2, unrestricted double y2, unrestricted double radiusX, unr=
estricted double radiusY, unrestricted double rotation); &lt;!-- see ARC-=
ORDER note below --&gt;
+  void &lt;a href=3D#dom-context-2d-rect title=3Ddom-context-2d-rect&gt;=
rect&lt;/a&gt;(unrestricted double x, unrestricted double y, unrestricted=
 double w, unrestricted double h);
+  void &lt;a href=3D#dom-context-2d-arc title=3Ddom-context-2d-arc&gt;ar=
c&lt;/a&gt;(unrestricted double x, unrestricted double y, unrestricted do=
uble radius, unrestricted double startAngle, unrestricted double endAngle=
, optional boolean anticlockwise =3D false); &lt;!-- see ARC-ORDER note b=
elow --&gt;
+  void &lt;a href=3D#dom-context-2d-ellipse title=3Ddom-context-2d-ellip=
se&gt;ellipse&lt;/a&gt;(unrestricted double x, unrestricted double y, unr=
estricted double radiusX, unrestricted double radiusY, unrestricted doubl=
e rotation, unrestricted double startAngle, unrestricted double endAngle,=
 optional boolean anticlockwise =3D false); &lt;!-- see ARC-ORDER note be=
low --&gt;
+};
+
+interface &lt;dfn id=3Dcanvasgradient&gt;CanvasGradient&lt;/dfn&gt; {
+  // opaque object
+  void &lt;a href=3D#dom-canvasgradient-addcolorstop title=3Ddom-canvasg=
radient-addColorStop&gt;addColorStop&lt;/a&gt;(double offset, DOMString c=
olor);
+};
+
+interface &lt;dfn id=3Dcanvaspattern&gt;CanvasPattern&lt;/dfn&gt; {
+  // opaque object
+  void &lt;a href=3D#dom-canvaspattern-settransform title=3Ddom-canvaspa=
ttern-setTransform&gt;setTransform&lt;/a&gt;(&lt;a href=3D#svgmatrix&gt;S=
VGMatrix&lt;/a&gt; transform);
+};
+
+interface &lt;dfn id=3Dtextmetrics&gt;TextMetrics&lt;/dfn&gt; {
+  // x-direction
+  readonly attribute double &lt;a href=3D#dom-textmetrics-width title=3D=
dom-textmetrics-width&gt;width&lt;/a&gt;; // advance width
+  readonly attribute double &lt;a href=3D#dom-textmetrics-actualbounding=
boxleft title=3Ddom-textmetrics-actualBoundingBoxLeft&gt;actualBoundingBo=
xLeft&lt;/a&gt;;
+  readonly attribute double &lt;a href=3D#dom-textmetrics-actualbounding=
boxright title=3Ddom-textmetrics-actualBoundingBoxRight&gt;actualBounding=
BoxRight&lt;/a&gt;;
+
+  // y-direction
+  readonly attribute double &lt;a href=3D#dom-textmetrics-fontboundingbo=
xascent title=3Ddom-textmetrics-fontBoundingBoxAscent&gt;fontBoundingBoxA=
scent&lt;/a&gt;;
+  readonly attribute double &lt;a href=3D#dom-textmetrics-fontboundingbo=
xdescent title=3Ddom-textmetrics-fontBoundingBoxDescent&gt;fontBoundingBo=
xDescent&lt;/a&gt;;
+  readonly attribute double &lt;a href=3D#dom-textmetrics-actualbounding=
boxascent title=3Ddom-textmetrics-actualBoundingBoxAscent&gt;actualBoundi=
ngBoxAscent&lt;/a&gt;;
+  readonly attribute double &lt;a href=3D#dom-textmetrics-actualbounding=
boxdescent title=3Ddom-textmetrics-actualBoundingBoxDescent&gt;actualBoun=
dingBoxDescent&lt;/a&gt;;
+  readonly attribute double &lt;a href=3D#dom-textmetrics-emheightascent=
 title=3Ddom-textmetrics-emHeightAscent&gt;emHeightAscent&lt;/a&gt;;
+  readonly attribute double &lt;a href=3D#dom-textmetrics-emheightdescen=
t title=3Ddom-textmetrics-emHeightDescent&gt;emHeightDescent&lt;/a&gt;;
+  readonly attribute double &lt;a href=3D#dom-textmetrics-hangingbaselin=
e title=3Ddom-textmetrics-hangingBaseline&gt;hangingBaseline&lt;/a&gt;;
+  readonly attribute double &lt;a href=3D#dom-textmetrics-alphabeticbase=
line title=3Ddom-textmetrics-alphabeticBaseline&gt;alphabeticBaseline&lt;=
/a&gt;;
+  readonly attribute double &lt;a href=3D#dom-textmetrics-ideographicbas=
eline title=3Ddom-textmetrics-ideographicBaseline&gt;ideographicBaseline&=
lt;/a&gt;;
+};
+
+dictionary &lt;dfn id=3Dhitregionoptions&gt;HitRegionOptions&lt;/dfn&gt;=
 {
+  &lt;a href=3D#path&gt;Path&lt;/a&gt;? &lt;span title=3Ddom-HitRegionOp=
tions-path&gt;path&lt;/span&gt; =3D null;
+  &lt;a href=3D#canvasfillrule&gt;CanvasFillRule&lt;/a&gt; &lt;span titl=
e=3Ddom-HitRegionOptions-fillRule&gt;fillRule&lt;/span&gt; =3D &quot;&lt;=
a href=3D#dom-context-2d-fillrule-nonzero title=3Ddom-context-2d-fillRule=
-nonzero&gt;nonzero&lt;/a&gt;&quot;;
+&lt;!--  &lt;span&gt;SVGMatrix&lt;/span&gt;? &lt;span title=3D&quot;dom-=
HitRegionOptions-transform&quot;&gt;transform&lt;/span&gt; =3D null;
+--&gt;  DOMString &lt;span title=3Ddom-HitRegionOptions-id&gt;id&lt;/spa=
n&gt; =3D &quot;&quot;; &lt;!-- &quot;&quot; is converted to null interna=
lly by addHitRegion() --&gt;
+  DOMString? &lt;span title=3Ddom-HitRegionOptions-parentID&gt;parentID&=
lt;/span&gt; =3D null;
+  DOMString &lt;span title=3Ddom-HitRegionOptions-cursor&gt;cursor&lt;/s=
pan&gt; =3D &quot;inherit&quot;;
+  // for control-backed regions:
+  &lt;a href=3D#element&gt;Element&lt;/a&gt;? &lt;span title=3Ddom-HitRe=
gionOptions-control&gt;control&lt;/span&gt; =3D null;
+  // for unbacked regions:
+  DOMString? &lt;span title=3Ddom-HitRegionOptions-label&gt;label&lt;/sp=
an&gt; =3D null;
+  DOMString? &lt;span title=3Ddom-HitRegionOptions-role&gt;role&lt;/span=
&gt; =3D null;
+};
+
+interface &lt;dfn id=3Dimagedata&gt;ImageData&lt;/dfn&gt; {
+  readonly attribute unsigned long &lt;a href=3D#dom-imagedata-width tit=
le=3Ddom-imagedata-width&gt;width&lt;/a&gt;;
+  readonly attribute unsigned long &lt;a href=3D#dom-imagedata-height ti=
tle=3Ddom-imagedata-height&gt;height&lt;/a&gt;;
+  readonly attribute double &lt;a href=3D#dom-imagedata-resolution title=
=3Ddom-imagedata-resolution&gt;resolution&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#uint8clampedarray&gt;Uint8ClampedArra=
y&lt;/a&gt; &lt;a href=3D#dom-imagedata-data title=3Ddom-imagedata-data&g=
t;data&lt;/a&gt;;
+};
+
+[&lt;a href=3D#dom-drawingstyle title=3Ddom-DrawingStyle&gt;Constructor&=
lt;/a&gt;(optional &lt;a href=3D#element&gt;Element&lt;/a&gt; scope)]
+interface &lt;dfn id=3Ddrawingstyle&gt;DrawingStyle&lt;/dfn&gt; { };
+&lt;a href=3D#drawingstyle&gt;DrawingStyle&lt;/a&gt; implements &lt;a hr=
ef=3D#canvasdrawingstyles&gt;CanvasDrawingStyles&lt;/a&gt;;
+
+[&lt;a href=3D#dom-path title=3Ddom-Path&gt;Constructor&lt;/a&gt;,
+ &lt;a href=3D#dom-path-copy title=3Ddom-Path-copy&gt;Constructor&lt;/a&=
gt;(&lt;a href=3D#path&gt;Path&lt;/a&gt; path),
+ &lt;a href=3D#dom-path-withdata title=3Ddom-Path-withdata&gt;Constructo=
r&lt;/a&gt;(DOMString d)]
+interface &lt;dfn id=3Dpath&gt;Path&lt;/dfn&gt; {
+  void &lt;a href=3D#dom-path-addpath title=3Ddom-path-addPath&gt;addPat=
h&lt;/a&gt;(&lt;a href=3D#path&gt;Path&lt;/a&gt; path, &lt;a href=3D#svgm=
atrix&gt;SVGMatrix&lt;/a&gt;? transformation);
+  void &lt;a href=3D#dom-path-addpathbystrokingpath title=3Ddom-path-add=
PathByStrokingPath&gt;addPathByStrokingPath&lt;/a&gt;(&lt;a href=3D#path&=
gt;Path&lt;/a&gt; path, &lt;a href=3D#canvasdrawingstyles&gt;CanvasDrawin=
gStyles&lt;/a&gt; styles, &lt;a href=3D#svgmatrix&gt;SVGMatrix&lt;/a&gt;?=
 transformation);
+  void &lt;a href=3D#dom-path-addtext title=3Ddom-path-addText&gt;addTex=
t&lt;/a&gt;(DOMString text, &lt;a href=3D#canvasdrawingstyles&gt;CanvasDr=
awingStyles&lt;/a&gt; styles, &lt;a href=3D#svgmatrix&gt;SVGMatrix&lt;/a&=
gt;? transformation, unrestricted double x, unrestricted double y, option=
al unrestricted double maxWidth);
+  void &lt;a href=3D#dom-path-addpathbystrokingtext title=3Ddom-path-add=
PathByStrokingText&gt;addPathByStrokingText&lt;/a&gt;(DOMString text, &lt=
;a href=3D#canvasdrawingstyles&gt;CanvasDrawingStyles&lt;/a&gt; styles, &=
lt;a href=3D#svgmatrix&gt;SVGMatrix&lt;/a&gt;? transformation, unrestrict=
ed double x, unrestricted double y, optional unrestricted double maxWidth=
);
+  void &lt;a href=3D#dom-path-addtext title=3Ddom-path-addText&gt;addTex=
t&lt;/a&gt;(DOMString text, &lt;a href=3D#canvasdrawingstyles&gt;CanvasDr=
awingStyles&lt;/a&gt; styles, &lt;a href=3D#svgmatrix&gt;SVGMatrix&lt;/a&=
gt;? transformation, &lt;a href=3D#path&gt;Path&lt;/a&gt; path, optional =
unrestricted double maxWidth);
+  void &lt;a href=3D#dom-path-addpathbystrokingtext title=3Ddom-path-add=
PathByStrokingText&gt;addPathByStrokingText&lt;/a&gt;(DOMString text, &lt=
;a href=3D#canvasdrawingstyles&gt;CanvasDrawingStyles&lt;/a&gt; styles, &=
lt;a href=3D#svgmatrix&gt;SVGMatrix&lt;/a&gt;? transformation, &lt;a href=
=3D#path&gt;Path&lt;/a&gt; path, optional unrestricted double maxWidth);
+};
+&lt;a href=3D#path&gt;Path&lt;/a&gt; implements &lt;a href=3D#canvaspath=
methods&gt;CanvasPathMethods&lt;/a&gt;;&lt;/pre&gt;
+
+ &lt;!-- ARC-ORDER note (see above):
+      some demos rely on the precise order of the arc() and arcTo()
+      methods, see https://bugzilla.mozilla.org/show_bug.cgi?id=3D623437
+      for an example, and its duplicates for more --&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;c=
ontext&lt;/var&gt; =3D &lt;var title=3D&quot;&quot;&gt;canvas&lt;/var&gt;=
 . &lt;code title=3Ddom-canvas-getContext&gt;&lt;a href=3D#dom-canvas-get=
context&gt;getContext&lt;/a&gt;&lt;/code&gt;('2d')&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2=
d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object that is perma=
nently bound to a
+    particular &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt=
;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; =3D new=
 &lt;code title=3Ddom-context-2d&gt;&lt;a href=3D#dom-context-2d&gt;Canva=
sRenderingContext2D&lt;/a&gt;&lt;/code&gt;( [ &lt;var title=3D&quot;&quot=
;&gt;width&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;height&lt;/var&gt=
; ] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns an unbound &lt;code&gt;&lt;a href=3D#canvasrenderin=
gcontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object with=
 an implied bitmap with
+    the given dimensions in CSS pixels (300x150, if the arguments are om=
itted).&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-canvas&gt;&lt;a href=3D#dom-context-2d-canvas&=
gt;canvas&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt=
;canvas&lt;/a&gt;&lt;/code&gt; element, if the rendering context was obta=
ined using the
+    &lt;code title=3Ddom-canvas-getContext&gt;&lt;a href=3D#dom-canvas-g=
etcontext&gt;getContext()&lt;/a&gt;&lt;/code&gt; method.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-width&gt;&lt;a href=3D#dom-context-2d-width&gt=
;width&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-height&gt;&lt;a href=3D#dom-context-2d-height&=
gt;height&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Return the dimensions of the bitmap, in CSS pixels.&lt;/p&g=
t;
+
+    &lt;p&gt;Can be set, to update the bitmap's dimensions. If the rende=
ring context is bound to a canvas,
+    this will also update the canvas' intrinsic dimensions.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-commit&gt;&lt;a href=3D#dom-context-2d-commit&=
gt;commit&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;If the rendering context is bound to a &lt;code&gt;&lt;a hr=
ef=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt;, display the cu=
rrent frame.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;Canva=
sRenderingContext2D&lt;/a&gt;&lt;/code&gt; object can be obtained in two =
ways: the &lt;code title=3Ddom-canvas-getContext&gt;&lt;a href=3D#dom-can=
vas-getcontext&gt;getContext()&lt;/a&gt;&lt;/code&gt; method on a &lt;cod=
e&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; el=
ement (which
+  invokes the &lt;a href=3D#2d-context-creation-algorithm&gt;2D context =
creation algorithm&lt;/a&gt;), and the &lt;code title=3Ddom-context-2d&gt=
;&lt;a href=3D#dom-context-2d&gt;CanvasRenderingContext2D()&lt;/a&gt;&lt;=
/code&gt; constructor.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;Canva=
sRenderingContext2D&lt;/a&gt;&lt;/code&gt; object has a &lt;dfn id=3Dscra=
tch-bitmap&gt;scratch bitmap&lt;/dfn&gt; and can be bound
+  to an &lt;dfn id=3Doutput-bitmap&gt;output bitmap&lt;/dfn&gt;. These a=
re initialized when the object is created, and can be
+  subsequently adjusted when the rendering context is &lt;a href=3D#conc=
ept-canvas-binding-steps title=3Dconcept-canvas-binding-steps&gt;bound&lt=
;/a&gt; or &lt;a href=3D#concept-canvas-unbinding-steps title=3Dconcept-c=
anvas-unbinding-steps&gt;unbound&lt;/a&gt;. In some cases, these bitmaps =
are the same
+  underlying bitmap. In general, the &lt;a href=3D#scratch-bitmap&gt;scr=
atch bitmap&lt;/a&gt; is what scripts interact with, and
+  the &lt;a href=3D#output-bitmap&gt;output bitmap&lt;/a&gt; is what is =
being displayed. These bitmaps always have the same
+  dimensions.&lt;/p&gt;
+
+&lt;!--ADD-TOPIC:Security--&gt;
+  &lt;p&gt;Each such bitmap has an &lt;a href=3D#concept-canvas-origin-c=
lean title=3Dconcept-canvas-origin-clean&gt;origin-clean&lt;/a&gt; flag,
+  which can be set to true or false. Initially, when one of these bitmap=
s is created, its &lt;a href=3D#concept-canvas-origin-clean title=3Dconce=
pt-canvas-origin-clean&gt;origin-clean&lt;/a&gt; flag must be set to true=
.&lt;/p&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+  &lt;p&gt;These bitmaps also have a &lt;a href=3D#hit-region-list&gt;hi=
t region list&lt;/a&gt;, which is described in a later section.
+  Initially, this list is empty. &lt;a href=3D#scratch-bitmap title=3D&q=
uot;scratch bitmap&quot;&gt;Scratch bitmaps&lt;/a&gt; also have a
+  &lt;dfn id=3Dlist-of-pending-interface-actions&gt;list of pending inte=
rface actions&lt;/dfn&gt;, which can contain instructions to draw the use=
r's
+  attention to a location on the bitmap, and instructions to scroll to a=
 location on the bitmap.
+  Initially, this list is also empty.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;Can=
vasRenderingContext2D&lt;/a&gt;&lt;/code&gt; 2D rendering context represe=
nts a flat linear
+  Cartesian surface whose origin (0,0) is at the top left corner, with t=
he coordinate space having
+  &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; values increasing when g=
oing right, and &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; values
+  increasing when going down. The &lt;var title=3D&quot;&quot;&gt;x&lt;/=
var&gt;-coordinate of the right-most edge is equal to
+  the width of the rendering context's &lt;a href=3D#scratch-bitmap&gt;s=
cratch bitmap&lt;/a&gt; in CSS pixels; similarly, the
+  &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;-coordinate of the bottom=
-most edge is equal to the height of the rendering
+  context's &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt; in =
CSS pixels.&lt;/p&gt;
+
+  &lt;p&gt;The size of the coordinate space does not necessarily represe=
nt the size of the actual bitmaps
+  that the user agent will use internally or during rendering. On high-d=
efinition displays, for
+  instance, the user agent may internally use bitmaps with two device pi=
xels per unit in the
+  coordinate space, so that the rendering remains at high quality throug=
hout. Anti-aliasing can
+  similarly be implemented using over-sampling with bitmaps of a higher =
resolution than the final
+  image on the display.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3D2d-context-creation-algorithm&gt;2=
D context creation algorithm&lt;/dfn&gt;, which is passed a &lt;var title=
=3D&quot;&quot;&gt;target&lt;/var&gt; (a
+  &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/c=
ode&gt; element), consists of running the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Create a new &lt;code&gt;&lt;a href=3D#ca=
nvasrenderingcontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt;=
 object.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Initialize its &lt;code title=3Ddom-context-2d-can=
vas&gt;&lt;a href=3D#dom-context-2d-canvas&gt;canvas&lt;/a&gt;&lt;/code&g=
t; attribute to point to
+   &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the new &lt;code&gt;&lt;a href=3D#canvasrender=
ingcontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object's =
&lt;a href=3D#output-bitmap&gt;output bitmap&lt;/a&gt; and
+   &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt; both be the =
same bitmap as &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt;'s bitma=
p (so
+   that they are shared).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#concept-canvas-set-bitmap-dimensions=
 title=3Dconcept-canvas-set-bitmap-dimensions&gt;Set bitmap dimensions&lt=
;/a&gt; to the
+   numeric values of &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt;'=
s &lt;code title=3Dattr-canvas-width&gt;&lt;a href=3D#attr-canvas-width&g=
t;width&lt;/a&gt;&lt;/code&gt; and
+   &lt;code title=3Dattr-canvas-height&gt;&lt;a href=3D#attr-canvas-heig=
ht&gt;height&lt;/a&gt;&lt;/code&gt; content attributes.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the new &lt;code&gt;&lt;a href=3D#canvasren=
deringcontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object=
.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-context-2d title=3D=
dom-context-2d&gt;&lt;code&gt;CanvasRenderingContext2D()&lt;/code&gt;&lt;=
/dfn&gt; constructor, when
+  invoked, must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Create a new &lt;code&gt;&lt;a href=3D#ca=
nvasrenderingcontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt;=
 object.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Initialize its &lt;code title=3Ddom-context-2d-can=
vas&gt;&lt;a href=3D#dom-context-2d-canvas&gt;canvas&lt;/a&gt;&lt;/code&g=
t; attribute to
+   null.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the new &lt;code&gt;&lt;a href=3D#canvasrender=
ingcontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object's =
&lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt; be
+   a new bitmap.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the constructor was called with arguments, let =
&lt;var title=3D&quot;&quot;&gt;width&lt;/var&gt; and &lt;var title=3D&qu=
ot;&quot;&gt;height&lt;/var&gt; be the first and second arguments, respec=
tively. Otherwise, let &lt;var title=3D&quot;&quot;&gt;width&lt;/var&gt; =
and &lt;var title=3D&quot;&quot;&gt;height&lt;/var&gt; be 300 and 150, re=
spectively.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#concept-canvas-set-bitmap-dimensions=
 title=3Dconcept-canvas-set-bitmap-dimensions&gt;Set bitmap dimensions&lt=
;/a&gt; to &lt;var title=3D&quot;&quot;&gt;width&lt;/var&gt; and &lt;var =
title=3D&quot;&quot;&gt;height&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the new &lt;code&gt;&lt;a href=3D#canvasrender=
ingcontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object ha=
ve no &lt;a href=3D#output-bitmap&gt;output
+   bitmap&lt;/a&gt;.&lt;/li&gt;
+
+&lt;!--
+   &lt;li&gt;&lt;p&gt;&lt;span&gt;Start autocommitting the scratch bitma=
p&lt;/span&gt; for the new
+   &lt;code&gt;CanvasRenderingContext2D&lt;/code&gt; object.&lt;/p&gt;&l=
t;/li&gt;
+--&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the new &lt;code&gt;&lt;a href=3D#canvasren=
deringcontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object=
.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;When the user agent is required to &lt;d=
fn id=3Dcommit-the-scratch-bitmap&gt;commit the scratch bitmap&lt;/dfn&gt=
; for a rendering
+  context, it must run the following steps:
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;bitma=
p copy&lt;/var&gt; be a copy of the rendering context's &lt;a href=3D#scr=
atch-bitmap&gt;scratch
+   bitmap&lt;/a&gt;.&lt;/li&gt;
+
+&lt;!--ADD-TOPIC:Security--&gt;
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;origin-clean f=
lag copy&lt;/var&gt; be a copy of the rendering context's
+   &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;'s &lt;a href=
=3D#concept-canvas-origin-clean title=3Dconcept-canvas-origin-clean&gt;or=
igin-clean&lt;/a&gt;
+   flag.&lt;/li&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;hit region lis=
t copy&lt;/var&gt; be a copy of the rendering context's
+   &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;'s &lt;a href=
=3D#hit-region-list&gt;hit region list&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;list of pendin=
g interface actions copy&lt;/var&gt; be a copy of the rendering
+   context's &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;'s =
&lt;a href=3D#list-of-pending-interface-actions&gt;list of pending interf=
ace actions&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Empty the &lt;a href=3D#scratch-bitmap&gt;scratch =
bitmap&lt;/a&gt;'s &lt;a href=3D#list-of-pending-interface-actions&gt;lis=
t of pending interface actions&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the rendering context has no &lt;a href=3D#outp=
ut-bitmap&gt;output bitmap&lt;/a&gt;, abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;output bitmap&=
lt;/var&gt; be the rendering context's &lt;a href=3D#output-bitmap&gt;out=
put
+   bitmap&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;canvas&lt;/var=
&gt; be the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&=
gt;&lt;/code&gt; element to which the rendering
+   context was most recently &lt;a href=3D#concept-canvas-binding-steps =
title=3Dconcept-canvas-binding-steps&gt;bound&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#queue-a-task&gt;Queue a task&lt;/a&gt; associ=
ated with &lt;var title=3D&quot;&quot;&gt;canvas&lt;/var&gt;' &lt;code&gt=
;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;
+    to perform the following substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Overwrite &lt;var title=3D&quot;&quot;&=
gt;output bitmap&lt;/var&gt; with &lt;var title=3D&quot;&quot;&gt;bitmap
+     copy&lt;/var&gt;.&lt;/li&gt;
+
+&lt;!--ADD-TOPIC:Security--&gt;
+     &lt;li&gt;&lt;p&gt;Overwrite &lt;var title=3D&quot;&quot;&gt;output=
 bitmap&lt;/var&gt;'s &lt;a href=3D#concept-canvas-origin-clean title=3Dc=
oncept-canvas-origin-clean&gt;origin-clean&lt;/a&gt; flag with &lt;var ti=
tle=3D&quot;&quot;&gt;origin-clean
+     flag copy&lt;/var&gt;.&lt;/li&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+     &lt;li&gt;&lt;p&gt;Overwrite &lt;var title=3D&quot;&quot;&gt;output=
 bitmap&lt;/var&gt;'s &lt;a href=3D#hit-region-list&gt;hit region list&lt=
;/a&gt; with &lt;var title=3D&quot;&quot;&gt;hit region list copy&lt;/var=
&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Follow the directions in the &lt;var title=3D&qu=
ot;&quot;&gt;list of pending interface actions
+     copy&lt;/var&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The algorithm above must use the &lt;dfn id=3Dcanv=
as-updating-task-source&gt;canvas updating task source&lt;/dfn&gt; (which=
 is just used by
+  this algorithm).&lt;/p&gt;
+
+&lt;!--(right now we're requiring commit())
+  &lt;p&gt;When a user agent is to &lt;dfn&gt;start autocommitting the s=
cratch bitmap&lt;/dfn&gt; for a rendering
+  context, it must asynchronously start running the following algorithm.=
 This algorithm interacts
+  closely with the &lt;span&gt;event loop&lt;/span&gt; mechanism; in par=
ticular, it has a &lt;span&gt;synchronous
+  section&lt;/span&gt; (which is triggered as part of the &lt;span&gt;ev=
ent loop&lt;/span&gt; algorithm). The steps in
+  that section are marked with &amp;#x231B;.&lt;/p&gt;
+
+  &lt;ol&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Top&lt;/i&gt;: &lt;span&gt;Await a stable=
 state&lt;/span&gt;. The &lt;span&gt;synchronous section&lt;/span&gt;
+   consists of the following steps. (The steps in the &lt;span&gt;synchr=
onous section&lt;/span&gt; are marked
+   with &amp;#x231B;.)&lt;/p&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&amp;#x231B; &lt;span&gt;Commit the scratch bitmap=
&lt;/span&gt; for the rendering context.&lt;/p&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;End the &lt;span&gt;synchronous section&lt;/span&g=
t;, continuing the remaining steps
+   asynchronously.&lt;/p&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return to the step labeled &lt;i&gt;top&lt;/i&gt;.=
&lt;/p&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;
+--&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-commit title=3Ddom-context-2d=
-commit&gt;&lt;code&gt;commit()&lt;/code&gt;&lt;/dfn&gt; method must run =
the
+  following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the rendering context's &lt;a href=3D#=
concept-canvas-context-bitmap-mode title=3Dconcept-canvas-context-bitmap-=
mode&gt;context bitmap
+   mode&lt;/a&gt; is &lt;a href=3D#concept-canvas-bound title=3Dconcept-=
canvas-bound&gt;fixed&lt;/a&gt;, throw an
+   &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateError&lt;/=
a&gt;&lt;/code&gt; exception and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#commit-the-scratch-bitmap&gt;Commit =
the scratch bitmap&lt;/a&gt; for the rendering context.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;The &lt;a href=3D#scratch-bitmap&gt;s=
cratch bitmap&lt;/a&gt; is only &lt;a href=3D#commit-the-scratch-bitmap t=
itle=3D&quot;commit the scratch
+  bitmap&quot;&gt;committed&lt;/a&gt; when the &lt;code title=3Ddom-cont=
ext-2d-commit&gt;&lt;a href=3D#dom-context-2d-commit&gt;commit()&lt;/a&gt=
;&lt;/code&gt; method is
+  called. (This doesn't matter for &lt;code&gt;&lt;a href=3D#the-canvas-=
element&gt;canvas&lt;/a&gt;&lt;/code&gt; elements in &lt;a href=3D#concep=
t-canvas-direct-2d title=3Dconcept-canvas-direct-2d&gt;direct-2d&lt;/a&gt=
; mode, since there the &lt;a href=3D#scratch-bitmap&gt;scratch
+  bitmap&lt;/a&gt; is also the &lt;code&gt;&lt;a href=3D#the-canvas-elem=
ent&gt;canvas&lt;/a&gt;&lt;/code&gt; element's bitmap so every drawing op=
eration is
+  immediately drawn.)&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;When the user agent is to &lt;dfn id=3Dconcept-canv=
as-set-bitmap-dimensions title=3Dconcept-canvas-set-bitmap-dimensions&gt;=
set bitmap
+  dimensions&lt;/dfn&gt; to &lt;var title=3D&quot;&quot;&gt;width&lt;/va=
r&gt; and &lt;var title=3D&quot;&quot;&gt;height&lt;/var&gt;, it must run=
 the
+  following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#reset-the-rendering-context=
-to-its-default-state&gt;Reset the rendering context to its default state=
&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Clear the &lt;a href=3D#scratch-bitmap&gt;scratch =
bitmap&lt;/a&gt;'s &lt;a href=3D#hit-region-list&gt;hit region list&lt;/a=
&gt; and its &lt;a href=3D#list-of-pending-interface-actions&gt;list of
+   pending interface actions&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Resize the &lt;a href=3D#scratch-bitmap&gt;scratch=
 bitmap&lt;/a&gt; to the new &lt;var title=3D&quot;&quot;&gt;width&lt;/va=
r&gt; and &lt;var title=3D&quot;&quot;&gt;height&lt;/var&gt; and clear it=
 to fully transparent black.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the rendering context has an &lt;a href=3D#outp=
ut-bitmap&gt;output bitmap&lt;/a&gt;, and the &lt;a href=3D#scratch-bitma=
p&gt;scratch
+   bitmap&lt;/a&gt; is a different bitmap than the &lt;a href=3D#output-=
bitmap&gt;output bitmap&lt;/a&gt;, then resize the
+   &lt;a href=3D#output-bitmap&gt;output bitmap&lt;/a&gt; to the new &lt=
;var title=3D&quot;&quot;&gt;width&lt;/var&gt; and &lt;var title=3D&quot;=
&quot;&gt;height&lt;/var&gt;
+   and clear it to fully transparent black.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the rendering context's &lt;a href=3D#concept-canvas-con=
text-bitmap-mode title=3Dconcept-canvas-context-bitmap-mode&gt;context bi=
tmap
+    mode&lt;/a&gt; is &lt;a href=3D#concept-canvas-fixed title=3Dconcept=
-canvas-fixed&gt;fixed&lt;/a&gt;, then run these substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;can=
vas&lt;/var&gt; be the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;ca=
nvas&lt;/a&gt;&lt;/code&gt; element to which the rendering
+     context's &lt;code title=3Ddom-context-2d-canvas&gt;&lt;a href=3D#d=
om-context-2d-canvas&gt;canvas&lt;/a&gt;&lt;/code&gt; attribute was initi=
alized.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the rendering context's &lt;a href=3D#concept=
-canvas-context-bitmap-mode title=3Dconcept-canvas-context-bitmap-mode&gt=
;context
+     bitmap mode&lt;/a&gt; is &lt;a href=3D#concept-canvas-fixed title=3D=
concept-canvas-fixed&gt;fixed&lt;/a&gt; and the numeric value of
+     the &lt;var title=3D&quot;&quot;&gt;canvas&lt;/var&gt;' &lt;code ti=
tle=3Dattr-canvas-width&gt;&lt;a href=3D#attr-canvas-width&gt;width&lt;/a=
&gt;&lt;/code&gt; content attribute
+     differs from &lt;var title=3D&quot;&quot;&gt;width&lt;/var&gt;, the=
n set &lt;var title=3D&quot;&quot;&gt;canvas&lt;/var&gt;' &lt;code title=3D=
attr-canvas-width&gt;&lt;a href=3D#attr-canvas-width&gt;width&lt;/a&gt;&l=
t;/code&gt; content attribute to the shortest possible string
+     representing &lt;var title=3D&quot;&quot;&gt;width&lt;/var&gt; as a=
 &lt;a href=3D#valid-non-negative-integer&gt;valid non-negative integer&l=
t;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the rendering context's &lt;a href=3D#concept=
-canvas-context-bitmap-mode title=3Dconcept-canvas-context-bitmap-mode&gt=
;context
+     bitmap mode&lt;/a&gt; is &lt;a href=3D#concept-canvas-fixed title=3D=
concept-canvas-fixed&gt;fixed&lt;/a&gt; and the numeric value of
+     the &lt;var title=3D&quot;&quot;&gt;canvas&lt;/var&gt;' &lt;code ti=
tle=3Dattr-canvas-height&gt;&lt;a href=3D#attr-canvas-height&gt;height&lt=
;/a&gt;&lt;/code&gt; content attribute
+     differs from &lt;var title=3D&quot;&quot;&gt;height&lt;/var&gt;, th=
en set &lt;var title=3D&quot;&quot;&gt;canvas&lt;/var&gt;' &lt;code title=
=3Dattr-canvas-height&gt;&lt;a href=3D#attr-canvas-height&gt;height&lt;/a=
&gt;&lt;/code&gt; content attribute to the shortest possible string
+     representing &lt;var title=3D&quot;&quot;&gt;height&lt;/var&gt; as =
a &lt;a href=3D#valid-non-negative-integer&gt;valid non-negative integer&=
lt;/a&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;div class=3Dexample&gt;
+   &lt;p&gt;Only one square appears to be drawn in the following example=
:&lt;/p&gt;
+   &lt;pre&gt;// canvas is a reference to a &amp;lt;canvas&amp;gt; eleme=
nt
+var context =3D canvas.getContext('2d');
+context.fillRect(0,0,50,50);
+canvas.setAttribute('width', '300'); // clears the canvas
+context.fillRect(0,100,50,50);
+canvas.width =3D canvas.width; // clears the canvas
+context.fillRect(100,0,50,50); // only this square remains&lt;/pre&gt;
+  &lt;/div&gt;
+
+  &lt;hr&gt;&lt;p&gt;When the user agent is to run the &lt;dfn id=3Dconc=
ept-canvas-unbinding-steps title=3Dconcept-canvas-unbinding-steps&gt;unbi=
nding
+  steps&lt;/dfn&gt; for a rendering context, it must run the following s=
teps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#reset-the-rendering-context=
-to-its-default-state&gt;Reset the rendering context to its default state=
&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Clear the &lt;a href=3D#scratch-bitmap&gt;scratch =
bitmap&lt;/a&gt;'s &lt;a href=3D#hit-region-list&gt;hit region list&lt;/a=
&gt; and its &lt;a href=3D#list-of-pending-interface-actions&gt;list of
+   pending interface actions&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Clear the &lt;code&gt;&lt;a href=3D#canvasrenderin=
gcontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object's &l=
t;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt; to a
+   transparent black.&lt;/li&gt;
+
+&lt;!--ADD-TOPIC:Security--&gt;
+   &lt;li&gt;&lt;p&gt;Set the &lt;code&gt;&lt;a href=3D#canvasrenderingc=
ontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object's &lt;=
a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;'s &lt;a href=3D#conc=
ept-canvas-origin-clean title=3Dconcept-canvas-origin-clean&gt;origin-cle=
an&lt;/a&gt; flag to true.&lt;/li&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the &lt;code&gt;&lt;a href=3D#canvasrenderingc=
ontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object have n=
o &lt;a href=3D#output-bitmap&gt;output
+   bitmap&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When the user agent is to run the &lt;dfn id=3Dcon=
cept-canvas-binding-steps title=3Dconcept-canvas-binding-steps&gt;binding=
 steps&lt;/dfn&gt;
+  to bind the rendering context to the &lt;code&gt;&lt;a href=3D#the-can=
vas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element &lt;var title=3D&quo=
t;&quot;&gt;target&lt;/var&gt;, it
+  must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#reset-the-rendering-context=
-to-its-default-state&gt;Reset the rendering context to its default state=
&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Clear the &lt;a href=3D#scratch-bitmap&gt;scratch =
bitmap&lt;/a&gt;'s &lt;a href=3D#hit-region-list&gt;hit region list&lt;/a=
&gt; and its &lt;a href=3D#list-of-pending-interface-actions&gt;list of
+   pending interface actions&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Resize the &lt;code&gt;&lt;a href=3D#canvasrenderi=
ngcontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object's &=
lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt; to
+   the dimensions of &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt;'=
s bitmap and clear it to fully transparent
+   black.&lt;/li&gt;
+
+&lt;!--ADD-TOPIC:Security--&gt;
+   &lt;li&gt;&lt;p&gt;Set the &lt;code&gt;&lt;a href=3D#canvasrenderingc=
ontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object's &lt;=
a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;'s &lt;a href=3D#conc=
ept-canvas-origin-clean title=3Dconcept-canvas-origin-clean&gt;origin-cle=
an&lt;/a&gt; flag to true.&lt;/li&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the &lt;code&gt;&lt;a href=3D#canvasrenderingc=
ontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object's &lt;=
a href=3D#output-bitmap&gt;output bitmap&lt;/a&gt; be &lt;var title=3D&qu=
ot;&quot;&gt;target&lt;/var&gt;'s bitmap.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-context-2d-canvas t=
itle=3Ddom-context-2d-canvas&gt;&lt;code&gt;canvas&lt;/code&gt;&lt;/dfn&g=
t; attribute must return the
+  value it was initialized to when the object was created.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-width title=3Ddom-context-2d-=
width&gt;&lt;code&gt;width&lt;/code&gt;&lt;/dfn&gt; attribute, on getting=
, must
+  return the width of the rendering context's &lt;a href=3D#scratch-bitm=
ap&gt;scratch bitmap&lt;/a&gt;, in CSS pixels. On
+  setting, it must &lt;a href=3D#concept-canvas-set-bitmap-dimensions ti=
tle=3Dconcept-canvas-set-bitmap-dimensions&gt;set bitmap dimensions&lt;/a=
&gt;
+  to the new value and the current height of the rendering context's &lt=
;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt; in
+  CSS pixels, respectively.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-height title=3Ddom-context-2d=
-height&gt;&lt;code&gt;height&lt;/code&gt;&lt;/dfn&gt; attribute, on gett=
ing, must
+  return the height of the rendering context's &lt;a href=3D#scratch-bit=
map&gt;scratch bitmap&lt;/a&gt;, in CSS pixels. On
+  setting, it must &lt;a href=3D#concept-canvas-set-bitmap-dimensions ti=
tle=3Dconcept-canvas-set-bitmap-dimensions&gt;set bitmap dimensions&lt;/a=
&gt;
+  to the current width of the rendering context's &lt;a href=3D#scratch-=
bitmap&gt;scratch bitmap&lt;/a&gt; in CSS pixels and the
+  new value, respectively.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;Except where otherwise specified, for the 2D contex=
t interface, &lt;strong&gt;any method call with a
+  numeric argument whose value is infinite or a NaN value must be ignore=
d&lt;/strong&gt;.&lt;/p&gt;
+
+  &lt;!--
+   Philip Taylor wrote:
+   &gt; My experience with some 3d canvas code is that infinities come u=
p in
+   &gt; naturally harmless places, e.g. having a function that scales by=
 x then
+   &gt; translates by 1/x and wanting it to work when x=3D0 (which ought=
 to draw
+   &gt; nothing, since anything it draws is zero pixels wide), and it's =
a bit
+   &gt; annoying to track down and fix those issues, so I'd probably lik=
e it if
+   &gt; they were harmless in canvas methods. Opera appears to silently =
not draw
+   &gt; anything if the transformation matrix is not finite, but Firefox=
 throws
+   &gt; exceptions when passing in non-finite arguments.
+  --&gt;
+
+  &lt;p&gt;Whenever the CSS value &lt;code title=3D&quot;&quot;&gt;curre=
ntColor&lt;/code&gt; is used as a color in the
+  &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingC=
ontext2D&lt;/a&gt;&lt;/code&gt; API, the &quot;computed value of the 'col=
or' property&quot; for the
+  purposes of determining the computed value of the &lt;code title=3D&qu=
ot;&quot;&gt;currentColor&lt;/code&gt; keyword is
+  the value described by the appropriate entry in the following list:&lt=
;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;If the rendering context's &lt;a href=3D#concept-c=
anvas-context-bitmap-mode title=3Dconcept-canvas-context-bitmap-mode&gt;c=
ontext bitmap
+   mode&lt;/a&gt; is &lt;a href=3D#concept-canvas-fixed title=3Dconcept-=
canvas-fixed&gt;fixed&lt;/a&gt; and the &lt;code&gt;&lt;a href=3D#the-can=
vas-element&gt;canvas&lt;/a&gt;&lt;/code&gt;
+   element is &lt;a href=3D#being-rendered&gt;being rendered&lt;/a&gt;&l=
t;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The &quot;computed value of the 'color' property&q=
uot; for the purposes of determining the computed
+   value of the &lt;code title=3D&quot;&quot;&gt;currentColor&lt;/code&g=
t; keyword is the computed value of the 'color'
+   property on the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canva=
s&lt;/a&gt;&lt;/code&gt; element at the time that the color is specified =
(e.g. when
+   the appropriate attribute is set, or when the method is called; not w=
hen the color is rendered or
+   otherwise used). &lt;a href=3D#refsCSSCOLOR&gt;[CSSCOLOR]&lt;/a&gt;&l=
t;/dd&gt;
+
+   &lt;dt&gt;In all other cases&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The &quot;computed value of the 'color' property&q=
uot; for the purposes of determining the computed
+   value of the &lt;code title=3D&quot;&quot;&gt;currentColor&lt;/code&g=
t; keyword is fully opaque black. &lt;a href=3D#refsCSSCOLOR&gt;[CSSCOLOR=
]&lt;/a&gt;&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;In the case of &lt;code title=3Ddom-canvasgradient=
-addColorStop&gt;&lt;a href=3D#dom-canvasgradient-addcolorstop&gt;addColo=
rStop()&lt;/a&gt;&lt;/code&gt; on
+  &lt;code&gt;&lt;a href=3D#canvasgradient&gt;CanvasGradient&lt;/a&gt;&l=
t;/code&gt;, the &quot;computed value of the 'color' property&quot; for t=
he purposes of
+  determining the computed value of the &lt;code title=3D&quot;&quot;&gt=
;currentColor&lt;/code&gt; keyword is always fully
+  opaque black (there is no associated element). &lt;a href=3D#refsCSSCO=
LOR&gt;[CSSCOLOR]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This is because &lt;code&gt;&lt;a href=3D#canvas=
gradient&gt;CanvasGradient&lt;/a&gt;&lt;/code&gt; objects are
+  &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/c=
ode&gt;-neutral &amp;mdash; a &lt;code&gt;&lt;a href=3D#canvasgradient&gt=
;CanvasGradient&lt;/a&gt;&lt;/code&gt; object created by one
+  &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/c=
ode&gt; can be used by another, and there is therefore no way to know whi=
ch is the
+  &quot;element in question&quot; at the time that the color is specifie=
d.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Similar concerns exist with font-related propert=
ies; the rules for those are
+  described in detail in the relevant section below.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#canvasfillrule&gt;Can=
vasFillRule&lt;/a&gt;&lt;/code&gt; enumeration is used to select the &lt;=
dfn id=3Dfill-rule&gt;fill rule&lt;/dfn&gt;
+  algorithm by which to determine if a point is inside or outside a path=
.&lt;/p&gt;
+
+  &lt;p&gt;The value &quot;&lt;dfn id=3Ddom-context-2d-fillrule-nonzero =
title=3Ddom-context-2d-fillRule-nonzero&gt;&lt;code&gt;nonzero&lt;/code&g=
t;&lt;/dfn&gt;&quot; value
+  indicates the non-zero winding rule, wherein
+
+     a point is considered to be outside a shape if the number of times =
a half-infinite straight
+     line drawn from that point crosses the shape's path going in one di=
rection is equal to the
+     number of times it crosses the path going in the other direction.
+
+  &lt;/p&gt;
+
+
+  &lt;p&gt;The &quot;&lt;dfn id=3Ddom-context-2d-fillrule-evenodd title=3D=
dom-context-2d-fillRule-evenodd&gt;&lt;code&gt;evenodd&lt;/code&gt;&lt;/d=
fn&gt;&quot; value indicates
+  the even-odd rule, wherein
+
+     a point is considered to be outside a shape if the number of times =
a half-infinite straight
+     line drawn from that point crosses the shape's path is even.
+
+  &lt;/p&gt;
+
+  &lt;p&gt;If a point is not outside a shape, it is inside the shape.&lt=
;/p&gt;
+
+
+  &lt;h6 id=3Dimplementation-notes&gt;&lt;span class=3Dsecno&gt;4.12.4.2=
.1 &lt;/span&gt;Implementation notes&lt;/h6&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;Although the way the specification is written it might sound =
like an implementation needs to
+  track up to four bitmaps per canvas or rendering context &amp;mdash; o=
ne &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;,
+  one &lt;a href=3D#output-bitmap&gt;output bitmap&lt;/a&gt; for the ren=
dering context, one bitmap for the &lt;code&gt;&lt;a href=3D#the-canvas-e=
lement&gt;canvas&lt;/a&gt;&lt;/code&gt;,
+  and one bitmap for the actually currently rendered image &amp;mdash; u=
ser agents can in fact generally
+  optimise this to only one or two.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;,=
 when it isn't the same bitmap as the &lt;a href=3D#output-bitmap&gt;outp=
ut
+  bitmap&lt;/a&gt;, is only directly observable if it is read, and there=
fore implementations can,
+  instead of updating this bitmap, merely remember the sequence of drawi=
ng operations that have been
+  applied to it until such time as the bitmap's actual data is needed (f=
or example because of a call
+  to &lt;code title=3Ddom-context-2d-commit&gt;&lt;a href=3D#dom-context=
-2d-commit&gt;commit()&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-conte=
xt-2d-drawImage&gt;&lt;a href=3D#dom-context-2d-drawimage&gt;drawImage()&=
lt;/a&gt;&lt;/code&gt;, or the &lt;code title=3Ddom-createImageBitmap&gt;=
&lt;a href=3D#dom-createimagebitmap&gt;createImageBitmap()&lt;/a&gt;&lt;/=
code&gt;
+  factory method). In many cases, this will be more memory efficient.&lt=
;/p&gt;
+
+  &lt;p&gt;The bitmap of a &lt;code&gt;&lt;a href=3D#the-canvas-element&=
gt;canvas&lt;/a&gt;&lt;/code&gt; element is the one bitmap that's pretty =
much always going
+  to be needed in practice. The &lt;a href=3D#output-bitmap&gt;output bi=
tmap&lt;/a&gt; of a rendering context, when it has one,
+  is always just an alias to a &lt;code&gt;&lt;a href=3D#the-canvas-elem=
ent&gt;canvas&lt;/a&gt;&lt;/code&gt; element's bitmap.&lt;/p&gt;
+
+  &lt;p&gt;Additional bitmaps are sometimes needed, e.g. to enable fast =
drawing when the canvas is being
+  painted at a different size than its intrinsic size, or to enable doub=
le buffering so that the
+  rendering commands from the &lt;a href=3D#scratch-bitmap&gt;scratch bi=
tmap&lt;/a&gt; can be applied without the rendering being
+  updated midway.&lt;/p&gt;
+
+
+
+
+  &lt;h6 id=3Dthe-canvas-state&gt;&lt;span class=3Dsecno&gt;4.12.4.2.2 &=
lt;/span&gt;The canvas state&lt;/h6&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;Ca=
nvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; rendering context maintains=
 a stack of drawing
+  states. &lt;dfn id=3Ddrawing-state title=3D&quot;drawing state&quot;&g=
t;Drawing states&lt;/dfn&gt; consist of:&lt;/p&gt;
+
+  &lt;ul class=3Dbrief&gt;&lt;li&gt;The current &lt;a href=3D#transforma=
tions title=3Ddom-context-2d-transformation&gt;transformation matrix&lt;/=
a&gt;.&lt;/li&gt;
+   &lt;li&gt;The current &lt;a href=3D#clipping-region&gt;clipping regio=
n&lt;/a&gt;.&lt;/li&gt;
+   &lt;li&gt;The current values of the following attributes: &lt;code ti=
tle=3Ddom-context-2d-strokeStyle&gt;&lt;a href=3D#dom-context-2d-strokest=
yle&gt;strokeStyle&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-context-2=
d-fillStyle&gt;&lt;a href=3D#dom-context-2d-fillstyle&gt;fillStyle&lt;/a&=
gt;&lt;/code&gt;, &lt;code title=3Ddom-context-2d-globalAlpha&gt;&lt;a hr=
ef=3D#dom-context-2d-globalalpha&gt;globalAlpha&lt;/a&gt;&lt;/code&gt;, &=
lt;code title=3Ddom-context-2d-lineWidth&gt;&lt;a href=3D#dom-context-2d-=
linewidth&gt;lineWidth&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-conte=
xt-2d-lineCap&gt;&lt;a href=3D#dom-context-2d-linecap&gt;lineCap&lt;/a&gt=
;&lt;/code&gt;, &lt;code title=3Ddom-context-2d-lineJoin&gt;&lt;a href=3D=
#dom-context-2d-linejoin&gt;lineJoin&lt;/a&gt;&lt;/code&gt;, &lt;code tit=
le=3Ddom-context-2d-miterLimit&gt;&lt;a href=3D#dom-context-2d-miterlimit=
&gt;miterLimit&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-context-2d-li=
neDashOffset&gt;&lt;a href=3D#dom-context-2d-linedashoffset&gt;lineDashOf=
fset&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-context-2d-shadowOffset=
X&gt;&lt;a href=3D#dom-context-2d-shadowoffsetx&gt;shadowOffsetX&lt;/a&gt=
;&lt;/code&gt;, &lt;code title=3Ddom-context-2d-shadowOffsetY&gt;&lt;a hr=
ef=3D#dom-context-2d-shadowoffsety&gt;shadowOffsetY&lt;/a&gt;&lt;/code&gt=
;, &lt;code title=3Ddom-context-2d-shadowBlur&gt;&lt;a href=3D#dom-contex=
t-2d-shadowblur&gt;shadowBlur&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddo=
m-context-2d-shadowColor&gt;&lt;a href=3D#dom-context-2d-shadowcolor&gt;s=
hadowColor&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-context-2d-global=
CompositeOperation&gt;&lt;a href=3D#dom-context-2d-globalcompositeoperati=
on&gt;globalCompositeOperation&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dd=
om-context-2d-font&gt;&lt;a href=3D#dom-context-2d-font&gt;font&lt;/a&gt;=
&lt;/code&gt;, &lt;code title=3Ddom-context-2d-textAlign&gt;&lt;a href=3D=
#dom-context-2d-textalign&gt;textAlign&lt;/a&gt;&lt;/code&gt;, &lt;code t=
itle=3Ddom-context-2d-textBaseline&gt;&lt;a href=3D#dom-context-2d-textba=
seline&gt;textBaseline&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-conte=
xt-2d-direction&gt;&lt;a href=3D#dom-context-2d-direction&gt;direction&lt=
;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-context-2d-imageSmoothingEnabl=
ed&gt;&lt;a href=3D#dom-context-2d-imagesmoothingenabled&gt;imageSmoothin=
gEnabled&lt;/a&gt;&lt;/code&gt;.&lt;/li&gt;
+   &lt;li&gt;The current &lt;a href=3D#dash-list&gt;dash list&lt;/a&gt;.=
&lt;/li&gt;
+  &lt;/ul&gt;&lt;p class=3Dnote&gt;The &lt;a href=3D#current-default-pat=
h&gt;current default path&lt;/a&gt; and the rendering context's bitmaps a=
re not
+  part of the drawing state. The &lt;a href=3D#current-default-path&gt;c=
urrent default path&lt;/a&gt; is persistent, and can only be
+  reset using the &lt;code title=3Ddom-context-2d-beginPath&gt;&lt;a hre=
f=3D#dom-context-2d-beginpath&gt;beginPath()&lt;/a&gt;&lt;/code&gt; metho=
d. The bitmaps
+  depend on whether and how the rendering context is bound to a &lt;code=
&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; ele=
ment.&lt;/p&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;c=
ontext&lt;/var&gt; . &lt;code title=3Ddom-context-2d-save&gt;&lt;a href=3D=
#dom-context-2d-save&gt;save&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Pushes the current state onto the stack.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-restore&gt;&lt;a href=3D#dom-context-2d-restor=
e&gt;restore&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Pops the top state on the stack, restoring the context to t=
hat state.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-save title=3Ddom-context-2d-s=
ave&gt;&lt;code&gt;save()&lt;/code&gt;&lt;/dfn&gt; method must push a cop=
y of the
+  current drawing state onto the drawing state stack.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-restore title=3Ddom-context-2=
d-restore&gt;&lt;code&gt;restore()&lt;/code&gt;&lt;/dfn&gt; method must p=
op the top
+  entry in the drawing state stack, and reset the drawing state it descr=
ibes. If there is no saved
+  state, the method must do nothing.&lt;/p&gt;
+
+  &lt;p&gt;When the user agent is to &lt;dfn id=3Dreset-the-rendering-co=
ntext-to-its-default-state&gt;reset the rendering context to its default =
state&lt;/dfn&gt;, it must
+  clear the drawing state stack and everything that &lt;a href=3D#drawin=
g-state&gt;drawing state&lt;/a&gt; consists of to
+  initial values.&lt;/p&gt;
+
+  &lt;!-- v7
+idea from Mihai:
+&gt; 5. Drawing states should be saveable with IDs, and for easier resto=
ring.
+&gt;
+&gt; save(id)
+&gt; restore(id)
+&gt;
+&gt; If id is not provided, then save() works as defined now. The same f=
or
+&gt; restore().
+&gt;
+&gt; Currently, it's not trivial to save and restore a specific state.
+...and from Philip:
+&gt; I think a more convenient syntax would be:
+&gt;   var state =3D ctx.save();
+&gt;   ctx.restore(state);
+&gt; But how would it interact with normal calls to ctx.restore()?
+  --&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3Ddrawingstyle-objects&gt;&lt;span class=3Dsecno&gt;4.12.4.2=
.3 &lt;/span&gt;&lt;code&gt;&lt;a href=3D#drawingstyle&gt;DrawingStyle&lt=
;/a&gt;&lt;/code&gt; objects&lt;/h6&gt;
+
+  &lt;p&gt;All the line styles (line width, caps, joins, and dash patter=
ns) and text styles (fonts)
+  described in the next two sections apply to &lt;code&gt;&lt;a href=3D#=
canvasrenderingcontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&g=
t; objects and to
+  &lt;code&gt;&lt;a href=3D#drawingstyle&gt;DrawingStyle&lt;/a&gt;&lt;/c=
ode&gt; objects. This section defines the constructor used to obtain a
+  &lt;code&gt;&lt;a href=3D#drawingstyle&gt;DrawingStyle&lt;/a&gt;&lt;/c=
ode&gt; object. This object is then used by methods on &lt;code&gt;&lt;a =
href=3D#path&gt;Path&lt;/a&gt;&lt;/code&gt; objects
+  to control how text and paths are rasterised and stroked.&lt;/p&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;s=
tyles&lt;/var&gt; =3D new &lt;code title=3Ddom-DrawingStyle&gt;&lt;a href=
=3D#dom-drawingstyle&gt;DrawingStyle&lt;/a&gt;&lt;/code&gt;( [ &lt;var ti=
tle=3D&quot;&quot;&gt;element&lt;/var&gt; ] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Creates a new &lt;code&gt;&lt;a href=3D#drawingstyle&gt;Dra=
wingStyle&lt;/a&gt;&lt;/code&gt; object, optionally using a specific elem=
ent for
+    resolving relative keywords and sizes in font specifications.&lt;/p&=
gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#drawingstyle&gt;DrawingStyle&l=
t;/a&gt;&lt;/code&gt; object can have a &lt;dfn id=3Dstyles-scope-object&=
gt;styles scope object&lt;/dfn&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-drawingstyle title=3Ddom-DrawingStyle&gt=
;&lt;code&gt;DrawingStyle()&lt;/code&gt;&lt;/dfn&gt; constructor, when in=
voked,
+  must return a newly created &lt;code&gt;&lt;a href=3D#drawingstyle&gt;=
DrawingStyle&lt;/a&gt;&lt;/code&gt; object. If the constructor was passed=
 an
+  argument, then the &lt;code&gt;&lt;a href=3D#drawingstyle&gt;DrawingSt=
yle&lt;/a&gt;&lt;/code&gt; object's &lt;a href=3D#styles-scope-object&gt;=
styles scope object&lt;/a&gt; is that
+  element. Otherwise, if the &lt;a href=3D#javascript-global-environment=
&gt;JavaScript global environment&lt;/a&gt; is a &lt;a href=3D#document-e=
nvironment&gt;document
+  environment&lt;/a&gt;, the object's &lt;a href=3D#styles-scope-object&=
gt;styles scope object&lt;/a&gt; is the &lt;code&gt;&lt;a href=3D#documen=
t&gt;Document&lt;/a&gt;&lt;/code&gt;
+  object of the &lt;a href=3D#active-document&gt;active document&lt;/a&g=
t; of the &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; of=
 the
+  &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obje=
ct on which the interface object of the invoked constructor is found.
+  Otherwise, the &lt;a href=3D#javascript-global-environment&gt;JavaScri=
pt global environment&lt;/a&gt; is a &lt;a href=3D#worker-environment&gt;=
worker environment&lt;/a&gt;,
+  and the &lt;a href=3D#styles-scope-object&gt;styles scope object&lt;/a=
&gt; is the worker.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3Dline-styles&gt;&lt;span class=3Dsecno&gt;4.12.4.2.4 &lt;/s=
pan&gt;Line styles&lt;/h6&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;c=
ontext&lt;/var&gt; . &lt;code title=3Ddom-context-2d-lineWidth&gt;&lt;a h=
ref=3D#dom-context-2d-linewidth&gt;lineWidth&lt;/a&gt;&lt;/code&gt; [ =3D=
 &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;styles&lt;/var&gt; . &lt;co=
de title=3Ddom-context-2d-lineWidth&gt;&lt;a href=3D#dom-context-2d-linew=
idth&gt;lineWidth&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quo=
t;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current line width.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the line width. Values that are not f=
inite values greater than zero are
+    ignored.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-lineCap&gt;&lt;a href=3D#dom-context-2d-lineca=
p&gt;lineCap&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quot;&gt=
;value&lt;/var&gt; ]&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;styles&lt;/var&gt; . &lt;co=
de title=3Ddom-context-2d-lineCap&gt;&lt;a href=3D#dom-context-2d-linecap=
&gt;lineCap&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quot;&gt;=
value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current line cap style.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the line cap style.&lt;/p&gt;
+
+    &lt;p&gt;The possible line cap styles are &lt;code&gt;butt&lt;/code&=
gt;, &lt;code&gt;round&lt;/code&gt;, and
+    &lt;code&gt;square&lt;/code&gt;. Other values are ignored.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-lineJoin&gt;&lt;a href=3D#dom-context-2d-linej=
oin&gt;lineJoin&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quot;=
&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;styles&lt;/var&gt; . &lt;co=
de title=3Ddom-context-2d-lineJoin&gt;&lt;a href=3D#dom-context-2d-linejo=
in&gt;lineJoin&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quot;&=
gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current line join style.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the line join style.&lt;/p&gt;
+
+    &lt;p&gt;The possible line join styles are &lt;code&gt;bevel&lt;/cod=
e&gt;, &lt;code&gt;round&lt;/code&gt;, and
+    &lt;code&gt;miter&lt;/code&gt;. Other values are ignored.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-miterLimit&gt;&lt;a href=3D#dom-context-2d-mit=
erlimit&gt;miterLimit&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;=
&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;styles&lt;/var&gt; . &lt;co=
de title=3Ddom-context-2d-miterLimit&gt;&lt;a href=3D#dom-context-2d-mite=
rlimit&gt;miterLimit&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&=
quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current miter limit ratio.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the miter limit ratio. Values that ar=
e not finite values greater than
+    zero are ignored.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-setLineDash&gt;&lt;a href=3D#dom-context-2d-se=
tlinedash&gt;setLineDash&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&qu=
ot;&gt;segments&lt;/var&gt;)&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;styles&lt;/var&gt; . &lt;co=
de title=3Ddom-context-2d-setLineDash&gt;&lt;a href=3D#dom-context-2d-set=
linedash&gt;setLineDash&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quo=
t;&gt;segments&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Sets the current line dash pattern (as used when stroking).=
 The argument is a list of
+    distances for which to alternately have the line on and the line off=
.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;segments&lt;/var&gt; =3D &l=
t;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;code title=3Ddom-=
context-2d-getLineDash&gt;&lt;a href=3D#dom-context-2d-getlinedash&gt;get=
LineDash&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;segments&lt;/var&gt; =3D &l=
t;var title=3D&quot;&quot;&gt;styles&lt;/var&gt; . &lt;code title=3Ddom-c=
ontext-2d-getLineDash&gt;&lt;a href=3D#dom-context-2d-getlinedash&gt;getL=
ineDash&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a copy of the current line dash pattern. The array =
returned will always have an even
+    number of entries (i.e. the pattern is normalized).&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-lineDashOffset&gt;&lt;a href=3D#dom-context-2d=
-linedashoffset&gt;lineDashOffset&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;styles&lt;/var&gt; . &lt;co=
de title=3Ddom-context-2d-lineDashOffset&gt;&lt;a href=3D#dom-context-2d-=
linedashoffset&gt;lineDashOffset&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the phase offset (in the same units as the line das=
h pattern).&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the phase offset. Values that are not=
 finite values are ignored.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;Objects that implement the &lt;code&gt;&lt;a href=3D#canvasdr=
awingstyles&gt;CanvasDrawingStyles&lt;/a&gt;&lt;/code&gt; interface have =
attributes and
+  methods (defined in this section) that control how lines are treated b=
y the object.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-linewidth title=3Ddom-context=
-2d-lineWidth&gt;&lt;code&gt;lineWidth&lt;/code&gt;&lt;/dfn&gt; attribute=
 gives the
+  width of lines, in coordinate space units. On getting, it must return =
the current value. On
+  setting, zero, negative, infinite, and NaN values must be ignored, lea=
ving the value unchanged;
+  other values must change the current value to the new value.&lt;/p&gt;
+
+  &lt;p&gt;When the object implementing the &lt;code&gt;&lt;a href=3D#ca=
nvasdrawingstyles&gt;CanvasDrawingStyles&lt;/a&gt;&lt;/code&gt; interface=
 is created, the
+  &lt;code title=3Ddom-context-2d-lineWidth&gt;&lt;a href=3D#dom-context=
-2d-linewidth&gt;lineWidth&lt;/a&gt;&lt;/code&gt; attribute must initiall=
y have the value
+  &lt;code&gt;1.0&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-context-2d-linecap title=3Ddom=
-context-2d-lineCap&gt;&lt;code&gt;lineCap&lt;/code&gt;&lt;/dfn&gt; attri=
bute defines the type
+  of endings that UAs will place on the end of lines. The three valid va=
lues are &lt;code&gt;butt&lt;/code&gt;,
+  &lt;code&gt;round&lt;/code&gt;, and &lt;code&gt;square&lt;/code&gt;.&l=
t;/p&gt;
+
+  &lt;p&gt;On getting, it must return the current value. On setting, if =
the new value is one of the
+  literal strings &lt;code&gt;butt&lt;/code&gt;, &lt;code&gt;round&lt;/c=
ode&gt;, and &lt;code&gt;square&lt;/code&gt;, then the current
+  value must be changed to the new value; other values must ignored, lea=
ving the value
+  unchanged.&lt;/p&gt;
+
+  &lt;p&gt;When the object implementing the &lt;code&gt;&lt;a href=3D#ca=
nvasdrawingstyles&gt;CanvasDrawingStyles&lt;/a&gt;&lt;/code&gt; interface=
 is created, the
+  &lt;code title=3Ddom-context-2d-lineCap&gt;&lt;a href=3D#dom-context-2=
d-linecap&gt;lineCap&lt;/a&gt;&lt;/code&gt; attribute must initially have=
 the value
+  &lt;code&gt;butt&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-context-2d-linejoin title=3Ddo=
m-context-2d-lineJoin&gt;&lt;code&gt;lineJoin&lt;/code&gt;&lt;/dfn&gt; at=
tribute defines the type
+  of corners that UAs will place where two lines meet. The three valid v=
alues are
+  &lt;code&gt;bevel&lt;/code&gt;, &lt;code&gt;round&lt;/code&gt;, and &l=
t;code&gt;miter&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p&gt;On getting, it must return the current value. On setting, if =
the new value is one of the
+  literal strings &lt;code&gt;bevel&lt;/code&gt;, &lt;code&gt;round&lt;/=
code&gt;, and &lt;code&gt;miter&lt;/code&gt;, then the current
+  value must be changed to the new value; other values must be ignored, =
leaving the value
+  unchanged.&lt;/p&gt;
+
+  &lt;p&gt;When the object implementing the &lt;code&gt;&lt;a href=3D#ca=
nvasdrawingstyles&gt;CanvasDrawingStyles&lt;/a&gt;&lt;/code&gt; interface=
 is created, the
+  &lt;code title=3Ddom-context-2d-lineJoin&gt;&lt;a href=3D#dom-context-=
2d-linejoin&gt;lineJoin&lt;/a&gt;&lt;/code&gt; attribute must initially h=
ave the value
+  &lt;code&gt;miter&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;When the &lt;code title=3Ddom-context-2d-lineJoin&g=
t;&lt;a href=3D#dom-context-2d-linejoin&gt;lineJoin&lt;/a&gt;&lt;/code&gt=
; attribute has the value
+  &lt;code&gt;miter&lt;/code&gt;, strokes use the miter limit ratio to d=
ecide how to render joins. The miter
+  limit ratio can be explicitly set using the &lt;dfn id=3Ddom-context-2=
d-miterlimit title=3Ddom-context-2d-miterLimit&gt;&lt;code&gt;miterLimit&=
lt;/code&gt;&lt;/dfn&gt; attribute. On getting, it must
+  return the current value. On setting, zero, negative, infinite, and Na=
N values must be ignored,
+  leaving the value unchanged; other values must change the current valu=
e to the new value.&lt;/p&gt;
+  &lt;!-- values less than 1.0 are equivalent to 1.0, since it's compare=
d
+       against a ratio that can't be less than 1.0 --&gt;
+
+  &lt;p&gt;When the object implementing the &lt;code&gt;&lt;a href=3D#ca=
nvasdrawingstyles&gt;CanvasDrawingStyles&lt;/a&gt;&lt;/code&gt; interface=
 is created, the
+  &lt;code title=3Ddom-context-2d-miterLimit&gt;&lt;a href=3D#dom-contex=
t-2d-miterlimit&gt;miterLimit&lt;/a&gt;&lt;/code&gt; attribute must initi=
ally have the value
+  &lt;code&gt;10.0&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;Each &lt;code&gt;&lt;a href=3D#canvasdrawingstyles&=
gt;CanvasDrawingStyles&lt;/a&gt;&lt;/code&gt; object has a &lt;dfn id=3Dd=
ash-list&gt;dash list&lt;/dfn&gt;, which is either empty
+  or consists of an even number of non-negative numbers. Initially, the =
&lt;a href=3D#dash-list&gt;dash list&lt;/a&gt; must
+  be empty.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;dfn id=3Ddom-context-2d-setlinedash title=3Ddom-=
context-2d-setLineDash&gt;&lt;code&gt;setLineDash()&lt;/code&gt;&lt;/dfn&=
gt; method is
+  invoked, it must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;a&lt;=
/var&gt; be the argument.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If any value in &lt;var title=3D&quot;&quot;&gt;a&=
lt;/var&gt; is not finite (e.g. an Infinity or a NaN value), or
+   if any value is negative (less than zero), then abort these steps (wi=
thout throwing an exception;
+   user agents could show a message on a developer console, though, as t=
hat would be helpful for
+   debugging).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the number of elements in &lt;var title=3D&quot=
;&quot;&gt;a&lt;/var&gt; is odd, then let &lt;var title=3D&quot;&quot;&gt=
;a&lt;/var&gt;
+   be the concatentation of two copies of &lt;var title=3D&quot;&quot;&g=
t;a&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the object's &lt;a href=3D#dash-list&gt;dash l=
ist&lt;/a&gt; be &lt;var title=3D&quot;&quot;&gt;a&lt;/var&gt;.&lt;/li&gt=
;
+
+  &lt;/ol&gt;&lt;p&gt;When the &lt;dfn id=3Ddom-context-2d-getlinedash t=
itle=3Ddom-context-2d-getLineDash&gt;&lt;code&gt;getLineDash()&lt;/code&g=
t;&lt;/dfn&gt; method is
+  invoked, it must return a sequence whose values are the values of the =
object's &lt;a href=3D#dash-list&gt;dash
+  list&lt;/a&gt;, in the same order.&lt;/p&gt;
+
+  &lt;p&gt;It is sometimes useful to change the &quot;phase&quot; of the=
 dash pattern, e.g. to achieve a &quot;marching
+  ants&quot; effect. The phase can be set using the &lt;dfn id=3Ddom-con=
text-2d-linedashoffset title=3Ddom-context-2d-lineDashOffset&gt;&lt;code&=
gt;lineDashOffset&lt;/code&gt;&lt;/dfn&gt; attribute. On getting, it
+  must return the current value. On setting, infinite and NaN values mus=
t be ignored, leaving the
+  value unchanged; other values must change the current value to the new=
 value.&lt;/p&gt;
+
+  &lt;p&gt;When the object implementing the &lt;code&gt;&lt;a href=3D#ca=
nvasdrawingstyles&gt;CanvasDrawingStyles&lt;/a&gt;&lt;/code&gt; interface=
 is created, the
+  &lt;code title=3Ddom-context-2d-lineDashOffset&gt;&lt;a href=3D#dom-co=
ntext-2d-linedashoffset&gt;lineDashOffset&lt;/a&gt;&lt;/code&gt; attribut=
e must initially have
+  the value &lt;code&gt;0.0&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;When a user agent is to &lt;dfn id=3Dtrace-a-path&g=
t;trace a &lt;span title=3Dconcept-path&gt;path&lt;/span&gt;&lt;/dfn&gt;,=
 &lt;!-- &lt;dfn&gt;trace a path&lt;/dfn&gt; --&gt;
+  given an object &lt;var title=3D&quot;&quot;&gt;style&lt;/var&gt; that=
 implements the &lt;code&gt;&lt;a href=3D#canvasdrawingstyles&gt;CanvasDr=
awingStyles&lt;/a&gt;&lt;/code&gt;
+  interface, it must run the following algorithm. This algorithm returns=
 a new &lt;a href=3D#concept-path title=3Dconcept-path&gt;path&lt;/a&gt;.=
&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;path&=
lt;/var&gt; be a copy of the path being traced.&lt;/li&gt;
+
+   &lt;!-- PATH SANITIZATION --&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove from &lt;var title=3D&quot;&quot;&gt;path&l=
t;/var&gt; any subpaths containing no lines (i.e. subpaths with
+   just one point).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Replace each point in each subpath of &lt;var titl=
e=3D&quot;&quot;&gt;path&lt;/var&gt; other than the first point
+   and the last point of each subpath by a &lt;i&gt;join&lt;/i&gt; that =
joins the line leading to that point to
+   the line leading out of that point, such that the subpaths all consis=
t of two points (a starting
+   point with a line leading out of it, and an ending point with a line =
leading into it), one or
+   more lines (connecting the points and the joins), and zero or more jo=
ins (each connecting one
+   line to another), connected together such that each subpath is a seri=
es of one or more lines with
+   a join between each one and a point on each end.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Add a straight closing line to each closed subpath=
 in &lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt; connecting
+   the last point and the first point of that subpath; change the last p=
oint to a join (from the
+   previously last line to the newly added closing line), and change the=
 first point to a join (from
+   the newly added closing line to the first line).&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;styles&lt;/=
var&gt; &lt;a href=3D#dash-list&gt;dash list&lt;/a&gt; is empty, jump to =
the step
+   labeled &lt;i&gt;convert&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;!-- DASHING --&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;pattern width&=
lt;/var&gt; be the concatenation of all the entries of the &lt;var title=3D=
&quot;&quot;&gt;styles&lt;/var&gt; &lt;a href=3D#dash-list&gt;dash list&l=
t;/a&gt;, in coordinate space units.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;For each subpath &lt;var title=3D&quot;&quot;&gt;s=
ubpath&lt;/var&gt; in &lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt;, r=
un the
+   following substeps. These substeps mutate the subpaths in &lt;var tit=
le=3D&quot;&quot;&gt;path&lt;/var&gt; &lt;i&gt;in
+   vivo&lt;/i&gt;.&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;sub=
path width&lt;/var&gt; be the length of all the lines of &lt;var title=3D=
&quot;&quot;&gt;subpath&lt;/var&gt;, in coordinate space units.&lt;/p&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;offset&lt;/v=
ar&gt; be the value of the &lt;var title=3D&quot;&quot;&gt;styles&lt;/var=
&gt; &lt;code title=3Ddom-context-2d-lineDashOffset&gt;&lt;a href=3D#dom-=
context-2d-linedashoffset&gt;lineDashOffset&lt;/a&gt;&lt;/code&gt;, in
+     coordinate space units.&lt;/li&gt;
+
+     &lt;li&gt;
+ =20
+      &lt;p&gt;While &lt;var title=3D&quot;&quot;&gt;offset&lt;/var&gt; =
is greater than &lt;var title=3D&quot;&quot;&gt;pattern width&lt;/var&gt;=
,
+      decrement it by &lt;var title=3D&quot;&quot;&gt;pattern width&lt;/=
var&gt;.&lt;/p&gt;
+ =20
+      &lt;p&gt;While &lt;var title=3D&quot;&quot;&gt;offset&lt;/var&gt; =
is less than &lt;var title=3D&quot;&quot;&gt;pattern width&lt;/var&gt;, i=
ncrement
+      it by &lt;var title=3D&quot;&quot;&gt;pattern width&lt;/var&gt;.&l=
t;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Define &lt;var title=3D&quot;&quot;&gt;L&lt;/var=
&gt; to be a linear coordinate line defined along all lines in
+     &lt;var title=3D&quot;&quot;&gt;subpath&lt;/var&gt;, such that the =
start of the first line in the subpath is defined as
+     coordinate 0, and the end of the last line in the subpath is define=
d as coordinate &lt;var title=3D&quot;&quot;&gt;width&lt;/var&gt;.&lt;/li=
&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;position&lt;=
/var&gt; be zero minus &lt;var title=3D&quot;&quot;&gt;offset&lt;/var&gt;=
.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;index&lt;/va=
r&gt; be 0.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;current stat=
e&lt;/var&gt; be &lt;i&gt;off&lt;/i&gt; (the other states being &lt;i&gt;=
on&lt;/i&gt;
+     and &lt;i&gt;zero-on&lt;/i&gt;).&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;i&gt;Dash on&lt;/i&gt;: Let &lt;var title=3D=
&quot;&quot;&gt;segment length&lt;/var&gt; be
+     the value of the &lt;var title=3D&quot;&quot;&gt;styles&lt;/var&gt;=
 &lt;a href=3D#dash-list&gt;dash
+     list&lt;/a&gt;'s &lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt;t=
h entry.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Increment &lt;var title=3D&quot;&quot;&gt;positi=
on&lt;/var&gt; by &lt;var title=3D&quot;&quot;&gt;segment length&lt;/var&=
gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;position&lt;/=
var&gt; is greater than &lt;var title=3D&quot;&quot;&gt;subpath width&lt;=
/var&gt;, then
+     end these substeps for this subpath and start them again for the ne=
xt subpath; if there are no
+     more subpaths, then jump to the step labeled &lt;i&gt;convert&lt;/i=
&gt; instead.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;segment lengt=
h&lt;/var&gt; is non-zero, let &lt;var title=3D&quot;&quot;&gt;current st=
ate&lt;/var&gt; be &lt;i&gt;on&lt;/i&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Increment &lt;var title=3D&quot;&quot;&gt;index&=
lt;/var&gt; by one.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;i&gt;Dash off&lt;!-- labeled for consistency=
 only --&gt;&lt;/i&gt;: Let &lt;var title=3D&quot;&quot;&gt;segment
+     length&lt;/var&gt; be the value of the &lt;var title=3D&quot;&quot;=
&gt;styles&lt;/var&gt; &lt;a href=3D#dash-list&gt;dash list&lt;/a&gt;'s &=
lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt;th entry.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;start&lt;/va=
r&gt; be the offset &lt;var title=3D&quot;&quot;&gt;position&lt;/var&gt; =
on &lt;var title=3D&quot;&quot;&gt;L&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Increment &lt;var title=3D&quot;&quot;&gt;positi=
on&lt;/var&gt; by &lt;var title=3D&quot;&quot;&gt;segment length&lt;/var&=
gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;position&lt;/=
var&gt; is less than zero, then jump to the step labeled
+     &lt;i&gt;post-cut&lt;/i&gt;.&lt;/li&gt; &lt;!-- start and end both =
before zero --&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;start&lt;/var=
&gt; is less than zero, then let &lt;var title=3D&quot;&quot;&gt;start&lt=
;/var&gt; be
+     zero.&lt;/li&gt; &lt;!-- end will be (at or) after zero --&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;position&lt;/=
var&gt; is greater than &lt;var title=3D&quot;&quot;&gt;subpath width&lt;=
/var&gt;, then
+     let &lt;var title=3D&quot;&quot;&gt;end&lt;/var&gt; be the offset &=
lt;var title=3D&quot;&quot;&gt;subpath width&lt;/var&gt; on &lt;var title=
=3D&quot;&quot;&gt;L&lt;/var&gt;. Otherwise, let &lt;var title=3D&quot;&q=
uot;&gt;end&lt;/var&gt; be the offset &lt;var title=3D&quot;&quot;&gt;pos=
ition&lt;/var&gt; on &lt;var title=3D&quot;&quot;&gt;L&lt;/var&gt;.&lt;/l=
i&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Jump to the first appropriate step:&lt;/p&gt;
+
+      &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quot;=
&gt;segment length&lt;/var&gt; is zero and &lt;var title=3D&quot;&quot;&g=
t;current state&lt;/var&gt; is &lt;i&gt;off&lt;/i&gt;&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;Do nothing, just continue to the next step.&lt;/p&gt;
+
+       &lt;/dd&gt;
+
+
+       &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;current state&lt;/va=
r&gt; is &lt;i&gt;off&lt;/i&gt;&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;Cut the line on which &lt;var title=3D&quot;&quot;&gt;e=
nd&lt;/var&gt; finds itself short at &lt;var title=3D&quot;&quot;&gt;end&=
lt;/var&gt; and place a point there, cutting the subpath that it was in i=
n two;
+        remove all line segments, joins, points, and subpaths that are b=
etween &lt;var title=3D&quot;&quot;&gt;start&lt;/var&gt; and &lt;var titl=
e=3D&quot;&quot;&gt;end&lt;/var&gt;; and finally place a single point at =
&lt;var title=3D&quot;&quot;&gt;start&lt;/var&gt; with no lines connectin=
g to it.&lt;/p&gt;
+
+        &lt;p&gt;The point has a &lt;i&gt;directionality&lt;/i&gt; for t=
he purposes of drawing line caps (see below).
+        The directionality is the direction that the original line had a=
t that point (i.e. when &lt;var title=3D&quot;&quot;&gt;L&lt;/var&gt; was=
 defined above).&lt;/p&gt;
+
+       &lt;/dd&gt;
+
+
+       &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;Cut the line on which &lt;var title=3D&quot;&quot;&gt;s=
tart&lt;/var&gt; finds itself into two at &lt;var title=3D&quot;&quot;&gt=
;start&lt;/var&gt; and place a point there, cutting the subpath that it w=
as in in two, and
+        similarly cut the line on which &lt;var title=3D&quot;&quot;&gt;=
end&lt;/var&gt; finds itself short at &lt;var title=3D&quot;&quot;&gt;end=
&lt;/var&gt; and place a point there, cutting the subpath that &lt;em&gt;=
it&lt;/em&gt; was in in
+        two, and then remove all line segments, joins, points, and subpa=
ths that are between &lt;var title=3D&quot;&quot;&gt;start&lt;/var&gt; an=
d &lt;var title=3D&quot;&quot;&gt;end&lt;/var&gt;.&lt;/p&gt;
+
+        &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;start&lt;/var&gt; an=
d &lt;var title=3D&quot;&quot;&gt;end&lt;/var&gt; are the same point, the=
n this
+        results in just the line being cut in two and two points being i=
nserted there, with nothing
+        being removed, unless a join also happens to be at that point, i=
n which case the join must
+        be removed.&lt;/p&gt;
+
+       &lt;/dd&gt;
+
+      &lt;/dl&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;i&gt;Post-cut&lt;/i&gt;: If &lt;var title=3D=
&quot;&quot;&gt;position&lt;/var&gt; is greater than &lt;var title=3D&quo=
t;&quot;&gt;width&lt;/var&gt;, then jump to the step labeled &lt;i&gt;con=
vert&lt;/i&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;segment lengt=
h&lt;/var&gt; is greater than zero, let &lt;var title=3D&quot;&quot;&gt;p=
ositioned-at-on-dash&lt;/var&gt; be false.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Increment &lt;var title=3D&quot;&quot;&gt;index&=
lt;/var&gt; by one. If it is equal to the number of entries in
+     the &lt;var title=3D&quot;&quot;&gt;styles&lt;/var&gt; &lt;a href=3D=
#dash-list&gt;dash list&lt;/a&gt;, then let &lt;var title=3D&quot;&quot;&=
gt;index&lt;/var&gt; be
+     0.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Return to the step labeled &lt;i&gt;dash on&lt;/=
i&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;!-- STROKING --&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;i&gt;Convert&lt;/i&gt;: This is the step that converts =
the path to a new path that represents its
+    stroke.&lt;/p&gt;
+
+    &lt;p&gt;Create a new &lt;a href=3D#concept-path title=3Dconcept-pat=
h&gt;path&lt;/a&gt; that describes the edge of the areas that
+    would be covered if a straight line of length equal to the &lt;var t=
itle=3D&quot;&quot;&gt;styles&lt;/var&gt; &lt;code title=3Ddom-context-2d=
-lineWidth&gt;&lt;a href=3D#dom-context-2d-linewidth&gt;lineWidth&lt;/a&g=
t;&lt;/code&gt; was swept along each path in &lt;var title=3D&quot;&quot;=
&gt;path&lt;/var&gt; while being kept at an angle such that the line is o=
rthogonal to the path
+    being swept, replacing each point with the end cap necessary to sati=
sfy the &lt;var title=3D&quot;&quot;&gt;styles&lt;/var&gt; &lt;code title=
=3Ddom-context-2d-lineCap&gt;&lt;a href=3D#dom-context-2d-linecap&gt;line=
Cap&lt;/a&gt;&lt;/code&gt; attribute as described
+    previously and elaborated below, and replacing each join with the jo=
in necessary to satisfy the
+    &lt;var title=3D&quot;&quot;&gt;styles&lt;/var&gt; &lt;code title=3D=
dom-context-2d-lineJoin&gt;&lt;a href=3D#dom-context-2d-linejoin&gt;lineJ=
oin&lt;/a&gt;&lt;/code&gt; type, as
+    defined below.&lt;/p&gt;
+
+    &lt;p&gt;&lt;strong&gt;Caps&lt;/strong&gt;: Each point has a flat ed=
ge perpendicular to the direction of the line
+    coming out of it. This is them augmented according to the value of t=
he &lt;var title=3D&quot;&quot;&gt;styles&lt;/var&gt; &lt;code title=3Ddo=
m-context-2d-lineCap&gt;&lt;a href=3D#dom-context-2d-linecap&gt;lineCap&l=
t;/a&gt;&lt;/code&gt;. The &lt;code&gt;butt&lt;/code&gt;
+    value means that no additional line cap is added. The &lt;code&gt;ro=
und&lt;/code&gt; value means that a
+    semi-circle with the diameter equal to the &lt;var title=3D&quot;&qu=
ot;&gt;styles&lt;/var&gt; &lt;code title=3Ddom-context-2d-lineWidth&gt;&l=
t;a href=3D#dom-context-2d-linewidth&gt;lineWidth&lt;/a&gt;&lt;/code&gt; =
width must additionally be placed on to the
+    line coming out of each point. The &lt;code&gt;square&lt;/code&gt; v=
alue means that a rectangle with the
+    length of the &lt;var title=3D&quot;&quot;&gt;styles&lt;/var&gt; &lt=
;code title=3Ddom-context-2d-lineWidth&gt;&lt;a href=3D#dom-context-2d-li=
newidth&gt;lineWidth&lt;/a&gt;&lt;/code&gt;
+    width and the width of half the &lt;var title=3D&quot;&quot;&gt;styl=
es&lt;/var&gt; &lt;code title=3Ddom-context-2d-lineWidth&gt;&lt;a href=3D=
#dom-context-2d-linewidth&gt;lineWidth&lt;/a&gt;&lt;/code&gt; width, plac=
ed flat against the edge
+    perpendicular to the direction of the line coming out of the point, =
must be added at each
+    point.&lt;/p&gt;
+
+    &lt;p&gt;Points with no lines coming out of them must have two caps =
placed back-to-back as if it was
+    really two points connected to each other by an infinitesimally shor=
t straight line in the
+    direction of the point's &lt;i&gt;directionality&lt;/i&gt; (as defin=
ed above).&lt;/p&gt;
+
+    &lt;p&gt;&lt;strong&gt;Joins&lt;/strong&gt;: In addition to the poin=
t where a join occurs, two additional points
+    are relevant to each join, one for each line: the two corners found =
half the line width away
+    from the join point, one perpendicular to each line, each on the sid=
e furthest from the other
+    line.&lt;/p&gt;
+
+    &lt;p&gt;A filled triangle connecting these two opposite corners wit=
h a straight line, with the third
+    point of the triangle being the join point, must be added at all joi=
ns. The &lt;code title=3Ddom-context-2d-lineJoin&gt;&lt;a href=3D#dom-con=
text-2d-linejoin&gt;lineJoin&lt;/a&gt;&lt;/code&gt; attribute controls wh=
ether anything else is
+    rendered. The three aforementioned values have the following meaning=
s:&lt;/p&gt;
+
+    &lt;p&gt;The &lt;code&gt;bevel&lt;/code&gt; value means that this is=
 all that is rendered at joins.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;code&gt;round&lt;/code&gt; value means that a fille=
d arc connecting the two aforementioned
+    corners of the join, abutting (and not overlapping) the aforemention=
ed triangle, with the
+    diameter equal to the line width and the origin at the point of the =
join, must be added at
+    joins.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;code&gt;miter&lt;/code&gt; value means that a secon=
d filled triangle must (if it can given the
+    miter length) be added at the join, with one line being the line bet=
ween the two aforementioned
+    corners, abutting the first triangle, and the other two being contin=
uations of the outside edges
+    of the two joining lines, as long as required to intersect without g=
oing over the miter
+    length.&lt;/p&gt;
+
+    &lt;p&gt;The miter length is the distance from the point where the j=
oin occurs to the intersection of
+    the line edges on the outside of the join. The miter limit ratio is =
the maximum allowed ratio of
+    the miter length to half the line width. If the miter length would c=
ause the miter limit ratio
+    (as set by the &lt;var title=3D&quot;&quot;&gt;style&lt;/var&gt; &lt=
;code title=3Ddom-context-2d-miterLimit&gt;&lt;a href=3D#dom-context-2d-m=
iterlimit&gt;miterLimit&lt;/a&gt;&lt;/code&gt; attribute) to be exceeded,=
 this second
+    triangle must not be added.&lt;/p&gt; &lt;!-- the actual ratio can't=
 possibly be less than 1.0 --&gt;
+
+&lt;!-- here's a nice demo of the miter:
+  c.clearRect(0, 0, 640, 480);
+  c.beginPath();
+
+  c.moveTo((new Date()/100) % 600, 100);
+  c.lineTo(300, 300);
+  c.lineTo(500, 300);
+
+  c.lineWidth =3D 50;
+  c.miterLimit =3D 10000;
+  c.strokeStyle =3D 'silver'
+  c.stroke();
+
+  c.miterLimit =3D 0.0001;
+  c.strokeStyle =3D 'black'
+  c.stroke();
+
+  c.lineWidth =3D 1;
+  c.strokeStyle =3D 'red'
+  c.stroke();
+--&gt;
+
+
+    &lt;p&gt;Subpaths in the newly created path must wind clockwise, reg=
ardless of the direction of paths
+    in &lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt;.&lt;/p&gt;
+
+    &lt;!-- ...because both of these examples result in two lines (assum=
ing non-zero winding rules,
+    things are different under even/odd), there's no &quot;hole&quot; wh=
ere the lines overlap:
+
+            c.beginPath();
+            c.lineWidth=3D30;
+            c.moveTo(200,200); // subpath 1
+            c.lineTo(400,200);
+            c.moveTo(400,210); // subpath 2
+            c.lineTo(200,190);
+            c.stroke();
+
+            c.beginPath();
+            c.lineWidth=3D30;
+            c.moveTo(200,200); // subpath 1
+            c.lineTo(400,200);
+            c.lineTo(300,300);
+            c.closePath();
+            c.moveTo(400,210); // subpath 2
+            c.lineTo(200,190);
+            c.lineTo(300,300);
+            c.closePath();
+            c.stroke();
+
+     ...and we want the same result when you create the two subpaths in =
each example above as two
+     Paths, stroke them onto a third Path, and then fill that Path on th=
e context.
+    --&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the newly created path.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;!--v6: Another request has been for hairline width line=
s, that remain hairline width with
+transform. ack Shaun Morris. --&gt;&lt;/div&gt;
+
+
+  &lt;h6 id=3Dtext-styles&gt;&lt;span class=3Dsecno&gt;4.12.4.2.5 &lt;/s=
pan&gt;Text styles&lt;/h6&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;c=
ontext&lt;/var&gt; . &lt;code title=3Ddom-context-2d-font&gt;&lt;a href=3D=
#dom-context-2d-font&gt;font&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D=
&quot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;styles&lt;/var&gt; . &lt;co=
de title=3Ddom-context-2d-font&gt;&lt;a href=3D#dom-context-2d-font&gt;fo=
nt&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quot;&gt;value&lt;=
/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current font settings.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the font. The syntax is the same as f=
or the CSS 'font' property; values
+    that cannot be parsed as CSS font values are ignored.&lt;/p&gt;
+
+    &lt;p&gt;Relative keywords and lengths are computed relative to the =
font of the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&=
gt;&lt;/code&gt;
+    element.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-textAlign&gt;&lt;a href=3D#dom-context-2d-text=
align&gt;textAlign&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&qu=
ot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;styles&lt;/var&gt; . &lt;co=
de title=3Ddom-context-2d-textAlign&gt;&lt;a href=3D#dom-context-2d-texta=
lign&gt;textAlign&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quo=
t;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current text alignment settings.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the alignment. The possible values ar=
e and their meanings are given
+    below. Other values are ignored. The default is &lt;code title=3D&qu=
ot;&quot;&gt;start&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-textBaseline&gt;&lt;a href=3D#dom-context-2d-t=
extbaseline&gt;textBaseline&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D=
&quot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;styles&lt;/var&gt; . &lt;co=
de title=3Ddom-context-2d-textBaseline&gt;&lt;a href=3D#dom-context-2d-te=
xtbaseline&gt;textBaseline&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&=
quot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current baseline alignment settings.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the baseline alignment. The possible =
values and their meanings are
+    given below. Other values are ignored. The default is &lt;code title=
=3Ddom-concept-2d-textAlign-alphabetic&gt;alphabetic&lt;/code&gt;.&lt;/p&=
gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-direction&gt;&lt;a href=3D#dom-context-2d-dire=
ction&gt;direction&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&qu=
ot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;styles&lt;/var&gt; . &lt;co=
de title=3Ddom-context-2d-direction&gt;&lt;a href=3D#dom-context-2d-direc=
tion&gt;direction&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quo=
t;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current directionality.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the directionality. The possible valu=
es and their meanings are given
+    below. Other values are ignored. The default is &lt;code title=3Ddom=
-concept-2d-textAlign-inherit&gt;inherit&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;Objects that implement the &lt;code&gt;&lt;a href=3D#canvasdr=
awingstyles&gt;CanvasDrawingStyles&lt;/a&gt;&lt;/code&gt; interface have =
attributes (defined
+  in this section) that control how text is laid out (rasterized or outl=
ined) by the object. Such
+  objects can also have a &lt;dfn id=3Dfont-style-source-object&gt;font =
style source object&lt;/dfn&gt;. For
+  &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingC=
ontext2D&lt;/a&gt;&lt;/code&gt; objects whose &lt;a href=3D#concept-canva=
s-context-bitmap-mode title=3Dconcept-canvas-context-bitmap-mode&gt;conte=
xt bitmap mode&lt;/a&gt; is &lt;a href=3D#concept-canvas-fixed title=3Dco=
ncept-canvas-fixed&gt;fixed&lt;/a&gt;, this is their &lt;code&gt;&lt;a hr=
ef=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element; for ot=
her
+  &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingC=
ontext2D&lt;/a&gt;&lt;/code&gt; objects, if the &lt;a href=3D#javascript-=
global-environment&gt;JavaScript global environment&lt;/a&gt;
+  is a &lt;a href=3D#document-environment&gt;document environment&lt;/a&=
gt;, the object's &lt;a href=3D#font-style-source-object&gt;font style so=
urce object&lt;/a&gt; is the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
object of the &lt;a href=3D#active-document&gt;active document&lt;/a&gt; =
of the &lt;a href=3D#browsing-context&gt;browsing
+  context&lt;/a&gt; of the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt=
;/a&gt;&lt;/code&gt; object on which the interface object of the
+  &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingC=
ontext2D&lt;/a&gt;&lt;/code&gt; object is found; otherwise the &lt;a href=
=3D#javascript-global-environment&gt;JavaScript global
+  environment&lt;/a&gt; is a &lt;a href=3D#worker-environment&gt;worker =
environment&lt;/a&gt; and the &lt;a href=3D#font-style-source-object&gt;f=
ont style source
+  object&lt;/a&gt; is the worker. For &lt;code&gt;&lt;a href=3D#drawings=
tyle&gt;DrawingStyle&lt;/a&gt;&lt;/code&gt; objects, it's the &lt;a href=3D=
#styles-scope-object&gt;styles scope
+  object&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-font title=3Ddom-context-2d-f=
ont&gt;&lt;code&gt;font&lt;/code&gt;&lt;/dfn&gt; IDL attribute, on settin=
g, must be
+  parsed the same way as the 'font' property of CSS (but without support=
ing property-independent
+  style sheet syntax like 'inherit'), and the resulting font must be ass=
igned to the context, with
+  the 'line-height' component forced to 'normal', with the 'font-size' c=
omponent converted to CSS
+  pixels, and with system fonts being computed to explicit values. If th=
e new value is syntactically
+  incorrect (including using property-independent style sheet syntax lik=
e 'inherit' or 'initial'),
+  then it must be ignored, without assigning a new font value. &lt;a hre=
f=3D#refsCSS&gt;[CSS]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;Font family names must be interpreted in the context of the &=
lt;a href=3D#font-style-source-object&gt;font style source
+  object&lt;/a&gt; when the font is to be used; any fonts embedded using=
 &lt;code title=3D&quot;&quot;&gt;@font-face&lt;/code&gt; or loaded using=
 the &lt;code&gt;&lt;a href=3D#fontloader&gt;FontLoader&lt;/a&gt;&lt;/cod=
e&gt; that are visible to the
+  &lt;a href=3D#font-style-source-object&gt;font style source object&lt;=
/a&gt; must therefore be available once they are loaded. If a font
+  is used before it is fully loaded, or if the &lt;a href=3D#font-style-=
source-object&gt;font style source object&lt;/a&gt; does not have
+  that font in scope at the time the font is to be used, then it must be=
 treated as if it was an
+  unknown font, falling back to another as described by the relevant CSS=
 specifications. &lt;a href=3D#refsCSSFONTS&gt;[CSSFONTS]&lt;/a&gt; &lt;a=
 href=3D#refsCSSFONTLOAD&gt;[CSSFONTLOAD]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;On getting, the &lt;code title=3Ddom-context-2d-font&gt;&lt;a=
 href=3D#dom-context-2d-font&gt;font&lt;/a&gt;&lt;/code&gt; attribute mus=
t return the &lt;a href=3D#serializing-a-css-value title=3D&quot;serializ=
ing a CSS value&quot;&gt;serialized form&lt;/a&gt; of the current font of=
 the context (with no
+  'line-height' component). &lt;a href=3D#refsCSSOM&gt;[CSSOM]&lt;/a&gt;=
&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For example, after the following statement:&lt;/p&gt;
+
+   &lt;pre&gt;context.font =3D 'italic 400 12px/2 Unknown Font, sans-ser=
if';&lt;/pre&gt;
+
+   &lt;p&gt;...the expression &lt;code title=3D&quot;&quot;&gt;context.f=
ont&lt;/code&gt; would evaluate to the string &quot;&lt;code title=3D&quo=
t;&quot;&gt;italic&amp;nbsp;12px&amp;nbsp;&quot;Unknown&amp;nbsp;Font&quo=
t;,&amp;nbsp;sans-serif&lt;/code&gt;&quot;. The &quot;400&quot;
+   font-weight doesn't appear because that is the default value. The lin=
e-height doesn't appear
+   because it is forced to &quot;normal&quot;, the default value.&lt;/p&=
gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;When the object implementing the &lt;code&gt;&lt;a href=3D#ca=
nvasdrawingstyles&gt;CanvasDrawingStyles&lt;/a&gt;&lt;/code&gt; interface=
 is created, the
+  font of the context must be set to 10px sans-serif. When the 'font-siz=
e' component is set to
+  lengths using percentages, 'em' or 'ex' units, or the 'larger' or 'sma=
ller' keywords, these must
+  be interpreted relative to the computed value of the 'font-size' prope=
rty of the &lt;a href=3D#font-style-source-object&gt;font style
+  source object&lt;/a&gt; at the time that the attribute is set, if it i=
s an element. When the
+  'font-weight' component is set to the relative values 'bolder' and 'li=
ghter', these must be
+  interpreted relative to the computed value of the 'font-weight' proper=
ty of the &lt;a href=3D#font-style-source-object&gt;font style
+  source object&lt;/a&gt; at the time that the attribute is set, if it i=
s an element. If the computed
+  values are undefined for a particular case (e.g. because the &lt;a hre=
f=3D#font-style-source-object&gt;font style source object&lt;/a&gt;
+  is not an element or is not &lt;a href=3D#being-rendered&gt;being rend=
ered&lt;/a&gt;), then the relative keywords must be
+  interpreted relative to the normal-weight 10px sans-serif default.&lt;=
/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-textalign title=3Ddom-context=
-2d-textAlign&gt;&lt;code&gt;textAlign&lt;/code&gt;&lt;/dfn&gt; IDL attri=
bute, on
+  getting, must return the current value. On setting, if the value is on=
e of &lt;code title=3Ddom-concept-2d-textAlign-start&gt;&lt;a href=3D#dom=
-concept-2d-textalign-start&gt;start&lt;/a&gt;&lt;/code&gt;, &lt;code tit=
le=3Ddom-concept-2d-textAlign-end&gt;&lt;a href=3D#dom-concept-2d-textali=
gn-end&gt;end&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-concept-2d-tex=
tAlign-left&gt;&lt;a href=3D#dom-concept-2d-textalign-left&gt;left&lt;/a&=
gt;&lt;/code&gt;, &lt;code title=3Ddom-concept-2d-textAlign-right&gt;&lt;=
a href=3D#dom-concept-2d-textalign-right&gt;right&lt;/a&gt;&lt;/code&gt;,=
 or &lt;code title=3Ddom-concept-2d-textAlign-center&gt;&lt;a href=3D#dom=
-concept-2d-textalign-center&gt;center&lt;/a&gt;&lt;/code&gt;, then the v=
alue must be changed to the new
+  value. Otherwise, the new value must be ignored. When the object imple=
menting the
+  &lt;code&gt;&lt;a href=3D#canvasdrawingstyles&gt;CanvasDrawingStyles&l=
t;/a&gt;&lt;/code&gt; interface is created, the &lt;code title=3Ddom-cont=
ext-2d-textAlign&gt;&lt;a href=3D#dom-context-2d-textalign&gt;textAlign&l=
t;/a&gt;&lt;/code&gt; attribute must initially have the value &lt;code ti=
tle=3Ddom-concept-2d-textAlign-start&gt;&lt;a href=3D#dom-concept-2d-text=
align-start&gt;start&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-textbaseline title=3Ddom-cont=
ext-2d-textBaseline&gt;&lt;code&gt;textBaseline&lt;/code&gt;&lt;/dfn&gt; =
IDL attribute, on
+  getting, must return the current value. On setting, if the value is on=
e of &lt;code title=3Ddom-context-2d-textBaseline-top&gt;&lt;a href=3D#do=
m-context-2d-textbaseline-top&gt;top&lt;/a&gt;&lt;/code&gt;, &lt;code tit=
le=3Ddom-context-2d-textBaseline-hanging&gt;&lt;a href=3D#dom-context-2d-=
textbaseline-hanging&gt;hanging&lt;/a&gt;&lt;/code&gt;, &lt;code title=3D=
dom-context-2d-textBaseline-middle&gt;&lt;a href=3D#dom-context-2d-textba=
seline-middle&gt;middle&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-cont=
ext-2d-textBaseline-alphabetic&gt;&lt;a href=3D#dom-context-2d-textbaseli=
ne-alphabetic&gt;alphabetic&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-=
context-2d-textBaseline-ideographic&gt;&lt;a href=3D#dom-context-2d-textb=
aseline-ideographic&gt;ideographic&lt;/a&gt;&lt;/code&gt;, or &lt;code ti=
tle=3Ddom-context-2d-textBaseline-bottom&gt;&lt;a href=3D#dom-context-2d-=
textbaseline-bottom&gt;bottom&lt;/a&gt;&lt;/code&gt;, then the value must=
 be changed to the
+  new value. Otherwise, the new value must be ignored. When the object i=
mplementing the
+  &lt;code&gt;&lt;a href=3D#canvasdrawingstyles&gt;CanvasDrawingStyles&l=
t;/a&gt;&lt;/code&gt; interface is created, the &lt;code title=3Ddom-cont=
ext-2d-textBaseline&gt;&lt;a href=3D#dom-context-2d-textbaseline&gt;textB=
aseline&lt;/a&gt;&lt;/code&gt; attribute must initially have the value
+  &lt;code title=3Ddom-context-2d-textBaseline-alphabetic&gt;&lt;a href=3D=
#dom-context-2d-textbaseline-alphabetic&gt;alphabetic&lt;/a&gt;&lt;/code&=
gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-direction title=3Ddom-context=
-2d-direction&gt;&lt;code&gt;direction&lt;/code&gt;&lt;/dfn&gt; IDL attri=
bute, on
+  getting, must return the current value. On setting, if the value is on=
e of &lt;code title=3Ddom-context-2d-direction-ltr&gt;ltr&lt;/code&gt;, &=
lt;code title=3Ddom-context-2d-direction-rtl&gt;rtl&lt;/code&gt;, &lt;!--=
&lt;code
+  title=3D&quot;dom-context-2d-direction-auto&quot;&gt;auto&lt;/code&gt;=
,--&gt; or &lt;code title=3Ddom-context-2d-direction-inherit&gt;inherit&l=
t;/code&gt;, then the value must be changed to the new
+  value. Otherwise, the new value must be ignored. When the object imple=
menting the
+  &lt;code&gt;&lt;a href=3D#canvasdrawingstyles&gt;CanvasDrawingStyles&l=
t;/a&gt;&lt;/code&gt; interface is created, the &lt;code title=3Ddom-cont=
ext-2d-direction&gt;&lt;a href=3D#dom-context-2d-direction&gt;direction&l=
t;/a&gt;&lt;/code&gt; attribute must initially have the value &lt;code ti=
tle=3Ddom-context-2d-direction-inherit&gt;inherit&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-context-2d-textAlign&gt;&lt;a href=3D=
#dom-context-2d-textalign&gt;textAlign&lt;/a&gt;&lt;/code&gt; attribute's=
 allowed keywords are
+  as follows:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Ddom-concept-2d-textalign-start title=3D=
dom-concept-2d-textAlign-start&gt;&lt;code&gt;start&lt;/code&gt;&lt;/dfn&=
gt;
+   &lt;dd&gt;&lt;p&gt;Align to the start edge of the text (left side in =
left-to-right text, right side in
+   right-to-left text).&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-concept-2d-textalign-end title=3Ddom-conce=
pt-2d-textAlign-end&gt;&lt;code&gt;end&lt;/code&gt;&lt;/dfn&gt;
+   &lt;dd&gt;&lt;p&gt;Align to the end edge of the text (right side in l=
eft-to-right text, left side in
+   right-to-left text).&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-concept-2d-textalign-left title=3Ddom-conc=
ept-2d-textAlign-left&gt;&lt;code&gt;left&lt;/code&gt;&lt;/dfn&gt;
+   &lt;dd&gt;&lt;p&gt;Align to the left.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-concept-2d-textalign-right title=3Ddom-con=
cept-2d-textAlign-right&gt;&lt;code&gt;right&lt;/code&gt;&lt;/dfn&gt;
+   &lt;dd&gt;&lt;p&gt;Align to the right.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-concept-2d-textalign-center title=3Ddom-co=
ncept-2d-textAlign-center&gt;&lt;code&gt;center&lt;/code&gt;&lt;/dfn&gt;
+   &lt;dd&gt;&lt;p&gt;Align to the center.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;The &lt;code title=3Ddom-context-2d-textBaseline&g=
t;&lt;a href=3D#dom-context-2d-textbaseline&gt;textBaseline&lt;/a&gt;&lt;=
/code&gt;
+  attribute's allowed keywords correspond to alignment points in the
+  font:&lt;/p&gt;
+
+  &lt;p&gt;&lt;img src=3Dhttp://images.whatwg.org/baselines.png width=3D=
738 alt=3D&quot;The top of the em square is roughly at the top of the gly=
phs in a font, the hanging baseline is where some glyphs like &amp;#x906;=
 are anchored, the middle is half-way between the top of the em square an=
d the bottom of the em square, the alphabetic baseline is where character=
s like &amp;Aacute;, &amp;yuml;, f, and &amp;ohm; are anchored, the ideog=
raphic baseline is where glyphs like &amp;#x79c1; and &amp;#x9054; are an=
chored, and the bottom of the em square is roughly at the bottom of the g=
lyphs in a font. The top and bottom of the bounding box can be far from t=
hese baselines, due to glyphs extending far outside the em square.&quot; =
height=3D300&gt;&lt;/p&gt;
+
+  &lt;p&gt;The keywords map to these alignment points as follows:&lt;/p&=
gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Ddom-context-2d-textbaseline-top title=
=3Ddom-context-2d-textBaseline-top&gt;&lt;code&gt;top&lt;/code&gt;&lt;/df=
n&gt;
+   &lt;dd&gt;The top of the em square&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-context-2d-textbaseline-hanging title=3Ddo=
m-context-2d-textBaseline-hanging&gt;&lt;code&gt;hanging&lt;/code&gt;&lt;=
/dfn&gt;
+   &lt;dd&gt;The hanging baseline&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-context-2d-textbaseline-middle title=3Ddom=
-context-2d-textBaseline-middle&gt;&lt;code&gt;middle&lt;/code&gt;&lt;/df=
n&gt;
+   &lt;dd&gt;The middle of the em square&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-context-2d-textbaseline-alphabetic title=3D=
dom-context-2d-textBaseline-alphabetic&gt;&lt;code&gt;alphabetic&lt;/code=
&gt;&lt;/dfn&gt;
+   &lt;dd&gt;The alphabetic baseline&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-context-2d-textbaseline-ideographic title=3D=
dom-context-2d-textBaseline-ideographic&gt;&lt;code&gt;ideographic&lt;/co=
de&gt;&lt;/dfn&gt;
+   &lt;dd&gt;The ideographic baseline&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-context-2d-textbaseline-bottom title=3Ddom=
-context-2d-textBaseline-bottom&gt;&lt;code&gt;bottom&lt;/code&gt;&lt;/df=
n&gt;
+   &lt;dd&gt;The bottom of the em square&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;The &lt;code title=3Ddom-context-2d-direction&gt;&=
lt;a href=3D#dom-context-2d-direction&gt;direction&lt;/a&gt;&lt;/code&gt;=
 attribute's allowed keywords are
+  as follows:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Ddom-concept-2d-direction-ltr title=3D=
dom-concept-2d-direction-ltr&gt;&lt;code&gt;ltr&lt;/code&gt;&lt;/dfn&gt;
+
+   &lt;dd&gt;&lt;p&gt;Treat input to the &lt;a href=3D#text-preparation-=
algorithm&gt;text preparation algorithm&lt;/a&gt; as left-to-right text.&=
lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-concept-2d-direction-rtl title=3Ddom-conce=
pt-2d-direction-rtl&gt;&lt;code&gt;rtl&lt;/code&gt;&lt;/dfn&gt;
+
+   &lt;dd&gt;&lt;p&gt;Treat input to the &lt;a href=3D#text-preparation-=
algorithm&gt;text preparation algorithm&lt;/a&gt; as right-to-left text.&=
lt;/dd&gt;
+
+&lt;!--
+   &lt;dt&gt;&lt;dfn title=3D&quot;dom-concept-2d-direction-auto&quot;&g=
t;&lt;code&gt;auto&lt;/code&gt;&lt;/dfn&gt;
+
+   &lt;dd&gt;&lt;p&gt;Determine the direction from the input to the &lt;=
span&gt;text preparation algorithm&lt;/span&gt;.&lt;/p&gt;&lt;/dd&gt;
+--&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-concept-2d-direction-inherit title=3Ddom-c=
oncept-2d-direction-inherit&gt;&lt;code&gt;inherit&lt;/code&gt;&lt;/dfn&g=
t;
+
+   &lt;dd&gt;&lt;p&gt;Default to the directionality of the &lt;code&gt;&=
lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element =
or &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;
+   as appropriate.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;The &lt;dfn id=3Dtext-preparation-algorithm&gt;tex=
t preparation algorithm&lt;/dfn&gt; is as follows. It takes as input a st=
ring &lt;var title=3D&quot;&quot;&gt;text&lt;/var&gt;, a &lt;code&gt;&lt;=
a href=3D#canvasdrawingstyles&gt;CanvasDrawingStyles&lt;/a&gt;&lt;/code&g=
t; object &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt;, and an
+  optional length &lt;var title=3D&quot;&quot;&gt;maxWidth&lt;/var&gt;. =
It returns an array of glyph shapes, each positioned
+  on a common coordinate space, a &lt;var title=3D&quot;&quot;&gt;physic=
al alignment&lt;/var&gt; whose value is one of
+  &lt;i&gt;left&lt;/i&gt;, &lt;i&gt;right&lt;/i&gt;, and &lt;i title=3D&=
quot;&quot;&gt;center&lt;/i&gt;, and an inline box. (Most callers of this
+  algorithm ignore the &lt;var title=3D&quot;&quot;&gt;physical alignmen=
t&lt;/var&gt; and the inline box.)&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;maxWid=
th&lt;/var&gt; was provided but is less than or equal to zero, return an
+   empty array.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Replace all the &lt;a href=3D#space-character titl=
e=3D&quot;space character&quot;&gt;space characters&lt;/a&gt; in &lt;var =
title=3D&quot;&quot;&gt;text&lt;/var&gt; with U+0020 SPACE characters.&lt=
;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;font&lt;/var&g=
t; be the current font of &lt;var title=3D&quot;&quot;&gt;target&lt;/var&=
gt;, as given
+   by that object's &lt;code title=3Ddom-context-2d-font&gt;&lt;a href=3D=
#dom-context-2d-font&gt;font&lt;/a&gt;&lt;/code&gt; attribute.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Apply the appropriate step from the following list to deter=
mine the value of &lt;var title=3D&quot;&quot;&gt;direction&lt;/var&gt;:&=
lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the &lt;var title=3D&quot;&quo=
t;&gt;target&lt;/var&gt; object's &lt;code title=3Ddom-context-2d-directi=
on&gt;&lt;a href=3D#dom-context-2d-direction&gt;direction&lt;/a&gt;&lt;/c=
ode&gt; attribute has the value &quot;&lt;code title=3Ddom-context-2d-dir=
ection-ltr&gt;ltr&lt;/code&gt;&quot;&lt;/dt&gt;
+     &lt;dd&gt;Let &lt;var title=3D&quot;&quot;&gt;direction&lt;/var&gt;=
 be '&lt;a href=3D#concept-ltr title=3Dconcept-ltr&gt;ltr&lt;/a&gt;'.&lt;=
/dd&gt;
+
+     &lt;dt&gt;If the &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt;=
 object's &lt;code title=3Ddom-context-2d-direction&gt;&lt;a href=3D#dom-=
context-2d-direction&gt;direction&lt;/a&gt;&lt;/code&gt; attribute has th=
e value &quot;&lt;code title=3Ddom-context-2d-direction-rtl&gt;rtl&lt;/co=
de&gt;&quot;&lt;/dt&gt;
+     &lt;dd&gt;Let &lt;var title=3D&quot;&quot;&gt;direction&lt;/var&gt;=
 be '&lt;a href=3D#concept-rtl title=3Dconcept-rtl&gt;rtl&lt;/a&gt;'.&lt;=
/dd&gt;
+
+&lt;!--
+     &lt;dt&gt;If the &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt;=
 object's &lt;code
+     title=3D&quot;dom-context-2d-direction&quot;&gt;direction&lt;/code&=
gt; attribute has the value &quot;&lt;code
+     title=3D&quot;dom-context-2d-direction-auto&quot;&gt;auto&lt;/code&=
gt;&quot;&lt;/dt&gt;
+     &lt;dd&gt;
+      Find the first character in &lt;var title=3D&quot;&quot;&gt;text&l=
t;/var&gt; of bidirectional character type L, AL, or
+      R, if any. If such a character is found and it is of bidirectional=
 character type AL or R,
+      then let &lt;var title=3D&quot;&quot;&gt;direction&lt;/var&gt; be =
'&lt;span title=3D&quot;concept-rtl&quot;&gt;rtl&lt;/span&gt;'; otherwise=
,
+      let &lt;var title=3D&quot;&quot;&gt;direction&lt;/var&gt; be '&lt;=
span title=3D&quot;concept-rtl&quot;&gt;rtl&lt;/span&gt;'. &lt;a
+      href=3D&quot;#refsBIDI&quot;&gt;[BIDI]&lt;/a&gt;
+     &lt;/dd&gt;
+--&gt;
+
+     &lt;dt&gt;If the &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt;=
 object's &lt;a href=3D#font-style-source-object&gt;font style source obj=
ect&lt;/a&gt; is an
+     element&lt;/dt&gt;
+
+     &lt;dd&gt;Let &lt;var title=3D&quot;&quot;&gt;direction&lt;/var&gt;=
 be &lt;a href=3D#the-directionality&gt;the directionality&lt;/a&gt; of t=
he &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt; object's &lt;a href=
=3D#font-style-source-object&gt;font style source object&lt;/a&gt;.&lt;/d=
d&gt;
+
+     &lt;dt&gt;If the &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt;=
 object's &lt;a href=3D#font-style-source-object&gt;font style source obj=
ect&lt;/a&gt; is a
+     &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&g=
t; and that &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/=
code&gt; has a root element child&lt;/dt&gt;
+
+     &lt;dd&gt;Let &lt;var title=3D&quot;&quot;&gt;direction&lt;/var&gt;=
 be &lt;a href=3D#the-directionality&gt;the directionality&lt;/a&gt; of t=
he &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt; object's &lt;a href=
=3D#font-style-source-object&gt;font style source object&lt;/a&gt;'s root=
 element child.&lt;/dd&gt;
+
+     &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+     &lt;dd&gt;Let &lt;var title=3D&quot;&quot;&gt;direction&lt;/var&gt;=
 be '&lt;a href=3D#concept-ltr title=3Dconcept-ltr&gt;ltr&lt;/a&gt;'.&lt;=
/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Form a hypothetical infinitely-wide CSS line box c=
ontaining a single inline box containing
+   the text &lt;var title=3D&quot;&quot;&gt;text&lt;/var&gt;, with all t=
he properties at their initial values except the
+   'font' property of the inline box set to &lt;var title=3D&quot;&quot;=
&gt;font&lt;/var&gt;, the 'direction' property of
+   the inline box set to &lt;var title=3D&quot;&quot;&gt;direction&lt;/v=
ar&gt;, and the 'white-space' property set to 'pre'.
+   &lt;a href=3D#refsCSS&gt;[CSS]&lt;/a&gt;&lt;/li&gt;
+
+   &lt;!-- if you insert a step here, make sure to adjust the next step'=
s final words --&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;maxWidth&lt;/va=
r&gt; was provided and the hypothetical width of the inline box
+   in the hypothetical line box is greater than &lt;var title=3D&quot;&q=
uot;&gt;maxWidth&lt;/var&gt; CSS pixels, then change
+   &lt;var title=3D&quot;&quot;&gt;font&lt;/var&gt; to have a more conde=
nsed font (if one is available or if a reasonably
+   readable one can be synthesized by applying a horizontal scale factor=
 to the font) or a smaller
+   font, and return to the previous step.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;The &lt;var title=3D&quot;&quot;&gt;anchor point&lt;/var&gt=
; is a point on the inline box, and the &lt;var title=3D&quot;&quot;&gt;p=
hysical alignment&lt;/var&gt; is one of the values &lt;i&gt;left&lt;/i&gt=
;, &lt;i&gt;right&lt;/i&gt;, and &lt;i title=3D&quot;&quot;&gt;center&lt;=
/i&gt;. These variables are determined by the &lt;code title=3Ddom-contex=
t-2d-textAlign&gt;&lt;a href=3D#dom-context-2d-textalign&gt;textAlign&lt;=
/a&gt;&lt;/code&gt; and &lt;code title=3Ddom-context-2d-textBaseline&gt;&=
lt;a href=3D#dom-context-2d-textbaseline&gt;textBaseline&lt;/a&gt;&lt;/co=
de&gt; values as follows:&lt;/p&gt;
+
+    &lt;p&gt;Horizontal position:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;If &lt;code title=3Ddom-context-2d-textAlign&gt;=
&lt;a href=3D#dom-context-2d-textalign&gt;textAlign&lt;/a&gt;&lt;/code&gt=
; is &lt;code title=3Ddom-concept-2d-textAlign-left&gt;&lt;a href=3D#dom-=
concept-2d-textalign-left&gt;left&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+     &lt;dt&gt;If &lt;code title=3Ddom-context-2d-textAlign&gt;&lt;a hre=
f=3D#dom-context-2d-textalign&gt;textAlign&lt;/a&gt;&lt;/code&gt; is &lt;=
code title=3Ddom-concept-2d-textAlign-start&gt;&lt;a href=3D#dom-concept-=
2d-textalign-start&gt;start&lt;/a&gt;&lt;/code&gt; and &lt;var title=3D&q=
uot;&quot;&gt;direction&lt;/var&gt; is
+     'ltr'&lt;/dt&gt;
+
+     &lt;dt&gt;If &lt;code title=3Ddom-context-2d-textAlign&gt;&lt;a hre=
f=3D#dom-context-2d-textalign&gt;textAlign&lt;/a&gt;&lt;/code&gt; is &lt;=
code title=3Ddom-concept-2d-textAlign-end&gt;&lt;a href=3D#dom-concept-2d=
-textalign-end&gt;end&lt;/a&gt;&lt;/code&gt; and &lt;var title=3D&quot;&q=
uot;&gt;direction&lt;/var&gt; is 'rtl'&lt;/dt&gt;
+
+     &lt;dd&gt;Let the &lt;var title=3D&quot;&quot;&gt;anchor point&lt;/=
var&gt;'s horizontal position be the left edge of the
+     inline box, and let &lt;var title=3D&quot;&quot;&gt;physical alignm=
ent&lt;/var&gt; be &lt;i&gt;left&lt;/i&gt;.&lt;/dd&gt;
+
+
+     &lt;dt&gt;If &lt;code title=3Ddom-context-2d-textAlign&gt;&lt;a hre=
f=3D#dom-context-2d-textalign&gt;textAlign&lt;/a&gt;&lt;/code&gt; is &lt;=
code title=3Ddom-concept-2d-textAlign-right&gt;&lt;a href=3D#dom-concept-=
2d-textalign-right&gt;right&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+     &lt;dt&gt;If &lt;code title=3Ddom-context-2d-textAlign&gt;&lt;a hre=
f=3D#dom-context-2d-textalign&gt;textAlign&lt;/a&gt;&lt;/code&gt; is &lt;=
code title=3Ddom-concept-2d-textAlign-end&gt;&lt;a href=3D#dom-concept-2d=
-textalign-end&gt;end&lt;/a&gt;&lt;/code&gt; and &lt;var title=3D&quot;&q=
uot;&gt;direction&lt;/var&gt; is 'ltr'&lt;/dt&gt;
+
+     &lt;dt&gt;If &lt;code title=3Ddom-context-2d-textAlign&gt;&lt;a hre=
f=3D#dom-context-2d-textalign&gt;textAlign&lt;/a&gt;&lt;/code&gt; is &lt;=
code title=3Ddom-concept-2d-textAlign-start&gt;&lt;a href=3D#dom-concept-=
2d-textalign-start&gt;start&lt;/a&gt;&lt;/code&gt; and &lt;var title=3D&q=
uot;&quot;&gt;direction&lt;/var&gt; is
+     'rtl'&lt;/dt&gt;
+
+     &lt;dd&gt;Let the &lt;var title=3D&quot;&quot;&gt;anchor point&lt;/=
var&gt;'s horizontal position be the right edge of the
+     inline box, and let &lt;var title=3D&quot;&quot;&gt;physical alignm=
ent&lt;/var&gt; be &lt;i&gt;right&lt;/i&gt;.&lt;/dd&gt;
+
+
+     &lt;dt&gt;If &lt;code title=3Ddom-context-2d-textAlign&gt;&lt;a hre=
f=3D#dom-context-2d-textalign&gt;textAlign&lt;/a&gt;&lt;/code&gt; is &lt;=
code title=3Ddom-concept-2d-textAlign-center&gt;&lt;a href=3D#dom-concept=
-2d-textalign-center&gt;center&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;Let the &lt;var title=3D&quot;&quot;&gt;anchor point&lt;/=
var&gt;'s horizontal position be half way between the left
+     and right edges of the inline box, and let &lt;var title=3D&quot;&q=
uot;&gt;physical alignment&lt;/var&gt; be &lt;i title=3D&quot;&quot;&gt;c=
enter&lt;/i&gt;.&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;p&gt;Vertical position:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;If &lt;code title=3Ddom-context-2d-textBaseline&=
gt;&lt;a href=3D#dom-context-2d-textbaseline&gt;textBaseline&lt;/a&gt;&lt=
;/code&gt; is &lt;code title=3Ddom-context-2d-textBaseline-top&gt;&lt;a h=
ref=3D#dom-context-2d-textbaseline-top&gt;top&lt;/a&gt;&lt;/code&gt;&lt;/=
dt&gt;
+
+     &lt;dd&gt;Let the &lt;var title=3D&quot;&quot;&gt;anchor point&lt;/=
var&gt;'s vertical position be the top of the em box of
+     the first available font of the inline box.&lt;/dd&gt;
+
+
+     &lt;dt&gt;If &lt;code title=3Ddom-context-2d-textBaseline&gt;&lt;a =
href=3D#dom-context-2d-textbaseline&gt;textBaseline&lt;/a&gt;&lt;/code&gt=
; is &lt;code title=3Ddom-context-2d-textBaseline-hanging&gt;&lt;a href=3D=
#dom-context-2d-textbaseline-hanging&gt;hanging&lt;/a&gt;&lt;/code&gt;&lt=
;/dt&gt;
+
+     &lt;dd&gt;Let the &lt;var title=3D&quot;&quot;&gt;anchor point&lt;/=
var&gt;'s vertical position be the hanging baseline of the
+     first available font of the inline box.&lt;/dd&gt;
+
+
+     &lt;dt&gt;If &lt;code title=3Ddom-context-2d-textBaseline&gt;&lt;a =
href=3D#dom-context-2d-textbaseline&gt;textBaseline&lt;/a&gt;&lt;/code&gt=
; is &lt;code title=3Ddom-context-2d-textBaseline-middle&gt;&lt;a href=3D=
#dom-context-2d-textbaseline-middle&gt;middle&lt;/a&gt;&lt;/code&gt;&lt;/=
dt&gt;
+
+     &lt;dd&gt;Let the &lt;var title=3D&quot;&quot;&gt;anchor point&lt;/=
var&gt;'s vertical position be half way between the bottom
+     and the top of the em box of the first available font of the inline=
 box.&lt;/dd&gt;
+
+
+     &lt;dt&gt;If &lt;code title=3Ddom-context-2d-textBaseline&gt;&lt;a =
href=3D#dom-context-2d-textbaseline&gt;textBaseline&lt;/a&gt;&lt;/code&gt=
; is &lt;code title=3Ddom-context-2d-textBaseline-alphabetic&gt;&lt;a hre=
f=3D#dom-context-2d-textbaseline-alphabetic&gt;alphabetic&lt;/a&gt;&lt;/c=
ode&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;Let the &lt;var title=3D&quot;&quot;&gt;anchor point&lt;/=
var&gt;'s vertical position be the alphabetic baseline of
+     the first available font of the inline box.&lt;/dd&gt;
+
+
+     &lt;dt&gt;If &lt;code title=3Ddom-context-2d-textBaseline&gt;&lt;a =
href=3D#dom-context-2d-textbaseline&gt;textBaseline&lt;/a&gt;&lt;/code&gt=
; is &lt;code title=3Ddom-context-2d-textBaseline-ideographic&gt;&lt;a hr=
ef=3D#dom-context-2d-textbaseline-ideographic&gt;ideographic&lt;/a&gt;&lt=
;/code&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;Let the &lt;var title=3D&quot;&quot;&gt;anchor point&lt;/=
var&gt;'s vertical position be the ideographic baseline of
+     the first available font of the inline box.&lt;/dd&gt;
+
+
+     &lt;dt&gt;If &lt;code title=3Ddom-context-2d-textBaseline&gt;&lt;a =
href=3D#dom-context-2d-textbaseline&gt;textBaseline&lt;/a&gt;&lt;/code&gt=
; is &lt;code title=3Ddom-context-2d-textBaseline-bottom&gt;&lt;a href=3D=
#dom-context-2d-textbaseline-bottom&gt;bottom&lt;/a&gt;&lt;/code&gt;&lt;/=
dt&gt;
+
+     &lt;dd&gt;Let the &lt;var title=3D&quot;&quot;&gt;anchor point&lt;/=
var&gt;'s vertical position be the bottom of the em box of
+     the first available font of the inline box.&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;result&lt;/var&gt; be a=
n array constructed by iterating over each glyph in the
+    inline box from left to right (if any), adding to the array, for eac=
h glyph, the shape of the
+    glyph as it is in the inline box, positioned on a coordinate space u=
sing CSS pixels with its
+    origin is at the &lt;var title=3D&quot;&quot;&gt;anchor point&lt;/va=
r&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;result&lt;/=
var&gt;, &lt;var title=3D&quot;&quot;&gt;physical alignment&lt;/var&gt;, =
and the inline
+   box.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;h6 id=3Dbuilding-paths&gt;&lt;span class=3Dsecno&gt;4.1=
2.4.2.6 &lt;/span&gt;Building paths&lt;/h6&gt;
+
+  &lt;p&gt;Each object implementing the &lt;code&gt;&lt;a href=3D#canvas=
pathmethods&gt;CanvasPathMethods&lt;/a&gt;&lt;/code&gt; interface has a &=
lt;a href=3D#concept-path title=3Dconcept-path&gt;path&lt;/a&gt;. A &lt;d=
fn id=3Dconcept-path title=3Dconcept-path&gt;path&lt;/dfn&gt; has a list =
of zero or
+  more subpaths. Each subpath consists of a list of one or more points, =
connected by straight or
+  curved lines, and a flag indicating whether the subpath is closed or n=
ot. A closed subpath is one
+  where the last point of the subpath is connected to the first point of=
 the subpath by a straight
+  line. Subpaths with only one point are ignored when painting the path.=
&lt;/p&gt;
+
+  &lt;p&gt;When an object implementing the &lt;code&gt;&lt;a href=3D#can=
vaspathmethods&gt;CanvasPathMethods&lt;/a&gt;&lt;/code&gt; interface is c=
reated, its &lt;a href=3D#concept-path title=3Dconcept-path&gt;path&lt;/a=
&gt; must be initialized to zero subpaths.&lt;/p&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;c=
ontext&lt;/var&gt; . &lt;code title=3Ddom-context-2d-moveTo&gt;&lt;a href=
=3D#dom-context-2d-moveto&gt;moveTo&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D=
&quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&=
gt;)&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt; . &lt;code=
 title=3Ddom-context-2d-moveTo&gt;&lt;a href=3D#dom-context-2d-moveto&gt;=
moveTo&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;x&lt;/var&g=
t;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Creates a new subpath with the given point.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-closePath&gt;&lt;a href=3D#dom-context-2d-clos=
epath&gt;closePath&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt; . &lt;code=
 title=3Ddom-context-2d-closePath&gt;&lt;a href=3D#dom-context-2d-closepa=
th&gt;closePath&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Marks the current subpath as closed, and starts a new subpa=
th with a point the same as the
+    start and end of the newly closed subpath.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-lineTo&gt;&lt;a href=3D#dom-context-2d-lineto&=
gt;lineTo&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;x&lt;/va=
r&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;)&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt; . &lt;code=
 title=3Ddom-context-2d-lineTo&gt;&lt;a href=3D#dom-context-2d-lineto&gt;=
lineTo&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;x&lt;/var&g=
t;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Adds the given point to the current subpath, connected to t=
he previous one by a straight
+    line.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-quadraticCurveTo&gt;&lt;a href=3D#dom-context-=
2d-quadraticcurveto&gt;quadraticCurveTo&lt;/a&gt;&lt;/code&gt;(&lt;var ti=
tle=3D&quot;&quot;&gt;cpx&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;cp=
y&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var tit=
le=3D&quot;&quot;&gt;y&lt;/var&gt;)&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt; . &lt;code=
 title=3Ddom-context-2d-quadraticCurveTo&gt;&lt;a href=3D#dom-context-2d-=
quadraticcurveto&gt;quadraticCurveTo&lt;/a&gt;&lt;/code&gt;(&lt;var title=
=3D&quot;&quot;&gt;cpx&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;cpy&l=
t;/var&gt;, &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D=
&quot;&quot;&gt;y&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Adds the given point to the current subpath, connected to t=
he previous one by a quadratic
+    B&amp;eacute;zier curve with the given control point.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-bezierCurveTo&gt;&lt;a href=3D#dom-context-2d-=
beziercurveto&gt;bezierCurveTo&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&qu=
ot;&quot;&gt;cp1x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;cp1y&lt;/v=
ar&gt;, &lt;var title=3D&quot;&quot;&gt;cp2x&lt;/var&gt;, &lt;var title=3D=
&quot;&quot;&gt;cp2y&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;x&lt;/v=
ar&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;)&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt; . &lt;code=
 title=3Ddom-context-2d-bezierCurveTo&gt;&lt;a href=3D#dom-context-2d-bez=
iercurveto&gt;bezierCurveTo&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;=
&quot;&gt;cp1x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;cp1y&lt;/var&=
gt;, &lt;var title=3D&quot;&quot;&gt;cp2x&lt;/var&gt;, &lt;var title=3D&q=
uot;&quot;&gt;cp2y&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;x&lt;/var=
&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Adds the given point to the current subpath, connected to t=
he previous one by a cubic
+    B&amp;eacute;zier curve with the given control points.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-arcTo&gt;&lt;a href=3D#dom-context-2d-arcto&gt=
;arcTo&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;x1&lt;/var&=
gt;, &lt;var title=3D&quot;&quot;&gt;y1&lt;/var&gt;, &lt;var title=3D&quo=
t;&quot;&gt;x2&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y2&lt;/var&gt=
;, &lt;var title=3D&quot;&quot;&gt;radiusX&lt;/var&gt; [, &lt;var title=3D=
&quot;&quot;&gt;radiusY&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;rota=
tion&lt;/var&gt; ])&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt; . &lt;code=
 title=3Ddom-context-2d-arcTo&gt;&lt;a href=3D#dom-context-2d-arcto&gt;ar=
cTo&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;x1&lt;/var&gt;=
, &lt;var title=3D&quot;&quot;&gt;y1&lt;/var&gt;, &lt;var title=3D&quot;&=
quot;&gt;x2&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y2&lt;/var&gt;, =
&lt;var title=3D&quot;&quot;&gt;radiusX&lt;/var&gt; [, &lt;var title=3D&q=
uot;&quot;&gt;radiusY&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;rotati=
on&lt;/var&gt; ])&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Adds an arc with the given control points and radius to the=
 current subpath, connected to the
+    previous point by a straight line.&lt;/p&gt;
+
+    &lt;p&gt;If two radii are provided, the first controls the width of =
the arc's ellipse, and the second
+    controls the height. If only one is provided, or if they are the sam=
e, the arc is from a circle.
+    In the case of an ellipse, the rotation argument controls the clockw=
ise inclination of the
+    ellipse relative to the x-axis.&lt;/p&gt;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;Index=
SizeError&lt;/a&gt;&lt;/code&gt; exception if the given radius is negativ=
e.&lt;/p&gt;
+
+    &lt;figure class=3Ddiagrams&gt;&lt;!-- if anyone wants to try writin=
g alternative text for these,
+     be my guest. I can't work out how to describe them. --&gt;&lt;img s=
rc=3Dhttp://images.whatwg.org/arcTo1.png width=3D357 alt=3D&quot;&quot; h=
eight=3D254&gt;&lt;img src=3Dhttp://images.whatwg.org/arcTo2.png width=3D=
468 alt=3D&quot;&quot; height=3D310&gt;&lt;img src=3Dhttp://images.whatwg=
.org/arcTo3.png width=3D513 alt=3D&quot;&quot; height=3D233&gt;&lt;/figur=
e&gt;&lt;!--
+
+c.clearRect(0, 0, 640, 480);
+c.save();
+try {
+  var x0 =3D 150;
+  var y0 =3D 100;
+  var x1 =3D 375;
+  var y1 =3D 100;
+  var x2 =3D x1;
+  var y2 =3D 250;
+  var r =3D 50;
+
+  var bottom =3D 210;
+  var center =3D 100;
+
+  var fontSize =3D 16;
+  var margin =3D 50;
+  var dotHalfSize =3D 5;
+
+  // (also update the label positions at the bottom)
+
+
+  // =3D=3D=3D=3D=3D=3D=3D=3D
+
+  function extendLine(xa,ya,xb,yb) {
+    var dx =3D xb-xa;
+    var dy =3D yb-ya;
+    var theta =3D Math.atan2(dx,dy);
+    var extX =3D margin * Math.sin(theta);
+    var extY =3D margin * Math.cos(theta);
+    c.beginPath();
+    c.moveTo(xa-extX,ya-extY);
+    c.lineTo(xb+extX,yb+extY);
+    c.stroke();
+  }
+
+  function dot(x,y,s) {
+    c.beginPath();
+    c.arc(x,y,dotHalfSize,0,Math.PI*2);
+    c.fill();
+    c.textAlign =3D 'left';
+    c.textBaseline =3D 'top';
+    c.fillText(s,x+dotHalfSize,y);
+  }
+
+  c.font =3D fontSize + 'px Gill Sans';
+  c.fillStyle =3D 'black';
+  c.lineWidth =3D 1;
+  c.strokeStyle =3D 'red';
+  extendLine(x0,y0,x1,y1);
+  extendLine(x1,y1,x2,y2);
+
+  c.lineWidth =3D 1;
+  c.strokeStyle =3D 'silver';
+  c.beginPath();
+  c.moveTo(x0,y0);
+
+  // based on http://lists.freedesktop.org/archives/cairo/2005-August/00=
4801.html
+  var angle0, angle1, angle2, angled;
+  var xc, yc, dc;
+  angle0 =3D Math.atan2(y0 - y1, x0 - x1);
+  angle2 =3D Math.atan2(y2 - y1, x2 - x1);
+  angle1 =3D (angle0 + angle2) / 2;
+  angled =3D angle2 - angle0;
+  if (angled &gt; Math.PI || (angled &lt; 0 &amp;&amp; angled &gt; -Math=
.PI)) {
+    angle1 +=3D Math.PI;
+    angled =3D 2 * Math.PI - angled;
+    angle0 +=3D Math.PI*2;
+    angle2 -=3D Math.PI*2;
+  } else {
+    angle0 -=3D Math.PI*2;
+    angle2 +=3D Math.PI*2;
+  }
+  dc =3D r / Math.sin (angled / 2);
+  yc =3D Math.sin(angle1);
+  xc =3D Math.cos(angle1);
+  xc =3D x1 + xc * dc;
+  yc =3D y1 + yc * dc;
+
+  c.lineWidth =3D 1;
+  c.strokeStyle =3D 'blue';
+  c.beginPath();
+  c.moveTo(xc,yc);
+  c.arc(xc,yc,r, Math.PI*3/4, Math.PI*(3/4));
+  c.stroke();
+  c.beginPath();
+  c.strokeStyle =3D 'silver';
+  c.arc(xc,yc,r, Math.PI*3/4,Math.PI*(2+3/4));
+  c.stroke();
+  c.save();
+  try {
+    c.translate(xc, yc);
+    c.rotate(-Math.PI/4);
+    c.textAlign =3D 'center';
+    c.textBaseline =3D 'top';
+    c.fillText(&quot;radius&quot;, -r/2, 0);
+  } finally {
+    c.restore();
+  }
+
+  c.lineWidth =3D 15;
+  c.lineCap =3D 'round';
+  c.strokeStyle =3D 'rgba(20,200,40,0.8)';
+  c.beginPath();
+  c.moveTo(x0,y0);
+  c.arcTo(x1,y1,x2,y2,r);
+  c.stroke();
+
+  dot(x0,y0, &quot;x\u2080,y\u2080&quot;);
+  dot(x1,y1, &quot;x\u2081,y\u2081&quot;);
+  dot(x2,y2, &quot;x\u2082,y\u2082&quot;);
+  dot(xc,yc, '');
+
+  c.textAlign =3D 'left';
+  c.textBaseline =3D 'alphabetic';
+  var L =3D 0;
+
+  function print(s) {
+    c.fillText(s, center, bottom+L*fontSize*1.3);
+    L +=3D 1;
+  }
+  print('// the thick line corresponds to:');
+  print('context.moveTo(x\u2080, y\u2080)');
+  print('context.arcTo(x\u2081, y\u2081, x\u2082, y\u2082, radius)');
+  print('context.stroke()');
+
+  c.fillStyle =3D 'green';
+  c.fillText(&quot;\u25be initial line&quot;, 160, 70);
+  c.textAlign =3D 'right';
+  c.fillText(&quot;arc \u25b8&quot;, x1-25, 115);
+
+} finally {
+  c.restore();
+}
+
+--&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-arc&gt;&lt;a href=3D#dom-context-2d-arc&gt;arc=
&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &l=
t;var title=3D&quot;&quot;&gt;y&lt;/var&gt;, &lt;var title=3D&quot;&quot;=
&gt;radius&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;startAngle&lt;/va=
r&gt;, &lt;var title=3D&quot;&quot;&gt;endAngle&lt;/var&gt; [, &lt;var ti=
tle=3D&quot;&quot;&gt;anticlockwise&lt;/var&gt; ] )&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt; . &lt;code=
 title=3Ddom-context-2d-arc&gt;&lt;a href=3D#dom-context-2d-arc&gt;arc&lt=
;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;v=
ar title=3D&quot;&quot;&gt;y&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt=
;radius&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;startAngle&lt;/var&g=
t;, &lt;var title=3D&quot;&quot;&gt;endAngle&lt;/var&gt; [, &lt;var title=
=3D&quot;&quot;&gt;anticlockwise&lt;/var&gt; ] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Adds points to the subpath such that the arc described by t=
he circumference of the circle
+    described by the arguments, starting at the given start angle and en=
ding at the given end angle,
+    going in the given direction (defaulting to clockwise), is added to =
the path, connected to the
+    previous point by a straight line.&lt;/p&gt;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;Index=
SizeError&lt;/a&gt;&lt;/code&gt; exception if the given radius is negativ=
e.&lt;/p&gt;
+
+    &lt;figure class=3Ddiagrams&gt;&lt;!-- if anyone wants to try writin=
g alternative text for this, be my guest. I can't work out how to describ=
e it. --&gt;&lt;img src=3Dhttp://images.whatwg.org/arc1.png width=3D590 a=
lt=3D&quot;&quot; height=3D255&gt;&lt;/figure&gt;&lt;!--
+
+c.clearRect(0, 0, 640, 480);
+c.save();
+try {
+  var x0 =3D 50;
+  var y0 =3D 200;
+  var x =3D 255;
+  var y =3D 150;
+  var radius =3D 100;
+  var startAngle =3D 2.0;
+  var endAngle =3D 5.7;
+  var direction =3D false;
+
+  var bottom =3D 110;
+  var center =3D 380;
+
+  var fontSize =3D 16;
+  var margin =3D 50;
+  var dotHalfSize =3D 5;
+  var arrowHead =3D 5;
+
+  // (also update the label positions at the bottom)
+
+  // =3D=3D=3D=3D=3D=3D=3D=3D
+
+  function dot(x,y,s) {
+    c.beginPath();
+    c.arc(x,y,dotHalfSize,0,Math.PI*2);
+    c.fill();
+    c.textAlign =3D 'center';
+    c.textBaseline =3D 'top';
+    c.fillText(s,x,y+dotHalfSize);
+  }
+
+  function arc(x, y, r, sA, eA, d, fr, s) {
+    c.lineWidth =3D 1;
+    c.strokeStyle =3D 'red';
+    c.beginPath();
+    c.arc(x, y, r, sA, eA, d);
+    c.stroke();
+
+    c.save();
+    c.translate(x, y);
+    c.rotate(eA);
+    c.beginPath();
+    c.moveTo(r-arrowHead, d?arrowHead:-arrowHead);
+    c.lineTo(r, 0);
+    c.lineTo(r+arrowHead, d?arrowHead:-arrowHead);
+    c.stroke();
+    c.strokeStyle =3D 'silver';
+    c.beginPath();
+    c.moveTo(0, 0);
+    c.lineTo(fr, 0);
+    c.stroke();
+    c.restore();
+
+    c.fillStyle =3D 'black';
+    if (eA&lt;Math.PI) {
+      c.save();
+      c.translate(x, y);
+      c.rotate(sA+(eA-sA)/2-Math.PI/2);
+      c.translate(0, r);
+      c.rotate(-(sA+(eA-sA)/2-Math.PI/2));
+      c.beginPath();
+      c.textAlign =3D 'center';
+      c.textBaseline =3D 'bottom';
+      c.fillText(s + '  ',0,0);
+      c.restore();
+    } else {
+      c.save();
+      c.beginPath();
+      c.textAlign =3D 'left';
+      c.textBaseline =3D 'middle';
+      c.fillText(' ' + s,x-r,y);
+      c.restore();
+    }
+  }
+
+  function radial(x, y, length, rotation, s) {
+    c.lineWidth =3D 1;
+    c.strokeStyle =3D 'blue';
+    c.save();
+    c.translate(x, y);
+    c.rotate(rotation);
+    c.beginPath();
+    c.moveTo(0, 0);
+    c.lineTo(length, 0);
+    c.stroke();
+    c.textAlign =3D 'center';
+    c.textBaseline =3D 'bottom';
+    c.fillStyle =3D 'black';
+    c.fillText(s,length/2,0);
+    c.restore();
+  }
+
+  c.font =3D fontSize + 'px Gill Sans';
+
+  // construction lines
+  c.lineWidth =3D 1;
+  c.strokeStyle =3D 'silver';
+  // circle
+  c.beginPath();
+  c.arc(x, y, radius, 0, 2*Math.PI);
+  c.stroke();
+  // angles
+  arc(x, y, radius/10+2*radius/3, 0, startAngle, false, radius, '\u03B1'=
);
+  arc(x, y, radius/10+radius/3, 0, endAngle, false, radius, '\u03B2');
+  // radii
+  radial(x, y, radius, 0, 'radius');
+
+  // the line
+  c.lineWidth =3D 15;
+  c.lineCap =3D 'round';
+  c.strokeStyle =3D 'rgba(20,200,40,0.8)';
+  c.beginPath();
+  c.moveTo(x0,y0);
+  c.arc(x,y,radius,startAngle,endAngle,direction);
+  c.stroke();
+
+  dot(x0,y0, &quot;x\u2080,y\u2080&quot;);
+  dot(x,y, &quot;x,y&quot;);
+
+  c.textAlign =3D 'left';
+  c.textBaseline =3D 'alphabetic';
+  var L =3D 0;
+
+  function print(s) {
+    c.fillText(s, center, bottom+L*fontSize*1.3);
+    L +=3D 1;
+  }
+  print('// the thick line corresponds to:');
+  print('context.moveTo(x\u2080, y\u2080)');
+  print('context.arc(x, y, radius, \u03B1, \u03B2)');
+  print('context.stroke()');
+
+  c.fillStyle =3D 'green';
+
+  c.textBaseline =3D 'top';
+  c.fillText(&quot;initial line \u25b4&quot;, x0+20, y0+fontSize*2);
+
+  c.textAlign =3D 'right';
+  c.textBaseline =3D 'middle';
+  c.fillText(&quot;arc \u25b8&quot;, x-radius-15, y);
+
+} finally {
+  c.restore();
+}
+--&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-ellipse&gt;&lt;a href=3D#dom-context-2d-ellips=
e&gt;ellipse&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;x&lt;=
/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;, &lt;var title=3D=
&quot;&quot;&gt;radiusX&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;radi=
usY&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;rotation&lt;/var&gt;, &l=
t;var title=3D&quot;&quot;&gt;startAngle&lt;/var&gt;, &lt;var title=3D&qu=
ot;&quot;&gt;endAngle&lt;/var&gt; [, &lt;var title=3D&quot;&quot;&gt;anti=
clockwise&lt;/var&gt;] )&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt; . &lt;code=
 title=3Ddom-context-2d-ellipse&gt;&lt;a href=3D#dom-context-2d-ellipse&g=
t;ellipse&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;x&lt;/va=
r&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;, &lt;var title=3D&qu=
ot;&quot;&gt;radiusX&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;radiusY=
&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;rotation&lt;/var&gt;, &lt;v=
ar title=3D&quot;&quot;&gt;startAngle&lt;/var&gt;, &lt;var title=3D&quot;=
&quot;&gt;endAngle&lt;/var&gt; [, &lt;var title=3D&quot;&quot;&gt;anticlo=
ckwise&lt;/var&gt;] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Adds points to the subpath such that the arc described by t=
he circumference of the ellipse
+    described by the arguments, starting at the given start angle and en=
ding at the given end angle,
+    going in the given direction (defaulting to clockwise), is added to =
the path, connected to the
+    previous point by a straight line.&lt;/p&gt;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;Index=
SizeError&lt;/a&gt;&lt;/code&gt; exception if the given radius is negativ=
e.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-rect&gt;&lt;a href=3D#dom-context-2d-rect&gt;r=
ect&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;,=
 &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;, &lt;var title=3D&quot;&qu=
ot;&gt;w&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;h&lt;/var&gt;)&lt;/=
dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt; . &lt;code=
 title=3Ddom-context-2d-rect&gt;&lt;a href=3D#dom-context-2d-rect&gt;rect=
&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &l=
t;var title=3D&quot;&quot;&gt;y&lt;/var&gt;, &lt;var title=3D&quot;&quot;=
&gt;w&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;h&lt;/var&gt;)&lt;/dt&=
gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Adds a new closed subpath to the path, representing the giv=
en rectangle.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The following methods allow authors to manipulate the &lt;a h=
ref=3D#concept-path title=3Dconcept-path&gt;paths&lt;/a&gt;
+  of objects implementing the &lt;code&gt;&lt;a href=3D#canvaspathmethod=
s&gt;CanvasPathMethods&lt;/a&gt;&lt;/code&gt; interface.&lt;/p&gt;
+
+  &lt;p&gt;For &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;Can=
vasRenderingContext2D&lt;/a&gt;&lt;/code&gt; objects, the points passed t=
o the methods, and the
+  resulting lines added to &lt;a href=3D#current-default-path&gt;current=
 default path&lt;/a&gt; by these methods, must be transformed
+  according to the &lt;a href=3D#transformations title=3Ddom-context-2d-=
transformation&gt;current transformation matrix&lt;/a&gt;
+  before being added to the path.&lt;/p&gt;
+
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-moveto title=3Ddom-context-2d=
-moveTo&gt;&lt;code&gt;moveTo(&lt;var title=3D&quot;&quot;&gt;x&lt;/var&g=
t;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&g=
t; method must create a new subpath with the specified point as its
+  first (and only) point.&lt;/p&gt;
+
+  &lt;p&gt;When the user agent is to &lt;dfn id=3Densure-there-is-a-subp=
ath&gt;ensure there is a subpath&lt;/dfn&gt; for a coordinate (&lt;var ti=
tle=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt=
;/var&gt;) on a &lt;a href=3D#concept-path title=3Dconcept-path&gt;path&l=
t;/a&gt;, the user
+  agent must check to see if the &lt;a href=3D#concept-path title=3Dconc=
ept-path&gt;path&lt;/a&gt; has any subpaths, and if it
+  does not, then the user agent must create a new subpath with the point=
 (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;,
+  &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;) as its first (and only)=
 point, as if the &lt;code title=3Ddom-context-2d-moveTo&gt;&lt;a href=3D=
#dom-context-2d-moveto&gt;moveTo()&lt;/a&gt;&lt;/code&gt; method had been=
 called.&lt;/p&gt;
+
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-closepath title=3Ddom-context=
-2d-closePath&gt;&lt;code&gt;closePath()&lt;/code&gt;&lt;/dfn&gt; method =
must do nothing
+  if the object's path has no subpaths. Otherwise, it must mark the last=
 subpath as closed, create a
+  new subpath whose first point is the same as the previous subpath's fi=
rst point, and finally add
+  this new subpath to the path.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;If the last subpath had more than one point in i=
ts list of points, then this is
+  equivalent to adding a straight line connecting the last point back to=
 the first point, thus
+  &quot;closing&quot; the shape, and then repeating the last (possibly i=
mplied) &lt;code title=3Ddom-context-2d-moveTo&gt;&lt;a href=3D#dom-conte=
xt-2d-moveto&gt;moveTo()&lt;/a&gt;&lt;/code&gt; call.&lt;/p&gt;
+
+
+  &lt;p&gt;New points and the lines connecting them are added to subpath=
s using the methods described
+  below. In all cases, the methods only modify the last subpath in the o=
bject's path.&lt;/p&gt;
+
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-lineto title=3Ddom-context-2d=
-lineTo&gt;&lt;code&gt;lineTo(&lt;var title=3D&quot;&quot;&gt;x&lt;/var&g=
t;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&g=
t; method must &lt;a href=3D#ensure-there-is-a-subpath&gt;ensure there is=
 a subpath&lt;/a&gt; for &lt;span title=3D&quot;&quot;&gt;(&lt;var title=3D=
&quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&=
gt;)&lt;/span&gt; if the object's path has no
+  subpaths. Otherwise, it must connect the last point in the subpath to =
the given point (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var t=
itle=3D&quot;&quot;&gt;y&lt;/var&gt;) using a straight line, and must the=
n add the given point
+  (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;=
&quot;&gt;y&lt;/var&gt;) to the subpath.&lt;/p&gt;
+
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-quadraticcurveto title=3Ddom-=
context-2d-quadraticCurveTo&gt;&lt;code&gt;quadraticCurveTo(&lt;var title=
=3D&quot;&quot;&gt;cpx&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;cpy&l=
t;/var&gt;, &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D=
&quot;&quot;&gt;y&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; method must &lt;a=
 href=3D#ensure-there-is-a-subpath&gt;ensure there is a subpath&lt;/a&gt;=
 for &lt;span title=3D&quot;&quot;&gt;(&lt;var title=3D&quot;&quot;&gt;cp=
x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;cpy&lt;/var&gt;)&lt;/span&=
gt;, and then must connect the last
+  point in the subpath to the given point (&lt;var title=3D&quot;&quot;&=
gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;) using a
+  quadratic B&amp;eacute;zier curve with control point (&lt;var title=3D=
&quot;&quot;&gt;cpx&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;cpy&lt;/=
var&gt;), and must then add the given point (&lt;var title=3D&quot;&quot;=
&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;) to the =
subpath. &lt;a href=3D#refsBEZIER&gt;[BEZIER]&lt;/a&gt;&lt;/p&gt;
+
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-beziercurveto title=3Ddom-con=
text-2d-bezierCurveTo&gt;&lt;code&gt;bezierCurveTo(&lt;var title=3D&quot;=
&quot;&gt;cp1x&lt;/var&gt;,
+  &lt;var title=3D&quot;&quot;&gt;cp1y&lt;/var&gt;, &lt;var title=3D&quo=
t;&quot;&gt;cp2x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;cp2y&lt;/va=
r&gt;, &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&qu=
ot;&quot;&gt;y&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; method must &lt;a hr=
ef=3D#ensure-there-is-a-subpath&gt;ensure there is a
+  subpath&lt;/a&gt; for &lt;span title=3D&quot;&quot;&gt;(&lt;var title=3D=
&quot;&quot;&gt;cp1x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;cp1y&lt=
;/var&gt;)&lt;/span&gt;, and
+  then must connect the last point in the subpath to the given point (&l=
t;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;=
&gt;y&lt;/var&gt;) using a cubic B&amp;eacute;zier curve with control poi=
nts (&lt;var title=3D&quot;&quot;&gt;cp1x&lt;/var&gt;,
+  &lt;var title=3D&quot;&quot;&gt;cp1y&lt;/var&gt;) and (&lt;var title=3D=
&quot;&quot;&gt;cp2x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;cp2y&lt=
;/var&gt;). Then, it must
+  add the point (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var =
title=3D&quot;&quot;&gt;y&lt;/var&gt;) to the subpath. &lt;a href=3D#refs=
BEZIER&gt;[BEZIER]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-context-2d-arcto title=3Ddom-c=
ontext-2d-arcTo&gt;&lt;code&gt;arcTo(&lt;var title=3D&quot;&quot;&gt;x1&l=
t;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y1&lt;/var&gt;, &lt;var title=
=3D&quot;&quot;&gt;x2&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y2&lt;=
/var&gt;, &lt;var title=3D&quot;&quot;&gt;radiusX&lt;/var&gt;,
+  &lt;var title=3D&quot;&quot;&gt;radiusY&lt;/var&gt;, &lt;var title=3D&=
quot;&quot;&gt;rotation&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; method must=
 first
+  &lt;a href=3D#ensure-there-is-a-subpath&gt;ensure there is a subpath&l=
t;/a&gt; for &lt;span title=3D&quot;&quot;&gt;(&lt;var title=3D&quot;&quo=
t;&gt;x1&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y1&lt;/var&gt;)&lt;=
/span&gt;. Then, the behavior depends on the arguments and the last point=
 in the
+  subpath, as described below.&lt;/p&gt;
+
+  &lt;p&gt;Negative values for &lt;var title=3D&quot;&quot;&gt;radiusX&l=
t;/var&gt; or &lt;var title=3D&quot;&quot;&gt;radiusY&lt;/var&gt; must ca=
use the
+  implementation to throw an &lt;code&gt;&lt;a href=3D#indexsizeerror&gt=
;IndexSizeError&lt;/a&gt;&lt;/code&gt; exception. If &lt;var title=3D&quo=
t;&quot;&gt;radiusY&lt;/var&gt;
+  is omitted, user agents must act as if it had the same value as &lt;va=
r title=3D&quot;&quot;&gt;radiusX&lt;/var&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Let the point (&lt;var title=3D&quot;&quot;&gt;x0&lt;/var&gt;=
, &lt;var title=3D&quot;&quot;&gt;y0&lt;/var&gt;) be the last point in th=
e
+  subpath, transformed by the inverse of the &lt;a href=3D#transformatio=
ns title=3Ddom-context-2d-transformation&gt;current
+  transformation matrix&lt;/a&gt; (so that it is in the same coordinate =
system as the points passed to
+  the method).&lt;/p&gt;
+
+  &lt;p&gt;If the point (&lt;var title=3D&quot;&quot;&gt;x0&lt;/var&gt;,=
 &lt;var title=3D&quot;&quot;&gt;y0&lt;/var&gt;) is equal to the point (&=
lt;var title=3D&quot;&quot;&gt;x1&lt;/var&gt;, &lt;var title=3D&quot;&quo=
t;&gt;y1&lt;/var&gt;), or if the point (&lt;var title=3D&quot;&quot;&gt;x=
1&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y1&lt;/var&gt;) is equal t=
o the point (&lt;var title=3D&quot;&quot;&gt;x2&lt;/var&gt;, &lt;var titl=
e=3D&quot;&quot;&gt;y2&lt;/var&gt;), or if
+  both &lt;var title=3D&quot;&quot;&gt;radiusX&lt;/var&gt; and &lt;var t=
itle=3D&quot;&quot;&gt;radiusY&lt;/var&gt; are zero, then the method must
+  add the point (&lt;var title=3D&quot;&quot;&gt;x1&lt;/var&gt;, &lt;var=
 title=3D&quot;&quot;&gt;y1&lt;/var&gt;) to the subpath, and connect that
+  point to the previous point (&lt;var title=3D&quot;&quot;&gt;x0&lt;/va=
r&gt;, &lt;var title=3D&quot;&quot;&gt;y0&lt;/var&gt;) by a straight
+  line.&lt;/p&gt;
+
+  &lt;p&gt;Otherwise, if the points (&lt;var title=3D&quot;&quot;&gt;x0&=
lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y0&lt;/var&gt;), (&lt;var ti=
tle=3D&quot;&quot;&gt;x1&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y1&=
lt;/var&gt;), and (&lt;var title=3D&quot;&quot;&gt;x2&lt;/var&gt;, &lt;va=
r title=3D&quot;&quot;&gt;y2&lt;/var&gt;)
+  all lie on a single straight line, then the method must add the point =
(&lt;var title=3D&quot;&quot;&gt;x1&lt;/var&gt;,
+  &lt;var title=3D&quot;&quot;&gt;y1&lt;/var&gt;) to the subpath, and co=
nnect that point to the previous point (&lt;var title=3D&quot;&quot;&gt;x=
0&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y0&lt;/var&gt;) by a strai=
ght line.&lt;/p&gt;
+
+  &lt;p&gt;Otherwise, let &lt;var title=3D&quot;&quot;&gt;The Arc&lt;/va=
r&gt; be the shortest arc given by circumference of the
+  ellipse that has radius &lt;var title=3D&quot;&quot;&gt;radiusX&lt;/va=
r&gt; on the major axis and radius &lt;var title=3D&quot;&quot;&gt;radius=
Y&lt;/var&gt; on the minor axis, and whose semi-major axis is rotated &lt=
;var title=3D&quot;&quot;&gt;rotation&lt;/var&gt; radians clockwise from =
the positive x-axis, and that has one point tangent
+  to the half-infinite line that crosses the point (&lt;var title=3D&quo=
t;&quot;&gt;x0&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y0&lt;/var&gt=
;)
+  and ends at the point (&lt;var title=3D&quot;&quot;&gt;x1&lt;/var&gt;,=
 &lt;var title=3D&quot;&quot;&gt;y1&lt;/var&gt;), and that has a differen=
t
+  point tangent to the half-infinite line that ends at the point (&lt;va=
r title=3D&quot;&quot;&gt;x1&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt=
;y1&lt;/var&gt;) and crosses the point (&lt;var title=3D&quot;&quot;&gt;x=
2&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y2&lt;/var&gt;). The
+  points at which this ellipse touches these two lines are called the st=
art and end tangent points
+  respectively. The method must connect the point (&lt;var title=3D&quot=
;&quot;&gt;x0&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y0&lt;/var&gt;=
)
+  to the start tangent point by a straight line, adding the start tangen=
t point to the subpath, and
+  then must connect the start tangent point to the end tangent point by =
&lt;var title=3D&quot;&quot;&gt;The Arc&lt;/var&gt;,
+  adding the end tangent point to the subpath.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-context-2d-arc title=3Ddom-con=
text-2d-arc&gt;&lt;code&gt;arc(&lt;var title=3D&quot;&quot;&gt;x&lt;/var&=
gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;,
+  &lt;var title=3D&quot;&quot;&gt;radius&lt;/var&gt;, &lt;var title=3D&q=
uot;&quot;&gt;startAngle&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;end=
Angle&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;anticlockwise&lt;/var&=
gt;)&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Ddom-context-2d-ellipse tit=
le=3Ddom-context-2d-ellipse&gt;&lt;code&gt;ellipse(&lt;var title=3D&quot;=
&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;, &=
lt;var title=3D&quot;&quot;&gt;radiusX&lt;/var&gt;, &lt;var title=3D&quot=
;&quot;&gt;radiusY&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;rotation&=
lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;startAngle&lt;/var&gt;, &lt;=
var title=3D&quot;&quot;&gt;endAngle&lt;/var&gt;, &lt;var title=3D&quot;&=
quot;&gt;anticlockwise&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; methods draw=
 arcs.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-context-2d-arc&gt;&lt;a href=3D#dom-=
context-2d-arc&gt;arc()&lt;/a&gt;&lt;/code&gt; method is equivalent to th=
e &lt;code title=3Ddom-context-2d-ellipse&gt;&lt;a href=3D#dom-context-2d=
-ellipse&gt;ellipse()&lt;/a&gt;&lt;/code&gt; method in the case where the=
 two radii are equal.
+  When the &lt;code title=3Ddom-context-2d-arc&gt;&lt;a href=3D#dom-cont=
ext-2d-arc&gt;arc()&lt;/a&gt;&lt;/code&gt; method is invoked, it must act=
 as if the
+  &lt;code title=3Ddom-context-2d-ellipse&gt;&lt;a href=3D#dom-context-2=
d-ellipse&gt;ellipse()&lt;/a&gt;&lt;/code&gt; method had been invoked wit=
h the &lt;var title=3D&quot;&quot;&gt;radiusX&lt;/var&gt; and &lt;var tit=
le=3D&quot;&quot;&gt;radiusY&lt;/var&gt; arguments set to the value of th=
e &lt;var title=3D&quot;&quot;&gt;radius&lt;/var&gt; argument, the &lt;va=
r title=3D&quot;&quot;&gt;rotation&lt;/var&gt; argument set to zero, and =
the
+  other arguments set to the same values as their identically named argu=
ments on the &lt;code title=3Ddom-context-2d-arc&gt;&lt;a href=3D#dom-con=
text-2d-arc&gt;arc()&lt;/a&gt;&lt;/code&gt; method.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;code title=3Ddom-context-2d-ellipse&gt;&lt;a hre=
f=3D#dom-context-2d-ellipse&gt;ellipse()&lt;/a&gt;&lt;/code&gt; method is=
 invoked, it must
+  proceed as follows. First, if the object's path has any subpaths, then=
 the method must add a
+  straight line from the last point in the subpath to the start point of=
 the arc. Then, it must add
+  the start and end points of the arc to the subpath, and connect them w=
ith an arc. The arc and its
+  start and end points are defined as follows:&lt;/p&gt;
+
+  &lt;p&gt;Consider an ellipse that has its origin at (&lt;var title=3D&=
quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&g=
t;), that
+  has a major-axis radius &lt;var title=3D&quot;&quot;&gt;radiusX&lt;/va=
r&gt; and a minor-axis radius &lt;var title=3D&quot;&quot;&gt;radiusY&lt;=
/var&gt;, and that is rotated about its origin such that its semi-major a=
xis is
+  inclined &lt;var title=3D&quot;&quot;&gt;rotation&lt;/var&gt; radians =
clockwise from the x-axis. The points at &lt;var title=3D&quot;&quot;&gt;=
startAngle&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt;endAngle&lt;/v=
ar&gt; along this circle's circumference,
+  measured in radians clockwise from the ellipse's semi-major axis, are =
the start and end points
+  respectively.&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;anticlockwise&lt;/var&=
gt; argument is false and &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D=
&quot;&quot;&gt;endAngle&lt;/var&gt;-&lt;var title=3D&quot;&quot;&gt;star=
tAngle&lt;/var&gt;&lt;/span&gt; is equal to or greater than &lt;span titl=
e=3D&quot;&quot;&gt;2&amp;pi;&lt;/span&gt;, or, if the &lt;var title=3D&q=
uot;&quot;&gt;anticlockwise&lt;/var&gt; argument is &lt;em&gt;true&lt;/em=
&gt; and
+  &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;start=
Angle&lt;/var&gt;-&lt;var title=3D&quot;&quot;&gt;endAngle&lt;/var&gt;&lt=
;/span&gt; is equal to or
+  greater than &lt;span title=3D&quot;&quot;&gt;2&amp;pi;&lt;/span&gt;, =
then the arc is the whole circumference of this
+  ellipse.&lt;/p&gt;
+
+  &lt;p&gt;Otherwise, the arc is the path along the circumference of thi=
s ellipse from the start point to
+  the end point, going anti-clockwise if the &lt;var title=3D&quot;&quot=
;&gt;anticlockwise&lt;/var&gt; argument is true, and
+  clockwise otherwise. Since the points are on the ellipse, as opposed t=
o being simply angles from
+  zero, the arc can never cover an angle greater than &lt;span title=3D&=
quot;&quot;&gt;2&amp;pi;&lt;/span&gt; radians.&lt;/p&gt;
+
+  &lt;p&gt;Negative values for &lt;var title=3D&quot;&quot;&gt;radiusX&l=
t;/var&gt; or &lt;var title=3D&quot;&quot;&gt;radiusY&lt;/var&gt; must ca=
use the
+  implementation to throw an &lt;code&gt;&lt;a href=3D#indexsizeerror&gt=
;IndexSizeError&lt;/a&gt;&lt;/code&gt; exception.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-context-2d-rect title=3Ddom-co=
ntext-2d-rect&gt;&lt;code&gt;rect(&lt;var title=3D&quot;&quot;&gt;x&lt;/v=
ar&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;,
+  &lt;var title=3D&quot;&quot;&gt;w&lt;/var&gt;, &lt;var title=3D&quot;&=
quot;&gt;h&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; method must create a new=
 subpath
+  containing just the four points (&lt;var title=3D&quot;&quot;&gt;x&lt;=
/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;), (&lt;var title=3D=
&quot;&quot;&gt;x&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;w&lt;/var&g=
t;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;), (&lt;var title=3D&quo=
t;&quot;&gt;x&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;w&lt;/var&gt;, =
&lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;+&lt;var title=3D&quot;&quot=
;&gt;h&lt;/var&gt;), (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;=
var title=3D&quot;&quot;&gt;y&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt=
;h&lt;/var&gt;), with those four points connected by straight lines, and
+  must then mark the subpath as closed. It must then create a new subpat=
h with the point (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var =
title=3D&quot;&quot;&gt;y&lt;/var&gt;) as the only point in the subpath.&=
lt;/p&gt;
+
+
+  &lt;!-- v6 feature request:
+        * points as a primitive shape
+          http://home.comcast.net/~urbanjost/canvas/vogle4.html
+  --&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h6 id=3Dpath-objects&gt;&lt;span class=3Dsecno&gt;4.12.4.2.7 &lt;/=
span&gt;&lt;code&gt;&lt;a href=3D#path&gt;Path&lt;/a&gt;&lt;/code&gt; obj=
ects&lt;/h6&gt;
+
+  &lt;p&gt;&lt;code&gt;&lt;a href=3D#path&gt;Path&lt;/a&gt;&lt;/code&gt;=
 objects can be used to declare paths that are then later used on
+  &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingC=
ontext2D&lt;/a&gt;&lt;/code&gt; objects. In addition to many of the APIs =
described in
+  earlier sections, &lt;code&gt;&lt;a href=3D#path&gt;Path&lt;/a&gt;&lt;=
/code&gt; objects have methods to combine paths, and to add text to
+  paths.&lt;/p&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;p=
ath&lt;/var&gt; =3D new &lt;code title=3Ddom-Path&gt;&lt;a href=3D#dom-pa=
th&gt;Path&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Creates a new empty &lt;code&gt;&lt;a href=3D#path&gt;Path&=
lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt; =3D new &l=
t;code title=3Ddom-Path-copy&gt;&lt;a href=3D#dom-path-copy&gt;Path&lt;/a=
&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt;)&lt;/d=
t&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Creates a new &lt;code&gt;&lt;a href=3D#path&gt;Path&lt;/a&=
gt;&lt;/code&gt; object that is a copy of the argument.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt; =3D new &l=
t;code title=3Ddom-Path-withdata&gt;&lt;a href=3D#dom-path-withdata&gt;Pa=
th&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;d&lt;/var&gt;)&=
lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Creates a new path with the path described by the argument,=
 interpreted as SVG path data. &lt;a href=3D#refsSVG&gt;[SVG]&lt;/a&gt;&l=
t;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt; . &lt;code=
 title=3Ddom-path-addPath&gt;&lt;a href=3D#dom-path-addpath&gt;addPath&lt=
;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt;, &l=
t;var title=3D&quot;&quot;&gt;transform&lt;/var&gt;)&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt; . &lt;code=
 title=3Ddom-path-addPathByStrokingPath&gt;&lt;a href=3D#dom-path-addpath=
bystrokingpath&gt;addPathByStrokingPath&lt;/a&gt;&lt;/code&gt;(&lt;var ti=
tle=3D&quot;&quot;&gt;path&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;s=
tyles&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;transform&lt;/var&gt;)=
&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Adds to the path the path given by the argument.&lt;/p&gt;
+
+    &lt;p&gt;In the case of the stroking variants, the line styles are t=
aken from the &lt;var title=3D&quot;&quot;&gt;styles&lt;/var&gt; argument=
, which can be either a &lt;code&gt;&lt;a href=3D#drawingstyle&gt;Drawing=
Style&lt;/a&gt;&lt;/code&gt; object or a
+    &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderin=
gContext2D&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt; . &lt;code=
 title=3Ddom-path-addText&gt;&lt;a href=3D#dom-path-addtext&gt;addText&lt=
;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;text&lt;/var&gt;, &l=
t;var title=3D&quot;&quot;&gt;styles&lt;/var&gt;, &lt;var title=3D&quot;&=
quot;&gt;transform&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;x&lt;/var=
&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; [, &lt;var title=3D&q=
uot;&quot;&gt;maxWidth&lt;/var&gt; ])&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt; . &lt;code=
 title=3Ddom-path-addText&gt;&lt;a href=3D#dom-path-addtext&gt;addText&lt=
;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;text&lt;/var&gt;, &l=
t;var title=3D&quot;&quot;&gt;styles&lt;/var&gt;, &lt;var title=3D&quot;&=
quot;&gt;transform&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;path&lt;/=
var&gt; [, &lt;var title=3D&quot;&quot;&gt;maxWidth&lt;/var&gt; ])&lt;/dt=
&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt; . &lt;code=
 title=3Ddom-path-addPathByStrokingText&gt;&lt;a href=3D#dom-path-addpath=
bystrokingtext&gt;addPathByStrokingText&lt;/a&gt;&lt;/code&gt;(&lt;var ti=
tle=3D&quot;&quot;&gt;text&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;s=
tyles&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;transform&lt;/var&gt;,=
 &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&qu=
ot;&gt;y&lt;/var&gt; [, &lt;var title=3D&quot;&quot;&gt;maxWidth&lt;/var&=
gt; ])&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt; . &lt;code=
 title=3Ddom-path-addPathByStrokingText&gt;&lt;a href=3D#dom-path-addpath=
bystrokingtext&gt;addPathByStrokingText&lt;/a&gt;&lt;/code&gt;(&lt;var ti=
tle=3D&quot;&quot;&gt;text&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;s=
tyles&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;transform&lt;/var&gt;,=
 &lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt; [, &lt;var title=3D&quo=
t;&quot;&gt;maxWidth&lt;/var&gt; ])&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Adds to the path a series of subpaths corresponding to the =
given text. If the arguments give
+    a coordinate, the text is drawn horizontally at the given coordinate=
s. If the arguments give a
+    path, the text is drawn along the path. If a maximum width is provid=
ed, the text will be scaled
+    to fit that width if necessary.&lt;/p&gt;
+
+    &lt;p&gt;The font, and in the case of the stroking variants, the lin=
e styles, are taken from the &lt;var title=3D&quot;&quot;&gt;styles&lt;/v=
ar&gt; argument, which can be either a &lt;code&gt;&lt;a href=3D#drawings=
tyle&gt;DrawingStyle&lt;/a&gt;&lt;/code&gt; object or a
+    &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderin=
gContext2D&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-path title=3Ddom-Path&gt;&lt;code&gt;Pat=
h()&lt;/code&gt;&lt;/dfn&gt; constructor, when invoked, must return a
+  newly created &lt;code&gt;&lt;a href=3D#path&gt;Path&lt;/a&gt;&lt;/cod=
e&gt; object.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-path-copy title=3Ddom-Path-cop=
y&gt;&lt;code&gt;Path(&lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt;)&l=
t;/code&gt;&lt;/dfn&gt; constructor,
+  when invoked, must return a newly created &lt;code&gt;&lt;a href=3D#pa=
th&gt;Path&lt;/a&gt;&lt;/code&gt; object, to which the subpaths of the
+  argument are added. (In other words, it returns a copy of the argument=
.)&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-path-withdata title=3Ddom-Path=
-withdata&gt;&lt;code&gt;Path(&lt;var title=3D&quot;&quot;&gt;d&lt;/var&g=
t;)&lt;/code&gt;&lt;/dfn&gt; constructor
+  must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;Parse and interpret the &lt;var title=3D&quot;&quot;&gt;d&l=
t;/var&gt; argument according to the SVG specification's
+    rules for path data, thus obtaining an SVG path. &lt;a href=3D#refsS=
VG&gt;[SVG]&lt;/a&gt;&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The resulting path could be empty. SVG defines=
 error handling rules for parsing
+    and applying path data.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;=
, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;) be the last point in the=
 SVG
+   path.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Create a new &lt;code&gt;&lt;a href=3D#path&gt;Pat=
h&lt;/a&gt;&lt;/code&gt; object and add all the subpaths in the SVG path,=
 if any, to
+   that &lt;code&gt;&lt;a href=3D#path&gt;Path&lt;/a&gt;&lt;/code&gt; ob=
ject. &lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Create a new subpath in the &lt;code&gt;&lt;a href=
=3D#path&gt;Path&lt;/a&gt;&lt;/code&gt; object with (&lt;var title=3D&quo=
t;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;)=
 as the only point in the subpath.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the &lt;code&gt;&lt;a href=3D#path&gt;Path&=
lt;/a&gt;&lt;/code&gt; object as the constructed object.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-path-addpath title=3D=
dom-path-addPath&gt;&lt;code&gt;addPath(&lt;var title=3D&quot;&quot;&gt;b=
&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;transform&lt;/var&gt;)&lt;/=
code&gt;&lt;/dfn&gt; method, when invoked on a &lt;code&gt;&lt;a href=3D#=
path&gt;Path&lt;/a&gt;&lt;/code&gt; object &lt;var title=3D&quot;&quot;&g=
t;a&lt;/var&gt;, must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#path&gt;=
Path&lt;/a&gt;&lt;/code&gt; object &lt;var title=3D&quot;&quot;&gt;b&lt;/=
var&gt; has no subpaths, abort these
+   steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Create a copy of all the subpaths in &lt;var title=
=3D&quot;&quot;&gt;b&lt;/var&gt;. Let this copy be known as &lt;var title=
=3D&quot;&quot;&gt;c&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Transform all the coordinates and lines in &lt;var=
 title=3D&quot;&quot;&gt;c&lt;/var&gt; by the transform matrix
+   &lt;var title=3D&quot;&quot;&gt;transform&lt;/var&gt;, if it is not n=
ull.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;=
, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;) be the last point in the=
 last subpath
+   of &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Add all the subpaths in &lt;var title=3D&quot;&quo=
t;&gt;c&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;a&lt;/var&gt;.&lt;=
/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Create a new subpath in &lt;var title=3D&quot;&quo=
t;&gt;a&lt;/var&gt; with (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, =
&lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;) as the only point in the s=
ubpath.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-path-addpathbystrok=
ingpath title=3Ddom-path-addPathByStrokingPath&gt;&lt;code&gt;addPathBySt=
rokingPath(&lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt;, &lt;var title=3D=
&quot;&quot;&gt;styles&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;trans=
form&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; method,
+  when invoked on a &lt;code&gt;&lt;a href=3D#path&gt;Path&lt;/a&gt;&lt;=
/code&gt; object &lt;var title=3D&quot;&quot;&gt;a&lt;/var&gt;, must run =
the following
+  steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#path&gt;=
Path&lt;/a&gt;&lt;/code&gt; object &lt;var title=3D&quot;&quot;&gt;b&lt;/=
var&gt; has no subpaths, abort these
+   steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Create a copy of all the subpaths in &lt;var title=
=3D&quot;&quot;&gt;b&lt;/var&gt;. Let this copy be known as &lt;var title=
=3D&quot;&quot;&gt;c&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Transform all the coordinates and lines in &lt;var=
 title=3D&quot;&quot;&gt;c&lt;/var&gt; by transformation matrix
+   &lt;var title=3D&quot;&quot;&gt;transform&lt;/var&gt;, if it is not n=
ull.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let a new list of subpaths &lt;var title=3D&quot;&=
quot;&gt;d&lt;/var&gt; be the result of &lt;a href=3D#trace-a-path title=3D=
&quot;trace a
+   path&quot;&gt;tracing&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;c&lt;=
/var&gt;, using the &lt;var title=3D&quot;&quot;&gt;styles&lt;/var&gt; ar=
gument for the
+   line styles.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Let (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;=
, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;) be the last point in the=
 last subpath
+   of &lt;var title=3D&quot;&quot;&gt;d&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Add all the subpaths in &lt;var title=3D&quot;&quo=
t;&gt;d&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;a&lt;/var&gt;.&lt;=
/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Create a new subpath in &lt;var title=3D&quot;&quo=
t;&gt;a&lt;/var&gt; with (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, =
&lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;) as the only point in the s=
ubpath.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-path-addtext title=3D=
dom-path-addText&gt;&lt;code&gt;addText()&lt;/code&gt;&lt;/dfn&gt; and &l=
t;dfn id=3Ddom-path-addpathbystrokingtext title=3Ddom-path-addPathByStrok=
ingText&gt;&lt;code&gt;addPathByStrokingText()&lt;/code&gt;&lt;/dfn&gt; m=
ethods each
+  come in two variants: one rendering text at a given coordinate, and on=
e rendering text along a
+  given path. In both cases, the methods take a &lt;code&gt;&lt;a href=3D=
#canvasdrawingstyles&gt;CanvasDrawingStyles&lt;/a&gt;&lt;/code&gt; object=
 argument for
+  the text and (if appropriate) line styles to use, an &lt;code&gt;&lt;a=
 href=3D#svgmatrix&gt;SVGMatrix&lt;/a&gt;&lt;/code&gt; object &lt;var tit=
le=3D&quot;&quot;&gt;transform&lt;/var&gt; (which can be null), and a max=
imum width can optionally be provided.&lt;/p&gt;
+
+  &lt;p&gt;When one of the &lt;code title=3Ddom-path-addText&gt;&lt;a hr=
ef=3D#dom-path-addtext&gt;addText()&lt;/a&gt;&lt;/code&gt; and &lt;code t=
itle=3Ddom-path-addPathByStrokingText&gt;&lt;a href=3D#dom-path-addpathby=
strokingtext&gt;addPathByStrokingText()&lt;/a&gt;&lt;/code&gt; variants t=
hat take as
+  argument an (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var ti=
tle=3D&quot;&quot;&gt;y&lt;/var&gt;) coordinate is invoked, the method mu=
st
+  run the following algorithm:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Run the &lt;a href=3D#text-preparation-al=
gorithm&gt;text preparation algorithm&lt;/a&gt;, passing it &lt;var title=
=3D&quot;&quot;&gt;text&lt;/var&gt;, the
+   &lt;code&gt;&lt;a href=3D#canvasdrawingstyles&gt;CanvasDrawingStyles&=
lt;/a&gt;&lt;/code&gt; object argument, and, if the &lt;var title=3D&quot=
;&quot;&gt;maxWidth&lt;/var&gt;
+   argument was provided, that argument. Let &lt;var title=3D&quot;&quot=
;&gt;glyphs&lt;/var&gt; be the result.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Move all the shapes in &lt;var title=3D&quot;&quot=
;&gt;glyphs&lt;/var&gt; to the right by &lt;var title=3D&quot;&quot;&gt;x=
&lt;/var&gt;
+   CSS pixels and down by &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; =
CSS pixels.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;glyph subpaths=
&lt;/var&gt; be a &lt;a href=3D#concept-path title=3Dconcept-path&gt;path=
&lt;/a&gt; describing the shapes given
+   in &lt;var title=3D&quot;&quot;&gt;glyphs&lt;/var&gt;, with each CSS =
pixel in the coordinate space of &lt;var title=3D&quot;&quot;&gt;glyphs&l=
t;/var&gt; mapped to one coordinate space unit in &lt;var title=3D&quot;&=
quot;&gt;glyph subpaths&lt;/var&gt;.
+   Subpaths in &lt;var title=3D&quot;&quot;&gt;glyph subpaths&lt;/var&gt=
; must wind clockwise, regardless of how the user
+   agent's font subsystem renders fonts and regardless of how the fonts =
themselves are defined.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Transform all the coordinates and lines in &lt;var=
 title=3D&quot;&quot;&gt;glyph subpaths&lt;/var&gt; by the
+   transformation matrix &lt;var title=3D&quot;&quot;&gt;transform&lt;/v=
ar&gt;, if it is not null.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the method is &lt;code title=3Ddom-path-addPath=
ByStrokingText&gt;&lt;a href=3D#dom-path-addpathbystrokingtext&gt;addPath=
ByStrokingText()&lt;/a&gt;&lt;/code&gt;, replace &lt;var title=3D&quot;&q=
uot;&gt;glyph subpaths&lt;/var&gt; by the result of &lt;a href=3D#trace-a=
-path title=3D&quot;trace a path&quot;&gt;tracing&lt;/a&gt; &lt;var title=
=3D&quot;&quot;&gt;glyph subpaths&lt;/var&gt;, using the &lt;code&gt;&lt;=
a href=3D#canvasdrawingstyles&gt;CanvasDrawingStyles&lt;/a&gt;&lt;/code&g=
t; object argument for the
+   line styles.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Let (&lt;var title=3D&quot;&quot;&gt;x&lt;sub titl=
e=3D&quot;&quot;&gt;final&lt;/sub&gt;&lt;/var&gt;, &lt;var title=3D&quot;=
&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;final&lt;/sub&gt;&lt;/var&gt;)=
 be the last point in the last subpath of &lt;var title=3D&quot;&quot;&gt=
;glyph
+   subpaths&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Add all the subpaths in &lt;var title=3D&quot;&quo=
t;&gt;glyph subpaths&lt;/var&gt; to the &lt;code&gt;&lt;a href=3D#path&gt=
;Path&lt;/a&gt;&lt;/code&gt;
+   object.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Create a new subpath in the &lt;code&gt;&lt;a href=
=3D#path&gt;Path&lt;/a&gt;&lt;/code&gt; object with (&lt;var title=3D&quo=
t;&quot;&gt;x&lt;sub title=3D&quot;&quot;&gt;final&lt;/sub&gt;&lt;/var&gt=
;, &lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;final=
&lt;/sub&gt;&lt;/var&gt;) as the only point in
+   the subpath.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When one of the &lt;code title=3Ddom-path-addText&=
gt;&lt;a href=3D#dom-path-addtext&gt;addText()&lt;/a&gt;&lt;/code&gt; and=
 &lt;code title=3Ddom-path-addPathByStrokingText&gt;&lt;a href=3D#dom-pat=
h-addpathbystrokingtext&gt;addPathByStrokingText()&lt;/a&gt;&lt;/code&gt;=
 variants that take as
+  argument a &lt;code&gt;&lt;a href=3D#path&gt;Path&lt;/a&gt;&lt;/code&g=
t; object is invoked, the method must run the following algorithm:&lt;/p&=
gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;targe=
t&lt;/var&gt; be the &lt;code&gt;&lt;a href=3D#path&gt;Path&lt;/a&gt;&lt;=
/code&gt; object on which the method was
+   invoked.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;path&lt;/var&g=
t; be the &lt;code&gt;&lt;a href=3D#path&gt;Path&lt;/a&gt;&lt;/code&gt; o=
bject that was provided in the
+   method's arguments.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Run the &lt;a href=3D#text-preparation-algorithm&g=
t;text preparation algorithm&lt;/a&gt;, passing it &lt;var title=3D&quot;=
&quot;&gt;text&lt;/var&gt;, the
+   &lt;code&gt;&lt;a href=3D#canvasdrawingstyles&gt;CanvasDrawingStyles&=
lt;/a&gt;&lt;/code&gt; object argument, and, if the &lt;var title=3D&quot=
;&quot;&gt;maxWidth&lt;/var&gt;
+   argument was provided, that argument. Let &lt;var title=3D&quot;&quot=
;&gt;glyphs&lt;/var&gt; be the resulting array, and
+   &lt;var title=3D&quot;&quot;&gt;physical alignment&lt;/var&gt; be the=
 resulting alignment value.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;width&lt;/var&=
gt; be the aggregate length of all the subpaths in &lt;var title=3D&quot;=
&quot;&gt;path&lt;/var&gt;, including the distances from the last point o=
f each closed subpath to the
+   first point of that subpath.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Define &lt;var title=3D&quot;&quot;&gt;L&lt;/var&g=
t; to be a linear coordinate line for of all the subpaths in
+   &lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt;, with additional lin=
es drawn between the last point and the first point
+   of each closed subpath, such that the first point of the first subpat=
h is defined as point 0, and
+   the last point of the last subpath, if the last subpath is not closed=
, or the second occurrence
+   first point of that subpath, if it is closed, is defined as point &lt=
;var title=3D&quot;&quot;&gt;width&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;offset&lt;/var&gt; be d=
etermined according to the appropriate step below:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quot;&g=
t;physical alignment&lt;/var&gt; is &lt;i&gt;left&lt;/i&gt;&lt;/dt&gt; &l=
t;dd&gt;Let &lt;var title=3D&quot;&quot;&gt;offset&lt;/var&gt; be zero.&l=
t;/dd&gt;
+
+     &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;physical alignment&lt;=
/var&gt; is &lt;i&gt;right&lt;/i&gt;&lt;/dt&gt; &lt;dd&gt;Let &lt;var tit=
le=3D&quot;&quot;&gt;offset&lt;/var&gt; be &lt;var title=3D&quot;&quot;&g=
t;width&lt;/var&gt;.&lt;/dd&gt;
+
+     &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;physical alignment&lt;=
/var&gt; is &lt;i title=3D&quot;&quot;&gt;center&lt;/i&gt;&lt;/dt&gt; &lt=
;dd&gt;Let &lt;var title=3D&quot;&quot;&gt;offset&lt;/var&gt; be half of =
&lt;var title=3D&quot;&quot;&gt;width&lt;/var&gt;.&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Move all the shapes in &lt;var title=3D&quot;&quot=
;&gt;glyphs&lt;/var&gt; to the right by &lt;var title=3D&quot;&quot;&gt;o=
ffset&lt;/var&gt; CSS pixels.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each glyph &lt;var title=3D&quot;&quot;&gt;glyph&lt;/va=
r&gt; in the &lt;var title=3D&quot;&quot;&gt;glyphs&lt;/var&gt; array, ru=
n these
+    substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;dx&=
lt;/var&gt; be the &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;-coordina=
te of the horizontal
+     center of the bounding box of the shape described by &lt;var title=3D=
&quot;&quot;&gt;glyph&lt;/var&gt;, in CSS
+     pixels.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;dx&lt;/var&gt=
; is negative or greater than &lt;var title=3D&quot;&quot;&gt;width&lt;/v=
ar&gt;, skip
+     the remainder of these substeps for this glyph.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Recast &lt;var title=3D&quot;&quot;&gt;dx&lt;/va=
r&gt; to coordinate spaces units in &lt;var title=3D&quot;&quot;&gt;path&=
lt;/var&gt;.
+     (This just changes the dimensionality of &lt;var title=3D&quot;&quo=
t;&gt;dx&lt;/var&gt;, not its numeric value.)&lt;/p&gt;
+     &lt;!-- hide this step if people get confused by the pedancy --&gt;
+
+     &lt;li&gt;&lt;p&gt;Find the point &lt;var title=3D&quot;&quot;&gt;p=
&lt;/var&gt; on &lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt; (or impl=
ied closing
+     lines in &lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt;) that cor=
responds to the position &lt;var title=3D&quot;&quot;&gt;dx&lt;/var&gt; o=
n
+     the coordinate line &lt;var title=3D&quot;&quot;&gt;L&lt;/var&gt;.&=
lt;/p&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;&amp;theta;&=
lt;/var&gt; be the clockwise angle from the positive x-axis to the
+     side of the line that is tangential to &lt;var title=3D&quot;&quot;=
&gt;path&lt;/var&gt; at the point &lt;var title=3D&quot;&quot;&gt;p&lt;/v=
ar&gt; that is going in the same direction as the line at point &lt;var t=
itle=3D&quot;&quot;&gt;p&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Rotate the shape described by &lt;var title=3D&q=
uot;&quot;&gt;glyph&lt;/var&gt; clockwise by &lt;var title=3D&quot;&quot;=
&gt;&amp;theta;&lt;/var&gt; about the point that is at the &lt;var title=3D=
&quot;&quot;&gt;dx&lt;/var&gt; coordinate
+     horizontally and the zero coordinate vertically.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&g=
t;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;) be the coordinate of t=
he point &lt;var title=3D&quot;&quot;&gt;p&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Move the shape described by &lt;var title=3D&quo=
t;&quot;&gt;glyph&lt;/var&gt; to the right by &lt;var title=3D&quot;&quot=
;&gt;x&lt;/var&gt; and down by &lt;var title=3D&quot;&quot;&gt;y&lt;/var&=
gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;glyph subpat=
hs&lt;/var&gt; be a list of subpaths describing the shape given
+     in &lt;var title=3D&quot;&quot;&gt;glyph&lt;/var&gt;, with each CSS=
 pixel in the coordinate space of &lt;var title=3D&quot;&quot;&gt;glyph&l=
t;/var&gt; mapped to one coordinate space unit in &lt;var title=3D&quot;&=
quot;&gt;glyph subpaths&lt;/var&gt;.
+     Subpaths in &lt;var title=3D&quot;&quot;&gt;glyph subpaths&lt;/var&=
gt; must wind clockwise, regardless of how the user
+     agent's font subsystem renders fonts and regardless of how the font=
s themselves are
+     defined.&lt;/p&gt;
+
+     &lt;li&gt;&lt;p&gt;Transform all the coordinates and lines in &lt;v=
ar title=3D&quot;&quot;&gt;glyph subpaths&lt;/var&gt; by the
+     transformation matrix &lt;var title=3D&quot;&quot;&gt;transform&lt;=
/var&gt;, if it is not null.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the method is &lt;code title=3Ddom-path-addPa=
thByStrokingText&gt;&lt;a href=3D#dom-path-addpathbystrokingtext&gt;addPa=
thByStrokingText()&lt;/a&gt;&lt;/code&gt;, replace &lt;var title=3D&quot;=
&quot;&gt;glyph subpaths&lt;/var&gt; by the result of &lt;a href=3D#trace=
-a-path title=3D&quot;trace a path&quot;&gt;tracing&lt;/a&gt; &lt;var tit=
le=3D&quot;&quot;&gt;glyph subpaths&lt;/var&gt;, using the &lt;code&gt;&l=
t;a href=3D#canvasdrawingstyles&gt;CanvasDrawingStyles&lt;/a&gt;&lt;/code=
&gt; object argument for
+     the line styles.&lt;/p&gt;
+
+     &lt;li&gt;&lt;p&gt;Let (&lt;var title=3D&quot;&quot;&gt;x&lt;sub ti=
tle=3D&quot;&quot;&gt;final&lt;/sub&gt;&lt;/var&gt;, &lt;var title=3D&quo=
t;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;final&lt;/sub&gt;&lt;/var&gt=
;) be the last point in the last subpath of &lt;var title=3D&quot;&quot;&=
gt;glyph
+     subpaths&lt;/var&gt;. (This coordinate is only used if this is the =
last glyph processed.)&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Add all the subpaths in &lt;var title=3D&quot;&q=
uot;&gt;glyph subpaths&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;tar=
get&lt;/var&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Create a new subpath in the &lt;code&gt;&lt;a href=
=3D#path&gt;Path&lt;/a&gt;&lt;/code&gt; object with (&lt;var title=3D&quo=
t;&quot;&gt;x&lt;sub title=3D&quot;&quot;&gt;final&lt;/sub&gt;&lt;/var&gt=
;, &lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;final=
&lt;/sub&gt;&lt;/var&gt;) as the only point in
+   the subpath.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+  &lt;h6 id=3Dtransformations&gt;&lt;span class=3Dsecno&gt;4.12.4.2.8 &l=
t;/span&gt;&lt;dfn title=3Ddom-context-2d-transformation&gt;Transformatio=
ns&lt;/dfn&gt;&lt;/h6&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;Ca=
nvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object has a &lt;i&gt;curre=
nt transformation matrix&lt;/i&gt;,
+  as well as methods (described in this section) to manipulate it. When =
a
+  &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingC=
ontext2D&lt;/a&gt;&lt;/code&gt; object is created, its transformation mat=
rix must be
+  initialized to the identity transform.&lt;/p&gt;
+
+  &lt;p&gt;The transformation matrix is applied to coordinates when crea=
ting the &lt;a href=3D#current-default-path&gt;current default
+  path&lt;/a&gt;, and when painting text, shapes, and &lt;code&gt;&lt;a =
href=3D#path&gt;Path&lt;/a&gt;&lt;/code&gt; objects, on
+  &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingC=
ontext2D&lt;/a&gt;&lt;/code&gt; objects.&lt;/p&gt; &lt;!-- conformance cr=
iteria for actual drawing
+  are described in the various sections below --&gt;
+
+  &lt;p class=3Dnote&gt;Most of the API uses &lt;code&gt;&lt;a href=3D#s=
vgmatrix&gt;SVGMatrix&lt;/a&gt;&lt;/code&gt; objects rather than this API=
. This API
+  remains mostly for historical reasons.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The transformations must be performed in reverse order.&lt;/p=
&gt;
+
+  &lt;p class=3Dnote&gt;For instance, if a scale transformation that dou=
bles the width is applied to the
+  canvas, followed by a rotation transformation that rotates drawing ope=
rations by a quarter turn,
+  and a rectangle twice as wide as it is tall is then drawn on the canva=
s, the actual result will be
+  a square.&lt;/p&gt; &lt;!-- q.v. http://goo.gl/5RLrN --&gt;
+
+  &lt;/div&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;c=
ontext&lt;/var&gt; . &lt;code title=3Ddom-context-2d-currentTransform&gt;=
&lt;a href=3D#dom-context-2d-currenttransform&gt;currentTransform&lt;/a&g=
t;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; ]=
&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the transformation matrix, as an &lt;code&gt;&lt;a =
href=3D#svgmatrix&gt;SVGMatrix&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the transformation matrix.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-scale&gt;&lt;a href=3D#dom-context-2d-scale&gt=
;scale&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;x&lt;/var&g=
t;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Changes the transformation matrix to apply a scaling transf=
ormation with the given characteristics.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-rotate&gt;&lt;a href=3D#dom-context-2d-rotate&=
gt;rotate&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;angle&lt=
;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Changes the transformation matrix to apply a rotation trans=
formation with the given characteristics. The angle is in radians.&lt;/p&=
gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-translate&gt;&lt;a href=3D#dom-context-2d-tran=
slate&gt;translate&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt=
;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Changes the transformation matrix to apply a translation tr=
ansformation with the given characteristics.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-transform&gt;&lt;a href=3D#dom-context-2d-tran=
sform&gt;transform&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt=
;a&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt;, &lt;var ti=
tle=3D&quot;&quot;&gt;c&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;d&lt=
;/var&gt;, &lt;var title=3D&quot;&quot;&gt;e&lt;/var&gt;, &lt;var title=3D=
&quot;&quot;&gt;f&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Changes the transformation matrix to apply the matrix given=
 by the arguments as described below.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-setTransform&gt;&lt;a href=3D#dom-context-2d-s=
ettransform&gt;setTransform&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;=
&quot;&gt;a&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt;, &=
lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt;, &lt;var title=3D&quot;&quot=
;&gt;d&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;e&lt;/var&gt;, &lt;va=
r title=3D&quot;&quot;&gt;f&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Changes the transformation matrix &lt;em&gt;to&lt;/em&gt; t=
he matrix given by the arguments as described below.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-resetTransform&gt;&lt;a href=3D#dom-context-2d=
-resettransform&gt;resetTransform&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Changes the transformation matrix to the identity transform=
.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-currenttransform title=3Ddom-=
context-2d-currentTransform&gt;&lt;code&gt;currentTransform&lt;/code&gt;&=
lt;/dfn&gt;, on
+  getting, must return the last object that it was set to. On setting, i=
ts value must be changed to
+  the new value, and the transformation matrix must be updated to match =
the matrix described by the
+  new value. When the &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d=
&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object is created, th=
e &lt;code title=3Ddom-context-2d-currentTransform&gt;&lt;a href=3D#dom-c=
ontext-2d-currenttransform&gt;currentTransform&lt;/a&gt;&lt;/code&gt; att=
ribute must be set a newly
+  created &lt;code&gt;&lt;a href=3D#svgmatrix&gt;SVGMatrix&lt;/a&gt;&lt;=
/code&gt; object. When the transformation matrix is mutated by the method=
s
+  described in this section, the last &lt;code&gt;&lt;a href=3D#svgmatri=
x&gt;SVGMatrix&lt;/a&gt;&lt;/code&gt; object to which the attribute has b=
een
+  set must be mutated in a corresponding fashion.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-scale title=3Ddom-context-2d-=
scale&gt;&lt;code&gt;scale(&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;,=
 &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; =
method must add the scaling transformation described by the
+  arguments to the transformation matrix. The &lt;var title=3D&quot;&quo=
t;&gt;x&lt;/var&gt; argument represents the scale
+  factor in the horizontal direction and the &lt;var title=3D&quot;&quot=
;&gt;y&lt;/var&gt; argument represents the scale
+  factor in the vertical direction. The factors are multiples.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-rotate title=3Ddom-context-2d=
-rotate&gt;&lt;code&gt;rotate(&lt;var title=3D&quot;&quot;&gt;angle&lt;/v=
ar&gt;)&lt;/code&gt;&lt;/dfn&gt;
+  method must add the rotation transformation described by the argument =
to the transformation
+  matrix. The &lt;var title=3D&quot;&quot;&gt;angle&lt;/var&gt; argument=
 represents a clockwise rotation angle expressed in
+  radians.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-translate title=3Ddom-context=
-2d-translate&gt;&lt;code&gt;translate(&lt;var title=3D&quot;&quot;&gt;x&=
lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;)&lt;/code&gt;&=
lt;/dfn&gt; method must add the translation transformation described by t=
he
+  arguments to the transformation matrix. The &lt;var title=3D&quot;&quo=
t;&gt;x&lt;/var&gt; argument represents the
+  translation distance in the horizontal direction and the &lt;var title=
=3D&quot;&quot;&gt;y&lt;/var&gt; argument represents
+  the translation distance in the vertical direction. The arguments are =
in coordinate space
+  units.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-transform title=3Ddom-context=
-2d-transform&gt;&lt;code&gt;transform(&lt;var title=3D&quot;&quot;&gt;a&=
lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt;, &lt;var title=
=3D&quot;&quot;&gt;c&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;d&lt;/v=
ar&gt;, &lt;var title=3D&quot;&quot;&gt;e&lt;/var&gt;, &lt;var title=3D&q=
uot;&quot;&gt;f&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; method must replace=
 the current transformation matrix with the
+  result of multiplying the current transformation matrix with the matri=
x described by:&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;table class=3Dmatrix&gt;&lt;tr&gt;&lt;td&gt;&lt;var title=3D&quot;=
&quot;&gt;a&lt;/var&gt;&lt;/td&gt;
+    &lt;td&gt;&lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt;&lt;/td&gt;
+    &lt;td&gt;&lt;var title=3D&quot;&quot;&gt;e&lt;/var&gt;&lt;/td&gt;
+   &lt;tr&gt;&lt;td&gt;&lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt;&lt;=
/td&gt;
+    &lt;td&gt;&lt;var title=3D&quot;&quot;&gt;d&lt;/var&gt;&lt;/td&gt;
+    &lt;td&gt;&lt;var title=3D&quot;&quot;&gt;f&lt;/var&gt;&lt;/td&gt;
+   &lt;tr&gt;&lt;td&gt;0&lt;/td&gt;
+    &lt;td&gt;0&lt;/td&gt;
+    &lt;td&gt;1&lt;/td&gt;
+   &lt;/table&gt;&lt;p class=3Dnote&gt;The arguments &lt;var title=3D&qu=
ot;&quot;&gt;a&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt;=
, &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt;,
+  &lt;var title=3D&quot;&quot;&gt;d&lt;/var&gt;, &lt;var title=3D&quot;&=
quot;&gt;e&lt;/var&gt;, and &lt;var title=3D&quot;&quot;&gt;f&lt;/var&gt;=
 are sometimes called &lt;var title=3D&quot;&quot;&gt;m11&lt;/var&gt;, &l=
t;var title=3D&quot;&quot;&gt;m12&lt;/var&gt;, &lt;var title=3D&quot;&quo=
t;&gt;m21&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;m22&lt;/var&gt;,
+  &lt;var title=3D&quot;&quot;&gt;dx&lt;/var&gt;, and &lt;var title=3D&q=
uot;&quot;&gt;dy&lt;/var&gt; or &lt;var title=3D&quot;&quot;&gt;m11&lt;/v=
ar&gt;, &lt;var title=3D&quot;&quot;&gt;m21&lt;/var&gt;, &lt;var title=3D=
&quot;&quot;&gt;m12&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;m22&lt;/=
var&gt;, &lt;var title=3D&quot;&quot;&gt;dx&lt;/var&gt;, and
+  &lt;var title=3D&quot;&quot;&gt;dy&lt;/var&gt;. Care should be taken i=
n particular with the order of the second and third
+  arguments (&lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt; and &lt;var t=
itle=3D&quot;&quot;&gt;c&lt;/var&gt;) as their order varies from API to A=
PI
+  and APIs sometimes use the notation &lt;var title=3D&quot;&quot;&gt;m1=
2&lt;/var&gt;/&lt;var title=3D&quot;&quot;&gt;m21&lt;/var&gt; and sometim=
es
+  &lt;var title=3D&quot;&quot;&gt;m21&lt;/var&gt;/&lt;var title=3D&quot;=
&quot;&gt;m12&lt;/var&gt; for those positions.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-settransform title=3Ddom-cont=
ext-2d-setTransform&gt;&lt;code&gt;setTransform(&lt;var title=3D&quot;&qu=
ot;&gt;a&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt;, &lt;=
var title=3D&quot;&quot;&gt;c&lt;/var&gt;, &lt;var title=3D&quot;&quot;&g=
t;d&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;e&lt;/var&gt;, &lt;var t=
itle=3D&quot;&quot;&gt;f&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; method mus=
t reset the current transform to the identity matrix, and
+  then invoke the &lt;code&gt;&lt;a href=3D#dom-context-2d-transform tit=
le=3Ddom-context-2d-transform&gt;transform&lt;/a&gt;(&lt;var title=3D&quo=
t;&quot;&gt;a&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt;,=
 &lt;var title=3D&quot;&quot;&gt;c&lt;/var&gt;, &lt;var title=3D&quot;&qu=
ot;&gt;d&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;e&lt;/var&gt;, &lt;=
var title=3D&quot;&quot;&gt;f&lt;/var&gt;)&lt;/code&gt; method with the s=
ame arguments.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-resettransform title=3Ddom-co=
ntext-2d-resetTransform&gt;&lt;code&gt;resetTransform()&lt;/code&gt;&lt;/=
dfn&gt; method must
+  reset the current transform to the identity matrix.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h6 id=3Dimage-sources-for-2d-rendering-contexts&gt;&lt;span class=3D=
secno&gt;4.12.4.2.9 &lt;/span&gt;Image sources for 2D rendering contexts&=
lt;/h6&gt;
+
+  &lt;p&gt;Several methods in the &lt;code&gt;&lt;a href=3D#canvasrender=
ingcontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; API take =
the union type
+  &lt;code&gt;&lt;a href=3D#canvasimagesource&gt;CanvasImageSource&lt;/a=
&gt;&lt;/code&gt; as an argument.&lt;/p&gt;
+
+  &lt;p&gt;This union type allows objects implementing any of the follow=
ing interfaces to be used as image
+  sources:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlimageelement&gt;HTML=
ImageElement&lt;/a&gt;&lt;/code&gt; (&lt;code&gt;&lt;a href=3D#the-img-el=
ement&gt;img&lt;/a&gt;&lt;/code&gt; elements)&lt;/li&gt;
+
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlvideoelement&gt;HTMLVideoElem=
ent&lt;/a&gt;&lt;/code&gt; (&lt;code&gt;&lt;a href=3D#the-video-element&g=
t;video&lt;/a&gt;&lt;/code&gt; elements)&lt;/li&gt;
+
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlcanvaselement&gt;HTMLCanvasEl=
ement&lt;/a&gt;&lt;/code&gt; (&lt;code&gt;&lt;a href=3D#the-canvas-elemen=
t&gt;canvas&lt;/a&gt;&lt;/code&gt; elements)&lt;/li&gt;
+
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;Canva=
sRenderingContext2D&lt;/a&gt;&lt;/code&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a&=
gt;&lt;/code&gt;&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p class=3Dnote&gt;The &lt;code&gt;&lt;a href=3D#imagebi=
tmap&gt;ImageBitmap&lt;/a&gt;&lt;/code&gt; interface can be created from =
a number of other
+  image-representing types, including &lt;code&gt;&lt;a href=3D#imagedat=
a&gt;ImageData&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When a user agent is required to &lt;dfn id=3Dcheck-the-usabi=
lity-of-the-image-argument&gt;check the usability of the &lt;var title=3D=
&quot;&quot;&gt;image&lt;/var&gt;
+  argument&lt;/dfn&gt;, where &lt;var title=3D&quot;&quot;&gt;image&lt;/=
var&gt; is a &lt;code&gt;&lt;a href=3D#canvasimagesource&gt;CanvasImageSo=
urce&lt;/a&gt;&lt;/code&gt; object, the
+  user agent must run these steps, which return either &lt;i&gt;good&lt;=
/i&gt;, &lt;i&gt;bad&lt;/i&gt;, or
+  &lt;i&gt;aborted&lt;/i&gt;:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;im=
age&lt;/var&gt; argument is an &lt;code&gt;&lt;a href=3D#htmlimageelement=
&gt;HTMLImageElement&lt;/a&gt;&lt;/code&gt; object that
+   is in the &lt;a href=3D#img-error title=3Dimg-error&gt;broken&lt;/a&g=
t; state, then throw an
+   &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateError&lt;/=
a&gt;&lt;/code&gt; exception, return &lt;i&gt;aborted&lt;/i&gt;, and abor=
t these steps.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;image&lt;/v=
ar&gt; argument is an &lt;code&gt;&lt;a href=3D#htmlimageelement&gt;HTMLI=
mageElement&lt;/a&gt;&lt;/code&gt; object that
+   is not &lt;a href=3D#img-good title=3Dimg-good&gt;fully decodable&lt;=
/a&gt;, or if the &lt;var title=3D&quot;&quot;&gt;image&lt;/var&gt;
+   argument is an &lt;code&gt;&lt;a href=3D#htmlvideoelement&gt;HTMLVide=
oElement&lt;/a&gt;&lt;/code&gt; object whose &lt;code title=3Ddom-media-r=
eadyState&gt;&lt;a href=3D#dom-media-readystate&gt;readyState&lt;/a&gt;&l=
t;/code&gt; attribute is either &lt;code title=3Ddom-media-HAVE_NOTHING&g=
t;&lt;a href=3D#dom-media-have_nothing&gt;HAVE_NOTHING&lt;/a&gt;&lt;/code=
&gt; or &lt;code title=3Ddom-media-HAVE_METADATA&gt;&lt;a href=3D#dom-med=
ia-have_metadata&gt;HAVE_METADATA&lt;/a&gt;&lt;/code&gt;, then return &lt=
;i&gt;bad&lt;/i&gt; and abort these
+   steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;image&lt;/v=
ar&gt; argument is an &lt;code&gt;&lt;a href=3D#htmlimageelement&gt;HTMLI=
mageElement&lt;/a&gt;&lt;/code&gt; object with
+   an intrinsic width or intrinsic height (or both) equal to zero, then =
return &lt;i&gt;bad&lt;/i&gt; and abort
+   these steps.&lt;/p&gt; &lt;!-- http://software.hixie.ch/utilities/js/=
live-dom-viewer/saved/2567 --&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;image&lt;/v=
ar&gt; argument is an &lt;code&gt;&lt;a href=3D#htmlcanvaselement&gt;HTML=
CanvasElement&lt;/a&gt;&lt;/code&gt; object with
+   either a horizontal dimension or a vertical dimension equal to zero, =
then return &lt;i&gt;bad&lt;/i&gt; and
+   abort these steps.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;i&gt;good&lt;/i&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When a &lt;code&gt;&lt;a href=3D#canvasimagesource=
&gt;CanvasImageSource&lt;/a&gt;&lt;/code&gt; object represents an &lt;cod=
e&gt;&lt;a href=3D#htmlimageelement&gt;HTMLImageElement&lt;/a&gt;&lt;/cod=
e&gt;, the
+  element's image must be used as the source image.&lt;/p&gt;
+
+  &lt;p&gt;Specifically, when a &lt;code&gt;&lt;a href=3D#canvasimagesou=
rce&gt;CanvasImageSource&lt;/a&gt;&lt;/code&gt; object represents an anim=
ated image in an
+  &lt;code&gt;&lt;a href=3D#htmlimageelement&gt;HTMLImageElement&lt;/a&g=
t;&lt;/code&gt;, the user agent must use the default image of the animati=
on (the
+  one that the format defines is to be used when animation is not suppor=
ted or is disabled), or, if
+  there is no such image, the first frame of the animation, when renderi=
ng the image for
+  &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingC=
ontext2D&lt;/a&gt;&lt;/code&gt; APIs.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#canvasimagesource&gt;CanvasI=
mageSource&lt;/a&gt;&lt;/code&gt; object represents an &lt;code&gt;&lt;a =
href=3D#htmlvideoelement&gt;HTMLVideoElement&lt;/a&gt;&lt;/code&gt;, then
+  the frame at the &lt;a href=3D#current-playback-position&gt;current pl=
ayback position&lt;/a&gt; when the method with the argument is
+  invoked must be used as the source image when rendering the image for
+  &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingC=
ontext2D&lt;/a&gt;&lt;/code&gt; APIs, and the source image's dimensions m=
ust be the &lt;a href=3D#concept-video-intrinsic-width title=3Dconcept-vi=
deo-intrinsic-width&gt;intrinsic width&lt;/a&gt; and &lt;a href=3D#concep=
t-video-intrinsic-height title=3Dconcept-video-intrinsic-height&gt;intrin=
sic height&lt;/a&gt; of the &lt;a href=3D#media-resource&gt;media resourc=
e&lt;/a&gt;
+  (i.e. after any aspect-ratio correction has been applied).&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#canvasimagesource&gt;CanvasI=
mageSource&lt;/a&gt;&lt;/code&gt; object represents an &lt;code&gt;&lt;a =
href=3D#htmlcanvaselement&gt;HTMLCanvasElement&lt;/a&gt;&lt;/code&gt;, th=
e
+  element's bitmap must be used as the source image.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#canvasimagesource&gt;CanvasI=
mageSource&lt;/a&gt;&lt;/code&gt; object represents a &lt;code&gt;&lt;a h=
ref=3D#canvasrenderingcontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;=
/code&gt;, the
+  object's &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt; must=
 be used as the source image.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#canvasimagesource&gt;CanvasI=
mageSource&lt;/a&gt;&lt;/code&gt; object represents an element that is &l=
t;a href=3D#being-rendered&gt;being
+  rendered&lt;/a&gt; and that element has been resized, the original ima=
ge data of the source image
+  must be used, not the image as it is rendered (e.g. &lt;code title=3Da=
ttr-dim-width&gt;&lt;a href=3D#attr-dim-width&gt;width&lt;/a&gt;&lt;/code=
&gt; and
+  &lt;code title=3Dattr-dim-height&gt;&lt;a href=3D#attr-dim-height&gt;h=
eight&lt;/a&gt;&lt;/code&gt; attributes on the source element have no eff=
ect on how
+  the object is interpreted when rendering the image for &lt;code&gt;&lt=
;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;=
&lt;/code&gt;
+  APIs).&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#canvasimagesource&gt;CanvasI=
mageSource&lt;/a&gt;&lt;/code&gt; object represents an &lt;code&gt;&lt;a =
href=3D#imagebitmap&gt;ImageBitmap&lt;/a&gt;&lt;/code&gt;, the
+  object's bitmap image data must be used as the source image.&lt;/p&gt;
+
+&lt;!--ADD-TOPIC:Security--&gt;
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;&lt;dfn id=3Dthe-image-argument-is-not-origin-clean&gt;The &l=
t;var title=3D&quot;&quot;&gt;image argument&lt;/var&gt; is not origin-cl=
ean&lt;/dfn&gt; if it is an
+  &lt;code&gt;&lt;a href=3D#htmlimageelement&gt;HTMLImageElement&lt;/a&g=
t;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#htmlvideoelement&gt;HTMLVide=
oElement&lt;/a&gt;&lt;/code&gt; whose &lt;a href=3D#origin&gt;origin&lt;/=
a&gt; is not
+  the &lt;a href=3D#same-origin title=3D&quot;same origin&quot;&gt;same&=
lt;/a&gt; as the &lt;a href=3D#origin&gt;origin&lt;/a&gt; specified by th=
e &lt;a href=3D#entry-settings-object&gt;entry settings object&lt;/a&gt;,
+  or if it is an &lt;code&gt;&lt;a href=3D#htmlcanvaselement&gt;HTMLCanv=
asElement&lt;/a&gt;&lt;/code&gt; whose bitmap's &lt;a href=3D#concept-can=
vas-origin-clean title=3Dconcept-canvas-origin-clean&gt;origin-clean&lt;/=
a&gt; flag is false, or if it is a
+  &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingC=
ontext2D&lt;/a&gt;&lt;/code&gt; object whose &lt;a href=3D#scratch-bitmap=
&gt;scratch bitmap&lt;/a&gt;'s &lt;a href=3D#concept-canvas-origin-clean =
title=3Dconcept-canvas-origin-clean&gt;origin-clean&lt;/a&gt; flag is fal=
se.&lt;/p&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+
+
+  &lt;h6 id=3Dfill-and-stroke-styles&gt;&lt;span class=3Dsecno&gt;4.12.4=
.2.10 &lt;/span&gt;Fill and stroke styles&lt;/h6&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;c=
ontext&lt;/var&gt; . &lt;code title=3Ddom-context-2d-fillStyle&gt;&lt;a h=
ref=3D#dom-context-2d-fillstyle&gt;fillStyle&lt;/a&gt;&lt;/code&gt; [ =3D=
 &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current style used for filling shapes.&lt;/p&gt=
;
+
+    &lt;p&gt;Can be set, to change the fill style.&lt;/p&gt;
+
+    &lt;p&gt;The style can be either a string containing a CSS color, or=
 a
+    &lt;code&gt;&lt;a href=3D#canvasgradient&gt;CanvasGradient&lt;/a&gt;=
&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#canvaspattern&gt;CanvasPattern=
&lt;/a&gt;&lt;/code&gt;
+    object. Invalid values are ignored.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-strokeStyle&gt;&lt;a href=3D#dom-context-2d-st=
rokestyle&gt;strokeStyle&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&qu=
ot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current style used for stroking shapes.&lt;/p&g=
t;
+
+    &lt;p&gt;Can be set, to change the stroke style.&lt;/p&gt;
+
+    &lt;p&gt;The style can be either a string containing a CSS color, or=
 a
+    &lt;code&gt;&lt;a href=3D#canvasgradient&gt;CanvasGradient&lt;/a&gt;=
&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#canvaspattern&gt;CanvasPattern=
&lt;/a&gt;&lt;/code&gt;
+    object. Invalid values are ignored.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;!-- v6 feature requests:
+
+   * Getting and setting colours by component to bypass the CSS value pa=
rsing.
+
+     Either:
+        context.fillStyle.red +=3D 1;
+
+     Or:
+        var array =3D context.fillStyle;
+        array[1] +=3D 1;
+        context.fillStyle =3D array;
+
+   * A more performant way of setting colours in general, e.g.:
+
+       context.setFillColor(r,g,b,a) // already supported by webkit
+
+     Or:
+
+       context.fillStyle =3D 0xRRGGBBAA; // set a 32bit int directly
+
+  --&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-fillstyle title=3Ddom-context=
-2d-fillStyle&gt;&lt;code&gt;fillStyle&lt;/code&gt;&lt;/dfn&gt; attribute=
 represents the
+  color or style to use inside shapes, and the &lt;dfn id=3Ddom-context-=
2d-strokestyle title=3Ddom-context-2d-strokeStyle&gt;&lt;code&gt;strokeSt=
yle&lt;/code&gt;&lt;/dfn&gt; attribute represents the color
+  or style to use for the lines around the shapes.&lt;/p&gt;
+
+  &lt;p&gt;Both attributes can be either strings, &lt;code&gt;&lt;a href=
=3D#canvasgradient&gt;CanvasGradient&lt;/a&gt;&lt;/code&gt;s, or
+  &lt;code&gt;&lt;a href=3D#canvaspattern&gt;CanvasPattern&lt;/a&gt;&lt;=
/code&gt;s. On setting, strings must be &lt;a href=3D#parsed-as-a-css-col=
or-value title=3D&quot;parsed as a CSS
+  &lt;color&gt; value&quot;&gt;parsed as CSS &amp;lt;color&amp;gt; value=
s&lt;/a&gt; and the color assigned, and
+  &lt;code&gt;&lt;a href=3D#canvasgradient&gt;CanvasGradient&lt;/a&gt;&l=
t;/code&gt; and &lt;code&gt;&lt;a href=3D#canvaspattern&gt;CanvasPattern&=
lt;/a&gt;&lt;/code&gt; objects must be assigned themselves. &lt;a href=3D=
#refsCSSCOLOR&gt;[CSSCOLOR]&lt;/a&gt; If the value is a string but cannot=
 be &lt;a href=3D#parsed-as-a-css-color-value&gt;parsed as a CSS
+  &amp;lt;color&amp;gt; value&lt;/a&gt;, then it must be ignored, and th=
e attribute must retain its previous
+  value.
+&lt;!--ADD-TOPIC:Security--&gt;
+  If the new value is a &lt;code&gt;&lt;a href=3D#canvaspattern&gt;Canva=
sPattern&lt;/a&gt;&lt;/code&gt; object that is marked as &lt;a href=3D#co=
ncept-canvas-pattern-not-origin-clean title=3Dconcept-canvas-pattern-not-=
origin-clean&gt;not origin-clean&lt;/a&gt;, then the &lt;a href=3D#scratc=
h-bitmap&gt;scratch
+  bitmap&lt;/a&gt;'s &lt;a href=3D#concept-canvas-origin-clean title=3Dc=
oncept-canvas-origin-clean&gt;origin-clean&lt;/a&gt; flag must be set to
+  false.
+&lt;!--REMOVE-TOPIC:Security--&gt;
+  &lt;/p&gt;
+
+  &lt;p&gt;When set to a &lt;code&gt;&lt;a href=3D#canvaspattern&gt;Canv=
asPattern&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#canvasgradi=
ent&gt;CanvasGradient&lt;/a&gt;&lt;/code&gt; object, the assignment
+  is &lt;a href=3D#live&gt;live&lt;/a&gt;, meaning that changes made to =
the object after the assignment do affect
+  subsequent stroking or filling of shapes.&lt;/p&gt;
+
+  &lt;p&gt;On getting, if the value is a color, then the &lt;a href=3D#s=
erialization-of-a-color title=3D&quot;serialization of a
+  color&quot;&gt;serialization of the color&lt;/a&gt; must be returned. =
Otherwise, if it is not a color but a
+  &lt;code&gt;&lt;a href=3D#canvasgradient&gt;CanvasGradient&lt;/a&gt;&l=
t;/code&gt; or &lt;code&gt;&lt;a href=3D#canvaspattern&gt;CanvasPattern&l=
t;/a&gt;&lt;/code&gt;, then the respective object must be
+  returned. (Such objects are opaque and therefore only useful for assig=
ning to other attributes or
+  for comparison to other gradients or patterns.)&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dserialization-of-a-color&gt;serialization of=
 a color&lt;/dfn&gt; for a color value is a string, computed as follows: =
if
+  it has alpha equal to 1.0, then the string is a lowercase six-digit he=
x value, prefixed with a &quot;#&quot;
+  character (U+0023 NUMBER SIGN), with the first two digits representing=
 the red component, the next
+  two digits representing the green component, and the last two digits r=
epresenting the blue
+  component, the digits being &lt;a href=3D#lowercase-ascii-hex-digits&g=
t;lowercase ASCII hex digits&lt;/a&gt;. Otherwise, the color value
+  has alpha less than 1.0, and the string is the color value in the CSS =
&lt;code title=3D&quot;&quot;&gt;rgba()&lt;/code&gt;
+  functional-notation format: the literal string &lt;code title=3D&quot;=
&quot;&gt;rgba&lt;/code&gt; (U+0072 U+0067 U+0062
+  U+0061) followed by a U+0028 LEFT PARENTHESIS, a base-ten integer in t=
he range 0-255 representing
+  the red component (using &lt;a href=3D#ascii-digits&gt;ASCII digits&lt=
;/a&gt; in the shortest form possible), a literal
+  U+002C COMMA and U+0020 SPACE, an integer for the green component, a c=
omma and a space, an integer
+  for the blue component, another comma and space, a U+0030 DIGIT ZERO, =
if the alpha value is
+  greater than zero then a U+002E FULL STOP (representing the decimal po=
int), if the alpha value is
+  greater than zero then one or more &lt;a href=3D#ascii-digits&gt;ASCII=
 digits&lt;/a&gt; representing the fractional part of
+  the alpha&lt;!-- value with no trailing zeros (implied by next sentenc=
e)--&gt;, and finally a U+0029
+  RIGHT PARENTHESIS. User agents must express the fractional part of the=
 alpha value, if any, with
+  the level of precision necessary for the alpha value, when reparsed, t=
o be interpreted as the same
+  alpha value.&lt;/p&gt; &lt;!-- if people complain this is unreadable, =
expand it into a &lt;dl&gt; with two nested
+  &lt;ol&gt;s --&gt;
+
+  &lt;p&gt;When the context is created, the &lt;code title=3Ddom-context=
-2d-fillStyle&gt;&lt;a href=3D#dom-context-2d-fillstyle&gt;fillStyle&lt;/=
a&gt;&lt;/code&gt; and &lt;code title=3Ddom-context-2d-strokeStyle&gt;&lt=
;a href=3D#dom-context-2d-strokestyle&gt;strokeStyle&lt;/a&gt;&lt;/code&g=
t; attributes
+  must initially have the string value &lt;code title=3D&quot;&quot;&gt;=
#000000&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When the value is a color, it must not be affected by the tra=
nsformation matrix when used to
+  draw on bitmaps.&lt;/p&gt; &lt;!-- so singular matrices don't affect s=
olid color fillStyles --&gt;
+
+  &lt;/div&gt;
+
+  &lt;hr&gt;&lt;p&gt;There are two types of gradients, linear gradients =
and radial gradients, both represented by
+  objects implementing the opaque &lt;code&gt;&lt;a href=3D#canvasgradie=
nt&gt;CanvasGradient&lt;/a&gt;&lt;/code&gt; interface.&lt;/p&gt;
+
+  &lt;p id=3Dinterpolation&gt;Once a gradient has been created (see belo=
w), stops are placed along it to
+  define how the colors are distributed along the gradient. &lt;span cla=
ss=3Dimpl&gt;The color of the
+  gradient at each stop is the color specified for that stop. Between ea=
ch such stop, the colors and
+  the alpha component must be linearly interpolated over the RGBA space =
without premultiplying the
+  alpha value to find the color to use at that offset. Before the first =
stop, the color must be the
+  color of the first stop. After the last stop, the color must be the co=
lor of the last stop. When
+  there are no stops, the gradient is transparent black.&lt;/span&gt;&lt=
;/p&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;g=
radient&lt;/var&gt; . &lt;code title=3Ddom-canvasgradient-addColorStop&gt=
;&lt;a href=3D#dom-canvasgradient-addcolorstop&gt;addColorStop&lt;/a&gt;&=
lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;offset&lt;/var&gt;, &lt;var =
title=3D&quot;&quot;&gt;color&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Adds a color stop with the given color to the gradient at t=
he given offset. 0.0 is the offset
+    at one end of the gradient, 1.0 is the offset at the other end.&lt;/=
p&gt;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;Index=
SizeError&lt;/a&gt;&lt;/code&gt; exception if the offset is out of range.=
 Throws a
+    &lt;code&gt;&lt;a href=3D#syntaxerror&gt;SyntaxError&lt;/a&gt;&lt;/c=
ode&gt; exception if the color cannot be parsed.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;gradient&lt;/var&gt; =3D &l=
t;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;code title=3Ddom-=
context-2d-createLinearGradient&gt;&lt;a href=3D#dom-context-2d-createlin=
eargradient&gt;createLinearGradient&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D=
&quot;&quot;&gt;x0&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y0&lt;/va=
r&gt;, &lt;var title=3D&quot;&quot;&gt;x1&lt;/var&gt;, &lt;var title=3D&q=
uot;&quot;&gt;y1&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a &lt;code&gt;&lt;a href=3D#canvasgradient&gt;Canva=
sGradient&lt;/a&gt;&lt;/code&gt; object that represents a
+    linear gradient that paints along the line given by the
+    coordinates represented by the arguments.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;gradient&lt;/var&gt; =3D &l=
t;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;code title=3Ddom-=
context-2d-createRadialGradient&gt;&lt;a href=3D#dom-context-2d-createrad=
ialgradient&gt;createRadialGradient&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D=
&quot;&quot;&gt;x0&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y0&lt;/va=
r&gt;, &lt;var title=3D&quot;&quot;&gt;r0&lt;/var&gt;, &lt;var title=3D&q=
uot;&quot;&gt;x1&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y1&lt;/var&=
gt;, &lt;var title=3D&quot;&quot;&gt;r1&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a &lt;code&gt;&lt;a href=3D#canvasgradient&gt;Canva=
sGradient&lt;/a&gt;&lt;/code&gt; object that represents a
+    radial gradient that paints along the cone given by the circles
+    represented by the arguments.&lt;/p&gt;
+
+    &lt;p&gt;If either of the radii are negative, throws an
+    &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;IndexSizeError&lt;/a&gt;=
&lt;/code&gt; exception.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-canvasgradient-addcolorstop title=3Ddom-=
canvasgradient-addColorStop&gt;&lt;code&gt;addColorStop(&lt;var title=3D&=
quot;&quot;&gt;offset&lt;/var&gt;,
+  &lt;var title=3D&quot;&quot;&gt;color&lt;/var&gt;)&lt;/code&gt;&lt;/df=
n&gt; method on the &lt;code&gt;&lt;a href=3D#canvasgradient&gt;CanvasGra=
dient&lt;/a&gt;&lt;/code&gt; interface adds a
+  new stop to a gradient. If the &lt;var title=3D&quot;&quot;&gt;offset&=
lt;/var&gt; is less than 0 or greater than 1 then an
+  &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;IndexSizeError&lt;/a&gt;&l=
t;/code&gt; exception must be thrown. If the &lt;var title=3D&quot;&quot;=
&gt;color&lt;/var&gt; cannot be
+  &lt;a href=3D#parsed-as-a-css-color-value&gt;parsed as a CSS &amp;lt;c=
olor&amp;gt; value&lt;/a&gt;, then a &lt;code&gt;&lt;a href=3D#syntaxerro=
r&gt;SyntaxError&lt;/a&gt;&lt;/code&gt; exception must
+  be thrown. Otherwise, the gradient must have a new stop placed, at off=
set &lt;var title=3D&quot;&quot;&gt;offset&lt;/var&gt; relative to the wh=
ole gradient, and with the color obtained by parsing &lt;var title=3D&quo=
t;&quot;&gt;color&lt;/var&gt; as a CSS &amp;lt;color&amp;gt; value. If mu=
ltiple stops are added at the same offset
+  on a gradient, they must be placed in the order added, with the first =
one closest to the start of
+  the gradient, and each subsequent one infinitesimally further along to=
wards the end point (in
+  effect causing all but the first and last stop added at each point to =
be ignored).&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-createlineargradient title=3D=
dom-context-2d-createLinearGradient&gt;&lt;code&gt;createLinearGradient(&=
lt;var title=3D&quot;&quot;&gt;x0&lt;/var&gt;, &lt;var title=3D&quot;&quo=
t;&gt;y0&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;x1&lt;/var&gt;, &lt=
;var title=3D&quot;&quot;&gt;y1&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; met=
hod takes four arguments that represent the start point (&lt;var title=3D=
&quot;&quot;&gt;x0&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y0&lt;/va=
r&gt;) and end point (&lt;var title=3D&quot;&quot;&gt;x1&lt;/var&gt;, &lt=
;var title=3D&quot;&quot;&gt;y1&lt;/var&gt;) of the gradient. The method =
must return a linear &lt;code&gt;&lt;a href=3D#canvasgradient&gt;CanvasGr=
adient&lt;/a&gt;&lt;/code&gt;
+  initialized with the specified line.&lt;/p&gt;
+
+  &lt;p&gt;Linear gradients must be rendered such that all points on a l=
ine perpendicular to the line that
+  crosses the start and end points have the color at the point where tho=
se two lines cross (with the
+  colors coming from the &lt;a href=3D#interpolation&gt;interpolation an=
d extrapolation&lt;/a&gt; described
+  above). The points in the linear gradient must be transformed as descr=
ibed by the &lt;a href=3D#transformations title=3Ddom-context-2d-transfor=
mation&gt;current transformation matrix&lt;/a&gt; when rendering.&lt;/p&g=
t;
+
+  &lt;p&gt;If &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&qu=
ot;&gt;x0&lt;/var&gt;&amp;nbsp;=3D&amp;nbsp;&lt;var title=3D&quot;&quot;&=
gt;x1&lt;/var&gt;&lt;/span&gt; and &lt;span title=3D&quot;&quot;&gt;&lt;v=
ar title=3D&quot;&quot;&gt;y0&lt;/var&gt;&amp;nbsp;=3D&amp;nbsp;&lt;var t=
itle=3D&quot;&quot;&gt;y1&lt;/var&gt;&lt;/span&gt;, then the linear
+  gradient must paint nothing.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-createradialgradient title=3D=
dom-context-2d-createRadialGradient&gt;&lt;code&gt;createRadialGradient(&=
lt;var title=3D&quot;&quot;&gt;x0&lt;/var&gt;, &lt;var title=3D&quot;&quo=
t;&gt;y0&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;r0&lt;/var&gt;, &lt=
;var title=3D&quot;&quot;&gt;x1&lt;/var&gt;, &lt;var title=3D&quot;&quot;=
&gt;y1&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;r1&lt;/var&gt;)&lt;/c=
ode&gt;&lt;/dfn&gt; method takes six arguments, the first
+  three representing the start circle with origin (&lt;var title=3D&quot=
;&quot;&gt;x0&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y0&lt;/var&gt;=
)
+  and radius &lt;var title=3D&quot;&quot;&gt;r0&lt;/var&gt;, and the las=
t three representing the end circle with origin
+  (&lt;var title=3D&quot;&quot;&gt;x1&lt;/var&gt;, &lt;var title=3D&quot=
;&quot;&gt;y1&lt;/var&gt;) and radius &lt;var title=3D&quot;&quot;&gt;r1&=
lt;/var&gt;. The values are
+  in coordinate space units. If either of &lt;var title=3D&quot;&quot;&g=
t;r0&lt;/var&gt; or &lt;var title=3D&quot;&quot;&gt;r1&lt;/var&gt; are
+  negative, an &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;IndexSizeErro=
r&lt;/a&gt;&lt;/code&gt; exception must be thrown. Otherwise, the method =
must
+  return a radial &lt;code&gt;&lt;a href=3D#canvasgradient&gt;CanvasGrad=
ient&lt;/a&gt;&lt;/code&gt; initialized with the two specified circles.&l=
t;/p&gt;
+
+  &lt;p&gt;Radial gradients must be rendered by following these steps:&l=
t;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;span title=3D&quot;&quot;&gt;&lt;v=
ar title=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;&quot;&gt;0&lt;/sub&gt;=
&lt;/var&gt;&amp;nbsp;=3D&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;x&lt;s=
ub title=3D&quot;&quot;&gt;1&lt;/sub&gt;&lt;/var&gt;&lt;/span&gt; and &lt=
;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;y&lt;sub ti=
tle=3D&quot;&quot;&gt;0&lt;/sub&gt;&lt;/var&gt;&amp;nbsp;=3D&amp;nbsp;&lt=
;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;1&lt;/sub&g=
t;&lt;/var&gt;&lt;/span&gt; and &lt;span title=3D&quot;&quot;&gt;&lt;var =
title=3D&quot;&quot;&gt;r&lt;sub title=3D&quot;&quot;&gt;0&lt;/sub&gt;&lt=
;/var&gt;&amp;nbsp;=3D&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;r&lt;sub =
title=3D&quot;&quot;&gt;1&lt;/sub&gt;&lt;/var&gt;&lt;/span&gt;, then the =
radial gradient must
+   paint nothing. Abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;span title=3D&quot;&quot;&gt;x(&lt;var title=3D&quo=
t;&quot;&gt;&amp;omega;&lt;/var&gt;)&amp;nbsp;=3D&amp;nbsp;(&lt;var title=
=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;&quot;&gt;1&lt;/sub&gt;&lt;/var=
&gt;-&lt;var title=3D&quot;&quot;&gt;x&lt;sub title=3D&quot;&quot;&gt;0&l=
t;/sub&gt;&lt;/var&gt;)&lt;var title=3D&quot;&quot;&gt;&amp;omega;&lt;/va=
r&gt;&amp;nbsp;+&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;x&lt;sub title=3D=
&quot;&quot;&gt;0&lt;/sub&gt;&lt;/var&gt;&lt;/span&gt;&lt;/p&gt;
+
+    &lt;p&gt;Let &lt;span title=3D&quot;&quot;&gt;y(&lt;var title=3D&quo=
t;&quot;&gt;&amp;omega;&lt;/var&gt;)&amp;nbsp;=3D&amp;nbsp;(&lt;var title=
=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;1&lt;/sub&gt;&lt;/var=
&gt;-&lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D&quot;&quot;&gt;0&l=
t;/sub&gt;&lt;/var&gt;)&lt;var title=3D&quot;&quot;&gt;&amp;omega;&lt;/va=
r&gt;&amp;nbsp;+&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;y&lt;sub title=3D=
&quot;&quot;&gt;0&lt;/sub&gt;&lt;/var&gt;&lt;/span&gt;&lt;/p&gt;
+
+    &lt;p&gt;Let &lt;span title=3D&quot;&quot;&gt;r(&lt;var title=3D&quo=
t;&quot;&gt;&amp;omega;&lt;/var&gt;)&amp;nbsp;=3D&amp;nbsp;(&lt;var title=
=3D&quot;&quot;&gt;r&lt;sub title=3D&quot;&quot;&gt;1&lt;/sub&gt;&lt;/var=
&gt;-&lt;var title=3D&quot;&quot;&gt;r&lt;sub title=3D&quot;&quot;&gt;0&l=
t;/sub&gt;&lt;/var&gt;)&lt;var title=3D&quot;&quot;&gt;&amp;omega;&lt;/va=
r&gt;&amp;nbsp;+&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;r&lt;sub title=3D=
&quot;&quot;&gt;0&lt;/sub&gt;&lt;/var&gt;&lt;/span&gt;&lt;/p&gt;
+
+    &lt;p&gt;Let the color at &lt;var title=3D&quot;&quot;&gt;&amp;omega=
;&lt;/var&gt; be the color at that position on the gradient
+    (with the colors coming from the &lt;a href=3D#interpolation&gt;inte=
rpolation and extrapolation&lt;/a&gt;
+    described above).&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;For all values of &lt;var title=3D&quot;&quot;&gt;=
&amp;omega;&lt;/var&gt; where &lt;span title=3D&quot;&quot;&gt;r(&lt;var =
title=3D&quot;&quot;&gt;&amp;omega;&lt;/var&gt;)&amp;nbsp;&amp;gt;&amp;nb=
sp;0&lt;/span&gt;, starting with the value of &lt;var title=3D&quot;&quot=
;&gt;&amp;omega;&lt;/var&gt; nearest to positive infinity and ending with=
 the value of &lt;var title=3D&quot;&quot;&gt;&amp;omega;&lt;/var&gt; nea=
rest to negative infinity, draw the circumference of the circle with
+   radius &lt;span title=3D&quot;&quot;&gt;r(&lt;var title=3D&quot;&quot=
;&gt;&amp;omega;&lt;/var&gt;)&lt;/span&gt; at position (&lt;span title=3D=
&quot;&quot;&gt;x(&lt;var title=3D&quot;&quot;&gt;&amp;omega;&lt;/var&gt;=
)&lt;/span&gt;, &lt;span title=3D&quot;&quot;&gt;y(&lt;var title=3D&quot;=
&quot;&gt;&amp;omega;&lt;/var&gt;)&lt;/span&gt;), with the
+   color at &lt;var title=3D&quot;&quot;&gt;&amp;omega;&lt;/var&gt;, but=
 only painting on the parts of the bitmap that have not
+   yet been painted on by earlier circles in this step for this renderin=
g of the gradient.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;This effectively creates a cone, touc=
hed by the two circles defined in the
+  creation of the gradient, with the part of the cone before the start c=
ircle (0.0) using the color
+  of the first offset, the part of the cone after the end circle (1.0) u=
sing the color of the last
+  offset, and areas outside the cone untouched by the gradient (transpar=
ent black).&lt;/p&gt;
+
+  &lt;p&gt;The resulting radial gradient must then be transformed as des=
cribed by the &lt;a href=3D#transformations title=3Ddom-context-2d-transf=
ormation&gt;current transformation matrix&lt;/a&gt; when rendering.&lt;/p=
&gt;
+
+  &lt;p&gt;Gradients must be painted only where the relevant stroking or=
 filling effects requires that
+  they be drawn.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;hr&gt;&lt;p&gt;Patterns are represented by objects implementing th=
e opaque &lt;code&gt;&lt;a href=3D#canvaspattern&gt;CanvasPattern&lt;/a&g=
t;&lt;/code&gt;
+  interface.&lt;/p&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;p=
attern&lt;/var&gt; =3D &lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt=
; . &lt;code title=3Ddom-context-2d-createPattern&gt;&lt;a href=3D#dom-co=
ntext-2d-createpattern&gt;createPattern&lt;/a&gt;&lt;/code&gt;(&lt;var ti=
tle=3D&quot;&quot;&gt;image&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;=
repetition&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a &lt;code&gt;&lt;a href=3D#canvaspattern&gt;Canvas=
Pattern&lt;/a&gt;&lt;/code&gt; object that uses the given image and repea=
ts in the
+    direction(s) given by the &lt;var title=3D&quot;&quot;&gt;repetition=
&lt;/var&gt; argument.&lt;/p&gt;
+
+    &lt;p&gt;The allowed values for &lt;var title=3D&quot;&quot;&gt;repe=
tition&lt;/var&gt; are &lt;code title=3D&quot;&quot;&gt;repeat&lt;/code&g=
t; (both
+    directions), &lt;code title=3D&quot;&quot;&gt;repeat-x&lt;/code&gt; =
(horizontal only), &lt;code title=3D&quot;&quot;&gt;repeat-y&lt;/code&gt;
+    (vertical only), and &lt;code title=3D&quot;&quot;&gt;no-repeat&lt;/=
code&gt; (neither). If the &lt;var title=3D&quot;&quot;&gt;repetition&lt;=
/var&gt; argument is empty, the value &lt;code title=3D&quot;&quot;&gt;re=
peat&lt;/code&gt; is used.&lt;/p&gt;
+
+    &lt;p&gt;If the image isn't yet fully decoded, then nothing is drawn=
. If the image is a canvas with no
+    data, throws an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;Inval=
idStateError&lt;/a&gt;&lt;/code&gt; exception.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;pattern&lt;/var&gt; . &lt;c=
ode title=3Ddom-canvaspattern-setTransform&gt;&lt;a href=3D#dom-canvaspat=
tern-settransform&gt;setTransform&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D=
&quot;&quot;&gt;transform&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Sets the transformation matrix that will be used when rende=
ring the pattern during a fill or
+    stroke painting operation.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;To create objects of this type, the &lt;dfn id=3Ddom-context-=
2d-createpattern title=3Ddom-context-2d-createPattern&gt;&lt;code&gt;crea=
tePattern(&lt;var title=3D&quot;&quot;&gt;image&lt;/var&gt;, &lt;var titl=
e=3D&quot;&quot;&gt;repetition&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; meth=
od is used. When the method is invoked, the user agent
+  must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;image=
&lt;/var&gt; be the first argument and &lt;var title=3D&quot;&quot;&gt;re=
petition&lt;/var&gt; be
+   the second argument.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#check-the-usability-of-the-image-arg=
ument&gt;Check the usability of the &lt;var title=3D&quot;&quot;&gt;image=
&lt;/var&gt; argument&lt;/a&gt;. If this
+   returns &lt;i&gt;aborted&lt;/i&gt;, then an exception has been thrown=
 and the method doesn't return anything;
+   abort these steps. If it returns &lt;i&gt;bad&lt;/i&gt;, then return =
null and abort these steps. Otherwise it
+   returns &lt;i&gt;good&lt;/i&gt;; continue with these steps.&lt;/li&gt=
;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;repetition&lt;/=
var&gt; is the empty string, let it be &quot;&lt;code title=3D&quot;&quot=
;&gt;repeat&lt;/code&gt;&quot;.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;repetition&lt;/=
var&gt; is not a &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt;=
 match for one of
+   &quot;&lt;code title=3D&quot;&quot;&gt;repeat&lt;/code&gt;&quot;, &qu=
ot;&lt;code title=3D&quot;&quot;&gt;repeat-x&lt;/code&gt;&quot;, &quot;&l=
t;code title=3D&quot;&quot;&gt;repeat-y&lt;/code&gt;&quot;, or &quot;&lt;=
code title=3D&quot;&quot;&gt;no-repeat&lt;/code&gt;&quot;, throw a &lt;co=
de&gt;&lt;a href=3D#syntaxerror&gt;SyntaxError&lt;/a&gt;&lt;/code&gt;
+   exception and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Create a new &lt;code&gt;&lt;a href=3D#canvaspatte=
rn&gt;CanvasPattern&lt;/a&gt;&lt;/code&gt; object with the image &lt;var =
title=3D&quot;&quot;&gt;image&lt;/var&gt;
+   and the repetition behavior given by &lt;var title=3D&quot;&quot;&gt;=
repetition&lt;/var&gt;.&lt;/li&gt;
+
+&lt;!--ADD-TOPIC:Security--&gt;
+   &lt;li&gt;&lt;p&gt;If &lt;a href=3D#the-image-argument-is-not-origin-=
clean&gt;the &lt;var title=3D&quot;&quot;&gt;image argument&lt;/var&gt; i=
s not origin-clean&lt;/a&gt;, then mark the
+   &lt;code&gt;&lt;a href=3D#canvaspattern&gt;CanvasPattern&lt;/a&gt;&lt=
;/code&gt; object as &lt;dfn id=3Dconcept-canvas-pattern-not-origin-clean=
 title=3Dconcept-canvas-pattern-not-origin-clean&gt;not
+   origin-clean&lt;/dfn&gt;.&lt;/li&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the &lt;code&gt;&lt;a href=3D#canvaspattern=
&gt;CanvasPattern&lt;/a&gt;&lt;/code&gt; object.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;Modifying the &lt;var title=3D&quot;&quot;&gt;imag=
e&lt;/var&gt; used when creating a &lt;code&gt;&lt;a href=3D#canvaspatter=
n&gt;CanvasPattern&lt;/a&gt;&lt;/code&gt; object
+  after calling the &lt;code title=3Ddom-context-2d-createPattern&gt;&lt=
;a href=3D#dom-context-2d-createpattern&gt;createPattern()&lt;/a&gt;&lt;/=
code&gt; method must
+  not affect the pattern(s) rendered by the &lt;code&gt;&lt;a href=3D#ca=
nvaspattern&gt;CanvasPattern&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+  &lt;p&gt;Patterns have a transformation matrix, which controls how the=
 pattern is used when it is
+  painted. Initially, a pattern's transformation matrix must be the iden=
tity transform.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;dfn id=3Ddom-canvaspattern-settransform title=3D=
dom-canvaspattern-setTransform&gt;&lt;code&gt;setTransform()&lt;/code&gt;=
&lt;/dfn&gt; method
+  is invoked on the pattern, the user agent must replace the pattern's t=
ransformation matrix with
+  the one described by the &lt;code&gt;&lt;a href=3D#svgmatrix&gt;SVGMat=
rix&lt;/a&gt;&lt;/code&gt; object provided as an argument to the method.&=
lt;/p&gt;
+
+  &lt;p&gt;When a pattern is to be rendered within an area, the user age=
nt must run the following steps to
+  determine what is rendered:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Create an infinite transparent black bitm=
ap.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Place a copy of the image on the bitmap, anchored such that=
 its top left corner is at the
+    origin of the coordinate space, with one coordinate space unit per C=
SS pixel of the image, then
+    place repeated copies of this image horizontally to the left and rig=
ht, if the repetition
+    behavior is &quot;&lt;code title=3D&quot;&quot;&gt;repeat-x&lt;/code=
&gt;&quot;, or vertically up and down, if the repetition
+    behavior is &quot;&lt;code title=3D&quot;&quot;&gt;repeat-y&lt;/code=
&gt;&quot;, or in all four directions all over the bitmap, if
+    the repetition behavior is &quot;&lt;code title=3D&quot;&quot;&gt;re=
peat&lt;/code&gt;&quot;.&lt;/p&gt;
+
+    &lt;p&gt;If the original image data is a bitmap image, the value pai=
nted at a point in the area of the
+    repetitions is computed by filtering the original image data. When s=
caling up, if the &lt;code title=3Ddom-context-2d-imageSmoothingEnabled&g=
t;&lt;a href=3D#dom-context-2d-imagesmoothingenabled&gt;imageSmoothingEna=
bled&lt;/a&gt;&lt;/code&gt; attribute is set to
+    true, the image must be rendered using nearest-neighbor interpolatio=
n. Otherwise, the user agent
+    may use any filtering algorithm (for example bilinear interpolation =
or nearest-neighbor). When
+    such a filtering algorithm requires a pixel value from outside the o=
riginal image data, it must
+    instead use the value from wrapping the pixel's coordinates to the o=
riginal image's dimensions.
+    (That is, the filter uses 'repeat' behavior, regardless of the value=
 of the pattern's repetition
+    behavior.)&lt;/p&gt;
+    &lt;!-- drawImage() has similar paragraphs with different rules --&g=
t;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Transform the resulting bitmap according to the pa=
ttern's transformation matrix.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Transform the resulting bitmap again, this time ac=
cording to the &lt;a href=3D#transformations title=3Ddom-context-2d-trans=
formation&gt;current transformation matrix&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Replace any part of the image outside the area in =
which the pattern is to be rendered with
+   transparent black.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;The resulting bitmap is what is to be rendered, wi=
th the same origin and same
+   scale.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;If a radial gradient or repeated pattern=
 is used when the transformation matrix is singular,
+  the resulting style must be transparent black (otherwise the gradient =
or pattern would be
+  collapsed to a point or line, leaving the other pixels undefined). Lin=
ear gradients and solid
+  colors always define all points even with singular tranformation matri=
ces.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+
+  &lt;h6 id=3Ddrawing-rectangles-to-the-bitmap&gt;&lt;span class=3Dsecno=
&gt;4.12.4.2.11 &lt;/span&gt;Drawing rectangles to the bitmap&lt;/h6&gt;
+
+  &lt;p&gt;There are three methods that immediately draw rectangles to t=
he bitmap. They each take four
+  arguments; the first two give the &lt;var title=3D&quot;&quot;&gt;x&lt=
;/var&gt; and &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; coordinates o=
f
+  the top left of the rectangle, and the second two give the width &lt;v=
ar title=3D&quot;&quot;&gt;w&lt;/var&gt; and height
+  &lt;var title=3D&quot;&quot;&gt;h&lt;/var&gt; of the rectangle, respec=
tively.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;a href=3D#transformations title=3Ddom-context-2d-tran=
sformation&gt;current transformation matrix&lt;/a&gt; must be
+  applied to the following four coordinates, which form the path that mu=
st then be closed to get the
+  specified rectangle: &lt;span title=3D&quot;&quot;&gt;(&lt;var title=3D=
&quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&=
gt;)&lt;/span&gt;, &lt;span title=3D&quot;&quot;&gt;(&lt;span title=3D&qu=
ot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;+&lt;var title=3D=
&quot;&quot;&gt;w&lt;/var&gt;&lt;/span&gt;, &lt;var title=3D&quot;&quot;&=
gt;y&lt;/var&gt;)&lt;/span&gt;, &lt;span title=3D&quot;&quot;&gt;(&lt;spa=
n title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;+&=
lt;var title=3D&quot;&quot;&gt;w&lt;/var&gt;&lt;/span&gt;, &lt;span title=
=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;+&lt;var =
title=3D&quot;&quot;&gt;h&lt;/var&gt;&lt;/span&gt;)&lt;/span&gt;, &lt;spa=
n title=3D&quot;&quot;&gt;(&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;,=
 &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;y&lt;/v=
ar&gt;+&lt;var title=3D&quot;&quot;&gt;h&lt;/var&gt;&lt;/span&gt;)&lt;/sp=
an&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Shapes are painted without affecting the &lt;a href=3D#curren=
t-default-path&gt;current default path&lt;/a&gt;, and are subject to
+  the &lt;a href=3D#clipping-region&gt;clipping region&lt;/a&gt;, and, w=
ith the exception of &lt;code title=3Ddom-context-2d-clearRect&gt;&lt;a h=
ref=3D#dom-context-2d-clearrect&gt;clearRect()&lt;/a&gt;&lt;/code&gt;, al=
so &lt;a href=3D#shadows title=3Dshadows&gt;shadow
+  effects&lt;/a&gt;, &lt;a href=3D#dom-context-2d-globalalpha title=3Ddo=
m-context-2d-globalAlpha&gt;global alpha&lt;/a&gt;, and &lt;a href=3D#dom=
-context-2d-globalcompositeoperation title=3Ddom-context-2d-globalComposi=
teOperation&gt;global composition operators&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;c=
ontext&lt;/var&gt; . &lt;code title=3Ddom-context-2d-clearRect&gt;&lt;a h=
ref=3D#dom-context-2d-clearrect&gt;clearRect&lt;/a&gt;&lt;/code&gt;(&lt;v=
ar title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt=
;y&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;w&lt;/var&gt;, &lt;var ti=
tle=3D&quot;&quot;&gt;h&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Clears all pixels on the bitmap in the given rectangle to t=
ransparent black.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-fillRect&gt;&lt;a href=3D#dom-context-2d-fillr=
ect&gt;fillRect&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;x&=
lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;, &lt;var title=
=3D&quot;&quot;&gt;w&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;h&lt;/v=
ar&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Paints the given rectangle onto the bitmap, using the curre=
nt fill style.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-strokeRect&gt;&lt;a href=3D#dom-context-2d-str=
okerect&gt;strokeRect&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;=
&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;, &lt;var=
 title=3D&quot;&quot;&gt;w&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;h=
&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Paints the box that outlines the given rectangle onto the b=
itmap, using the current stroke
+    style.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-clearrect title=3Ddom-context=
-2d-clearRect&gt;&lt;code&gt;clearRect(&lt;var title=3D&quot;&quot;&gt;x&=
lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;, &lt;var title=
=3D&quot;&quot;&gt;w&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;h&lt;/v=
ar&gt;)&lt;/code&gt;&lt;/dfn&gt; method must run the
+  following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;pixel=
s&lt;/var&gt; be the set of pixels in the specified rectangle that also
+   intersect the current &lt;a href=3D#clipping-region&gt;clipping regio=
n&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Clear the pixels in &lt;var title=3D&quot;&quot;&g=
t;pixels&lt;/var&gt; to a fully transparent black, erasing any
+   previous image.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#clear-regions-that-cover-the-pixels&=
gt;Clear regions that cover the pixels&lt;/a&gt; in &lt;var title=3D&quot=
;&quot;&gt;pixels&lt;/var&gt; on the
+   &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;If either height or width are zero, t=
his method has no effect, since the set of
+  pixels would be empty.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-fillrect title=3Ddom-context-=
2d-fillRect&gt;&lt;code&gt;fillRect(&lt;var title=3D&quot;&quot;&gt;x&lt;=
/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;, &lt;var title=3D=
&quot;&quot;&gt;w&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;h&lt;/var&=
gt;)&lt;/code&gt;&lt;/dfn&gt; method must paint the
+  specified rectangular area using the &lt;code title=3Ddom-context-2d-f=
illStyle&gt;&lt;a href=3D#dom-context-2d-fillstyle&gt;fillStyle&lt;/a&gt;=
&lt;/code&gt;. If
+  either height or width are zero, this method has no effect.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-strokerect title=3Ddom-contex=
t-2d-strokeRect&gt;&lt;code&gt;strokeRect(&lt;var title=3D&quot;&quot;&gt=
;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;, &lt;var ti=
tle=3D&quot;&quot;&gt;w&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;h&lt=
;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; method must take the
+  result of &lt;a href=3D#trace-a-path title=3D&quot;trace a path&quot;&=
gt;tracing the path&lt;/a&gt; described below, using the
+  &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingC=
ontext2D&lt;/a&gt;&lt;/code&gt; object's line styles, and fill it with th=
e &lt;code title=3Ddom-context-2d-strokeStyle&gt;&lt;a href=3D#dom-contex=
t-2d-strokestyle&gt;strokeStyle&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p&gt;If both &lt;var title=3D&quot;&quot;&gt;w&lt;/var&gt; and &lt=
;var title=3D&quot;&quot;&gt;h&lt;/var&gt; are zero, the path has a singl=
e subpath
+  with just one point (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &l=
t;var title=3D&quot;&quot;&gt;y&lt;/var&gt;), and no lines, and this meth=
od
+  thus has no effect (the &lt;a href=3D#trace-a-path&gt;trace a path&lt;=
/a&gt; algorithm returns an empty path in that
+  case).&lt;/p&gt;
+
+  &lt;p&gt;If just one of either &lt;var title=3D&quot;&quot;&gt;w&lt;/v=
ar&gt; or &lt;var title=3D&quot;&quot;&gt;h&lt;/var&gt; is zero, then the=
 path has
+  a single subpath consisting of two points, with coordinates (&lt;span =
title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;&lt;=
/span&gt;, &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&=
gt;y&lt;/var&gt;&lt;/span&gt;) and (&lt;span title=3D&quot;&quot;&gt;&lt;=
var title=3D&quot;&quot;&gt;x&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt=
;w&lt;/var&gt;&lt;/span&gt;, &lt;span title=3D&quot;&quot;&gt;&lt;var tit=
le=3D&quot;&quot;&gt;y&lt;/var&gt;&lt;/span&gt;+&lt;var title=3D&quot;&qu=
ot;&gt;h&lt;/var&gt;), in that order, connected by a single straight line=
.&lt;/p&gt;
+
+  &lt;p&gt;Otherwise, the path has a single subpath consisting of four p=
oints, with coordinates (&lt;span title=3D&quot;&quot;&gt;&lt;var title=3D=
&quot;&quot;&gt;x&lt;/var&gt;&lt;/span&gt;, &lt;span title=3D&quot;&quot;=
&gt;&lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;&lt;/span&gt;), (&lt;spa=
n title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;+&=
lt;var title=3D&quot;&quot;&gt;w&lt;/var&gt;&lt;/span&gt;, &lt;span title=
=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;&lt;/span=
&gt;), (&lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;=
x&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;w&lt;/var&gt;&lt;/span&gt;,
+  &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;y&lt;=
/var&gt;&lt;/span&gt;+&lt;var title=3D&quot;&quot;&gt;h&lt;/var&gt;), and=
 (&lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;x&lt;/=
var&gt;&lt;/span&gt;, &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&q=
uot;&quot;&gt;y&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;h&lt;/var&gt;=
&lt;/span&gt;),
+  connected to each other in that order by straight lines.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h6 id=3Ddrawing-text-to-the-bitmap&gt;&lt;span class=3Dsecno&gt;4.=
12.4.2.12 &lt;/span&gt;Drawing text to the bitmap&lt;/h6&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;c=
ontext&lt;/var&gt; . &lt;code title=3Ddom-context-2d-fillText&gt;&lt;a hr=
ef=3D#dom-context-2d-filltext&gt;fillText&lt;/a&gt;&lt;/code&gt;(&lt;var =
title=3D&quot;&quot;&gt;text&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt=
;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; [, &lt;var =
title=3D&quot;&quot;&gt;maxWidth&lt;/var&gt; ] )&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-strokeText&gt;&lt;a href=3D#dom-context-2d-str=
oketext&gt;strokeText&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;=
&gt;text&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;=
var title=3D&quot;&quot;&gt;y&lt;/var&gt; [, &lt;var title=3D&quot;&quot;=
&gt;maxWidth&lt;/var&gt; ] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Fills or strokes (respectively) the given text at the given=
 position. If a maximum width is
+    provided, the text will be scaled to fit that width if necessary.&lt=
;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;metrics&lt;/var&gt; =3D &lt=
;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;code title=3Ddom-c=
ontext-2d-measureText&gt;&lt;a href=3D#dom-context-2d-measuretext&gt;meas=
ureText&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;text&lt;/v=
ar&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a &lt;code&gt;&lt;a href=3D#textmetrics&gt;TextMetr=
ics&lt;/a&gt;&lt;/code&gt; object with the metrics of the given text in t=
he current
+    font.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;metrics&lt;/var&gt; . &lt;c=
ode title=3Ddom-textmetrics-width&gt;&lt;a href=3D#dom-textmetrics-width&=
gt;width&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;metrics&lt;/var&gt; . &lt;c=
ode title=3Ddom-textmetrics-actualBoundingBoxLeft&gt;&lt;a href=3D#dom-te=
xtmetrics-actualboundingboxleft&gt;actualBoundingBoxLeft&lt;/a&gt;&lt;/co=
de&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;metrics&lt;/var&gt; . &lt;c=
ode title=3Ddom-textmetrics-actualBoundingBoxRight&gt;&lt;a href=3D#dom-t=
extmetrics-actualboundingboxright&gt;actualBoundingBoxRight&lt;/a&gt;&lt;=
/code&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;metrics&lt;/var&gt; . &lt;c=
ode title=3Ddom-textmetrics-fontBoundingBoxAscent&gt;&lt;a href=3D#dom-te=
xtmetrics-fontboundingboxascent&gt;fontBoundingBoxAscent&lt;/a&gt;&lt;/co=
de&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;metrics&lt;/var&gt; . &lt;c=
ode title=3Ddom-textmetrics-fontBoundingBoxDescent&gt;&lt;a href=3D#dom-t=
extmetrics-fontboundingboxdescent&gt;fontBoundingBoxDescent&lt;/a&gt;&lt;=
/code&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;metrics&lt;/var&gt; . &lt;c=
ode title=3Ddom-textmetrics-actualBoundingBoxAscent&gt;&lt;a href=3D#dom-=
textmetrics-actualboundingboxascent&gt;actualBoundingBoxAscent&lt;/a&gt;&=
lt;/code&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;metrics&lt;/var&gt; . &lt;c=
ode title=3Ddom-textmetrics-actualBoundingBoxDescent&gt;&lt;a href=3D#dom=
-textmetrics-actualboundingboxdescent&gt;actualBoundingBoxDescent&lt;/a&g=
t;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;metrics&lt;/var&gt; . &lt;c=
ode title=3Ddom-textmetrics-emHeightAscent&gt;&lt;a href=3D#dom-textmetri=
cs-emheightascent&gt;emHeightAscent&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;metrics&lt;/var&gt; . &lt;c=
ode title=3Ddom-textmetrics-emHeightDescent&gt;&lt;a href=3D#dom-textmetr=
ics-emheightdescent&gt;emHeightDescent&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;metrics&lt;/var&gt; . &lt;c=
ode title=3Ddom-textmetrics-hangingBaseline&gt;&lt;a href=3D#dom-textmetr=
ics-hangingbaseline&gt;hangingBaseline&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;metrics&lt;/var&gt; . &lt;c=
ode title=3Ddom-textmetrics-alphabeticBaseline&gt;&lt;a href=3D#dom-textm=
etrics-alphabeticbaseline&gt;alphabeticBaseline&lt;/a&gt;&lt;/code&gt;&lt=
;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;metrics&lt;/var&gt; . &lt;c=
ode title=3Ddom-textmetrics-ideographicBaseline&gt;&lt;a href=3D#dom-text=
metrics-ideographicbaseline&gt;ideographicBaseline&lt;/a&gt;&lt;/code&gt;=
&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the measurement described below.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;Can=
vasRenderingContext2D&lt;/a&gt;&lt;/code&gt; interface provides the follo=
wing methods for
+  rendering text.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-filltext title=3Ddom-context-=
2d-fillText&gt;&lt;code&gt;fillText()&lt;/code&gt;&lt;/dfn&gt; and &lt;df=
n id=3Ddom-context-2d-stroketext title=3Ddom-context-2d-strokeText&gt;&lt=
;code&gt;strokeText()&lt;/code&gt;&lt;/dfn&gt; methods take three or four
+  arguments, &lt;var title=3D&quot;&quot;&gt;text&lt;/var&gt;, &lt;var t=
itle=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&l=
t;/var&gt;, and optionally
+  &lt;var title=3D&quot;&quot;&gt;maxWidth&lt;/var&gt;, and render the g=
iven &lt;var title=3D&quot;&quot;&gt;text&lt;/var&gt; at the given (&lt;v=
ar title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt=
;y&lt;/var&gt;) coordinates ensuring that the text isn't wider than &lt;v=
ar title=3D&quot;&quot;&gt;maxWidth&lt;/var&gt; if specified, using the c=
urrent &lt;code title=3Ddom-context-2d-font&gt;&lt;a href=3D#dom-context-=
2d-font&gt;font&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-context-2d-t=
extAlign&gt;&lt;a href=3D#dom-context-2d-textalign&gt;textAlign&lt;/a&gt;=
&lt;/code&gt;,
+  and &lt;code title=3Ddom-context-2d-textBaseline&gt;&lt;a href=3D#dom-=
context-2d-textbaseline&gt;textBaseline&lt;/a&gt;&lt;/code&gt; values. Sp=
ecifically, when the
+  methods are called, the user agent must run the following steps:&lt;/p=
&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Run the &lt;a href=3D#text-preparation-al=
gorithm&gt;text preparation algorithm&lt;/a&gt;, passing it &lt;var title=
=3D&quot;&quot;&gt;text&lt;/var&gt;, the
+   &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRendering=
Context2D&lt;/a&gt;&lt;/code&gt; object, and, if the &lt;var title=3D&quo=
t;&quot;&gt;maxWidth&lt;/var&gt; argument
+   was provided, that argument. Let &lt;var title=3D&quot;&quot;&gt;glyp=
hs&lt;/var&gt; be the result.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Move all the shapes in &lt;var title=3D&quot;&quot=
;&gt;glyphs&lt;/var&gt; to the right by &lt;var title=3D&quot;&quot;&gt;x=
&lt;/var&gt;
+   CSS pixels and down by &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; =
CSS pixels.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Paint the shapes given in &lt;var title=3D&quot;&quot;&gt;g=
lyphs&lt;/var&gt;, as transformed by the &lt;a href=3D#transformations ti=
tle=3Ddom-context-2d-transformation&gt;current transformation matrix&lt;/=
a&gt;, with each CSS pixel
+    in the coordinate space of &lt;var title=3D&quot;&quot;&gt;glyphs&lt=
;/var&gt; mapped to one coordinate space unit.&lt;/p&gt;
+
+    &lt;p&gt;For &lt;code title=3Ddom-context-2d-fillText&gt;&lt;a href=3D=
#dom-context-2d-filltext&gt;fillText()&lt;/a&gt;&lt;/code&gt;, &lt;code t=
itle=3Ddom-context-2d-fillStyle&gt;&lt;a href=3D#dom-context-2d-fillstyle=
&gt;fillStyle&lt;/a&gt;&lt;/code&gt; must be applied to the shapes and &l=
t;code title=3Ddom-context-2d-strokeStyle&gt;&lt;a href=3D#dom-context-2d=
-strokestyle&gt;strokeStyle&lt;/a&gt;&lt;/code&gt; must be ignored. For &=
lt;code title=3Ddom-context-2d-strokeText&gt;&lt;a href=3D#dom-context-2d=
-stroketext&gt;strokeText()&lt;/a&gt;&lt;/code&gt;, the reverse holds: &l=
t;code title=3Ddom-context-2d-strokeStyle&gt;&lt;a href=3D#dom-context-2d=
-strokestyle&gt;strokeStyle&lt;/a&gt;&lt;/code&gt; must be applied to the=
 result of &lt;a href=3D#trace-a-path title=3D&quot;trace a path&quot;&gt=
;tracing&lt;/a&gt; the shapes using the &lt;code&gt;&lt;a href=3D#canvasr=
enderingcontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt;
+    object for the line styles, and &lt;code title=3Ddom-context-2d-fill=
Style&gt;&lt;a href=3D#dom-context-2d-fillstyle&gt;fillStyle&lt;/a&gt;&lt=
;/code&gt; must be
+    ignored.&lt;/p&gt;
+
+    &lt;p&gt;These shapes are painted without affecting the current path=
, and are subject to &lt;a href=3D#shadows title=3Dshadows&gt;shadow effe=
cts&lt;/a&gt;, &lt;a href=3D#dom-context-2d-globalalpha title=3Ddom-conte=
xt-2d-globalAlpha&gt;global
+    alpha&lt;/a&gt;, the &lt;a href=3D#clipping-region&gt;clipping regio=
n&lt;/a&gt;, and &lt;a href=3D#dom-context-2d-globalcompositeoperation ti=
tle=3Ddom-context-2d-globalCompositeOperation&gt;global composition opera=
tors&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+&lt;!--ADD-TOPIC:Security--&gt;
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#text-preparation-algorithm&gt=
;text preparation algorithm&lt;/a&gt; used a font that has an &lt;a href=3D=
#origin&gt;origin&lt;/a&gt;
+   that is not the &lt;a href=3D#same-origin title=3D&quot;same origin&q=
uot;&gt;same&lt;/a&gt; as the=20
+   &lt;a href=3D#origin&gt;origin&lt;/a&gt; specified by the &lt;a href=3D=
#entry-settings-object&gt;entry settings object&lt;/a&gt; (even if &quot;=
using a font&quot; means just checking if that font has a particular
+   glyph in it before falling back to another font), then set the &lt;a =
href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;'s
+   &lt;a href=3D#concept-canvas-origin-clean title=3Dconcept-canvas-orig=
in-clean&gt;origin-clean&lt;/a&gt; flag to false.&lt;/li&gt; &lt;!--
+   because fonts could consider sensitive material, I guess; and because=
 that sensitivity could
+   extend to whether or not a particular glyph is in the font in the fir=
st place. --&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+  &lt;/ol&gt;&lt;!--v6DVT - this is commented out until CSS can get its =
act together
+enough to actual specify vertical text rendering (how long have we
+been waiting now?)
+
+WHEN EDITING THIS, FIX THE PARTS MARKED &quot;&amp;#x0058;&amp;#x0058;&a=
mp;#x0058;&quot; BELOW
+
+ALSO NOTE THAT THIS PROBABLY NEEDS ENTIRELY REVISITING NOW THAT WE
+HAVE REJIGGED HOW TEXT WORKS IN v5 (e.g. remember security)
+
+  &lt;p&gt;The &lt;dfn title=3D&quot;dom-context-2d-fillVerticalText&quo=
t;&gt;&lt;code&gt;fillVerticalText()&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn
+  title=3D&quot;dom-context-2d-strokeVerticalText&quot;&gt;&lt;code&gt;s=
trokeVerticalText()&lt;/code&gt;&lt;/dfn&gt; methods take
+  three or four arguments, &lt;var title=3D&quot;&quot;&gt;text&lt;/var&=
gt;, &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot=
;&quot;&gt;y&lt;/var&gt;,
+  and optionally &lt;var title=3D&quot;&quot;&gt;maxHeight&lt;/var&gt;, =
and render the given &lt;var title=3D&quot;&quot;&gt;text&lt;/var&gt; as
+  vertical text at the given (&lt;var title=3D&quot;&quot;&gt;x&lt;/var&=
gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;) coordinates ensuring
+  that the text isn't taller than &lt;var title=3D&quot;&quot;&gt;maxHei=
ght&lt;/var&gt; if specified, using the current
+  &lt;code title=3D&quot;dom-context-2d-font&quot;&gt;font&lt;/code&gt; =
and &lt;code
+  title=3D&quot;dom-context-2d-textAlign&quot;&gt;textAlign&lt;/code&gt;=
 values. Specifically, when the methods are
+  called, the user agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;maxHeight&lt;/v=
ar&gt; is present but less than or equal to zero, return without
+   doing anything; abort these steps.&lt;/p&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;font&lt;/var&g=
t; be the current font of the context, as given by the &lt;code
+   title=3D&quot;dom-context-2d-font&quot;&gt;font&lt;/code&gt; attribut=
e.&lt;/p&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Replace all the &lt;span title=3D&quot;space chara=
cter&quot;&gt;space characters&lt;/span&gt; in &lt;var
+   title=3D&quot;&quot;&gt;text&lt;/var&gt; with U+0020 SPACE characters=
.&lt;/p&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Form a &lt;em class=3D&quot;&amp;#x0058;&amp;#x005=
8;&amp;#x0058;&quot;&gt;whatever CSS ends up calling vertical line
+   boxes and inline boxes&lt;/em&gt; containing the text &lt;var title=3D=
&quot;&quot;&gt;text&lt;/var&gt;, with all the properties
+   at their initial values except the 'font' property of the inline box =
set to &lt;var
+   title=3D&quot;&quot;&gt;font&lt;/var&gt; and the 'direction' property=
 of the inline box set to &lt;span&gt;the
+   directionality&lt;/span&gt; of the &lt;code&gt;canvas&lt;/code&gt; el=
ement.&lt;/p&gt;&lt;/li&gt;
+
+   &lt;!- - if you insert a step here, make sure to adjust the next step=
's final words - -&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;maxHeight&l=
t;/var&gt; argument was specified and the hypothetical height of
+   the &lt;em class=3D&quot;&amp;#x0058;&amp;#x0058;&amp;#x0058;&quot;&g=
t;box&lt;/em&gt; in the hypothetical line box is greater than
+   &lt;var title=3D&quot;&quot;&gt;maxHeight&lt;/var&gt; CSS pixels, the=
n change &lt;var title=3D&quot;&quot;&gt;font&lt;/var&gt; to have a more
+   condensed font (if one is available or if a reasonably readable one c=
an be synthesized by
+   applying an appropriate scale factor to the font) or a smaller font, =
and return to the previous
+   step.&lt;/p&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let the &lt;var title=3D&quot;&quot;&gt;anchor point&lt;/va=
r&gt; be a point on the &lt;em
+    class=3D&quot;&amp;#x0058;&amp;#x0058;&amp;#x0058;&quot;&gt;inline b=
ox&lt;/var&gt;, determined by the &lt;code
+    title=3D&quot;dom-context-2d-textAlign&quot;&gt;textAlign&lt;/code&g=
t;, as follows:&lt;/p&gt;
+
+    &lt;p&gt;Vertical position:&lt;/p&gt;
+
+    &lt;dl&gt;
+
+     &lt;dt&gt;If &lt;code title=3D&quot;dom-context-2d-textAlign&quot;&=
gt;textAlign&lt;/code&gt; is &lt;code
+     title=3D&quot;&quot;&gt;start&lt;/code&gt;&lt;/dt&gt;
+
+     &lt;dt&gt;If &lt;code title=3D&quot;dom-context-2d-textAlign&quot;&=
gt;textAlign&lt;/code&gt; is &lt;code title=3D&quot;&quot;&gt;left&lt;/co=
de&gt;
+     and &lt;span&gt;the directionality&lt;/span&gt; of the &lt;code&gt;=
canvas&lt;/code&gt; element is 'ltr'&lt;/dt&gt;
+
+     &lt;dt&gt;If &lt;code title=3D&quot;dom-context-2d-textAlign&quot;&=
gt;textAlign&lt;/code&gt; is &lt;code title=3D&quot;&quot;&gt;right&lt;/c=
ode&gt;
+     and &lt;span&gt;the directionality&lt;/span&gt; of the &lt;code&gt;=
canvas&lt;/code&gt; element is 'rtl'&lt;/dt&gt;
+
+     &lt;dd&gt;Let the &lt;var title=3D&quot;&quot;&gt;anchor point&lt;/=
var&gt;'s vertical position be the top edge of the &lt;em
+     class=3D&quot;&amp;#x0058;&amp;#x0058;&amp;#x0058;&quot;&gt;inline =
box&lt;/em&gt;.&lt;/dd&gt;
+
+
+     &lt;dt&gt;If &lt;code title=3D&quot;dom-context-2d-textAlign&quot;&=
gt;textAlign&lt;/code&gt; is &lt;code
+     title=3D&quot;&quot;&gt;end&lt;/code&gt;&lt;/dt&gt;
+
+     &lt;dt&gt;If &lt;code title=3D&quot;dom-context-2d-textAlign&quot;&=
gt;textAlign&lt;/code&gt; is &lt;code title=3D&quot;&quot;&gt;right&lt;/c=
ode&gt;
+     and &lt;span&gt;the directionality&lt;/span&gt; of the &lt;code&gt;=
canvas&lt;/code&gt; element is 'ltr'&lt;/dt&gt;
+
+     &lt;dt&gt;If &lt;code title=3D&quot;dom-context-2d-textAlign&quot;&=
gt;textAlign&lt;/code&gt; is &lt;code title=3D&quot;&quot;&gt;left&lt;/co=
de&gt;
+     and &lt;span&gt;the directionality&lt;/span&gt; of the &lt;code&gt;=
canvas&lt;/code&gt; element is 'rtl'&lt;/dt&gt;
+
+     &lt;dd&gt;Let the &lt;var title=3D&quot;&quot;&gt;anchor point&lt;/=
var&gt;'s vertical
+     position be the bottom edge of the &lt;em class=3D&quot;&amp;#x0058=
;&amp;#x0058;&amp;#x0058;&quot;&gt;inline
+     box&lt;/em&gt;.&lt;/dd&gt;
+
+
+     &lt;dt&gt;If &lt;code title=3D&quot;dom-context-2d-textAlign&quot;&=
gt;textAlign&lt;/code&gt; is &lt;code
+     title=3D&quot;&quot;&gt;center&lt;/code&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;Let the &lt;var title=3D&quot;&quot;&gt;anchor point&lt;/=
var&gt;'s vertical position be half way between the top
+     and bottom edges of the &lt;em class=3D&quot;&amp;#x0058;&amp;#x005=
8;&amp;#x0058;&quot;&gt;inline box&lt;/em&gt;.&lt;/dd&gt;
+
+    &lt;/dl&gt;
+
+    &lt;p&gt;Let the horizontal position be half way between the left an=
d right edges of the em box of the
+    first available font of the &lt;em class=3D&quot;&amp;#x0058;&amp;#x=
0058;&amp;#x0058;&quot;&gt;inline box&lt;/em&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Paint the hypothetical inline box as the shape given by the=
 text's glyphs, as transformed by
+    the &lt;span title=3D&quot;dom-context-2d-transformation&quot;&gt;cu=
rrent transformation matrix&lt;/span&gt;, and
+    anchored and sized so that before applying the &lt;span
+    title=3D&quot;dom-context-2d-transformation&quot;&gt;current transfo=
rmation matrix&lt;/span&gt;, the &lt;var
+    title=3D&quot;&quot;&gt;anchor point&lt;/var&gt; is at (&lt;var titl=
e=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/=
var&gt;) and each CSS
+    pixel is mapped to one coordinate space unit.&lt;/p&gt;
+
+    &lt;p&gt;For &lt;code title=3D&quot;dom-context-2d-fillVerticalText&=
quot;&gt;fillVerticalText()&lt;/code&gt; &lt;code
+    title=3D&quot;dom-context-2d-fillStyle&quot;&gt;fillStyle&lt;/code&g=
t; must be applied and &lt;code
+    title=3D&quot;dom-context-2d-strokeStyle&quot;&gt;strokeStyle&lt;/co=
de&gt; must be ignored. For &lt;code
+    title=3D&quot;dom-context-2d-strokeVerticalText&quot;&gt;strokeVerti=
calText()&lt;/code&gt; the reverse holds and
+    &lt;code title=3D&quot;dom-context-2d-strokeStyle&quot;&gt;strokeSty=
le&lt;/code&gt; must be applied and &lt;code
+    title=3D&quot;dom-context-2d-fillStyle&quot;&gt;fillStyle&lt;/code&g=
t; must be ignored.&lt;/p&gt;
+
+    &lt;p&gt;Text is painted without affecting the current path, and is =
subject to &lt;span
+    title=3D&quot;shadows&quot;&gt;shadow effects&lt;/span&gt;, &lt;span=
 title=3D&quot;dom-context-2d-globalAlpha&quot;&gt;global
+    alpha&lt;/span&gt;, the &lt;span&gt;clipping region&lt;/span&gt;, an=
d &lt;span
+    title=3D&quot;dom-context-2d-globalCompositeOperation&quot;&gt;globa=
l composition operators&lt;/span&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;
+
+v6DVT (also check for '- -' bits in the part above) --&gt;&lt;p&gt;The &=
lt;dfn id=3Ddom-context-2d-measuretext title=3Ddom-context-2d-measureText=
&gt;&lt;code&gt;measureText()&lt;/code&gt;&lt;/dfn&gt; method takes one
+  argument, &lt;var title=3D&quot;&quot;&gt;text&lt;/var&gt;. When the m=
ethod is invoked, the user agent must run the
+  &lt;a href=3D#text-preparation-algorithm&gt;text preparation algorithm=
&lt;/a&gt;, passing it &lt;var title=3D&quot;&quot;&gt;text&lt;/var&gt; a=
nd the
+  &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingC=
ontext2D&lt;/a&gt;&lt;/code&gt; object, and then using the returned inlin=
e box must create a
+  new &lt;code&gt;&lt;a href=3D#textmetrics&gt;TextMetrics&lt;/a&gt;&lt;=
/code&gt; object with its attributes set as described in the following li=
st.
+&lt;!--ADD-TOPIC:Security--&gt;
+  If doing these measurements requires using a font that has an &lt;a hr=
ef=3D#origin&gt;origin&lt;/a&gt; that is not the
+  &lt;a href=3D#same-origin title=3D&quot;same origin&quot;&gt;same&lt;/=
a&gt; as that of the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a=
&gt;&lt;/code&gt; object that owns the
+  &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/c=
ode&gt; element (even if &quot;using a font&quot; means just checking if =
that font has a
+  particular glyph in it before falling back to another font), then the =
method must throw a
+  &lt;code&gt;&lt;a href=3D#securityerror&gt;SecurityError&lt;/a&gt;&lt;=
/code&gt; exception.
+&lt;!--REMOVE-TOPIC:Security--&gt;
+  Otherwise, it must return the new &lt;code&gt;&lt;a href=3D#textmetric=
s&gt;TextMetrics&lt;/a&gt;&lt;/code&gt; object.
+  &lt;a href=3D#refsCSS&gt;[CSS]&lt;/a&gt;
+  &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot;=
fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fin=
gerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&qu=
ot; height=3D64&gt;&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Ddom-textmetrics-width title=3Ddom-tex=
tmetrics-width&gt;&lt;code&gt;width&lt;/code&gt;&lt;/dfn&gt; attribute&lt=
;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The width of that inline box, in CSS pixels. (The =
text's advance width.)&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-textmetrics-actualboundingboxleft title=3D=
dom-textmetrics-actualBoundingBoxLeft&gt;&lt;code&gt;actualBoundingBoxLef=
t&lt;/code&gt;&lt;/dfn&gt; attribute&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The distance parallel to the baseline from the alignment po=
int given by the &lt;code title=3Ddom-context-2d-textAlign&gt;&lt;a href=3D=
#dom-context-2d-textalign&gt;textAlign&lt;/a&gt;&lt;/code&gt; attribute t=
o the left side of the bounding
+    rectangle of the given text, in CSS pixels; positive numbers indicat=
ing a distance going left
+    from the given alignment point.
+
+    &lt;p class=3Dnote&gt;The sum of this value and the next (&lt;code t=
itle=3Ddom-textmetrics-actualBoundingBoxRight&gt;&lt;a href=3D#dom-textme=
trics-actualboundingboxright&gt;actualBoundingBoxRight&lt;/a&gt;&lt;/code=
&gt;) can be wider than
+    the width of the inline box (&lt;code title=3Ddom-textmetrics-width&=
gt;&lt;a href=3D#dom-textmetrics-width&gt;width&lt;/a&gt;&lt;/code&gt;), =
in particular
+    with slanted fonts where characters overhang their advance width.&lt=
;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-textmetrics-actualboundingboxright title=3D=
dom-textmetrics-actualBoundingBoxRight&gt;&lt;code&gt;actualBoundingBoxRi=
ght&lt;/code&gt;&lt;/dfn&gt; attribute&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The distance parallel to the baseline from the alignment po=
int given by the &lt;code title=3Ddom-context-2d-textAlign&gt;&lt;a href=3D=
#dom-context-2d-textalign&gt;textAlign&lt;/a&gt;&lt;/code&gt; attribute t=
o the right side of the bounding
+    rectangle of the given text, in CSS pixels; positive numbers indicat=
ing a distance going right
+    from the given alignment point.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-textmetrics-fontboundingboxascent title=3D=
dom-textmetrics-fontBoundingBoxAscent&gt;&lt;code&gt;fontBoundingBoxAscen=
t&lt;/code&gt;&lt;/dfn&gt; attribute&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The distance from the horizontal line indicated by the &lt;=
code title=3Ddom-context-2d-textBaseline&gt;&lt;a href=3D#dom-context-2d-=
textbaseline&gt;textBaseline&lt;/a&gt;&lt;/code&gt; attribute to the top =
of the highest
+    bounding rectangle of all the fonts used to render the text, in CSS =
pixels; positive numbers
+    indicating a distance going up from the given baseline.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This value and the next are useful when render=
ing a background that must have a
+    consistent height even if the exact text being rendered changes. The=
 &lt;code title=3Ddom-textmetrics-actualBoundingBoxAscent&gt;&lt;a href=3D=
#dom-textmetrics-actualboundingboxascent&gt;actualBoundingBoxAscent&lt;/a=
&gt;&lt;/code&gt; attribute (and
+    its corresponding attribute for the descent) are useful when drawing=
 a bounding box around
+    specific text.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-textmetrics-fontboundingboxdescent title=3D=
dom-textmetrics-fontBoundingBoxDescent&gt;&lt;code&gt;fontBoundingBoxDesc=
ent&lt;/code&gt;&lt;/dfn&gt; attribute&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The distance from the horizontal line indicated by=
 the &lt;code title=3Ddom-context-2d-textBaseline&gt;&lt;a href=3D#dom-co=
ntext-2d-textbaseline&gt;textBaseline&lt;/a&gt;&lt;/code&gt; attribute to=
 the bottom of the lowest
+   bounding rectangle of all the fonts used to render the text, in CSS p=
ixels; positive numbers
+   indicating a distance going down from the given baseline.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-textmetrics-actualboundingboxascent title=3D=
dom-textmetrics-actualBoundingBoxAscent&gt;&lt;code&gt;actualBoundingBoxA=
scent&lt;/code&gt;&lt;/dfn&gt; attribute&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The distance from the horizontal line indicated by the &lt;=
code title=3Ddom-context-2d-textBaseline&gt;&lt;a href=3D#dom-context-2d-=
textbaseline&gt;textBaseline&lt;/a&gt;&lt;/code&gt; attribute to the top =
of the bounding
+    rectangle of the given text, in CSS pixels; positive numbers indicat=
ing a distance going up from
+    the given baseline.
+
+    &lt;p class=3Dnote&gt;This number can vary greatly based on the inpu=
t text, even if the first font
+    specified covers all the characters in the input. For example, the &=
lt;code title=3Ddom-textmetrics-actualBoundingBoxAscent&gt;&lt;a href=3D#=
dom-textmetrics-actualboundingboxascent&gt;actualBoundingBoxAscent&lt;/a&=
gt;&lt;/code&gt; of a lowercase
+    &quot;o&quot; from an alphabetic baseline would be less than that of=
 an uppercase &quot;F&quot;. The value can
+    easily be negative; for example, the distance from the top of the em=
 box (&lt;code title=3Ddom-context-2d-textBaseline&gt;&lt;a href=3D#dom-c=
ontext-2d-textbaseline&gt;textBaseline&lt;/a&gt;&lt;/code&gt; value &quot=
;&lt;code title=3Ddom-context-2d-textBaseline-top&gt;&lt;a href=3D#dom-co=
ntext-2d-textbaseline-top&gt;top&lt;/a&gt;&lt;/code&gt;&quot;) to the top=
 of the bounding rectangle when
+    the given text is just a single comma &quot;&lt;code title=3D&quot;&=
quot;&gt;,&lt;/code&gt;&quot; would likely (unless the font is
+    quite unusual) be negative.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-textmetrics-actualboundingboxdescent title=
=3Ddom-textmetrics-actualBoundingBoxDescent&gt;&lt;code&gt;actualBounding=
BoxDescent&lt;/code&gt;&lt;/dfn&gt; attribute&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The distance from the horizontal line indicated by=
 the &lt;code title=3Ddom-context-2d-textBaseline&gt;&lt;a href=3D#dom-co=
ntext-2d-textbaseline&gt;textBaseline&lt;/a&gt;&lt;/code&gt; attribute to=
 the bottom of the bounding
+   rectangle of the given text, in CSS pixels; positive numbers indicati=
ng a distance going down
+   from the given baseline.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-textmetrics-emheightascent title=3Ddom-tex=
tmetrics-emHeightAscent&gt;&lt;code&gt;emHeightAscent&lt;/code&gt;&lt;/df=
n&gt; attribute&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The distance from the horizontal line indicated by=
 the &lt;code title=3Ddom-context-2d-textBaseline&gt;&lt;a href=3D#dom-co=
ntext-2d-textbaseline&gt;textBaseline&lt;/a&gt;&lt;/code&gt; attribute to=
 the top of the em square in
+   the line box, in CSS pixels; positive numbers indicating that the giv=
en baseline is below the top
+   of the em square (so this value will usually be positive). Zero if th=
e given baseline is the top
+   of the em square; half the font size if the given baseline is the mid=
dle of the em
+   square.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-textmetrics-emheightdescent title=3Ddom-te=
xtmetrics-emHeightDescent&gt;&lt;code&gt;emHeightDescent&lt;/code&gt;&lt;=
/dfn&gt; attribute&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The distance from the horizontal line indicated by=
 the &lt;code title=3Ddom-context-2d-textBaseline&gt;&lt;a href=3D#dom-co=
ntext-2d-textbaseline&gt;textBaseline&lt;/a&gt;&lt;/code&gt; attribute to=
 the bottom of the em square
+   in the line box, in CSS pixels; positive numbers indicating that the =
given baseline is below the
+   bottom of the em square (so this value will usually be negative). (Ze=
ro if the given baseline is
+   the top of the em square.)&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-textmetrics-hangingbaseline title=3Ddom-te=
xtmetrics-hangingBaseline&gt;&lt;code&gt;hangingBaseline&lt;/code&gt;&lt;=
/dfn&gt; attribute&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The distance from the horizontal line indicated by=
 the &lt;code title=3Ddom-context-2d-textBaseline&gt;&lt;a href=3D#dom-co=
ntext-2d-textbaseline&gt;textBaseline&lt;/a&gt;&lt;/code&gt; attribute to=
 the hanging baseline of the
+   line box, in CSS pixels; positive numbers indicating that the given b=
aseline is below the hanging
+   baseline. (Zero if the given baseline is the hanging baseline.)&lt;/d=
d&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-textmetrics-alphabeticbaseline title=3Ddom=
-textmetrics-alphabeticBaseline&gt;&lt;code&gt;alphabeticBaseline&lt;/cod=
e&gt;&lt;/dfn&gt; attribute&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The distance from the horizontal line indicated by=
 the &lt;code title=3Ddom-context-2d-textBaseline&gt;&lt;a href=3D#dom-co=
ntext-2d-textbaseline&gt;textBaseline&lt;/a&gt;&lt;/code&gt; attribute to=
 the alphabetic baseline of
+   the line box, in CSS pixels; positive numbers indicating that the giv=
en baseline is below the
+   alphabetic baseline. (Zero if the given baseline is the alphabetic ba=
seline.)&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-textmetrics-ideographicbaseline title=3Ddo=
m-textmetrics-ideographicBaseline&gt;&lt;code&gt;ideographicBaseline&lt;/=
code&gt;&lt;/dfn&gt; attribute&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The distance from the horizontal line indicated by=
 the &lt;code title=3Ddom-context-2d-textBaseline&gt;&lt;a href=3D#dom-co=
ntext-2d-textbaseline&gt;textBaseline&lt;/a&gt;&lt;/code&gt; attribute to=
 the ideographic baseline of
+   the line box, in CSS pixels; positive numbers indicating that the giv=
en baseline is below the
+   ideographic baseline. (Zero if the given baseline is the ideographic =
baseline.)&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p class=3Dnote&gt;Glyphs rendered using &lt;code title=3D=
dom-context-2d-fillText&gt;&lt;a href=3D#dom-context-2d-filltext&gt;fillT=
ext()&lt;/a&gt;&lt;/code&gt; and
+  &lt;code title=3Ddom-context-2d-strokeText&gt;&lt;a href=3D#dom-contex=
t-2d-stroketext&gt;strokeText()&lt;/a&gt;&lt;/code&gt; can spill out of t=
he box given by the
+  font size (the em square size) and the width returned by &lt;code titl=
e=3Ddom-context-2d-measureText&gt;&lt;a href=3D#dom-context-2d-measuretex=
t&gt;measureText()&lt;/a&gt;&lt;/code&gt; (the text width). Authors are e=
ncouraged
+  to use the bounding box values described above if this is an issue.&lt=
;/p&gt;
+
+  &lt;p class=3Dnote&gt;A future version of the 2D context API may provi=
de a way to render fragments of
+  documents, rendered using CSS, straight to the canvas. This would be p=
rovided in preference to a
+  dedicated way of doing multiline layout.&lt;/p&gt;
+
+
+
+  &lt;h6 id=3Ddrawing-paths-to-the-canvas&gt;&lt;span class=3Dsecno&gt;4=
.12.4.2.13 &lt;/span&gt;Drawing paths to the canvas&lt;/h6&gt;
+
+  &lt;p&gt;The context always has a &lt;dfn id=3Dcurrent-default-path&gt=
;current default path&lt;/dfn&gt;. There is only one &lt;a href=3D#curren=
t-default-path&gt;current
+  default path&lt;/a&gt;, it is not part of the &lt;a href=3D#drawing-st=
ate&gt;drawing state&lt;/a&gt;. The &lt;a href=3D#current-default-path&gt=
;current default
+  path&lt;/a&gt; is a &lt;a href=3D#concept-path title=3Dconcept-path&gt=
;path&lt;/a&gt;, as described above.&lt;/p&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;c=
ontext&lt;/var&gt; . &lt;code title=3Ddom-context-2d-beginPath&gt;&lt;a h=
ref=3D#dom-context-2d-beginpath&gt;beginPath&lt;/a&gt;&lt;/code&gt;()&lt;=
/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Resets the &lt;a href=3D#current-default-path&gt;current de=
fault path&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-fill&gt;&lt;a href=3D#dom-context-2d-fill&gt;f=
ill&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-fill&gt;&lt;a href=3D#dom-context-2d-fill&gt;f=
ill&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;path&lt;/var&g=
t;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Fills the subpaths of the &lt;a href=3D#current-default-pat=
h&gt;current default path&lt;/a&gt; or the given path with the
+    current fill style.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-stroke&gt;&lt;a href=3D#dom-context-2d-stroke&=
gt;stroke&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-stroke&gt;&lt;a href=3D#dom-context-2d-stroke&=
gt;stroke&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;path&lt;=
/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Strokes the subpaths of the &lt;a href=3D#current-default-p=
ath&gt;current default path&lt;/a&gt; or the given path with the
+    current stroke style.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-drawSystemFocusRing&gt;&lt;a href=3D#dom-conte=
xt-2d-drawsystemfocusring&gt;drawSystemFocusRing&lt;/a&gt;&lt;/code&gt;(&=
lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt;)&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-drawSystemFocusRing&gt;&lt;a href=3D#dom-conte=
xt-2d-drawsystemfocusring&gt;drawSystemFocusRing&lt;/a&gt;&lt;/code&gt;(&=
lt;var title=3D&quot;&quot;&gt;path&lt;/var&gt;, &lt;var title=3D&quot;&q=
uot;&gt;element&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;If the given element is focused, draws a focus ring around =
the &lt;a href=3D#current-default-path&gt;current default
+    path&lt;/a&gt; or the given path, following the platform conventions=
 for focus rings.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;shouldDraw&lt;/var&gt; =3D =
&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;code title=3Ddo=
m-context-2d-drawCustomFocusRing&gt;&lt;a href=3D#dom-context-2d-drawcust=
omfocusring&gt;drawCustomFocusRing&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D=
&quot;&quot;&gt;element&lt;/var&gt;)&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;shouldDraw&lt;/var&gt; =3D =
&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;code title=3Ddo=
m-context-2d-drawCustomFocusRing&gt;&lt;a href=3D#dom-context-2d-drawcust=
omfocusring&gt;drawCustomFocusRing&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D=
&quot;&quot;&gt;path&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;element=
&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;If the given element is focused, and the user has configure=
d his system to draw focus rings
+    in a particular manner (for example, high contrast focus rings), dra=
ws a focus ring around the
+    &lt;a href=3D#current-default-path&gt;current default path&lt;/a&gt;=
 or the given path and returns false.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, returns true if the given element is focused, an=
d false otherwise. This can thus
+    be used to determine when to draw a focus ring (see &lt;a href=3D#dr=
awCustomFocusRingExample&gt;the
+    example&lt;/a&gt; below).&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-scrollPathIntoView&gt;&lt;a href=3D#dom-contex=
t-2d-scrollpathintoview&gt;scrollPathIntoView&lt;/a&gt;&lt;/code&gt;()&lt=
;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-scrollPathIntoView&gt;&lt;a href=3D#dom-contex=
t-2d-scrollpathintoview&gt;scrollPathIntoView&lt;/a&gt;&lt;/code&gt;(&lt;=
var title=3D&quot;&quot;&gt;path&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Scrolls the &lt;a href=3D#current-default-path&gt;current d=
efault path&lt;/a&gt; or the given path into view. This is especially
+    useful on devices with small screens, where the whole canvas might n=
ot be visible at once.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-clip&gt;&lt;a href=3D#dom-context-2d-clip&gt;c=
lip&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-clip&gt;&lt;a href=3D#dom-context-2d-clip&gt;c=
lip&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;path&lt;/var&g=
t;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Further constrains the clipping region to the &lt;a href=3D=
#current-default-path&gt;current default path&lt;/a&gt; or the given
+    path.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-resetClip&gt;&lt;a href=3D#dom-context-2d-rese=
tclip&gt;resetClip&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Unconstrains the clipping region.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-isPointInPath&gt;&lt;a href=3D#dom-context-2d-=
ispointinpath&gt;isPointInPath&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&qu=
ot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;=
)&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-isPointInPath&gt;&lt;a href=3D#dom-context-2d-=
ispointinpath&gt;isPointInPath&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&qu=
ot;&quot;&gt;path&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;x&lt;/var&=
gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the given point is in the &lt;a href=3D#cur=
rent-default-path&gt;current default path&lt;/a&gt; or the given
+    path.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-isPointInStroke&gt;&lt;a href=3D#dom-context-2=
d-ispointinstroke&gt;isPointInStroke&lt;/a&gt;&lt;/code&gt;(&lt;var title=
=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/v=
ar&gt;)&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-isPointInStroke&gt;&lt;a href=3D#dom-context-2=
d-ispointinstroke&gt;isPointInStroke&lt;/a&gt;&lt;/code&gt;(&lt;var title=
=3D&quot;&quot;&gt;path&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;x&lt=
;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the given point would be in the region cove=
red by the stroke of the
+    &lt;a href=3D#current-default-path&gt;current default path&lt;/a&gt;=
 or the given path, given the current stroke style.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-beginpath title=3Ddom-context=
-2d-beginPath&gt;&lt;code&gt;beginPath()&lt;/code&gt;&lt;/dfn&gt; method =
must empty the
+  list of subpaths in the context's &lt;a href=3D#current-default-path&g=
t;current default path&lt;/a&gt; so that the it once again has
+  zero subpaths.&lt;/p&gt;
+
+  &lt;p&gt;Where the following method definitions use the term &lt;i&gt;=
intended path&lt;/i&gt;, it means the
+  &lt;code&gt;&lt;a href=3D#path&gt;Path&lt;/a&gt;&lt;/code&gt; argument=
, if one was provided, or the &lt;a href=3D#current-default-path&gt;curre=
nt default path&lt;/a&gt;
+  otherwise.&lt;/p&gt;
+
+  &lt;p&gt;When the intended path is a &lt;code&gt;&lt;a href=3D#path&gt=
;Path&lt;/a&gt;&lt;/code&gt; object, the coordinates and lines of its sub=
paths
+  must be transformed according to the &lt;code&gt;&lt;a href=3D#canvasr=
enderingcontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; obje=
ct's &lt;a href=3D#transformations title=3Ddom-context-2d-transformation&=
gt;current transformation matrix&lt;/a&gt; when used by these
+  methods (without affecting the &lt;code&gt;&lt;a href=3D#path&gt;Path&=
lt;/a&gt;&lt;/code&gt; object itself). When the intended path is the
+  &lt;a href=3D#current-default-path&gt;current default path&lt;/a&gt;, =
it is not affected by the transform. (This is because
+  transformations already affect the &lt;a href=3D#current-default-path&=
gt;current default path&lt;/a&gt; when it is constructed, so
+  applying it when it is painted as well would result in a double transf=
ormation.)&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-fill title=3Ddom-context-2d-f=
ill&gt;&lt;code&gt;fill()&lt;/code&gt;&lt;/dfn&gt; method must fill all t=
he
+  subpaths of the intended path, using &lt;code title=3Ddom-context-2d-f=
illStyle&gt;&lt;a href=3D#dom-context-2d-fillstyle&gt;fillStyle&lt;/a&gt;=
&lt;/code&gt;, and
+  using the &lt;a href=3D#fill-rule&gt;fill rule&lt;/a&gt; indicated by =
the &lt;var title=3D&quot;&quot;&gt;fillRule&lt;/var&gt; argument. Open
+  subpaths must be implicitly closed when being filled (without affectin=
g the actual subpaths).&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-stroke title=3Ddom-context-2d=
-stroke&gt;&lt;code&gt;stroke()&lt;/code&gt;&lt;/dfn&gt; method must &lt;=
a href=3D#trace-a-path title=3D&quot;trace a path&quot;&gt;trace&lt;/a&gt=
; the intended path, using the
+  &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingC=
ontext2D&lt;/a&gt;&lt;/code&gt; object for the line styles, and then fill=
 the resulting path
+  using the &lt;code title=3Ddom-context-2d-strokeStyle&gt;&lt;a href=3D=
#dom-context-2d-strokestyle&gt;strokeStyle&lt;/a&gt;&lt;/code&gt; attribu=
te, using the &lt;a href=3D#dom-context-2d-fillrule-nonzero title=3Ddom-c=
ontext-2d-fillRule-nonzero&gt;non-zero winding rule&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;As a result of how the algorithm to &lt;a href=3D=
#trace-a-path&gt;trace a path&lt;/a&gt; is defined,
+  overlapping parts of the paths in one stroke operation are treated as =
if their union was what was
+  painted.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The stroke &lt;em&gt;&lt;a href=3D#the-style-ele=
ment&gt;style&lt;/a&gt;&lt;/em&gt; is affected by the transformation duri=
ng painting, even
+  if the intended path is the &lt;a href=3D#current-default-path&gt;curr=
ent default path&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Paths, when filled or stroked, must be painted without affect=
ing the &lt;a href=3D#current-default-path&gt;current default
+  path&lt;/a&gt; or any &lt;code&gt;&lt;a href=3D#path&gt;Path&lt;/a&gt;=
&lt;/code&gt; objects, and must be subject to &lt;a href=3D#shadows title=
=3Dshadows&gt;shadow
+  effects&lt;/a&gt;, &lt;a href=3D#dom-context-2d-globalalpha title=3Ddo=
m-context-2d-globalAlpha&gt;global alpha&lt;/a&gt;, the &lt;a href=3D#cli=
pping-region&gt;clipping
+  region&lt;/a&gt;, and &lt;a href=3D#dom-context-2d-globalcompositeoper=
ation title=3Ddom-context-2d-globalCompositeOperation&gt;global compositi=
on
+  operators&lt;/a&gt;. (The effect of transformations is described above=
 and varies based on which path
+  is being used.)&lt;/p&gt;
+
+  &lt;p&gt;Zero-length line segments must be pruned before stroking a pa=
th. Subpaths with just one point
+  must be ignored.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p id=3Ddom-context-2d-drawosfocusring&gt;The &lt;dfn id=3D=
dom-context-2d-drawsystemfocusring title=3Ddom-context-2d-drawSystemFocus=
Ring&gt;&lt;code&gt;drawSystemFocusRing(&lt;var title=3D&quot;&quot;&gt;e=
lement&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; method, when invoked, must r=
un the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;elemen=
t&lt;/var&gt; is not focused or is not a descendant of the element with
+   whose context the method is associated, then abort these steps.&lt;/l=
i&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the user has requested the use of particular focus rings=
 (e.g. high-contrast focus rings),
+    or if the &lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; would =
have a focus ring drawn around it, then draw a focus
+    ring of the appropriate style along the intended path, following pla=
tform conventions.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;Some platforms only draw focus rings around el=
ements that have been focused from
+    the keyboard, and not those focused from the mouse. Other platforms =
simply don't draw focus
+    rings around some elements at all unless relevant accessibility feat=
ures are enabled. This API
+    is intended to follow these conventions. User agents that implement =
distinctions based on the
+    manner in which the element was focused are encouraged to classify f=
ocus driven by the &lt;code title=3Ddom-focus&gt;&lt;a href=3D#dom-focus&=
gt;focus()&lt;/a&gt;&lt;/code&gt; method based on the kind of user intera=
ction event from which
+    the call was triggered (if any).&lt;/p&gt;
+
+    &lt;p&gt;The focus ring should not be subject to the &lt;a href=3D#s=
hadows title=3Dshadows&gt;shadow effects&lt;/a&gt;, the
+    &lt;a href=3D#dom-context-2d-globalalpha title=3Ddom-context-2d-glob=
alAlpha&gt;global alpha&lt;/a&gt;, the &lt;a href=3D#dom-context-2d-globa=
lcompositeoperation title=3Ddom-context-2d-globalCompositeOperation&gt;gl=
obal composition operators&lt;/a&gt;, the &lt;code title=3Ddom-context-2d=
-fillStyle&gt;&lt;a href=3D#dom-context-2d-fillstyle&gt;fillStyle&lt;/a&g=
t;&lt;/code&gt; attribute, the &lt;code title=3Ddom-context-2d-strokeStyl=
e&gt;&lt;a href=3D#dom-context-2d-strokestyle&gt;strokeStyle&lt;/a&gt;&lt=
;/code&gt; attribute, or any of the
+    &lt;code&gt;&lt;a href=3D#canvasdrawingstyles&gt;CanvasDrawingStyles=
&lt;/a&gt;&lt;/code&gt; members, but &lt;em&gt;should&lt;/em&gt; be subje=
ct to the &lt;a href=3D#clipping-region&gt;clipping
+    region&lt;/a&gt;. (The effect of transformations is described above =
and varies based on which path
+    is being used.)&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Optionally, run the appropriate step from the following lis=
t:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;If the &lt;code&gt;&lt;a href=3D#canvasrendering=
context2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object's &lt=
;a href=3D#concept-canvas-context-bitmap-mode title=3Dconcept-canvas-cont=
ext-bitmap-mode&gt;context bitmap mode&lt;/a&gt; is &lt;a href=3D#concept=
-canvas-fixed title=3Dconcept-canvas-fixed&gt;fixed&lt;/a&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;&lt;p&gt;&lt;a href=3D#inform&gt;Inform the user&lt;/a&gt=
; that the focus is at the location given by the
+     intended path. User agents may wait until the next time the &lt;a h=
ref=3D#event-loop&gt;event loop&lt;/a&gt; reaches its
+     &quot;update the rendering&quot; step to optionally inform the user=
.&lt;/dd&gt;
+
+     &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+     &lt;dd&gt;&lt;p&gt;Add instructions to the &lt;a href=3D#scratch-bi=
tmap&gt;scratch bitmap&lt;/a&gt;'s &lt;a href=3D#list-of-pending-interfac=
e-actions&gt;list of pending interface
+     actions&lt;/a&gt; that &lt;a href=3D#inform&gt;inform the user&lt;/=
a&gt; that the focus is at the location of
+     the bitmap given by the intended path.&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Ddom-context-2d-drawcustomfocusrin=
g title=3Ddom-context-2d-drawCustomFocusRing&gt;&lt;code&gt;drawCustomFoc=
usRing(&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt;)&lt;/code&gt;&=
lt;/dfn&gt; method, when invoked, must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;elemen=
t&lt;/var&gt; is not focused or is not a descendant of the element with
+   whose context the method is associated, then return false and abort t=
hese steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;result&lt;/var=
&gt; be true.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the user has requested the use of particular focus rings=
 (e.g. high-contrast focus rings),
+    then draw a focus ring of the appropriate style along the intended p=
ath, and set &lt;var title=3D&quot;&quot;&gt;result&lt;/var&gt; to false.=
&lt;/p&gt;
+
+    &lt;p&gt;The focus ring should not be subject to the &lt;a href=3D#s=
hadows title=3Dshadows&gt;shadow effects&lt;/a&gt;, the
+    &lt;a href=3D#dom-context-2d-globalalpha title=3Ddom-context-2d-glob=
alAlpha&gt;global alpha&lt;/a&gt;, the &lt;a href=3D#dom-context-2d-globa=
lcompositeoperation title=3Ddom-context-2d-globalCompositeOperation&gt;gl=
obal composition operators&lt;/a&gt;, the &lt;code title=3Ddom-context-2d=
-fillStyle&gt;&lt;a href=3D#dom-context-2d-fillstyle&gt;fillStyle&lt;/a&g=
t;&lt;/code&gt; attribute, the &lt;code title=3Ddom-context-2d-strokeStyl=
e&gt;&lt;a href=3D#dom-context-2d-strokestyle&gt;strokeStyle&lt;/a&gt;&lt=
;/code&gt; attribute, or any of the
+    &lt;code&gt;&lt;a href=3D#canvasdrawingstyles&gt;CanvasDrawingStyles=
&lt;/a&gt;&lt;/code&gt; members, but &lt;em&gt;should&lt;/em&gt; be subje=
ct to the &lt;a href=3D#clipping-region&gt;clipping
+    region&lt;/a&gt;. (The effect of transformations is described above =
and varies based on which path
+    is being used.)&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Optionally, run the appropriate step from the following lis=
t:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;If the &lt;code&gt;&lt;a href=3D#canvasrendering=
context2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object's &lt=
;a href=3D#concept-canvas-context-bitmap-mode title=3Dconcept-canvas-cont=
ext-bitmap-mode&gt;context bitmap mode&lt;/a&gt; is &lt;a href=3D#concept=
-canvas-fixed title=3Dconcept-canvas-fixed&gt;fixed&lt;/a&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;&lt;p&gt;&lt;a href=3D#inform&gt;Inform the user&lt;/a&gt=
; that the focus is at the location given by the
+     intended path. The user agent may wait until the next time the &lt;=
a href=3D#event-loop&gt;event loop&lt;/a&gt; reaches
+     its &quot;update the rendering&quot; step to optionally inform the =
user.&lt;/dd&gt;
+
+     &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+     &lt;dd&gt;&lt;p&gt;Add instructions to the &lt;a href=3D#scratch-bi=
tmap&gt;scratch bitmap&lt;/a&gt;'s &lt;a href=3D#list-of-pending-interfac=
e-actions&gt;list of pending interface
+     actions&lt;/a&gt; that &lt;a href=3D#inform&gt;inform the user&lt;/=
a&gt; that the focus is at the location of
+     the bitmap given by the intended path.&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;result&lt;/=
var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;User agents should not implicitly close open subpa=
ths in the intended path when drawing the
+  focus ring.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This might be a moot point, however. For example=
, if the focus ring is drawn as an
+  axis-aligned bounding rectangle around the points in the intended path=
, then whether the subpaths
+  are closed or not has no effect. This specification intentionally does=
 not specify precisely how
+  focus rings are to be drawn: user agents are expected to honor their p=
latform's native
+  conventions.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-context-2d-scrollpathintoview =
title=3Ddom-context-2d-scrollPathIntoView&gt;&lt;code&gt;scrollPathIntoVi=
ew()&lt;/code&gt;&lt;/dfn&gt;
+  method, when invoked, if the &lt;code&gt;&lt;a href=3D#canvasrendering=
context2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object's &lt=
;a href=3D#concept-canvas-context-bitmap-mode title=3Dconcept-canvas-cont=
ext-bitmap-mode&gt;context bitmap mode&lt;/a&gt; is &lt;a href=3D#concept=
-canvas-fixed title=3Dconcept-canvas-fixed&gt;fixed&lt;/a&gt;, must run t=
he following steps; and otherwise, must add
+  instructions to the &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;=
/a&gt;'s &lt;a href=3D#list-of-pending-interface-actions&gt;list of pendi=
ng interface actions&lt;/a&gt;
+  that run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;the s=
pecified rectangle&lt;/var&gt; be the rectangle of the bounding box of
+   the intended path.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;notional child=
&lt;/var&gt; be a hypothetical element that is a rendered child
+   of the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&g=
t;&lt;/code&gt; element whose dimensions are those of &lt;var title=3D&qu=
ot;&quot;&gt;the specified
+   rectangle&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#scroll-an-element-into-view title=3D=
&quot;scroll an element into view&quot;&gt;Scroll &lt;var title=3D&quot;&=
quot;&gt;notional child&lt;/var&gt; into
+   view&lt;/a&gt; with the &lt;var title=3D&quot;&quot;&gt;align to top =
flag&lt;/var&gt; set.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Optionally, &lt;a href=3D#inform&gt;inform the use=
r&lt;/a&gt; that the caret or selection (or both)
+   cover &lt;var title=3D&quot;&quot;&gt;the specified rectangle&lt;/var=
&gt; of the canvas. If the
+   &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRendering=
Context2D&lt;/a&gt;&lt;/code&gt; object's &lt;a href=3D#concept-canvas-co=
ntext-bitmap-mode title=3Dconcept-canvas-context-bitmap-mode&gt;context b=
itmap mode&lt;/a&gt; was &lt;a href=3D#concept-canvas-fixed title=3Dconce=
pt-canvas-fixed&gt;fixed&lt;/a&gt; when the method was invoked, the user =
agent may wait
+   until the next time the &lt;a href=3D#event-loop&gt;event loop&lt;/a&=
gt; reaches its &quot;update the rendering&quot; step to
+   optionally inform the user.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote id=3Dinform&gt;&quot;Inform the user&quo=
t;, as used in this section, could mean calling a
+  system accessibility API, which would notify assistive technologies su=
ch as magnification tools.
+  To properly drive magnification based on a focus change, a system acce=
ssibility API driving a
+  screen magnifier needs the bounds for the newly focused object. The me=
thods above are intended to
+  enable this by allowing the user agent to report the bounding box of t=
he path used to render the
+  focus ring as the bounds of the &lt;var title=3D&quot;&quot;&gt;elemen=
t&lt;/var&gt; element passed as an argument, if that
+  element is focused, and the bounding box of the area to which the user=
 agent is scrolling as the
+  bounding box of the current selection.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-context-2d-clip title=3Ddom-co=
ntext-2d-clip&gt;&lt;code&gt;clip()&lt;/code&gt;&lt;/dfn&gt; method must =
create a new
+  &lt;dfn id=3Dclipping-region&gt;clipping region&lt;/dfn&gt; by calcula=
ting the intersection of the current clipping region and the
+  area described by the intended path, using the &lt;a href=3D#fill-rule=
&gt;fill rule&lt;/a&gt; indicated by the &lt;var title=3D&quot;&quot;&gt;=
fillRule&lt;/var&gt; argument. Open subpaths must be implicitly closed wh=
en computing the
+  clipping region, without affecting the actual subpaths. The new clippi=
ng region replaces the
+  current clipping region.&lt;/p&gt;
+
+  &lt;p&gt;When the context is initialized, the clipping region must be =
set to the largest infinite
+  surface (i.e. by default, no clipping occurs).&lt;/p&gt;
+
+  &lt;!-- v6
+   Jordan OSETE suggests:
+    * support ways of extending the clipping region (union instead of in=
tersection)
+       - also &quot;add&quot;, &quot;subtract&quot;, &quot;replace&quot;=
, &quot;intersect&quot; and &quot;xor&quot;
+       - maybe just support creating unions, intersections, and other -i=
ons of paths
+  --&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-resetclip title=3Ddom-context=
-2d-resetClip&gt;&lt;code&gt;resetClip()&lt;/code&gt;&lt;/dfn&gt; method =
must create a
+  new &lt;a href=3D#clipping-region&gt;clipping region&lt;/a&gt; that is=
 the largest infinite surface. The new clipping region
+  replaces the current clipping region.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-context-2d-ispointinpath title=
=3Ddom-context-2d-isPointInPath&gt;&lt;code&gt;isPointInPath()&lt;/code&g=
t;&lt;/dfn&gt; method must
+  return true if the point given by the &lt;var title=3D&quot;&quot;&gt;=
x&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; coordinat=
es
+  passed to the method, when treated as coordinates in the canvas coordi=
nate space unaffected by the
+  current transformation, is inside the intended path as determined by t=
he &lt;a href=3D#fill-rule&gt;fill rule&lt;/a&gt;
+  indicated by the &lt;var title=3D&quot;&quot;&gt;fillRule&lt;/var&gt; =
argument; and must return false otherwise. Open
+  subpaths must be implicitly closed when computing the area inside the =
path, without affecting the
+  actual subpaths. Points on the path itself must be considered to be in=
side the path. If either of
+  the arguments is infinite or NaN, then the method must return false.&l=
t;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-context-2d-ispointinstroke tit=
le=3Ddom-context-2d-isPointInStroke&gt;&lt;code&gt;isPointInStroke()&lt;/=
code&gt;&lt;/dfn&gt; method
+  must return true if the point given by the &lt;var title=3D&quot;&quot=
;&gt;x&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;
+  coordinates passed to the method, when treated as coordinates in the c=
anvas coordinate space
+  unaffected by the current transformation, is inside the path that resu=
lts from &lt;a href=3D#trace-a-path title=3D&quot;trace
+  a path&quot;&gt;tracing&lt;/a&gt; the intended path, using the &lt;a h=
ref=3D#dom-context-2d-fillrule-nonzero title=3Ddom-context-2d-fillRule-no=
nzero&gt;non-zero winding rule&lt;/a&gt;, and using the
+  &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingC=
ontext2D&lt;/a&gt;&lt;/code&gt; object for the line styles; and must retu=
rn false otherwise.
+  Points on the resulting path must be considered to be inside the path.=
 If either of the arguments
+  is infinite or NaN, then the method must return false.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;/div&gt;
+
+  &lt;div class=3Dexample id=3DdrawCustomFocusRingExample&gt;
+
+   &lt;p&gt;This &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&=
lt;/a&gt;&lt;/code&gt; element has a couple of checkboxes. The path-relat=
ed commands are
+   highlighted:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;canvas height=3D400 width=3D750&amp;gt;
+ &amp;lt;label&amp;gt;&amp;lt;input type=3Dcheckbox id=3DshowA&amp;gt; S=
how As&amp;lt;/label&amp;gt;
+ &amp;lt;label&amp;gt;&amp;lt;input type=3Dcheckbox id=3DshowB&amp;gt; S=
how Bs&amp;lt;/label&amp;gt;
+ &amp;lt;!-- ... --&amp;gt;
+&amp;lt;/canvas&amp;gt;
+&amp;lt;script&amp;gt;
+ function drawCheckbox(context, element, x, y, paint) {
+   context.save();
+   context.font =3D '10px sans-serif';
+   context.textAlign =3D 'left';
+   context.textBaseline =3D 'middle';
+   var metrics =3D context.measureText(element.labels[0].textContent);
+   if (paint) {
+&lt;strong&gt;     context.beginPath();
+     context.strokeStyle =3D 'black';
+     context.rect(x-5, y-5, 10, 10);
+     context.stroke();
+&lt;/strong&gt;     if (element.checked) {
+&lt;strong&gt;       context.fillStyle =3D 'black';
+       context.fill();
+&lt;/strong&gt;     }
+     context.fillText(element.labels[0].textContent, x+5, y);
+   }
+&lt;strong&gt;   context.beginPath();
+   context.rect(x-7, y-7, 12 + metrics.width+2, 14);
+   if (paint &amp;amp;&amp;amp; context.drawCustomFocusRing(element)) {
+     context.strokeStyle =3D 'silver';
+     context.stroke();
+   }
+&lt;/strong&gt;   context.restore();
+ }
+ function drawBase() { /* ... */ }
+ function drawAs() { /* ... */ }
+ function drawBs() { /* ... */ }
+ function redraw() {
+   var canvas =3D document.getElementsByTagName('canvas')[0];
+   var context =3D canvas.getContext('2d');
+   context.clearRect(0, 0, canvas.width, canvas.height);
+   drawCheckbox(context, document.getElementById('showA'), 20, 40, true)=
;
+   drawCheckbox(context, document.getElementById('showB'), 20, 60, true)=
;
+   drawBase();
+   if (document.getElementById('showA').checked)
+     drawAs();
+   if (document.getElementById('showB').checked)
+     drawBs();
+ }
+ function processClick(event) {
+   var canvas =3D document.getElementsByTagName('canvas')[0];
+   var context =3D canvas.getContext('2d');
+   var x =3D event.clientX;
+   var y =3D event.clientY;
+   var node =3D event.target;
+   while (node) {
+     x -=3D node.offsetLeft - node.scrollLeft;
+     y -=3D node.offsetTop - node.scrollTop;
+     node =3D node.offsetParent;
+   }
+   drawCheckbox(context, document.getElementById('showA'), 20, 40, false=
);
+   if (&lt;strong&gt;context.isPointInPath(x, y)&lt;/strong&gt;)
+     document.getElementById('showA').checked =3D !(document.getElementB=
yId('showA').checked);
+   drawCheckbox(context, document.getElementById('showB'), 20, 60, false=
);
+   if (&lt;strong&gt;context.isPointInPath(x, y)&lt;/strong&gt;)
+     document.getElementById('showB').checked =3D !(document.getElementB=
yId('showB').checked);
+   redraw();
+ }
+ document.getElementsByTagName('canvas')[0].addEventListener('focus', re=
draw, true);
+ document.getElementsByTagName('canvas')[0].addEventListener('blur', red=
raw, true);
+ document.getElementsByTagName('canvas')[0].addEventListener('change', r=
edraw, true);
+ document.getElementsByTagName('canvas')[0].addEventListener('click', pr=
ocessClick, false);
+ redraw();
+&amp;lt;/script&amp;gt;&lt;/pre&gt;
+&lt;!-- http://software.hixie.ch/utilities/js/live-dom-viewer/saved/340 =
--&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h6 id=3Ddrawing-images&gt;&lt;span class=3Dsecno&gt;4.12.4.2.14 &l=
t;/span&gt;Drawing images&lt;/h6&gt;
+
+  &lt;p&gt;To draw images, the &lt;dfn id=3Ddom-context-2d-drawimage tit=
le=3Ddom-context-2d-drawImage&gt;&lt;code&gt;drawImage&lt;/code&gt;&lt;/d=
fn&gt; method
+  can be used.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;This method can be invoked with three different sets of argum=
ents:&lt;/p&gt;
+
+  &lt;ul class=3Dbrief&gt;&lt;li&gt;&lt;code title=3D&quot;&quot;&gt;dra=
wImage(&lt;var title=3D&quot;&quot;&gt;image&lt;/var&gt;, &lt;var title=3D=
&quot;&quot;&gt;dx&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;dy&lt;/va=
r&gt;)&lt;/code&gt;
+   &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;drawImage(&lt;var title=3D=
&quot;&quot;&gt;image&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;dx&lt;=
/var&gt;, &lt;var title=3D&quot;&quot;&gt;dy&lt;/var&gt;, &lt;var title=3D=
&quot;&quot;&gt;dw&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;dh&lt;/va=
r&gt;)&lt;/code&gt;
+   &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;drawImage(&lt;var title=3D=
&quot;&quot;&gt;image&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;sx&lt;=
/var&gt;, &lt;var title=3D&quot;&quot;&gt;sy&lt;/var&gt;, &lt;var title=3D=
&quot;&quot;&gt;sw&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;sh&lt;/va=
r&gt;, &lt;var title=3D&quot;&quot;&gt;dx&lt;/var&gt;, &lt;var title=3D&q=
uot;&quot;&gt;dy&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;dw&lt;/var&=
gt;, &lt;var title=3D&quot;&quot;&gt;dh&lt;/var&gt;)&lt;/code&gt;
+  &lt;/ul&gt;&lt;/div&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;c=
ontext&lt;/var&gt; . &lt;code title=3Ddom-context-2d-drawImage&gt;&lt;a h=
ref=3D#dom-context-2d-drawimage&gt;drawImage&lt;/a&gt;&lt;/code&gt;(&lt;v=
ar title=3D&quot;&quot;&gt;image&lt;/var&gt;, &lt;var title=3D&quot;&quot=
;&gt;dx&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;dy&lt;/var&gt;)&lt;/=
dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-drawImage&gt;&lt;a href=3D#dom-context-2d-draw=
image&gt;drawImage&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt=
;image&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;dx&lt;/var&gt;, &lt;v=
ar title=3D&quot;&quot;&gt;dy&lt;/var&gt;, &lt;var title=3D&quot;&quot;&g=
t;dw&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;dh&lt;/var&gt;)&lt;/dt&=
gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-drawImage&gt;&lt;a href=3D#dom-context-2d-draw=
image&gt;drawImage&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt=
;image&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;sx&lt;/var&gt;, &lt;v=
ar title=3D&quot;&quot;&gt;sy&lt;/var&gt;, &lt;var title=3D&quot;&quot;&g=
t;sw&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt;, &lt;var=
 title=3D&quot;&quot;&gt;dx&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;=
dy&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;dw&lt;/var&gt;, &lt;var t=
itle=3D&quot;&quot;&gt;dh&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Draws the given image onto the canvas. The arguments are
+    interpreted as follows:&lt;/p&gt;
+
+    &lt;p&gt;&lt;img src=3Dhttp://images.whatwg.org/drawImage.png width=3D=
356 alt=3D&quot;The sx and sy parameters give the x and y coordinates of =
the source rectangle; the sw and sh arguments give the width and height o=
f the source rectangle; the dx and dy give the x and y coordinates of the=
 destination rectangle; and the dw and dh arguments give the width and he=
ight of the destination rectangle.&quot; height=3D356&gt;&lt;/p&gt;
+
+    &lt;p&gt;If the image isn't yet fully decoded, then nothing is drawn=
. If the image is a canvas with no
+    data, throws an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;Inval=
idStateError&lt;/a&gt;&lt;/code&gt; exception.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When the &lt;code title=3Ddom-context-2d-drawImage&gt;&lt;a h=
ref=3D#dom-context-2d-drawimage&gt;drawImage()&lt;/a&gt;&lt;/code&gt; met=
hod is invoked, the user
+  agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#check-the-usability-of-the-=
image-argument&gt;Check the usability of the &lt;var title=3D&quot;&quot;=
&gt;image&lt;/var&gt; argument&lt;/a&gt;. If this
+   returns &lt;i&gt;aborted&lt;/i&gt;, then an exception has been thrown=
 and the method doesn't return anything;
+   abort these steps. If it returns &lt;i&gt;bad&lt;/i&gt;, then abort t=
hese steps without drawing anything.
+   Otherwise it returns &lt;i&gt;good&lt;/i&gt;; continue with these ste=
ps.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Establish the source and destination rectangles as follows:=
&lt;/p&gt;
+
+    &lt;p&gt;If not specified, the &lt;var title=3D&quot;&quot;&gt;dw&lt=
;/var&gt; and &lt;var title=3D&quot;&quot;&gt;dh&lt;/var&gt; arguments mu=
st
+    default to the values of &lt;var title=3D&quot;&quot;&gt;sw&lt;/var&=
gt; and &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt;, interpreted such
+    that one CSS pixel in the image is treated as one unit in the &lt;a =
href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;'s
+    coordinate space. If the &lt;var title=3D&quot;&quot;&gt;sx&lt;/var&=
gt;, &lt;var title=3D&quot;&quot;&gt;sy&lt;/var&gt;, &lt;var title=3D&quo=
t;&quot;&gt;sw&lt;/var&gt;,
+    and &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt; arguments are omi=
tted, they must default to 0, 0, the image's
+    intrinsic width in image pixels, and the image's intrinsic height in=
 image pixels, respectively.
+    If the image has no intrinsic dimensions, the &lt;i&gt;concrete obje=
ct size&lt;/i&gt; must be used instead,
+    as determined using the CSS &quot;&lt;a href=3Dhttp://dev.w3.org/css=
wg/css3-images/#default-sizing&gt;Concrete Object Size Resolution&lt;/a&g=
t;&quot;
+    algorithm, with the &lt;i&gt;specified size&lt;/i&gt; having neither=
 a definite width nor height, nor any
+    additional contraints, the object's intrinsic properties being those=
 of the &lt;var title=3D&quot;&quot;&gt;image&lt;/var&gt; argument, and t=
he &lt;i&gt;&lt;a href=3D#default-object-size&gt;default object size&lt;/=
a&gt;&lt;/i&gt; being the size of the
+    &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;. &lt;a href=
=3D#refsCSSIMAGES&gt;[CSSIMAGES]&lt;/a&gt;&lt;/p&gt;
+
+    &lt;p&gt;The source rectangle is the rectangle whose corners are the=
 four points (&lt;var title=3D&quot;&quot;&gt;sx&lt;/var&gt;, &lt;var tit=
le=3D&quot;&quot;&gt;sy&lt;/var&gt;), (&lt;span title=3D&quot;&quot;&gt;&=
lt;var title=3D&quot;&quot;&gt;sx&lt;/var&gt;+&lt;var title=3D&quot;&quot=
;&gt;sw&lt;/var&gt;&lt;/span&gt;, &lt;var title=3D&quot;&quot;&gt;sy&lt;/=
var&gt;), (&lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&=
gt;sx&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;sw&lt;/var&gt;&lt;/span=
&gt;, &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;sy=
&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt;&lt;/span&gt;)=
,
+    (&lt;var title=3D&quot;&quot;&gt;sx&lt;/var&gt;, &lt;span title=3D&q=
uot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;sy&lt;/var&gt;+&lt;var titl=
e=3D&quot;&quot;&gt;sh&lt;/var&gt;&lt;/span&gt;).&lt;/p&gt;
+
+    &lt;p&gt;The destination rectangle is the rectangle whose corners ar=
e the four points (&lt;var title=3D&quot;&quot;&gt;dx&lt;/var&gt;, &lt;va=
r title=3D&quot;&quot;&gt;dy&lt;/var&gt;), (&lt;span title=3D&quot;&quot;=
&gt;&lt;var title=3D&quot;&quot;&gt;dx&lt;/var&gt;+&lt;var title=3D&quot;=
&quot;&gt;dw&lt;/var&gt;&lt;/span&gt;, &lt;var title=3D&quot;&quot;&gt;dy=
&lt;/var&gt;), (&lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&q=
uot;&gt;dx&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;dw&lt;/var&gt;&lt;=
/span&gt;, &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&=
gt;dy&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;dh&lt;/var&gt;&lt;/span=
&gt;),
+    (&lt;var title=3D&quot;&quot;&gt;dx&lt;/var&gt;, &lt;span title=3D&q=
uot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;dy&lt;/var&gt;+&lt;var titl=
e=3D&quot;&quot;&gt;dh&lt;/var&gt;&lt;/span&gt;).&lt;/p&gt;
+
+    &lt;p&gt;When the source rectangle is outside the source image, the =
source rectangle must be clipped
+    to the source image and the destination rectangle must be clipped in=
 the same proportion.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;When the destination rectangle is outside the =
destination image (the
+    &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;), the pixel=
s that land outside the &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt=
;/a&gt; are
+    discarded, as if the destination was an infinite canvas whose render=
ing was clipped to the
+    dimensions of the &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;=
/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If one of the &lt;var title=3D&quot;&quot;&gt;sw&l=
t;/var&gt; or &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt; arguments is=
 zero, abort
+   these steps. Nothing is painted.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Paint the region of the &lt;var title=3D&quot;&quot;&gt;ima=
ge&lt;/var&gt; argument specified by the source rectangle
+    on the region of the rendering context's &lt;a href=3D#scratch-bitma=
p&gt;scratch bitmap&lt;/a&gt; specified by the
+    destination rectangle, after applying the &lt;a href=3D#transformati=
ons title=3Ddom-context-2d-transformation&gt;current
+    transformation matrix&lt;/a&gt; to the destination rectangle.&lt;/p&=
gt;
+
+    &lt;p&gt;The image data must be processed in the original direction,=
 even if the dimensions given are
+    negative. &lt;!-- note: that last sentence has several times been ne=
eded to correct people who
+    suggested that 5,5,-2,-2 was different than 3,3,2,2 --&gt;&lt;/p&gt;
+
+    &lt;p&gt;When scaling up, if the &lt;code title=3Ddom-context-2d-ima=
geSmoothingEnabled&gt;&lt;a href=3D#dom-context-2d-imagesmoothingenabled&=
gt;imageSmoothingEnabled&lt;/a&gt;&lt;/code&gt;
+    attribute is set to true, the user agent should attempt to apply a s=
moothing algorithm to
+    the image data when it is scaled. Otherwise, the image must be rende=
red using nearest-neighbor
+    interpolation.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This specification does not define the precise=
 algorithm to use when scaling an
+    image down, or when scaling an image up when the &lt;code title=3Ddo=
m-context-2d-imageSmoothingEnabled&gt;&lt;a href=3D#dom-context-2d-images=
moothingenabled&gt;imageSmoothingEnabled&lt;/a&gt;&lt;/code&gt;
+    attribute is set to true.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;When a &lt;code&gt;&lt;a href=3D#the-canvas-el=
ement&gt;canvas&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#canva=
srenderingcontext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; ob=
ject is
+    drawn onto itself, the &lt;a href=3D#drawing-model&gt;drawing model&=
lt;/a&gt; requires the source to be copied before the
+    image is drawn, so it is possible to copy parts of a &lt;code&gt;&lt=
;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; or &lt;a h=
ref=3D#scratch-bitmap&gt;scratch
+    bitmap&lt;/a&gt; onto overlapping parts of itself.&lt;/p&gt;
+
+    &lt;p&gt;If the original image data is a bitmap image, the value pai=
nted at a point in the destination
+    rectangle is computed by filtering the original image data. The user=
 agent may use any filtering
+    algorithm (for example bilinear interpolation or nearest-neighbor). =
When the filtering algorithm
+    requires a pixel value from outside the original image data, it must=
 instead use the value from
+    the nearest edge pixel. (That is, the filter uses 'clamp-to-edge' be=
havior.) When the filtering
+    algorithm requires a pixel value from outside the source rectangle b=
ut inside the original image
+    data, then the value from the original image data must be used.&lt;/=
p&gt;
+    &lt;!-- see CORE-32111 and:
+         http://krijnhoetmer.nl/irc-logs/whatwg/20100818#l-737
+         http://www.w3.org/Bugs/Public/show_bug.cgi?id=3D10799#c11
+    --&gt;
+    &lt;!-- createPattern() has a similar paragraph with different rules=
 --&gt;
+
+    &lt;p class=3Dnote&gt;Thus, scaling an image in parts or in whole wi=
ll have the same effect. This does
+    mean that when sprites coming from a single sprite sheet are to be s=
caled, adjacent images in
+    the sprite sheet can interfere. This can be avoided by ensuring each=
 sprite in the sheet is
+    surrounded by a border of transparent black, or by copying sprites t=
o be scaled into temporary
+    &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;=
/code&gt; elements and drawing the scaled sprites from there.&lt;/p&gt;
+
+    &lt;p&gt;Images are painted without affecting the current path, and =
are subject to &lt;a href=3D#shadows title=3Dshadows&gt;shadow effects&lt=
;/a&gt;, &lt;a href=3D#dom-context-2d-globalalpha title=3Ddom-context-2d-=
globalAlpha&gt;global
+    alpha&lt;/a&gt;, the &lt;a href=3D#clipping-region&gt;clipping regio=
n&lt;/a&gt;, and &lt;a href=3D#dom-context-2d-globalcompositeoperation ti=
tle=3Ddom-context-2d-globalCompositeOperation&gt;global composition opera=
tors&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+&lt;!--ADD-TOPIC:Security--&gt;
+   &lt;li&gt;&lt;p&gt;If &lt;a href=3D#the-image-argument-is-not-origin-=
clean&gt;the &lt;var title=3D&quot;&quot;&gt;image argument&lt;/var&gt; i=
s not origin-clean&lt;/a&gt;, set the
+   &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;'s &lt;a href=
=3D#concept-canvas-origin-clean title=3Dconcept-canvas-origin-clean&gt;or=
igin-clean&lt;/a&gt; flag
+   to false.&lt;/li&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+  &lt;h6 id=3Dhit-regions&gt;&lt;span class=3Dsecno&gt;4.12.4.2.15 &lt;/=
span&gt;Hit regions&lt;/h6&gt;
+
+  &lt;p&gt;A &lt;dfn id=3Dhit-region-list&gt;hit region list&lt;/dfn&gt;=
 is a list of &lt;a href=3D#hit-region title=3D&quot;hit region&quot;&gt;=
hit regions&lt;/a&gt; for a
+  bitmap.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;dfn id=3Dhit-region&gt;hit region&lt;/dfn&gt; consis=
ts of the following information:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;&lt;p&gt;A &lt;dfn id=3D&quot;hit-region's-set-of-=
pixels&quot; title=3D&quot;hit region's set of pixels&quot;&gt;set of pix=
els&lt;/dfn&gt; on the bitmap for which this
+   region is responsible.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;A &lt;dfn id=3D&quot;hit-region's-bounding-circumf=
erence&quot; title=3D&quot;hit region's bounding circumference&quot;&gt;b=
ounding circumference&lt;/dfn&gt; on the
+   bitmap that surrounds the &lt;a href=3D&quot;#hit-region's-set-of-pix=
els&quot;&gt;hit region's set of pixels&lt;/a&gt; as they stood when it w=
as
+   created.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Optionally, a non-empty string representing an &lt=
;dfn id=3D&quot;hit-region's-id&quot; title=3D&quot;hit region's ID&quot;=
&gt;ID&lt;/dfn&gt; for
+   distinguishing the region from others.&lt;/li&gt; &lt;!-- cannot be t=
he empty string --&gt;
+
+   &lt;li&gt;&lt;p&gt;Optionally, a reference to another region that act=
s as the &lt;dfn id=3D&quot;hit-region's-parent&quot; title=3D&quot;hit r=
egion's
+   parent&quot;&gt;parent&lt;/dfn&gt; for this one.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;A count of regions that have this one as their &lt=
;a href=3D&quot;#hit-region's-parent&quot; title=3D&quot;hit region's
+   parent&quot;&gt;parent&lt;/a&gt;, known as the &lt;dfn id=3D&quot;hit=
-region's-child-count&quot;&gt;hit region's child count&lt;/dfn&gt;.&lt;/=
li&gt;
+
+   &lt;li&gt;&lt;p&gt;A &lt;dfn id=3D&quot;hit-region's-cursor-specifica=
tion&quot; title=3D&quot;hit region's cursor specification&quot;&gt;curso=
r specification&lt;/dfn&gt;, in the form
+   of either a CSS cursor value, or the string &quot;&lt;code title=3D&q=
uot;&quot;&gt;inherit&lt;/code&gt;&quot; meaning that the
+   cursor of the &lt;a href=3D&quot;#hit-region's-parent&quot;&gt;hit re=
gion's parent&lt;/a&gt;, if any, or of the &lt;code&gt;&lt;a href=3D#the-=
canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element, if
+   not, is to be used instead.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Optionally, either a &lt;a href=3D&quot;#hit-region's-contr=
ol&quot; title=3D&quot;hit region's control&quot;&gt;control&lt;/a&gt;, o=
r an &lt;a href=3D&quot;#hit-region's-unbacked-region-description&quot; t=
itle=3D&quot;hit region's unbacked region description&quot;&gt;unbacked r=
egion description&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;A &lt;dfn id=3D&quot;hit-region's-control&quot; title=3D&qu=
ot;hit region's control&quot;&gt;control&lt;/dfn&gt; is just a reference =
to an
+    &lt;code&gt;&lt;a href=3D#element&gt;Element&lt;/a&gt;&lt;/code&gt; =
node, to which, in certain conditions, the user agent will route events,
+    and from which the user agent will determine the state of the hit re=
gion for the purposes of
+    accessibility tools. (The control is ignored when it is not a descen=
dant of the
+    &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;=
/code&gt; element.)&lt;/p&gt;
+
+    &lt;p&gt;An &lt;dfn id=3D&quot;hit-region's-unbacked-region-descript=
ion&quot; title=3D&quot;hit region's unbacked region description&quot;&gt=
;unbacked region description&lt;/dfn&gt;
+    consists of the following:&lt;/p&gt;
+
+    &lt;ul class=3Dbrief&gt;&lt;li&gt;&lt;p&gt;Optionally, a &lt;dfn id=3D=
&quot;hit-region's-label&quot; title=3D&quot;hit region's label&quot;&gt;=
label&lt;/dfn&gt;.&lt;/p&gt;
+
+     &lt;li&gt;&lt;p&gt;An &lt;dfn id=3D&quot;hit-region's-aria-role&quo=
t; title=3D&quot;hit region's ARIA role&quot;&gt;ARIA role&lt;/dfn&gt;, w=
hich, if the &lt;a href=3D&quot;#hit-region's-unbacked-region-description=
&quot; title=3D&quot;hit
+     region's unbacked region description&quot;&gt;unbacked region descr=
iption&lt;/a&gt; also has a label,
+     could be the empty string.&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;=
&quot;&gt;context&lt;/var&gt; . &lt;code title=3Ddom-context-2d-addHitReg=
ion&gt;&lt;a href=3D#dom-context-2d-addhitregion&gt;addHitRegion&lt;/a&gt=
;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;options&lt;/var&gt;)&lt;/d=
t&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Adds a hit region to the bitmap. The argument is an object =
with the following members:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;&lt;code title=3Ddom-HitRegionOptions-path&gt;pa=
th&lt;/code&gt; (default null)
+
+     &lt;dd&gt;A &lt;code&gt;&lt;a href=3D#path&gt;Path&lt;/a&gt;&lt;/co=
de&gt; object that describes the pixels that form part of the region. If =
this
+     member is not provided or is set to null, the &lt;a href=3D#current=
-default-path&gt;current default path&lt;/a&gt; is used
+     instead.&lt;/dd&gt;
+
+     &lt;dt&gt;&lt;code title=3Ddom-HitRegionOptions-fillRule&gt;fillRul=
e&lt;/code&gt; (default &quot;&lt;code title=3Ddom-context-2d-fillRule-no=
nzero&gt;&lt;a href=3D#dom-context-2d-fillrule-nonzero&gt;nonzero&lt;/a&g=
t;&lt;/code&gt;&quot;)
+
+     &lt;dd&gt;The &lt;a href=3D#fill-rule&gt;fill rule&lt;/a&gt; to use=
 when determining which pixels are inside the path.&lt;/dd&gt;
+
+&lt;!--
+     &lt;dt&gt;&lt;code title=3D&quot;dom-HitRegionOptions-transform&quo=
t;&gt;transform&lt;/code&gt; (default null)
+
+     &lt;dd&gt;An &lt;code&gt;SVGMatrix&lt;/code&gt; object that describ=
es a
+     transformation to apply to the path described by the &lt;code
+     title=3D&quot;dom-HitRegionOptions-path&quot;&gt;path&lt;/code&gt; =
member.&lt;/dd&gt;
+--&gt;
+
+     &lt;dt&gt;&lt;code title=3Ddom-HitRegionOptions-id&gt;id&lt;/code&g=
t; (default empty string) &lt;!-- empty string is treated as null interna=
lly --&gt;
+
+     &lt;dd&gt;The ID to use for this region. This is used in &lt;code&g=
t;&lt;a href=3D#mouseevent&gt;MouseEvent&lt;/a&gt;&lt;/code&gt; events on=
 the
+     &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt=
;/code&gt; (&lt;code title=3Ddom-MouseEvent-region&gt;&lt;a href=3D#dom-m=
ouseevent-region&gt;event.region&lt;/a&gt;&lt;/code&gt;) and as a way to
+     reference this region in later calls to &lt;code title=3Ddom-contex=
t-2d-addHitRegion&gt;&lt;a href=3D#dom-context-2d-addhitregion&gt;addHitR=
egion()&lt;/a&gt;&lt;/code&gt;.&lt;/dd&gt;
+
+     &lt;dt&gt;&lt;code title=3Ddom-HitRegionOptions-parentID&gt;parentI=
D&lt;/code&gt; (default null)
+
+     &lt;dd&gt;The ID of the parent region, for purposes of navigation b=
y accessibility tools and for
+     cursor fallback.&lt;/dd&gt;
+
+     &lt;dt&gt;&lt;code title=3Ddom-HitRegionOptions-cursor&gt;cursor&lt=
;/code&gt; (default &quot;&lt;code title=3D&quot;&quot;&gt;inherit&lt;/co=
de&gt;&quot;)
+
+     &lt;dd&gt;The cursor to use when the mouse is over this region. The=
 value &quot;&lt;code title=3D&quot;&quot;&gt;inherit&lt;/code&gt;&quot; =
means to use the cursor for the parent region (as specified by the
+     &lt;code title=3Ddom-HitRegionOptions-parentID&gt;parentID&lt;/code=
&gt; member), if any, or to use the
+     &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt=
;/code&gt; element's cursor if the region has no parent.&lt;/dd&gt;
+
+     &lt;dt&gt;&lt;code title=3Ddom-HitRegionOptions-control&gt;control&=
lt;/code&gt; (default null)
+
+     &lt;dd&gt;An element (that is a descendant of the &lt;code&gt;&lt;a=
 href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt;) to which ev=
ents are to be
+     routed, and which accessibility tools are to use as a surrogate for=
 describing and interacting
+     with this region.&lt;/dd&gt;
+
+     &lt;dt&gt;&lt;code title=3Ddom-HitRegionOptions-label&gt;label&lt;/=
code&gt; (default null)
+
+     &lt;dd&gt;A text label for accessibility tools to use as a descript=
ion of this region, if there is no
+     control.&lt;/dd&gt;
+
+     &lt;dt&gt;&lt;code title=3Ddom-HitRegionOptions-role&gt;role&lt;/co=
de&gt; (default null)
+
+     &lt;dd&gt;An ARIA role for accessibility tools to use to determine =
how to represent this region, if
+     there is no control.&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;p&gt;Hit regions can be used for a variety of purpose=
s:&lt;/p&gt;
+
+    &lt;ul&gt;&lt;li&gt;With an ID, they can make hit detection easier b=
y having the user agent check which region
+     the mouse is over and include the ID in the mouse events.&lt;/li&gt=
;
+
+     &lt;li&gt;With a control, they can make routing events to DOM eleme=
nts automatic, allowing e.g.
+     clicks on a &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&=
lt;/a&gt;&lt;/code&gt; to automatically submit a form via a &lt;code&gt;&=
lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&lt;/code&gt;
+     element.&lt;/li&gt;
+
+     &lt;li&gt;With a label, they can make it easier for users to explor=
e a &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/=
code&gt; without
+     seeing it, e.g. by touch on a mobile device.&lt;/li&gt;
+
+     &lt;li&gt;With a cursor, they can make it easier for different regi=
ons of the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&g=
t;&lt;/code&gt; to
+     have different cursors, with the user agent automatically switching=
 between them.&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-removeHitRegion&gt;&lt;a href=3D#dom-context-2=
d-removehitregion&gt;removeHitRegion&lt;/a&gt;&lt;/code&gt;(&lt;var title=
=3D&quot;&quot;&gt;id&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Removes a hit region (and all its descendants) from the can=
vas bitmap. The argument is the ID
+    of a region added using &lt;code title=3Ddom-context-2d-addHitRegion=
&gt;&lt;a href=3D#dom-context-2d-addhitregion&gt;addHitRegion()&lt;/a&gt;=
&lt;/code&gt;.&lt;/p&gt;
+
+    &lt;p&gt;The pixels that were covered by this region and its descend=
ants are effectively cleared by
+    this operation, leaving the regions non-interactive. In particular, =
regions that occupied the
+    same pixels before the removed regions were added, overlapping them,=
 do not resume their
+    previous role.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;A &lt;a href=3D#hit-region&gt;hit region&lt;/a&gt; &lt;var ti=
tle=3D&quot;&quot;&gt;A&lt;/var&gt; is an &lt;dfn id=3Dancestor-region&gt=
;ancestor region&lt;/dfn&gt; of a &lt;a href=3D#hit-region&gt;hit
+  region&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt; if &lt;=
var title=3D&quot;&quot;&gt;B&lt;/var&gt; has a &lt;a href=3D&quot;#hit-r=
egion's-parent&quot; title=3D&quot;hit region's
+  parent&quot;&gt;parent&lt;/a&gt; and its &lt;a href=3D&quot;#hit-regio=
n's-parent&quot; title=3D&quot;hit region's parent&quot;&gt;parent&lt;/a&=
gt; is either &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt; or another &l=
t;a href=3D#hit-region&gt;hit region&lt;/a&gt; for which &lt;var title=3D=
&quot;&quot;&gt;A&lt;/var&gt; is an
+  &lt;a href=3D#ancestor-region&gt;ancestor region&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;dfn id=3Dthe-region-identified-by-the-id&gt;The region id=
entified by the ID&lt;/dfn&gt; &lt;var title=3D&quot;&quot;&gt;ID&lt;/var=
&gt; in a bitmap &lt;var title=3D&quot;&quot;&gt;bitmap&lt;/var&gt; is th=
e value returned by the following algorithm (which can return a
+  &lt;a href=3D#hit-region&gt;hit region&lt;/a&gt; or nothing):&lt;/p&gt=
;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;ID&lt;=
/var&gt; is null, return nothing and abort these steps.&lt;/li&gt; &lt;!-=
-
+   this step is redundant but makes sure people don't confuse 'null' for=
 'not having an ID' --&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;list&lt;/var&g=
t; be the &lt;a href=3D#hit-region-list&gt;hit region list&lt;/a&gt; asso=
ciated with &lt;var title=3D&quot;&quot;&gt;bitmap&lt;/var&gt;.&lt;/li&gt=
;
+
+   &lt;li&gt;&lt;p&gt;If there is a &lt;a href=3D#hit-region&gt;hit regi=
on&lt;/a&gt; in &lt;var title=3D&quot;&quot;&gt;list&lt;/var&gt; whose &l=
t;a href=3D&quot;#hit-region's-id&quot; title=3D&quot;hit
+   region's ID&quot;&gt;ID&lt;/a&gt; is a &lt;a href=3D#case-sensitive&g=
t;case-sensitive&lt;/a&gt; match for &lt;var title=3D&quot;&quot;&gt;ID&l=
t;/var&gt;, then
+   return that &lt;a href=3D#hit-region&gt;hit region&lt;/a&gt; and abor=
t these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, return nothing.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;&lt;dfn id=3Dthe-region-representing-the-control&g=
t;The region representing the control&lt;/dfn&gt; &lt;var title=3D&quot;&=
quot;&gt;control&lt;/var&gt; for a bitmap &lt;var title=3D&quot;&quot;&gt=
;bitmap&lt;/var&gt; is the value returned by the following algorithm (whi=
ch can return a
+  &lt;a href=3D#hit-region&gt;hit region&lt;/a&gt; or nothing):&lt;/p&gt=
;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;list&=
lt;/var&gt; be the &lt;a href=3D#hit-region-list&gt;hit region list&lt;/a=
&gt; associated with &lt;var title=3D&quot;&quot;&gt;bitmap&lt;/var&gt;.&=
lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If there is a &lt;a href=3D#hit-region&gt;hit regi=
on&lt;/a&gt; in &lt;var title=3D&quot;&quot;&gt;list&lt;/var&gt; whose &l=
t;a href=3D&quot;#hit-region's-control&quot; title=3D&quot;hit
+   region's control&quot;&gt;control&lt;/a&gt; is &lt;var title=3D&quot;=
&quot;&gt;control&lt;/var&gt;, then return that &lt;a href=3D#hit-region&=
gt;hit
+   region&lt;/a&gt; and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, return nothing.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;&lt;dfn id=3Dthe-control-represented-by-a-region&g=
t;The control represented by a region&lt;/dfn&gt; &lt;var title=3D&quot;&=
quot;&gt;region&lt;/var&gt; for a
+  &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/c=
ode&gt; element &lt;var title=3D&quot;&quot;&gt;ancestor&lt;/var&gt; is t=
he value returned by the following
+  algorithm (which can return an element or nothing):&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;region=
&lt;/var&gt; has no &lt;a href=3D&quot;#hit-region's-control&quot; title=3D=
&quot;hit region's control&quot;&gt;control&lt;/a&gt;,
+   return nothing and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;control&lt;/va=
r&gt; be &lt;var title=3D&quot;&quot;&gt;region&lt;/var&gt;'s &lt;a href=3D=
&quot;#hit-region's-control&quot; title=3D&quot;hit region's
+   control&quot;&gt;control&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;control&lt;/var=
&gt; is not a descendant of &lt;var title=3D&quot;&quot;&gt;ancestor&lt;/=
var&gt;, then
+   return nothing and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, return &lt;var title=3D&quot;&quot;&gt;=
control&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;&lt;dfn id=3Dthe-cursor-for-a-hit-region&gt;The cu=
rsor for a hit region&lt;/dfn&gt; &lt;var title=3D&quot;&quot;&gt;region&=
lt;/var&gt; of a &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&l=
t;/a&gt;&lt;/code&gt;
+  element &lt;var title=3D&quot;&quot;&gt;ancestor&lt;/var&gt; is the va=
lue returned by the following algorithm:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;i&gt;Loop&lt;/i&gt;: If &lt;var title=
=3D&quot;&quot;&gt;region&lt;/var&gt; has a &lt;a href=3D&quot;#hit-regio=
n's-cursor-specification&quot; title=3D&quot;hit region's cursor
+   specification&quot;&gt;cursor specification&lt;/a&gt; other than &quo=
t;&lt;code title=3D&quot;&quot;&gt;inherit&lt;/code&gt;&quot;, then
+   return that &lt;a href=3D&quot;#hit-region's-cursor-specification&quo=
t;&gt;hit region's cursor specification&lt;/a&gt; and abort these steps.&=
lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;region&lt;/var&=
gt; has a &lt;a href=3D&quot;#hit-region's-parent&quot; title=3D&quot;hit=
 region's parent&quot;&gt;parent&lt;/a&gt;, then
+   let &lt;var title=3D&quot;&quot;&gt;region&lt;/var&gt; be that &lt;a =
href=3D&quot;#hit-region's-parent&quot;&gt;hit region's parent&lt;/a&gt;,=
 and return to the step
+   labeled &lt;i&gt;loop&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, return the used value of the 'cursor' p=
roperty for the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt=
;/a&gt;&lt;/code&gt;
+   element, if any; if there isn't one, return 'auto'. &lt;a href=3D#ref=
sCSSUI&gt;[CSSUI]&lt;/a&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;&lt;dfn id=3Dthe-region-for-a-pixel&gt;The region =
for a pixel&lt;/dfn&gt; &lt;var title=3D&quot;&quot;&gt;pixel&lt;/var&gt;=
 on a bitmap &lt;var title=3D&quot;&quot;&gt;bitmap&lt;/var&gt; is the va=
lue returned by the following algorithm (which can return a
+  &lt;a href=3D#hit-region&gt;hit region&lt;/a&gt; or nothing):&lt;/p&gt=
;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;list&=
lt;/var&gt; be the &lt;a href=3D#hit-region-list&gt;hit region list&lt;/a=
&gt; associated with &lt;var title=3D&quot;&quot;&gt;bitmap&lt;/var&gt;.&=
lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If there is a &lt;a href=3D#hit-region&gt;hit regi=
on&lt;/a&gt; in &lt;var title=3D&quot;&quot;&gt;list&lt;/var&gt; whose &l=
t;a href=3D&quot;#hit-region's-set-of-pixels&quot; title=3D&quot;hit
+   region's set of pixels&quot;&gt;set of pixels&lt;/a&gt; contains &lt;=
var title=3D&quot;&quot;&gt;pixel&lt;/var&gt;, then return that
+   &lt;a href=3D#hit-region&gt;hit region&lt;/a&gt; and abort these step=
s.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, return nothing.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;To &lt;dfn id=3Dclear-regions-that-cover-the-pixel=
s&gt;clear regions that cover the pixels&lt;/dfn&gt; &lt;var title=3D&quo=
t;&quot;&gt;pixels&lt;/var&gt; on a bitmap &lt;var title=3D&quot;&quot;&g=
t;bitmap&lt;/var&gt;, the user agent must run the following steps:&lt;/p&=
gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;list&=
lt;/var&gt; be the &lt;a href=3D#hit-region-list&gt;hit region list&lt;/a=
&gt; associated with &lt;var title=3D&quot;&quot;&gt;bitmap&lt;/var&gt;.&=
lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove all pixels in &lt;var title=3D&quot;&quot;&=
gt;pixels&lt;/var&gt; from the &lt;a href=3D&quot;#hit-region's-set-of-pi=
xels&quot; title=3D&quot;hit region's set of
+   pixels&quot;&gt;set of pixels&lt;/a&gt; of each &lt;a href=3D#hit-reg=
ion&gt;hit region&lt;/a&gt; in &lt;var title=3D&quot;&quot;&gt;list&lt;/v=
ar&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#garbage-collect-the-regions&gt;Garba=
ge-collect the regions&lt;/a&gt; of &lt;var title=3D&quot;&quot;&gt;bitma=
p&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;To &lt;dfn id=3Dgarbage-collect-the-regions&gt;gar=
bage-collect the regions&lt;/dfn&gt; of a bitmap &lt;var title=3D&quot;&q=
uot;&gt;bitmap&lt;/var&gt;, the user
+  agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;list&=
lt;/var&gt; be the &lt;a href=3D#hit-region-list&gt;hit region list&lt;/a=
&gt; associated with &lt;var title=3D&quot;&quot;&gt;bitmap&lt;/var&gt;.&=
lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Loop&lt;/i&gt;: Let &lt;var title=3D&quot=
;&quot;&gt;victim&lt;/var&gt; be the first &lt;a href=3D#hit-region&gt;hi=
t region&lt;/a&gt; in &lt;var title=3D&quot;&quot;&gt;list&lt;/var&gt; to=
 have an empty &lt;a href=3D&quot;#hit-region's-set-of-pixels&quot; title=
=3D&quot;hit region's set of pixels&quot;&gt;set of
+   pixels&lt;/a&gt; and a zero &lt;a href=3D&quot;#hit-region's-child-co=
unt&quot; title=3D&quot;hit region's child count&quot;&gt;child count&lt;=
/a&gt;, if any. If
+   there is no such &lt;a href=3D#hit-region&gt;hit region&lt;/a&gt;, ab=
ort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;victim&lt;/var&=
gt; has a &lt;a href=3D&quot;#hit-region's-parent&quot; title=3D&quot;hit=
 region's parent&quot;&gt;parent&lt;/a&gt;, then
+   decrement that &lt;a href=3D&quot;#hit-region's-child-count&quot;&gt;=
hit region's child count&lt;/a&gt; by one.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove &lt;var title=3D&quot;&quot;&gt;victim&lt;/=
var&gt; from &lt;var title=3D&quot;&quot;&gt;list&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Jump back to the step labeled &lt;i&gt;loop&lt;/i&=
gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;Adding a new region and calling &lt;c=
ode title=3Ddom-context-2d-clearRect&gt;&lt;a href=3D#dom-context-2d-clea=
rrect&gt;clearRect()&lt;/a&gt;&lt;/code&gt; are the two ways this clearin=
g algorithm can
+  be invoked. The &lt;a href=3D#hit-region-list&gt;hit region list&lt;/a=
&gt; itself is also reset when the rendering context is
+  reset, e.g. when a &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&=
gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object is bound to or =
unbound from a
+  &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/c=
ode&gt;, or when the dimensions of the bitmap are changed.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;When the &lt;dfn id=3Ddom-context-2d-addhitregion t=
itle=3Ddom-context-2d-addHitRegion&gt;&lt;code&gt;addHitRegion()&lt;/code=
&gt;&lt;/dfn&gt; method is
+  invoked, the user agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;argum=
ents&lt;/var&gt; be the dictionary object provided as the method's
+   argument.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;arguments&l=
t;/var&gt; object's &lt;code title=3Ddom-HitRegionOptions-path&gt;path&lt=
;/code&gt; member is not null, let &lt;var title=3D&quot;&quot;&gt;source
+   path&lt;/var&gt; be the &lt;code title=3Ddom-HitRegionOptions-path&gt=
;path&lt;/code&gt; member's value. Otherwise,
+   let it be the &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;C=
anvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object's &lt;a href=3D#cur=
rent-default-path&gt;current default
+   path&lt;/a&gt;.&lt;/li&gt;
+
+&lt;!--
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;arguments&l=
t;/var&gt; object's &lt;code
+   title=3D&quot;dom-HitRegionOptions-path&quot;&gt;path&lt;/code&gt; me=
mber is null, but the &lt;code
+   title=3D&quot;dom-HitRegionOptions-transform&quot;&gt;transform&lt;/c=
ode&gt; member is not, then throw a
+   &lt;code&gt;NotSupportedError&lt;/code&gt; exception and abort these =
steps.&lt;/p&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Transform all the coordinates and lines in &lt;var=
 title=3D&quot;&quot;&gt;source path&lt;/var&gt; by the
+   transform matrix given by the &lt;var title=3D&quot;&quot;&gt;argumen=
ts&lt;/var&gt; object's &lt;code
+   title=3D&quot;dom-HitRegionOptions-transform&quot;&gt;transform&lt;/c=
ode&gt; member, if it is not null.&lt;/p&gt;&lt;/li&gt;
+--&gt;
+
+   &lt;li&gt;&lt;p&gt;Transform all the coordinates and lines in &lt;var=
 title=3D&quot;&quot;&gt;source path&lt;/var&gt; by the current
+   transform matrix, if the &lt;var title=3D&quot;&quot;&gt;arguments&lt=
;/var&gt; object's &lt;code title=3Ddom-HitRegionOptions-path&gt;path&lt;=
/code&gt; member is not null.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;specified pixe=
ls&lt;/var&gt; be the pixels contained in &lt;var title=3D&quot;&quot;&gt=
;source
+   path&lt;/var&gt;, using the &lt;a href=3D#fill-rule&gt;fill rule&lt;/=
a&gt; indicated by the &lt;code title=3Ddom-HitRegionOptions-fillRule&gt;=
fillRule&lt;/code&gt; member.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;arguments&l=
t;/var&gt; object's &lt;code title=3Ddom-HitRegionOptions-id&gt;id&lt;/co=
de&gt; member is the empty string, let it be null
+   instead.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;arguments&l=
t;/var&gt; object's &lt;code title=3Ddom-HitRegionOptions-id&gt;id&lt;/co=
de&gt; member is not null, then let &lt;var title=3D&quot;&quot;&gt;previ=
ous
+   region for this ID&lt;/var&gt; be &lt;a href=3D#the-region-identified=
-by-the-id&gt;the region identified by the ID&lt;/a&gt; given by the &lt;=
code title=3Ddom-HitRegionOptions-id&gt;id&lt;/code&gt; member's value in=
 this &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;, if
+   any. If the &lt;code title=3Ddom-HitRegionOptions-id&gt;id&lt;/code&g=
t; member is null or no such region
+   currently exists, let &lt;var title=3D&quot;&quot;&gt;previous region=
 for this ID&lt;/var&gt; be null.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;arguments&l=
t;/var&gt; object's &lt;code title=3Ddom-HitRegionOptions-parent&gt;paren=
t&lt;/code&gt; member is the empty string, let it be null
+   instead.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;arguments&l=
t;/var&gt; object's &lt;code title=3Ddom-HitRegionOptions-parent&gt;paren=
t&lt;/code&gt; member is not null, then let &lt;var title=3D&quot;&quot;&=
gt;parent region&lt;/var&gt; be &lt;a href=3D#the-region-identified-by-th=
e-id&gt;the region identified by the ID&lt;/a&gt; given by the &lt;code t=
itle=3Ddom-HitRegionOptions-parent&gt;parent&lt;/code&gt; member's value =
in the &lt;a href=3D#scratch-bitmap&gt;scratch
+   bitmap&lt;/a&gt;, if any. If the &lt;code title=3Ddom-HitRegionOption=
s-parent&gt;parent&lt;/code&gt; member is
+   null or no such region currently exists, let &lt;var title=3D&quot;&q=
uot;&gt;parent region&lt;/var&gt; be null.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;arguments&l=
t;/var&gt; object's &lt;code title=3Ddom-HitRegionOptions-label&gt;label&=
lt;/code&gt; member is the empty string, let it be null
+   instead.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If any of the following conditions are met, throw a &lt;cod=
e&gt;&lt;a href=3D#notsupportederror&gt;NotSupportedError&lt;/a&gt;&lt;/c=
ode&gt; exception
+    and abort these steps.&lt;/p&gt;
+
+    &lt;ul class=3Dbrief&gt;&lt;!--
+     &lt;li&gt;The &lt;var title=3D&quot;&quot;&gt;arguments&lt;/var&gt;=
 object's &lt;code
+     title=3D&quot;dom-HitRegionOptions-path&quot;&gt;path&lt;/code&gt; =
member is null, but its &lt;code
+     title=3D&quot;dom-HitRegionOptions-transform&quot;&gt;transform&lt;=
/code&gt; member is not.&lt;/li&gt;
+--&gt;&lt;li&gt;The &lt;var title=3D&quot;&quot;&gt;arguments&lt;/var&gt=
; object's &lt;code title=3Ddom-HitRegionOptions-control&gt;control&lt;/c=
ode&gt; and &lt;code title=3Ddom-HitRegionOptions-label&gt;label&lt;/code=
&gt; members are both non-null.&lt;/li&gt;
+
+     &lt;li&gt;The &lt;var title=3D&quot;&quot;&gt;arguments&lt;/var&gt;=
 object's &lt;code title=3Ddom-HitRegionOptions-control&gt;control&lt;/co=
de&gt; and &lt;code title=3Ddom-HitRegionOptions-role&gt;role&lt;/code&gt=
; members are both non-null.&lt;/li&gt;
+
+     &lt;li&gt;The &lt;var title=3D&quot;&quot;&gt;arguments&lt;/var&gt;=
 object's &lt;code title=3Ddom-HitRegionOptions-role&gt;role&lt;/code&gt;=
 member's value is the empty string, and the &lt;code title=3Ddom-HitRegi=
onOptions-label&gt;label&lt;/code&gt; member's value is either null or th=
e empty
+     string.&lt;/li&gt;
+
+     &lt;li&gt;The &lt;var title=3D&quot;&quot;&gt;specified pixels&lt;/=
var&gt; has no pixels.&lt;/li&gt;
+
+     &lt;li&gt;The &lt;var title=3D&quot;&quot;&gt;arguments&lt;/var&gt;=
 object's &lt;code title=3Ddom-HitRegionOptions-control&gt;control&lt;/co=
de&gt; member is not null but is neither an
+     &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt;=
 element that &lt;a href=3D#represents&gt;represents&lt;/a&gt; a &lt;a hr=
ef=3D#hyperlink&gt;hyperlink&lt;/a&gt;, a
+     &lt;code&gt;&lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&lt=
;/code&gt; element, an &lt;code&gt;&lt;a href=3D#the-input-element&gt;inp=
ut&lt;/a&gt;&lt;/code&gt; element whose &lt;code title=3Dattr-input-type&=
gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute=
 is in one of the &lt;a href=3D&quot;#checkbox-state-(type=3Dcheckbox)&qu=
ot; title=3Dattr-input-type-checkbox&gt;Checkbox&lt;/a&gt; or &lt;a href=3D=
&quot;#radio-button-state-(type=3Dradio)&quot; title=3Dattr-input-type-ra=
dio&gt;Radio
+     Button&lt;/a&gt; states, nor an &lt;code&gt;&lt;a href=3D#the-input=
-element&gt;input&lt;/a&gt;&lt;/code&gt; element that is a &lt;a href=3D#=
concept-button title=3Dconcept-button&gt;button&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;The &lt;var title=3D&quot;&quot;&gt;parent region&lt;/var=
&gt; is not null but has a &lt;a href=3D&quot;#hit-region's-control&quot;=
 title=3D&quot;hit region's
+     control&quot;&gt;control&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;The &lt;var title=3D&quot;&quot;&gt;previous region for t=
his ID&lt;/var&gt; is the same &lt;a href=3D#hit-region&gt;hit region&lt;=
/a&gt; as
+     the &lt;var title=3D&quot;&quot;&gt;parent region&lt;/var&gt;.&lt;/=
li&gt;
+
+     &lt;li&gt;The &lt;var title=3D&quot;&quot;&gt;previous region for t=
his ID&lt;/var&gt; is an &lt;a href=3D#ancestor-region&gt;ancestor region=
&lt;/a&gt; of
+     the &lt;var title=3D&quot;&quot;&gt;parent region&lt;/var&gt;.&lt;/=
li&gt;
+
+    &lt;/ul&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code title=3Ddom-HitRegionOptions-paren=
t&gt;parent&lt;/code&gt; member is not null but &lt;var title=3D&quot;&qu=
ot;&gt;parent region&lt;/var&gt; is null, then throw a &lt;code&gt;&lt;a =
href=3D#notfounderror&gt;NotFoundError&lt;/a&gt;&lt;/code&gt; exception a=
nd abort
+   these steps.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If any of the following conditions are met, throw a &lt;cod=
e&gt;&lt;a href=3D#syntaxerror&gt;SyntaxError&lt;/a&gt;&lt;/code&gt; exce=
ption and
+    abort these steps.&lt;/p&gt;
+
+    &lt;ul class=3Dbrief&gt;&lt;li&gt;The &lt;var title=3D&quot;&quot;&g=
t;arguments&lt;/var&gt; object's &lt;code title=3Ddom-HitRegionOptions-cu=
rsor&gt;cursor&lt;/code&gt; member is not null but is neither an
+     &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-insensitive&lt;/=
a&gt; match for the string &quot;&lt;code title=3D&quot;&quot;&gt;inherit=
&lt;/code&gt;&quot;, nor a
+     valid CSS 'cursor' property value. &lt;a href=3D#refsCSSUI&gt;[CSSU=
I]&lt;/a&gt;&lt;/li&gt;
+
+     &lt;li&gt;The &lt;var title=3D&quot;&quot;&gt;arguments&lt;/var&gt;=
 object's &lt;code title=3Ddom-HitRegionOptions-role&gt;role&lt;/code&gt;=
 member is not null but its value is not an
+     &lt;a href=3D#ordered-set-of-unique-space-separated-tokens&gt;order=
ed set of unique space-separated tokens&lt;/a&gt; whose tokens are all
+     &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt; matches fo=
r names of non-abstract WAI-ARIA roles. &lt;a href=3D#refsARIA&gt;[ARIA]&=
lt;/a&gt;&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;region&lt;/var&gt; be a=
 newly created &lt;a href=3D#hit-region&gt;hit region&lt;/a&gt;, with its
+    information configured as follows:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;&lt;a href=3D&quot;#hit-region's-set-of-pixels&q=
uot;&gt;Hit region's set of pixels&lt;/a&gt;
+
+     &lt;dd&gt;&lt;p&gt;The &lt;var title=3D&quot;&quot;&gt;specified pi=
xels&lt;/var&gt;
+
+
+     &lt;dt&gt;&lt;a href=3D&quot;#hit-region's-bounding-circumference&q=
uot;&gt;Hit region's bounding circumference&lt;/a&gt;
+
+     &lt;dd&gt;&lt;p&gt;A user-agent-defined shape that wraps the pixels=
 contained in &lt;var title=3D&quot;&quot;&gt;source
+     path&lt;/var&gt;. (In the simplest case, this can just be the bound=
ing rectangle; this specification
+     allows it to be any shape in order to allow other interfaces.)
+
+
+     &lt;dt&gt;&lt;a href=3D&quot;#hit-region's-id&quot;&gt;Hit region's=
 ID&lt;/a&gt;
+
+     &lt;dd&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;arguments=
&lt;/var&gt; object's &lt;code title=3Ddom-HitRegionOptions-id&gt;id&lt;/=
code&gt; member is not null: the value of the &lt;code title=3Ddom-HitReg=
ionOptions-id&gt;id&lt;/code&gt; member. Otherwise, &lt;var title=3D&quot=
;&quot;&gt;region&lt;/var&gt; has no
+     &lt;a href=3D&quot;#hit-region's-id&quot; title=3D&quot;hit region'=
s id&quot;&gt;id&lt;/a&gt;.
+
+
+     &lt;dt&gt;&lt;a href=3D&quot;#hit-region's-parent&quot;&gt;Hit regi=
on's parent&lt;/a&gt;
+
+     &lt;dd&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;parent region=
&lt;/var&gt; is not null: &lt;var title=3D&quot;&quot;&gt;parent region&l=
t;/var&gt;.
+     Otherwise, &lt;var title=3D&quot;&quot;&gt;region&lt;/var&gt; has n=
o &lt;a href=3D&quot;#hit-region's-parent&quot; title=3D&quot;hit region'=
s parent&quot;&gt;parent&lt;/a&gt;.
+
+
+     &lt;dt&gt;&lt;a href=3D&quot;#hit-region's-child-count&quot;&gt;Hit=
 region's child count&lt;/a&gt;
+
+     &lt;dd&gt;&lt;p&gt;Initially zero.
+
+
+     &lt;dt&gt;&lt;a href=3D&quot;#hit-region's-cursor-specification&quo=
t;&gt;Hit region's cursor specification&lt;/a&gt;
+
+     &lt;dd&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;parent region=
&lt;/var&gt; is not null: &lt;var title=3D&quot;&quot;&gt;parent region&l=
t;/var&gt;.
+     Otherwise, &lt;var title=3D&quot;&quot;&gt;region&lt;/var&gt; has n=
o &lt;a href=3D&quot;#hit-region's-parent&quot; title=3D&quot;hit region'=
s parent&quot;&gt;parent&lt;/a&gt;.
+
+
+     &lt;dt&gt;&lt;a href=3D&quot;#hit-region's-control&quot;&gt;Hit reg=
ion's control&lt;/a&gt;
+
+     &lt;dd&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;arguments=
&lt;/var&gt; object's &lt;code title=3Ddom-HitRegionOptions-control&gt;co=
ntrol&lt;/code&gt; member is not null: the value of the &lt;code title=3D=
dom-HitRegionOptions-control&gt;control&lt;/code&gt; member. Otherwise, &=
lt;var title=3D&quot;&quot;&gt;region&lt;/var&gt; has no &lt;a href=3D&qu=
ot;#hit-region's-control&quot; title=3D&quot;hit region's control&quot;&g=
t;control&lt;/a&gt;.
+
+
+     &lt;dt&gt;&lt;a href=3D&quot;#hit-region's-label&quot;&gt;Hit regio=
n's label&lt;/a&gt;
+
+     &lt;dd&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;arguments=
&lt;/var&gt; object's &lt;code title=3Ddom-HitRegionOptions-label&gt;labe=
l&lt;/code&gt; member is not null: the value of the &lt;code title=3Ddom-=
HitRegionOptions-label&gt;label&lt;/code&gt; member. Otherwise, &lt;var t=
itle=3D&quot;&quot;&gt;region&lt;/var&gt;
+     has no &lt;a href=3D&quot;#hit-region's-label&quot; title=3D&quot;h=
it region's label&quot;&gt;label&lt;/a&gt;.
+
+
+     &lt;dt&gt;&lt;a href=3D&quot;#hit-region's-aria-role&quot;&gt;Hit r=
egion's ARIA role&lt;/a&gt;
+
+     &lt;dd&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;arguments=
&lt;/var&gt; object's &lt;code title=3Ddom-HitRegionOptions-role&gt;role&=
lt;/code&gt; member is not null: the value of the &lt;code title=3Ddom-Hi=
tRegionOptions-role&gt;role&lt;/code&gt; member (which might be the empty=
 string).
+     Otherwise, if the &lt;var title=3D&quot;&quot;&gt;arguments&lt;/var=
&gt; object's &lt;code title=3Ddom-HitRegionOptions-label&gt;label&lt;/co=
de&gt; member is not null: the empty string.
+     Otherwise, &lt;var title=3D&quot;&quot;&gt;region&lt;/var&gt; has n=
o &lt;a href=3D&quot;#hit-region's-aria-role&quot; title=3D&quot;hit regi=
on's ARIA role&quot;&gt;ARIA
+     role&lt;/a&gt;.
+
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;arguments&lt;/var&gt=
; object's &lt;code title=3Ddom-HitRegionOptions-cursor&gt;cursor&lt;/cod=
e&gt; member is not null, then act as if a CSS rule
+    for the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a=
&gt;&lt;/code&gt; element setting its 'cursor' property had been seen, wh=
ose value was
+    the &lt;a href=3D&quot;#hit-region's-cursor-specification&quot;&gt;h=
it region's cursor specification&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;For example, if the user agent prefetches curs=
or values, this would cause that
+    to happen in response to an appropriately-formed &lt;code title=3Ddo=
m-context-2d-addHitRegion&gt;&lt;a href=3D#dom-context-2d-addhitregion&gt=
;addHitRegion()&lt;/a&gt;&lt;/code&gt; call.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;arguments&l=
t;/var&gt; object's &lt;code title=3Ddom-HitRegionOptions-control&gt;cont=
rol&lt;/code&gt; member is not null, then let &lt;var title=3D&quot;&quot=
;&gt;previous region for the control&lt;/var&gt; be &lt;a href=3D#the-reg=
ion-representing-the-control&gt;the region representing the
+   control&lt;/a&gt; given by the &lt;code title=3Ddom-HitRegionOptions-=
control&gt;control&lt;/code&gt; member's
+   value for this &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&g=
t;, if any. If the &lt;code title=3Ddom-HitRegionOptions-control&gt;contr=
ol&lt;/code&gt; member is null or no such region currently
+   exists, let &lt;var title=3D&quot;&quot;&gt;previous region for the c=
ontrol&lt;/var&gt; be null.&lt;/li&gt;
+
+   &lt;!-- the parent region can't have a control, because no region wit=
h a control can be a parent -
+   we check for that above. Thus, it is safe to remove the previous regi=
on for the control without
+   worrying that our parent is going to be affected.
+
+   It's also safe to remove the previous region with this ID and all its=
 descendants, as we know
+   that our parent isn't part of that subtree. --&gt;
+
+   &lt;li&gt;&lt;p&gt;If there is a &lt;var title=3D&quot;&quot;&gt;prev=
ious region with this control&lt;/var&gt;, remove it from the
+   &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;'s &lt;a href=
=3D#hit-region-list&gt;hit region list&lt;/a&gt;; then, if it had a &lt;a=
 href=3D&quot;#hit-region's-parent&quot; title=3D&quot;hit
+   region's parent&quot;&gt;parent&lt;/a&gt; region, decrement that &lt;=
a href=3D&quot;#hit-region's-child-count&quot;&gt;hit region's child coun=
t&lt;/a&gt; by
+   one.&lt;/li&gt; &lt;!-- we garbage collect the regions below --&gt;
+
+   &lt;li&gt;&lt;p&gt;If there is a &lt;var title=3D&quot;&quot;&gt;prev=
ious region with this ID&lt;/var&gt;, remove it, and all &lt;a href=3D#hi=
t-region title=3D&quot;hit region&quot;&gt;hit regions&lt;/a&gt; for whic=
h it is an &lt;a href=3D#ancestor-region&gt;ancestor region&lt;/a&gt;, fr=
om the
+   &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;'s &lt;a href=
=3D#hit-region-list&gt;hit region list&lt;/a&gt;; then, if it had a &lt;a=
 href=3D&quot;#hit-region's-parent&quot; title=3D&quot;hit
+   region's parent&quot;&gt;parent&lt;/a&gt; region, decrement that &lt;=
a href=3D&quot;#hit-region's-child-count&quot;&gt;hit region's child coun=
t&lt;/a&gt; by
+   one.&lt;/li&gt; &lt;!-- we garbage collect the regions below --&gt;
+
+   &lt;li&gt;&lt;p&gt;If there is a &lt;var title=3D&quot;&quot;&gt;pare=
nt region&lt;/var&gt;, increment its &lt;a href=3D&quot;#hit-region's-chi=
ld-count&quot;&gt;hit region's child
+   count&lt;/a&gt; by one.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#clear-regions-that-cover-the-pixels&=
gt;Clear regions that cover the pixels&lt;/a&gt; in &lt;var title=3D&quot=
;&quot;&gt;region&lt;/var&gt;'s &lt;a href=3D&quot;#hit-region's-set-of-p=
ixels&quot; title=3D&quot;hit region's set of pixels&quot;&gt;set of pixe=
ls&lt;/a&gt; on this &lt;a href=3D#scratch-bitmap&gt;scratch
+   bitmap&lt;/a&gt;.&lt;/li&gt; &lt;!-- this is what garbage collects th=
e earlier regions --&gt;
+
+   &lt;li&gt;&lt;p&gt;Add &lt;var title=3D&quot;&quot;&gt;region&lt;/var=
&gt; to the &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;'s el=
ement's &lt;a href=3D#hit-region-list&gt;hit
+   region list&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When the &lt;dfn id=3Ddom-context-2d-removehitregi=
on title=3Ddom-context-2d-removeHitRegion&gt;&lt;code&gt;removeHitRegion(=
)&lt;/code&gt;&lt;/dfn&gt;
+  method is invoked, the user agent must run the following steps:&lt;/p&=
gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;region&lt;/var&gt; be &=
lt;a href=3D#the-region-identified-by-the-id&gt;the region identified by =
the ID&lt;/a&gt; given by the
+    method's argument in the rendering context's &lt;a href=3D#scratch-b=
itmap&gt;scratch bitmap&lt;/a&gt;. If no such region
+    currently exists, abort these steps.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;If the method's argument is the empty string, =
then no region will match.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove &lt;var title=3D&quot;&quot;&gt;region&lt;/=
var&gt;, and all &lt;a href=3D#hit-region title=3D&quot;hit region&quot;&=
gt;hit regions&lt;/a&gt; for
+   which it is an &lt;a href=3D#ancestor-region&gt;ancestor region&lt;/a=
&gt;, from the rendering context's &lt;a href=3D#scratch-bitmap&gt;scratc=
h
+   bitmap&lt;/a&gt;'s &lt;a href=3D#hit-region-list&gt;hit region list&l=
t;/a&gt;; then, if it had a &lt;a href=3D&quot;#hit-region's-parent&quot;=
 title=3D&quot;hit region's
+   parent&quot;&gt;parent&lt;/a&gt; region, decrement that &lt;a href=3D=
&quot;#hit-region's-child-count&quot;&gt;hit region's child count&lt;/a&g=
t; by
+   one.&lt;/li&gt; &lt;!-- we garbage collect the regions below --&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#garbage-collect-the-regions&gt;Garba=
ge-collect the regions&lt;/a&gt; of the rendering context's &lt;a href=3D=
#scratch-bitmap&gt;scratch
+   bitmap&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#mouseevent&gt;MouseEv=
ent&lt;/a&gt;&lt;/code&gt; interface is extended to support hit
+  regions:&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;partial interface &lt;a href=3D#mouseevent id=3D=
MouseEvent-partial&gt;MouseEvent&lt;/a&gt; {
+  readonly attribute DOMString? &lt;a href=3D#dom-mouseevent-region titl=
e=3Ddom-MouseEvent-region&gt;region&lt;/a&gt;;
+};
+
+partial dictionary &lt;a href=3D#mouseeventinit&gt;MouseEventInit&lt;/a&=
gt; {
+  DOMString? region;
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;e=
vent&lt;/var&gt; . &lt;code title=3Ddom-MouseEvent-region&gt;&lt;a href=3D=
#dom-mouseevent-region&gt;region&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;If the mouse was over a &lt;a href=3D#hit-region&gt;hit reg=
ion&lt;/a&gt;, then this returns the &lt;a href=3D&quot;#hit-region's-id&=
quot;&gt;hit region's ID&lt;/a&gt;, if it has one.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, returns null.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-mouseevent-region title=3Ddom-MouseEvent=
-region&gt;&lt;code&gt;region&lt;/code&gt;&lt;/dfn&gt; attribute on
+  &lt;code&gt;&lt;a href=3D#mouseevent&gt;MouseEvent&lt;/a&gt;&lt;/code&=
gt; objects must return the value it was initialized to. When the object =
is
+  created, this attribute must be initialized to null. It represents the=
 &lt;a href=3D&quot;#hit-region's-id&quot;&gt;hit region's
+  ID&lt;/a&gt; if the mouse was over a hit region when the event was fir=
ed.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#mouseevent&gt;MouseEvent&lt;=
/a&gt;&lt;/code&gt; is to be fired at a &lt;code&gt;&lt;a href=3D#the-can=
vas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element by the user
+  agent in response to a pointing device action, if the &lt;code&gt;&lt;=
a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element has=
 a &lt;a href=3D#hit-region-list&gt;hit
+  region list&lt;/a&gt;, the user agent must instead follow these steps.=
 If these steps say to &lt;i&gt;act
+  as normal&lt;/i&gt;, that means that the event must be fired as it wou=
ld have had these requirements not
+  been applied.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the pointing device is not indicating =
a pixel on the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;=
/a&gt;&lt;/code&gt;, act as normal
+   and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;pixel&lt;/var&=
gt; be the pixel indicated by the pointing device.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;region&lt;/var=
&gt; be the &lt;a href=3D#hit-region&gt;hit region&lt;/a&gt; that is &lt;=
a href=3D#the-region-for-a-pixel title=3D&quot;the
+   region for a pixel&quot;&gt;the region for the pixel&lt;/a&gt; &lt;va=
r title=3D&quot;&quot;&gt;pixel&lt;/var&gt; on this
+   &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/=
code&gt; element's bitmap, if any.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If there is no &lt;var title=3D&quot;&quot;&gt;reg=
ion&lt;/var&gt;, then act as normal and abort these
+   steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;id&lt;/var&gt;=
 be the &lt;var title=3D&quot;&quot;&gt;region&lt;/var&gt;'s &lt;a href=3D=
&quot;#hit-region's-id&quot; title=3D&quot;hit region's
+   ID&quot;&gt;ID&lt;/a&gt;, if any.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If there is an &lt;var title=3D&quot;&quot;&gt;id&=
lt;/var&gt;, then initialize the event object's &lt;code title=3Ddom-Mous=
eEvent-region&gt;&lt;a href=3D#dom-mouseevent-region&gt;region&lt;/a&gt;&=
lt;/code&gt; attribute to &lt;var title=3D&quot;&quot;&gt;id&lt;/var&gt;.=
&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;control&lt;/va=
r&gt; be the &lt;a href=3D#the-control-represented-by-a-region title=3D&q=
uot;the control represented by a
+   region&quot;&gt;control represented by&lt;/a&gt; &lt;var title=3D&quo=
t;&quot;&gt;region&lt;/var&gt; for this &lt;code&gt;&lt;a href=3D#the-can=
vas-element&gt;canvas&lt;/a&gt;&lt;/code&gt;
+   element, if any.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If there is a &lt;var title=3D&quot;&quot;&gt;cont=
rol&lt;/var&gt;, then target the event object at &lt;var title=3D&quot;&q=
uot;&gt;control&lt;/var&gt; instead of the &lt;code&gt;&lt;a href=3D#the-=
canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; element.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Continue dispatching the event, but with the updat=
ed event object and target as given in
+   the above steps.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;When a user's pointing device cursor is =
positioned over a &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&=
lt;/a&gt;&lt;/code&gt; element, user
+  agents should render the pointing device cursor according to the curso=
r specification described by
+  &lt;a href=3D#the-cursor-for-a-hit-region title=3D&quot;the cursor for=
 a hit region&quot;&gt;the cursor for the hit region&lt;/a&gt; that is &l=
t;a href=3D#the-region-for-a-pixel title=3D&quot;the region for a pixel&q=
uot;&gt;the region for the pixel&lt;/a&gt; that the pointing device desig=
nates
+  on the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt=
;&lt;/code&gt; element's bitmap.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;User agents are encouraged to make use of the infor=
mation present in a &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canva=
s&lt;/a&gt;&lt;/code&gt;
+  element's &lt;a href=3D#hit-region-list&gt;hit region list&lt;/a&gt; t=
o improve the accessibility of &lt;code&gt;&lt;a href=3D#the-canvas-eleme=
nt&gt;canvas&lt;/a&gt;&lt;/code&gt;
+  elements.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;a href=3D#hit-region&gt;hit region&lt;/a&gt; should =
be handled in a fashion equivalent to a node in a virtual
+  DOM tree rooted at the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt=
;canvas&lt;/a&gt;&lt;/code&gt; element. The hierarchy of this virtual DOM=
 tree must
+  match the hierarchy of the &lt;a href=3D#hit-region title=3D&quot;hit =
region&quot;&gt;hit regions&lt;/a&gt;, as described by the &lt;a href=3D&=
quot;#hit-region's-parent&quot; title=3D&quot;hit region's parent&quot;&g=
t;parent&lt;/a&gt; of each region. Regions without a &lt;a href=3D&quot;#=
hit-region's-parent&quot; title=3D&quot;hit
+  region's parent&quot;&gt;parent&lt;/a&gt; must be treated as children =
of the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&l=
t;/code&gt; element for
+  the purpose of this virtual DOM tree. For each node in such a DOM tree=
, the &lt;a href=3D&quot;#hit-region's-bounding-circumference&quot;&gt;hi=
t region's
+  bounding circumference&lt;/a&gt; gives the region of the screen to use=
 when representing the node (if
+  appropriate).&lt;/p&gt;
+
+  &lt;p&gt;The semantics of a &lt;a href=3D#hit-region&gt;hit region&lt;=
/a&gt; for the purposes of this virtual DOM tree are those
+  of the &lt;a href=3D#the-control-represented-by-a-region title=3D&quot=
;the control represented by a region&quot;&gt;the control represented by =
the
+  region&lt;/a&gt;, if it has one, or else of a non-interactive element =
whose ARIA role, if any, is
+  that given by the &lt;a href=3D&quot;#hit-region's-aria-role&quot;&gt;=
hit region's ARIA role&lt;/a&gt;, and whose textual representation, if an=
y,
+  is given by the &lt;a href=3D&quot;#hit-region's-label&quot;&gt;hit re=
gion's label&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;For the purposes of accessibility tools, when an element &lt;=
var title=3D&quot;&quot;&gt;C&lt;/var&gt; is a descendant
+  of a &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&=
lt;/code&gt; element and there is &lt;a href=3D#the-region-representing-t=
he-control title=3D&quot;the region representing the control&quot;&gt;a
+  region representing the control&lt;/a&gt; &lt;var title=3D&quot;&quot;=
&gt;C&lt;/var&gt; for that &lt;code&gt;&lt;a href=3D#the-canvas-element&g=
t;canvas&lt;/a&gt;&lt;/code&gt;
+  element's bitmap, then the element's position relative to the document=
 should be presented as if
+  it was that region in the &lt;code&gt;&lt;a href=3D#the-canvas-element=
&gt;canvas&lt;/a&gt;&lt;/code&gt; element's virtual DOM tree.&lt;/p&gt;
+
+  &lt;p&gt;The semantics of a &lt;a href=3D#hit-region&gt;hit region&lt;=
/a&gt; for the purposes of this virtual DOM tree are those
+  of the &lt;a href=3D#the-control-represented-by-a-region title=3D&quot=
;the control represented by a region&quot;&gt;the control represented by =
the
+  region&lt;/a&gt;, if it has one, or else of a non-interactive element =
whose ARIA role, if any, is
+  that given by the &lt;a href=3D&quot;#hit-region's-aria-role&quot;&gt;=
hit region's ARIA role&lt;/a&gt;, and whose textual representation, if an=
y,
+  is given by the &lt;a href=3D&quot;#hit-region's-label&quot;&gt;hit re=
gion's label&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Thus, for instance, a user agent on a touch-scre=
en device could provide haptic
+  feedback when the user croses over a &lt;a href=3D&quot;#hit-region's-=
bounding-circumference&quot;&gt;hit region's bounding circumference&lt;/a=
&gt;, and then
+  read the &lt;a href=3D&quot;#hit-region's-label&quot;&gt;hit region's =
label&lt;/a&gt; to the user. Similarly, a desktop user agent with a
+  virtual accessibility focus separate from the keyboard input focus cou=
ld allow the user to
+  navigate through the hit regions, using the virtual DOM tree described=
 above to enable
+  hierarchical navigation. When an interactive control inside the &lt;co=
de&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; e=
lement is
+  focused, if the control has a corresponding region, then that &lt;a hr=
ef=3D&quot;#hit-region's-bounding-circumference&quot;&gt;hit region's bou=
nding
+  circumference&lt;/a&gt; could be used to determine what area of the di=
splay to magnify.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3Dpixel-manipulation&gt;&lt;span class=3Dsecno&gt;4.12.4.2.1=
6 &lt;/span&gt;&lt;dfn&gt;Pixel manipulation&lt;/dfn&gt;&lt;/h6&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;i=
magedata&lt;/var&gt; =3D &lt;var title=3D&quot;&quot;&gt;context&lt;/var&=
gt; . &lt;code title=3Ddom-context-2d-createImageData&gt;&lt;a href=3D#do=
m-context-2d-createimagedata&gt;createImageData&lt;/a&gt;&lt;/code&gt;(&l=
t;var title=3D&quot;&quot;&gt;sw&lt;/var&gt;, &lt;var title=3D&quot;&quot=
;&gt;sh&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns an &lt;code&gt;&lt;a href=3D#imagedata&gt;ImageData=
&lt;/a&gt;&lt;/code&gt; object with the given dimensions. All the pixels =
in the
+    returned object are transparent black.&lt;/p&gt;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;Index=
SizeError&lt;/a&gt;&lt;/code&gt; exception if the either of the width or =
height
+    arguments are zero.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;imagedata&lt;/var&gt; =3D &=
lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;code title=3Ddom=
-context-2d-createImageData&gt;&lt;a href=3D#dom-context-2d-createimageda=
ta&gt;createImageData&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;=
&gt;imagedata&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns an &lt;code&gt;&lt;a href=3D#imagedata&gt;ImageData=
&lt;/a&gt;&lt;/code&gt; object with the same dimensions as the argument. =
All the
+    pixels in the returned object are transparent black.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;imagedata&lt;/var&gt; =3D &=
lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;code title=3Ddom=
-context-2d-createImageDataHD&gt;&lt;a href=3D#dom-context-2d-createimage=
datahd&gt;createImageDataHD&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;=
&quot;&gt;sw&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt;)=
&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns an &lt;code&gt;&lt;a href=3D#imagedata&gt;ImageData=
&lt;/a&gt;&lt;/code&gt; object whose dimensions equal the dimensions give=
n in the
+    arguments, multiplied by the number of pixels in the canvas bitmap t=
hat correspond to each
+    coordinate space unit. All the pixels in the returned object are tra=
nsparent black.&lt;/p&gt;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;Index=
SizeError&lt;/a&gt;&lt;/code&gt; exception if the either of the width or =
height
+    arguments are zero.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;imagedata&lt;/var&gt; =3D &=
lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;code title=3Ddom=
-context-2d-getImageData&gt;&lt;a href=3D#dom-context-2d-getimagedata&gt;=
getImageData&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;sx&lt=
;/var&gt;, &lt;var title=3D&quot;&quot;&gt;sy&lt;/var&gt;, &lt;var title=3D=
&quot;&quot;&gt;sw&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;sh&lt;/va=
r&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns an &lt;code&gt;&lt;a href=3D#imagedata&gt;ImageData=
&lt;/a&gt;&lt;/code&gt; object containing the image data for the given re=
ctangle of
+    the bitmap.&lt;/p&gt;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;Index=
SizeError&lt;/a&gt;&lt;/code&gt; exception if the either of the width or =
height
+    arguments are zero.&lt;/p&gt;
+
+    &lt;p&gt;The data will be returned with one pixel of image data for =
each coordinate space unit on the
+    canvas (ignoring transforms).&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;imagedata&lt;/var&gt; =3D &=
lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;code title=3Ddom=
-context-2d-getImageDataHD&gt;&lt;a href=3D#dom-context-2d-getimagedatahd=
&gt;getImageDataHD&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt=
;sx&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;sy&lt;/var&gt;, &lt;var =
title=3D&quot;&quot;&gt;sw&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;s=
h&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns an &lt;code&gt;&lt;a href=3D#imagedata&gt;ImageData=
&lt;/a&gt;&lt;/code&gt; object containing the image data for the given re=
ctangle of
+    the bitmap.&lt;/p&gt;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;Index=
SizeError&lt;/a&gt;&lt;/code&gt; exception if the either of the width or =
height
+    arguments are zero.&lt;/p&gt;
+
+    &lt;p&gt;The data will be returned at the same resolution as the can=
vas bitmap.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;imagedata&lt;/var&gt; . &lt=
;code title=3Ddom-imagedata-width&gt;&lt;a href=3D#dom-imagedata-width&gt=
;width&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;imagedata&lt;/var&gt; . &lt=
;code title=3Ddom-imagedata-height&gt;&lt;a href=3D#dom-imagedata-height&=
gt;height&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the actual dimensions of the data in the &lt;code&g=
t;&lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt;&lt;/code&gt; object, in =
pixels.
+    For objects returned by the non-HD variants of the methods in this A=
PI, this will correspond to
+    the dimensions given to the methods. For the HD variants, the number=
 of pixels might be
+    different than the number of corresponding coordinate space units.&l=
t;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;imagedata&lt;/var&gt; . &lt=
;code title=3Ddom-imagedata-resolution&gt;&lt;a href=3D#dom-imagedata-res=
olution&gt;resolution&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the theoretical number of pixels in the &lt;code&gt=
;&lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt;&lt;/code&gt; object's dat=
a per
+    corresponding coordinate space unit. This value is automatically det=
ermined from the source
+    image when the &lt;code&gt;&lt;a href=3D#imagedata&gt;ImageData&lt;/=
a&gt;&lt;/code&gt; object is created. It is only used to ensure that
+    &lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a&gt;&lt;/c=
ode&gt; objects have the right pixel density when generated from
+    &lt;code&gt;&lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt;&lt;/code&=
gt; objects.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;imagedata&lt;/var&gt; . &lt=
;code title=3Ddom-imagedata-data&gt;&lt;a href=3D#dom-imagedata-data&gt;d=
ata&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the one-dimensional array containing the data in RG=
BA order, as integers in the range
+    0 to 255.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-putImageData&gt;&lt;a href=3D#dom-context-2d-p=
utimagedata&gt;putImageData&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;=
&quot;&gt;imagedata&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;dx&lt;/v=
ar&gt;, &lt;var title=3D&quot;&quot;&gt;dy&lt;/var&gt; [, &lt;var title=3D=
&quot;&quot;&gt;dirtyX&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;dirty=
Y&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;dirtyWidth&lt;/var&gt;, &l=
t;var title=3D&quot;&quot;&gt;dirtyHeight&lt;/var&gt; ])&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Paints the data from the given &lt;code&gt;&lt;a href=3D#im=
agedata&gt;ImageData&lt;/a&gt;&lt;/code&gt; object onto the bitmap. If a =
dirty
+    rectangle is provided, only the pixels from that rectangle are paint=
ed.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;code title=3Ddom-context-2d-globalAlpha&gt;&lt;a hr=
ef=3D#dom-context-2d-globalalpha&gt;globalAlpha&lt;/a&gt;&lt;/code&gt; an=
d &lt;code title=3Ddom-context-2d-globalCompositeOperation&gt;&lt;a href=3D=
#dom-context-2d-globalcompositeoperation&gt;globalCompositeOperation&lt;/=
a&gt;&lt;/code&gt; attributes, as
+    well as the shadow attributes, are ignored for the purposes of this =
method call; pixels in the
+    canvas are replaced wholesale, with no composition, alpha blending, =
no shadows, etc.&lt;/p&gt;
+
+    &lt;p&gt;Throws a &lt;code&gt;&lt;a href=3D#notsupportederror&gt;Not=
SupportedError&lt;/a&gt;&lt;/code&gt; exception if any of the arguments a=
re not finite.&lt;/p&gt;
+
+    &lt;p&gt;Each pixel in the image data is mapped to one coordinate sp=
ace unit on the bitmap, regardless
+    of the value of the &lt;code title=3Ddom-imagedata-resolution&gt;&lt=
;a href=3D#dom-imagedata-resolution&gt;resolution&lt;/a&gt;&lt;/code&gt; =
attribute.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-putImageDataHD&gt;&lt;a href=3D#dom-context-2d=
-putimagedatahd&gt;putImageDataHD&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D=
&quot;&quot;&gt;imagedata&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;dx=
&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;dy&lt;/var&gt; [, &lt;var t=
itle=3D&quot;&quot;&gt;dirtyX&lt;/var&gt;, &lt;var title=3D&quot;&quot;&g=
t;dirtyY&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;dirtyWidth&lt;/var&=
gt;, &lt;var title=3D&quot;&quot;&gt;dirtyHeight&lt;/var&gt; ])&lt;/dt&gt=
;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Paints the data from the given &lt;code&gt;&lt;a href=3D#im=
agedata&gt;ImageData&lt;/a&gt;&lt;/code&gt; object onto the bitmap, at th=
e bitmap's
+    native pixel density (regardless of the value of the &lt;code&gt;&lt=
;a href=3D#imagedata&gt;ImageData&lt;/a&gt;&lt;/code&gt; object's &lt;cod=
e title=3Ddom-imagedata-resolution&gt;&lt;a href=3D#dom-imagedata-resolut=
ion&gt;resolution&lt;/a&gt;&lt;/code&gt; attribute). If a dirty rectangle=
 is provided,
+    only the pixels from that rectangle are painted.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;code title=3Ddom-context-2d-globalAlpha&gt;&lt;a hr=
ef=3D#dom-context-2d-globalalpha&gt;globalAlpha&lt;/a&gt;&lt;/code&gt; an=
d &lt;code title=3Ddom-context-2d-globalCompositeOperation&gt;&lt;a href=3D=
#dom-context-2d-globalcompositeoperation&gt;globalCompositeOperation&lt;/=
a&gt;&lt;/code&gt; attributes, as
+    well as the shadow attributes, are ignored for the purposes of this =
method call; pixels in the
+    canvas are replaced wholesale, with no composition, alpha blending, =
no shadows, etc.&lt;/p&gt;
+
+    &lt;p&gt;Throws a &lt;code&gt;&lt;a href=3D#notsupportederror&gt;Not=
SupportedError&lt;/a&gt;&lt;/code&gt; exception if any of the arguments a=
re not finite.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-context-2d-createImageData&gt;&lt;a =
href=3D#dom-context-2d-createimagedata&gt;createImageData()&lt;/a&gt;&lt;=
/code&gt; and &lt;code title=3Ddom-context-2d-createImageDataHD&gt;&lt;a =
href=3D#dom-context-2d-createimagedatahd&gt;createImageDataHD()&lt;/a&gt;=
&lt;/code&gt; methods are used to
+  instantiate new blank &lt;code&gt;&lt;a href=3D#imagedata&gt;ImageData=
&lt;/a&gt;&lt;/code&gt; objects.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;dfn id=3Ddom-context-2d-createimagedata title=3D=
dom-context-2d-createImageData&gt;&lt;code&gt;createImageData()&lt;/code&=
gt;&lt;/dfn&gt;
+  method is invoked with two arguments &lt;var title=3D&quot;&quot;&gt;s=
w&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt;, it must
+  return a new &lt;code&gt;&lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt=
;&lt;/code&gt; object representing a rectangle with a width in equal to t=
he
+  absolute magnitude of &lt;var title=3D&quot;&quot;&gt;sw&lt;/var&gt; a=
nd a height equal to the absolute magnitude of &lt;var title=3D&quot;&quo=
t;&gt;sh&lt;/var&gt;, and with a 1.0 pixel density, if both &lt;var title=
=3D&quot;&quot;&gt;sw&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt;sh&=
lt;/var&gt; are non-zero. If one or both of &lt;var title=3D&quot;&quot;&=
gt;sw&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt; are =
zero, then the method must throw an &lt;code&gt;&lt;a href=3D#indexsizeer=
ror&gt;IndexSizeError&lt;/a&gt;&lt;/code&gt; exception
+  instead. When invoked with a single &lt;var title=3D&quot;&quot;&gt;im=
agedata&lt;/var&gt; argument, it must return a new
+  &lt;code&gt;&lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt;&lt;/code&gt=
; object representing a rectangle with the same dimensions and pixel dens=
ity
+  as the &lt;code&gt;&lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt;&lt;/=
code&gt; object passed as the argument. When the method returns an
+  &lt;code&gt;&lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt;&lt;/code&gt=
; object, it must be filled with transparent black.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;dfn id=3Ddom-context-2d-createimagedatahd title=3D=
dom-context-2d-createImageDataHD&gt;&lt;code&gt;createImageDataHD()&lt;/c=
ode&gt;&lt;/dfn&gt;
+  method is invoked and both of its arguments (&lt;var title=3D&quot;&qu=
ot;&gt;sw&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt;)
+  are non-zero, it must return a new &lt;code&gt;&lt;a href=3D#imagedata=
&gt;ImageData&lt;/a&gt;&lt;/code&gt; object representing a rectangle with=
 a
+  width equal to the absolute magnitude of &lt;var title=3D&quot;&quot;&=
gt;sw&lt;/var&gt; multiplied by &lt;var title=3D&quot;&quot;&gt;scale&lt;=
/var&gt;, a height equal to the absolute magnitude of &lt;var title=3D&qu=
ot;&quot;&gt;sh&lt;/var&gt;
+  multiplied by &lt;var title=3D&quot;&quot;&gt;scale&lt;/var&gt;, and a=
 pixel density equal to &lt;var title=3D&quot;&quot;&gt;scale&lt;/var&gt;=
,
+  where &lt;var title=3D&quot;&quot;&gt;scale&lt;/var&gt; is the number =
of pixels in the &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;=
 per
+  coordinate space units. The &lt;code&gt;&lt;a href=3D#imagedata&gt;Ima=
geData&lt;/a&gt;&lt;/code&gt; object returned must be filled with transpa=
rent
+  black. If either or both of the arguments are zero, the method must in=
stead throw an
+  &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;IndexSizeError&lt;/a&gt;&l=
t;/code&gt; exception.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-getimagedata title=3Ddom-cont=
ext-2d-getImageData&gt;&lt;code&gt;getImageData(&lt;var title=3D&quot;&qu=
ot;&gt;sx&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;sy&lt;/var&gt;, &l=
t;var title=3D&quot;&quot;&gt;sw&lt;/var&gt;, &lt;var title=3D&quot;&quot=
;&gt;sh&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; method must, if
+  either the &lt;var title=3D&quot;&quot;&gt;sw&lt;/var&gt; or &lt;var t=
itle=3D&quot;&quot;&gt;sh&lt;/var&gt; arguments are zero, throw an
+  &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;IndexSizeError&lt;/a&gt;&l=
t;/code&gt; exception; otherwise,
+  &lt;!--ADD-TOPIC:Security--&gt;
+  if the &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;'s &lt;=
a href=3D#concept-canvas-origin-clean title=3Dconcept-canvas-origin-clean=
&gt;origin-clean&lt;/a&gt;
+  flag is set to false, it must throw a &lt;code&gt;&lt;a href=3D#securi=
tyerror&gt;SecurityError&lt;/a&gt;&lt;/code&gt; exception;
+  &lt;!--REMOVE-TOPIC:Security--&gt;
+  otherwise, it must return an &lt;code&gt;&lt;a href=3D#imagedata&gt;Im=
ageData&lt;/a&gt;&lt;/code&gt; object with width &lt;var title=3D&quot;&q=
uot;&gt;sw&lt;/var&gt; and
+  height &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt; representing the=
 &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt; for the area of=
 that
+  bitmap denoted by the rectangle whose corners are the four points (&lt=
;var title=3D&quot;&quot;&gt;sx&lt;/var&gt;, &lt;var title=3D&quot;&quot;=
&gt;sy&lt;/var&gt;), (&lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&q=
uot;&quot;&gt;sx&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;sw&lt;/var&g=
t;&lt;/span&gt;, &lt;var title=3D&quot;&quot;&gt;sy&lt;/var&gt;), (&lt;sp=
an title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;sx&lt;/var&gt;=
+&lt;var title=3D&quot;&quot;&gt;sw&lt;/var&gt;&lt;/span&gt;, &lt;span ti=
tle=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;sy&lt;/var&gt;+&lt;=
var title=3D&quot;&quot;&gt;sh&lt;/var&gt;&lt;/span&gt;), (&lt;var title=3D=
&quot;&quot;&gt;sx&lt;/var&gt;, &lt;span title=3D&quot;&quot;&gt;&lt;var =
title=3D&quot;&quot;&gt;sy&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;sh=
&lt;/var&gt;&lt;/span&gt;), in the bitmap's coordinate space
+  units. If the bitmap does not represent each coordinate space unit squ=
are using exactly one pixel,
+  the value of each pixel in the returned object must be derived from th=
e value(s) of the pixel(s)
+  in the bitmap that correspond to the same coordinate. Pixels outside t=
he &lt;a href=3D#scratch-bitmap&gt;scratch
+  bitmap&lt;/a&gt; must be returned as transparent black. Pixels must be=
 returned as non-premultiplied
+  alpha values. The pixel density of the object returned must be 1.0.&lt=
;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-getimagedatahd title=3Ddom-co=
ntext-2d-getImageDataHD&gt;&lt;code&gt;getImageDataHD(&lt;var title=3D&qu=
ot;&quot;&gt;sx&lt;/var&gt;,
+  &lt;var title=3D&quot;&quot;&gt;sy&lt;/var&gt;, &lt;var title=3D&quot;=
&quot;&gt;sw&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt;)=
&lt;/code&gt;&lt;/dfn&gt; method must,
+  if either the &lt;var title=3D&quot;&quot;&gt;sw&lt;/var&gt; or &lt;va=
r title=3D&quot;&quot;&gt;sh&lt;/var&gt; arguments are zero, throw an
+  &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;IndexSizeError&lt;/a&gt;&l=
t;/code&gt; exception; otherwise,
+  &lt;!--ADD-TOPIC:Security--&gt;
+  if the &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;'s &lt;=
a href=3D#concept-canvas-origin-clean title=3Dconcept-canvas-origin-clean=
&gt;origin-clean&lt;/a&gt;
+  flag is set to false, it must throw a &lt;code&gt;&lt;a href=3D#securi=
tyerror&gt;SecurityError&lt;/a&gt;&lt;/code&gt; exception;
+  &lt;!--REMOVE-TOPIC:Security--&gt;
+  otherwise, it must return an &lt;code&gt;&lt;a href=3D#imagedata&gt;Im=
ageData&lt;/a&gt;&lt;/code&gt; object with width &lt;var title=3D&quot;&q=
uot;&gt;sw&lt;/var&gt;
+  multiplied by &lt;var title=3D&quot;&quot;&gt;scale&lt;/var&gt; and he=
ight &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt; multiplied by &lt;var=
 title=3D&quot;&quot;&gt;scale&lt;/var&gt; representing the &lt;a href=3D=
#scratch-bitmap&gt;scratch bitmap&lt;/a&gt; for the area of that bitmap
+  denoted by the rectangle whose corners are the four points (&lt;var ti=
tle=3D&quot;&quot;&gt;sx&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;sy&=
lt;/var&gt;), (&lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&qu=
ot;&gt;sx&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;sw&lt;/var&gt;&lt;/=
span&gt;, &lt;var title=3D&quot;&quot;&gt;sy&lt;/var&gt;), (&lt;span titl=
e=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;sx&lt;/var&gt;+&lt;va=
r title=3D&quot;&quot;&gt;sw&lt;/var&gt;&lt;/span&gt;, &lt;span title=3D&=
quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;sy&lt;/var&gt;+&lt;var tit=
le=3D&quot;&quot;&gt;sh&lt;/var&gt;&lt;/span&gt;), (&lt;var title=3D&quot=
;&quot;&gt;sx&lt;/var&gt;, &lt;span title=3D&quot;&quot;&gt;&lt;var title=
=3D&quot;&quot;&gt;sy&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;sh&lt;/=
var&gt;&lt;/span&gt;), in the bitmap's coordinate space
+  units. Pixels outside the &lt;a href=3D#scratch-bitmap&gt;scratch bitm=
ap&lt;/a&gt; must be returned as transparent black.
+  Pixels must be returned as non-premultiplied alpha values. The pixel d=
ensity of the object
+  returned must be &lt;var title=3D&quot;&quot;&gt;scale&lt;/var&gt;. Fo=
r the purposes of this paragraph, &lt;var title=3D&quot;&quot;&gt;scale&l=
t;/var&gt; is the number of pixels in the &lt;a href=3D#scratch-bitmap&gt=
;scratch bitmap&lt;/a&gt; per coordinate
+  space units.&lt;/p&gt;
+
+  &lt;p&gt;New &lt;code&gt;&lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt=
;&lt;/code&gt; objects must be initialized so that their &lt;dfn id=3Ddom=
-imagedata-width title=3Ddom-imagedata-width&gt;&lt;code&gt;width&lt;/cod=
e&gt;&lt;/dfn&gt; attribute is set to the number of pixels per
+  row in the image data, their &lt;dfn id=3Ddom-imagedata-height title=3D=
dom-imagedata-height&gt;&lt;code&gt;height&lt;/code&gt;&lt;/dfn&gt; attri=
bute
+  is set to the number of rows in the image data, their &lt;dfn id=3Ddom=
-imagedata-resolution title=3Ddom-imagedata-resolution&gt;&lt;code&gt;res=
olution&lt;/code&gt;&lt;/dfn&gt; is set to the object's pixel
+  density, and their &lt;dfn id=3Ddom-imagedata-data title=3Ddom-imageda=
ta-data&gt;&lt;code&gt;data&lt;/code&gt;&lt;/dfn&gt; attribute is
+  initialized to a &lt;code&gt;&lt;a href=3D#uint8clampedarray&gt;Uint8C=
lampedArray&lt;/a&gt;&lt;/code&gt; object. The &lt;code&gt;&lt;a href=3D#=
uint8clampedarray&gt;Uint8ClampedArray&lt;/a&gt;&lt;/code&gt; object
+  must use a &lt;a href=3D#canvas-pixel-arraybuffer&gt;Canvas Pixel &lt;=
code&gt;ArrayBuffer&lt;/code&gt;&lt;/a&gt; for its storage, and must have=
 a
+  zero start offset and a length equal to the length of its storage, in =
bytes. The &lt;a href=3D#canvas-pixel-arraybuffer&gt;Canvas
+  Pixel &lt;code&gt;ArrayBuffer&lt;/code&gt;&lt;/a&gt; must contain the =
image data. At least one pixel's worth of
+  image data must be returned. &lt;a href=3D#refsTYPEDARRAY&gt;[TYPEDARR=
AY]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;A &lt;dfn id=3Dcanvas-pixel-arraybuffer&gt;Canvas Pixel &lt;c=
ode&gt;ArrayBuffer&lt;/code&gt;&lt;/dfn&gt; is an &lt;code&gt;&lt;a href=3D=
#arraybuffer&gt;ArrayBuffer&lt;/a&gt;&lt;/code&gt; that whose
+  data is represented in left-to-right order, row by row top to bottom, =
starting with the top left,
+  with each pixel's red, green, blue, and alpha components being given i=
n that order for each pixel.
+  Each component of each pixel represented in this array must be in the =
range 0..255, representing
+  the 8 bit value for that component. The components must be assigned co=
nsecutive indices starting
+  with 0 for the top left pixel's red component. &lt;a href=3D#refsTYPED=
ARRAY&gt;[TYPEDARRAY]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-putimagedata title=3Ddom-cont=
ext-2d-putImageData&gt;&lt;code&gt;putImageData()&lt;/code&gt;&lt;/dfn&gt=
; and &lt;dfn id=3Ddom-context-2d-putimagedatahd title=3Ddom-context-2d-p=
utImageDataHD&gt;&lt;code&gt;putImageDataHD()&lt;/code&gt;&lt;/dfn&gt; me=
thods write data from
+  &lt;code&gt;&lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt;&lt;/code&gt=
; structures back to the rendering context's &lt;a href=3D#scratch-bitmap=
&gt;scratch bitmap&lt;/a&gt;.
+  Their arguments are: &lt;var title=3D&quot;&quot;&gt;imagedata&lt;/var=
&gt;, &lt;var title=3D&quot;&quot;&gt;dx&lt;/var&gt;, &lt;var title=3D&qu=
ot;&quot;&gt;dy&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;dirtyX&lt;/v=
ar&gt;, &lt;var title=3D&quot;&quot;&gt;dirtyY&lt;/var&gt;, &lt;var title=
=3D&quot;&quot;&gt;dirtyWidth&lt;/var&gt;, and &lt;var title=3D&quot;&quo=
t;&gt;dirtyHeight&lt;/var&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When the last four arguments to these methods are omitted, th=
ey must be assumed to have the
+  values 0, 0, the &lt;code title=3Ddom-imagedata-width&gt;&lt;a href=3D=
#dom-imagedata-width&gt;width&lt;/a&gt;&lt;/code&gt; member of the &lt;va=
r title=3D&quot;&quot;&gt;imagedata&lt;/var&gt; structure, and the &lt;co=
de title=3Ddom-imagedata-height&gt;&lt;a href=3D#dom-imagedata-height&gt;=
height&lt;/a&gt;&lt;/code&gt;
+  member of the &lt;var title=3D&quot;&quot;&gt;imagedata&lt;/var&gt; st=
ructure, respectively.&lt;/p&gt;
+
+  &lt;p&gt;When invoked, these methods must act as follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;dirtyWidth&lt;/var&gt; i=
s negative, let &lt;var title=3D&quot;&quot;&gt;dirtyX&lt;/var&gt; be &lt=
;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;dirtyX&lt;/=
var&gt;+&lt;var title=3D&quot;&quot;&gt;dirtyWidth&lt;/var&gt;&lt;/span&g=
t;, and let &lt;var title=3D&quot;&quot;&gt;dirtyWidth&lt;/var&gt; be equ=
al to the absolute magnitude of &lt;var title=3D&quot;&quot;&gt;dirtyWidt=
h&lt;/var&gt;.&lt;/p&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;dirtyHeight&lt;/var&gt; =
is negative, let &lt;var title=3D&quot;&quot;&gt;dirtyY&lt;/var&gt; be &l=
t;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;dirtyY&lt;=
/var&gt;+&lt;var title=3D&quot;&quot;&gt;dirtyHeight&lt;/var&gt;&lt;/span=
&gt;, and let &lt;var title=3D&quot;&quot;&gt;dirtyHeight&lt;/var&gt; be =
equal to the absolute magnitude of &lt;var title=3D&quot;&quot;&gt;dirtyH=
eight&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;dirtyX&lt;/var&gt; is ne=
gative, let &lt;var title=3D&quot;&quot;&gt;dirtyWidth&lt;/var&gt; be &lt=
;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;dirtyWidth&=
lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;dirtyX&lt;/var&gt;&lt;/span&g=
t;, and let &lt;var title=3D&quot;&quot;&gt;dirtyX&lt;/var&gt; be zero.&l=
t;/p&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;dirtyY&lt;/var&gt; is ne=
gative, let &lt;var title=3D&quot;&quot;&gt;dirtyHeight&lt;/var&gt; be &l=
t;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;dirtyHeigh=
t&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;dirtyY&lt;/var&gt;&lt;/span=
&gt;, and let &lt;var title=3D&quot;&quot;&gt;dirtyY&lt;/var&gt; be zero.=
&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&=
quot;&gt;dirtyX&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;dirtyWidth&lt=
;/var&gt;&lt;/span&gt; is greater
+    than the &lt;code title=3Ddom-imagedata-width&gt;&lt;a href=3D#dom-i=
magedata-width&gt;width&lt;/a&gt;&lt;/code&gt; attribute of the &lt;var t=
itle=3D&quot;&quot;&gt;imagedata&lt;/var&gt; argument, let &lt;var title=3D=
&quot;&quot;&gt;dirtyWidth&lt;/var&gt; be the value of that &lt;code titl=
e=3Ddom-imagedata-width&gt;&lt;a href=3D#dom-imagedata-width&gt;width&lt;=
/a&gt;&lt;/code&gt; attribute, minus the value of &lt;var title=3D&quot;&=
quot;&gt;dirtyX&lt;/var&gt;.&lt;/p&gt;
+
+    &lt;p&gt;If &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&=
quot;&gt;dirtyY&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;dirtyHeight&l=
t;/var&gt;&lt;/span&gt; is
+    greater than the &lt;code title=3Ddom-imagedata-height&gt;&lt;a href=
=3D#dom-imagedata-height&gt;height&lt;/a&gt;&lt;/code&gt; attribute of th=
e &lt;var title=3D&quot;&quot;&gt;imagedata&lt;/var&gt; argument, let &lt=
;var title=3D&quot;&quot;&gt;dirtyHeight&lt;/var&gt; be the value of that
+    &lt;code title=3Ddom-imagedata-height&gt;&lt;a href=3D#dom-imagedata=
-height&gt;height&lt;/a&gt;&lt;/code&gt; attribute, minus the value of &l=
t;var title=3D&quot;&quot;&gt;dirtyY&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If, after those changes, either &lt;var title=3D&quot;&quot=
;&gt;dirtyWidth&lt;/var&gt; or &lt;var title=3D&quot;&quot;&gt;dirtyHeigh=
t&lt;/var&gt; is negative or zero, stop these steps without affecting any
+    bitmaps.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Run the appropriate steps from the following list:&lt;/p&gt=
;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the method was &lt;code title=3D=
dom-context-2d-putImageData&gt;&lt;a href=3D#dom-context-2d-putimagedata&=
gt;putImageData()&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Draw the region of the image data in the horizontal recta=
ngle whose top left corner is at
+      (&lt;var title=3D&quot;&quot;&gt;dirtyX&lt;/var&gt;,&lt;var title=3D=
&quot;&quot;&gt;dirtyY&lt;/var&gt;) and whose bottom right corner is at
+      (&lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;=
dirtyX&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;dirtyWidth&lt;/var&gt;=
&lt;/span&gt;,&lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quo=
t;&gt;dirtyY&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;dirtyHeight&lt;/=
var&gt;&lt;/span&gt;) onto the rendering
+      context's &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;=
, aligned such that the top left of the rectangle is at
+      coordinate (&lt;var title=3D&quot;&quot;&gt;dx&lt;/var&gt;,&lt;var=
 title=3D&quot;&quot;&gt;dy&lt;/var&gt;).&lt;/p&gt;
+
+      &lt;p&gt;If the &lt;code title=3Ddom-context-2d-imageSmoothingEnab=
led&gt;&lt;a href=3D#dom-context-2d-imagesmoothingenabled&gt;imageSmoothi=
ngEnabled&lt;/a&gt;&lt;/code&gt;
+      attribute is set to true, then the user agent should attempt to ap=
ply a smoothing algorithm to
+      the image data if the &lt;a href=3D#scratch-bitmap&gt;scratch bitm=
ap&lt;/a&gt; does not have exactly one device pixel per
+      coordinate space unit.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;If the method was &lt;code title=3Ddom-context-2d-putImag=
eDataHD&gt;&lt;a href=3D#dom-context-2d-putimagedatahd&gt;putImageDataHD(=
)&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;ol&gt;&lt;li&gt;
+
+        &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;dx&lt;sub title=3D&=
quot;&quot;&gt;device&lt;/sub&gt;&lt;/var&gt; be the x-coordinate of the =
device pixel in
+        the &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt; cor=
responding to the &lt;var title=3D&quot;&quot;&gt;dx&lt;/var&gt; coordina=
te in
+        the &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;'s c=
oordinate space.&lt;/p&gt;
+
+        &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;dy&lt;sub title=3D&=
quot;&quot;&gt;device&lt;/sub&gt;&lt;/var&gt; be the y-coordinate of the =
device pixel in
+        the &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt; cor=
responding to the &lt;var title=3D&quot;&quot;&gt;dy&lt;/var&gt; coordina=
te in
+        the &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;'s c=
oordinate space.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;For all integer values of &lt;var title=3D&quo=
t;&quot;&gt;x&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt;y&lt;/var&g=
t; where &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt=
;dirtyX&lt;/var&gt;&amp;nbsp;&amp;le;&amp;nbsp;&lt;var title=3D&quot;&quo=
t;&gt;x&lt;/var&gt;&amp;nbsp;&amp;lt;&amp;nbsp;&lt;span title=3D&quot;&qu=
ot;&gt;&lt;var title=3D&quot;&quot;&gt;dirtyX&lt;/var&gt;+&lt;var title=3D=
&quot;&quot;&gt;dirtyWidth&lt;/var&gt;&lt;/span&gt;&lt;/span&gt; and &lt;=
span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;dirtyY&lt;/v=
ar&gt;&amp;nbsp;&amp;le;&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;y&lt;/v=
ar&gt;&amp;nbsp;&amp;lt;&amp;nbsp;&lt;span title=3D&quot;&quot;&gt;&lt;va=
r title=3D&quot;&quot;&gt;dirtyY&lt;/var&gt;+&lt;var title=3D&quot;&quot;=
&gt;dirtyHeight&lt;/var&gt;&lt;/span&gt;&lt;/span&gt;, copy the
+       four channels of the pixel with coordinate (&lt;var title=3D&quot=
;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;) =
in
+       the &lt;var title=3D&quot;&quot;&gt;imagedata&lt;/var&gt; data st=
ructure to the pixel with coordinate (&lt;span title=3D&quot;&quot;&gt;&l=
t;var title=3D&quot;&quot;&gt;dx&lt;sub title=3D&quot;&quot;&gt;device&lt=
;/sub&gt;&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;&lt;/s=
pan&gt;, &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt=
;dy&lt;sub title=3D&quot;&quot;&gt;device&lt;/sub&gt;&lt;/var&gt;+&lt;var=
 title=3D&quot;&quot;&gt;y&lt;/var&gt;&lt;/span&gt;) in the
+       rendering context's &lt;a href=3D#scratch-bitmap&gt;scratch bitma=
p&lt;/a&gt;.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The handling of pixel rounding when the specified =
coordinates do not exactly map to the device
+  coordinate space is not defined by this specification, except that the=
 following must result in no
+  visible changes to the rendering:&lt;/p&gt;
+
+  &lt;pre&gt;context.putImageDataHD(context.getImageDataHD(x, y, w, h), =
p, q);&lt;/pre&gt;
+
+  &lt;p&gt;...for any value of &lt;var title=3D&quot;&quot;&gt;x&lt;/var=
&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;, &lt;var title=3D&quo=
t;&quot;&gt;w&lt;/var&gt;, and
+  &lt;var title=3D&quot;&quot;&gt;h&lt;/var&gt; and where &lt;var title=3D=
&quot;&quot;&gt;p&lt;/var&gt; is the smaller of &lt;var title=3D&quot;&qu=
ot;&gt;x&lt;/var&gt; and
+  the sum of &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; and &lt;var t=
itle=3D&quot;&quot;&gt;w&lt;/var&gt;, and &lt;var title=3D&quot;&quot;&gt=
;q&lt;/var&gt; is the
+  smaller of &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; and the sum o=
f &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; and &lt;var title=3D&quot=
;&quot;&gt;h&lt;/var&gt;;
+  and except that the following two calls:&lt;/p&gt;
+
+  &lt;pre&gt;context.createImageData(w, h);
+context.getImageData(0, 0, w, h);&lt;/pre&gt;
+
+  &lt;p&gt;...must return &lt;code&gt;&lt;a href=3D#imagedata&gt;ImageDa=
ta&lt;/a&gt;&lt;/code&gt; objects with the same dimensions as each other,=
 and the
+  following two calls:&lt;/p&gt;
+
+  &lt;pre&gt;context.createImageDataHD(w, h);
+context.getImageDataHD(0, 0, w, h);&lt;/pre&gt;
+
+  &lt;p&gt;...must also return &lt;code&gt;&lt;a href=3D#imagedata&gt;Im=
ageData&lt;/a&gt;&lt;/code&gt; objects with the same dimensions as each o=
ther, for
+  any value of &lt;var title=3D&quot;&quot;&gt;w&lt;/var&gt; and &lt;var=
 title=3D&quot;&quot;&gt;h&lt;/var&gt; in both cases. In other words, whi=
le
+  user agents may round the arguments of these methods so that they map =
to device pixel boundaries,
+  any rounding performed must be performed consistently for all of the m=
ethods described in this
+  section.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Due to the lossy nature of converting to and fro=
m premultiplied alpha color
+  values, pixels that have just been set using &lt;code title=3Ddom-cont=
ext-2d-putImageDataHD&gt;&lt;a href=3D#dom-context-2d-putimagedatahd&gt;p=
utImageDataHD()&lt;/a&gt;&lt;/code&gt; might be returned to an equivalent
+  &lt;code title=3Ddom-context-2d-getImageDataHD&gt;&lt;a href=3D#dom-co=
ntext-2d-getimagedatahd&gt;getImageDataHD()&lt;/a&gt;&lt;/code&gt; as dif=
ferent values.&lt;/p&gt;
+
+  &lt;p&gt;The current path, &lt;a href=3D#transformations title=3Ddom-c=
ontext-2d-transformation&gt;transformation matrix&lt;/a&gt;,
+  &lt;a href=3D#shadows title=3Dshadows&gt;shadow attributes&lt;/a&gt;, =
&lt;a href=3D#dom-context-2d-globalalpha title=3Ddom-context-2d-globalAlp=
ha&gt;global
+  alpha&lt;/a&gt;, the &lt;a href=3D#clipping-region&gt;clipping region&=
lt;/a&gt;, and &lt;a href=3D#dom-context-2d-globalcompositeoperation titl=
e=3Ddom-context-2d-globalCompositeOperation&gt;global composition operato=
r&lt;/a&gt; must not affect
+  the methods described in this section.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In the following example, the script generates an &lt;code&g=
t;&lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt;&lt;/code&gt; object so t=
hat it can
+   draw onto it.&lt;/p&gt;
+
+   &lt;pre&gt;// canvas is a reference to a &amp;lt;canvas&amp;gt; eleme=
nt
+var context =3D canvas.getContext('2d');
+
+// create a blank slate
+var data =3D context.createImageDataHD(canvas.width, canvas.height);
+
+// create some plasma
+FillPlasma(data, 'green'); // green plasma
+
+// add a cloud to the plasma
+AddCloud(data, data.width/2, data.height/2); // put a cloud in the middl=
e
+
+// paint the plasma+cloud on the canvas
+context.putImageDataHD(data, 0, 0);
+
+// support methods
+function FillPlasma(data, color) { ... }
+function AddCloud(data, x, y) { ... }&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here is an example of using &lt;code title=3Ddom-context-2d-=
getImageDataHD&gt;&lt;a href=3D#dom-context-2d-getimagedatahd&gt;getImage=
DataHD()&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Ddom-context-2d-putIm=
ageDataHD&gt;&lt;a href=3D#dom-context-2d-putimagedatahd&gt;putImageDataH=
D()&lt;/a&gt;&lt;/code&gt; to implement an edge detection
+   filter.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;html&amp;gt;
+ &amp;lt;head&amp;gt;
+  &amp;lt;title&amp;gt;Edge detection demo&amp;lt;/title&amp;gt;
+  &amp;lt;script&amp;gt;
+   var image =3D new Image();
+   function init() {
+     image.onload =3D demo;
+     image.src =3D &quot;image.jpeg&quot;;
+   }
+   function demo() {
+     var canvas =3D document.getElementsByTagName('canvas')[0];
+     var context =3D canvas.getContext('2d');
+
+     // draw the image onto the canvas
+     context.drawImage(image, 0, 0);
+
+     // get the image data to manipulate
+     var input =3D context.getImageDataHD(0, 0, canvas.width, canvas.hei=
ght);
+
+     // get an empty slate to put the data into
+     var output =3D context.createImageDataHD(canvas.width, canvas.heigh=
t);
+
+     // alias some variables for convenience
+     // notice that we are using input.width and input.height here
+     // as they might not be the same as canvas.width and canvas.height
+     // (in particular, they might be different on high-res displays)
+     var w =3D input.width, h =3D input.height;
+     var inputData =3D input.data;
+     var outputData =3D output.data;
+
+     // edge detection
+     for (var y =3D 1; y &amp;lt; h-1; y +=3D 1) {
+       for (var x =3D 1; x &amp;lt; w-1; x +=3D 1) {
+         for (var c =3D 0; c &amp;lt; 3; c +=3D 1) {
+           var i =3D (y*w + x)*4 + c;
+           outputData[i] =3D 127 + -inputData[i - w*4 - 4] -   inputData=
[i - w*4] - inputData[i - w*4 + 4] +
+                                 -inputData[i - 4]       + 8*inputData[i=
]       - inputData[i + 4] +
+                                 -inputData[i + w*4 - 4] -   inputData[i=
 + w*4] - inputData[i + w*4 + 4];
+         }
+         outputData[(y*w + x)*4 + 3] =3D 255; // alpha
+       }
+     }
+
+     // put the image data back after manipulation
+     context.putImageDataHD(output, 0, 0);
+   }
+  &amp;lt;/script&amp;gt;
+ &amp;lt;/head&amp;gt;
+ &amp;lt;body onload=3D&quot;init()&quot;&amp;gt;
+  &amp;lt;canvas&amp;gt;&amp;lt;/canvas&amp;gt;
+ &amp;lt;/body&amp;gt;
+&amp;lt;/html&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+
+  &lt;h6 id=3Dcompositing&gt;&lt;span class=3Dsecno&gt;4.12.4.2.17 &lt;/=
span&gt;Compositing&lt;/h6&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;c=
ontext&lt;/var&gt; . &lt;code title=3Ddom-context-2d-globalAlpha&gt;&lt;a=
 href=3D#dom-context-2d-globalalpha&gt;globalAlpha&lt;/a&gt;&lt;/code&gt;=
 [ =3D &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current alpha value applied to rendering operat=
ions.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the alpha value. Values outside of th=
e range 0.0 .. 1.0 are
+    ignored.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-globalCompositeOperation&gt;&lt;a href=3D#dom-=
context-2d-globalcompositeoperation&gt;globalCompositeOperation&lt;/a&gt;=
&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; ]&l=
t;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current composition operation, from the values =
defined in the Compositing and
+    Blending specification. &lt;a href=3D#refsCOMPOSITE&gt;[COMPOSITE]&l=
t;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the composition operation. Unknown va=
lues are ignored.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;All drawing operations are affected by the global compositing=
 attributes, &lt;code title=3Ddom-context-2d-globalAlpha&gt;&lt;a href=3D=
#dom-context-2d-globalalpha&gt;globalAlpha&lt;/a&gt;&lt;/code&gt; and &lt=
;code title=3Ddom-context-2d-globalCompositeOperation&gt;&lt;a href=3D#do=
m-context-2d-globalcompositeoperation&gt;globalCompositeOperation&lt;/a&g=
t;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;!-- conformance criteria for painting are described in the &quot;d=
rawing model&quot; section below --&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-globalalpha title=3Ddom-conte=
xt-2d-globalAlpha&gt;&lt;code&gt;globalAlpha&lt;/code&gt;&lt;/dfn&gt; att=
ribute gives an
+  alpha value that is applied to shapes and images before they are compo=
sited onto the &lt;a href=3D#scratch-bitmap&gt;scratch
+  bitmap&lt;/a&gt;. The value must be in the range from 0.0 (fully trans=
parent) to 1.0 (no additional
+  transparency). If an attempt is made to set the attribute to a value o=
utside this range, including
+  Infinity and Not-a-Number (NaN) values, the attribute must retain its =
previous value. When the
+  context is created, the &lt;code title=3Ddom-context-2d-globalAlpha&gt=
;&lt;a href=3D#dom-context-2d-globalalpha&gt;globalAlpha&lt;/a&gt;&lt;/co=
de&gt; attribute must
+  initially have the value 1.0.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-globalcompositeoperation titl=
e=3Ddom-context-2d-globalCompositeOperation&gt;&lt;code&gt;globalComposit=
eOperation&lt;/code&gt;&lt;/dfn&gt;
+  attribute sets the current composition operator, which controls how sh=
apes and images are drawn
+  onto the &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt;, onc=
e they have had &lt;code title=3Ddom-context-2d-globalAlpha&gt;&lt;a href=
=3D#dom-context-2d-globalalpha&gt;globalAlpha&lt;/a&gt;&lt;/code&gt; and =
the current transformation matrix
+  applied. The possible values are those defined in the Compositing and =
Blending specification. &lt;a href=3D#refsCOMPOSITE&gt;[COMPOSITE]&lt;/a&=
gt;&lt;/p&gt;
+
+  &lt;p&gt;These values are all case-sensitive &amp;mdash; they must be =
used exactly as defined. User agents
+  must not recognize values that are not a &lt;a href=3D#case-sensitive&=
gt;case-sensitive&lt;/a&gt; match for one of the values
+  given in the Compositing and Blending specification. &lt;a href=3D#ref=
sCOMPOSITE&gt;[COMPOSITE]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;On setting, if the user agent does not recognize the specifie=
d value, it must be ignored,
+  leaving the value of &lt;code title=3Ddom-context-2d-globalCompositeOp=
eration&gt;&lt;a href=3D#dom-context-2d-globalcompositeoperation&gt;globa=
lCompositeOperation&lt;/a&gt;&lt;/code&gt; unaffected.
+  Otherwise, the attribute must be set to the given new value.&lt;/p&gt;
+
+  &lt;p&gt;When the context is created, the &lt;code title=3Ddom-context=
-2d-globalCompositeOperation&gt;&lt;a href=3D#dom-context-2d-globalcompos=
iteoperation&gt;globalCompositeOperation&lt;/a&gt;&lt;/code&gt; attribute=
 must
+  initially have the value &lt;code&gt;source-over&lt;/code&gt;.&lt;/p&g=
t;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h6 id=3Dimage-smoothing&gt;&lt;span class=3Dsecno&gt;4.12.4.2.18 &=
lt;/span&gt;Image smoothing&lt;/h6&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;c=
ontext&lt;/var&gt; . &lt;code title=3Ddom-context-2d-imageSmoothingEnable=
d&gt;&lt;a href=3D#dom-context-2d-imagesmoothingenabled&gt;imageSmoothing=
Enabled&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quot;&gt;valu=
e&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns whether pattern fills and the &lt;code title=3Ddom-=
context-2d-drawImage&gt;&lt;a href=3D#dom-context-2d-drawimage&gt;drawIma=
ge()&lt;/a&gt;&lt;/code&gt; method will attempt to smooth images if
+    their pixels don't line up exactly with the display, when scaling im=
ages up.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change whether images are smoothed (true) or=
 not (false).&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-imagesmoothingenabled title=3D=
dom-context-2d-imageSmoothingEnabled&gt;&lt;code&gt;imageSmoothingEnabled=
&lt;/code&gt;&lt;/dfn&gt;
+  attribute, on getting, must return the last value it was set to. On se=
tting, it must be set to the
+  new value. When the &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d=
&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object is created, th=
e attribute must be
+  set to true.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h6 id=3Dshadows&gt;&lt;span class=3Dsecno&gt;4.12.4.2.19 &lt;/span=
&gt;&lt;dfn&gt;Shadows&lt;/dfn&gt;&lt;/h6&gt;
+
+  &lt;p&gt;All drawing operations are affected by the four global shadow=
 attributes.&lt;/p&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;c=
ontext&lt;/var&gt; . &lt;code title=3Ddom-context-2d-shadowColor&gt;&lt;a=
 href=3D#dom-context-2d-shadowcolor&gt;shadowColor&lt;/a&gt;&lt;/code&gt;=
 [ =3D &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current shadow color.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the shadow color. Values that cannot =
be parsed as CSS colors are ignored.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-shadowOffsetX&gt;&lt;a href=3D#dom-context-2d-=
shadowoffsetx&gt;shadowOffsetX&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=
=3D&quot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-shadowOffsetY&gt;&lt;a href=3D#dom-context-2d-=
shadowoffsety&gt;shadowOffsetY&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=
=3D&quot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current shadow offset.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the shadow offset. Values that are no=
t finite numbers are ignored.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; . &lt;c=
ode title=3Ddom-context-2d-shadowBlur&gt;&lt;a href=3D#dom-context-2d-sha=
dowblur&gt;shadowBlur&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;=
&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current level of blur applied to shadows.&lt;/p=
&gt;
+
+    &lt;p&gt;Can be set, to change the blur level. Values that are not f=
inite numbers greater than or
+    equal to zero are ignored.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-shadowcolor title=3Ddom-conte=
xt-2d-shadowColor&gt;&lt;code&gt;shadowColor&lt;/code&gt;&lt;/dfn&gt; att=
ribute sets the
+  color of the shadow.&lt;/p&gt;
+
+  &lt;p&gt;When the context is created, the &lt;code title=3Ddom-context=
-2d-shadowColor&gt;&lt;a href=3D#dom-context-2d-shadowcolor&gt;shadowColo=
r&lt;/a&gt;&lt;/code&gt;
+  attribute initially must be fully-transparent black.&lt;/p&gt;
+
+  &lt;p&gt;On getting, the &lt;a href=3D#serialization-of-a-color title=3D=
&quot;serialization of a color&quot;&gt;serialization of the color&lt;/a&=
gt; must
+  be returned.&lt;/p&gt;
+
+  &lt;p&gt;On setting, the new value must be &lt;a href=3D#parsed-as-a-c=
ss-color-value&gt;parsed as a CSS &amp;lt;color&amp;gt; value&lt;/a&gt; a=
nd the
+  color assigned. If the value cannot be parsed as a CSS &amp;lt;color&a=
mp;gt; value then it must be
+  ignored, and the attribute must retain its previous value. &lt;a href=3D=
#refsCSSCOLOR&gt;[CSSCOLOR]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-shadowoffsetx title=3Ddom-con=
text-2d-shadowOffsetX&gt;&lt;code&gt;shadowOffsetX&lt;/code&gt;&lt;/dfn&g=
t; and &lt;dfn id=3Ddom-context-2d-shadowoffsety title=3Ddom-context-2d-s=
hadowOffsetY&gt;&lt;code&gt;shadowOffsetY&lt;/code&gt;&lt;/dfn&gt; attrib=
utes specify the
+  distance that the shadow will be offset in the positive horizontal and=
 positive vertical distance
+  respectively. Their values are in coordinate space units. They are not=
 affected by the current
+  transformation matrix.&lt;/p&gt;
+
+  &lt;p&gt;When the context is created, the shadow offset attributes mus=
t initially have the value
+  &lt;code&gt;0&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p&gt;On getting, they must return their current value. On setting,=
 the attribute being set must be
+  set to the new value, except if the value is infinite or NaN, in which=
 case the new value must be
+  ignored.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-context-2d-shadowblur title=3Ddom-contex=
t-2d-shadowBlur&gt;&lt;code&gt;shadowBlur&lt;/code&gt;&lt;/dfn&gt; attrib=
ute specifies
+  the level of the blurring effect. (The units do not map to coordinate =
space units, and are not
+  affected by the current transformation matrix.)&lt;/p&gt;
+
+  &lt;p&gt;When the context is created, the &lt;code title=3Ddom-context=
-2d-shadowBlur&gt;&lt;a href=3D#dom-context-2d-shadowblur&gt;shadowBlur&l=
t;/a&gt;&lt;/code&gt;
+  attribute must initially have the value &lt;code&gt;0&lt;/code&gt;.&lt=
;/p&gt;
+
+  &lt;p&gt;On getting, the attribute must return its current value. On s=
etting the attribute must be set
+  to the new value, except if the value is negative, infinite or NaN, in=
 which case the new value
+  must be ignored.&lt;/p&gt;
+
+  &lt;p&gt;&lt;dfn id=3Dwhen-shadows-are-drawn title=3D&quot;when shadow=
s are drawn&quot;&gt;Shadows are only drawn if&lt;/dfn&gt; the opacity co=
mponent of
+  the alpha component of the color of &lt;code title=3Ddom-context-2d-sh=
adowColor&gt;&lt;a href=3D#dom-context-2d-shadowcolor&gt;shadowColor&lt;/=
a&gt;&lt;/code&gt; is
+  non-zero and either the &lt;code title=3Ddom-context-2d-shadowBlur&gt;=
&lt;a href=3D#dom-context-2d-shadowblur&gt;shadowBlur&lt;/a&gt;&lt;/code&=
gt; is non-zero, or
+  the &lt;code title=3Ddom-context-2d-shadowOffsetX&gt;&lt;a href=3D#dom=
-context-2d-shadowoffsetx&gt;shadowOffsetX&lt;/a&gt;&lt;/code&gt; is non-=
zero, or the &lt;code title=3Ddom-context-2d-shadowOffsetY&gt;&lt;a href=3D=
#dom-context-2d-shadowoffsety&gt;shadowOffsetY&lt;/a&gt;&lt;/code&gt; is =
non-zero.&lt;/p&gt;
+
+  &lt;p class=3Dcritical&gt;It is likely that this will change: browser =
vendors have indicated an interest
+  in changing the processing model for shadows such that they only draw =
when the composition
+  operator is &quot;source-over&quot; (the default). &lt;a href=3Dhttp:/=
/lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2011-May/thread.html#31457&=
gt;Read
+  more...&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;&lt;a href=3D#when-shadows-are-drawn&gt;When shadows are draw=
n&lt;/a&gt;, they must be rendered as follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;A&lt;=
/var&gt; be an infinite transparent black bitmap on which the source
+   image for which a shadow is being created has been rendered.&lt;/li&g=
t;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt; =
be an infinite transparent black bitmap, with a coordinate
+   space and an origin identical to &lt;var title=3D&quot;&quot;&gt;A&lt=
;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Copy the alpha channel of &lt;var title=3D&quot;&q=
uot;&gt;A&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;, o=
ffset by &lt;code title=3Ddom-context-2d-shadowOffsetX&gt;&lt;a href=3D#d=
om-context-2d-shadowoffsetx&gt;shadowOffsetX&lt;/a&gt;&lt;/code&gt; in th=
e positive &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;
+   direction, and &lt;code title=3Ddom-context-2d-shadowOffsetY&gt;&lt;a=
 href=3D#dom-context-2d-shadowoffsety&gt;shadowOffsetY&lt;/a&gt;&lt;/code=
&gt; in the positive
+   &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; direction.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;code title=3Ddom-context-2d-shadowBlur&gt;&lt;a href=
=3D#dom-context-2d-shadowblur&gt;shadowBlur&lt;/a&gt;&lt;/code&gt; is gre=
ater than 0:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt; &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;&a=
mp;sigma;&lt;/var&gt; be half the value of &lt;code title=3Ddom-context-2=
d-shadowBlur&gt;&lt;a href=3D#dom-context-2d-shadowblur&gt;shadowBlur&lt;=
/a&gt;&lt;/code&gt;.&lt;/li&gt;
+
+     &lt;li&gt; &lt;p&gt;Perform a 2D Gaussian Blur on &lt;var title=3D&=
quot;&quot;&gt;B&lt;/var&gt;, using &lt;var title=3D&quot;&quot;&gt;&amp;=
sigma;&lt;/var&gt;
+     as the standard deviation.&lt;/p&gt; &lt;!-- wish i could find a re=
ference for this --&gt; &lt;/li&gt;
+
+    &lt;/ol&gt;&lt;p&gt;User agents may limit values of &lt;var title=3D=
&quot;&quot;&gt;&amp;sigma;&lt;/var&gt; to an implementation-specific
+    maximum value to avoid exceeding hardware limitations during the Gau=
ssian blur operation.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set the red, green, and blue components of every p=
ixel in &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt; to the
+   red, green, and blue components (respectively) of the color of &lt;co=
de title=3Ddom-context-2d-shadowColor&gt;&lt;a href=3D#dom-context-2d-sha=
dowcolor&gt;shadowColor&lt;/a&gt;&lt;/code&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Multiply the alpha component of every pixel in &lt=
;var title=3D&quot;&quot;&gt;B&lt;/var&gt; by the alpha
+   component of the color of &lt;code title=3Ddom-context-2d-shadowColor=
&gt;&lt;a href=3D#dom-context-2d-shadowcolor&gt;shadowColor&lt;/a&gt;&lt;=
/code&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;The shadow is in the bitmap &lt;var title=3D&quot;=
&quot;&gt;B&lt;/var&gt;, and is rendered as part of the
+   &lt;a href=3D#drawing-model&gt;drawing model&lt;/a&gt; described belo=
w.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+  &lt;p&gt;If the current composition operation is &lt;code title=3Dgcop=
-copy&gt;copy&lt;/code&gt;, shadows
+  effectively won't render (since the shape will overwrite the shadow).&=
lt;/p&gt;
+
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h6 id=3Ddrawing-model&gt;&lt;span class=3Dsecno&gt;4.12.4.2.20 &lt=
;/span&gt;&lt;dfn&gt;Drawing model&lt;/dfn&gt;&lt;/h6&gt;
+
+  &lt;p&gt;When a shape or image is painted, user agents must follow the=
se steps, in the order given (or
+  act as if they do):&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Render the shape or image onto an infinit=
e transparent black bitmap, creating image &lt;var title=3D&quot;&quot;&g=
t;A&lt;/var&gt;, as described in the previous sections. For shapes, the c=
urrent fill, stroke,
+   and line styles must be honored, and the stroke must itself also be s=
ubjected to the current
+   transformation matrix.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#when-shadows-are-drawn&gt;When shado=
ws are drawn&lt;/a&gt;, render the shadow from image &lt;var title=3D&quo=
t;&quot;&gt;A&lt;/var&gt;,
+   using the current shadow styles, creating image &lt;var title=3D&quot=
;&quot;&gt;B&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#when-shadows-are-drawn&gt;When shado=
ws are drawn&lt;/a&gt;, multiply the alpha component of every pixel in &l=
t;var title=3D&quot;&quot;&gt;B&lt;/var&gt; by &lt;code title=3Ddom-conte=
xt-2d-globalAlpha&gt;&lt;a href=3D#dom-context-2d-globalalpha&gt;globalAl=
pha&lt;/a&gt;&lt;/code&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#when-shadows-are-drawn&gt;When shado=
ws are drawn&lt;/a&gt;, composite &lt;var title=3D&quot;&quot;&gt;B&lt;/v=
ar&gt; within the
+   &lt;a href=3D#clipping-region&gt;clipping region&lt;/a&gt; over the c=
urrent &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt; using the=
 current
+   composition operator.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Multiply the alpha component of every pixel in &lt=
;var title=3D&quot;&quot;&gt;A&lt;/var&gt; by &lt;code title=3Ddom-contex=
t-2d-globalAlpha&gt;&lt;a href=3D#dom-context-2d-globalalpha&gt;globalAlp=
ha&lt;/a&gt;&lt;/code&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Composite &lt;var title=3D&quot;&quot;&gt;A&lt;/va=
r&gt; within the &lt;a href=3D#clipping-region&gt;clipping region&lt;/a&g=
t; over the current
+   &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt; using the cu=
rrent composition operator.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When compositing onto the &lt;a href=3D#scratch-bi=
tmap&gt;scratch bitmap&lt;/a&gt;, pixels that would fall outside of the
+  &lt;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt; must be disca=
rded.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+
+  &lt;h6 id=3Dbest-practices&gt;&lt;span class=3Dsecno&gt;4.12.4.2.21 &l=
t;/span&gt;Best practices&lt;/h6&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;When a canvas is interactive, authors should include focusabl=
e elements in the element's
+  fallback content corresponding to each focusable part of the canvas, a=
s in the &lt;a href=3D#drawCustomFocusRingExample&gt;example above&lt;/a&=
gt;.&lt;/p&gt;
+
+  &lt;p&gt;To indicate which focusable part of the canvas is currently f=
ocused, authors should use the
+  &lt;code title=3Ddom-context-2d-drawSystemFocusRing&gt;&lt;a href=3D#d=
om-context-2d-drawsystemfocusring&gt;drawSystemFocusRing()&lt;/a&gt;&lt;/=
code&gt; method, passing it
+  the element for which a ring is being drawn. This method only draws th=
e focus ring if the element
+  is focused, so that it can simply be called whenever drawing the eleme=
nt, without checking whether
+  the element is focused or not first.&lt;/p&gt;
+
+  &lt;p&gt;Authors should avoid implementing text editing controls using=
 the &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;=
/code&gt; element.
+  Doing so has a large number of disadvantages:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;Mouse placement of the caret has to be reimplement=
ed.&lt;/li&gt;
+
+   &lt;li&gt;Keyboard movement of the caret has to be reimplemented (pos=
sibly across lines, for multiline
+   text input).&lt;/li&gt;
+
+   &lt;li&gt;Scrolling of the text field has to be implemented (horizont=
ally for long lines, vertically
+   for multiline input).&lt;/li&gt;
+
+   &lt;li&gt;Native features such as copy-and-paste have to be reimpleme=
nted.&lt;/li&gt;
+
+   &lt;li&gt;Native features such as spell-checking have to be reimpleme=
nted.&lt;/li&gt;
+
+   &lt;li&gt;Native features such as drag-and-drop have to be reimplemen=
ted.&lt;/li&gt;
+
+   &lt;li&gt;Native features such as page-wide text search have to be re=
implemented.&lt;/li&gt;
+
+   &lt;li&gt;Native features specific to the user, for example custom te=
xt services, have to be
+   reimplemented. This is close to impossible since each user might have=
 different services
+   installed, and there is an unbounded set of possible such services.&l=
t;/li&gt;
+
+   &lt;li&gt;Bidirectional text editing has to be reimplemented.&lt;/li&=
gt;
+
+   &lt;li&gt;For multiline text editing, line wrapping has to be impleme=
nted for all relevant
+   languages.&lt;/li&gt;
+
+   &lt;li&gt;Text selection has to be reimplemented.&lt;/li&gt;
+
+   &lt;li&gt;Dragging of bidirectional text selections has to be reimple=
mented.&lt;/li&gt;
+
+   &lt;li&gt;Platform-native keyboard shortcuts have to be reimplemented=
.&lt;/li&gt;
+
+   &lt;li&gt;Platform-native input method editors (IMEs) have to be reim=
plemented.&lt;/li&gt;
+
+   &lt;li&gt;Undo and redo functionality has to be reimplemented.&lt;/li=
&gt;
+
+   &lt;li&gt;Accessibility features such as magnification following the =
caret or selection have to be
+   reimplemented.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;This is a huge amount of work, and authors are mos=
t strongly encouraged to avoid doing any of
+  it by instead using the &lt;code&gt;&lt;a href=3D#the-input-element&gt=
;input&lt;/a&gt;&lt;/code&gt; element, the &lt;code&gt;&lt;a href=3D#the-=
textarea-element&gt;textarea&lt;/a&gt;&lt;/code&gt; element, or the
+  &lt;code title=3Dattr-contenteditable&gt;&lt;a href=3D#attr-contentedi=
table&gt;contenteditable&lt;/a&gt;&lt;/code&gt; attribute.&lt;/p&gt;
+
+
+  &lt;h6 id=3Dexamples-0&gt;&lt;span class=3Dsecno&gt;4.12.4.2.22 &lt;/s=
pan&gt;Examples&lt;/h6&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+  &lt;p&gt;Here is an example of a script that uses canvas to draw &lt;a=
 href=3D&quot;data:text/html;charset=3Dutf-8;base64,PCFET0NUWVBFIEhUTUw%2=
BDQo8aHRtbCBsYW5nPSJlbiI%2BDQogPGhlYWQ%2BDQogIDx0aXRsZT5QcmV0dHkgR2xvd2lu=
ZyBMaW5lczwvdGl0bGU%2BDQogPC9oZWFkPg0KIDxib2R5Pg0KPGNhbnZhcyB3aWR0aD0iODA=
wIiBoZWlnaHQ9IjQ1MCI%2BPC9jYW52YXM%2BDQo8c2NyaXB0Pg0KDQogdmFyIGNvbnRleHQg=
PSBkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgnY2FudmFzJylbMF0uZ2V0Q29udGV4d=
CgnMmQnKTsNCg0KIHZhciBsYXN0WCA9IGNvbnRleHQuY2FudmFzLndpZHRoICogTWF0aC5yYW=
5kb20oKTsNCiB2YXIgbGFzdFkgPSBjb250ZXh0LmNhbnZhcy5oZWlnaHQgKiBNYXRoLnJhbmR=
vbSgpOw0KIHZhciBodWUgPSAwOw0KIGZ1bmN0aW9uIGxpbmUoKSB7DQogICBjb250ZXh0LnNh=
dmUoKTsNCiAgIGNvbnRleHQudHJhbnNsYXRlKGNvbnRleHQuY2FudmFzLndpZHRoLzIsIGNvb=
nRleHQuY2FudmFzLmhlaWdodC8yKTsNCiAgIGNvbnRleHQuc2NhbGUoMC45LCAwLjkpOw0KIC=
AgY29udGV4dC50cmFuc2xhdGUoLWNvbnRleHQuY2FudmFzLndpZHRoLzIsIC1jb250ZXh0LmN=
hbnZhcy5oZWlnaHQvMik7DQogICBjb250ZXh0LmJlZ2luUGF0aCgpOw0KICAgY29udGV4dC5s=
aW5lV2lkdGggPSA1ICsgTWF0aC5yYW5kb20oKSAqIDEwOw0KICAgY29udGV4dC5tb3ZlVG8ob=
GFzdFgsIGxhc3RZKTsNCiAgIGxhc3RYID0gY29udGV4dC5jYW52YXMud2lkdGggKiBNYXRoLn=
JhbmRvbSgpOw0KICAgbGFzdFkgPSBjb250ZXh0LmNhbnZhcy5oZWlnaHQgKiBNYXRoLnJhbmR=
vbSgpOw0KICAgY29udGV4dC5iZXppZXJDdXJ2ZVRvKGNvbnRleHQuY2FudmFzLndpZHRoICog=
TWF0aC5yYW5kb20oKSwNCiAgICAgICAgICAgICAgICAgICAgICAgICBjb250ZXh0LmNhbnZhc=
y5oZWlnaHQgKiBNYXRoLnJhbmRvbSgpLA0KICAgICAgICAgICAgICAgICAgICAgICAgIGNvbn=
RleHQuY2FudmFzLndpZHRoICogTWF0aC5yYW5kb20oKSwNCiAgICAgICAgICAgICAgICAgICA=
gICAgICBjb250ZXh0LmNhbnZhcy5oZWlnaHQgKiBNYXRoLnJhbmRvbSgpLA0KICAgICAgICAg=
ICAgICAgICAgICAgICAgIGxhc3RYLCBsYXN0WSk7DQoNCiAgIGh1ZSA9IGh1ZSArIDEwICogT=
WF0aC5yYW5kb20oKTsNCiAgIGNvbnRleHQuc3Ryb2tlU3R5bGUgPSAnaHNsKCcgKyBodWUgKy=
AnLCA1MCUsIDUwJSknOw0KICAgY29udGV4dC5zaGFkb3dDb2xvciA9ICd3aGl0ZSc7DQogICB=
jb250ZXh0LnNoYWRvd0JsdXIgPSAxMDsNCiAgIGNvbnRleHQuc3Ryb2tlKCk7DQogICBjb250=
ZXh0LnJlc3RvcmUoKTsNCiB9DQogc2V0SW50ZXJ2YWwobGluZSwgNTApOw0KDQogZnVuY3Rpb=
24gYmxhbmsoKSB7DQogICBjb250ZXh0LmZpbGxTdHlsZSA9ICdyZ2JhKDAsMCwwLDAuMSknOw=
0KICAgY29udGV4dC5maWxsUmVjdCgwLCAwLCBjb250ZXh0LmNhbnZhcy53aWR0aCwgY29udGV=
4dC5jYW52YXMuaGVpZ2h0KTsNCiB9DQogc2V0SW50ZXJ2YWwoYmxhbmssIDQwKTsNCg0KPC9z=
Y3JpcHQ%2BDQogPC9ib2R5Pg0KPC9odG1sPg0K&quot;&gt;pretty glowing lines&lt;/=
a&gt;.&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;canvas width=3D&quot;800&quot; height=3D&quot;450&q=
uot;&amp;gt;&amp;lt;/canvas&amp;gt;
+&amp;lt;script&amp;gt;
+
+ var context =3D document.getElementsByTagName('canvas')[0].getContext('=
2d');
+
+ var lastX =3D context.canvas.width * Math.random();
+ var lastY =3D context.canvas.height * Math.random();
+ var hue =3D 0;
+ function line() {
+   context.save();
+   context.translate(context.canvas.width/2, context.canvas.height/2);
+   context.scale(0.9, 0.9);
+   context.translate(-context.canvas.width/2, -context.canvas.height/2);
+   context.beginPath();
+   context.lineWidth =3D 5 + Math.random() * 10;
+   context.moveTo(lastX, lastY);
+   lastX =3D context.canvas.width * Math.random();
+   lastY =3D context.canvas.height * Math.random();
+   context.bezierCurveTo(context.canvas.width * Math.random(),
+                         context.canvas.height * Math.random(),
+                         context.canvas.width * Math.random(),
+                         context.canvas.height * Math.random(),
+                         lastX, lastY);
+
+   hue =3D hue + 10 * Math.random();
+   context.strokeStyle =3D 'hsl(' + hue + ', 50%, 50%)';
+   context.shadowColor =3D 'white';
+   context.shadowBlur =3D 10;
+   context.stroke();
+   context.restore();
+ }
+ setInterval(line, 50);
+
+ function blank() {
+   context.fillStyle =3D 'rgba(0,0,0,0.1)';
+   context.fillRect(0, 0, context.canvas.width, context.canvas.height);
+ }
+ setInterval(blank, 40);
+
+&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The 2D rendering context for &lt;code&gt;&lt;a href=3D#the-c=
anvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; is often used for sprite-b=
ased games. The
+   following example demonstrates this:&lt;/p&gt;
+
+   &lt;iframe src=3D/demos/canvas/blue-robot/index.html width=3D396 heig=
ht=3D216&gt;&lt;/iframe&gt;
+
+   &lt;p&gt;Here is the source for this example:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;title&amp;gt;Blue Robot Demo&amp;lt;/title&amp;gt;
+&amp;lt;base href=3D&quot;http://www.whatwg.org/demos/canvas/blue-robot/=
&quot;&amp;gt;
+&amp;lt;style&amp;gt;
+  html { overflow: hidden; min-height: 200px; min-width: 380px; }
+  body { height: 200px; position: relative; margin: 8px; }
+  .buttons { position: absolute; bottom: 0px; left: 0px; margin: 4px; }
+&amp;lt;/style&amp;gt;
+&amp;lt;canvas width=3D&quot;380&quot; height=3D&quot;200&quot;&amp;gt;&=
amp;lt;/canvas&amp;gt;
+&amp;lt;script&amp;gt;
+ var Landscape =3D function (context, width, height) {
+   this.offset =3D 0;
+   this.width =3D width;
+   this.advance =3D function (dx) {
+     this.offset +=3D dx;
+   };
+   this.horizon =3D height * 0.7;
+   // This creates the sky gradient (from a darker blue to white at the =
bottom)
+   this.sky =3D context.createLinearGradient(0, 0, 0, this.horizon);
+   this.sky.addColorStop(0.0, 'rgb(55,121,179)');
+   this.sky.addColorStop(0.7, 'rgb(121,194,245)');
+   this.sky.addColorStop(1.0, 'rgb(164,200,214)');
+   // this creates the grass gradient (from a darker green to a lighter =
green)
+   this.earth =3D context.createLinearGradient(0, this.horizon, 0, heigh=
t);
+   this.earth.addColorStop(0.0, 'rgb(81,140,20)');
+   this.earth.addColorStop(1.0, 'rgb(123,177,57)');
+   this.paintBackground =3D function (context, width, height) {
+     // first, paint the sky and grass rectangles
+     context.fillStyle =3D this.sky;
+     context.fillRect(0, 0, width, this.horizon);
+     context.fillStyle =3D this.earth;
+     context.fillRect(0, this.horizon, width, height-this.horizon);
+     // then, draw the cloudy banner
+     // we make it cloudy by having the draw text off the top of the
+     // canvas, and just having the blurred shadow shown on the canvas
+     context.save();
+     context.translate(width-((this.offset+(this.width*3.2)) % (this.wid=
th*4.0))+0, 0);
+     context.shadowColor =3D 'white';
+     context.shadowOffsetY =3D 30+this.horizon/3; // offset down on canv=
as
+     context.shadowBlur =3D '5';
+     context.fillStyle =3D 'white';
+     context.textAlign =3D 'left';
+     context.textBaseline =3D 'top';
+     context.font =3D '20px sans-serif';
+     context.fillText('WHATWG ROCKS', 10, -30); // text up above canvas
+     context.restore();    =20
+     // then, draw the background tree
+     context.save();
+     context.translate(width-((this.offset+(this.width*0.2)) % (this.wid=
th*1.5))+30, 0);
+     context.beginPath();
+     context.fillStyle =3D 'rgb(143,89,2)';
+     context.lineStyle =3D 'rgb(10,10,10)';
+     context.lineWidth =3D 2;
+     context.rect(0, this.horizon+5, 10, -50); // trunk
+     context.fill();
+     context.stroke();
+     context.beginPath();
+     context.fillStyle =3D 'rgb(78,154,6)';
+     context.arc(5, this.horizon-60, 30, 0, Math.PI*2); // leaves
+     context.fill();
+     context.stroke();
+     context.restore();
+   };
+   this.paintForeground =3D function (context, width, height) {
+     // draw the box that goes in front
+     context.save();
+     context.translate(width-((this.offset+(this.width*0.7)) % (this.wid=
th*1.1))+0, 0);
+     context.beginPath();
+     context.rect(0, this.horizon - 5, 25, 25);
+     context.fillStyle =3D 'rgb(220,154,94)';
+     context.lineStyle =3D 'rgb(10,10,10)';
+     context.lineWidth =3D 2;
+     context.fill();
+     context.stroke();
+     context.restore();
+   };
+ };
+&amp;lt;/script&amp;gt;
+&amp;lt;script&amp;gt;
+ var BlueRobot =3D function () {
+   this.sprites =3D new Image();
+   this.sprites.src =3D 'blue-robot.png'; // this sprite sheet has 8 cel=
ls
+   this.targetMode =3D 'idle';
+   this.walk =3D function () {
+     this.targetMode =3D 'walk';
+   };
+   this.stop =3D function () {
+     this.targetMode =3D 'idle';
+   };
+   this.frameIndex =3D {
+     'idle': [0], // first cell is the idle frame
+     'walk': [1,2,3,4,5,6], // the walking animation is cells 1-6
+     'stop': [7], // last cell is the stopping animation
+   };
+   this.mode =3D 'idle';
+   this.frame =3D 0; // index into frameIndex
+   this.tick =3D function () {
+     // this advances the frame and the robot
+     // the return value is how many pixels the robot has moved
+     this.frame +=3D 1;
+     if (this.frame &amp;gt;=3D this.frameIndex[this.mode].length) {
+       // we've reached the end of this animation cycle
+       this.frame =3D 0;
+       if (this.mode !=3D this.targetMode) {
+         // switch to next cycle
+         if (this.mode =3D=3D 'walk') {
+           // we need to stop walking before we decide what to do next
+           this.mode =3D 'stop';
+         } else if (this.mode =3D=3D 'stop') {
+           if (this.targetMode =3D=3D 'walk')
+             this.mode =3D 'walk';
+           else
+             this.mode =3D 'idle';
+         } else if (this.mode =3D=3D 'idle') {
+           if (this.targetMode =3D=3D 'walk')
+             this.mode =3D 'walk';
+         }
+       }
+     }
+     if (this.mode =3D=3D 'walk')
+       return 8;
+     return 0;
+   },
+   this.paint =3D function (context, x, y) {
+     if (!this.sprites.complete) return;
+     // draw the right frame out of the sprite sheet onto the canvas
+     // we assume each frame is as high as the sprite sheet
+     // the x,y coordinates give the position of the bottom center of th=
e sprite
+     context.drawImage(this.sprites,
+                       this.frameIndex[this.mode][this.frame] * this.spr=
ites.height, 0, this.sprites.height, this.sprites.height,
+                       x-this.sprites.height/2, y-this.sprites.height, t=
his.sprites.height, this.sprites.height);
+   };
+ };
+&amp;lt;/script&amp;gt;
+&amp;lt;script&amp;gt;
+ var canvas =3D document.getElementsByTagName('canvas')[0];
+ var context =3D canvas.getContext('2d');
+ var landscape =3D new Landscape(context, canvas.width, canvas.height);
+ var blueRobot =3D new BlueRobot();
+ // paint when the browser wants us to, using requestAnimationFrame()
+ function paint() {
+   context.clearRect(0, 0, canvas.width, canvas.height);
+   landscape.paintBackground(context, canvas.width, canvas.height);
+   blueRobot.paint(context, canvas.width/2, landscape.horizon*1.1);
+   landscape.paintForeground(context, canvas.width, canvas.height);
+   requestAnimationFrame(paint);
+ }
+ paint();
+ // but tick every 150ms, so that we don't slow down when we don't paint
+ setInterval(function () {
+   var dx =3D blueRobot.tick();
+   landscape.advance(dx);
+ }, 100);
+&amp;lt;/script&amp;gt;
+&amp;lt;p class=3D&quot;buttons&quot;&amp;gt;
+ &amp;lt;input type=3Dbutton value=3D&quot;Walk&quot; onclick=3D&quot;bl=
ueRobot.walk()&quot;&amp;gt;
+ &amp;lt;input type=3Dbutton value=3D&quot;Stop&quot; onclick=3D&quot;bl=
ueRobot.stop()&quot;&amp;gt;
+&amp;lt;footer&amp;gt;
+ &amp;lt;small&amp;gt; Blue Robot Player Sprite by &amp;lt;a href=3D&quo=
t;http://johncolburn.deviantart.com/&quot;&amp;gt;JohnColburn&amp;lt;/a&a=
mp;gt;.
+ Licensed under the terms of the Creative Commons Attribution Share-Alik=
e 3.0 Unported license.&amp;lt;/small&amp;gt;
+ &amp;lt;small&amp;gt; This work is itself licensed under a &amp;lt;a re=
l=3D&quot;license&quot; href=3D&quot;http://creativecommons.org/licenses/=
by-sa/3.0/&quot;&amp;gt;Creative
+ Commons Attribution-ShareAlike 3.0 Unported License&amp;lt;/a&amp;gt;.&=
amp;lt;/small&amp;gt;
+&amp;lt;/footer&amp;gt;
+&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+ =20
+
+
+  &lt;h5 id=3Dpixel-density&gt;&lt;span class=3Dsecno&gt;4.12.4.3 &lt;/s=
pan&gt;Pixel density&lt;/h5&gt;
+
+  &lt;p&gt;The user agent may use any square pixel density for the bitma=
ps of a &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&=
lt;/code&gt; and
+  its rendering contexts. Once a &lt;code&gt;&lt;a href=3D#the-canvas-el=
ement&gt;canvas&lt;/a&gt;&lt;/code&gt; has a bitmap, that canvas must kee=
p its
+  resolution for its lifetime.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;In general, user agents are encouraged to use a =
pixel density equal to the screen
+  pixel density. Ideally, the number of device pixels per CSS pixel woul=
d be a multiple of two.
+  Several factors can affect the screen pixel density: most prominently =
the actual display pixel
+  density, but also important is the current zoom level.&lt;/p&gt;
+
+  &lt;p&gt;All the bitmaps created during a single &lt;a href=3D#concept=
-task title=3Dconcept-task&gt;task&lt;/a&gt; for
+  &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/c=
ode&gt; elements and &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&g=
t;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; objects must have the s=
ame
+  pixel density.
+  &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot;=
fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fin=
gerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&qu=
ot; height=3D64&gt;&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;partial interface &lt;a href=3D#screen id=3DScr=
een-partial&gt;Screen&lt;/a&gt; {
+  readonly attribute double &lt;a href=3D#dom-screen-canvasresolution ti=
tle=3Ddom-screen-canvasResolution&gt;canvasResolution&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;w=
indow&lt;/var&gt; . &lt;code title=3Ddom-Window-screen&gt;screen&lt;/code=
&gt; . &lt;code title=3Ddom-screen-canvasResolution&gt;&lt;a href=3D#dom-=
screen-canvasresolution&gt;canvasResolution&lt;/a&gt;&lt;/code&gt;&lt;/dt=
&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the pixel density that has been, or will be, used f=
or bitmaps during this &lt;a href=3D#concept-task title=3Dconcept-task&gt=
;task&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-screen-canvasresolution title=3Ddom-scre=
en-canvasResolution&gt;&lt;code&gt;canvasResolution&lt;/code&gt;&lt;/dfn&=
gt; attribute of
+  the &lt;code&gt;&lt;a href=3D#screen&gt;Screen&lt;/a&gt;&lt;/code&gt; =
object must return the pixel density, in image pixels per coordinate spac=
e
+  units, that any &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas=
&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#canvasrenderingcont=
ext2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; bitmaps created
+  during this &lt;a href=3D#concept-task title=3Dconcept-task&gt;task&lt=
;/a&gt; will use (or have used). &lt;a href=3D#refsCSSOMVIEW&gt;[CSSOMVIE=
W]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dcolor-spaces-and-color-correction&gt;&lt;span class=3Dsecn=
o&gt;4.12.4.4 &lt;/span&gt;Color spaces and color correction&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt=
;/a&gt;&lt;/code&gt; APIs must perform color correction at only two point=
s: when rendering
+  images with their own gamma correction and color space information ont=
o a bitmap, to convert the
+  image to the color space used by the bitmaps (e.g. using the 2D Contex=
t's &lt;code title=3Ddom-context-2d-drawImage&gt;&lt;a href=3D#dom-contex=
t-2d-drawimage&gt;drawImage()&lt;/a&gt;&lt;/code&gt; method with an &lt;c=
ode&gt;&lt;a href=3D#htmlimageelement&gt;HTMLImageElement&lt;/a&gt;&lt;/c=
ode&gt;
+  object), and when rendering the actual canvas bitmap to the output dev=
ice.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Thus, in the 2D context, colors used to draw sha=
pes onto the canvas will exactly
+  match colors obtained through the &lt;code title=3Ddom-context-2d-getI=
mageDataHD&gt;&lt;a href=3D#dom-context-2d-getimagedatahd&gt;getImageData=
HD()&lt;/a&gt;&lt;/code&gt; method.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-canvas-toDataURL&gt;&lt;a href=3D#do=
m-canvas-todataurl&gt;toDataURL()&lt;/a&gt;&lt;/code&gt; and &lt;code tit=
le=3Ddom-canvas-toDataURLHD&gt;&lt;a href=3D#dom-canvas-todataurlhd&gt;to=
DataURLHD()&lt;/a&gt;&lt;/code&gt; methods must not include color space
+  information in the resources they return. Where the output format allo=
ws it, the color of pixels
+  in resources created by &lt;code title=3Ddom-canvas-toDataURL&gt;&lt;a=
 href=3D#dom-canvas-todataurl&gt;toDataURL()&lt;/a&gt;&lt;/code&gt; must =
match those
+  returned by the &lt;code title=3Ddom-context-2d-getImageData&gt;&lt;a =
href=3D#dom-context-2d-getimagedata&gt;getImageData()&lt;/a&gt;&lt;/code&=
gt; method, and the
+  color of pixels in resources created by &lt;code title=3Ddom-canvas-to=
DataURLHD&gt;&lt;a href=3D#dom-canvas-todataurlhd&gt;toDataURLHD()&lt;/a&=
gt;&lt;/code&gt;
+  must match those returned by the &lt;code title=3Ddom-context-2d-getIm=
ageDataHD&gt;&lt;a href=3D#dom-context-2d-getimagedatahd&gt;getImageDataH=
D()&lt;/a&gt;&lt;/code&gt; method.&lt;/p&gt;
+
+  &lt;p&gt;In user agents that support CSS, the color space used by a &l=
t;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&g=
t; element must
+  match the color space used for processing any colors for that element =
in CSS.&lt;/p&gt;
+
+  &lt;p&gt;The gamma correction and color space information of images mu=
st be handled in such a way that
+  an image rendered directly using an &lt;code&gt;&lt;a href=3D#the-img-=
element&gt;img&lt;/a&gt;&lt;/code&gt; element would use the same colors a=
s one
+  painted on a &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt=
;/a&gt;&lt;/code&gt; element that is then itself rendered. Furthermore, t=
he rendering
+  of images that have no color correction information (such as those ret=
urned by the &lt;code title=3Ddom-canvas-toDataURL&gt;&lt;a href=3D#dom-c=
anvas-todataurl&gt;toDataURL()&lt;/a&gt;&lt;/code&gt; method) must be ren=
dered with no color
+  correction.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Thus, in the 2D context, calling the &lt;code ti=
tle=3Ddom-context-2d-drawImage&gt;&lt;a href=3D#dom-context-2d-drawimage&=
gt;drawImage()&lt;/a&gt;&lt;/code&gt; method to render the output of the =
&lt;code title=3Ddom-canvas-toDataURLHD&gt;&lt;a href=3D#dom-canvas-todat=
aurlhd&gt;toDataURLHD()&lt;/a&gt;&lt;/code&gt; method to the canvas, give=
n the appropriate
+  dimensions, has no visible effect.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h5 id=3Dserializing-bitmaps-to-a-file&gt;&lt;span class=3Dsecno&gt=
;4.12.4.5 &lt;/span&gt;Serializing bitmaps to a file&lt;/h5&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When a user agent is to create &lt;dfn id=3Da-serialization-o=
f-the-bitmap-as-a-file&gt;a serialization of the bitmap as a file&lt;/dfn=
&gt;, optionally
+  with some given &lt;var title=3D&quot;&quot;&gt;arguments&lt;/var&gt;,=
 and optionally with a &lt;var title=3D&quot;&quot;&gt;native&lt;/var&gt;
+  flag set, it must create an image file in the format given by the firs=
t value of &lt;var title=3D&quot;&quot;&gt;arguments&lt;/var&gt;, or, if =
there are no &lt;var title=3D&quot;&quot;&gt;arguments&lt;/var&gt;, in th=
e PNG format. &lt;a href=3D#refsPNG&gt;[PNG]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;native&lt;/var&gt; fla=
g is set, or if the bitmap has one pixel per coordinate
+  space unit, then the image file must have the same pixel data (before =
compression, if applicable)
+  as the bitmap, and if the file format used supports encoding resolutio=
n metadata, the resolution
+  of that bitmap (device pixels per coordinate space units being interpr=
eted as image pixels per CSS
+  pixel) must be given as well.&lt;/p&gt;
+
+  &lt;p&gt;Otherwise, the image file's pixel data must be the bitmap's p=
ixel data scaled to one image
+  pixel per coordinate space unit, and if the file format used supports =
encoding resolution
+  metadata, the resolution must be given as 96dpi (one image pixel per C=
SS pixel).&lt;/p&gt;
+
+  &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;arguments&lt;/var&gt; is n=
ot empty, the first value must be interpreted as a &lt;a href=3D#mime-typ=
e title=3D&quot;MIME type&quot;&gt;MIME type&lt;/a&gt; giving the format =
to use. If the type has any parameters, it
+  must be treated as not supported.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;For example, the value &quot;&lt;code&gt;imag=
e/png&lt;/code&gt;&quot; would mean to generate a PNG
+  image, the value &quot;&lt;code&gt;image/jpeg&lt;/code&gt;&quot; would=
 mean to generate a JPEG image, and the value
+  &quot;&lt;code&gt;image/svg+xml&lt;/code&gt;&quot; would mean to gener=
ate an SVG image (which would require that the
+  user agent track how the bitmap was generated, an unlikely, though pot=
entially awesome,
+  feature).&lt;/p&gt;
+
+  &lt;p&gt;User agents must support PNG (&quot;&lt;code&gt;image/png&lt;=
/code&gt;&quot;). User agents may support other types.
+  If the user agent does not support the requested type, it must create =
the file using the PNG
+  format. &lt;a href=3D#refsPNG&gt;[PNG]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;User agents must &lt;a href=3D#converted-to-ascii-lowercase t=
itle=3D&quot;converted to ASCII lowercase&quot;&gt;convert the provided t=
ype to ASCII
+  lowercase&lt;/a&gt; before establishing if they support that type.&lt;=
/p&gt;
+
+  &lt;p&gt;For image types that do not support an alpha channel, the ser=
ialized image must be the bitmap
+  image composited onto a solid black background using the source-over o=
perator.&lt;/p&gt;
+
+  &lt;p&gt;If the first argument in &lt;var title=3D&quot;&quot;&gt;argu=
ments&lt;/var&gt; gives a type corresponding to one of the
+  types given in the first column of the following table, and the user a=
gent supports that type,
+  then the subsequent arguments, if any, must be treated as described in=
 the second cell of that
+  row.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;table id=3Dcanvas-serialization-arguments&gt;&lt;caption&gt;Argume=
nts for serialization methods&lt;/caption&gt;
+   &lt;thead&gt;&lt;tr&gt;&lt;th&gt; Type &lt;th&gt; Other arguments &lt=
;th&gt; Reference
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt; &lt;code&gt;image/jpeg&lt;/code&gt;
+     &lt;td&gt; The second argument&lt;span class=3Dimpl&gt;, if it&lt;/=
span&gt; is a number in the range 0.0 to 1.0
+     inclusive&lt;span class=3Dimpl&gt;, must be&lt;/span&gt; treated as=
 the desired quality level. &lt;span class=3Dimpl&gt;If it is not a numbe=
r or is outside that range, the user agent must use its
+     default value, as if the argument had been omitted.&lt;/span&gt;
+     &lt;td&gt; &lt;a href=3D#refsJPEG&gt;[JPEG]&lt;/a&gt;
+  &lt;/table&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;For the purposes of these rules, an argument is considered to=
 be a number if it is converted to
+  an IDL double value by the rules for handling arguments of type &lt;co=
de title=3D&quot;&quot;&gt;any&lt;/code&gt; in the
+  Web IDL specification. &lt;a href=3D#refsWEBIDL&gt;[WEBIDL]&lt;/a&gt;&=
lt;/p&gt;
+
+  &lt;p&gt;Other arguments must be ignored and must not cause the user a=
gent to throw an exception. A
+  future version of this specification will probably define other parame=
ters to be passed to these
+  methods to allow authors to more carefully control compression setting=
s, image metadata, etc.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+&lt;!--ADD-TOPIC:Security--&gt;
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dsecurity-with-canvas-elements&gt;&lt;span class=3Dsecno&gt=
;4.12.4.6 &lt;/span&gt;Security with &lt;code&gt;&lt;a href=3D#the-canvas=
-element&gt;canvas&lt;/a&gt;&lt;/code&gt; elements&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Information leakage&lt;/strong&gt; can occur if=
 scripts from one &lt;a href=3D#origin&gt;origin&lt;/a&gt; can
+  access information (e.g. read pixels) from images from another origin =
(one that isn't the &lt;a href=3D#same-origin title=3D&quot;same origin&q=
uot;&gt;same&lt;/a&gt;).&lt;/p&gt;
+
+  &lt;p&gt;To mitigate this, bitmaps used with &lt;code&gt;&lt;a href=3D=
#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; elements are defined=
 to have a flag
+  indicating whether they are &lt;a href=3D#concept-canvas-origin-clean =
title=3Dconcept-canvas-origin-clean&gt;origin-clean&lt;/a&gt;. All
+  bitmaps start with their &lt;a href=3D#concept-canvas-origin-clean tit=
le=3Dconcept-canvas-origin-clean&gt;origin-clean&lt;/a&gt; set to
+  true. The flag is set to false when cross-origin images or fonts are u=
sed.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-canvas-toDataURL&gt;&lt;a href=3D#do=
m-canvas-todataurl&gt;toDataURL()&lt;/a&gt;&lt;/code&gt;, &lt;code title=3D=
dom-canvas-toDataURLHD&gt;&lt;a href=3D#dom-canvas-todataurlhd&gt;toDataU=
RLHD()&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-canvas-toBlob&gt;&lt;=
a href=3D#dom-canvas-toblob&gt;toBlob()&lt;/a&gt;&lt;/code&gt;, &lt;code =
title=3Ddom-context-2d-getImageData&gt;&lt;a href=3D#dom-context-2d-getim=
agedata&gt;getImageData()&lt;/a&gt;&lt;/code&gt;, and &lt;code title=3Ddo=
m-context-2d-getImageDataHD&gt;&lt;a href=3D#dom-context-2d-getimagedatah=
d&gt;getImageDataHD()&lt;/a&gt;&lt;/code&gt; methods check the flag and w=
ill
+  throw a &lt;code&gt;&lt;a href=3D#securityerror&gt;SecurityError&lt;/a=
&gt;&lt;/code&gt; exception rather than leak cross-origin data.&lt;/p&gt;
+
+  &lt;p&gt;The flag can be reset in certain situations; for example, whe=
n a
+  &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingC=
ontext2D&lt;/a&gt;&lt;/code&gt; is bound to a new &lt;code&gt;&lt;a href=3D=
#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt;, the bitmap is clear=
ed
+  and its flag reset.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+
+&lt;!--TOPIC:HTML--&gt;
+  &lt;h3 id=3Dcommon-idioms&gt;&lt;span class=3Dsecno&gt;4.13 &lt;/span&=
gt;Common idioms without dedicated elements&lt;/h3&gt;
+
+  &lt;h4 id=3Dthe-main-part-of-the-content&gt;&lt;span class=3Dsecno&gt;=
4.13.1 &lt;/span&gt;The main part of the content&lt;/h4&gt;
+
+  &lt;p&gt;The main content of a page &amp;mdash; not including headers =
and footers, navigation links,
+  sidebars, advertisements, and so forth &amp;mdash; can be marked up in=
 a variety of ways, depending on
+  the needs of the author.&lt;/p&gt;
+
+  &lt;p&gt;The simplest solution is to not mark up the main content at a=
ll, and just leave it as implicit.
+  Another way to think of this is that the &lt;code&gt;&lt;a href=3D#the=
-body-element&gt;body&lt;/a&gt;&lt;/code&gt; elements marks up the main c=
ontent of
+  the page, and the bits that aren't main content are excluded through t=
he use of more appropriate
+  elements like &lt;code&gt;&lt;a href=3D#the-aside-element&gt;aside&lt;=
/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-nav-element&gt;nav&=
lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here is a short Web page marked up along this minimalistic s=
chool of thought. The main content
+   is highlighted. Notice how all the &lt;em&gt;other&lt;/em&gt; content=
 in the &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/=
code&gt; is marked up
+   with elements to indicate that it's not part of the main content, in =
this case
+   &lt;code&gt;&lt;a href=3D#the-header-element&gt;header&lt;/a&gt;&lt;/=
code&gt;, &lt;code&gt;&lt;a href=3D#the-nav-element&gt;nav&lt;/a&gt;&lt;/=
code&gt;, and &lt;code&gt;&lt;a href=3D#the-footer-element&gt;footer&lt;/=
a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;html&amp;gt;
+ &amp;lt;head&amp;gt;
+  &amp;lt;title&amp;gt; My Toys &amp;lt;/title&amp;gt;
+ &amp;lt;/head&amp;gt;
+ &amp;lt;body&amp;gt;
+  &amp;lt;header&amp;gt;
+   &amp;lt;h1&amp;gt;My toys&amp;lt;/h1&amp;gt;
+  &amp;lt;/header&amp;gt;
+  &amp;lt;nav&amp;gt;
+   &amp;lt;p&amp;gt;&amp;lt;a href=3D&quot;/&quot;&amp;gt;Home&amp;lt;/a=
&amp;gt;&amp;lt;/p&amp;gt;
+   &amp;lt;p&amp;gt;&amp;lt;a href=3D&quot;/contact&quot;&amp;gt;Contact=
&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;/nav&amp;gt;
+&lt;strong&gt;  &amp;lt;p&amp;gt;I really like my chained book and my te=
lephone. I'm not such a
+  fan of my big ball.&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;Another toy I like is my mirror.&amp;lt;/p&amp;gt;&lt=
;/strong&gt;
+  &amp;lt;footer&amp;gt;
+   &amp;lt;p&amp;gt;&amp;copy; copyright 2010 by the boy&amp;lt;/p&amp;g=
t;
+  &amp;lt;/footer&amp;gt;
+ &amp;lt;/body&amp;gt;
+&amp;lt;/html&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;If the main content is an independent unit of content that on=
e could imagine syndicating
+  independently, then the &lt;code&gt;&lt;a href=3D#the-article-element&=
gt;article&lt;/a&gt;&lt;/code&gt; element would be appropriate to mark up=
 the main
+  content of the document.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The document in the previous example is here recast as a blo=
g post:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;html&amp;gt;
+ &amp;lt;head&amp;gt;
+  &amp;lt;title&amp;gt; The Boy Blog: My Toys &amp;lt;/title&amp;gt;
+ &amp;lt;/head&amp;gt;
+ &amp;lt;body&amp;gt;
+  &amp;lt;header&amp;gt;
+   &amp;lt;h1&amp;gt;The Boy Blog&amp;lt;/h1&amp;gt;
+  &amp;lt;/header&amp;gt;
+  &amp;lt;nav&amp;gt;
+   &amp;lt;p&amp;gt;&amp;lt;a href=3D&quot;/&quot;&amp;gt;Home&amp;lt;/a=
&amp;gt;&amp;lt;/p&amp;gt;
+   &amp;lt;p&amp;gt;&amp;lt;a href=3D&quot;/contact&quot;&amp;gt;Contact=
&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;/nav&amp;gt;
+&lt;strong&gt;  &amp;lt;article&amp;gt;
+   &amp;lt;header&amp;gt;
+    &amp;lt;h1&amp;gt;My toys&amp;lt;/h1&amp;gt;
+    &amp;lt;p&amp;gt;Published August 4th&amp;lt;/p&amp;gt;
+   &amp;lt;/header&amp;gt;
+   &amp;lt;p&amp;gt;I really like my chained book and my telephone. I'm =
not such a
+   fan of my big ball.&amp;lt;/p&amp;gt;
+   &amp;lt;p&amp;gt;Another toy I like is my mirror.&amp;lt;/p&amp;gt;
+  &amp;lt;/article&amp;gt;&lt;/strong&gt;
+  &amp;lt;footer&amp;gt;
+   &amp;lt;p&amp;gt;&amp;copy; copyright 2010 by the boy&amp;lt;/p&amp;g=
t;
+  &amp;lt;/footer&amp;gt;
+ &amp;lt;/body&amp;gt;
+&amp;lt;/html&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;If the main content is not an independent unit of content so =
much as a section of a larger
+  work, for instance a chapter, then the &lt;code&gt;&lt;a href=3D#the-s=
ection-element&gt;section&lt;/a&gt;&lt;/code&gt; element would be appropr=
iate to mark
+  up the main content of the document.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here is the same document, but as a chapter in an online boo=
k:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;html&amp;gt;
+ &amp;lt;head&amp;gt;
+  &amp;lt;title&amp;gt; Chapter 2: My Toys &amp;mdash; The Book of the B=
oy &amp;lt;/title&amp;gt;
+ &amp;lt;/head&amp;gt;
+ &amp;lt;body&amp;gt;
+  &amp;lt;header&amp;gt;
+   &amp;lt;hgroup&amp;gt;
+    &amp;lt;h1&amp;gt;The Book of the Boy&amp;lt;/h1&amp;gt;
+    &amp;lt;h2&amp;gt;A book about boy stuff&amp;lt;/h2&amp;gt;
+   &amp;lt;/hgroup&amp;gt;
+  &amp;lt;/header&amp;gt;
+  &amp;lt;nav&amp;gt;
+   &amp;lt;p&amp;gt;&amp;lt;a href=3D&quot;/&quot;&amp;gt;Front Page&amp=
;lt;/a&amp;gt;&amp;lt;/p&amp;gt;
+   &amp;lt;p&amp;gt;&amp;lt;a href=3D&quot;/toc&quot;&amp;gt;Table of Co=
ntents&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;
+   &amp;lt;p&amp;gt;&amp;lt;a href=3D&quot;/c1&quot;&amp;gt;Chapter 1&am=
p;lt;/a&amp;gt; &amp;mdash; &amp;lt;a href=3D&quot;/c3&quot;&amp;gt;Chapt=
er 3&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;/nav&amp;gt;
+&lt;strong&gt;  &amp;lt;section&amp;gt;
+   &amp;lt;h1&amp;gt;Chapter 2: My Toys&amp;lt;/h1&amp;gt;
+   &amp;lt;p&amp;gt;I really like my chained book and my telephone. I'm =
not such a
+   fan of my big ball.&amp;lt;/p&amp;gt;
+   &amp;lt;p&amp;gt;Another toy I like is my mirror.&amp;lt;/p&amp;gt;
+  &amp;lt;/section&amp;gt;&lt;/strong&gt;
+ &amp;lt;/body&amp;gt;
+&amp;lt;/html&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;If neither &lt;code&gt;&lt;a href=3D#the-article-element&gt;a=
rticle&lt;/a&gt;&lt;/code&gt; nor &lt;code&gt;&lt;a href=3D#the-section-e=
lement&gt;section&lt;/a&gt;&lt;/code&gt; would be appropriate, but the ma=
in
+  content still needs an explicit element, for example for styling purpo=
ses, then the
+  &lt;code&gt;&lt;a href=3D#the-main-element&gt;main&lt;/a&gt;&lt;/code&=
gt; element can be used.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This is the same as the original example, but using &lt;code=
&gt;&lt;a href=3D#the-main-element&gt;main&lt;/a&gt;&lt;/code&gt; for the=
 main content
+   instead of leaving it implied:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;html&amp;gt;
+ &amp;lt;head&amp;gt;
+  &amp;lt;title&amp;gt; My Toys &amp;lt;/title&amp;gt;
+  &amp;lt;style&amp;gt;
+   body &amp;gt; main { background: navy; color: yellow; }
+  &amp;lt;/style&amp;gt;
+ &amp;lt;/head&amp;gt;
+ &amp;lt;body&amp;gt;
+  &amp;lt;header&amp;gt;
+   &amp;lt;h1&amp;gt;My toys&amp;lt;/h1&amp;gt;
+  &amp;lt;/header&amp;gt;
+  &amp;lt;nav&amp;gt;
+   &amp;lt;p&amp;gt;&amp;lt;a href=3D&quot;/&quot;&amp;gt;Home&amp;lt;/a=
&amp;gt;&amp;lt;/p&amp;gt;
+   &amp;lt;p&amp;gt;&amp;lt;a href=3D&quot;/contact&quot;&amp;gt;Contact=
&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;/nav&amp;gt;
+&lt;strong&gt;  &amp;lt;main&amp;gt;
+   &amp;lt;p&amp;gt;I really like my chained book and my telephone. I'm =
not such a
+   fan of my big ball.&amp;lt;/p&amp;gt;
+   &amp;lt;p&amp;gt;Another toy I like is my mirror.&amp;lt;/p&amp;gt;
+  &amp;lt;/main&amp;gt;&lt;/strong&gt;
+  &amp;lt;footer&amp;gt;
+   &amp;lt;p&amp;gt;&amp;copy; copyright 2010 by the boy&amp;lt;/p&amp;g=
t;
+  &amp;lt;/footer&amp;gt;
+ &amp;lt;/body&amp;gt;
+&amp;lt;/html&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Drel-up&gt;&lt;span class=3Dsecno&gt;4.13.2 &lt;/span&gt;Br=
ead crumb navigation&lt;/h4&gt;
+
+  &lt;p&gt;This specification does not provide a machine-readable way of=
 describing bread-crumb navigation
+  menus. Authors are encouraged to just use a series of links in a parag=
raph. The &lt;code&gt;&lt;a href=3D#the-nav-element&gt;nav&lt;/a&gt;&lt;/=
code&gt;
+  element can be used to mark the section containing these paragraphs as=
 being navigation
+  blocks.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In the following example, the current page can be reached vi=
a two paths. (&quot;&lt;code title=3D&quot;&quot;&gt;&amp;amp;gt;&lt;/cod=
e&gt;&quot; is the &quot;&lt;code title=3D&quot;&quot;&gt;&amp;gt;&lt;/co=
de&gt;&quot; character.)&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;nav&amp;gt;
+ &amp;lt;p&amp;gt;
+  &amp;lt;a href=3D&quot;/&quot;&amp;gt;Main&amp;lt;/a&amp;gt; &amp;amp;=
gt;
+  &amp;lt;a href=3D&quot;/products/&quot;&amp;gt;Products&amp;lt;/a&amp;=
gt; &amp;amp;gt;
+  &amp;lt;a href=3D&quot;/products/dishwashers/&quot;&amp;gt;Dishwashers=
&amp;lt;/a&amp;gt; &amp;amp;gt;
+  &amp;lt;a&amp;gt;Second hand&amp;lt;/a&amp;gt;
+ &amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;
+  &amp;lt;a href=3D&quot;/&quot;&amp;gt;Main&amp;lt;/a&amp;gt; &amp;amp;=
gt;
+  &amp;lt;a href=3D&quot;/second-hand/&quot;&amp;gt;Second hand&amp;lt;/=
a&amp;gt; &amp;amp;gt;
+  &amp;lt;a&amp;gt;Dishwashers&amp;lt;/a&amp;gt;
+ &amp;lt;/p&amp;gt;
+&amp;lt;/nav&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dtag-clouds&gt;&lt;span class=3Dsecno&gt;4.13.3 &lt;/span&g=
t;Tag clouds&lt;/h4&gt;
+
+  &lt;p id=3Dtag-cloud&gt;This specification does not define any markup =
specifically for marking up lists
+  of keywords that apply to a group of pages (also known as &lt;i&gt;tag=
 clouds&lt;/i&gt;). In general, authors
+  are encouraged to either mark up such lists using &lt;code&gt;&lt;a hr=
ef=3D#the-ul-element&gt;ul&lt;/a&gt;&lt;/code&gt; elements with explicit =
inline
+  counts that are then hidden and turned into a presentational effect us=
ing a style sheet, or to use
+  SVG.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here, three tags are included in a short tag cloud:&lt;/p&gt=
;
+
+   &lt;pre&gt;&amp;lt;style&amp;gt;
+ at media screen, print, handheld, tv {
+  /* should be ignored by non-visual browsers */
+  .tag-cloud &amp;gt; li &amp;gt; span { display: none; }
+  .tag-cloud &amp;gt; li { display: inline; }
+  .tag-cloud-1 { font-size: 0.7em; }
+  .tag-cloud-2 { font-size: 0.9em; }
+  .tag-cloud-3 { font-size: 1.1em; }
+  .tag-cloud-4 { font-size: 1.3em; }
+  .tag-cloud-5 { font-size: 1.5em; }
+}
+&amp;lt;/style&amp;gt;
+...
+&amp;lt;ul class=3D&quot;tag-cloud&quot;&amp;gt;
+ &amp;lt;li class=3D&quot;tag-cloud-4&quot;&amp;gt;&amp;lt;a title=3D&qu=
ot;28 instances&quot; href=3D&quot;/t/apple&quot;&amp;gt;apple&amp;lt;/a&=
amp;gt; &amp;lt;span&amp;gt;(popular)&amp;lt;/span&amp;gt;
+ &amp;lt;li class=3D&quot;tag-cloud-2&quot;&amp;gt;&amp;lt;a title=3D&qu=
ot;6 instances&quot;  href=3D&quot;/t/kiwi&quot;&amp;gt;kiwi&amp;lt;/a&am=
p;gt; &amp;lt;span&amp;gt;(rare)&amp;lt;/span&amp;gt;
+ &amp;lt;li class=3D&quot;tag-cloud-5&quot;&amp;gt;&amp;lt;a title=3D&qu=
ot;41 instances&quot; href=3D&quot;/t/pear&quot;&amp;gt;pear&amp;lt;/a&am=
p;gt; &amp;lt;span&amp;gt;(very popular)&amp;lt;/span&amp;gt;
+&amp;lt;/ul&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;The actual frequency of each tag is given using the &lt;code=
 title=3Dattr-title&gt;&lt;a href=3D#attr-title&gt;title&lt;/a&gt;&lt;/co=
de&gt;
+   attribute. A CSS style sheet is provided to convert the markup into a=
 cloud of differently-sized
+   words, but for user agents that do not support CSS or are not visual,=
 the markup contains
+   annotations like &quot;(popular)&quot; or &quot;(rare)&quot; to categ=
orize the various tags by frequency, thus
+   enabling all users to benefit from the information.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-ul-element&gt;ul&lt;/a&gt;=
&lt;/code&gt; element is used (rather than &lt;code&gt;&lt;a href=3D#the-=
ol-element&gt;ol&lt;/a&gt;&lt;/code&gt;) because the order is not
+   particularly important: while the list is in fact ordered alphabetica=
lly, it would convey the
+   same information if ordered by, say, the length of the tag.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Drel-tag&gt;&lt;a href=3D#link-type-tag&=
gt;tag&lt;/a&gt;&lt;/code&gt; &lt;code title=3Dattr-hyperlink-rel&gt;&lt;=
a href=3D#attr-hyperlink-rel&gt;rel&lt;/a&gt;&lt;/code&gt;-keyword is
+   &lt;em&gt;not&lt;/em&gt; used on these &lt;code&gt;&lt;a href=3D#the-=
a-element&gt;a&lt;/a&gt;&lt;/code&gt; elements because they do not repres=
ent tags that apply
+   to the page itself; they are just part of an index listing the tags t=
hemselves.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dconversations&gt;&lt;span class=3Dsecno&gt;4.13.4 &lt;/spa=
n&gt;Conversations&lt;/h4&gt;
+
+  &lt;!-- http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2009-Septe=
mber/022576.html --&gt;
+
+  &lt;p&gt;This specification does not define a specific element for mar=
king up conversations, meeting
+  minutes, chat transcripts, dialogues in screenplays, instant message l=
ogs, and other situations
+  where different players take turns in discourse.&lt;/p&gt;
+
+  &lt;p&gt;Instead, authors are encouraged to mark up conversations usin=
g &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt; ele=
ments and
+  punctuation. Authors who need to mark the speaker for styling purposes=
 are encouraged to use
+  &lt;code&gt;&lt;a href=3D#the-span-element&gt;span&lt;/a&gt;&lt;/code&=
gt; or &lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt=
;. Paragraphs with their text wrapped in the &lt;code&gt;&lt;a href=3D#th=
e-i-element&gt;i&lt;/a&gt;&lt;/code&gt;
+  element can be used for marking up stage directions.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This example demonstrates this using an extract from Abbot a=
nd Costello's famous sketch,
+   &lt;cite&gt;Who's on first&lt;/cite&gt;:&lt;/p&gt;
+
+&lt;pre&gt;&amp;lt;p&amp;gt; Costello: Look, you gotta first baseman?
+&amp;lt;p&amp;gt; Abbott: Certainly.
+&amp;lt;p&amp;gt; Costello: Who's playing first?
+&amp;lt;p&amp;gt; Abbott: That's right.
+&amp;lt;p&amp;gt; Costello becomes exasperated.
+&amp;lt;p&amp;gt; Costello: When you pay off the first baseman every mon=
th, who gets the money?
+&amp;lt;p&amp;gt; Abbott: Every dollar of it.&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following extract shows how an IM conversation log could=
 be marked up, using the
+   &lt;code&gt;&lt;a href=3D#the-data-element&gt;data&lt;/a&gt;&lt;/code=
&gt; element to provide Unix timestamps for each line. Note that the time=
stamps are
+   provided in a format that the &lt;code&gt;&lt;a href=3D#the-time-elem=
ent&gt;time&lt;/a&gt;&lt;/code&gt; element does not support, so the
+   &lt;code&gt;&lt;a href=3D#the-data-element&gt;data&lt;/a&gt;&lt;/code=
&gt; element is used instead (namely, Unix &lt;code title=3D&quot;&quot;&=
gt;time_t&lt;/code&gt; timestamps).
+   Had the author wished to mark up the data using one of the date and t=
ime formats supported by the
+   &lt;code&gt;&lt;a href=3D#the-time-element&gt;time&lt;/a&gt;&lt;/code=
&gt; element, that element could have been used instead of &lt;code&gt;&l=
t;a href=3D#the-data-element&gt;data&lt;/a&gt;&lt;/code&gt;. This
+   could be advantageous as it would allow data analysis tools to detect=
 the timestamps
+   unambiguously, without coordination with the page author.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt; &amp;lt;data value=3D&quot;1319898155&qu=
ot;&amp;gt;14:22&amp;lt;/data&amp;gt; &amp;lt;b&amp;gt;egof&amp;lt;/b&amp=
;gt; I'm not that nerdy, I've only seen 30% of the star trek episodes
+&amp;lt;p&amp;gt; &amp;lt;data value=3D&quot;1319898192&quot;&amp;gt;14:=
23&amp;lt;/data&amp;gt; &amp;lt;b&amp;gt;kaj&amp;lt;/b&amp;gt; if you kno=
w what percentage of the star trek episodes you have seen, you are inargu=
ably nerdy
+&amp;lt;p&amp;gt; &amp;lt;data value=3D&quot;1319898200&quot;&amp;gt;14:=
23&amp;lt;/data&amp;gt; &amp;lt;b&amp;gt;egof&amp;lt;/b&amp;gt; it's unar=
guably
+&amp;lt;p&amp;gt; &amp;lt;data value=3D&quot;1319898228&quot;&amp;gt;14:=
23&amp;lt;/data&amp;gt; &amp;lt;i&amp;gt;* kaj blinks&amp;lt;/i&amp;gt;
+&amp;lt;p&amp;gt; &amp;lt;data value=3D&quot;1319898260&quot;&amp;gt;14:=
24&amp;lt;/data&amp;gt; &amp;lt;b&amp;gt;kaj&amp;lt;/b&amp;gt; you are no=
t helping your case&lt;/pre&gt;
+   &lt;!-- with thanks to http://bash.org/?854262 --&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;HTML does not have a good way to mark up graphs, so descript=
ions of interactive conversations
+   from games are more difficult to mark up. This example shows one poss=
ible convention using
+   &lt;code&gt;&lt;a href=3D#the-dl-element&gt;dl&lt;/a&gt;&lt;/code&gt;=
 elements to list the possible responses at each point in the conversatio=
n.
+   Another option to consider is describing the conversation in the form=
 of a DOT file, and
+   outputting the result as an SVG image to place in the document. &lt;a=
 href=3D#refsDOT&gt;[DOT]&lt;/a&gt;&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt; Next, you meet a fisherman. You can say =
one of several greetings:
+&amp;lt;dl&amp;gt;
+ &amp;lt;dt&amp;gt; &quot;Hello there!&quot;
+ &amp;lt;dd&amp;gt;
+  &amp;lt;p&amp;gt; He responds with &quot;Hello, how may I help you?&qu=
ot;; you can respond with:
+  &amp;lt;dl&amp;gt;
+   &amp;lt;dt&amp;gt; &quot;I would like to buy a fish.&quot;
+   &amp;lt;dd&amp;gt; &amp;lt;p&amp;gt; He sells you a fish and the conv=
ersation finishes.
+   &amp;lt;dt&amp;gt; &quot;Can I borrow your boat?&quot;
+   &amp;lt;dd&amp;gt;
+    &amp;lt;p&amp;gt; He is surprised and asks &quot;What are you offeri=
ng in return?&quot;.
+    &amp;lt;dl&amp;gt;
+     &amp;lt;dt&amp;gt; &quot;Five gold.&quot; (if you have enough)
+     &amp;lt;dt&amp;gt; &quot;Ten gold.&quot; (if you have enough)
+     &amp;lt;dt&amp;gt; &quot;Fifteen gold.&quot; (if you have enough)
+     &amp;lt;dd&amp;gt; &amp;lt;p&amp;gt; He lends you his boat. The con=
versation ends.
+     &amp;lt;dt&amp;gt; &quot;A fish.&quot; (if you have one)
+     &amp;lt;dt&amp;gt; &quot;A newspaper.&quot; (if you have one)
+     &amp;lt;dt&amp;gt; &quot;A pebble.&quot; (if you have one)
+     &amp;lt;dd&amp;gt; &amp;lt;p&amp;gt; &quot;No thanks&quot;, he repl=
ies. Your conversation options       =20
+     at this point are the same as they were after asking to borrow
+     his boat, minus any options you've suggested before.
+    &amp;lt;/dl&amp;gt;
+   &amp;lt;/dd&amp;gt;
+  &amp;lt;/dl&amp;gt;
+ &amp;lt;/dd&amp;gt;
+ &amp;lt;dt&amp;gt; &quot;Vote for me in the next election!&quot;
+ &amp;lt;dd&amp;gt; &amp;lt;p&amp;gt; He turns away. The conversation fi=
nishes.
+ &amp;lt;dt&amp;gt; &quot;Sir, are you aware that your fish are running =
away?&quot;
+ &amp;lt;dd&amp;gt;
+  &amp;lt;p&amp;gt; He looks at you skeptically and says &quot;Fish cann=
ot run, sir&quot;.
+  &amp;lt;dl&amp;gt;
+   &amp;lt;dt&amp;gt; &quot;You got me!&quot;
+   &amp;lt;dd&amp;gt; &amp;lt;p&amp;gt; The fisherman sighs and the conv=
ersation ends.
+   &amp;lt;dt&amp;gt; &quot;Only kidding.&quot;
+   &amp;lt;dd&amp;gt; &amp;lt;p&amp;gt; &quot;Good one!&quot; he retorts=
. Your conversation options at this
+   point are the same as those following &quot;Hello there!&quot; above.
+   &amp;lt;dt&amp;gt; &quot;Oh, then what are they doing?&quot;
+   &amp;lt;dd&amp;gt; &amp;lt;p&amp;gt; He looks at his fish, giving you=
 an opportunity to steal
+   his boat, which you do. The conversation ends.
+  &amp;lt;/dl&amp;gt;
+ &amp;lt;/dd&amp;gt;
+&amp;lt;/dl&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In some games, conversations are simpler: each character mer=
ely has a fixed set of lines that
+   they say. In this example, a game FAQ/walkthrough lists some of the k=
nown possible responses for
+   each character:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;section&amp;gt;
+ &amp;lt;h1&amp;gt;Dialogue&amp;lt;/h1&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;small&amp;gt;Some characters repeat their line=
s in order each time you interact
+ with them, others randomly pick from amongst their lines. Those who res=
pond in
+ order have numbered entries in the lists below.&amp;lt;/small&amp;gt;
+ &amp;lt;h2&amp;gt;The Shopkeeper&amp;lt;/h2&amp;gt;
+ &amp;lt;ul&amp;gt;
+  &amp;lt;li&amp;gt;How may I help you?
+  &amp;lt;li&amp;gt;Fresh apples!
+  &amp;lt;li&amp;gt;A loaf of bread for madam?
+ &amp;lt;/ul&amp;gt;
+ &amp;lt;h2&amp;gt;The pilot&amp;lt;/h2&amp;gt;
+ &amp;lt;p&amp;gt;Before the accident:
+ &amp;lt;ul&amp;gt;
+  &amp;lt;/li&amp;gt;I'm about to fly out, sorry!
+  &amp;lt;/li&amp;gt;Sorry, I'm just waiting for flight clearance and th=
en I'll be off!
+ &amp;lt;/ul&amp;gt;
+ &amp;lt;p&amp;gt;After the accident:
+ &amp;lt;ol&amp;gt;
+  &amp;lt;li&amp;gt;I'm about to fly out, sorry!
+  &amp;lt;li&amp;gt;Ok, I'm not leaving right now, my plane is being cle=
aned.
+  &amp;lt;li&amp;gt;Ok, it's not being cleaned, it needs a minor repair =
first.
+  &amp;lt;li&amp;gt;Ok, ok, stop bothering me! Truth is, I had a crash.
+ &amp;lt;/ol&amp;gt;
+ &amp;lt;h2&amp;gt;Clan Leader&amp;lt;/h2&amp;gt;
+ &amp;lt;p&amp;gt;During the first clan meeting:
+ &amp;lt;ul&amp;gt;
+  &amp;lt;li&amp;gt;Hey, have you seen my daughter? I bet she's up to so=
mething nefarious again...
+  &amp;lt;li&amp;gt;Nice weather we're having today, eh?
+  &amp;lt;li&amp;gt;The name is Bailey, Jeff Bailey. How can I help you =
today?
+  &amp;lt;li&amp;gt;A glass of water? Fresh from the well!
+ &amp;lt;/ul&amp;gt;
+ &amp;lt;p&amp;gt;After the earthquake:
+ &amp;lt;ol&amp;gt;
+  &amp;lt;li&amp;gt;Everyone is safe in the shelter, we just have to put=
 out the fire!
+  &amp;lt;li&amp;gt;I'll go and tell the fire brigade, you keep hosing i=
t down!
+ &amp;lt;/ol&amp;gt;
+&amp;lt;/section&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dfootnotes&gt;&lt;span class=3Dsecno&gt;4.13.5 &lt;/span&gt=
;Footnotes&lt;/h4&gt;
+
+  &lt;p&gt;HTML does not have a dedicated mechanism for marking up footn=
otes. Here are the suggested
+  alternatives.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;For short inline annotations, the &lt;code title=3D=
attr-title&gt;&lt;a href=3D#attr-title&gt;title&lt;/a&gt;&lt;/code&gt; at=
tribute could &lt;!--
+  SHOULD, modulo title-warning --&gt; be used.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this example, two parts of a dialogue are annotated with =
footnote-like content using the
+   &lt;code title=3Dattr-title&gt;&lt;a href=3D#attr-title&gt;title&lt;/=
a&gt;&lt;/code&gt; attribute.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt; &amp;lt;b&amp;gt;Customer&amp;lt;/b&amp;=
gt;: Hello! I wish to register a complaint. Hello. Miss?
+&amp;lt;p&amp;gt; &amp;lt;b&amp;gt;Shopkeeper&amp;lt;/b&amp;gt;: &lt;str=
ong&gt;&amp;lt;span title=3D&quot;Colloquial pronunciation of 'What do yo=
u'&quot;&lt;/strong&gt;
+&amp;gt;Watcha&amp;lt;/span&amp;gt; mean, miss?
+&amp;lt;p&amp;gt; &amp;lt;b&amp;gt;Customer&amp;lt;/b&amp;gt;: Uh, I'm s=
orry, I have a cold. I wish to make a complaint.
+&amp;lt;p&amp;gt; &amp;lt;b&amp;gt;Shopkeeper&amp;lt;/b&amp;gt;: Sorry, =
&amp;lt;span &lt;strong&gt;title=3D&quot;This is, of course, a lie.&quot;=
&lt;/strong&gt;&amp;gt;we're
+closing for lunch&amp;lt;/span&amp;gt;.&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;!-- search for title-warning if modifying this paragraph --&gt;
+  &lt;p class=3Dnote&gt;Unfortunately, relying on the &lt;code title=3Da=
ttr-title&gt;&lt;a href=3D#attr-title&gt;title&lt;/a&gt;&lt;/code&gt; att=
ribute is
+  currently discouraged as many user agents do not expose the attribute =
in an accessible manner as
+  required by this specification (e.g. requiring a pointing device such =
as a mouse to cause a
+  tooltip to appear, which excludes keyboard-only users and touch-only u=
sers, such as anyone with a
+  modern phone or tablet).&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;If the &lt;code title=3Dattr-title&gt;&lt;a href=
=3D#attr-title&gt;title&lt;/a&gt;&lt;/code&gt; attribute is used, CSS can=
 used to
+  draw the reader's attention to the elements with the attribute.&lt;/p&=
gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For example, the following CSS places a dashed line below el=
ements that have a &lt;code title=3Dattr-title&gt;&lt;a href=3D#attr-titl=
e&gt;title&lt;/a&gt;&lt;/code&gt; attribute.&lt;/p&gt;
+
+   &lt;pre&gt;[title] { border-bottom: thin dashed; }&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;hr&gt;&lt;p&gt;For longer annotations, the &lt;code&gt;&lt;a href=3D=
#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; element should be used, pointi=
ng to an element later
+  in the document. The convention is that the contents of the link be a =
number in square
+  brackets.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this example, a footnote in the dialogue links to a parag=
raph below the dialogue. The
+   paragraph then reciprocally links back to the dialogue, allowing the =
user to return to the
+   location of the footnote.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt; Announcer: Number 16: The &amp;lt;i&amp;=
gt;hand&amp;lt;/i&amp;gt;.
+&amp;lt;p&amp;gt; Interviewer: Good evening. I have with me in the studi=
o tonight
+Mr Norman St John Polevaulter, who for the past few years has been
+contradicting people. Mr Polevaulter, why &amp;lt;em&amp;gt;do&amp;lt;/e=
m&amp;gt; you
+contradict people?
+&amp;lt;p&amp;gt; Norman: I don't. &amp;lt;sup&amp;gt;&amp;lt;a href=3D&=
quot;#fn1&quot; id=3D&quot;r1&quot;&amp;gt;[1]&amp;lt;/a&amp;gt;&amp;lt;/=
sup&amp;gt;
+&amp;lt;p&amp;gt; Interviewer: You told me you did!
+&lt;em&gt;...&lt;/em&gt;
+&amp;lt;section&amp;gt;
+ &amp;lt;p id=3D&quot;fn1&quot;&amp;gt;&amp;lt;a href=3D&quot;#r1&quot;&=
amp;gt;[1]&amp;lt;/a&amp;gt; This is, naturally, a lie,
+ but paradoxically if it were true he could not say so without
+ contradicting the interviewer and thus making it false.&amp;lt;/p&amp;g=
t;
+&amp;lt;/section&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;hr&gt;&lt;p&gt;For side notes, longer annotations that apply to en=
tire sections of the text rather than just
+  specific words or sentences, the &lt;code&gt;&lt;a href=3D#the-aside-e=
lement&gt;aside&lt;/a&gt;&lt;/code&gt; element should be used.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this example, a sidebar is given after a dialogue, giving=
 it some context.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt; &amp;lt;span class=3D&quot;speaker&quot;=
&amp;gt;Customer&amp;lt;/span&amp;gt;: I will not buy this record, it is =
scratched.
+&amp;lt;p&amp;gt; &amp;lt;span class=3D&quot;speaker&quot;&amp;gt;Shopke=
eper&amp;lt;/span&amp;gt;: I'm sorry?
+&amp;lt;p&amp;gt; &amp;lt;span class=3D&quot;speaker&quot;&amp;gt;Custom=
er&amp;lt;/span&amp;gt;: I will not buy this record, it is scratched.
+&amp;lt;p&amp;gt; &amp;lt;span class=3D&quot;speaker&quot;&amp;gt;Shopke=
eper&amp;lt;/span&amp;gt;: No no no, this's'a tobacconist's.
+&amp;lt;aside&amp;gt;
+ &amp;lt;p&amp;gt;In 1970, the British Empire lay in ruins, and foreign
+ nationalists frequented the streets &amp;mdash; many of them Hungarians
+ (not the streets &amp;mdash; the foreign nationals). Sadly, Alexander
+ Yalt has been publishing incompetently-written phrase books.
+&amp;lt;/aside&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;hr&gt;&lt;p&gt;For figures or tables, footnotes can be included in=
 the relevant &lt;code&gt;&lt;a href=3D#the-figcaption-element&gt;figcapt=
ion&lt;/a&gt;&lt;/code&gt; or
+  &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&lt;/a&gt;&lt;=
/code&gt; element, or in surrounding prose.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this example, a &lt;!-- round --&gt; table has cells with=
 footnotes that are given in prose. A
+   &lt;code&gt;&lt;a href=3D#the-figure-element&gt;figure&lt;/a&gt;&lt;/=
code&gt; element is used to give a single legend to the combination of th=
e table and
+   its footnotes.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;figure&amp;gt;
+ &amp;lt;figcaption&amp;gt;Table 1. Alternative activities for knights.&=
amp;lt;/figcaption&amp;gt;
+ &amp;lt;table&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;th&amp;gt; Activity
+   &amp;lt;th&amp;gt; Location
+   &amp;lt;th&amp;gt; Cost
+  &amp;lt;tr&amp;gt;
+   &amp;lt;td&amp;gt; Dance
+   &amp;lt;td&amp;gt; Wherever possible
+   &amp;lt;td&amp;gt; &amp;pound;0&amp;lt;sup&amp;gt;&amp;lt;a href=3D&q=
uot;#fn1&quot;&amp;gt;1&amp;lt;/a&amp;gt;&amp;lt;/sup&amp;gt;
+  &amp;lt;tr&amp;gt;
+   &amp;lt;td&amp;gt; Routines, chorus scenes&amp;lt;sup&amp;gt;&amp;lt;=
a href=3D&quot;#fn2&quot;&amp;gt;2&amp;lt;/a&amp;gt;&amp;lt;/sup&amp;gt;
+   &amp;lt;td&amp;gt; Undisclosed
+   &amp;lt;td&amp;gt; Undisclosed
+  &amp;lt;tr&amp;gt;
+   &amp;lt;td&amp;gt; Dining&amp;lt;sup&amp;gt;&amp;lt;a href=3D&quot;#f=
n3&quot;&amp;gt;3&amp;lt;/a&amp;gt;&amp;lt;/sup&amp;gt;
+   &amp;lt;td&amp;gt; Camelot
+   &amp;lt;td&amp;gt; Cost of ham, jam, and spam&amp;lt;sup&amp;gt;&amp;=
lt;a href=3D&quot;#fn4&quot;&amp;gt;4&amp;lt;/a&amp;gt;&amp;lt;/sup&amp;g=
t;
+ &amp;lt;/table&amp;gt;
+ &amp;lt;p id=3D&quot;fn1&quot;&amp;gt;1. Assumed.&amp;lt;/p&amp;gt;
+ &amp;lt;p id=3D&quot;fn2&quot;&amp;gt;2. Footwork impeccable.&amp;lt;/p=
&amp;gt;
+ &amp;lt;p id=3D&quot;fn3&quot;&amp;gt;3. Quality described as &quot;wel=
l&quot;.&amp;lt;/p&amp;gt;
+ &amp;lt;p id=3D&quot;fn4&quot;&amp;gt;4. A lot.&amp;lt;/p&amp;gt;
+&amp;lt;/figure&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h3 id=3Ddisabled-elements&gt;&lt;span class=3Dsecno&gt;4.14 &lt;/s=
pan&gt;Disabled elements&lt;/h3&gt;
+
+  &lt;p&gt;An element is said to be &lt;dfn id=3Dconcept-element-disable=
d title=3Dconcept-element-disabled&gt;actually disabled&lt;/dfn&gt; if it
+  falls into one of the following categories:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;&lt;code&gt;&lt;a href=3D#the-button-element&gt;bu=
tton&lt;/a&gt;&lt;/code&gt; elements that are &lt;a href=3D#concept-fe-di=
sabled title=3Dconcept-fe-disabled&gt;disabled&lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&=
gt;&lt;/code&gt; elements that are &lt;a href=3D#concept-fe-disabled titl=
e=3Dconcept-fe-disabled&gt;disabled&lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/=
a&gt;&lt;/code&gt; elements that are &lt;a href=3D#concept-fe-disabled ti=
tle=3Dconcept-fe-disabled&gt;disabled&lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&=
lt;/a&gt;&lt;/code&gt; elements that are &lt;a href=3D#concept-fe-disable=
d title=3Dconcept-fe-disabled&gt;disabled&lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-optgroup-element&gt;optgroup&=
lt;/a&gt;&lt;/code&gt; elements that have a &lt;code title=3Dattr-optgrou=
p-disabled&gt;&lt;a href=3D#attr-optgroup-disabled&gt;disabled&lt;/a&gt;&=
lt;/code&gt; attribute&lt;/li&gt;
+
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/=
a&gt;&lt;/code&gt; elements that are &lt;a href=3D#concept-option-disable=
d title=3Dconcept-option-disabled&gt;disabled&lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-menuitem-element&gt;menuitem&=
lt;/a&gt;&lt;/code&gt; elements that have a &lt;code title=3Dattr-menuite=
m-disabled&gt;&lt;a href=3D#attr-menuitem-disabled&gt;disabled&lt;/a&gt;&=
lt;/code&gt; attribute&lt;/li&gt;
+
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldset&=
lt;/a&gt;&lt;/code&gt; elements that have a &lt;code title=3Dattr-fieldse=
t-disabled&gt;&lt;a href=3D#attr-fieldset-disabled&gt;disabled&lt;/a&gt;&=
lt;/code&gt; attribute&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p class=3Dnote&gt;This definition is used to determine =
what elements can be &lt;a href=3D#specially-focusable title=3D&quot;tabi=
ndex
+  focus flag&quot;&gt;focused&lt;/a&gt; and which elements match the &lt=
;code title=3Dselector-disabled&gt;&lt;a href=3D#selector-disabled&gt;:di=
sabled&lt;/a&gt;&lt;/code&gt; pseudo-class.&lt;/p&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+&lt;!--ADD-TOPIC:CSS--&gt;
+
+  &lt;h3 id=3Dselectors&gt;&lt;span class=3Dsecno&gt;4.15 &lt;/span&gt;M=
atching HTML elements using selectors&lt;/h3&gt;
+
+  &lt;h4 id=3Dcase-sensitivity&gt;&lt;span class=3Dsecno&gt;4.15.1 &lt;/=
span&gt;Case-sensitivity&lt;/h4&gt;
+
+  &lt;p&gt;The Selectors specification leaves the case-sensitivity of ID=
s, classes, element names,
+  attribute names, and attribute values to be defined by the host langua=
ge. &lt;a href=3D#refsSELECTORS&gt;[SELECTORS]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#concept-id title=3Dconcept-id&gt;unique ide=
ntifier&lt;/a&gt; of &lt;a href=3D#html-elements&gt;HTML elements&lt;/a&g=
t; in
+  documents that are in &lt;a href=3D#quirks-mode&gt;quirks mode&lt;/a&g=
t; must be treated as &lt;a href=3D#ascii-case-insensitive&gt;ASCII
+  case-insensitive&lt;/a&gt; for the purposes of selector matching.&lt;/=
p&gt;
+
+  &lt;p&gt;Classes from the &lt;code title=3Dattr-class&gt;&lt;a href=3D=
#classes&gt;class&lt;/a&gt;&lt;/code&gt; attribute of &lt;a href=3D#html-=
elements&gt;HTML elements&lt;/a&gt;
+  in documents that are in &lt;a href=3D#quirks-mode&gt;quirks mode&lt;/=
a&gt; must be treated as &lt;a href=3D#ascii-case-insensitive&gt;ASCII
+  case-insensitive&lt;/a&gt; for the purposes of selector matching.&lt;/=
p&gt;
+
+  &lt;p&gt;When comparing a CSS element type selector to the names of &l=
t;a href=3D#html-elements&gt;HTML elements&lt;/a&gt; in
+  &lt;a href=3D#html-documents&gt;HTML documents&lt;/a&gt;, the CSS elem=
ent type selector must first be &lt;a href=3D#converted-to-ascii-lowercas=
e&gt;converted to ASCII
+  lowercase&lt;/a&gt;. The same selector when compared to other elements=
 must be compared according to
+  its original case. In both cases, the comparison is &lt;a href=3D#case=
-sensitive&gt;case-sensitive&lt;/a&gt;.&lt;/p&gt;
+  &lt;!-- http://software.hixie.ch/utilities/js/live-dom-viewer/?saved=3D=
2623 --&gt;
+
+  &lt;p&gt;When comparing the name part of a CSS attribute selector to t=
he names of namespace-less
+  attributes on &lt;a href=3D#html-elements&gt;HTML elements&lt;/a&gt; i=
n &lt;a href=3D#html-documents&gt;HTML documents&lt;/a&gt;, the name part=
 of the CSS
+  attribute selector must first be &lt;a href=3D#converted-to-ascii-lowe=
rcase&gt;converted to ASCII lowercase&lt;/a&gt;. The same selector when
+  compared to other attributes must be compared according to its origina=
l case. In both cases, the
+  comparison is &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt;=
.&lt;/p&gt;
+  &lt;!-- http://software.hixie.ch/utilities/js/live-dom-viewer/?saved=3D=
2624 --&gt;
+
+  &lt;p&gt;Everything else (attribute values on &lt;a href=3D#html-eleme=
nts&gt;HTML elements&lt;/a&gt;, IDs and classes in
+  &lt;a href=3D#no-quirks-mode&gt;no-quirks mode&lt;/a&gt; and &lt;a hre=
f=3D#limited-quirks-mode&gt;limited-quirks mode&lt;/a&gt;, and element na=
mes, attribute
+  names, and attribute values in &lt;a href=3D#xml-documents&gt;XML docu=
ments&lt;/a&gt;) must be treated as
+  &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt; for the purpo=
ses of selector matching.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dpseudo-classes&gt;&lt;span class=3Dsecno&gt;4.15.2 &lt;/sp=
an&gt;Pseudo-classes&lt;/h4&gt;
+
+  &lt;p&gt;There are a number of dynamic selectors that can be used with=
 HTML. This section defines when
+  these selectors match HTML elements. &lt;a href=3D#refsSELECTORS&gt;[S=
ELECTORS]&lt;/a&gt; &lt;a href=3D#refsCSSUI&gt;[CSSUI]&lt;/a&gt;&lt;/p&gt=
;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dselector-link title=3Dselector-link&g=
t;&lt;code&gt;:link&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dselector-visited title=3Dselector-visited&gt;&=
lt;code&gt;:visited&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;All &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&=
lt;/code&gt; elements that have an &lt;code title=3Dattr-hyperlink-href&g=
t;&lt;a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&gt;
+    attribute, all &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt=
;/a&gt;&lt;/code&gt; elements that have an &lt;code title=3Dattr-hyperlin=
k-href&gt;&lt;a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&gt=
; attribute, and all &lt;code&gt;&lt;a href=3D#the-link-element&gt;link&l=
t;/a&gt;&lt;/code&gt; elements that have
+    an &lt;code title=3Dattr-link-href&gt;&lt;a href=3D#attr-link-href&g=
t;href&lt;/a&gt;&lt;/code&gt; attribute, must match one of &lt;code title=
=3Dselector-link&gt;&lt;a href=3D#selector-link&gt;:link&lt;/a&gt;&lt;/co=
de&gt; and &lt;code title=3Dselector-visited&gt;&lt;a href=3D#selector-vi=
sited&gt;:visited&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Other specifications might apply more specific rules regard=
ing how these elements are to
+    match these pseudo-classes, to mitigate some privacy concerns that a=
pply with straightforward
+    implementations of this requirement.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dselector-active title=3Dselector-active&gt;&lt=
;code&gt;:active&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;code title=3Dselector-active&gt;&lt;a href=3D#selec=
tor-active&gt;:active&lt;/a&gt;&lt;/code&gt; pseudo-class is defined to m=
atch an element
+    &lt;q cite=3Dhttp://dev.w3.org/csswg/selectors3/#the-user-action-pse=
udo-classes-hover-act&gt;while an
+    element is &lt;i&gt;being activated&lt;/i&gt; by the user&lt;/q&gt;.=
 For the purposes of defining the &lt;code title=3Dselector-active&gt;&lt=
;a href=3D#selector-active&gt;:active&lt;/a&gt;&lt;/code&gt; pseudo-class=
 only, an HTML user agent must consider an
+    element as &lt;i&gt;being activated&lt;/i&gt; if it is:&lt;/p&gt;
+
+    &lt;ul&gt;&lt;li&gt;
+
+      &lt;p&gt;An element falling into one of the following categories b=
etween the time the user begins to
+      indicate an intent to trigger the element's &lt;a href=3D#activati=
on-behavior&gt;activation behavior&lt;/a&gt; and either the
+      time the user stops indicating an intent to trigger the element's =
&lt;a href=3D#activation-behavior&gt;activation
+      behavior&lt;/a&gt;, or the time the element's &lt;a href=3D#activa=
tion-behavior&gt;activation behavior&lt;/a&gt; has finished
+      running, which ever comes first:&lt;/p&gt;
+
+      &lt;ul&gt;&lt;li&gt;&lt;code&gt;&lt;a href=3D#the-a-element&gt;a&l=
t;/a&gt;&lt;/code&gt; elements that have an &lt;code title=3Dattr-hyperli=
nk-href&gt;&lt;a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&g=
t;
+       attribute&lt;/li&gt;
+
+       &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/=
a&gt;&lt;/code&gt; elements that have an &lt;code title=3Dattr-hyperlink-=
href&gt;&lt;a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&gt;
+       attribute&lt;/li&gt;
+
+       &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/=
a&gt;&lt;/code&gt; elements that have an &lt;code title=3Dattr-link-href&=
gt;&lt;a href=3D#attr-link-href&gt;href&lt;/a&gt;&lt;/code&gt;
+       attribute&lt;/li&gt;
+
+       &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-button-element&gt;button&=
lt;/a&gt;&lt;/code&gt; elements that are not &lt;a href=3D#concept-fe-dis=
abled title=3Dconcept-fe-disabled&gt;disabled&lt;/a&gt;&lt;/li&gt;
+
+       &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt=
;/a&gt;&lt;/code&gt; elements whose &lt;code title=3Dattr-input-type&gt;&=
lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is
+       in the &lt;a href=3D&quot;#submit-button-state-(type=3Dsubmit)&qu=
ot; title=3Dattr-input-type-submit&gt;Submit Button&lt;/a&gt;, &lt;a href=
=3D&quot;#image-button-state-(type=3Dimage)&quot; title=3Dattr-input-type=
-image&gt;Image Button&lt;/a&gt;, &lt;a href=3D&quot;#reset-button-state-=
(type=3Dreset)&quot; title=3Dattr-input-type-reset&gt;Reset
+       Button&lt;/a&gt;, or &lt;a href=3D&quot;#button-state-(type=3Dbut=
ton)&quot; title=3Dattr-input-type-button&gt;Button&lt;/a&gt; state&lt;/l=
i&gt;
+
+       &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-menuitem-element&gt;menui=
tem&lt;/a&gt;&lt;/code&gt; elements that do not have a &lt;code title=3Da=
ttr-menuitem-disabled&gt;&lt;a href=3D#attr-menuitem-disabled&gt;disabled=
&lt;/a&gt;&lt;/code&gt; attribute&lt;/li&gt;
+
+       &lt;li&gt;elements that have their &lt;a href=3D#specially-focusa=
ble&gt;tabindex focus flag&lt;/a&gt; set&lt;/li&gt;
+
+      &lt;/ul&gt;&lt;p class=3Dexample&gt;For example, if the user is us=
ing a keyboard to push a &lt;code&gt;&lt;a href=3D#the-button-element&gt;=
button&lt;/a&gt;&lt;/code&gt;
+      element by pressing the space bar, the element would match this ps=
eudo-class in between the
+      time that the element received the &lt;code title=3Devent-keydown&=
gt;keydown&lt;/code&gt; event and the
+      time the element received the &lt;code title=3Devent-keyup&gt;keyu=
p&lt;/code&gt; event.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;An element that the user indicates using a pointing devic=
e while that pointing device is in
+      the &quot;down&quot; state (e.g. for a mouse, between the time the=
 mouse button is pressed and the time
+      it is depressed).&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;An element that has a descendant that is currently matchi=
ng the &lt;code title=3Dselector-active&gt;&lt;a href=3D#selector-active&=
gt;:active&lt;/a&gt;&lt;/code&gt; pseudo-class.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+    &lt;/ul&gt;&lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dselector-hover title=3Dselector-hover&gt;&lt;c=
ode&gt;:hover&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;code title=3Dselector-hover&gt;&lt;a href=3D#select=
or-hover&gt;:hover&lt;/a&gt;&lt;/code&gt; pseudo-class is defined to matc=
h an element &lt;q cite=3Dhttp://dev.w3.org/csswg/selectors3/#the-user-ac=
tion-pseudo-classes-hover-act&gt;while the
+    user &lt;i&gt;designates&lt;/i&gt; an element with a pointing device=
&lt;/q&gt;. For the purposes of defining the
+    &lt;code title=3Dselector-hover&gt;&lt;a href=3D#selector-hover&gt;:=
hover&lt;/a&gt;&lt;/code&gt; pseudo-class only, an HTML user agent must c=
onsider
+    an element as being one that the user &lt;i&gt;designates&lt;/i&gt; =
if it is:&lt;/p&gt;
+
+    &lt;ul&gt;&lt;li&gt;
+
+      &lt;p&gt;An element that the user indicates using a pointing devic=
e.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;An element that has a descendant that the user indicates =
using a pointing device.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;An element that is the &lt;a href=3D#labeled-control&gt;l=
abeled control&lt;/a&gt; of a &lt;code&gt;&lt;a href=3D#the-label-element=
&gt;label&lt;/a&gt;&lt;/code&gt; element that is
+      currently matching &lt;a href=3D#selector-hover title=3Dselector-h=
over&gt;:hover&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+    &lt;/ul&gt;&lt;!--
+Demos:
+ http://software.hixie.ch/utilities/js/live-dom-viewer/saved/1315
+ http://software.hixie.ch/utilities/js/live-dom-viewer/saved/1316
+ http://software.hixie.ch/utilities/js/live-dom-viewer/saved/1317
+--&gt;&lt;div class=3Dexample&gt;
+
+     &lt;p&gt;Consider in particular a fragment such as:&lt;/p&gt;
+
+     &lt;pre&gt;&amp;lt;p&amp;gt; &amp;lt;label for=3Dc&amp;gt; &amp;lt;=
input id=3Da&amp;gt; &amp;lt;/label&amp;gt; &amp;lt;span id=3Db&amp;gt; &=
amp;lt;input id=3Dc&amp;gt; &amp;lt;/span&amp;gt; &amp;lt;/p&amp;gt;&lt;/=
pre&gt;
+
+     &lt;p&gt;If the user designates the element with ID &quot;&lt;code =
title=3D&quot;&quot;&gt;a&lt;/code&gt;&quot; with their pointing
+     device, then the &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a=
&gt;&lt;/code&gt; element (and all its ancestors not shown in the snippet=
 above),
+     the &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&=
lt;/code&gt; element, the element with ID &quot;&lt;code title=3D&quot;&q=
uot;&gt;a&lt;/code&gt;&quot;, and the element
+     with ID &quot;&lt;code title=3D&quot;&quot;&gt;c&lt;/code&gt;&quot;=
 will match the &lt;a href=3D#selector-hover title=3Dselector-hover&gt;:h=
over&lt;/a&gt;
+     pseudo-class. The element with ID &quot;&lt;code title=3D&quot;&quo=
t;&gt;a&lt;/code&gt;&quot; matches it from condition 1, the
+     &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;/=
code&gt; and &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/c=
ode&gt; elements match it because of condition 2 (one of their
+     descendants is designated), and the element with ID &quot;&lt;code =
title=3D&quot;&quot;&gt;c&lt;/code&gt;&quot; matches it
+     through condition 3 (its &lt;code&gt;&lt;a href=3D#the-label-elemen=
t&gt;label&lt;/a&gt;&lt;/code&gt; element matches &lt;a href=3D#selector-=
hover title=3Dselector-hover&gt;:hover&lt;/a&gt;). However, the element w=
ith ID &quot;&lt;code title=3D&quot;&quot;&gt;b&lt;/code&gt;&quot;
+     does &lt;em&gt;not&lt;/em&gt; match &lt;a href=3D#selector-hover ti=
tle=3Dselector-hover&gt;:hover&lt;/a&gt;: its descendant is not
+     designated, even though it matches &lt;a href=3D#selector-hover tit=
le=3Dselector-hover&gt;:hover&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;/div&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dselector-enabled title=3Dselector-enabled&gt;&=
lt;code&gt;:enabled&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;code title=3Dselector-enabled&gt;&lt;a href=3D#sele=
ctor-enabled&gt;:enabled&lt;/a&gt;&lt;/code&gt; pseudo-class must match a=
ny element
+    falling into one of the following categories:&lt;/p&gt;
+
+    &lt;ul&gt;&lt;li&gt;&lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;=
/a&gt;&lt;/code&gt; elements that have an &lt;code title=3Dattr-hyperlink=
-href&gt;&lt;a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&gt;
+     attribute&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&=
gt;&lt;/code&gt; elements that have an &lt;code title=3Dattr-hyperlink-hr=
ef&gt;&lt;a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&gt;
+     attribute&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&=
gt;&lt;/code&gt; elements that have an &lt;code title=3Dattr-link-href&gt=
;&lt;a href=3D#attr-link-href&gt;href&lt;/a&gt;&lt;/code&gt;
+     attribute&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-button-element&gt;button&lt=
;/a&gt;&lt;/code&gt; elements that are not &lt;a href=3D#concept-fe-disab=
led title=3Dconcept-fe-disabled&gt;disabled&lt;/a&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; elements that are not &lt;a href=3D#concept-fe-disable=
d title=3Dconcept-fe-disabled&gt;disabled&lt;/a&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt=
;/a&gt;&lt;/code&gt; elements that are not &lt;a href=3D#concept-fe-disab=
led title=3Dconcept-fe-disabled&gt;disabled&lt;/a&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textare=
a&lt;/a&gt;&lt;/code&gt; elements that are not &lt;a href=3D#concept-fe-d=
isabled title=3Dconcept-fe-disabled&gt;disabled&lt;/a&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-optgroup-element&gt;optgrou=
p&lt;/a&gt;&lt;/code&gt; elements that do not have a &lt;code title=3Datt=
r-optgroup-disabled&gt;&lt;a href=3D#attr-optgroup-disabled&gt;disabled&l=
t;/a&gt;&lt;/code&gt; attribute&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt=
;/a&gt;&lt;/code&gt; elements that are not &lt;a href=3D#concept-option-d=
isabled title=3Dconcept-option-disabled&gt;disabled&lt;/a&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-menuitem-element&gt;menuite=
m&lt;/a&gt;&lt;/code&gt; elements that do not have a &lt;code title=3Datt=
r-menuitem-disabled&gt;&lt;a href=3D#attr-menuitem-disabled&gt;disabled&l=
t;/a&gt;&lt;/code&gt; attribute&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldse=
t&lt;/a&gt;&lt;/code&gt; elements that do not have a &lt;code title=3Datt=
r-fieldset-disabled&gt;&lt;a href=3D#attr-fieldset-disabled&gt;disabled&l=
t;/a&gt;&lt;/code&gt; attribute&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dselector-disabled title=3Dselector-disabled&gt=
;&lt;code&gt;:disabled&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;code title=3Dselector-disabled&gt;&lt;a href=3D#sel=
ector-disabled&gt;:disabled&lt;/a&gt;&lt;/code&gt; pseudo-class must matc=
h any element that
+    is &lt;a href=3D#concept-element-disabled title=3Dconcept-element-di=
sabled&gt;actually disabled&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dselector-checked title=3Dselector-checked&gt;&=
lt;code&gt;:checked&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;code title=3Dselector-checked&gt;&lt;a href=3D#sele=
ctor-checked&gt;:checked&lt;/a&gt;&lt;/code&gt; pseudo-class must match a=
ny element
+    falling into one of the following categories:&lt;/p&gt;
+
+    &lt;ul&gt;&lt;li&gt;&lt;code&gt;&lt;a href=3D#the-input-element&gt;i=
nput&lt;/a&gt;&lt;/code&gt; elements whose &lt;code title=3Dattr-input-ty=
pe&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attrib=
ute is in
+     the &lt;a href=3D&quot;#checkbox-state-(type=3Dcheckbox)&quot; titl=
e=3Dattr-input-type-checkbox&gt;Checkbox&lt;/a&gt; state and whose &lt;a =
href=3D#concept-fe-checked title=3Dconcept-fe-checked&gt;checkedness&lt;/=
a&gt; state is true&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; elements whose &lt;code title=3Dattr-input-type&gt;&lt=
;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+     the &lt;a href=3D&quot;#radio-button-state-(type=3Dradio)&quot; tit=
le=3Dattr-input-type-radio&gt;Radio Button&lt;/a&gt; state and whose &lt;=
a href=3D#concept-fe-checked title=3Dconcept-fe-checked&gt;checkedness&lt=
;/a&gt; state is true&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt=
;/a&gt;&lt;/code&gt; elements whose &lt;a href=3D#concept-option-selected=
ness title=3Dconcept-option-selectedness&gt;selectedness&lt;/a&gt; is tru=
e&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-menuitem-element&gt;menuite=
m&lt;/a&gt;&lt;/code&gt; elements whose &lt;code title=3Dattr-menuitem-ty=
pe&gt;&lt;a href=3D#attr-menuitem-type&gt;type&lt;/a&gt;&lt;/code&gt; att=
ribute
+     is in the &lt;a href=3D#attr-menuitem-type-state-checkbox title=3Da=
ttr-menuitem-type-state-checkbox&gt;Checkbox&lt;/a&gt; state and that hav=
e a
+     &lt;code title=3Dattr-menuitem-checked&gt;&lt;a href=3D#attr-menuit=
em-checked&gt;checked&lt;/a&gt;&lt;/code&gt; attribute&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-menuitem-element&gt;menuite=
m&lt;/a&gt;&lt;/code&gt; elements whose &lt;code title=3Dattr-menuitem-ty=
pe&gt;&lt;a href=3D#attr-menuitem-type&gt;type&lt;/a&gt;&lt;/code&gt; att=
ribute
+     is in the &lt;a href=3D#attr-menuitem-type-state-radio title=3Dattr=
-menuitem-type-state-radio&gt;Radio&lt;/a&gt; state and that have a &lt;c=
ode title=3Dattr-menuitem-checked&gt;&lt;a href=3D#attr-menuitem-checked&=
gt;checked&lt;/a&gt;&lt;/code&gt; attribute&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dselector-indeterminate title=3Dselector-indete=
rminate&gt;&lt;code&gt;:indeterminate&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;code title=3Dselector-indeterminate&gt;&lt;a href=3D=
#selector-indeterminate&gt;:indeterminate&lt;/a&gt;&lt;/code&gt; pseudo-c=
lass must match any
+    element falling into one of the following categories:&lt;/p&gt;
+
+    &lt;ul&gt;&lt;li&gt;&lt;code&gt;&lt;a href=3D#the-input-element&gt;i=
nput&lt;/a&gt;&lt;/code&gt; elements whose &lt;code title=3Dattr-input-ty=
pe&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attrib=
ute is in
+     the &lt;a href=3D&quot;#checkbox-state-(type=3Dcheckbox)&quot; titl=
e=3Dattr-input-type-checkbox&gt;Checkbox&lt;/a&gt; state and whose &lt;co=
de title=3Ddom-input-indeterminate&gt;&lt;a href=3D#dom-input-indetermina=
te&gt;indeterminate&lt;/a&gt;&lt;/code&gt; IDL attribute is set to true&l=
t;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; elements whose &lt;code title=3Dattr-input-type&gt;&lt=
;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+     the &lt;a href=3D&quot;#radio-button-state-(type=3Dradio)&quot; tit=
le=3Dattr-input-type-radio&gt;Radio Button&lt;/a&gt; state and whose &lt;=
a href=3D#radio-button-group&gt;radio button
+     group&lt;/a&gt; contains no &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt; elements whose &lt;a href=3D#concept=
-fe-checked title=3Dconcept-fe-checked&gt;checkedness&lt;/a&gt; state is =
true.&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-progress-element&gt;progres=
s&lt;/a&gt;&lt;/code&gt; elements with no &lt;code title=3Dattr-progress-=
value&gt;&lt;a href=3D#attr-progress-value&gt;value&lt;/a&gt;&lt;/code&gt=
;
+     content attribute&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dselector-default title=3Dselector-default&gt;&=
lt;code&gt;:default&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;code title=3Dselector-default&gt;&lt;a href=3D#sele=
ctor-default&gt;:default&lt;/a&gt;&lt;/code&gt; pseudo-class must match a=
ny element
+    falling into one of the following categories:&lt;/p&gt;
+
+    &lt;ul&gt;&lt;li&gt;&lt;code&gt;&lt;a href=3D#the-button-element&gt;=
button&lt;/a&gt;&lt;/code&gt; elements that are their form's &lt;a href=3D=
#default-button&gt;default button&lt;/a&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; elements whose &lt;code title=3Dattr-input-type&gt;&lt=
;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in
+     the &lt;a href=3D&quot;#submit-button-state-(type=3Dsubmit)&quot; t=
itle=3Dattr-input-type-submit&gt;Submit Button&lt;/a&gt; or &lt;a href=3D=
&quot;#image-button-state-(type=3Dimage)&quot; title=3Dattr-input-type-im=
age&gt;Image Button&lt;/a&gt; state, and that are their form's
+     &lt;a href=3D#default-button&gt;default button&lt;/a&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; elements to which the &lt;code title=3Dattr-input-chec=
ked&gt;&lt;a href=3D#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;
+     attribute applies and that have a &lt;code title=3Dattr-input-check=
ed&gt;&lt;a href=3D#attr-input-checked&gt;checked&lt;/a&gt;&lt;/code&gt;
+     attribute&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt=
;/a&gt;&lt;/code&gt; elements that have a &lt;code title=3Dattr-option-se=
lected&gt;&lt;a href=3D#attr-option-selected&gt;selected&lt;/a&gt;&lt;/co=
de&gt;
+     attribute&lt;/li&gt;
+
+&lt;!--
+     &lt;li&gt;&lt;code&gt;menuitem&lt;/code&gt; elements that have a &l=
t;code
+     title=3D&quot;attr-menuitem-default&quot;&gt;default&lt;/code&gt; a=
ttribute&lt;/li&gt;
+--&gt;
+    &lt;/ul&gt;&lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dselector-valid title=3Dselector-valid&gt;&lt;c=
ode&gt;:valid&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;code title=3Dselector-valid&gt;&lt;a href=3D#select=
or-valid&gt;:valid&lt;/a&gt;&lt;/code&gt; pseudo-class must match any ele=
ment falling
+    into one of the following categories:&lt;/p&gt;
+
+    &lt;ul&gt;&lt;li&gt;elements that are &lt;a href=3D#candidate-for-co=
nstraint-validation title=3D&quot;candidate for constraint validation&quo=
t;&gt;candidates for
+     constraint validation&lt;/a&gt; and that &lt;a href=3D#concept-fv-v=
alid title=3Dconcept-fv-valid&gt;satisfy their
+     constraints&lt;/a&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&=
gt;&lt;/code&gt; elements that are not the &lt;a href=3D#form-owner&gt;fo=
rm owner&lt;/a&gt; of any elements that
+     themselves are &lt;a href=3D#candidate-for-constraint-validation ti=
tle=3D&quot;candidate for constraint validation&quot;&gt;candidates for c=
onstraint
+     validation&lt;/a&gt; but do not &lt;a href=3D#concept-fv-valid titl=
e=3Dconcept-fv-valid&gt;satisfy their
+     constraints&lt;/a&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldse=
t&lt;/a&gt;&lt;/code&gt; elements that have no descendant elements that t=
hemselves are &lt;a href=3D#candidate-for-constraint-validation title=3D&=
quot;candidate for constraint validation&quot;&gt;candidates for constrai=
nt validation&lt;/a&gt; but do
+     not &lt;a href=3D#concept-fv-valid title=3Dconcept-fv-valid&gt;sati=
sfy their constraints&lt;/a&gt;&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dselector-invalid title=3Dselector-invalid&gt;&=
lt;code&gt;:invalid&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;code title=3Dselector-invalid&gt;&lt;a href=3D#sele=
ctor-invalid&gt;:invalid&lt;/a&gt;&lt;/code&gt; pseudo-class must match a=
ny element
+    falling into one of the following categories:&lt;/p&gt;
+
+    &lt;ul&gt;&lt;li&gt;elements that are &lt;a href=3D#candidate-for-co=
nstraint-validation title=3D&quot;candidate for constraint validation&quo=
t;&gt;candidates for
+     constraint validation&lt;/a&gt; but that do not &lt;a href=3D#conce=
pt-fv-valid title=3Dconcept-fv-valid&gt;satisfy their
+     constraints&lt;/a&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&=
gt;&lt;/code&gt; elements that are the &lt;a href=3D#form-owner&gt;form o=
wner&lt;/a&gt; of one or more elements
+     that themselves are &lt;a href=3D#candidate-for-constraint-validati=
on title=3D&quot;candidate for constraint validation&quot;&gt;candidates =
for constraint
+     validation&lt;/a&gt; but do not &lt;a href=3D#concept-fv-valid titl=
e=3Dconcept-fv-valid&gt;satisfy their
+     constraints&lt;/a&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldse=
t&lt;/a&gt;&lt;/code&gt; elements that have of one or more descendant ele=
ments that themselves
+     are &lt;a href=3D#candidate-for-constraint-validation title=3D&quot=
;candidate for constraint validation&quot;&gt;candidates for constraint
+     validation&lt;/a&gt; but do not &lt;a href=3D#concept-fv-valid titl=
e=3Dconcept-fv-valid&gt;satisfy their
+     constraints&lt;/a&gt;&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dselector-in-range title=3Dselector-in-range&gt=
;&lt;code&gt;:in-range&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;code title=3Dselector-in-range&gt;&lt;a href=3D#sel=
ector-in-range&gt;:in-range&lt;/a&gt;&lt;/code&gt; pseudo-class must matc=
h all elements
+    that are &lt;a href=3D#candidate-for-constraint-validation title=3D&=
quot;candidate for constraint validation&quot;&gt;candidates for constrai=
nt
+    validation&lt;/a&gt;, &lt;a href=3D#have-range-limitations&gt;have r=
ange limitations&lt;/a&gt;, and that are neither &lt;a href=3D#suffering-=
from-an-underflow&gt;suffering
+    from an underflow&lt;/a&gt; nor &lt;a href=3D#suffering-from-an-over=
flow&gt;suffering from an overflow&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dselector-out-of-range title=3Dselector-out-of-=
range&gt;&lt;code&gt;:out-of-range&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;code title=3Dselector-out-of-range&gt;&lt;a href=3D=
#selector-out-of-range&gt;:out-of-range&lt;/a&gt;&lt;/code&gt; pseudo-cla=
ss must match all
+    elements that are &lt;a href=3D#candidate-for-constraint-validation =
title=3D&quot;candidate for constraint validation&quot;&gt;candidates for=
 constraint
+    validation&lt;/a&gt;, &lt;a href=3D#have-range-limitations&gt;have r=
ange limitations&lt;/a&gt;, and that are either &lt;a href=3D#suffering-f=
rom-an-underflow&gt;suffering from
+    an underflow&lt;/a&gt; or &lt;a href=3D#suffering-from-an-overflow&g=
t;suffering from an overflow&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dselector-required title=3Dselector-required&gt=
;&lt;code&gt;:required&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;code title=3Dselector-required&gt;&lt;a href=3D#sel=
ector-required&gt;:required&lt;/a&gt;&lt;/code&gt; pseudo-class must matc=
h any element
+    falling into one of the following categories:&lt;/p&gt;
+
+    &lt;ul&gt;&lt;li&gt;&lt;code&gt;&lt;a href=3D#the-input-element&gt;i=
nput&lt;/a&gt;&lt;/code&gt; elements that are &lt;i title=3Dconcept-input=
-required&gt;&lt;a href=3D#concept-input-required&gt;required&lt;/a&gt;&l=
t;/i&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt=
;/a&gt;&lt;/code&gt; elements that have a &lt;code title=3Dattr-select-re=
quired&gt;&lt;a href=3D#attr-select-required&gt;required&lt;/a&gt;&lt;/co=
de&gt;
+     attribute&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textare=
a&lt;/a&gt;&lt;/code&gt; elements that have a &lt;code title=3Dattr-texta=
rea-required&gt;&lt;a href=3D#attr-textarea-required&gt;required&lt;/a&gt=
;&lt;/code&gt; attribute&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dselector-optional title=3Dselector-optional&gt=
;&lt;code&gt;:optional&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;code title=3Dselector-optional&gt;&lt;a href=3D#sel=
ector-optional&gt;:optional&lt;/a&gt;&lt;/code&gt; pseudo-class must matc=
h any element
+    falling into one of the following categories:&lt;/p&gt;
+
+    &lt;ul&gt;&lt;li&gt;&lt;code&gt;&lt;a href=3D#the-input-element&gt;i=
nput&lt;/a&gt;&lt;/code&gt; elements to which the &lt;code title=3Dattr-i=
nput-required&gt;&lt;a href=3D#attr-input-required&gt;required&lt;/a&gt;&=
lt;/code&gt;
+     attribute applies that are not &lt;i title=3Dconcept-input-required=
&gt;&lt;a href=3D#concept-input-required&gt;required&lt;/a&gt;&lt;/i&gt;&=
lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt=
;/a&gt;&lt;/code&gt; elements that do not have a &lt;code title=3Dattr-se=
lect-required&gt;&lt;a href=3D#attr-select-required&gt;required&lt;/a&gt;=
&lt;/code&gt; attribute&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textare=
a&lt;/a&gt;&lt;/code&gt; elements that do not have a &lt;code title=3Datt=
r-textarea-required&gt;&lt;a href=3D#attr-textarea-required&gt;required&l=
t;/a&gt;&lt;/code&gt; attribute&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dselector-read-only title=3Dselector-read-only&=
gt;&lt;code&gt;:read-only&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dselector-read-write title=3Dselector-read-writ=
e&gt;&lt;code&gt;:read-write&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;code title=3Dselector-read-write&gt;&lt;a href=3D#s=
elector-read-write&gt;:read-write&lt;/a&gt;&lt;/code&gt; pseudo-class mus=
t match any element
+    falling into one of the following categories, which for the purposes=
 of Selectors are thus
+    considered &lt;i&gt;user-alterable&lt;/i&gt;: &lt;a href=3D#refsSELE=
CTORS&gt;[SELECTORS]&lt;/a&gt;&lt;/p&gt;
+
+    &lt;ul&gt;&lt;li&gt;&lt;code&gt;&lt;a href=3D#the-input-element&gt;i=
nput&lt;/a&gt;&lt;/code&gt; elements to which the &lt;code title=3Dattr-i=
nput-readonly&gt;&lt;a href=3D#attr-input-readonly&gt;readonly&lt;/a&gt;&=
lt;/code&gt;
+     attribute applies, and that are &lt;i title=3Dconcept-fe-mutable&gt=
;&lt;a href=3D#concept-fe-mutable&gt;mutable&lt;/a&gt;&lt;/i&gt; (i.e. th=
at do not
+     have the &lt;code title=3Dattr-input-readonly&gt;&lt;a href=3D#attr=
-input-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt; attribute specified an=
d that are not
+     &lt;a href=3D#concept-fe-disabled title=3Dconcept-fe-disabled&gt;di=
sabled&lt;/a&gt;)&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textare=
a&lt;/a&gt;&lt;/code&gt; elements that do not have a &lt;code title=3Datt=
r-textarea-readonly&gt;&lt;a href=3D#attr-textarea-readonly&gt;readonly&l=
t;/a&gt;&lt;/code&gt; attribute, and that are not &lt;a href=3D#concept-f=
e-disabled title=3Dconcept-fe-disabled&gt;disabled&lt;/a&gt;&lt;/li&gt;
+
+     &lt;li&gt;elements that are &lt;a href=3D#editing-host title=3D&quo=
t;editing host&quot;&gt;editing hosts&lt;/a&gt; or &lt;a href=3D#editable=
&gt;editable&lt;/a&gt;
+     and are neither &lt;code&gt;&lt;a href=3D#the-input-element&gt;inpu=
t&lt;/a&gt;&lt;/code&gt; elements nor &lt;code&gt;&lt;a href=3D#the-texta=
rea-element&gt;textarea&lt;/a&gt;&lt;/code&gt; elements&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;p&gt;The &lt;code title=3Dselector-read-only&gt;&lt;a=
 href=3D#selector-read-only&gt;:read-only&lt;/a&gt;&lt;/code&gt; pseudo-c=
lass must match all other
+    &lt;a href=3D#html-elements&gt;HTML elements&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dselector-ltr title=3Dselector-ltr&gt;&lt;code&=
gt;:dir(ltr)&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;code title=3Dselector-ltr&gt;&lt;a href=3D#selector=
-ltr&gt;:dir(ltr)&lt;/a&gt;&lt;/code&gt; pseudo-class must match all elem=
ents whose
+    &lt;a href=3D#the-directionality title=3D&quot;the directionality&qu=
ot;&gt;directionality&lt;/a&gt; is '&lt;a href=3D#concept-ltr title=3Dcon=
cept-ltr&gt;ltr&lt;/a&gt;'.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dselector-rtl title=3Dselector-rtl&gt;&lt;code&=
gt;:dir(rtl)&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;code title=3Dselector-rtl&gt;&lt;a href=3D#selector=
-rtl&gt;:dir(rtl)&lt;/a&gt;&lt;/code&gt; pseudo-class must match all elem=
ents whose
+    &lt;a href=3D#the-directionality title=3D&quot;the directionality&qu=
ot;&gt;directionality&lt;/a&gt; is '&lt;a href=3D#concept-rtl title=3Dcon=
cept-rtl&gt;rtl&lt;/a&gt;'.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p class=3Dnote&gt;Another section of this specification=
 defines the &lt;i&gt;&lt;a href=3D#target-element&gt;target element&lt;/=
a&gt;&lt;/i&gt; used with
+  the &lt;code title=3Dselector-target&gt;:target&lt;/code&gt; pseudo-cl=
ass.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This specification does not define when an eleme=
nt matches the &lt;code title=3Dselector-focus&gt;:focus&lt;/code&gt; or =
&lt;code title=3Dselector-lang()&gt;:lang()&lt;/code&gt; dynamic
+  pseudo-classes, as those are all defined in sufficient detail in a lan=
guage-agnostic fashion in
+  the Selectors specification. &lt;a href=3D#refsSELECTORS&gt;[SELECTORS=
]&lt;/a&gt;&lt;/p&gt;
+
+&lt;!--REMOVE-TOPIC:CSS--&gt;
+
+  &lt;/div&gt;
+
+
+&lt;!--TOPIC:Microdata--&gt;
+
+  &lt;h2 id=3Dmicrodata&gt;&lt;span class=3Dsecno&gt;5 &lt;/span&gt;&lt;=
dfn&gt;Microdata&lt;/dfn&gt;&lt;/h2&gt;
+
+&lt;!-- USE CASES
+
+     Getting data out of poorly written Web pages
+     http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2009-May/019595=
.html
+
+     Allowing authors to keep track of where content originates
+     http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2009-May/019620=
.html
+
+     Helping people seaching for content filtered by license
+     http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2009-May/019668=
.html
+
+     Allowing authors to annotate their documents to explain things for =
readers
+     http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2009-May/019672=
.html
+
+     Annotating structured data that HTML has no semantics for
+     http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2009-May/019681=
.html
+
+     Exposing known data types in a reusable way
+     http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2009-May/019833=
.html
+
+     Providing enhanced search results
+     http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2009-May/019834=
.html
+
+     Dragging or copying data between sites
+     http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2009-May/019835=
.html
+
+     Writing authoring tools and validators for custom microdata vocabul=
aries
+     http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2009-May/019839=
.html
+
+     Removing the need for separate feeds
+     http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2009-May/019884=
.html
+
+     Use cases for which I haven't been able to find solutions
+     http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2009-May/019886=
.html    =20
+
+--&gt;
+
+&lt;!-- v2
+
+  * &lt;itemref itemprop=3D&quot;foo&quot; src=3D&quot;url#id&quot;&gt; =
to import the item with id=3D&quot;id&quot; from url into the current
+    microdata block as the value of property foo?
+
+  * splitting the 'content' part of a property into multiple sub-bits, a=
s in:
+
+     &lt;span itemprop=3D&quot;tel&quot; item-content-in-bits&gt;
+       Telephone:
+       &lt;span content-bit&gt;+44&lt;/span&gt; (0) &lt;span content-bit=
&gt;1223 123 123&lt;/span&gt;
+     &lt;/span&gt;
+
+    maybe vocabs that need this can use a sub vocabulary specifically fo=
r this:
+
+     &lt;span itemprop=3D&quot;tel&quot; itemscope itemtype=3D&quot;http=
://bits.example/&quot;&gt;
+       Telephone:
+       &lt;span itemprop=3Dbit&gt;+44&lt;/span&gt; (0) &lt;span itemprop=
=3Dbit&gt;1223 123 123&lt;/span&gt;
+     &lt;/span&gt;
+
+--&gt;
+
+  &lt;h3 id=3Dintroduction-4&gt;&lt;span class=3Dsecno&gt;5.1 &lt;/span&=
gt;Introduction&lt;/h3&gt;
+
+  &lt;h4 id=3Doverview&gt;&lt;span class=3Dsecno&gt;5.1.1 &lt;/span&gt;O=
verview&lt;/h4&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;Sometimes, it is desirable to annotate content with specific =
machine-readable labels, e.g. to
+  allow generic scripts to provide services that are customised to the p=
age, or to enable content
+  from a variety of cooperating authors to be processed by a single scri=
pt in a consistent
+  manner.&lt;/p&gt;
+
+  &lt;p&gt;For this purpose, authors can use the microdata features desc=
ribed in this section. Microdata
+  allows nested groups of name-value pairs to be added to documents, in =
parallel with the existing
+  content.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dthe-basic-syntax&gt;&lt;span class=3Dsecno&gt;5.1.2 &lt;/s=
pan&gt;The basic syntax&lt;/h4&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;At a high level, microdata consists of a group of name-value =
pairs. The groups are called &lt;a href=3D#concept-item title=3Dconcept-i=
tem&gt;items&lt;/a&gt;, and each name-value pair is a property. Items and=
 properties
+  are represented by regular elements.&lt;/p&gt;
+
+  &lt;p&gt;To create an item, the &lt;code title=3Dattr-itemscope&gt;&lt=
;a href=3D#attr-itemscope&gt;itemscope&lt;/a&gt;&lt;/code&gt; attribute i=
s used.&lt;/p&gt;
+
+  &lt;p&gt;To add a property to an item, the &lt;code title=3Dattr-itemp=
rop&gt;&lt;a href=3D#names:-the-itemprop-attribute&gt;itemprop&lt;/a&gt;&=
lt;/code&gt; attribute is used
+  on one of the &lt;a href=3D#concept-item title=3Dconcept-item&gt;item'=
s&lt;/a&gt; descendants.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here there are two items, each of which has the property &qu=
ot;name&quot;:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;div itemscope&amp;gt;
+ &amp;lt;p&amp;gt;My name is &amp;lt;span itemprop=3D&quot;name&quot;&am=
p;gt;Elizabeth&amp;lt;/span&amp;gt;.&amp;lt;/p&amp;gt;
+&amp;lt;/div&amp;gt;
+
+&amp;lt;div itemscope&amp;gt;
+ &amp;lt;p&amp;gt;My name is &amp;lt;span itemprop=3D&quot;name&quot;&am=
p;gt;Daniel&amp;lt;/span&amp;gt;.&amp;lt;/p&amp;gt;
+&amp;lt;/div&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;Markup without microdata attributes has no effect on microdat=
a.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;These two examples are exactly equivalent, at a microdata le=
vel, as the previous two examples
+   respectively:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;div itemscope&amp;gt;
+ &amp;lt;p&amp;gt;My &amp;lt;em&amp;gt;name&amp;lt;/em&amp;gt; is &amp;l=
t;span itemprop=3D&quot;name&quot;&amp;gt;E&amp;lt;strong&amp;gt;liz&amp;=
lt;/strong&amp;gt;abeth&amp;lt;/span&amp;gt;.&amp;lt;/p&amp;gt;
+&amp;lt;/div&amp;gt;
+
+&amp;lt;section&amp;gt;
+ &amp;lt;div itemscope&amp;gt;
+  &amp;lt;aside&amp;gt;
+   &amp;lt;p&amp;gt;My name is &amp;lt;span itemprop=3D&quot;name&quot;&=
amp;gt;&amp;lt;a href=3D&quot;/?user=3Ddaniel&quot;&amp;gt;Daniel&amp;lt;=
/a&amp;gt;&amp;lt;/span&amp;gt;.&amp;lt;/p&amp;gt;
+  &amp;lt;/aside&amp;gt;
+ &amp;lt;/div&amp;gt;
+&amp;lt;/section&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;Properties generally have values that are strings.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here the item has three properties:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;div itemscope&amp;gt;
+ &amp;lt;p&amp;gt;My name is &amp;lt;span itemprop=3D&quot;name&quot;&am=
p;gt;Neil&amp;lt;/span&amp;gt;.&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;My band is called &amp;lt;span itemprop=3D&quot;band&q=
uot;&amp;gt;Four Parts Water&amp;lt;/span&amp;gt;.&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;I am &amp;lt;span itemprop=3D&quot;nationality&quot;&a=
mp;gt;British&amp;lt;/span&amp;gt;.&amp;lt;/p&amp;gt;
+&amp;lt;/div&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;When a string value is a &lt;a href=3D#url&gt;URL&lt;/a&gt;, =
it is expressed using the &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt=
;/a&gt;&lt;/code&gt; element and
+  its &lt;code title=3Dattr-hyperlink-href&gt;&lt;a href=3D#attr-hyperli=
nk-href&gt;href&lt;/a&gt;&lt;/code&gt; attribute, the &lt;code&gt;&lt;a h=
ref=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt; element and its
+  &lt;code title=3Dattr-img-src&gt;&lt;a href=3D#attr-img-src&gt;src&lt;=
/a&gt;&lt;/code&gt; attribute, or other elements that link to or embed ex=
ternal
+  resources.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this example, the item has one property, &quot;image&quot=
;, whose value is a URL:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;div itemscope&amp;gt;
+ &amp;lt;img itemprop=3D&quot;image&quot; src=3D&quot;google-logo.png&qu=
ot; alt=3D&quot;Google&quot;&amp;gt;
+&amp;lt;/div&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;When a string value is in some machine-readable format unsuit=
able for human consumption, it is
+  expressed using the &lt;code title=3Dattr-data-value&gt;&lt;a href=3D#=
attr-data-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute of the &lt;code=
&gt;&lt;a href=3D#the-data-element&gt;data&lt;/a&gt;&lt;/code&gt;
+  element, with the human-readable version given in the element's conten=
ts.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here, there is an item with a property whose value is a prod=
uct ID. The ID is not
+   human-friendly, so the product's name is used the human-visible text =
instead of the ID.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;h1 itemscope&amp;gt;
+ &amp;lt;data itemprop=3D&quot;product-id&quot; value=3D&quot;9678AOU879=
&quot;&amp;gt;The Instigator 2000&amp;lt;/data&amp;gt;
+&amp;lt;/h1&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;For numeric data, the &lt;code&gt;&lt;a href=3D#the-meter-ele=
ment&gt;meter&lt;/a&gt;&lt;/code&gt; element and its &lt;code title=3Datt=
r-meter-value&gt;&lt;a href=3D#attr-meter-value&gt;value&lt;/a&gt;&lt;/co=
de&gt; attribute can be used instead.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here a rating is given using a &lt;code&gt;&lt;a href=3D#the=
-meter-element&gt;meter&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;div itemscope itemtype=3D&quot;http://schema.org/P=
roduct&quot;&amp;gt;
+ &amp;lt;span itemprop=3D&quot;name&quot;&amp;gt;Panasonic White 60L Ref=
rigerator&amp;lt;/span&amp;gt;
+ &amp;lt;img src=3D&quot;panasonic-fridge-60l-white.jpg&quot; alt=3D&quo=
t;&quot;&amp;gt;
+  &amp;lt;div itemprop=3D&quot;aggregateRating&quot;
+       itemscope itemtype=3D&quot;http://schema.org/AggregateRating&quot=
;&amp;gt;
+   &amp;lt;meter itemprop=3D&quot;ratingValue&quot; min=3D0 value=3D3.5 =
max=3D5&amp;gt;Rated 3.5/5&amp;lt;/meter&amp;gt;
+   (based on &amp;lt;span itemprop=3D&quot;reviewCount&quot;&amp;gt;11&a=
mp;lt;/span&amp;gt; customer reviews)
+  &amp;lt;/div&amp;gt;
+&amp;lt;/div&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;Similarly, for date- and time-related data, the &lt;code&gt;&=
lt;a href=3D#the-time-element&gt;time&lt;/a&gt;&lt;/code&gt; element and =
its &lt;code title=3Dattr-time-datetime&gt;&lt;a href=3D#attr-time-dateti=
me&gt;datetime&lt;/a&gt;&lt;/code&gt; attribute can be used instead.&lt;/=
p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this example, the item has one property, &quot;birthday&q=
uot;, whose value is a date:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;div itemscope&amp;gt;
+ I was born on &amp;lt;time itemprop=3D&quot;birthday&quot; datetime=3D&=
quot;2009-05-10&quot;&amp;gt;May 10th 2009&amp;lt;/time&amp;gt;.
+&amp;lt;/div&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;Properties can also themselves be groups of name-value pairs,=
 by putting the &lt;code title=3Dattr-itemscope&gt;&lt;a href=3D#attr-ite=
mscope&gt;itemscope&lt;/a&gt;&lt;/code&gt; attribute on the element that =
declares the property.&lt;/p&gt;
+
+  &lt;p&gt;Items that are not part of others are called &lt;a href=3D#to=
p-level-microdata-items&gt;top-level microdata items&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this example, the outer item represents a person, and the=
 inner one represents a band:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;div itemscope&amp;gt;
+ &amp;lt;p&amp;gt;Name: &amp;lt;span itemprop=3D&quot;name&quot;&amp;gt;=
Amanda&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;Band: &amp;lt;span itemprop=3D&quot;band&quot; itemsco=
pe&amp;gt; &amp;lt;span itemprop=3D&quot;name&quot;&amp;gt;Jazz Band&amp;=
lt;/span&amp;gt; (&amp;lt;span itemprop=3D&quot;size&quot;&amp;gt;12&amp;=
lt;/span&amp;gt; players)&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
+&amp;lt;/div&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;The outer item here has two properties, &quot;name&quot; and=
 &quot;band&quot;. The &quot;name&quot; is &quot;Amanda&quot;, and the
+   &quot;band&quot; is an item in its own right, with two properties, &q=
uot;name&quot; and &quot;size&quot;. The &quot;name&quot; of the
+   band is &quot;Jazz Band&quot;, and the &quot;size&quot; is &quot;12&q=
uot;.&lt;/p&gt;
+
+   &lt;p&gt;The outer item in this example is a top-level microdata item=
.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;Properties that are not descendants of the element with the &=
lt;code title=3Dattr-itemscope&gt;&lt;a href=3D#attr-itemscope&gt;itemsco=
pe&lt;/a&gt;&lt;/code&gt; attribute can be associated with the &lt;a href=
=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt; using the &lt;cod=
e title=3Dattr-itemref&gt;&lt;a href=3D#attr-itemref&gt;itemref&lt;/a&gt;=
&lt;/code&gt; attribute.
+  This attribute takes a list of IDs of elements to crawl in addition to=
 crawling the children of
+  the element with the &lt;code title=3Dattr-itemscope&gt;&lt;a href=3D#=
attr-itemscope&gt;itemscope&lt;/a&gt;&lt;/code&gt; attribute.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This example is the same as the previous one, but all the pr=
operties are separated from their
+   &lt;a href=3D#concept-item title=3Dconcept-item&gt;items&lt;/a&gt;:&l=
t;/p&gt;
+
+   &lt;pre&gt;&amp;lt;div itemscope id=3D&quot;amanda&quot; itemref=3D&q=
uot;a b&quot;&amp;gt;&amp;lt;/div&amp;gt;
+&amp;lt;p id=3D&quot;a&quot;&amp;gt;Name: &amp;lt;span itemprop=3D&quot;=
name&quot;&amp;gt;Amanda&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
+&amp;lt;div id=3D&quot;b&quot; itemprop=3D&quot;band&quot; itemscope ite=
mref=3D&quot;c&quot;&amp;gt;&amp;lt;/div&amp;gt;
+&amp;lt;div id=3D&quot;c&quot;&amp;gt;
+ &amp;lt;p&amp;gt;Band: &amp;lt;span itemprop=3D&quot;name&quot;&amp;gt;=
Jazz Band&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;Size: &amp;lt;span itemprop=3D&quot;size&quot;&amp;gt;=
12&amp;lt;/span&amp;gt; players&amp;lt;/p&amp;gt;
+&amp;lt;/div&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;This gives the same result as the previous example. The firs=
t item has two properties, &quot;name&quot;,
+   set to &quot;Amanda&quot;, and &quot;band&quot;, set to another item.=
 That second item has two further properties,
+   &quot;name&quot;, set to &quot;Jazz Band&quot;, and &quot;size&quot;,=
 set to &quot;12&quot;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;An &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt=
;/a&gt; can have multiple properties with the same name and
+  different values.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This example describes an ice cream, with two flavors:&lt;/p=
&gt;
+
+   &lt;pre&gt;&amp;lt;div itemscope&amp;gt;
+ &amp;lt;p&amp;gt;Flavors in my favorite ice cream:&amp;lt;/p&amp;gt;
+ &amp;lt;ul&amp;gt;
+  &amp;lt;li itemprop=3D&quot;flavor&quot;&amp;gt;Lemon sorbet&amp;lt;/l=
i&amp;gt;
+  &amp;lt;li itemprop=3D&quot;flavor&quot;&amp;gt;Apricot sorbet&amp;lt;=
/li&amp;gt;
+ &amp;lt;/ul&amp;gt;
+&amp;lt;/div&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;This thus results in an item with two properties, both &quot=
;flavor&quot;, having the values &quot;Lemon
+   sorbet&quot; and &quot;Apricot sorbet&quot;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;An element introducing a property can also introduce multiple=
 properties at once, to avoid
+  duplication when some of the properties have the same value.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here we see an item with two properties, &quot;favorite-colo=
r&quot; and &quot;favorite-fruit&quot;, both set to
+   the value &quot;orange&quot;:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;div itemscope&amp;gt;
+ &amp;lt;span itemprop=3D&quot;favorite-color favorite-fruit&quot;&amp;g=
t;orange&amp;lt;/span&amp;gt;
+&amp;lt;/div&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;It's important to note that there is no relationship between =
the microdata and the content of
+  the document where the microdata is marked up.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;There is no semantic difference, for instance, between the f=
ollowing two examples:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;figure&amp;gt;
+ &amp;lt;img src=3D&quot;castle.jpeg&quot;&amp;gt;
+ &amp;lt;figcaption&amp;gt;&amp;lt;span itemscope&amp;gt;&amp;lt;span it=
emprop=3D&quot;name&quot;&amp;gt;The Castle&amp;lt;/span&amp;gt;&amp;lt;/=
span&amp;gt; (1986)&amp;lt;/figcaption&amp;gt;
+&amp;lt;/figure&amp;gt;&lt;/pre&gt;
+
+   &lt;pre&gt;&amp;lt;span itemscope&amp;gt;&amp;lt;meta itemprop=3D&quo=
t;name&quot; content=3D&quot;The Castle&quot;&amp;gt;&amp;lt;/span&amp;gt=
;
+&amp;lt;figure&amp;gt;
+ &amp;lt;img src=3D&quot;castle.jpeg&quot;&amp;gt;
+ &amp;lt;figcaption&amp;gt;The Castle (1986)&amp;lt;/figcaption&amp;gt;
+&amp;lt;/figure&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;Both have a figure with a caption, and both, completely unre=
lated to the figure, have an item
+   with a name-value pair with the name &quot;name&quot; and the value &=
quot;The Castle&quot;. The only difference is
+   that if the user drags the caption out of the document, in the former=
 case, the item will be
+   included in the drag-and-drop data. In neither case is the image in a=
ny way associated with the
+   item.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dtyped-items&gt;&lt;span class=3Dsecno&gt;5.1.3 &lt;/span&g=
t;Typed items&lt;/h4&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;The examples in the previous section show how information cou=
ld be marked up on a page that
+  doesn't expect its microdata to be re-used. Microdata is most useful, =
though, when it is used in
+  contexts where other authors and readers are able to cooperate to make=
 new uses of the markup.&lt;/p&gt;
+
+  &lt;p&gt;For this purpose, it is necessary to give each &lt;a href=3D#=
concept-item title=3Dconcept-item&gt;item&lt;/a&gt; a type,
+  such as &quot;http://example.com/person&quot;, or &quot;http://example=
.org/cat&quot;, or &quot;http://band.example.net/&quot;.
+  Types are identified as &lt;a href=3D#url title=3DURL&gt;URLs&lt;/a&gt=
;.&lt;/p&gt;
+
+  &lt;p&gt;The type for an &lt;a href=3D#concept-item title=3Dconcept-it=
em&gt;item&lt;/a&gt; is given as the value of an &lt;code title=3Dattr-it=
emtype&gt;&lt;a href=3D#attr-itemtype&gt;itemtype&lt;/a&gt;&lt;/code&gt; =
attribute on the same element as the &lt;code title=3Dattr-itemscope&gt;&=
lt;a href=3D#attr-itemscope&gt;itemscope&lt;/a&gt;&lt;/code&gt; attribute=
.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here, the item's type is &quot;http://example.org/animals#ca=
t&quot;:&lt;/p&gt;
+
+&lt;pre&gt;&amp;lt;section itemscope itemtype=3D&quot;http://example.org=
/animals#cat&quot;&amp;gt;
+ &amp;lt;h1 itemprop=3D&quot;name&quot;&amp;gt;Hedral&amp;lt;/h1&amp;gt;
+ &amp;lt;p itemprop=3D&quot;desc&quot;&amp;gt;Hedral is a male american =
domestic
+ shorthair, with a fluffy black fur with white paws and belly.&amp;lt;/p=
&amp;gt;
+ &amp;lt;img itemprop=3D&quot;img&quot; src=3D&quot;hedral.jpeg&quot; al=
t=3D&quot;&quot; title=3D&quot;Hedral, age 18 months&quot;&amp;gt;
+&amp;lt;/section&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;In this example the &quot;http://example.org/animals#cat&quo=
t; item has three properties, a &quot;name&quot;
+   (&quot;Hedral&quot;), a &quot;desc&quot; (&quot;Hedral is...&quot;), =
and an &quot;img&quot; (&quot;hedral.jpeg&quot;).&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The type gives the context for the properties, thus selecting=
 a vocabulary: a property named
+  &quot;class&quot; given for an item with the type &quot;http://census.=
example/person&quot; might refer to the economic
+  class of an individual, while a property named &quot;class&quot; given=
 for an item with the type
+  &quot;http://example.com/school/teacher&quot; might refer to the class=
room a teacher has been assigned.
+  Several types can share a vocabulary. For example, the types &quot;&lt=
;code title=3D&quot;&quot;&gt;http://example.org/people/teacher&lt;/code&=
gt;&quot; and &quot;&lt;code title=3D&quot;&quot;&gt;http://example.org/p=
eople/engineer&lt;/code&gt;&quot; could be defined to use the same vocabu=
lary
+  (though maybe some properties would not be especially useful in both c=
ases, e.g. maybe the &quot;&lt;code title=3D&quot;&quot;&gt;http://exampl=
e.org/people/engineer&lt;/code&gt;&quot; type might not typically be used=
 with the
+  &quot;&lt;code title=3D&quot;&quot;&gt;classroom&lt;/code&gt;&quot; pr=
operty). Multiple types defined to use the same vocabulary can
+  be given for a single item by listing the URLs as a space-separated li=
st in the attribute' value.
+  An item cannot be given two types if they do not use the same vocabula=
ry, however.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dglobal-identifiers-for-items&gt;&lt;span class=3Dsecno&gt;=
5.1.4 &lt;/span&gt;Global identifiers for items&lt;/h4&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;Sometimes, an &lt;a href=3D#concept-item title=3Dconcept-item=
&gt;item&lt;/a&gt; gives information about a topic that has a
+  global identifier. For example, books can be identified by their ISBN =
number.&lt;/p&gt;
+
+  &lt;p&gt;Vocabularies (as identified by the &lt;code title=3Dattr-item=
type&gt;&lt;a href=3D#attr-itemtype&gt;itemtype&lt;/a&gt;&lt;/code&gt; at=
tribute) can
+  be designed such that &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;items&lt;/a&gt; get associated with their global
+  identifier in an unambiguous way by expressing the global identifiers =
as &lt;a href=3D#url title=3DURL&gt;URLs&lt;/a&gt; given in an &lt;code t=
itle=3Dattr-itemid&gt;&lt;a href=3D#attr-itemid&gt;itemid&lt;/a&gt;&lt;/c=
ode&gt; attribute.&lt;/p&gt;
+
+  &lt;p&gt;The exact meaning of the &lt;a href=3D#url title=3DURL&gt;URL=
s&lt;/a&gt; given in &lt;code title=3Dattr-itemid&gt;&lt;a href=3D#attr-i=
temid&gt;itemid&lt;/a&gt;&lt;/code&gt; attributes depends on the vocabula=
ry used.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here, an item is talking about a particular book:&lt;/p&gt;
+
+&lt;pre&gt;&amp;lt;dl itemscope
+    itemtype=3D&quot;http://vocab.example.net/book&quot;
+    &lt;strong&gt;itemid=3D&quot;urn:isbn:0-330-34032-8&quot;&lt;/strong=
&gt;&amp;gt;
+ &amp;lt;dt&amp;gt;Title
+ &amp;lt;dd itemprop=3D&quot;title&quot;&amp;gt;The Reality Dysfunction
+ &amp;lt;dt&amp;gt;Author
+ &amp;lt;dd itemprop=3D&quot;author&quot;&amp;gt;Peter F. Hamilton
+ &amp;lt;dt&amp;gt;Publication date
+ &amp;lt;dd&amp;gt;&amp;lt;time itemprop=3D&quot;pubdate&quot; datetime=3D=
&quot;1996-01-26&quot;&amp;gt;26 January 1996&amp;lt;/time&amp;gt;
+&amp;lt;/dl&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;The &quot;&lt;code title=3D&quot;&quot;&gt;http://vocab.exam=
ple.net/book&lt;/code&gt;&quot; vocabulary in this example would
+   define that the &lt;code title=3Dattr-itemid&gt;&lt;a href=3D#attr-it=
emid&gt;itemid&lt;/a&gt;&lt;/code&gt; attribute takes a &lt;code title=3D=
&quot;&quot;&gt;urn:&lt;/code&gt; &lt;a href=3D#url&gt;URL&lt;/a&gt; poin=
ting to the ISBN of the book.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;!-- (commented out since itemtype=3D&quot;&quot; defines the meani=
ng of the
+        identifier for now)
+  &lt;p&gt;Although it is common practice, authors are encouraged not to=
 use the same URL to identify
+  multiple topics; in particular, an HTTP URL usually identifies a speci=
fic resource (such as an
+  image or document), and authors are encouraged to not use them to iden=
tify people, non-Web
+  resources like companies, movies, and products, or other abstract conc=
epts. Using an HTTP URL as a
+  global identifier for something other than the resource actually desig=
nated by the URL leads to a
+  situation where it is ambiguous whether the identifier, and thus the s=
et of properties specified
+  in the microdata, references the page or something else.&lt;/p&gt;
+  --&gt;
+
+
+
+  &lt;h4 id=3Dselecting-names-when-defining-vocabularies&gt;&lt;span cla=
ss=3Dsecno&gt;5.1.5 &lt;/span&gt;Selecting names when defining vocabulari=
es&lt;/h4&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;Using microdata means using a vocabulary. For some purposes, =
an ad-hoc vocabulary is adequate.
+  For others, a vocabulary will need to be designed. Where possible, aut=
hors are encouraged to
+  re-use existing vocabularies, as this makes content re-use easier.&lt;=
/p&gt;
+
+  &lt;p&gt;When designing new vocabularies, identifiers can be created e=
ither using &lt;a href=3D#url title=3DURL&gt;URLs&lt;/a&gt;, or, for prop=
erties, as plain words (with no dots or colons). For URLs,
+  conflicts with other vocabularies can be avoided by only using identif=
iers that correspond to
+  pages that the author has control over.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For instance, if Jon and Adam both write content at &lt;code=
 title=3D&quot;&quot;&gt;example.com&lt;/code&gt;, at &lt;code title=3D&q=
uot;&quot;&gt;http://example.com/~jon/...&lt;/code&gt; and &lt;code title=
=3D&quot;&quot;&gt;http://example.com/~adam/...&lt;/code&gt; respectively=
, then
+   they could select identifiers of the form
+   &quot;http://example.com/~jon/name&quot; and &quot;http://example.com=
/~adam/name&quot;
+   respectively.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;Properties whose names are just plain words can only be used =
within the context of the types
+  for which they are intended; properties named using URLs can be reused=
 in items of any type. If an
+  item has no type, and is not part of another item, then if its propert=
ies have names that are just
+  plain words, they are not intended to be globally unique, and are inst=
ead only intended for
+  limited use. Generally speaking, authors are encouraged to use either =
properties with globally
+  unique names (URLs) or ensure that their items are typed.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here, an item is an &quot;http://example.org/animals#cat&quo=
t;, and most of the properties have names
+   that are words defined in the context of that type. There are also a =
few additional properties
+   whose names come from other vocabularies.&lt;/p&gt;
+
+&lt;pre&gt;&amp;lt;section itemscope itemtype=3D&quot;http://example.org=
/animals#cat&quot;&amp;gt;
+ &amp;lt;h1 itemprop=3D&quot;name http://example.com/fn&quot;&amp;gt;Hed=
ral&amp;lt;/h1&amp;gt;
+ &amp;lt;p itemprop=3D&quot;desc&quot;&amp;gt;Hedral is a male american =
domestic
+ shorthair, with a fluffy &amp;lt;span
+ itemprop=3D&quot;http://example.com/color&quot;&amp;gt;black&amp;lt;/sp=
an&amp;gt; fur with &amp;lt;span
+ itemprop=3D&quot;http://example.com/color&quot;&amp;gt;white&amp;lt;/sp=
an&amp;gt; paws and belly.&amp;lt;/p&amp;gt;
+ &amp;lt;img itemprop=3D&quot;img&quot; src=3D&quot;hedral.jpeg&quot; al=
t=3D&quot;&quot; title=3D&quot;Hedral, age 18 months&quot;&amp;gt;
+&amp;lt;/section&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;This example has one item with the type &quot;http://example=
.org/animals#cat&quot; and the following
+   properties:&lt;/p&gt;
+
+   &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;td&gt;Property
+      &lt;td&gt;Value
+    &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;name
+      &lt;td&gt;Hedral
+     &lt;tr&gt;&lt;td&gt;http://example.com/fn
+      &lt;td&gt;Hedral
+     &lt;tr&gt;&lt;td&gt;desc
+      &lt;td&gt;Hedral is a male american domestic shorthair, with a flu=
ffy black fur with white paws and belly.
+     &lt;tr&gt;&lt;td&gt;http://example.com/color
+      &lt;td&gt;black
+     &lt;tr&gt;&lt;td&gt;http://example.com/color
+      &lt;td&gt;white
+     &lt;tr&gt;&lt;td&gt;img
+      &lt;td&gt;.../hedral.jpeg
+   &lt;/table&gt;&lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dusing-the-microdata-dom-api&gt;&lt;span class=3Dsecno&gt;5=
.1.6 &lt;/span&gt;Using the microdata DOM API&lt;/h4&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;The microdata becomes even more useful when scripts can use i=
t to expose information to the
+  user, for example offering it in a form that can be used by other appl=
ications.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-document-getItems&gt;&lt;a href=3D#d=
om-document-getitems&gt;document.getItems(&lt;var title=3D&quot;&quot;&gt=
;typeNames&lt;/var&gt;)&lt;/a&gt;&lt;/code&gt;
+  method provides access to the &lt;a href=3D#top-level-microdata-items&=
gt;top-level microdata items&lt;/a&gt;. It returns a
+  &lt;code&gt;&lt;a href=3D#nodelist&gt;NodeList&lt;/a&gt;&lt;/code&gt; =
containing the items with the specified types, or all types if no argumen=
t
+  is specified.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; is represented in the DOM by the element on which
+  the relevant &lt;code title=3Dattr-itemscope&gt;&lt;a href=3D#attr-ite=
mscope&gt;itemscope&lt;/a&gt;&lt;/code&gt; attribute is found. These elem=
ents have
+  their &lt;code title=3Ddom-itemScope&gt;&lt;a href=3D#dom-itemscope&gt=
;element.itemScope&lt;/a&gt;&lt;/code&gt; IDL attribute set to true.&lt;/=
p&gt;
+
+  &lt;p&gt;The type(s) of &lt;a href=3D#concept-item title=3Dconcept-ite=
m&gt;items&lt;/a&gt; can be obtained using the &lt;code title=3Ddom-itemT=
ype&gt;&lt;a href=3D#dom-itemtype&gt;element.itemType&lt;/a&gt;&lt;/code&=
gt; IDL attribute on the element with the &lt;code title=3Dattr-itemscope=
&gt;&lt;a href=3D#attr-itemscope&gt;itemscope&lt;/a&gt;&lt;/code&gt; attr=
ibute.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This sample shows how the &lt;code title=3Ddom-document-getI=
tems&gt;&lt;a href=3D#dom-document-getitems&gt;getItems()&lt;/a&gt;&lt;/c=
ode&gt; method can be
+   used to obtain a list of all the top-level microdata items of a parti=
cular type given in the
+   document:&lt;/p&gt;
+
+   &lt;pre&gt;var cats =3D document.getItems(&quot;http://example.com/fe=
line&quot;);&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;Once an element representing an &lt;a href=3D#concept-item ti=
tle=3Dconcept-item&gt;item&lt;/a&gt; has been obtained, its
+  properties can be extracted using the &lt;code title=3Ddom-properties&=
gt;&lt;a href=3D#dom-properties&gt;properties&lt;/a&gt;&lt;/code&gt; IDL
+  attribute. This attribute returns an &lt;code&gt;&lt;a href=3D#htmlpro=
pertiescollection&gt;HTMLPropertiesCollection&lt;/a&gt;&lt;/code&gt;, whi=
ch can be
+  enumerated to go through each element that adds one or more properties=
 to the item. It can also be
+  indexed by name, which will return an object with a list of the elemen=
ts that add properties with
+  that name.&lt;/p&gt;
+
+  &lt;p&gt;Each element that adds a property also has an &lt;code title=3D=
dom-itemValue&gt;&lt;a href=3D#dom-itemvalue&gt;itemValue&lt;/a&gt;&lt;/c=
ode&gt; IDL
+  attribute that returns its value.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This sample gets the first item of type &quot;http://example=
.net/user&quot; and then pops up an alert
+   using the &quot;name&quot; property from that item.&lt;/p&gt;
+
+   &lt;pre&gt;var user =3D document.getItems('http://example.net/user')[=
0];
+alert('Hello ' + user.properties['name'][0].itemValue + '!');&lt;/pre&gt=
;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#htmlpropertiescollection&gt;HTM=
LPropertiesCollection&lt;/a&gt;&lt;/code&gt; object, when indexed by name=
 in this way, actually
+  returns a &lt;code&gt;&lt;a href=3D#propertynodelist&gt;PropertyNodeLi=
st&lt;/a&gt;&lt;/code&gt; object with all the matching properties. The
+  &lt;code&gt;&lt;a href=3D#propertynodelist&gt;PropertyNodeList&lt;/a&g=
t;&lt;/code&gt; object can be used to obtain all the values at once using
+  &lt;em&gt;its&lt;/em&gt; &lt;code title=3Ddom-PropertyNodeList-getValu=
es&gt;&lt;a href=3D#dom-propertynodelist-getvalues&gt;getValues&lt;/a&gt;=
&lt;/code&gt; method, which returns
+  an array of all the values.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In an earlier example, a &quot;http://example.org/animals#ca=
t&quot; item had two
+   &quot;http://example.com/color&quot; values. This script looks up the=
 first such item and then lists all
+   its values.&lt;/p&gt;
+
+   &lt;pre&gt;var cat =3D document.getItems('http://example.org/animals#=
cat')[0];
+var colors =3D cat.properties['http://example.com/color'].getValues();
+var result;
+if (colors.length =3D=3D 0) {
+  result =3D 'Color unknown.';
+} else if (colors.length =3D=3D 1) {
+  result =3D 'Color: ' + colors[0];
+} else {
+  result =3D 'Colors:';
+  for (var i =3D 0; i &amp;lt; colors.length; i +=3D 1)
+    result +=3D ' ' + colors[i];
+}&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;It's also possible to get a list of all the &lt;a href=3D#pro=
perty-names&gt;property names&lt;/a&gt; using the object's
+  &lt;code title=3Ddom-HTMLPropertiesCollection-names&gt;&lt;a href=3D#d=
om-htmlpropertiescollection-names&gt;names&lt;/a&gt;&lt;/code&gt; IDL att=
ribute.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This example creates a big list with a nested list for each =
item on the page, each with all of
+   the property names used in that item.&lt;/p&gt;
+
+   &lt;pre&gt;var outer =3D document.createElement('ul');
+var items =3D document.getItems();
+for (var item =3D 0; item &amp;lt; items.length; item +=3D 1) {
+  var itemLi =3D document.createElement('li');
+  var inner =3D document.createElement('ul');
+  for (var name =3D 0; name &amp;lt; items[item].properties.names.length=
; name +=3D 1) {
+    var propLi =3D document.createElement('li');
+    propLi.appendChild(document.createTextNode(items[item].properties.na=
mes[name]));
+    inner.appendChild(propLi);
+  }
+  itemLi.appendChild(inner);
+  outer.appendChild(itemLi);
+}
+document.body.appendChild(outer);&lt;/pre&gt;
+
+   &lt;p&gt;If faced with the following from an earlier example:&lt;/p&g=
t;
+
+   &lt;pre&gt;&amp;lt;section itemscope itemtype=3D&quot;http://example.=
org/animals#cat&quot;&amp;gt;
+ &amp;lt;h1 itemprop=3D&quot;name http://example.com/fn&quot;&amp;gt;Hed=
ral&amp;lt;/h1&amp;gt;
+ &amp;lt;p itemprop=3D&quot;desc&quot;&amp;gt;Hedral is a male american =
domestic
+ shorthair, with a fluffy &amp;lt;span
+ itemprop=3D&quot;http://example.com/color&quot;&amp;gt;black&amp;lt;/sp=
an&amp;gt; fur with &amp;lt;span
+ itemprop=3D&quot;http://example.com/color&quot;&amp;gt;white&amp;lt;/sp=
an&amp;gt; paws and belly.&amp;lt;/p&amp;gt;
+ &amp;lt;img itemprop=3D&quot;img&quot; src=3D&quot;hedral.jpeg&quot; al=
t=3D&quot;&quot; title=3D&quot;Hedral, age 18 months&quot;&amp;gt;
+&amp;lt;/section&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;...it would result in the following output:&lt;/p&gt;
+
+   &lt;ul&gt;&lt;li&gt;
+     &lt;ul&gt;&lt;li&gt;name&lt;/li&gt;
+      &lt;li&gt;http://example.com/fn&lt;/li&gt;
+      &lt;li&gt;desc&lt;/li&gt;
+      &lt;li&gt;http://example.com/color&lt;/li&gt;
+      &lt;li&gt;img&lt;/li&gt;
+     &lt;/ul&gt;&lt;/li&gt;
+   &lt;/ul&gt;&lt;p&gt;(The duplicate occurrence of &quot;http://example=
.com/color&quot; is not included in the list.)&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h3 id=3Dencoding-microdata&gt;&lt;span class=3Dsecno&gt;5.2 &lt;/s=
pan&gt;Encoding microdata&lt;/h3&gt;
+
+
+  &lt;h4 id=3Dthe-microdata-model&gt;&lt;span class=3Dsecno&gt;5.2.1 &lt=
;/span&gt;The microdata model&lt;/h4&gt;
+
+  &lt;p&gt;The microdata model consists of groups of name-value pairs kn=
own as &lt;a href=3D#concept-item title=3Dconcept-item&gt;items&lt;/a&gt;=
.&lt;/p&gt;
+
+  &lt;p&gt;Each group is known as an &lt;a href=3D#concept-item title=3D=
concept-item&gt;item&lt;/a&gt;. Each &lt;a href=3D#concept-item title=3Dc=
oncept-item&gt;item&lt;/a&gt; can have &lt;a href=3D#item-types&gt;item t=
ypes&lt;/a&gt;, a &lt;a href=3D#global-identifier&gt;global
+  identifier&lt;/a&gt; (if the vocabulary specified by the &lt;a href=3D=
#item-types&gt;item types&lt;/a&gt; &lt;a href=3D#support-global-identifi=
ers-for-items&gt;support global
+  identifiers for items&lt;/a&gt;), and a list of name-value pairs. Each=
 name in the name-value pair is
+  known as a &lt;a href=3D#the-properties-of-an-item title=3D&quot;the p=
roperties of an item&quot;&gt;property&lt;/a&gt;, and each &lt;a href=3D#=
the-properties-of-an-item title=3D&quot;the
+  properties of an item&quot;&gt;property&lt;/a&gt; has one or more &lt;=
a href=3D#concept-property-value title=3Dconcept-property-value&gt;values=
&lt;/a&gt;. Each &lt;a href=3D#concept-property-value title=3Dconcept-pro=
perty-value&gt;value&lt;/a&gt; is either a string or itself a group of na=
me-value
+  pairs (an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/=
a&gt;). The names are unordered relative to each other,
+  but if a particular name has multiple values, they do have a relative =
order.&lt;/p&gt;
+
+
+
+  &lt;h4 id=3Ditems&gt;&lt;span class=3Dsecno&gt;5.2.2 &lt;/span&gt;Item=
s&lt;/h4&gt;
+
+  &lt;p&gt;Every &lt;a href=3D#html-elements title=3D&quot;HTML elements=
&quot;&gt;HTML element&lt;/a&gt; may have an &lt;dfn id=3Dattr-itemscope =
title=3Dattr-itemscope&gt;&lt;code&gt;itemscope&lt;/code&gt;&lt;/dfn&gt; =
attribute specified. The &lt;code title=3Dattr-itemscope&gt;&lt;a href=3D=
#attr-itemscope&gt;itemscope&lt;/a&gt;&lt;/code&gt; attribute is a &lt;a =
href=3D#boolean-attribute&gt;boolean attribute&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;An element with the &lt;code title=3Dattr-itemscope&gt;&lt;a =
href=3D#attr-itemscope&gt;itemscope&lt;/a&gt;&lt;/code&gt; attribute spec=
ified creates a
+  new &lt;dfn id=3Dconcept-item title=3Dconcept-item&gt;item&lt;/dfn&gt;=
, a group of name-value pairs.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;Elements with an &lt;code title=3Dattr-itemscope&gt=
;&lt;a href=3D#attr-itemscope&gt;itemscope&lt;/a&gt;&lt;/code&gt; attribu=
te may have an &lt;dfn id=3Dattr-itemtype title=3Dattr-itemtype&gt;&lt;co=
de&gt;itemtype&lt;/code&gt;&lt;/dfn&gt; attribute specified, to give the =
&lt;a href=3D#item-types&gt;item
+  types&lt;/a&gt; of the &lt;a href=3D#concept-item title=3Dconcept-item=
&gt;item&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-itemtype&gt;&lt;a href=3D#attr-item=
type&gt;itemtype&lt;/a&gt;&lt;/code&gt; attribute, if specified, must hav=
e a value that
+  is an &lt;a href=3D#unordered-set-of-unique-space-separated-tokens&gt;=
unordered set of unique space-separated tokens&lt;/a&gt; that are
+  &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt;, each of whic=
h is a &lt;a href=3D#valid-url&gt;valid URL&lt;/a&gt; that is an &lt;a hr=
ef=3D#absolute-url&gt;absolute
+  URL&lt;/a&gt;, and all of which are defined to use the same vocabulary=
. The attribute's value must
+  have at least one token.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ditem-types&gt;item types&lt;/dfn&gt; of an &=
lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt; are the =
tokens obtained
+  by &lt;a href=3D#split-a-string-on-spaces title=3D&quot;split a string=
 on spaces&quot;&gt;splitting the element's &lt;code title=3Dattr-itemtyp=
e&gt;itemtype&lt;/code&gt; attribute's value on spaces&lt;/a&gt;. If the =
&lt;code title=3Dattr-itemtype&gt;&lt;a href=3D#attr-itemtype&gt;itemtype=
&lt;/a&gt;&lt;/code&gt; attribute is missing or parsing it in this way fi=
nds no
+  tokens, the &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt=
;/a&gt; is said to have no &lt;a href=3D#item-types&gt;item types&lt;/a&g=
t;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#item-types&gt;item types&lt;/a&gt; must all=
 be types defined in &lt;a href=3D#other-applicable-specifications title=3D=
&quot;other applicable
+  specifications&quot;&gt;applicable specifications&lt;/a&gt; and must a=
ll be defined to use the same
+  vocabulary.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+   &lt;p&gt;Except if otherwise specified by that specification, the &lt=
;a href=3D#url title=3DURL&gt;URLs&lt;/a&gt; given
+   as the &lt;a href=3D#item-types&gt;item types&lt;/a&gt; should not be=
 automatically dereferenced.&lt;/p&gt;
+
+   &lt;p class=3Dnote&gt;A specification could define that its &lt;a hre=
f=3D#item-types title=3D&quot;item types&quot;&gt;item type&lt;/a&gt;
+   can be derefenced to provide the user with help information, for exam=
ple. In fact, vocabulary
+   authors are encouraged to provide useful information at the given &lt=
;a href=3D#url&gt;URL&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;&lt;a href=3D#item-types&gt;Item types&lt;/a&gt; are opaque =
identifiers, and user agents must not dereference unknown
+   &lt;a href=3D#item-types&gt;item types&lt;/a&gt;, or otherwise decons=
truct them, in order to determine how to process
+   &lt;a href=3D#concept-item title=3Dconcept-item&gt;items&lt;/a&gt; th=
at use them.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-itemtype&gt;&lt;a href=3D#attr-item=
type&gt;itemtype&lt;/a&gt;&lt;/code&gt; attribute must not be specified o=
n elements
+  that do not have an &lt;code title=3Dattr-itemscope&gt;&lt;a href=3D#a=
ttr-itemscope&gt;itemscope&lt;/a&gt;&lt;/code&gt; attribute specified.&lt=
;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;An &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; is said to be a &lt;dfn id=3Dtyped-item&gt;typed item&l=
t;/dfn&gt; when either it
+  has an &lt;a href=3D#item-types title=3D&quot;item types&quot;&gt;item=
 type&lt;/a&gt;, or it is the &lt;a href=3D#concept-property-value title=3D=
concept-property-value&gt;value&lt;/a&gt; of a &lt;a href=3D#the-properti=
es-of-an-item title=3D&quot;the properties of an
+  item&quot;&gt;property&lt;/a&gt; of a &lt;a href=3D#typed-item&gt;type=
d item&lt;/a&gt;. The &lt;dfn id=3Drelevant-types&gt;relevant types&lt;/d=
fn&gt; for a
+  &lt;a href=3D#typed-item&gt;typed item&lt;/a&gt; is the &lt;a href=3D#=
concept-item title=3Dconcept-item&gt;item&lt;/a&gt;'s &lt;a href=3D#item-=
types&gt;item types&lt;/a&gt;,
+  if it has any, or else is the &lt;a href=3D#relevant-types&gt;relevant=
 types&lt;/a&gt; of the &lt;a href=3D#concept-item title=3Dconcept-item&g=
t;item&lt;/a&gt; for which it is a &lt;a href=3D#the-properties-of-an-ite=
m title=3D&quot;the properties of an
+  item&quot;&gt;property&lt;/a&gt;'s &lt;a href=3D#concept-property-valu=
e title=3Dconcept-property-value&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;Elements with an &lt;code title=3Dattr-itemscope&gt=
;&lt;a href=3D#attr-itemscope&gt;itemscope&lt;/a&gt;&lt;/code&gt; attribu=
te and an &lt;code title=3Dattr-itemtype&gt;&lt;a href=3D#attr-itemtype&g=
t;itemtype&lt;/a&gt;&lt;/code&gt; attribute that references a vocabulary =
that is defined to
+  &lt;dfn id=3Dsupport-global-identifiers-for-items&gt;support global id=
entifiers for items&lt;/dfn&gt; may also have an &lt;dfn id=3Dattr-itemid=
 title=3Dattr-itemid&gt;&lt;code&gt;itemid&lt;/code&gt;&lt;/dfn&gt; attri=
bute specified, to give a global identifier for
+  the &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt;,=
 so that it can be related to other &lt;a href=3D#concept-item title=3Dco=
ncept-item&gt;items&lt;/a&gt; on pages elsewhere on the Web.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-itemid&gt;&lt;a href=3D#attr-itemid=
&gt;itemid&lt;/a&gt;&lt;/code&gt; attribute, if specified, must have a va=
lue that is
+  a &lt;a href=3D#valid-url-potentially-surrounded-by-spaces&gt;valid UR=
L potentially surrounded by spaces&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dglobal-identifier&gt;global identifier&lt;/d=
fn&gt; of an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/=
a&gt; is the value of
+  its element's &lt;code title=3Dattr-itemid&gt;&lt;a href=3D#attr-itemi=
d&gt;itemid&lt;/a&gt;&lt;/code&gt; attribute, if it has one, &lt;a href=3D=
#resolve-a-url title=3D&quot;resolve a url&quot;&gt;resolved&lt;/a&gt; re=
lative to the element on which the attribute is specified.
+  If the &lt;code title=3Dattr-itemid&gt;&lt;a href=3D#attr-itemid&gt;it=
emid&lt;/a&gt;&lt;/code&gt; attribute is missing or if resolving it fails=
, it
+  is said to have no &lt;a href=3D#global-identifier&gt;global identifie=
r&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-itemid&gt;&lt;a href=3D#attr-itemid=
&gt;itemid&lt;/a&gt;&lt;/code&gt; attribute must not be specified on elem=
ents that do
+  not have both an &lt;code title=3Dattr-itemscope&gt;&lt;a href=3D#attr=
-itemscope&gt;itemscope&lt;/a&gt;&lt;/code&gt; attribute and an &lt;code =
title=3Dattr-itemtype&gt;&lt;a href=3D#attr-itemtype&gt;itemtype&lt;/a&gt=
;&lt;/code&gt; attribute specified, and must not be specified on elements
+  with an &lt;code title=3Dattr-itemscope&gt;&lt;a href=3D#attr-itemscop=
e&gt;itemscope&lt;/a&gt;&lt;/code&gt; attribute whose &lt;code title=3Dat=
tr-itemtype&gt;&lt;a href=3D#attr-itemtype&gt;itemtype&lt;/a&gt;&lt;/code=
&gt; attribute specifies a vocabulary that does not &lt;a href=3D#support=
-global-identifiers-for-items&gt;support
+  global identifiers for items&lt;/a&gt;, as defined by that vocabulary'=
s specification.&lt;/p&gt;
+
+  &lt;p&gt;The exact meaning of a &lt;a href=3D#global-identifier&gt;glo=
bal identifier&lt;/a&gt; is determined by the vocabulary's
+  specification. It is up to such specifications to define whether multi=
ple items with the same
+  global identifier (whether on the same page or on different pages) are=
 allowed to exist, and what
+  the processing rules for that vocabulary are with respect to handling =
the case of multiple items
+  with the same ID.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;Elements with an &lt;code title=3Dattr-itemscope&gt=
;&lt;a href=3D#attr-itemscope&gt;itemscope&lt;/a&gt;&lt;/code&gt; attribu=
te may have an &lt;dfn id=3Dattr-itemref title=3Dattr-itemref&gt;&lt;code=
&gt;itemref&lt;/code&gt;&lt;/dfn&gt; attribute specified, to give a list =
of additional
+  elements to crawl to find the name-value pairs of the &lt;a href=3D#co=
ncept-item title=3Dconcept-item&gt;item&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-itemref&gt;&lt;a href=3D#attr-itemr=
ef&gt;itemref&lt;/a&gt;&lt;/code&gt; attribute, if specified, must have a=
 value that
+  is an &lt;a href=3D#unordered-set-of-unique-space-separated-tokens&gt;=
unordered set of unique space-separated tokens&lt;/a&gt; that are
+  &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt;, consisting o=
f &lt;a href=3D#concept-id title=3Dconcept-ID&gt;IDs&lt;/a&gt; of element=
s in the
+  same &lt;a href=3D#home-subtree&gt;home subtree&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-itemref&gt;&lt;a href=3D#attr-itemr=
ef&gt;itemref&lt;/a&gt;&lt;/code&gt; attribute must not be specified on e=
lements that
+  do not have an &lt;code title=3Dattr-itemscope&gt;&lt;a href=3D#attr-i=
temscope&gt;itemscope&lt;/a&gt;&lt;/code&gt; attribute specified.&lt;/p&g=
t;
+
+  &lt;p class=3Dnote&gt;The &lt;code title=3Dattr-itemref&gt;&lt;a href=3D=
#attr-itemref&gt;itemref&lt;/a&gt;&lt;/code&gt; attribute is not part of =
the
+  microdata data model. It is merely a syntactic construct to aid author=
s in adding annotations to
+  pages where the data to be annotated does not follow a convenient tree=
 structure. For example, it
+  allows authors to mark up data in a table so that each column defines =
a separate &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&=
gt;, while keeping the properties in the cells.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This example shows a simple vocabulary used to describe the =
products of a model railway
+   manufacturer. The vocabulary has just five property names:&lt;/p&gt;
+
+   &lt;dl&gt;&lt;dt&gt;product-code&lt;/dt&gt;
+    &lt;dd&gt;An integer that names the product in the manufacturer's ca=
talog.&lt;/dd&gt;
+    &lt;dt&gt;name&lt;/dt&gt;
+    &lt;dd&gt;A brief description of the product.&lt;/dd&gt;
+    &lt;dt&gt;scale&lt;/dt&gt;
+    &lt;dd&gt;One of &quot;HO&quot;, &quot;1&quot;, or &quot;Z&quot; (po=
tentially with leading or trailing
+    whitespace), indicating the scale of the product.&lt;/dd&gt;
+    &lt;dt&gt;digital&lt;/dt&gt;
+    &lt;dd&gt;If present, one of &quot;Digital&quot;, &quot;Delta&quot;,=
 or &quot;Systems&quot;
+    (potentially with leading or trailing whitespace) indicating that
+    the product has a digital decoder of the given type.&lt;/dd&gt;
+    &lt;dt&gt;track-type&lt;/dt&gt;
+    &lt;dd&gt;For track-specific products, one of &quot;K&quot;, &quot;M=
&quot;, &quot;C&quot; (potentially
+    with leading or trailing whitespace) indicating the type of track
+    for which the product is intended.&lt;/dd&gt;
+   &lt;/dl&gt;&lt;p&gt;This vocabulary has four defined &lt;a href=3D#it=
em-types&gt;item types&lt;/a&gt;:&lt;/p&gt;
+
+   &lt;dl&gt;&lt;dt&gt;http://md.example.com/loco&lt;/dt&gt;
+    &lt;dd&gt;Rolling stock with an engine&lt;/dd&gt;
+    &lt;dt&gt;http://md.example.com/passengers&lt;/dt&gt;
+    &lt;dd&gt;Passenger rolling stock&lt;/dd&gt;
+    &lt;dt&gt;http://md.example.com/track&lt;/dt&gt;
+    &lt;dd&gt;Track pieces&lt;/dd&gt;
+    &lt;dt&gt;http://md.example.com/lighting&lt;/dt&gt;
+    &lt;dd&gt;Equipment with lighting&lt;/dd&gt;
+   &lt;/dl&gt;&lt;p&gt;Each &lt;a href=3D#concept-item title=3Dconcept-i=
tem&gt;item&lt;/a&gt; that uses this vocabulary can be given one or more
+   of these types, depending on what the product is.&lt;/p&gt;
+
+   &lt;p&gt;Thus, a locomotive might be marked up as:&lt;/p&gt;
+
+&lt;pre&gt;&amp;lt;dl itemscope itemtype=3D&quot;http://md.example.com/l=
oco=20
+                        http://md.example.com/lighting&quot;&amp;gt;
+ &amp;lt;dt&amp;gt;Name:
+ &amp;lt;dd itemprop=3D&quot;name&quot;&amp;gt;Tank Locomotive (DB 80)
+ &amp;lt;dt&amp;gt;Product code:
+ &amp;lt;dd itemprop=3D&quot;product-code&quot;&amp;gt;33041
+ &amp;lt;dt&amp;gt;Scale:
+ &amp;lt;dd itemprop=3D&quot;scale&quot;&amp;gt;HO
+ &amp;lt;dt&amp;gt;Digital:
+ &amp;lt;dd itemprop=3D&quot;digital&quot;&amp;gt;Delta
+&amp;lt;/dl&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;A turnout lantern retrofit kit might be marked up as:&lt;/p&=
gt;
+
+   &lt;pre&gt;&amp;lt;dl itemscope itemtype=3D&quot;http://md.example.co=
m/track
+                       http://md.example.com/lighting&quot;&amp;gt;   =20
+ &amp;lt;dt&amp;gt;Name:
+ &amp;lt;dd itemprop=3D&quot;name&quot;&amp;gt;Turnout Lantern Kit
+ &amp;lt;dt&amp;gt;Product code:
+ &amp;lt;dd itemprop=3D&quot;product-code&quot;&amp;gt;74470
+ &amp;lt;dt&amp;gt;Purpose:
+ &amp;lt;dd&amp;gt;For retrofitting 2 &amp;lt;span itemprop=3D&quot;trac=
k-type&quot;&amp;gt;C&amp;lt;/span&amp;gt; Track=20
+ turnouts. &amp;lt;meta itemprop=3D&quot;scale&quot; content=3D&quot;HO&=
quot;&amp;gt;
+&amp;lt;/dl&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;A passenger car with no lighting might be marked up as:&lt;/=
p&gt;
+
+   &lt;pre&gt;&amp;lt;dl itemscope itemtype=3D&quot;http://md.example.co=
m/passengers&quot;&amp;gt;
+ &amp;lt;dt&amp;gt;Name:
+ &amp;lt;dd itemprop=3D&quot;name&quot;&amp;gt;Express Train Passenger C=
ar (DB Am 203)
+ &amp;lt;dt&amp;gt;Product code:
+ &amp;lt;dd itemprop=3D&quot;product-code&quot;&amp;gt;8710
+ &amp;lt;dt&amp;gt;Scale:
+ &amp;lt;dd itemprop=3D&quot;scale&quot;&amp;gt;Z
+&amp;lt;/dl&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;Great care is necessary when creating new vocabularies. Ofte=
n, a hierarchical approach to
+   types can be taken that results in a vocabulary where each item only =
ever has a single type,
+   which is generally much simpler to manage.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dnames:-the-itemprop-attribute&gt;&lt;span class=3Dsecno&gt=
;5.2.3 &lt;/span&gt;Names: the &lt;dfn title=3Dattr-itemprop&gt;&lt;code&=
gt;itemprop&lt;/code&gt;&lt;/dfn&gt; attribute&lt;/h4&gt;
+
+  &lt;p&gt;Every &lt;a href=3D#html-elements title=3D&quot;HTML elements=
&quot;&gt;HTML element&lt;/a&gt; may have an &lt;code title=3Dattr-itempr=
op&gt;&lt;a href=3D#names:-the-itemprop-attribute&gt;itemprop&lt;/a&gt;&l=
t;/code&gt; attribute specified, if doing so &lt;a href=3D#the-properties=
-of-an-item title=3D&quot;the properties
+  of an item&quot;&gt;adds one or more properties&lt;/a&gt; to one or mo=
re &lt;a href=3D#concept-item title=3Dconcept-item&gt;items&lt;/a&gt; (as=
 defined below).&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-itemprop&gt;&lt;a href=3D#names:-th=
e-itemprop-attribute&gt;itemprop&lt;/a&gt;&lt;/code&gt; attribute, if spe=
cified, must have a value that
+  is an &lt;a href=3D#unordered-set-of-unique-space-separated-tokens&gt;=
unordered set of unique space-separated tokens&lt;/a&gt; that are
+  &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt;, representing=
 the names of the name-value pairs that it adds. The
+  attribute's value must have at least one token.&lt;/p&gt;
+
+  &lt;p&gt;Each token must be either:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;If the item is a &lt;a href=3D#typed-item&gt;typed=
 item&lt;/a&gt;: a &lt;dfn id=3Ddefined-property-name&gt;defined property=
 name&lt;/dfn&gt; allowed in this
+   situation according to the specification that defines the &lt;a href=3D=
#relevant-types&gt;relevant types&lt;/a&gt; for the
+   item, or&lt;/li&gt;
+
+   &lt;li&gt;A &lt;a href=3D#valid-url&gt;valid URL&lt;/a&gt; that is an=
 &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt; defined as an item =
property
+   name allowed in this situation by a vocabulary specification, or&lt;/=
li&gt;
+
+   &lt;li&gt;A &lt;a href=3D#valid-url&gt;valid URL&lt;/a&gt; that is an=
 &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt;, used as a propriet=
ary item
+   property name (i.e. one used by the author for private purposes, not =
defined in a public
+   specification), or&lt;/li&gt;
+
+   &lt;li&gt;If the item is not a &lt;a href=3D#typed-item&gt;typed item=
&lt;/a&gt;: a string that contains no U+002E FULL STOP
+   characters (.) and no U+003A COLON characters (:), used as a propriet=
ary item property name (i.e.
+   one used by the author for private purposes, not defined in a public =
specification).&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;Specifications that introduce &lt;a href=3D#define=
d-property-name title=3D&quot;defined property name&quot;&gt;defined prop=
erty names&lt;/a&gt;
+  must ensure all such property names contain no U+002E FULL STOP charac=
ters (.), no U+003A COLON
+  characters (:), and no &lt;a href=3D#space-character title=3D&quot;spa=
ce character&quot;&gt;space characters&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When an element with an &lt;code title=3Dattr-itemprop&gt;&lt=
;a href=3D#names:-the-itemprop-attribute&gt;itemprop&lt;/a&gt;&lt;/code&g=
t; attribute &lt;a href=3D#the-properties-of-an-item title=3D&quot;the
+  properties of an item&quot;&gt;adds a property&lt;/a&gt; to multiple &=
lt;a href=3D#concept-item title=3Dconcept-item&gt;items&lt;/a&gt;,
+  the requirement above regarding the tokens applies for each &lt;a href=
=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt;
+  individually.&lt;/p&gt;
+
+  &lt;!--
+
+   e.g.:
+
+     &lt;div itemscope itemtype=3D&quot;http://example.com/a&quot;&gt; &=
lt;ref refid=3D&quot;x&quot;&gt; &lt;/div&gt;
+     &lt;div itemscope itemtype=3D&quot;http://example.com/b&quot;&gt; &=
lt;ref refid=3D&quot;x&quot;&gt; &lt;/div&gt;
+     &lt;meta id=3D&quot;x&quot; itemprop=3D&quot;z&quot; content=3D&quo=
t;&quot;&gt;
+
+     &quot;z&quot; had better be valid for both http://example.com/a and=
 http://example.com/b
+
+  --&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dproperty-names&gt;property names&lt;/dfn&gt;=
 of an element are the tokens that the element's &lt;code title=3Dattr-it=
emprop&gt;&lt;a href=3D#names:-the-itemprop-attribute&gt;itemprop&lt;/a&g=
t;&lt;/code&gt; attribute is found to contain when its value is &lt;a hre=
f=3D#split-a-string-on-spaces title=3D&quot;split a string on spaces&quot=
;&gt;split on spaces&lt;/a&gt;, with the order preserved but with
+  duplicates removed (leaving only the first occurrence of each name).&l=
t;/p&gt;
+
+  &lt;p&gt;Within an &lt;a href=3D#concept-item title=3Dconcept-item&gt;=
item&lt;/a&gt;, the properties are unordered with respect to
+  each other, except for properties with the same name, which are ordere=
d in the order they are
+  given by the algorithm that defines &lt;a href=3D#the-properties-of-an=
-item&gt;the properties of an item&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In the following example, the &quot;a&quot; property has the=
 values &quot;1&quot; and &quot;2&quot;, &lt;em&gt;in that order&lt;/em&g=
t;,
+   but whether the &quot;a&quot; property comes before the &quot;b&quot;=
 property or not is not important:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;div itemscope&amp;gt;
+ &amp;lt;p itemprop=3D&quot;a&quot;&amp;gt;1&amp;lt;/p&amp;gt;
+ &amp;lt;p itemprop=3D&quot;a&quot;&amp;gt;2&amp;lt;/p&amp;gt;
+ &amp;lt;p itemprop=3D&quot;b&quot;&amp;gt;test&amp;lt;/p&amp;gt;
+&amp;lt;/div&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;Thus, the following is equivalent:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;div itemscope&amp;gt;
+ &amp;lt;p itemprop=3D&quot;b&quot;&amp;gt;test&amp;lt;/p&amp;gt;
+ &amp;lt;p itemprop=3D&quot;a&quot;&amp;gt;1&amp;lt;/p&amp;gt;
+ &amp;lt;p itemprop=3D&quot;a&quot;&amp;gt;2&amp;lt;/p&amp;gt;
+&amp;lt;/div&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;As is the following:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;div itemscope&amp;gt;
+ &amp;lt;p itemprop=3D&quot;a&quot;&amp;gt;1&amp;lt;/p&amp;gt;
+ &amp;lt;p itemprop=3D&quot;b&quot;&amp;gt;test&amp;lt;/p&amp;gt;
+ &amp;lt;p itemprop=3D&quot;a&quot;&amp;gt;2&amp;lt;/p&amp;gt;
+&amp;lt;/div&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;And the following:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;div id=3D&quot;x&quot;&amp;gt;
+ &amp;lt;p itemprop=3D&quot;a&quot;&amp;gt;1&amp;lt;/p&amp;gt;
+&amp;lt;/div&amp;gt;
+&amp;lt;div itemscope itemref=3D&quot;x&quot;&amp;gt;
+ &amp;lt;p itemprop=3D&quot;b&quot;&amp;gt;test&amp;lt;/p&amp;gt;
+ &amp;lt;p itemprop=3D&quot;a&quot;&amp;gt;2&amp;lt;/p&amp;gt;
+&amp;lt;/div&amp;gt;
+&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dvalues&gt;&lt;span class=3Dsecno&gt;5.2.4 &lt;/span&gt;Val=
ues&lt;/h4&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dconcept-property-value title=3Dconcept-prope=
rty-value&gt;property value&lt;/dfn&gt; of a name-value pair added by an
+  element with an &lt;code title=3Dattr-itemprop&gt;&lt;a href=3D#names:=
-the-itemprop-attribute&gt;itemprop&lt;/a&gt;&lt;/code&gt; attribute is a=
s given for the first
+  matching case in the following list:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the element also has an &lt;code=
 title=3Dattr-itemscope&gt;&lt;a href=3D#attr-itemscope&gt;itemscope&lt;/=
a&gt;&lt;/code&gt; attribute&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The value is the &lt;a href=3D#concept-item title=3Dconcept=
-item&gt;item&lt;/a&gt; created by the element.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;If the element is a &lt;code&gt;&lt;a href=3D#the-meta-elem=
ent&gt;meta&lt;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The value is the value of the element's &lt;code title=3Dat=
tr-content&gt;content&lt;/code&gt; attribute,
+    if any, or the empty string if there is no such attribute.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;If the element is an &lt;code&gt;&lt;a href=3D#the-audio-el=
ement&gt;audio&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-embe=
d-element&gt;embed&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-=
iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&g=
t;, &lt;code&gt;&lt;a href=3D#the-source-element&gt;source&lt;/a&gt;&lt;/=
code&gt;, &lt;code&gt;&lt;a href=3D#the-track-element&gt;track&lt;/a&gt;&=
lt;/code&gt;, or &lt;code&gt;&lt;a href=3D#the-video-element&gt;video&lt;=
/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The value is the &lt;a href=3D#absolute-url&gt;absolute URL=
&lt;/a&gt; that results from &lt;a href=3D#resolve-a-url title=3D&quot;re=
solve a
+    url&quot;&gt;resolving&lt;/a&gt; the value of the element's &lt;code=
 title=3D&quot;&quot;&gt;src&lt;/code&gt; attribute relative to
+    the element at the time the attribute is set, or the empty string if=
 there is no such attribute
+    or if &lt;a href=3D#resolve-a-url title=3D&quot;resolve a url&quot;&=
gt;resolving&lt;/a&gt; it results in an error.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;If the element is an &lt;code&gt;&lt;a href=3D#the-a-elemen=
t&gt;a&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-area-element=
&gt;area&lt;/a&gt;&lt;/code&gt;, or &lt;code&gt;&lt;a href=3D#the-link-el=
ement&gt;link&lt;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The value is the &lt;a href=3D#absolute-url&gt;absolute URL=
&lt;/a&gt; that results from &lt;a href=3D#resolve-a-url title=3D&quot;re=
solve a
+    url&quot;&gt;resolving&lt;/a&gt; the value of the element's &lt;code=
 title=3D&quot;&quot;&gt;href&lt;/code&gt; attribute relative
+    to the element at the time the attribute is set, or the empty string=
 if there is no such
+    attribute or if &lt;a href=3D#resolve-a-url title=3D&quot;resolve a =
url&quot;&gt;resolving&lt;/a&gt; it results in an error.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;If the element is an &lt;code&gt;&lt;a href=3D#the-object-e=
lement&gt;object&lt;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The value is the &lt;a href=3D#absolute-url&gt;absolute URL=
&lt;/a&gt; that results from &lt;a href=3D#resolve-a-url title=3D&quot;re=
solve a
+    url&quot;&gt;resolving&lt;/a&gt; the value of the element's &lt;code=
 title=3D&quot;&quot;&gt;data&lt;/code&gt; attribute relative
+    to the element at the time the attribute is set, or the empty string=
 if there is no such
+    attribute or if &lt;a href=3D#resolve-a-url title=3D&quot;resolve a =
url&quot;&gt;resolving&lt;/a&gt; it results in an error.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;If the element is a &lt;code&gt;&lt;a href=3D#the-data-elem=
ent&gt;data&lt;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The value is the value of the element's &lt;code title=3Dat=
tr-data-value&gt;&lt;a href=3D#attr-data-value&gt;value&lt;/a&gt;&lt;/cod=
e&gt; attribute,
+    if it has one, or the empty string otherwise.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;If the element is a &lt;code&gt;&lt;a href=3D#the-meter-ele=
ment&gt;meter&lt;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The value is the value of the element's &lt;code title=3Dat=
tr-meter-value&gt;&lt;a href=3D#attr-meter-value&gt;value&lt;/a&gt;&lt;/c=
ode&gt; attribute,
+    if it has one, or the empty string otherwise.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;If the element is a &lt;code&gt;&lt;a href=3D#the-time-elem=
ent&gt;time&lt;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The value is the element's &lt;a href=3D#datetime-value&gt;=
datetime value&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The value is the element's &lt;code&gt;&lt;a href=3D#textco=
ntent&gt;textContent&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;The &lt;dfn id=3Durl-property-elements&gt;URL prop=
erty elements&lt;/dfn&gt; are the &lt;code&gt;&lt;a href=3D#the-a-element=
&gt;a&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-area-element&=
gt;area&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-audio-element&gt;audio&lt;/a&gt;&lt;/cod=
e&gt;, &lt;code&gt;&lt;a href=3D#the-embed-element&gt;embed&lt;/a&gt;&lt;=
/code&gt;, &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&g=
t;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&g=
t;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a=
&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&lt;/c=
ode&gt;, &lt;code&gt;&lt;a href=3D#the-source-element&gt;source&lt;/a&gt;=
&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-track-element&gt;track&lt;/a=
&gt;&lt;/code&gt;, and &lt;code&gt;&lt;a href=3D#the-video-element&gt;vid=
eo&lt;/a&gt;&lt;/code&gt; elements.&lt;/p&gt;
+
+  &lt;p&gt;If a property's &lt;a href=3D#concept-property-value title=3D=
concept-property-value&gt;value&lt;/a&gt;, as defined by the property's
+  definition, is an &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt;=
, the property must be specified using a &lt;a href=3D#url-property-eleme=
nts title=3D&quot;URL property elements&quot;&gt;URL property element&lt;=
/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;These requirements do not apply just because a p=
roperty value happens to match the
+  syntax for a URL. They only apply if the property is explicitly define=
d as taking such a
+  value.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;For example, a book about the first moon land=
ing &lt;!-- 1969-07-20 --&gt; could be
+  called &quot;mission:moon&quot;. A &quot;title&quot; property from a v=
ocabulary that defines a title as being a string
+  would not expect the title to be given in an &lt;code&gt;&lt;a href=3D=
#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; element, even though it looks =
like a
+  &lt;a href=3D#url&gt;URL&lt;/a&gt;. On the other hand, if there was a =
(rather narrowly scoped!) vocabulary for
+  &quot;books whose titles look like URLs&quot; which had a &quot;title&=
quot; property defined to take a URL, then the
+  property &lt;em&gt;would&lt;/em&gt; expect the title to be given in an=
 &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; elem=
ent (or one of the
+  other &lt;a href=3D#url-property-elements&gt;URL property elements&lt;=
/a&gt;), because of the requirement above.&lt;/p&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dassociating-names-with-items&gt;&lt;span class=3Dsecno&gt;=
5.2.5 &lt;/span&gt;Associating names with items&lt;/h4&gt;
+
+  &lt;p&gt;To find &lt;dfn id=3Dthe-properties-of-an-item&gt;the propert=
ies of an item&lt;/dfn&gt; defined by the element &lt;var title=3D&quot;&=
quot;&gt;root&lt;/var&gt;,
+  the user agent must run the following steps. These steps are also used=
 to flag &lt;a href=3D#microdata-error title=3D&quot;microdata error&quot=
;&gt;microdata errors&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;resul=
ts&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;memory&lt;/var&gt;, and &=
lt;var title=3D&quot;&quot;&gt;pending&lt;/var&gt; be empty lists of elem=
ents.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Add the element &lt;var title=3D&quot;&quot;&gt;ro=
ot&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;memory&lt;/var&gt;.&lt;=
/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Add the child elements of &lt;var title=3D&quot;&q=
uot;&gt;root&lt;/var&gt;, if any, to &lt;var title=3D&quot;&quot;&gt;pend=
ing&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;root&lt;/var&gt=
; has an &lt;code title=3Dattr-itemref&gt;&lt;a href=3D#attr-itemref&gt;i=
temref&lt;/a&gt;&lt;/code&gt; attribute,
+   &lt;a href=3D#split-a-string-on-spaces title=3D&quot;split a string o=
n spaces&quot;&gt;split the value of that &lt;code title=3Dattr-itemref&g=
t;itemref&lt;/code&gt; attribute on spaces&lt;/a&gt;. For each resulting =
token &lt;var title=3D&quot;&quot;&gt;ID&lt;/var&gt;, if there is an elem=
ent in the &lt;a href=3D#home-subtree&gt;home subtree&lt;/a&gt; of &lt;va=
r title=3D&quot;&quot;&gt;root&lt;/var&gt; with the &lt;a href=3D#concept=
-id title=3Dconcept-ID&gt;ID&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;ID=
&lt;/var&gt;, then add
+   the first such element to &lt;var title=3D&quot;&quot;&gt;pending&lt;=
/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Loop&lt;/i&gt;: If &lt;var title=3D&quot;=
&quot;&gt;pending&lt;/var&gt; is empty, jump to the step labeled &lt;i&gt=
;end of
+   loop&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove an element from &lt;var title=3D&quot;&quot=
;&gt;pending&lt;/var&gt; and let &lt;var title=3D&quot;&quot;&gt;current&=
lt;/var&gt; be
+   that element.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;current&lt;/var=
&gt; is already in &lt;var title=3D&quot;&quot;&gt;memory&lt;/var&gt;, th=
ere is a
+   &lt;a href=3D#microdata-error&gt;microdata error&lt;/a&gt;; return to=
 the step labeled &lt;i&gt;loop&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Add &lt;var title=3D&quot;&quot;&gt;current&lt;/va=
r&gt; to &lt;var title=3D&quot;&quot;&gt;memory&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;current&lt;/var=
&gt; does not have an &lt;code title=3Dattr-itemscope&gt;&lt;a href=3D#at=
tr-itemscope&gt;itemscope&lt;/a&gt;&lt;/code&gt; attribute, then: add all=
 the child elements of &lt;var title=3D&quot;&quot;&gt;current&lt;/var&gt=
; to &lt;var title=3D&quot;&quot;&gt;pending&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;current&lt;/var=
&gt; has an &lt;code title=3Dattr-itemprop&gt;&lt;a href=3D#names:-the-it=
emprop-attribute&gt;itemprop&lt;/a&gt;&lt;/code&gt;
+   attribute specified and has one or more &lt;a href=3D#property-names&=
gt;property names&lt;/a&gt;, then add &lt;var title=3D&quot;&quot;&gt;cur=
rent&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;results&lt;/var&gt;.&=
lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return to the step labeled &lt;i&gt;loop&lt;/i&gt;=
.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;End of loop&lt;/i&gt;: Sort &lt;var title=
=3D&quot;&quot;&gt;results&lt;/var&gt; in &lt;a href=3D#tree-order&gt;tre=
e order&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;results&lt;=
/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;A document must not contain any &lt;a href=3D#conc=
ept-item title=3Dconcept-item&gt;items&lt;/a&gt; for which the algorithm
+  to find &lt;a href=3D#the-properties-of-an-item&gt;the properties of a=
n item&lt;/a&gt; finds any &lt;dfn id=3Dmicrodata-error title=3D&quot;mic=
rodata error&quot;&gt;microdata
+  errors&lt;/dfn&gt;.&lt;/p&gt;
+
+  &lt;p&gt;An &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt=
;/a&gt; is a &lt;dfn id=3Dtop-level-microdata-items title=3D&quot;top-lev=
el microdata items&quot;&gt;top-level
+  microdata item&lt;/dfn&gt; if its element does not have an &lt;code ti=
tle=3Dattr-itemprop&gt;&lt;a href=3D#names:-the-itemprop-attribute&gt;ite=
mprop&lt;/a&gt;&lt;/code&gt;
+  attribute.&lt;/p&gt;
+
+&lt;!--(this is currently redundant with &quot;requirement itemprop&quot=
; below)
+  &lt;p&gt;An &lt;span title=3D&quot;concept-item&quot;&gt;item&lt;/span=
&gt; is a &lt;dfn title=3D&quot;used microdata items&quot;&gt;used microd=
ata
+  item&lt;/dfn&gt; if it is a &lt;span title=3D&quot;top-level microdata=
 items&quot;&gt;top-level microdata item&lt;/span&gt;, or
+  if it has an &lt;code title=3D&quot;attr-itemprop&quot;&gt;itemprop&lt=
;/code&gt; attribute and would be &lt;span title=3D&quot;the
+  properties of an item&quot;&gt;found to be the property&lt;/span&gt; o=
f an &lt;span
+  title=3D&quot;concept-item&quot;&gt;item&lt;/span&gt; that is itself a=
 &lt;span title=3D&quot;used microdata items&quot;&gt;used
+  microdata item&lt;/span&gt;.&lt;/p&gt;
+
+  &lt;p&gt;All &lt;span title=3D&quot;concept-item&quot;&gt;items&lt;/sp=
an&gt; in a document must be &lt;span&gt;used microdata
+  items&lt;/span&gt;.&lt;/p&gt;
+--&gt;
+
+  &lt;p&gt;All &lt;code title=3Dattr-itemref&gt;&lt;a href=3D#attr-itemr=
ef&gt;itemref&lt;/a&gt;&lt;/code&gt; attributes in a &lt;code&gt;&lt;a hr=
ef=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; must be
+  such that there are no cycles in the graph formed from representing ea=
ch &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt; in t=
he &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
as a node in the graph and each
+  &lt;a href=3D#the-properties-of-an-item title=3D&quot;the properties o=
f an item&quot;&gt;property&lt;/a&gt; of an item whose &lt;a href=3D#conc=
ept-property-value title=3Dconcept-property-value&gt;value&lt;/a&gt; is a=
nother item as an edge in the graph connecting
+  those two items.&lt;/p&gt;
+
+  &lt;!-- &quot;requirement itemprop&quot; (see above) --&gt;
+  &lt;p&gt;A document must not contain any elements that have an &lt;cod=
e title=3Dattr-itemprop&gt;&lt;a href=3D#names:-the-itemprop-attribute&gt=
;itemprop&lt;/a&gt;&lt;/code&gt; attribute that would not be found to be =
a property of any of
+  the &lt;a href=3D#concept-item title=3Dconcept-item&gt;items&lt;/a&gt;=
 in that document were their &lt;a href=3D#the-properties-of-an-item titl=
e=3D&quot;the
+  properties of an item&quot;&gt;properties&lt;/a&gt; all to be determin=
ed.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this example, a single license statement is applied to tw=
o works, using &lt;code title=3Dattr-itemref&gt;&lt;a href=3D#attr-itemre=
f&gt;itemref&lt;/a&gt;&lt;/code&gt; from the items representing the works=
:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;html&amp;gt;
+ &amp;lt;head&amp;gt;
+  &amp;lt;title&amp;gt;Photo gallery&amp;lt;/title&amp;gt;
+ &amp;lt;/head&amp;gt;
+ &amp;lt;body&amp;gt;
+  &amp;lt;h1&amp;gt;My photos&amp;lt;/h1&amp;gt;
+  &amp;lt;figure itemscope itemtype=3D&quot;http://n.whatwg.org/work&quo=
t; itemref=3D&quot;licenses&quot;&amp;gt;
+   &amp;lt;img itemprop=3D&quot;work&quot; src=3D&quot;images/house.jpeg=
&quot; alt=3D&quot;A white house, boarded up, sits in a forest.&quot;&amp=
;gt;
+   &amp;lt;figcaption itemprop=3D&quot;title&quot;&amp;gt;The house I fo=
und.&amp;lt;/figcaption&amp;gt;
+  &amp;lt;/figure&amp;gt;
+  &amp;lt;figure itemscope itemtype=3D&quot;http://n.whatwg.org/work&quo=
t; itemref=3D&quot;licenses&quot;&amp;gt;
+   &amp;lt;img itemprop=3D&quot;work&quot; src=3D&quot;images/mailbox.jp=
eg&quot; alt=3D&quot;Outside the house is a mailbox. It has a leaflet ins=
ide.&quot;&amp;gt;
+   &amp;lt;figcaption itemprop=3D&quot;title&quot;&amp;gt;The mailbox.&a=
mp;lt;/figcaption&amp;gt;
+  &amp;lt;/figure&amp;gt;
+  &amp;lt;footer&amp;gt;
+   &amp;lt;p id=3D&quot;licenses&quot;&amp;gt;All images licensed under =
the &amp;lt;a itemprop=3D&quot;license&quot;
+   href=3D&quot;http://www.opensource.org/licenses/mit-license.php&quot;=
&amp;gt;MIT
+   license&amp;lt;/a&amp;gt;.&amp;lt;/p&amp;gt;
+  &amp;lt;/footer&amp;gt;
+ &amp;lt;/body&amp;gt;
+&amp;lt;/html&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;The above results in two items with the type &quot;&lt;code =
title=3D&quot;&quot;&gt;http://n.whatwg.org/work&lt;/code&gt;&quot;,
+   one with:&lt;/p&gt;
+
+   &lt;dl class=3Dbrief&gt;&lt;dt&gt;work
+    &lt;dd&gt;&lt;code title=3D&quot;&quot;&gt;images/house.jpeg&lt;/cod=
e&gt;
+    &lt;dt&gt;title
+    &lt;dd&gt;The house I found.
+    &lt;dt&gt;license
+    &lt;dd&gt;&lt;code title=3D&quot;&quot;&gt;http://www.opensource.org=
/licenses/mit-license.php&lt;/code&gt;
+   &lt;/dl&gt;&lt;p&gt;...and one with:&lt;/p&gt;
+
+   &lt;dl class=3Dbrief&gt;&lt;dt&gt;work
+    &lt;dd&gt;&lt;code title=3D&quot;&quot;&gt;images/mailbox.jpeg&lt;/c=
ode&gt;
+    &lt;dt&gt;title
+    &lt;dd&gt;The mailbox.
+    &lt;dt&gt;license
+    &lt;dd&gt;&lt;code title=3D&quot;&quot;&gt;http://www.opensource.org=
/licenses/mit-license.php&lt;/code&gt;
+   &lt;/dl&gt;&lt;/div&gt;
+
+  &lt;/div&gt; &lt;!-- see comment above --&gt;
+
+
+  &lt;h4 id=3Dmicrodata-and-other-namespaces&gt;&lt;span class=3Dsecno&g=
t;5.2.6 &lt;/span&gt;Microdata and other namespaces&lt;/h4&gt;
+
+  &lt;p&gt;Currently, the &lt;code title=3Dattr-itemscope&gt;&lt;a href=3D=
#attr-itemscope&gt;itemscope&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Datt=
r-itemprop&gt;&lt;a href=3D#names:-the-itemprop-attribute&gt;itemprop&lt;=
/a&gt;&lt;/code&gt;, and other microdata attributes are only defined for
+  &lt;a href=3D#html-elements&gt;HTML elements&lt;/a&gt;. This means tha=
t attributes with the literal names &quot;&lt;code title=3D&quot;&quot;&g=
t;itemscope&lt;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;it=
emprop&lt;/code&gt;&quot;, etc, do not cause microdata
+  processing to occur on elements in other namespaces, such as SVG.&lt;/=
p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Thus, in the following example there is only one item, not
+   two.&lt;/p&gt;
+
+   &lt;pre class=3Dbad&gt;&amp;lt;p itemscope&amp;gt;&amp;lt;/p&amp;gt; =
&amp;lt;!-- this is an item (with no properties and no type) --&amp;gt;
+&amp;lt;svg itemscope&amp;gt;&amp;lt;/svg&amp;gt; &amp;lt;!-- this is no=
t, it's just an &lt;code&gt;&lt;a href=3D#svg&gt;svg&lt;/a&gt;&lt;/code&g=
t; element with an invalid unknown attribute --&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h3 id=3Dmicrodata-dom-api&gt;&lt;span class=3Dsecno&gt;5.3 &lt;/sp=
an&gt;Microdata DOM API&lt;/h3&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;d=
ocument&lt;/var&gt; . &lt;code title=3Ddom-document-getItems&gt;&lt;a hre=
f=3D#dom-document-getitems&gt;getItems&lt;/a&gt;&lt;/code&gt;( [ &lt;var =
title=3D&quot;&quot;&gt;types&lt;/var&gt; ] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a &lt;code&gt;&lt;a href=3D#nodelist&gt;NodeList&lt=
;/a&gt;&lt;/code&gt; of the elements in the &lt;code&gt;&lt;a href=3D#doc=
ument&gt;Document&lt;/a&gt;&lt;/code&gt; that create
+    &lt;a href=3D#concept-item title=3Dconcept-item&gt;items&lt;/a&gt;, =
that are not part of other &lt;a href=3D#concept-item title=3Dconcept-ite=
m&gt;items&lt;/a&gt;, and that are of the types given in the argument, if=
 any are
+    listed.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;var title=3D&quot;&quot;&gt;types&lt;/var&gt; argum=
ent is interpreted as a space-separated list of types.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-properties&gt;&lt;a href=3D#dom-properties&gt;properties&=
lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;If the element has an &lt;code title=3Dattr-itemscope&gt;&l=
t;a href=3D#attr-itemscope&gt;itemscope&lt;/a&gt;&lt;/code&gt; attribute,=
 returns an
+    &lt;code&gt;&lt;a href=3D#htmlpropertiescollection&gt;HTMLProperties=
Collection&lt;/a&gt;&lt;/code&gt; object with all the element's propertie=
s. Otherwise, an
+    empty &lt;code&gt;&lt;a href=3D#htmlpropertiescollection&gt;HTMLProp=
ertiesCollection&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-itemValue&gt;&lt;a href=3D#dom-itemvalue&gt;itemValue&lt;=
/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quot;&gt;value&lt;/var&g=
t; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the element's &lt;a href=3D#concept-property-value =
title=3Dconcept-property-value&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the element's &lt;a href=3D#concept-p=
roperty-value title=3Dconcept-property-value&gt;value&lt;/a&gt;.
+    Setting the &lt;a href=3D#concept-property-value title=3Dconcept-pro=
perty-value&gt;value&lt;/a&gt; when the element has no &lt;code title=3Da=
ttr-itemprop&gt;&lt;a href=3D#names:-the-itemprop-attribute&gt;itemprop&l=
t;/a&gt;&lt;/code&gt; attribute or when the element's value is an &lt;a h=
ref=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt; throws an &lt;=
code&gt;&lt;a href=3D#invalidaccesserror&gt;InvalidAccessError&lt;/a&gt;&=
lt;/code&gt; exception.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-document-getitems title=3Ddom-document-g=
etItems&gt;&lt;code&gt;document.getItems(&lt;var title=3D&quot;&quot;&gt;=
typeNames&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; method takes a string tha=
t contains an
+  &lt;a href=3D#unordered-set-of-unique-space-separated-tokens&gt;unorde=
red set of unique space-separated tokens&lt;/a&gt; that are &lt;a href=3D=
#case-sensitive&gt;case-sensitive&lt;/a&gt;,
+  representing types. When called, the method must return a &lt;a href=3D=
#live&gt;live&lt;/a&gt; &lt;code&gt;&lt;a href=3D#nodelist&gt;NodeList&lt=
;/a&gt;&lt;/code&gt;
+  object containing all the elements in the document, in &lt;a href=3D#t=
ree-order&gt;tree order&lt;/a&gt;, that are each
+  &lt;a href=3D#top-level-microdata-items&gt;top-level microdata items&l=
t;/a&gt; whose &lt;a href=3D#item-types title=3D&quot;item types&quot;&gt=
;types&lt;/a&gt; include all the
+  types specified in the method's argument, having obtained the types by=
 &lt;a href=3D#split-a-string-on-spaces title=3D&quot;split a string
+  on spaces&quot;&gt;splitting the string on spaces&lt;/a&gt;. If there =
are no tokens specified in the
+  argument, then the method must return a &lt;code&gt;&lt;a href=3D#node=
list&gt;NodeList&lt;/a&gt;&lt;/code&gt;
+  containing all the &lt;a href=3D#top-level-microdata-items&gt;top-leve=
l microdata items&lt;/a&gt; in the document. When the method is
+  invoked on a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&=
lt;/code&gt; object again with the same argument, the user agent may retu=
rn
+  the same object as the object returned by the earlier call. In other c=
ases, a new
+  &lt;code&gt;&lt;a href=3D#nodelist&gt;NodeList&lt;/a&gt;&lt;/code&gt; =
object must be returned.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-itemscope title=3Ddom-itemScope&gt;&lt;c=
ode&gt;itemScope&lt;/code&gt;&lt;/dfn&gt; IDL attribute on &lt;a href=3D#=
html-elements&gt;HTML
+  elements&lt;/a&gt; must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the=
 &lt;code title=3Dattr-itemscope&gt;&lt;a href=3D#attr-itemscope&gt;items=
cope&lt;/a&gt;&lt;/code&gt;
+  content attribute. The &lt;dfn id=3Ddom-itemtype title=3Ddom-itemType&=
gt;&lt;code&gt;itemType&lt;/code&gt;&lt;/dfn&gt; IDL attribute on
+  &lt;a href=3D#html-elements&gt;HTML elements&lt;/a&gt; must &lt;a href=
=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-itemtype&gt;&l=
t;a href=3D#attr-itemtype&gt;itemtype&lt;/a&gt;&lt;/code&gt; content attr=
ibute. The &lt;dfn id=3Ddom-itemid title=3Ddom-itemId&gt;&lt;code&gt;item=
Id&lt;/code&gt;&lt;/dfn&gt; IDL attribute on &lt;a href=3D#html-elements&=
gt;HTML elements&lt;/a&gt; must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-i=
temid&gt;&lt;a href=3D#attr-itemid&gt;itemid&lt;/a&gt;&lt;/code&gt; conte=
nt attribute. The &lt;dfn id=3Ddom-itemprop title=3Ddom-itemProp&gt;&lt;c=
ode&gt;itemProp&lt;/code&gt;&lt;/dfn&gt; IDL attribute on &lt;a href=3D#h=
tml-elements&gt;HTML elements&lt;/a&gt; must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-i=
temprop&gt;&lt;a href=3D#names:-the-itemprop-attribute&gt;itemprop&lt;/a&=
gt;&lt;/code&gt; content attribute. The &lt;dfn id=3Ddom-itemref title=3D=
dom-itemRef&gt;&lt;code&gt;itemRef&lt;/code&gt;&lt;/dfn&gt; IDL attribute=
 on &lt;a href=3D#html-elements&gt;HTML elements&lt;/a&gt; must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-i=
temref&gt;&lt;a href=3D#attr-itemref&gt;itemref&lt;/a&gt;&lt;/code&gt; co=
ntent attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-properties title=3Ddom-properties&gt;&lt=
;code&gt;properties&lt;/code&gt;&lt;/dfn&gt; IDL attribute on &lt;a href=3D=
#html-elements&gt;HTML
+  elements&lt;/a&gt; must return an &lt;code&gt;&lt;a href=3D#htmlproper=
tiescollection&gt;HTMLPropertiesCollection&lt;/a&gt;&lt;/code&gt; rooted =
at the element's
+  &lt;a href=3D#root-element&gt;root element&lt;/a&gt; (which element th=
is is might change during the collection's lifetime, as
+  the element moves between different subtrees), whose filter matches on=
ly elements that are &lt;a href=3D#the-properties-of-an-item title=3D&quo=
t;the properties of an item&quot;&gt;the properties of the item&lt;/a&gt;=
 created by the element on
+  which the attribute was invoked, while that element is an &lt;a href=3D=
#concept-item title=3Dconcept-item&gt;item&lt;/a&gt;,
+  and matches nothing the rest of the time.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-itemvalue title=3Ddom-itemValue&gt;&lt;c=
ode&gt;itemValue&lt;/code&gt;&lt;/dfn&gt; IDL attribute's behavior depend=
s on
+  the element, as follows:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;If the element has no &lt;code title=3Dattr-itempr=
op&gt;&lt;a href=3D#names:-the-itemprop-attribute&gt;itemprop&lt;/a&gt;&l=
t;/code&gt; attribute&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The attribute must return null on getting and must=
 throw an
+   &lt;code&gt;&lt;a href=3D#invalidaccesserror&gt;InvalidAccessError&lt=
;/a&gt;&lt;/code&gt; exception on setting.&lt;/p&gt;
+
+
+   &lt;dt&gt;If the element has an &lt;code title=3Dattr-itemscope&gt;&l=
t;a href=3D#attr-itemscope&gt;itemscope&lt;/a&gt;&lt;/code&gt; attribute&=
lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The attribute must return the element itself on ge=
tting and must throw an
+   &lt;code&gt;&lt;a href=3D#invalidaccesserror&gt;InvalidAccessError&lt=
;/a&gt;&lt;/code&gt; exception on setting.&lt;/p&gt;
+
+
+   &lt;dt&gt;If the element is a &lt;code&gt;&lt;a href=3D#the-meta-elem=
ent&gt;meta&lt;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The attribute must act as it would if it was &lt;a=
 href=3D#reflect title=3Dreflect&gt;reflecting&lt;/a&gt; the
+   element's &lt;code title=3Dattr-meta-content&gt;&lt;a href=3D#attr-me=
ta-content&gt;content&lt;/a&gt;&lt;/code&gt; content attribute.&lt;/dd&gt=
;
+
+
+   &lt;dt&gt;If the element is an &lt;code&gt;&lt;a href=3D#the-audio-el=
ement&gt;audio&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-embe=
d-element&gt;embed&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-=
iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&g=
t;, &lt;code&gt;&lt;a href=3D#the-source-element&gt;source&lt;/a&gt;&lt;/=
code&gt;, &lt;code&gt;&lt;a href=3D#the-track-element&gt;track&lt;/a&gt;&=
lt;/code&gt;, or &lt;code&gt;&lt;a href=3D#the-video-element&gt;video&lt;=
/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The attribute must act as it would if it was &lt;a=
 href=3D#reflect title=3Dreflect&gt;reflecting&lt;/a&gt; the
+   element's &lt;code title=3D&quot;&quot;&gt;src&lt;/code&gt; content a=
ttribute.&lt;/dd&gt;
+
+
+   &lt;dt&gt;If the element is an &lt;code&gt;&lt;a href=3D#the-a-elemen=
t&gt;a&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-area-element=
&gt;area&lt;/a&gt;&lt;/code&gt;, or &lt;code&gt;&lt;a href=3D#the-link-el=
ement&gt;link&lt;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The attribute must act as it would if it was &lt;a=
 href=3D#reflect title=3Dreflect&gt;reflecting&lt;/a&gt; the
+   element's &lt;code title=3D&quot;&quot;&gt;href&lt;/code&gt; content =
attribute.&lt;/dd&gt;
+
+
+   &lt;dt&gt;If the element is an &lt;code&gt;&lt;a href=3D#the-object-e=
lement&gt;object&lt;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The attribute must act as it would if it was &lt;a=
 href=3D#reflect title=3Dreflect&gt;reflecting&lt;/a&gt; the
+   element's &lt;code title=3D&quot;&quot;&gt;data&lt;/code&gt; content =
attribute.&lt;/dd&gt;
+
+
+   &lt;dt&gt;If the element is a &lt;code&gt;&lt;a href=3D#the-data-elem=
ent&gt;data&lt;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The attribute must act as it would if it was &lt;a=
 href=3D#reflect title=3Dreflect&gt;reflecting&lt;/a&gt; the
+   element's &lt;code title=3Dattr-data-value&gt;&lt;a href=3D#attr-data=
-value&gt;value&lt;/a&gt;&lt;/code&gt; content attribute.&lt;/dd&gt;
+
+
+   &lt;dt&gt;If the element is a &lt;code&gt;&lt;a href=3D#the-meter-ele=
ment&gt;meter&lt;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The attribute must act as it would if it was &lt;a=
 href=3D#reflect title=3Dreflect&gt;reflecting&lt;/a&gt; the
+   element's &lt;code title=3Dattr-meter-value&gt;&lt;a href=3D#attr-met=
er-value&gt;value&lt;/a&gt;&lt;/code&gt; content attribute.&lt;/dd&gt;
+
+
+   &lt;dt&gt;If the element is a &lt;code&gt;&lt;a href=3D#the-time-elem=
ent&gt;time&lt;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;On getting, if the element has a &lt;code title=3D=
attr-time-datetime&gt;&lt;a href=3D#attr-time-datetime&gt;datetime&lt;/a&=
gt;&lt;/code&gt; content
+   attribute, the IDL attribute must return that content attribute's val=
ue; otherwise, it must
+   return the element's &lt;code&gt;&lt;a href=3D#textcontent&gt;textCon=
tent&lt;/a&gt;&lt;/code&gt;. On setting, the IDL attribute must act as it=
 would
+   if it was &lt;a href=3D#reflect title=3Dreflect&gt;reflecting&lt;/a&g=
t; the element's &lt;code title=3Dattr-time-datetime&gt;&lt;a href=3D#att=
r-time-datetime&gt;datetime&lt;/a&gt;&lt;/code&gt; content attribute.&lt;=
/dd&gt;
+
+
+   &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The attribute must act the same as the element's &=
lt;code&gt;&lt;a href=3D#textcontent&gt;textContent&lt;/a&gt;&lt;/code&gt=
;
+   attribute.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;When the &lt;code title=3Ddom-itemValue&gt;&lt;a h=
ref=3D#dom-itemvalue&gt;itemValue&lt;/a&gt;&lt;/code&gt; IDL attribute is=
 &lt;a href=3D#reflect title=3Dreflect&gt;reflecting&lt;/a&gt; a content =
attribute or acting like the element's
+  &lt;code&gt;&lt;a href=3D#textcontent&gt;textContent&lt;/a&gt;&lt;/cod=
e&gt; attribute, the user agent must, on setting, convert the new value t=
o the
+  IDL &lt;code title=3D&quot;&quot;&gt;DOMString&lt;/code&gt; value befo=
re using it according to the mappings described
+  above.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this example, a script checks to see if a particular elem=
ent &lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; is
+   declaring a particular property, and if it is, it increments a counte=
r:&lt;/p&gt;
+
+   &lt;pre&gt;if (element.itemProp.contains('color'))
+  count +=3D 1;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This script iterates over each of the values of an element's=
 &lt;code title=3Dattr-itemref&gt;&lt;a href=3D#attr-itemref&gt;itemref&l=
t;/a&gt;&lt;/code&gt; attribute, calling a function for each referenced
+   element:&lt;/p&gt;
+
+   &lt;pre&gt;for (var index =3D 0; index &amp;lt; element.itemRef.lengt=
h; index +=3D 1)
+  process(document.getElementById(element.itemRef[index]));&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h3 id=3Dmdvocabs&gt;&lt;span class=3Dsecno&gt;5.4 &lt;/span&gt;Sam=
ple microdata vocabularies&lt;/h3&gt;
+
+  &lt;p&gt;The vocabularies in this section are primarily intended to de=
monstrate how a vocabulary is
+  specified, though they are also usable in their own right.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dvcard&gt;&lt;span class=3Dsecno&gt;5.4.1 &lt;/span&gt;vCar=
d&lt;/h4&gt;
+
+  &lt;p&gt;An item with the &lt;a href=3D#item-types title=3D&quot;item =
types&quot;&gt;item type&lt;/a&gt; &lt;dfn id=3Dmd-vcard title=3Dmd-vcard=
&gt;&lt;code&gt;http://microformats.org/profile/hcard&lt;/code&gt;&lt;/df=
n&gt; represents a person's or
+  organization's contact information.&lt;/p&gt;
+
+  &lt;p&gt;This vocabulary does not &lt;a href=3D#support-global-identif=
iers-for-items&gt;support global identifiers for items&lt;/a&gt;.&lt;/p&g=
t;
+
+  &lt;p&gt;The following are the type's &lt;a href=3D#defined-property-n=
ame title=3D&quot;defined property name&quot;&gt;defined property names&l=
t;/a&gt;.
+  They are based on the vocabulary defined in the vCard 4.0 specificatio=
n and its extensions, where
+  more information on how to interpret the values can be found. &lt;a hr=
ef=3D#refsRFC6350&gt;[RFC6350]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dmd-vcard-kind title=3Dmd-vcard-kind&g=
t;&lt;code&gt;kind&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Describes what kind of contact the item represents.&lt;/p&g=
t;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text that, when compared in a
+    &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt; manner, is =
equal to one of the &lt;a href=3D#kind-strings&gt;kind strings&lt;/a&gt;.=
&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vcard-k=
ind&gt;&lt;a href=3D#md-vcard-kind&gt;kind&lt;/a&gt;&lt;/code&gt; may be =
present within
+    each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&g=
t; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;h=
ttp://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;!-- XML not included since there's no good way to do it here --&g=
t;
+   &lt;!-- Note: vCard-&gt;microdata-&gt;vCard doesn't count as &quot;pr=
opagating vCards&quot; according to Tantek, so
+        we're not non-conforming when we drop it, despite vCard's requir=
ement --&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-fn title=3Dmd-vcard-fn&gt;&lt;code&gt=
;fn&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the formatted text corresponding to the name of the p=
erson or organization.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;Exactly one property with the name &lt;code title=3Dmd-vcar=
d-fn&gt;&lt;a href=3D#md-vcard-fn&gt;fn&lt;/a&gt;&lt;/code&gt; must be pr=
esent within
+    each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&g=
t; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;h=
ttp://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-n title=3Dmd-vcard-n&gt;&lt;code&gt;n=
&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the structured name of the person or organization.&lt=
;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be an &lt;a href=3D#concept-item tit=
le=3Dconcept-item&gt;item&lt;/a&gt; with zero or more of each of the &lt;=
code title=3Dmd-vcard-n-family-name&gt;&lt;a href=3D#md-vcard-n-family-na=
me&gt;family-name&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dmd-vcard-n-giv=
en-name&gt;&lt;a href=3D#md-vcard-n-given-name&gt;given-name&lt;/a&gt;&lt=
;/code&gt;, &lt;code title=3Dmd-vcard-n-additional-name&gt;&lt;a href=3D#=
md-vcard-n-additional-name&gt;additional-name&lt;/a&gt;&lt;/code&gt;, &lt=
;code title=3Dmd-vcard-n-honorific-prefix&gt;&lt;a href=3D#md-vcard-n-hon=
orific-prefix&gt;honorific-prefix&lt;/a&gt;&lt;/code&gt;, and &lt;code ti=
tle=3Dmd-vcard-n-honorific-suffix&gt;&lt;a href=3D#md-vcard-n-honorific-s=
uffix&gt;honorific-suffix&lt;/a&gt;&lt;/code&gt; properties.&lt;/p&gt;
+
+    &lt;p&gt;Exactly one property with the name &lt;code title=3Dmd-vcar=
d-n&gt;&lt;a href=3D#md-vcard-n&gt;n&lt;/a&gt;&lt;/code&gt; must be prese=
nt within
+    each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&g=
t; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;h=
ttp://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-n-family-name title=3Dmd-vcard-n-fami=
ly-name&gt;&lt;code&gt;family-name&lt;/code&gt;&lt;/dfn&gt; (inside &lt;c=
ode title=3Dmd-vcard-n&gt;&lt;a href=3D#md-vcard-n&gt;n&lt;/a&gt;&lt;/cod=
e&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the family name of the person, or the full name of th=
e organization.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-n-family-name&gt;&lt;a href=3D#md-vcard-n-family-name&gt;family-nam=
e&lt;/a&gt;&lt;/code&gt; may be present within the &lt;a href=3D#concept-=
item title=3Dconcept-item&gt;item&lt;/a&gt; that forms the &lt;a href=3D#=
concept-property-value title=3Dconcept-property-value&gt;value&lt;/a&gt; =
of the &lt;code title=3Dmd-vcard-n&gt;&lt;a href=3D#md-vcard-n&gt;n&lt;/a=
&gt;&lt;/code&gt; property of
+    an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt;=
 with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;htt=
p://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-n-given-name title=3Dmd-vcard-n-given=
-name&gt;&lt;code&gt;given-name&lt;/code&gt;&lt;/dfn&gt; (inside &lt;code=
 title=3Dmd-vcard-n&gt;&lt;a href=3D#md-vcard-n&gt;n&lt;/a&gt;&lt;/code&g=
t;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the given-name of the person.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-n-given-name&gt;&lt;a href=3D#md-vcard-n-given-name&gt;given-name&l=
t;/a&gt;&lt;/code&gt;
+    may be present within the &lt;a href=3D#concept-item title=3Dconcept=
-item&gt;item&lt;/a&gt; that forms the &lt;a href=3D#concept-property-val=
ue title=3Dconcept-property-value&gt;value&lt;/a&gt; of the &lt;code titl=
e=3Dmd-vcard-n&gt;&lt;a href=3D#md-vcard-n&gt;n&lt;/a&gt;&lt;/code&gt; pr=
operty of
+    an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt;=
 with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;htt=
p://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-n-additional-name title=3Dmd-vcard-n-=
additional-name&gt;&lt;code&gt;additional-name&lt;/code&gt;&lt;/dfn&gt; (=
inside &lt;code title=3Dmd-vcard-n&gt;&lt;a href=3D#md-vcard-n&gt;n&lt;/a=
&gt;&lt;/code&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the any additional names of the person.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-n-additional-name&gt;&lt;a href=3D#md-vcard-n-additional-name&gt;ad=
ditional-name&lt;/a&gt;&lt;/code&gt; may be present within the &lt;a href=
=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt; that forms the &l=
t;a href=3D#concept-property-value title=3Dconcept-property-value&gt;valu=
e&lt;/a&gt; of the &lt;code title=3Dmd-vcard-n&gt;&lt;a href=3D#md-vcard-=
n&gt;n&lt;/a&gt;&lt;/code&gt; property of
+    an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt;=
 with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;htt=
p://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-n-honorific-prefix title=3Dmd-vcard-n=
-honorific-prefix&gt;&lt;code&gt;honorific-prefix&lt;/code&gt;&lt;/dfn&gt=
; (inside &lt;code title=3Dmd-vcard-n&gt;&lt;a href=3D#md-vcard-n&gt;n&lt=
;/a&gt;&lt;/code&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the honorific prefix of the person.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-n-honorific-prefix&gt;&lt;a href=3D#md-vcard-n-honorific-prefix&gt;=
honorific-prefix&lt;/a&gt;&lt;/code&gt; may be present within the &lt;a h=
ref=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt; that forms the=
 &lt;a href=3D#concept-property-value title=3Dconcept-property-value&gt;v=
alue&lt;/a&gt; of the &lt;code title=3Dmd-vcard-n&gt;&lt;a href=3D#md-vca=
rd-n&gt;n&lt;/a&gt;&lt;/code&gt; property of
+    an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt;=
 with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;htt=
p://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-n-honorific-suffix title=3Dmd-vcard-n=
-honorific-suffix&gt;&lt;code&gt;honorific-suffix&lt;/code&gt;&lt;/dfn&gt=
; (inside &lt;code title=3Dmd-vcard-n&gt;&lt;a href=3D#md-vcard-n&gt;n&lt=
;/a&gt;&lt;/code&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the honorific suffix of the person.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-n-honorific-suffix&gt;&lt;a href=3D#md-vcard-n-honorific-suffix&gt;=
honorific-suffix&lt;/a&gt;&lt;/code&gt; may be present within the &lt;a h=
ref=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt; that forms the=
 &lt;a href=3D#concept-property-value title=3Dconcept-property-value&gt;v=
alue&lt;/a&gt; of the &lt;code title=3Dmd-vcard-n&gt;&lt;a href=3D#md-vca=
rd-n&gt;n&lt;/a&gt;&lt;/code&gt; property of
+    an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt;=
 with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;htt=
p://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-nickname title=3Dmd-vcard-nickname&gt=
;&lt;code&gt;nickname&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the nickname of the person or organization.&lt;/p&gt;
+
+    &lt;!-- copied from vCard --&gt;
+    &lt;p class=3Dnote&gt;The nickname is the descriptive name given ins=
tead of or in addition to the one
+    belonging to a person, place, or thing. It can also be used to speci=
fy a familiar form of a
+    proper name specified by the &lt;code title=3Dmd-vcard-fn&gt;&lt;a h=
ref=3D#md-vcard-fn&gt;fn&lt;/a&gt;&lt;/code&gt; or &lt;code title=3Dmd-vc=
ard-n&gt;&lt;a href=3D#md-vcard-n&gt;n&lt;/a&gt;&lt;/code&gt; properties.=
&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-nickname&gt;&lt;a href=3D#md-vcard-nickname&gt;nickname&lt;/a&gt;&l=
t;/code&gt; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D=
#md-vcard&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;=
.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-photo title=3Dmd-vcard-photo&gt;&lt;c=
ode&gt;photo&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives a photograph of the person or organization.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be an &lt;a href=3D#absolute-url&gt;=
absolute
+    URL&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-photo&gt;&lt;a href=3D#md-vcard-photo&gt;photo&lt;/a&gt;&lt;/code&g=
t; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D=
#md-vcard&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;=
.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-bday title=3Dmd-vcard-bday&gt;&lt;cod=
e&gt;bday&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the birth date of the person or organization.&lt;/p&g=
t;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be a &lt;a href=3D#valid-date-string=
&gt;valid date
+    string&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vcard-b=
day&gt;&lt;a href=3D#md-vcard-bday&gt;bday&lt;/a&gt;&lt;/code&gt; may be =
present within
+    each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&g=
t; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;h=
ttp://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-anniversary title=3Dmd-vcard-annivers=
ary&gt;&lt;code&gt;anniversary&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the birth date of the person or organization.&lt;/p&g=
t;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be a &lt;a href=3D#valid-date-string=
&gt;valid date
+    string&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vcard-a=
nniversary&gt;&lt;a href=3D#md-vcard-anniversary&gt;anniversary&lt;/a&gt;=
&lt;/code&gt; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D=
#md-vcard&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;=
.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-sex title=3Dmd-vcard-sex&gt;&lt;code&=
gt;sex&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the biological sex of the person.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be one of
+    &lt;code title=3D&quot;&quot;&gt;F&lt;/code&gt;, meaning &quot;femal=
e&quot;,
+    &lt;code title=3D&quot;&quot;&gt;M&lt;/code&gt;, meaning &quot;male&=
quot;,
+    &lt;code title=3D&quot;&quot;&gt;N&lt;/code&gt;, meaning &quot;none =
or not applicable&quot;,=20
+    &lt;code title=3D&quot;&quot;&gt;O&lt;/code&gt;, meaning &quot;other=
&quot;, or
+    &lt;code title=3D&quot;&quot;&gt;U&lt;/code&gt;, meaning &quot;unkno=
wn&quot;.&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vcard-s=
ex&gt;&lt;a href=3D#md-vcard-sex&gt;sex&lt;/a&gt;&lt;/code&gt; may be pre=
sent within
+    each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&g=
t; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;h=
ttp://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-gender-identity title=3Dmd-vcard-gend=
er-identity&gt;&lt;code&gt;gender-identity&lt;/code&gt;&lt;/dfn&gt;&lt;/d=
t&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the gender identity of the person.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vcard-g=
ender-identity&gt;&lt;a href=3D#md-vcard-gender-identity&gt;gender-identi=
ty&lt;/a&gt;&lt;/code&gt;
+    may be present within each &lt;a href=3D#concept-item title=3Dconcep=
t-item&gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a=
 href=3D#md-vcard&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/=
code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-adr title=3Dmd-vcard-adr&gt;&lt;code&=
gt;adr&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the delivery address of the person or organization.&l=
t;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be an &lt;a href=3D#concept-item tit=
le=3Dconcept-item&gt;item&lt;/a&gt; with zero or more &lt;code title=3Dmd=
-vcard-adr-type&gt;&lt;a href=3D#md-vcard-adr-type&gt;type&lt;/a&gt;&lt;/=
code&gt;,
+    &lt;code title=3Dmd-vcard-adr-post-office-box&gt;&lt;a href=3D#md-vc=
ard-adr-post-office-box&gt;post-office-box&lt;/a&gt;&lt;/code&gt;, &lt;co=
de title=3Dmd-vcard-adr-extended-address&gt;&lt;a href=3D#md-vcard-adr-ex=
tended-address&gt;extended-address&lt;/a&gt;&lt;/code&gt;, and &lt;code t=
itle=3Dmd-vcard-adr-street-address&gt;&lt;a href=3D#md-vcard-adr-street-a=
ddress&gt;street-address&lt;/a&gt;&lt;/code&gt; properties, and optionall=
y a &lt;code title=3Dmd-vcard-adr-locality&gt;&lt;a href=3D#md-vcard-adr-=
locality&gt;locality&lt;/a&gt;&lt;/code&gt; property, optionally a &lt;co=
de title=3Dmd-vcard-adr-region&gt;&lt;a href=3D#md-vcard-adr-region&gt;re=
gion&lt;/a&gt;&lt;/code&gt; property, optionally a &lt;code title=3Dmd-vc=
ard-adr-postal-code&gt;&lt;a href=3D#md-vcard-adr-postal-code&gt;postal-c=
ode&lt;/a&gt;&lt;/code&gt; property, and optionally a &lt;code title=3Dmd=
-vcard-adr-country-name&gt;&lt;a href=3D#md-vcard-adr-country-name&gt;cou=
ntry-name&lt;/a&gt;&lt;/code&gt; property.&lt;/p&gt;
+
+    &lt;p&gt;If no &lt;code title=3Dmd-vcard-adr-type&gt;&lt;a href=3D#m=
d-vcard-adr-type&gt;type&lt;/a&gt;&lt;/code&gt; properties are present wi=
thin an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt;=
 that forms the &lt;a href=3D#concept-property-value title=3Dconcept-prop=
erty-value&gt;value&lt;/a&gt; of an &lt;code title=3Dmd-vcard-adr&gt;&lt;=
a href=3D#md-vcard-adr&gt;adr&lt;/a&gt;&lt;/code&gt; property
+    of an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&=
gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;=
http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;, then the &l=
t;a href=3D#address-type-strings title=3D&quot;address
+    type strings&quot;&gt;address type string&lt;/a&gt; &lt;code title=3D=
md-vcard-type-adr-work&gt;&lt;a href=3D#md-vcard-type-adr-work&gt;work&lt=
;/a&gt;&lt;/code&gt; is
+    implied.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-adr&gt;&lt;a href=3D#md-vcard-adr&gt;adr&lt;/a&gt;&lt;/code&gt; may=
 be present
+    within each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vca=
rd&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p=
&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-adr-type title=3Dmd-vcard-adr-type&gt=
;&lt;code&gt;type&lt;/code&gt;&lt;/dfn&gt; (inside &lt;code title=3Dmd-vc=
ard-adr&gt;&lt;a href=3D#md-vcard-adr&gt;adr&lt;/a&gt;&lt;/code&gt;)&lt;/=
dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the type of delivery address.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text that, when compared in a
+    &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt; manner, is =
equal to one of the &lt;a href=3D#address-type-strings&gt;address type
+    strings&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-adr-type&gt;&lt;a href=3D#md-vcard-adr-type&gt;type&lt;/a&gt;&lt;/c=
ode&gt; may be
+    present within the &lt;a href=3D#concept-item title=3Dconcept-item&g=
t;item&lt;/a&gt; that forms the &lt;a href=3D#concept-property-value titl=
e=3Dconcept-property-value&gt;value&lt;/a&gt; of an &lt;code title=3Dmd-v=
card-adr&gt;&lt;a href=3D#md-vcard-adr&gt;adr&lt;/a&gt;&lt;/code&gt; prop=
erty
+    of an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&=
gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;=
http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;, but within =
each such &lt;code title=3Dmd-vcard-adr&gt;&lt;a href=3D#md-vcard-adr&gt;=
adr&lt;/a&gt;&lt;/code&gt; property &lt;a href=3D#concept-item title=3Dco=
ncept-item&gt;item&lt;/a&gt; there must only
+    be one &lt;code title=3Dmd-vcard-adr-type&gt;&lt;a href=3D#md-vcard-=
adr-type&gt;type&lt;/a&gt;&lt;/code&gt; property per distinct value.&lt;/=
p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-adr-post-office-box title=3Dmd-vcard-=
adr-post-office-box&gt;&lt;code&gt;post-office-box&lt;/code&gt;&lt;/dfn&g=
t; (inside &lt;code title=3Dmd-vcard-adr&gt;&lt;a href=3D#md-vcard-adr&gt=
;adr&lt;/a&gt;&lt;/code&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the post office box component of the delivery address=
 of the person or
+    organization.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-adr-post-office-box&gt;&lt;a href=3D#md-vcard-adr-post-office-box&g=
t;post-office-box&lt;/a&gt;&lt;/code&gt; may be present within the &lt;a =
href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt; that forms th=
e &lt;a href=3D#concept-property-value title=3Dconcept-property-value&gt;=
value&lt;/a&gt; of an &lt;code title=3Dmd-vcard-adr&gt;&lt;a href=3D#md-v=
card-adr&gt;adr&lt;/a&gt;&lt;/code&gt; property
+    of an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&=
gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;=
http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The vCard specification urges authors not to u=
se this field.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-adr-extended-address title=3Dmd-vcard=
-adr-extended-address&gt;&lt;code&gt;extended-address&lt;/code&gt;&lt;/df=
n&gt; (inside &lt;code title=3Dmd-vcard-adr&gt;&lt;a href=3D#md-vcard-adr=
&gt;adr&lt;/a&gt;&lt;/code&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives an additional component of the delivery address of th=
e person or organization.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-adr-extended-address&gt;&lt;a href=3D#md-vcard-adr-extended-address=
&gt;extended-address&lt;/a&gt;&lt;/code&gt; may be present within the &lt=
;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt; that forms=
 the &lt;a href=3D#concept-property-value title=3Dconcept-property-value&=
gt;value&lt;/a&gt; of an &lt;code title=3Dmd-vcard-adr&gt;&lt;a href=3D#m=
d-vcard-adr&gt;adr&lt;/a&gt;&lt;/code&gt; property
+    of an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&=
gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;=
http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The vCard specification urges authors not to u=
se this field.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-adr-street-address title=3Dmd-vcard-a=
dr-street-address&gt;&lt;code&gt;street-address&lt;/code&gt;&lt;/dfn&gt; =
(inside &lt;code title=3Dmd-vcard-adr&gt;&lt;a href=3D#md-vcard-adr&gt;ad=
r&lt;/a&gt;&lt;/code&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the street address component of the delivery address =
of the person or organization.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-adr-street-address&gt;&lt;a href=3D#md-vcard-adr-street-address&gt;=
street-address&lt;/a&gt;&lt;/code&gt; may be present within the &lt;a hre=
f=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt; that forms the &=
lt;a href=3D#concept-property-value title=3Dconcept-property-value&gt;val=
ue&lt;/a&gt; of an &lt;code title=3Dmd-vcard-adr&gt;&lt;a href=3D#md-vcar=
d-adr&gt;adr&lt;/a&gt;&lt;/code&gt; property
+    of an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&=
gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;=
http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-adr-locality title=3Dmd-vcard-adr-loc=
ality&gt;&lt;code&gt;locality&lt;/code&gt;&lt;/dfn&gt; (inside &lt;code t=
itle=3Dmd-vcard-adr&gt;&lt;a href=3D#md-vcard-adr&gt;adr&lt;/a&gt;&lt;/co=
de&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the locality component (e.g. city) of the delivery ad=
dress of the person or
+    organization.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vcard-a=
dr-locality&gt;&lt;a href=3D#md-vcard-adr-locality&gt;locality&lt;/a&gt;&=
lt;/code&gt; may be
+    present within the &lt;a href=3D#concept-item title=3Dconcept-item&g=
t;item&lt;/a&gt; that forms the &lt;a href=3D#concept-property-value titl=
e=3Dconcept-property-value&gt;value&lt;/a&gt; of an &lt;code title=3Dmd-v=
card-adr&gt;&lt;a href=3D#md-vcard-adr&gt;adr&lt;/a&gt;&lt;/code&gt; prop=
erty
+    of an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&=
gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;=
http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-adr-region title=3Dmd-vcard-adr-regio=
n&gt;&lt;code&gt;region&lt;/code&gt;&lt;/dfn&gt; (inside &lt;code title=3D=
md-vcard-adr&gt;&lt;a href=3D#md-vcard-adr&gt;adr&lt;/a&gt;&lt;/code&gt;)=
&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the region component (e.g. state or province) of the =
delivery address of the person or
+    organization.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vcard-a=
dr-region&gt;&lt;a href=3D#md-vcard-adr-region&gt;region&lt;/a&gt;&lt;/co=
de&gt; may be
+    present within the &lt;a href=3D#concept-item title=3Dconcept-item&g=
t;item&lt;/a&gt; that forms the &lt;a href=3D#concept-property-value titl=
e=3Dconcept-property-value&gt;value&lt;/a&gt; of an &lt;code title=3Dmd-v=
card-adr&gt;&lt;a href=3D#md-vcard-adr&gt;adr&lt;/a&gt;&lt;/code&gt; prop=
erty
+    of an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&=
gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;=
http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-adr-postal-code title=3Dmd-vcard-adr-=
postal-code&gt;&lt;code&gt;postal-code&lt;/code&gt;&lt;/dfn&gt; (inside &=
lt;code title=3Dmd-vcard-adr&gt;&lt;a href=3D#md-vcard-adr&gt;adr&lt;/a&g=
t;&lt;/code&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the postal code component of the delivery address of =
the person or organization.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vcard-a=
dr-postal-code&gt;&lt;a href=3D#md-vcard-adr-postal-code&gt;postal-code&l=
t;/a&gt;&lt;/code&gt; may
+    be present within the &lt;a href=3D#concept-item title=3Dconcept-ite=
m&gt;item&lt;/a&gt; that forms the &lt;a href=3D#concept-property-value t=
itle=3Dconcept-property-value&gt;value&lt;/a&gt; of an &lt;code title=3Dm=
d-vcard-adr&gt;&lt;a href=3D#md-vcard-adr&gt;adr&lt;/a&gt;&lt;/code&gt; p=
roperty
+    of an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&=
gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;=
http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-adr-country-name title=3Dmd-vcard-adr=
-country-name&gt;&lt;code&gt;country-name&lt;/code&gt;&lt;/dfn&gt; (insid=
e &lt;code title=3Dmd-vcard-adr&gt;&lt;a href=3D#md-vcard-adr&gt;adr&lt;/=
a&gt;&lt;/code&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the country name component of the delivery address of=
 the person or organization.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vcard-a=
dr-country-name&gt;&lt;a href=3D#md-vcard-adr-country-name&gt;country-nam=
e&lt;/a&gt;&lt;/code&gt;
+    may be present within the &lt;a href=3D#concept-item title=3Dconcept=
-item&gt;item&lt;/a&gt; that forms the &lt;a href=3D#concept-property-val=
ue title=3Dconcept-property-value&gt;value&lt;/a&gt; of an &lt;code title=
=3Dmd-vcard-adr&gt;&lt;a href=3D#md-vcard-adr&gt;adr&lt;/a&gt;&lt;/code&g=
t; property
+    of an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&=
gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;=
http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-tel title=3Dmd-vcard-tel&gt;&lt;code&=
gt;tel&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the telephone number of the person or organization.&l=
t;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be either text that can be
+    interpreted as a telephone number as defined in the CCITT specificat=
ions E.163 and X.121, or an
+    &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt; wi=
th zero or more &lt;code title=3Dmd-vcard-tel-type&gt;&lt;a href=3D#md-vc=
ard-tel-type&gt;type&lt;/a&gt;&lt;/code&gt; properties and exactly one &l=
t;code title=3Dmd-vcard-tel-value&gt;&lt;a href=3D#md-vcard-tel-value&gt;=
value&lt;/a&gt;&lt;/code&gt; property. &lt;a href=3D#refsE163&gt;[E163]&l=
t;/a&gt; &lt;a href=3D#refsX121&gt;[X121]&lt;/a&gt;&lt;/p&gt;
+
+    &lt;p&gt;If no &lt;code title=3Dmd-vcard-tel-type&gt;&lt;a href=3D#m=
d-vcard-tel-type&gt;type&lt;/a&gt;&lt;/code&gt; properties are present wi=
thin an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt;=
 that forms the &lt;a href=3D#concept-property-value title=3Dconcept-prop=
erty-value&gt;value&lt;/a&gt; of a &lt;code title=3Dmd-vcard-tel&gt;&lt;a=
 href=3D#md-vcard-tel&gt;tel&lt;/a&gt;&lt;/code&gt; property
+    of an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&=
gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;=
http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;, or if the &=
lt;a href=3D#concept-property-value title=3Dconcept-property-value&gt;val=
ue&lt;/a&gt; of such a &lt;code title=3Dmd-vcard-tel&gt;&lt;a href=3D#md-=
vcard-tel&gt;tel&lt;/a&gt;&lt;/code&gt;
+    property is text, then the &lt;a href=3D#telephone-type-strings titl=
e=3D&quot;telephone type strings&quot;&gt;telephone type string&lt;/a&gt;
+    &lt;code title=3Dmd-vcard-type-tel-voice&gt;&lt;a href=3D#md-vcard-t=
ype-tel-voice&gt;voice&lt;/a&gt;&lt;/code&gt; is implied.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-tel&gt;&lt;a href=3D#md-vcard-tel&gt;tel&lt;/a&gt;&lt;/code&gt; may=
 be present
+    within each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vca=
rd&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p=
&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-tel-type title=3Dmd-vcard-tel-type&gt=
;&lt;code&gt;type&lt;/code&gt;&lt;/dfn&gt; (inside &lt;code title=3Dmd-vc=
ard-tel&gt;&lt;a href=3D#md-vcard-tel&gt;tel&lt;/a&gt;&lt;/code&gt;)&lt;/=
dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the type of telephone number.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text that, when compared in a
+    &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt; manner, is =
equal to one of the &lt;a href=3D#telephone-type-strings&gt;telephone typ=
e
+    strings&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-tel-type&gt;&lt;a href=3D#md-vcard-tel-type&gt;type&lt;/a&gt;&lt;/c=
ode&gt; may be
+    present within the &lt;a href=3D#concept-item title=3Dconcept-item&g=
t;item&lt;/a&gt; that forms the &lt;a href=3D#concept-property-value titl=
e=3Dconcept-property-value&gt;value&lt;/a&gt; of a &lt;code title=3Dmd-vc=
ard-tel&gt;&lt;a href=3D#md-vcard-tel&gt;tel&lt;/a&gt;&lt;/code&gt; prope=
rty
+    of an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&=
gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;=
http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;, but within =
each such &lt;code title=3Dmd-vcard-tel&gt;&lt;a href=3D#md-vcard-tel&gt;=
tel&lt;/a&gt;&lt;/code&gt; property &lt;a href=3D#concept-item title=3Dco=
ncept-item&gt;item&lt;/a&gt; there must only
+    be one &lt;code title=3Dmd-vcard-tel-type&gt;&lt;a href=3D#md-vcard-=
tel-type&gt;type&lt;/a&gt;&lt;/code&gt; property per distinct value.&lt;/=
p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-tel-value title=3Dmd-vcard-tel-value&=
gt;&lt;code&gt;value&lt;/code&gt;&lt;/dfn&gt; (inside &lt;code title=3Dmd=
-vcard-tel&gt;&lt;a href=3D#md-vcard-tel&gt;tel&lt;/a&gt;&lt;/code&gt;)&l=
t;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the actual telephone number of the person or organiza=
tion.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text that can be interpreted as
+    a telephone number as defined in the CCITT specifications E.163 and =
X.121. &lt;a href=3D#refsE163&gt;[E163]&lt;/a&gt; &lt;a href=3D#refsX121&=
gt;[X121]&lt;/a&gt;&lt;/p&gt;
+
+    &lt;p&gt;Exactly one property with the name &lt;code title=3Dmd-vcar=
d-tel-value&gt;&lt;a href=3D#md-vcard-tel-value&gt;value&lt;/a&gt;&lt;/co=
de&gt; must be
+    present within the &lt;a href=3D#concept-item title=3Dconcept-item&g=
t;item&lt;/a&gt; that forms the &lt;a href=3D#concept-property-value titl=
e=3Dconcept-property-value&gt;value&lt;/a&gt; of a &lt;code title=3Dmd-vc=
ard-tel&gt;&lt;a href=3D#md-vcard-tel&gt;tel&lt;/a&gt;&lt;/code&gt; prope=
rty
+    of an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&=
gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;=
http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-email title=3Dmd-vcard-email&gt;&lt;c=
ode&gt;email&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the e-mail address of the person or organization.&lt;=
/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-email&gt;&lt;a href=3D#md-vcard-email&gt;email&lt;/a&gt;&lt;/code&g=
t; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D=
#md-vcard&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;=
.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-impp title=3Dmd-vcard-impp&gt;&lt;cod=
e&gt;impp&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives a &lt;a href=3D#url&gt;URL&lt;/a&gt; for instant mess=
aging and presence protocol communications with the
+    person or organization.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be an &lt;a href=3D#absolute-url&gt;=
absolute
+    URL&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-impp&gt;&lt;a href=3D#md-vcard-impp&gt;impp&lt;/a&gt;&lt;/code&gt; =
may be present
+    within each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vca=
rd&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p=
&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-lang title=3Dmd-vcard-lang&gt;&lt;cod=
e&gt;lang&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives a language understood by the person or organization.&=
lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be a valid BCP 47 language tag. &lt;=
a href=3D#refsBCP47&gt;[BCP47]&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-lang&gt;&lt;a href=3D#md-vcard-lang&gt;lang&lt;/a&gt;&lt;/code&gt; =
may be present
+    within each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vca=
rd&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p=
&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-tz title=3Dmd-vcard-tz&gt;&lt;code&gt=
;tz&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the time zone of the person or organization.&lt;/p&gt=
;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text and must match the
+    following syntax:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;Either a U+002B PLUS SIGN character (+) or a U+0=
02D HYPHEN-MINUS character (-).&lt;/li&gt;
+
+     &lt;li&gt;A &lt;a href=3D#valid-non-negative-integer&gt;valid non-n=
egative integer&lt;/a&gt; that is exactly two digits long and that
+     represents a number in the range 00..23.&lt;/li&gt;
+
+     &lt;li&gt;A U+003A COLON character (:).&lt;/li&gt;
+
+     &lt;li&gt;A &lt;a href=3D#valid-non-negative-integer&gt;valid non-n=
egative integer&lt;/a&gt; that is exactly two digits long and that
+     represents a number in the range 00..59.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;p&gt;Any number of properties with the name &lt;code =
title=3Dmd-vcard-tz&gt;&lt;a href=3D#md-vcard-tz&gt;tz&lt;/a&gt;&lt;/code=
&gt; may be present
+    within each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vca=
rd&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p=
&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-geo title=3Dmd-vcard-geo&gt;&lt;code&=
gt;geo&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the geographical position of the person or organizati=
on.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text and must match the
+    following syntax:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;Optionally, either a U+002B PLUS SIGN character =
(+) or a U+002D HYPHEN-MINUS character
+     (-).&lt;/li&gt;
+
+     &lt;li&gt;One or more &lt;a href=3D#ascii-digits&gt;ASCII digits&lt=
;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;Optionally*, a U+002E FULL STOP character (.) followed by=
 one or more &lt;a href=3D#ascii-digits&gt;ASCII
+     digits&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;A U+003B SEMICOLON character (;).&lt;/li&gt;
+
+     &lt;li&gt;Optionally, either a U+002B PLUS SIGN character (+) or a =
U+002D HYPHEN-MINUS character
+     (-).&lt;/li&gt;
+
+     &lt;li&gt;One or more &lt;a href=3D#ascii-digits&gt;ASCII digits&lt=
;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;Optionally*, a U+002E FULL STOP character (.) followed by=
 one or more &lt;a href=3D#ascii-digits&gt;ASCII
+     digits&lt;/a&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;p&gt;The optional components marked with an asterisk =
(*) should be included, and should have six
+    digits each.&lt;/p&gt;
+
+    &lt;!-- copied from vCard --&gt;
+    &lt;p class=3Dnote&gt;The value specifies latitude and longitude, in=
 that order (i.e., &quot;LAT LON&quot;
+    ordering), in decimal degrees. The longitude represents the location=
 east and west of the prime
+    meridian as a positive or negative real number, respectively. The la=
titude represents the
+    location north and south of the equator as a positive or negative re=
al number, respectively.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-geo&gt;&lt;a href=3D#md-vcard-geo&gt;geo&lt;/a&gt;&lt;/code&gt; may=
 be present
+    within each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vca=
rd&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p=
&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-title title=3Dmd-vcard-title&gt;&lt;c=
ode&gt;title&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the job title, functional position or function of the=
 person or organization.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-title&gt;&lt;a href=3D#md-vcard-title&gt;title&lt;/a&gt;&lt;/code&g=
t; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D=
#md-vcard&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;=
.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-role title=3Dmd-vcard-role&gt;&lt;cod=
e&gt;role&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the role, occupation, or business category of the per=
son or organization.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-role&gt;&lt;a href=3D#md-vcard-role&gt;role&lt;/a&gt;&lt;/code&gt; =
may be present
+    within each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vca=
rd&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p=
&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-logo title=3Dmd-vcard-logo&gt;&lt;cod=
e&gt;logo&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the logo of the person or organization.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be an &lt;a href=3D#absolute-url&gt;=
absolute
+    URL&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-logo&gt;&lt;a href=3D#md-vcard-logo&gt;logo&lt;/a&gt;&lt;/code&gt; =
may be present
+    within each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vca=
rd&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p=
&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-agent title=3Dmd-vcard-agent&gt;&lt;c=
ode&gt;agent&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the contact information of another person who will ac=
t on behalf of the person or
+    organization.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be either an &lt;a href=3D#concept-i=
tem title=3Dconcept-item&gt;item&lt;/a&gt; with the type &lt;code title=3D=
md-vcard&gt;&lt;a href=3D#md-vcard&gt;http://microformats.org/profile/hca=
rd&lt;/a&gt;&lt;/code&gt;, or an &lt;a href=3D#absolute-url&gt;absolute U=
RL&lt;/a&gt;,
+    or text.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-agent&gt;&lt;a href=3D#md-vcard-agent&gt;agent&lt;/a&gt;&lt;/code&g=
t; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D=
#md-vcard&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;=
.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-org title=3Dmd-vcard-org&gt;&lt;code&=
gt;org&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the name and units of the organization.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be either text or an &lt;a href=3D#c=
oncept-item title=3Dconcept-item&gt;item&lt;/a&gt; with one &lt;code titl=
e=3Dmd-vcard-org-organization-name&gt;&lt;a href=3D#md-vcard-org-organiza=
tion-name&gt;organization-name&lt;/a&gt;&lt;/code&gt; property and zero o=
r more &lt;code title=3Dmd-vcard-n-organization-unit&gt;organization-unit=
&lt;/code&gt; properties.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-org&gt;&lt;a href=3D#md-vcard-org&gt;org&lt;/a&gt;&lt;/code&gt; may=
 be present
+    within each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vca=
rd&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p=
&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-org-organization-name title=3Dmd-vcar=
d-org-organization-name&gt;&lt;code&gt;organization-name&lt;/code&gt;&lt;=
/dfn&gt; (inside &lt;code title=3Dmd-vcard-org&gt;&lt;a href=3D#md-vcard-=
org&gt;org&lt;/a&gt;&lt;/code&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the name of the organization.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;Exactly one property with the name &lt;code title=3Dmd-vcar=
d-org-organization-name&gt;&lt;a href=3D#md-vcard-org-organization-name&g=
t;organization-name&lt;/a&gt;&lt;/code&gt; must be present within the &lt=
;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt; that forms=
 the &lt;a href=3D#concept-property-value title=3Dconcept-property-value&=
gt;value&lt;/a&gt; of an &lt;code title=3Dmd-vcard-org&gt;&lt;a href=3D#m=
d-vcard-org&gt;org&lt;/a&gt;&lt;/code&gt; property
+    of an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&=
gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;=
http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-org-organization-unit title=3Dmd-vcar=
d-org-organization-unit&gt;&lt;code&gt;organization-unit&lt;/code&gt;&lt;=
/dfn&gt; (inside &lt;code title=3Dmd-vcard-org&gt;&lt;a href=3D#md-vcard-=
org&gt;org&lt;/a&gt;&lt;/code&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the name of the organization unit.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-org-organization-unit&gt;&lt;a href=3D#md-vcard-org-organization-un=
it&gt;organization-unit&lt;/a&gt;&lt;/code&gt; may be present within the =
&lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt; that fo=
rms the &lt;a href=3D#concept-property-value title=3Dconcept-property-val=
ue&gt;value&lt;/a&gt; of the &lt;code title=3Dmd-vcard-org&gt;&lt;a href=3D=
#md-vcard-org&gt;org&lt;/a&gt;&lt;/code&gt;
+    property of an &lt;a href=3D#concept-item title=3Dconcept-item&gt;it=
em&lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-=
vcard&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt=
;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-member title=3Dmd-vcard-member&gt;&lt=
;code&gt;member&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives a &lt;a href=3D#url&gt;URL&lt;/a&gt; that represents =
a member of the group.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be an &lt;a href=3D#absolute-url&gt;=
absolute
+    URL&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-member&gt;&lt;a href=3D#md-vcard-member&gt;member&lt;/a&gt;&lt;/cod=
e&gt; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D=
#md-vcard&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;=
 if the &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt;=
 also has a property with the name &lt;code title=3Dmd-vcard-kind&gt;&lt;=
a href=3D#md-vcard-kind&gt;kind&lt;/a&gt;&lt;/code&gt; whose value is &qu=
ot;&lt;code title=3Dmd-vcard-kind-group&gt;&lt;a href=3D#md-vcard-kind-gr=
oup&gt;group&lt;/a&gt;&lt;/code&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-related title=3Dmd-vcard-related&gt;&=
lt;code&gt;related&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives a relationship to another entity.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must an &lt;a href=3D#concept-item title=3D=
concept-item&gt;item&lt;/a&gt; with one &lt;code title=3Dmd-vcard-org-rel=
ated-url&gt;&lt;a href=3D#md-vcard-org-related-url&gt;url&lt;/a&gt;&lt;/c=
ode&gt;
+    property and one &lt;code title=3Dmd-vcard-org-related-rel&gt;&lt;a =
href=3D#md-vcard-org-related-rel&gt;rel&lt;/a&gt;&lt;/code&gt; properties=
.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-related&gt;&lt;a href=3D#md-vcard-related&gt;orrelated&lt;/a&gt;&lt=
;/code&gt; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D=
#md-vcard&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;=
.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-org-related-url title=3Dmd-vcard-org-=
related-url&gt;&lt;code&gt;url&lt;/code&gt;&lt;/dfn&gt; (inside &lt;code =
title=3Dmd-vcard-related&gt;&lt;a href=3D#md-vcard-related&gt;related&lt;=
/a&gt;&lt;/code&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the &lt;a href=3D#url&gt;URL&lt;/a&gt; for the relate=
d entity.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be an &lt;a href=3D#absolute-url&gt;=
absolute
+    URL&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Exactly one property with the name &lt;code title=3Dmd-vcar=
d-org-url&gt;url&lt;/code&gt; must be present
+    within the &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&l=
t;/a&gt; that forms the &lt;a href=3D#concept-property-value title=3Dconc=
ept-property-value&gt;value&lt;/a&gt; of a &lt;code title=3Dmd-vcard-rela=
ted&gt;&lt;a href=3D#md-vcard-related&gt;related&lt;/a&gt;&lt;/code&gt;
+    property of an &lt;a href=3D#concept-item title=3Dconcept-item&gt;it=
em&lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-=
vcard&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt=
;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-org-related-rel title=3Dmd-vcard-org-=
related-rel&gt;&lt;code&gt;rel&lt;/code&gt;&lt;/dfn&gt; (inside &lt;code =
title=3Dmd-vcard-related&gt;&lt;a href=3D#md-vcard-related&gt;related&lt;=
/a&gt;&lt;/code&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the relationship between the entity and the related e=
ntity.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text that, when compared in a
+    &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt; manner, is =
equal to one of the &lt;a href=3D#relationship-strings&gt;relationship
+    strings&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Exactly one property with the name &lt;code title=3Dmd-vcar=
d-org-rel&gt;rel&lt;/code&gt; must be present
+    within the &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&l=
t;/a&gt; that forms the &lt;a href=3D#concept-property-value title=3Dconc=
ept-property-value&gt;value&lt;/a&gt; of a &lt;code title=3Dmd-vcard-rela=
ted&gt;&lt;a href=3D#md-vcard-related&gt;related&lt;/a&gt;&lt;/code&gt;
+    property of an &lt;a href=3D#concept-item title=3Dconcept-item&gt;it=
em&lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-=
vcard&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt=
;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-categories title=3Dmd-vcard-categorie=
s&gt;&lt;code&gt;categories&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the name of a category or tag that the person or orga=
nization could be classified
+    as.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-categories&gt;&lt;a href=3D#md-vcard-categories&gt;categories&lt;/a=
&gt;&lt;/code&gt;
+    may be present within each &lt;a href=3D#concept-item title=3Dconcep=
t-item&gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a=
 href=3D#md-vcard&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/=
code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-note title=3Dmd-vcard-note&gt;&lt;cod=
e&gt;note&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives supplemental information or a comment about the perso=
n or organization.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-note&gt;&lt;a href=3D#md-vcard-note&gt;note&lt;/a&gt;&lt;/code&gt; =
may be present
+    within each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vca=
rd&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p=
&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;!-- PRODID not included --&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-rev title=3Dmd-vcard-rev&gt;&lt;code&=
gt;rev&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the revision date and time of the contact information=
.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text that is a &lt;a href=3D#vali=
d-global-date-and-time-string&gt;valid
+    global date and time string&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;!-- copied from vCard --&gt;
+    &lt;p class=3Dnote&gt;The value distinguishes the current revision o=
f the information for other
+    renditions of the information.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-rev&gt;&lt;a href=3D#md-vcard-rev&gt;rev&lt;/a&gt;&lt;/code&gt; may=
 be present
+    within each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vca=
rd&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p=
&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-sound title=3Dmd-vcard-sound&gt;&lt;c=
ode&gt;sound&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives a sound file relating to the person or organization.&=
lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be an &lt;a href=3D#absolute-url&gt;=
absolute
+    URL&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-sound&gt;&lt;a href=3D#md-vcard-sound&gt;sound&lt;/a&gt;&lt;/code&g=
t; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D=
#md-vcard&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;=
.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-uid title=3Dmd-vcard-uid&gt;&lt;code&=
gt;uid&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives a globally unique identifier corresponding to the per=
son or organization.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vcard-u=
id&gt;&lt;a href=3D#md-vcard-uid&gt;uid&lt;/a&gt;&lt;/code&gt; may be pre=
sent within
+    each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&g=
t; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;h=
ttp://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;!-- CLIENTPIDMAP not included since the global parameters are not=
 included --&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-url title=3Dmd-vcard-url&gt;&lt;code&=
gt;url&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives a &lt;a href=3D#url&gt;URL&lt;/a&gt; relating to the =
person or organization.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be an &lt;a href=3D#absolute-url&gt;=
absolute
+    URL&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vcard-url&gt;&lt;a href=3D#md-vcard-url&gt;url&lt;/a&gt;&lt;/code&gt; may=
 be present
+    within each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; with the type &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vca=
rd&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/p=
&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;!-- VERSION not included - always 4.0 --&gt;
+
+   &lt;!-- KEY not included - no way to include binary data at this time=
 --&gt;
+
+   &lt;!-- FBURL, CALADRURI, CALURI not included - unclear how calendars=
 would be exposed on the web --&gt;
+
+  &lt;/dl&gt;&lt;p&gt;The &lt;dfn id=3Dkind-strings&gt;kind strings&lt;/=
dfn&gt; are:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dmd-vcard-kind-individual title=3Dmd-v=
card-kind-individual&gt;&lt;code&gt;individual&lt;/code&gt;&lt;/dfn&gt;&l=
t;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Indicates a single entity (e.g. a person).&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-kind-group title=3Dmd-vcard-kind-grou=
p&gt;&lt;code&gt;group&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Indicates multiple entities (e.g. a mailing list).&lt;/p&gt=
;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-kind-org title=3Dmd-vcard-kind-org&gt=
;&lt;code&gt;org&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Indicates a single entity that is not a person (e.g. a comp=
any).&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-kind-location title=3Dmd-vcard-kind-l=
ocation&gt;&lt;code&gt;location&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Indicates a geographical place (e.g. an office building).&l=
t;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;!-- update this when http://www.iana.org/assignments/vcard-elemen=
ts/vcard-elements.xml#property-values is updated --&gt;
+
+  &lt;/dl&gt;&lt;p&gt;The &lt;dfn id=3Daddress-type-strings&gt;address t=
ype strings&lt;/dfn&gt; are:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dmd-vcard-type-adr-home title=3Dmd-vca=
rd-type-adr-home&gt;&lt;code&gt;home&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Indicates a delivery address for a residence.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-type-adr-work title=3Dmd-vcard-type-a=
dr-work&gt;&lt;code&gt;work&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Indicates a delivery address for a place of work.&lt;/p&gt;
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;The &lt;dfn id=3Dtelephone-type-strings&gt;telepho=
ne type strings&lt;/dfn&gt; are:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dmd-vcard-type-tel-home title=3Dmd-vca=
rd-type-tel-home&gt;&lt;code&gt;home&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Indicates a residential number.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-type-tel-work title=3Dmd-vcard-type-t=
el-work&gt;&lt;code&gt;work&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Indicates a telephone number for a place of work.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-type-tel-text title=3Dmd-vcard-type-t=
el-text&gt;&lt;code&gt;text&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Indicates that the telephone number supports text messages =
(SMS).&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-type-tel-voice title=3Dmd-vcard-type-=
tel-voice&gt;&lt;code&gt;voice&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Indicates a voice telephone number.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-type-tel-fax title=3Dmd-vcard-type-te=
l-fax&gt;&lt;code&gt;fax&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Indicates a facsimile telephone number.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-type-tel-cell title=3Dmd-vcard-type-t=
el-cell&gt;&lt;code&gt;cell&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Indicates a cellular telephone number.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-type-tel-video title=3Dmd-vcard-type-=
tel-video&gt;&lt;code&gt;video&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Indicates a video conferencing telephone number.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-type-tel-pager title=3Dmd-vcard-type-=
tel-pager&gt;&lt;code&gt;pager&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Indicates a paging device telephone number.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-type-tel-textphone title=3Dmd-vcard-t=
ype-tel-textphone&gt;&lt;code&gt;textphone&lt;/code&gt;&lt;/dfn&gt;&lt;/d=
t&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Indicates a telecommunication device for people with hearin=
g or speech difficulties.&lt;/p&gt;
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;The &lt;dfn id=3Drelationship-strings&gt;relations=
hip strings&lt;/dfn&gt; are:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dmd-vcard-rel-emergency title=3Dmd-vca=
rd-rel-emergency&gt;&lt;code&gt;emergency&lt;/code&gt;&lt;/dfn&gt;&lt;/dt=
&gt;
+   &lt;dd&gt;
+    &lt;p&gt;An emergency contact.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-rel-agent title=3Dmd-vcard-rel-agent&=
gt;&lt;code&gt;agent&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Another entity that acts on behalf of this entity.&lt;/p&gt=
;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-rel-contact title=3Dmd-vcard-rel-cont=
act&gt;contact&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-rel-acquaintance title=3Dmd-vcard-rel=
-acquaintance&gt;acquaintance&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-rel-friend title=3Dmd-vcard-rel-frien=
d&gt;friend&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-rel-met title=3Dmd-vcard-rel-met&gt;m=
et&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-rel-co-worker title=3Dmd-vcard-rel-co=
-worker&gt;worker&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-rel-colleague title=3Dmd-vcard-rel-co=
lleague&gt;colleague&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-rel-co-resident title=3Dmd-vcard-rel-=
co-resident&gt;resident&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-rel-neighbor title=3Dmd-vcard-rel-nei=
ghbor&gt;neighbor&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-rel-child title=3Dmd-vcard-rel-child&=
gt;child&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-rel-parent title=3Dmd-vcard-rel-paren=
t&gt;parent&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-rel-sibling title=3Dmd-vcard-rel-sibl=
ing&gt;sibling&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-rel-spouse title=3Dmd-vcard-rel-spous=
e&gt;spouse&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-rel-kin title=3Dmd-vcard-rel-kin&gt;k=
in&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-rel-muse title=3Dmd-vcard-rel-muse&gt=
;muse&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-rel-crush title=3Dmd-vcard-rel-crush&=
gt;crush&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-rel-date title=3Dmd-vcard-rel-date&gt=
;date&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-rel-sweetheart title=3Dmd-vcard-rel-s=
weetheart&gt;sweetheart&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dmd-vcard-rel-me title=3Dmd-vcard-rel-me&gt;me&=
lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Has the meaning defined in XFN. &lt;a href=3D#refsXFN&gt;[X=
FN]&lt;/a&gt;&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;!-- update this when http://www.iana.org/assignments/vcard-elemen=
ts/vcard-elements.xml#parameter-values is updated --&gt;
+  &lt;/dl&gt;&lt;h5 id=3Dconversion-to-vcard&gt;&lt;span class=3Dsecno&g=
t;5.4.1.1 &lt;/span&gt;Conversion to vCard&lt;/h5&gt;
+
+  &lt;p&gt;Given a list of nodes &lt;var title=3D&quot;&quot;&gt;nodes&l=
t;/var&gt; in a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&=
lt;/code&gt;, a user agent must
+  run the following algorithm to &lt;dfn id=3Dextracting-a-vcard title=3D=
&quot;extracting a vCard&quot;&gt;extract any vCard data represented
+  by those nodes&lt;/dfn&gt; (only the first vCard is returned):&lt;/p&g=
t;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If none of the nodes in &lt;var title=3D&=
quot;&quot;&gt;nodes&lt;/var&gt; are &lt;a href=3D#concept-item title=3Dc=
oncept-item&gt;items&lt;/a&gt; with the &lt;a href=3D#item-types title=3D=
&quot;item types&quot;&gt;item type&lt;/a&gt; &lt;code title=3Dmd-vcard&g=
t;&lt;a href=3D#md-vcard&gt;http://microformats.org/profile/hcard&lt;/a&g=
t;&lt;/code&gt;, then there is no vCard. Abort the
+   algorithm, returning nothing.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;node&lt;/var&g=
t; be the first node in &lt;var title=3D&quot;&quot;&gt;nodes&lt;/var&gt;=
 that is an
+   &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt; wit=
h the &lt;a href=3D#item-types title=3D&quot;item types&quot;&gt;item typ=
e&lt;/a&gt; &lt;code title=3Dmd-vcard&gt;&lt;a href=3D#md-vcard&gt;http:/=
/microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;output&lt;/var=
&gt; be an empty string.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#add-a-vcard-line&gt;Add a vCard line=
&lt;/a&gt; with the type &quot;&lt;code title=3D&quot;&quot;&gt;BEGIN&lt;=
/code&gt;&quot; and the value
+   &quot;&lt;code title=3D&quot;&quot;&gt;VCARD&lt;/code&gt;&quot; to &l=
t;var title=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#add-a-vcard-line&gt;Add a vCard line=
&lt;/a&gt; with the type &quot;&lt;code title=3D&quot;&quot;&gt;PROFILE&l=
t;/code&gt;&quot; and the value
+   &quot;&lt;code title=3D&quot;&quot;&gt;VCARD&lt;/code&gt;&quot; to &l=
t;var title=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#add-a-vcard-line&gt;Add a vCard line=
&lt;/a&gt; with the type &quot;&lt;code title=3D&quot;&quot;&gt;VERSION&l=
t;/code&gt;&quot; and the value
+   &quot;&lt;code title=3D&quot;&quot;&gt;4.0&lt;/code&gt;&quot; to &lt;=
var title=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#add-a-vcard-line&gt;Add a vCard line=
&lt;/a&gt; with the type &quot;&lt;code title=3D&quot;&quot;&gt;SOURCE&lt=
;/code&gt;&quot; and the result
+   of &lt;a href=3D#escaping-the-vcard-text-string&gt;escaping the vCard=
 text string&lt;/a&gt; that is &lt;a href=3D&quot;#the-document's-address=
&quot;&gt;the document's address&lt;/a&gt; as the
+   value to &lt;var title=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&g=
t;
+
+   &lt;li&gt;&lt;p&gt;If &lt;a href=3D#the-title-element-0&gt;the &lt;co=
de&gt;title&lt;/code&gt; element&lt;/a&gt; is not null, &lt;a href=3D#add=
-a-vcard-line&gt;add a vCard line&lt;/a&gt;
+   with the type &quot;&lt;code title=3D&quot;&quot;&gt;NAME&lt;/code&gt=
;&quot; and with the result of &lt;a href=3D#escaping-the-vcard-text-stri=
ng&gt;escaping the vCard text
+   string&lt;/a&gt; obtained from the &lt;code&gt;&lt;a href=3D#textcont=
ent&gt;textContent&lt;/a&gt;&lt;/code&gt; of &lt;a href=3D#the-title-elem=
ent-0&gt;the &lt;code&gt;title&lt;/code&gt;
+   element&lt;/a&gt; as the value to &lt;var title=3D&quot;&quot;&gt;out=
put&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;sex&lt;/var&gt=
; be the empty string.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;gender-identit=
y&lt;/var&gt; be the empty string.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each element &lt;var title=3D&quot;&quot;&gt;element&lt=
;/var&gt; that is &lt;a href=3D#the-properties-of-an-item title=3D&quot;t=
he properties of an
+    item&quot;&gt;a property of the item&lt;/a&gt; &lt;var title=3D&quot=
;&quot;&gt;node&lt;/var&gt;: for each name &lt;var title=3D&quot;&quot;&g=
t;name&lt;/var&gt; in &lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt;=
's &lt;a href=3D#property-names&gt;property names&lt;/a&gt;, run the
+    following substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;par=
ameters&lt;/var&gt; be an empty set of name-value pairs.&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Run the appropriate set of substeps from the following li=
st. The steps will set a variable
+      &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;, which is used i=
n the next step.&lt;/p&gt;
+
+      &lt;dl&gt;&lt;dt&gt;If the property's &lt;a href=3D#concept-proper=
ty-value title=3Dconcept-property-value&gt;value&lt;/a&gt; is an &lt;a hr=
ef=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt; &lt;var title=3D=
&quot;&quot;&gt;subitem&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt;n=
ame&lt;/var&gt; is
+       &lt;code title=3Dmd-vcard-n&gt;&lt;a href=3D#md-vcard-n&gt;n&lt;/=
a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt=
;value&lt;/var&gt; be the empty string.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Append to &lt;var title=3D&quot;&quot;&gt;va=
lue&lt;/var&gt; the result of &lt;a href=3D#collecting-the-first-vcard-su=
bproperty&gt;collecting the first vCard
+         subproperty&lt;/a&gt; named &lt;code title=3Dmd-vcard-n-family-=
name&gt;&lt;a href=3D#md-vcard-n-family-name&gt;family-name&lt;/a&gt;&lt;=
/code&gt; in &lt;var title=3D&quot;&quot;&gt;subitem&lt;/var&gt;.&lt;/p&g=
t;
+
+         &lt;li&gt;Append a U+003B SEMICOLON character (;) to &lt;var ti=
tle=3D&quot;&quot;&gt;value&lt;/var&gt;.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Append to &lt;var title=3D&quot;&quot;&gt;va=
lue&lt;/var&gt; the result of &lt;a href=3D#collecting-the-first-vcard-su=
bproperty&gt;collecting the first vCard
+         subproperty&lt;/a&gt; named &lt;code title=3Dmd-vcard-n-given-n=
ame&gt;&lt;a href=3D#md-vcard-n-given-name&gt;given-name&lt;/a&gt;&lt;/co=
de&gt; in &lt;var title=3D&quot;&quot;&gt;subitem&lt;/var&gt;.&lt;/p&gt;
+
+         &lt;li&gt;Append a U+003B SEMICOLON character (;) to &lt;var ti=
tle=3D&quot;&quot;&gt;value&lt;/var&gt;.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Append to &lt;var title=3D&quot;&quot;&gt;va=
lue&lt;/var&gt; the result of &lt;a href=3D#collecting-the-first-vcard-su=
bproperty&gt;collecting the first vCard
+         subproperty&lt;/a&gt; named &lt;code title=3Dmd-vcard-n-additio=
nal-name&gt;&lt;a href=3D#md-vcard-n-additional-name&gt;additional-name&l=
t;/a&gt;&lt;/code&gt; in
+         &lt;var title=3D&quot;&quot;&gt;subitem&lt;/var&gt;.&lt;/p&gt;
+
+         &lt;li&gt;Append a U+003B SEMICOLON character (;) to &lt;var ti=
tle=3D&quot;&quot;&gt;value&lt;/var&gt;.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Append to &lt;var title=3D&quot;&quot;&gt;va=
lue&lt;/var&gt; the result of &lt;a href=3D#collecting-the-first-vcard-su=
bproperty&gt;collecting the first vCard
+         subproperty&lt;/a&gt; named &lt;code title=3Dmd-vcard-n-honorif=
ic-prefix&gt;&lt;a href=3D#md-vcard-n-honorific-prefix&gt;honorific-prefi=
x&lt;/a&gt;&lt;/code&gt;
+         in &lt;var title=3D&quot;&quot;&gt;subitem&lt;/var&gt;.&lt;/p&g=
t;
+
+         &lt;li&gt;Append a U+003B SEMICOLON character (;) to &lt;var ti=
tle=3D&quot;&quot;&gt;value&lt;/var&gt;.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Append to &lt;var title=3D&quot;&quot;&gt;va=
lue&lt;/var&gt; the result of &lt;a href=3D#collecting-the-first-vcard-su=
bproperty&gt;collecting the first vCard
+         subproperty&lt;/a&gt; named &lt;code title=3Dmd-vcard-n-honorif=
ic-suffix&gt;&lt;a href=3D#md-vcard-n-honorific-suffix&gt;honorific-suffi=
x&lt;/a&gt;&lt;/code&gt;
+         in &lt;var title=3D&quot;&quot;&gt;subitem&lt;/var&gt;.&lt;/p&g=
t;
+
+        &lt;/ol&gt;&lt;/dd&gt;
+
+       &lt;dt&gt;If the property's &lt;a href=3D#concept-property-value =
title=3Dconcept-property-value&gt;value&lt;/a&gt; is an &lt;a href=3D#con=
cept-item title=3Dconcept-item&gt;item&lt;/a&gt; &lt;var title=3D&quot;&q=
uot;&gt;subitem&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt;name&lt;/=
var&gt; is
+       &lt;code title=3Dmd-vcard-adr&gt;&lt;a href=3D#md-vcard-adr&gt;ad=
r&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt=
;value&lt;/var&gt; be the empty string.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Append to &lt;var title=3D&quot;&quot;&gt;va=
lue&lt;/var&gt; the result of &lt;a href=3D#collecting-vcard-subpropertie=
s&gt;collecting vCard
+         subproperties&lt;/a&gt; named &lt;code title=3Dmd-vcard-adr-pos=
t-office-box&gt;&lt;a href=3D#md-vcard-adr-post-office-box&gt;post-office=
-box&lt;/a&gt;&lt;/code&gt; in &lt;var title=3D&quot;&quot;&gt;subitem&lt=
;/var&gt;.&lt;/p&gt;
+
+         &lt;li&gt;Append a U+003B SEMICOLON character (;) to &lt;var ti=
tle=3D&quot;&quot;&gt;value&lt;/var&gt;.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Append to &lt;var title=3D&quot;&quot;&gt;va=
lue&lt;/var&gt; the result of &lt;a href=3D#collecting-vcard-subpropertie=
s&gt;collecting vCard
+         subproperties&lt;/a&gt; named &lt;code title=3Dmd-vcard-adr-ext=
ended-address&gt;&lt;a href=3D#md-vcard-adr-extended-address&gt;extended-=
address&lt;/a&gt;&lt;/code&gt; in &lt;var title=3D&quot;&quot;&gt;subitem=
&lt;/var&gt;.&lt;/p&gt;
+
+         &lt;li&gt;Append a U+003B SEMICOLON character (;) to &lt;var ti=
tle=3D&quot;&quot;&gt;value&lt;/var&gt;.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Append to &lt;var title=3D&quot;&quot;&gt;va=
lue&lt;/var&gt; the result of &lt;a href=3D#collecting-vcard-subpropertie=
s&gt;collecting vCard
+         subproperties&lt;/a&gt; named &lt;code title=3Dmd-vcard-adr-str=
eet-address&gt;&lt;a href=3D#md-vcard-adr-street-address&gt;street-addres=
s&lt;/a&gt;&lt;/code&gt;
+         in &lt;var title=3D&quot;&quot;&gt;subitem&lt;/var&gt;.&lt;/p&g=
t;
+
+         &lt;li&gt;Append a U+003B SEMICOLON character (;) to &lt;var ti=
tle=3D&quot;&quot;&gt;value&lt;/var&gt;.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Append to &lt;var title=3D&quot;&quot;&gt;va=
lue&lt;/var&gt; the result of &lt;a href=3D#collecting-the-first-vcard-su=
bproperty&gt;collecting the first vCard
+         subproperty&lt;/a&gt; named &lt;code title=3Dmd-vcard-adr-local=
ity&gt;&lt;a href=3D#md-vcard-adr-locality&gt;locality&lt;/a&gt;&lt;/code=
&gt; in &lt;var title=3D&quot;&quot;&gt;subitem&lt;/var&gt;.&lt;/p&gt;
+
+         &lt;li&gt;Append a U+003B SEMICOLON character (;) to &lt;var ti=
tle=3D&quot;&quot;&gt;value&lt;/var&gt;.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Append to &lt;var title=3D&quot;&quot;&gt;va=
lue&lt;/var&gt; the result of &lt;a href=3D#collecting-the-first-vcard-su=
bproperty&gt;collecting the first vCard
+         subproperty&lt;/a&gt; named &lt;code title=3Dmd-vcard-adr-regio=
n&gt;&lt;a href=3D#md-vcard-adr-region&gt;region&lt;/a&gt;&lt;/code&gt; i=
n &lt;var title=3D&quot;&quot;&gt;subitem&lt;/var&gt;.&lt;/p&gt;
+
+         &lt;li&gt;Append a U+003B SEMICOLON character (;) to &lt;var ti=
tle=3D&quot;&quot;&gt;value&lt;/var&gt;.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Append to &lt;var title=3D&quot;&quot;&gt;va=
lue&lt;/var&gt; the result of &lt;a href=3D#collecting-the-first-vcard-su=
bproperty&gt;collecting the first vCard
+         subproperty&lt;/a&gt; named &lt;code title=3Dmd-vcard-adr-posta=
l-code&gt;&lt;a href=3D#md-vcard-adr-postal-code&gt;postal-code&lt;/a&gt;=
&lt;/code&gt; in &lt;var title=3D&quot;&quot;&gt;subitem&lt;/var&gt;.&lt;=
/p&gt;
+
+         &lt;li&gt;Append a U+003B SEMICOLON character (;) to &lt;var ti=
tle=3D&quot;&quot;&gt;value&lt;/var&gt;.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Append to &lt;var title=3D&quot;&quot;&gt;va=
lue&lt;/var&gt; the result of &lt;a href=3D#collecting-the-first-vcard-su=
bproperty&gt;collecting the first vCard
+         subproperty&lt;/a&gt; named &lt;code title=3Dmd-vcard-adr-count=
ry-name&gt;&lt;a href=3D#md-vcard-adr-country-name&gt;country-name&lt;/a&=
gt;&lt;/code&gt; in
+         &lt;var title=3D&quot;&quot;&gt;subitem&lt;/var&gt;.&lt;/p&gt;
+
+         &lt;li&gt;&lt;p&gt;If there is a property named &lt;code title=3D=
md-vcard-adr-type&gt;&lt;a href=3D#md-vcard-adr-type&gt;type&lt;/a&gt;&lt=
;/code&gt; in &lt;var title=3D&quot;&quot;&gt;subitem&lt;/var&gt;, and th=
e first such property has a &lt;a href=3D#concept-property-value title=3D=
concept-property-value&gt;value&lt;/a&gt; that is not an &lt;a href=3D#co=
ncept-item title=3Dconcept-item&gt;item&lt;/a&gt; and whose value consist=
s only of &lt;a href=3D#alphanumeric-ascii-characters&gt;alphanumeric ASC=
II
+         characters&lt;/a&gt;, then add a parameter named &quot;&lt;code=
 title=3D&quot;&quot;&gt;TYPE&lt;/code&gt;&quot; whose value is
+         the &lt;a href=3D#concept-property-value title=3Dconcept-proper=
ty-value&gt;value&lt;/a&gt; of that property to &lt;var title=3D&quot;&qu=
ot;&gt;parameters&lt;/var&gt;.&lt;/li&gt;
+
+        &lt;/ol&gt;&lt;/dd&gt;
+
+       &lt;dt&gt;If the property's &lt;a href=3D#concept-property-value =
title=3Dconcept-property-value&gt;value&lt;/a&gt; is an &lt;a href=3D#con=
cept-item title=3Dconcept-item&gt;item&lt;/a&gt; &lt;var title=3D&quot;&q=
uot;&gt;subitem&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt;name&lt;/=
var&gt; is
+       &lt;code title=3Dmd-vcard-org&gt;&lt;a href=3D#md-vcard-org&gt;or=
g&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt=
;value&lt;/var&gt; be the empty string.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Append to &lt;var title=3D&quot;&quot;&gt;va=
lue&lt;/var&gt; the result of &lt;a href=3D#collecting-the-first-vcard-su=
bproperty&gt;collecting the first vCard
+         subproperty&lt;/a&gt; named &lt;code title=3Dmd-vcard-org-organ=
ization-name&gt;&lt;a href=3D#md-vcard-org-organization-name&gt;organizat=
ion-name&lt;/a&gt;&lt;/code&gt; in &lt;var title=3D&quot;&quot;&gt;subite=
m&lt;/var&gt;.&lt;/p&gt;
+
+         &lt;li&gt;
+
+          &lt;p&gt;For each property named &lt;code title=3Dmd-vcard-org=
-organization-unit&gt;&lt;a href=3D#md-vcard-org-organization-unit&gt;org=
anization-unit&lt;/a&gt;&lt;/code&gt; in &lt;var title=3D&quot;&quot;&gt;=
subitem&lt;/var&gt;, run the following steps:&lt;/p&gt;
+
+          &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;a href=3D#concept-prop=
erty-value title=3Dconcept-property-value&gt;value&lt;/a&gt; of the prope=
rty is an
+           &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a=
&gt;, then skip this property.&lt;/li&gt;
+
+           &lt;li&gt;&lt;p&gt;Append a U+003B SEMICOLON character (;) to=
 &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;.&lt;/li&gt;
+
+           &lt;li&gt;&lt;p&gt;Append the result of &lt;a href=3D#escapin=
g-the-vcard-text-string&gt;escaping the vCard text string&lt;/a&gt; given=
 by the
+           &lt;a href=3D#concept-property-value title=3Dconcept-property=
-value&gt;value&lt;/a&gt; of the property to &lt;var title=3D&quot;&quot;=
&gt;value&lt;/var&gt;.&lt;/li&gt;
+
+          &lt;/ol&gt;&lt;/li&gt;
+
+        &lt;/ol&gt;&lt;/dd&gt;
+
+       &lt;dt&gt;If the property's &lt;a href=3D#concept-property-value =
title=3Dconcept-property-value&gt;value&lt;/a&gt; is an &lt;a href=3D#con=
cept-item title=3Dconcept-item&gt;item&lt;/a&gt; &lt;var title=3D&quot;&q=
uot;&gt;subitem&lt;/var&gt; with the &lt;a href=3D#item-types title=3D&qu=
ot;item
+       types&quot;&gt;item type&lt;/a&gt; &lt;code title=3Dmd-vcard&gt;&=
lt;a href=3D#md-vcard&gt;http://microformats.org/profile/hcard&lt;/a&gt;&=
lt;/code&gt;
+       and &lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt; is &lt;code =
title=3Dmd-vcard-related&gt;&lt;a href=3D#md-vcard-related&gt;related&lt;=
/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt=
;value&lt;/var&gt; be the empty string.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;If there is a property named &lt;code title=3D=
md-vcard-related-url&gt;url&lt;/code&gt; in &lt;var title=3D&quot;&quot;&=
gt;subitem&lt;/var&gt;, and its element is a &lt;a href=3D#url-property-e=
lements title=3D&quot;URL property elements&quot;&gt;URL
+         property element&lt;/a&gt;, then append the result of &lt;a hre=
f=3D#escaping-the-vcard-text-string&gt;escaping the vCard text
+         string&lt;/a&gt; given by the &lt;a href=3D#concept-property-va=
lue title=3Dconcept-property-value&gt;value&lt;/a&gt; of the first
+         such property to &lt;var title=3D&quot;&quot;&gt;value&lt;/var&=
gt;, and add a parameter with the name &quot;&lt;code title=3D&quot;&quot=
;&gt;VALUE&lt;/code&gt;&quot; and the value &quot;&lt;code title=3D&quot;=
&quot;&gt;URI&lt;/code&gt;&quot; to &lt;var title=3D&quot;&quot;&gt;param=
eters&lt;/var&gt;.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;If there is a property named &lt;code title=3D=
md-vcard-related-rel&gt;rel&lt;/code&gt; in &lt;var title=3D&quot;&quot;&=
gt;subitem&lt;/var&gt;, and the first such property has a &lt;a href=3D#c=
oncept-property-value title=3Dconcept-property-value&gt;value&lt;/a&gt; t=
hat is not an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;=
/a&gt; and whose value consists only of &lt;a href=3D#alphanumeric-ascii-=
characters&gt;alphanumeric ASCII
+         characters&lt;/a&gt;, then add a parameter named &quot;&lt;code=
 title=3D&quot;&quot;&gt;RELATION&lt;/code&gt;&quot; whose value
+         is the &lt;a href=3D#concept-property-value title=3Dconcept-pro=
perty-value&gt;value&lt;/a&gt; of that property to &lt;var title=3D&quot;=
&quot;&gt;parameters&lt;/var&gt;.&lt;/li&gt;
+
+        &lt;/ol&gt;&lt;/dd&gt;
+
+       &lt;dt&gt;If the property's &lt;a href=3D#concept-property-value =
title=3Dconcept-property-value&gt;value&lt;/a&gt; is an &lt;a href=3D#con=
cept-item title=3Dconcept-item&gt;item&lt;/a&gt; and &lt;var title=3D&quo=
t;&quot;&gt;name&lt;/var&gt; is none of the above&lt;/dt&gt;
+
+       &lt;!-- tel, adr --&gt;
+
+       &lt;dd&gt;
+
+        &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt=
;value&lt;/var&gt; be the result of &lt;a href=3D#collecting-the-first-vc=
ard-subproperty&gt;collecting the first vCard
+         subproperty&lt;/a&gt; named &lt;code title=3D&quot;&quot;&gt;va=
lue&lt;/code&gt; in &lt;var title=3D&quot;&quot;&gt;subitem&lt;/var&gt;.&=
lt;/p&gt;
+
+         &lt;li&gt;&lt;p&gt;If there is a property named &lt;code title=3D=
&quot;&quot;&gt;type&lt;/code&gt; in &lt;var title=3D&quot;&quot;&gt;subi=
tem&lt;/var&gt;, and the first such property has a &lt;a href=3D#concept-=
property-value title=3Dconcept-property-value&gt;value&lt;/a&gt; that is =
not an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt; =
and whose value consists only of &lt;a href=3D#alphanumeric-ascii-charact=
ers&gt;alphanumeric ASCII
+         characters&lt;/a&gt;, then add a parameter named &quot;&lt;code=
 title=3D&quot;&quot;&gt;TYPE&lt;/code&gt;&quot; whose value is
+         the &lt;a href=3D#concept-property-value title=3Dconcept-proper=
ty-value&gt;value&lt;/a&gt; of that property to &lt;var title=3D&quot;&qu=
ot;&gt;parameters&lt;/var&gt;.&lt;/li&gt;
+
+        &lt;/ol&gt;&lt;/dd&gt;
+
+
+       &lt;dt&gt;If the property's &lt;a href=3D#concept-property-value =
title=3Dconcept-property-value&gt;value&lt;/a&gt; is not an &lt;a href=3D=
#concept-item title=3Dconcept-item&gt;item&lt;/a&gt; and its &lt;var titl=
e=3D&quot;&quot;&gt;name&lt;/var&gt; is &lt;code title=3Dmd-vcard-sex&gt;=
&lt;a href=3D#md-vcard-sex&gt;sex&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;If this is the first such property to be found, set &lt=
;var title=3D&quot;&quot;&gt;sex&lt;/var&gt; to the
+        property's &lt;a href=3D#concept-property-value title=3Dconcept-=
property-value&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+       &lt;/dd&gt;
+
+
+       &lt;dt&gt;If the property's &lt;a href=3D#concept-property-value =
title=3Dconcept-property-value&gt;value&lt;/a&gt; is not an &lt;a href=3D=
#concept-item title=3Dconcept-item&gt;item&lt;/a&gt; and its &lt;var titl=
e=3D&quot;&quot;&gt;name&lt;/var&gt; is &lt;code title=3Dmd-vcard-gender-=
identity&gt;&lt;a href=3D#md-vcard-gender-identity&gt;gender-identity&lt;=
/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;If this is the first such property to be found, set &lt=
;var title=3D&quot;&quot;&gt;gender-identity&lt;/var&gt;
+        to the property's &lt;a href=3D#concept-property-value title=3Dc=
oncept-property-value&gt;value&lt;/a&gt;.&lt;/p&gt;
+
+       &lt;/dd&gt;
+
+
+       &lt;dt&gt;Otherwise (the property's &lt;a href=3D#concept-propert=
y-value title=3Dconcept-property-value&gt;value&lt;/a&gt; is not an
+       &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt;=
)&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt=
;value&lt;/var&gt; be the property's &lt;a href=3D#concept-property-value=
 title=3Dconcept-property-value&gt;value&lt;/a&gt;.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;element&l=
t;/var&gt; is one of the &lt;a href=3D#url-property-elements&gt;URL prope=
rty elements&lt;/a&gt;, add
+         a parameter with the name &quot;&lt;code title=3D&quot;&quot;&g=
t;VALUE&lt;/code&gt;&quot; and the value &quot;&lt;code title=3D&quot;&qu=
ot;&gt;URI&lt;/code&gt;&quot; to &lt;var title=3D&quot;&quot;&gt;paramete=
rs&lt;/var&gt;.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Otherwise, if &lt;var title=3D&quot;&quot;&g=
t;name&lt;/var&gt; is &lt;code title=3Dmd-vcard-bday&gt;&lt;a href=3D#md-=
vcard-bday&gt;bday&lt;/a&gt;&lt;/code&gt; or
+         &lt;code title=3Dmd-vcard-anniversary&gt;&lt;a href=3D#md-vcard=
-anniversary&gt;anniversary&lt;/a&gt;&lt;/code&gt; and the &lt;var title=3D=
&quot;&quot;&gt;value&lt;/var&gt; is
+         a &lt;a href=3D#valid-date-string&gt;valid date string&lt;/a&gt=
;, add a parameter with the name &quot;&lt;code title=3D&quot;&quot;&gt;V=
ALUE&lt;/code&gt;&quot; and the value &quot;&lt;code title=3D&quot;&quot;=
&gt;DATE&lt;/code&gt;&quot; to &lt;var title=3D&quot;&quot;&gt;parameters=
&lt;/var&gt;.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Otherwise, if &lt;var title=3D&quot;&quot;&g=
t;name&lt;/var&gt; is &lt;code title=3Dmd-vcard-rev&gt;&lt;a href=3D#md-v=
card-rev&gt;rev&lt;/a&gt;&lt;/code&gt; and
+         the &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; is a &lt;=
a href=3D#valid-global-date-and-time-string&gt;valid global date and time=
 string&lt;/a&gt;, add a
+         parameter with the name &quot;&lt;code title=3D&quot;&quot;&gt;=
VALUE&lt;/code&gt;&quot; and the value &quot;&lt;code title=3D&quot;&quot=
;&gt;DATE-TIME&lt;/code&gt;&quot; to &lt;var title=3D&quot;&quot;&gt;para=
meters&lt;/var&gt;.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Prefix every U+005C REVERSE SOLIDUS characte=
r (\) in &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; with
+         another U+005C REVERSE SOLIDUS character (\).&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Prefix every U+002C COMMA character (,) in &=
lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; with a U+005C
+         REVERSE SOLIDUS character (\).&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Unless &lt;var title=3D&quot;&quot;&gt;name&=
lt;/var&gt; is &lt;code title=3Dmd-vcard-geo&gt;&lt;a href=3D#md-vcard-ge=
o&gt;geo&lt;/a&gt;&lt;/code&gt;, prefix
+         every U+003B SEMICOLON character (;) in &lt;var title=3D&quot;&=
quot;&gt;value&lt;/var&gt; with a U+005C REVERSE
+         SOLIDUS character (\).&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Replace every U+000D CARRIAGE RETURN U+000A =
LINE FEED character pair (CRLF) in &lt;var title=3D&quot;&quot;&gt;value&=
lt;/var&gt; with a U+005C REVERSE SOLIDUS character (\) followed by a U+0=
06E LATIN
+         SMALL LETTER N character (n).&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Replace every remaining U+000D CARRIAGE RETU=
RN (CR) or U+000A LINE FEED (LF)
+         character in &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; =
with a U+005C REVERSE SOLIDUS character (\) followed
+         by a U+006E LATIN SMALL LETTER N character (n).&lt;/li&gt;
+
+        &lt;/ol&gt;&lt;/dd&gt;
+
+      &lt;/dl&gt;&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;&lt;a href=3D#add-a-vcard-line&gt;Add a vCard line&lt;/a&=
gt; with the type &lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt;, the p=
arameters &lt;var title=3D&quot;&quot;&gt;parameters&lt;/var&gt;, and the=
 value &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; to &lt;var title=
=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If either &lt;var title=3D&quot;&quot;&gt;sex&lt;/=
var&gt; or &lt;var title=3D&quot;&quot;&gt;gender-identity&lt;/var&gt; ha=
s a value that
+   is not the empty string, &lt;a href=3D#add-a-vcard-line&gt;add a vCar=
d line&lt;/a&gt; with the type &quot;&lt;code title=3D&quot;&quot;&gt;GEN=
DER&lt;/code&gt;&quot; and the value consisting of the concatenation of &=
lt;var title=3D&quot;&quot;&gt;sex&lt;/var&gt;,
+   a U+003B SEMICOLON character (;), and &lt;var title=3D&quot;&quot;&gt=
;gender-identity&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;output&lt=
;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#add-a-vcard-line&gt;Add a vCard line=
&lt;/a&gt; with the type &quot;&lt;code title=3D&quot;&quot;&gt;END&lt;/c=
ode&gt;&quot; and the value
+   &quot;&lt;code title=3D&quot;&quot;&gt;VCARD&lt;/code&gt;&quot; to &l=
t;var title=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When the above algorithm says that the user agent =
is to &lt;dfn id=3Dadd-a-vcard-line&gt;add a vCard line&lt;/dfn&gt; consi=
sting
+  of a type &lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt;, optionally=
 some parameters, and a value &lt;var title=3D&quot;&quot;&gt;value&lt;/v=
ar&gt; to a string &lt;var title=3D&quot;&quot;&gt;output&lt;/var&gt;, it=
 must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;line&=
lt;/var&gt; be an empty string.
+
+   &lt;li&gt;&lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;type&lt;/va=
r&gt;, &lt;a href=3D#converted-to-ascii-uppercase&gt;converted to ASCII u=
ppercase&lt;/a&gt;, to &lt;var title=3D&quot;&quot;&gt;line&lt;/var&gt;.&=
lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If there are any parameters, then for each parameter, in th=
e order that they were added, run
+    these substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Append a U+003B SEMICOLON character (;)=
 to &lt;var title=3D&quot;&quot;&gt;line&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Append the parameter's name to &lt;var title=3D&=
quot;&quot;&gt;line&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Append a U+003D EQUALS SIGN character (=3D) to &=
lt;var title=3D&quot;&quot;&gt;line&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Append the parameter's value to &lt;var title=3D=
&quot;&quot;&gt;line&lt;/var&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Append a U+003A COLON character (:) to &lt;var tit=
le=3D&quot;&quot;&gt;line&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;value&lt;/v=
ar&gt; to &lt;var title=3D&quot;&quot;&gt;line&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;maximum length=
&lt;/var&gt; be 75.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If and while &lt;var title=3D&quot;&quot;&gt;line&lt;/var&g=
t; is longer than &lt;var title=3D&quot;&quot;&gt;maximum length&lt;/var&=
gt;
+    Unicode code points long, run the following substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Append the first &lt;var title=3D&quot;=
&quot;&gt;maximum length&lt;/var&gt; Unicode code points of &lt;var title=
=3D&quot;&quot;&gt;line&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;ou=
tput&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Remove the first &lt;var title=3D&quot;&quot;&gt=
;maximum length&lt;/var&gt; Unicode code points from &lt;var title=3D&quo=
t;&quot;&gt;line&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Append a U+000D CARRIAGE RETURN character (CR) t=
o &lt;var title=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Append a U+000A LINE FEED character (LF) to &lt;=
var title=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Append a U+0020 SPACE character to &lt;var title=
=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;maximum leng=
th&lt;/var&gt; be 74.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Append (what remains of) &lt;var title=3D&quot;&qu=
ot;&gt;line&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;output&lt;/var=
&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Append a U+000D CARRIAGE RETURN character (CR) to =
&lt;var title=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Append a U+000A LINE FEED character (LF) to &lt;va=
r title=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When the steps above require the user agent to obt=
ain the result of &lt;dfn id=3Dcollecting-vcard-subproperties&gt;collecti=
ng vCard
+  subproperties&lt;/dfn&gt; named &lt;var title=3D&quot;&quot;&gt;subnam=
e&lt;/var&gt; in &lt;var title=3D&quot;&quot;&gt;subitem&lt;/var&gt;, the=
 user
+  agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;value=
&lt;/var&gt; be the empty string.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each property named &lt;var title=3D&quot;&quot;&gt;sub=
name&lt;/var&gt; in the item &lt;var title=3D&quot;&quot;&gt;subitem&lt;/=
var&gt;,
+    run the following substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;a href=3D#concept-property-v=
alue title=3Dconcept-property-value&gt;value&lt;/a&gt; of the property is=
 itself an
+     &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt;, =
then skip this property.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If this is not the first property named &lt;var =
title=3D&quot;&quot;&gt;subname&lt;/var&gt; in &lt;var title=3D&quot;&quo=
t;&gt;subitem&lt;/var&gt; (ignoring any that were skipped by the previous=
 step), then append a
+     U+002C COMMA character (,) to &lt;var title=3D&quot;&quot;&gt;value=
&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Append the result of &lt;a href=3D#escaping-the-=
vcard-text-string&gt;escaping the vCard text string&lt;/a&gt; given by th=
e &lt;a href=3D#concept-property-value title=3Dconcept-property-value&gt;=
value&lt;/a&gt; of the property to &lt;var title=3D&quot;&quot;&gt;value&=
lt;/var&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;value&lt;/v=
ar&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When the steps above require the user agent to obt=
ain the result of &lt;dfn id=3Dcollecting-the-first-vcard-subproperty&gt;=
collecting the first
+  vCard subproperty&lt;/dfn&gt; named &lt;var title=3D&quot;&quot;&gt;su=
bname&lt;/var&gt; in &lt;var title=3D&quot;&quot;&gt;subitem&lt;/var&gt;,=
 the user
+  agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If there are no properties named &lt;var =
title=3D&quot;&quot;&gt;subname&lt;/var&gt; in &lt;var title=3D&quot;&quo=
t;&gt;subitem&lt;/var&gt;, then abort these substeps, returning the empty=
 string.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#concept-property-value title=3D=
concept-property-value&gt;value&lt;/a&gt; of the first property named &lt=
;var title=3D&quot;&quot;&gt;subname&lt;/var&gt; in &lt;var title=3D&quot=
;&quot;&gt;subitem&lt;/var&gt; is an &lt;a href=3D#concept-item title=3Dc=
oncept-item&gt;item&lt;/a&gt;, then abort these substeps, returning the e=
mpty string.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the result of &lt;a href=3D#escaping-the-vc=
ard-text-string&gt;escaping the vCard text string&lt;/a&gt; given by the =
&lt;a href=3D#concept-property-value title=3Dconcept-property-value&gt;va=
lue&lt;/a&gt; of the first property named &lt;var title=3D&quot;&quot;&gt=
;subname&lt;/var&gt; in &lt;var title=3D&quot;&quot;&gt;subitem&lt;/var&g=
t;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When the above algorithms say the user agent is to=
 &lt;dfn id=3Descaping-the-vcard-text-string title=3D&quot;escaping the v=
Card text
+  string&quot;&gt;escape the vCard text string&lt;/dfn&gt; &lt;var title=
=3D&quot;&quot;&gt;value&lt;/var&gt;, the user agent must use the
+  following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Prefix every U+005C REVERSE SOLIDUS chara=
cter (\) in &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; with
+   another U+005C REVERSE SOLIDUS character (\).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Prefix every U+002C COMMA character (,) in &lt;var=
 title=3D&quot;&quot;&gt;value&lt;/var&gt; with a U+005C REVERSE
+   SOLIDUS character (\).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Prefix every U+003B SEMICOLON character (;) in &lt=
;var title=3D&quot;&quot;&gt;value&lt;/var&gt; with a U+005C
+   REVERSE SOLIDUS character (\).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Replace every U+000D CARRIAGE RETURN U+000A LINE F=
EED character pair (CRLF) in &lt;var title=3D&quot;&quot;&gt;value&lt;/va=
r&gt; with a U+005C REVERSE SOLIDUS character (\) followed by a U+006E LA=
TIN SMALL
+   LETTER N character (n).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Replace every remaining U+000D CARRIAGE RETURN (CR=
) or U+000A LINE FEED (LF) character in
+   &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; with a U+005C REVER=
SE SOLIDUS character (\) followed by a U+006E LATIN
+   SMALL LETTER N character (n).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the mutated &lt;var title=3D&quot;&quot;&gt=
;value&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;This algorithm can generate invalid v=
Card output, if the input does not conform to
+  the rules described for the &lt;code title=3Dmd-vcard&gt;&lt;a href=3D=
#md-vcard&gt;http://microformats.org/profile/hcard&lt;/a&gt;&lt;/code&gt;
+  &lt;a href=3D#item-types title=3D&quot;item types&quot;&gt;item type&l=
t;/a&gt; and &lt;a href=3D#defined-property-name title=3D&quot;defined pr=
operty name&quot;&gt;defined property
+  names&lt;/a&gt;.&lt;/p&gt; &lt;!-- of course since vcard doesn't defin=
e error handling, this is somewhat
+  problematic. --&gt;
+
+
+
+  &lt;h5 id=3Dexamples-1&gt;&lt;span class=3Dsecno&gt;5.4.1.2 &lt;/span&=
gt;Examples&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here is a long example vCard for a fictional character calle=
d &quot;Jack Bauer&quot;:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;section id=3D&quot;jack&quot; itemscope itemtype=3D=
&quot;http://microformats.org/profile/hcard&quot;&amp;gt;
+ &amp;lt;h1 itemprop=3D&quot;fn&quot;&amp;gt;
+  &amp;lt;span itemprop=3D&quot;n&quot; itemscope&amp;gt;
+   &amp;lt;span itemprop=3D&quot;given-name&quot;&amp;gt;Jack&amp;lt;/sp=
an&amp;gt;
+   &amp;lt;span itemprop=3D&quot;family-name&quot;&amp;gt;Bauer&amp;lt;/=
span&amp;gt;
+  &amp;lt;/span&amp;gt;
+ &amp;lt;/h1&amp;gt;
+ &amp;lt;img itemprop=3D&quot;photo&quot; alt=3D&quot;&quot; src=3D&quot=
;jack-bauer.jpg&quot;&amp;gt;
+ &amp;lt;p itemprop=3D&quot;org&quot; itemscope&amp;gt;
+  &amp;lt;span itemprop=3D&quot;organization-name&quot;&amp;gt;Counter-T=
errorist Unit&amp;lt;/span&amp;gt;
+  (&amp;lt;span itemprop=3D&quot;organization-unit&quot;&amp;gt;Los Ange=
les Division&amp;lt;/span&amp;gt;)
+ &amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;
+  &amp;lt;span itemprop=3D&quot;adr&quot; itemscope&amp;gt;
+   &amp;lt;span itemprop=3D&quot;street-address&quot;&amp;gt;10201 W. Pi=
co Blvd.&amp;lt;/span&amp;gt;&amp;lt;br&amp;gt;
+   &amp;lt;span itemprop=3D&quot;locality&quot;&amp;gt;Los Angeles&amp;l=
t;/span&amp;gt;,
+   &amp;lt;span itemprop=3D&quot;region&quot;&amp;gt;CA&amp;lt;/span&amp=
;gt;
+   &amp;lt;span itemprop=3D&quot;postal-code&quot;&amp;gt;90064&amp;lt;/=
span&amp;gt;&amp;lt;br&amp;gt;
+   &amp;lt;span itemprop=3D&quot;country-name&quot;&amp;gt;United States=
&amp;lt;/span&amp;gt;&amp;lt;br&amp;gt;
+  &amp;lt;/span&amp;gt;
+  &amp;lt;span itemprop=3D&quot;geo&quot;&amp;gt;34.052339;-118.410623&a=
mp;lt;/span&amp;gt;
+ &amp;lt;/p&amp;gt;
+ &amp;lt;h2&amp;gt;Assorted Contact Methods&amp;lt;/h2&amp;gt;
+ &amp;lt;ul&amp;gt;
+  &amp;lt;li itemprop=3D&quot;tel&quot; itemscope&amp;gt;
+   &amp;lt;span itemprop=3D&quot;value&quot;&amp;gt;+1 (310) 597 3781&am=
p;lt;/span&amp;gt; &amp;lt;span itemprop=3D&quot;type&quot;&amp;gt;work&a=
mp;lt;/span&amp;gt;
+   &amp;lt;meta itemprop=3D&quot;type&quot; content=3D&quot;voice&quot;&=
amp;gt;
+  &amp;lt;/li&amp;gt;
+  &amp;lt;li&amp;gt;&amp;lt;a itemprop=3D&quot;url&quot; href=3D&quot;ht=
tp://en.wikipedia.org/wiki/Jack_Bauer&quot;&amp;gt;I'm on Wikipedia&amp;l=
t;/a&amp;gt;
+  so you can leave a message on my user talk page.&amp;lt;/li&amp;gt;
+  &amp;lt;li&amp;gt;&amp;lt;a itemprop=3D&quot;url&quot; href=3D&quot;ht=
tp://www.jackbauerfacts.com/&quot;&amp;gt;Jack Bauer Facts&amp;lt;/a&amp;=
gt;&amp;lt;/li&amp;gt;
+  &amp;lt;li itemprop=3D&quot;email&quot;&amp;gt;&amp;lt;a href=3D&quot;=
mailto:j.bauer at la.ctu.gov.invalid&quot;&amp;gt;j.bauer at la.ctu.gov.invalid=
&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
+  &amp;lt;li itemprop=3D&quot;tel&quot; itemscope&amp;gt;
+   &amp;lt;span itemprop=3D&quot;value&quot;&amp;gt;+1 (310) 555 3781&am=
p;lt;/span&amp;gt; &amp;lt;span&amp;gt;
+   &amp;lt;meta itemprop=3D&quot;type&quot; content=3D&quot;cell&quot;&a=
mp;gt;mobile phone&amp;lt;/span&amp;gt;
+  &amp;lt;/li&amp;gt;
+ &amp;lt;/ul&amp;gt;
+ &amp;lt;ins datetime=3D&quot;2008-07-20 21:00:00+01:00&quot;&amp;gt;
+  &amp;lt;meta itemprop=3D&quot;rev&quot; content=3D&quot;2008-07-20 21:=
00:00+01:00&quot;&amp;gt;
+  &amp;lt;p itemprop=3D&quot;tel&quot; itemscope&amp;gt;&amp;lt;strong&a=
mp;gt;Update!&amp;lt;/strong&amp;gt;
+  My new &amp;lt;span itemprop=3D&quot;type&quot;&amp;gt;home&amp;lt;/sp=
an&amp;gt; phone number is
+  &amp;lt;span itemprop=3D&quot;value&quot;&amp;gt;01632 960 123&amp;lt;=
/span&amp;gt;.&amp;lt;/p&amp;gt;
+ &amp;lt;/ins&amp;gt;
+&amp;lt;/section&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;The odd line wrapping is needed because newlines are meaning=
ful in microdata: newlines would
+   be preserved in a conversion to, for example, the vCard format.&lt;/p=
&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This example shows a site's contact details (using the &lt;c=
ode&gt;&lt;a href=3D#the-address-element&gt;address&lt;/a&gt;&lt;/code&gt=
; element)
+   containing an address with two street components:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;address itemscope itemtype=3D&quot;http://microfor=
mats.org/profile/hcard&quot;&amp;gt;
+ &amp;lt;strong itemprop=3D&quot;fn&quot;&amp;gt;&amp;lt;span itemprop=3D=
&quot;n&quot; itemscope&amp;gt;&amp;lt;span itemprop=3D&quot;given-name&q=
uot;&amp;gt;Alfred&amp;lt;/span&amp;gt;
+ &amp;lt;span itemprop=3D&quot;family-name&quot;&amp;gt;Person&amp;lt;/s=
pan&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/strong&amp;gt; &amp;lt;br&amp;gt=
;
+ &amp;lt;span itemprop=3D&quot;adr&quot; itemscope&amp;gt;
+  &amp;lt;span itemprop=3D&quot;street-address&quot;&amp;gt;1600 Amphith=
eatre Parkway&amp;lt;/span&amp;gt; &amp;lt;br&amp;gt;
+  &amp;lt;span itemprop=3D&quot;street-address&quot;&amp;gt;Building 43,=
 Second Floor&amp;lt;/span&amp;gt; &amp;lt;br&amp;gt;
+  &amp;lt;span itemprop=3D&quot;locality&quot;&amp;gt;Mountain View&amp;=
lt;/span&amp;gt;,
+   &amp;lt;span itemprop=3D&quot;region&quot;&amp;gt;CA&amp;lt;/span&amp=
;gt; &amp;lt;span itemprop=3D&quot;postal-code&quot;&amp;gt;94043&amp;lt;=
/span&amp;gt;
+ &amp;lt;/span&amp;gt;
+&amp;lt;/address&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The vCard vocabulary can be used to just mark up people's na=
mes:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;span itemscope itemtype=3D&quot;http://microformat=
s.org/profile/hcard&quot;
+&amp;gt;&amp;lt;span itemprop=3Dfn&amp;gt;&amp;lt;span itemprop=3D&quot;=
n&quot; itemscope&amp;gt;&amp;lt;span itemprop=3D&quot;given-name&quot;
+&amp;gt;George&amp;lt;/span&amp;gt; &amp;lt;span itemprop=3D&quot;family=
-name&quot;&amp;gt;Washington&amp;lt;/span&amp;gt;&amp;lt;/span
+&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;This creates a single item with a two name-value pairs, one =
with the name &quot;fn&quot; and the value
+   &quot;George Washington&quot;, and the other with the name &quot;n&qu=
ot; and a second item as its value, the second
+   item having the two name-value pairs &quot;given-name&quot; and &quot=
;family-name&quot; with the values &quot;George&quot; and
+   &quot;Washington&quot; respectively. This is defined to map to the fo=
llowing vCard:&lt;/p&gt;
+
+   &lt;pre&gt;BEGIN:VCARD
+PROFILE:VCARD
+VERSION:4.0
+SOURCE:&lt;var title=3D&quot;&quot;&gt;document's address&lt;/var&gt;
+FN:George Washington
+N:Washington;George;;;
+END:VCARD&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dvevent&gt;&lt;span class=3Dsecno&gt;5.4.2 &lt;/span&gt;vEv=
ent&lt;/h4&gt;
+
+  &lt;p&gt;An item with the &lt;a href=3D#item-types title=3D&quot;item =
types&quot;&gt;item type&lt;/a&gt; &lt;dfn id=3Dmd-vevent title=3Dmd-veve=
nt&gt;&lt;code&gt;http://microformats.org/profile/hcalendar#vevent&lt;/co=
de&gt;&lt;/dfn&gt; represents
+  an event.&lt;/p&gt;
+
+  &lt;p&gt;This vocabulary does not &lt;a href=3D#support-global-identif=
iers-for-items&gt;support global identifiers for items&lt;/a&gt;.&lt;/p&g=
t;
+
+  &lt;p&gt;The following are the type's &lt;a href=3D#defined-property-n=
ame title=3D&quot;defined property name&quot;&gt;defined property names&l=
t;/a&gt;.
+  They are based on the vocabulary defined in the iCalendar specificatio=
n, where more information on
+  how to interpret the values can be found. &lt;a href=3D#refsRFC2445&gt=
;[RFC2445]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Only the parts of the iCalendar vocabulary relat=
ing to events are used here; this
+  vocabulary cannot express a complete iCalendar instance.&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dmd-vevent-attach title=3Dmd-vevent-at=
tach&gt;&lt;code&gt;attach&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the address of an associated document for the event.&=
lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be an &lt;a href=3D#absolute-url&gt;=
absolute
+    URL&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vevent-attach&gt;&lt;a href=3D#md-vevent-attach&gt;attach&lt;/a&gt;&lt;/c=
ode&gt; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D=
#md-vevent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&=
lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-categories title=3Dmd-vevent-categor=
ies&gt;&lt;code&gt;categories&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the name of a category or tag that the event could be=
 classified as.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vevent-categories&gt;&lt;a href=3D#md-vevent-categories&gt;categories&lt;=
/a&gt;&lt;/code&gt;
+    may be present within each &lt;a href=3D#concept-item title=3Dconcep=
t-item&gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;=
a href=3D#md-vevent&gt;http://microformats.org/profile/hcalendar#vevent&l=
t;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-class title=3Dmd-vevent-class&gt;&lt=
;code&gt;class&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the access classification of the information regardin=
g the event.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text with one of the following
+    values:&lt;/p&gt;
+
+    &lt;ul class=3Dbrief&gt;&lt;li&gt;&lt;code title=3D&quot;&quot;&gt;p=
ublic&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;private&lt;/code&gt;&lt;=
/li&gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;confidential&lt;/code&gt=
;&lt;/li&gt;
+    &lt;/ul&gt;&lt;p class=3Dwarning&gt;This is merely advisory and cann=
ot be considered a confidentiality
+    measure.&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vevent-=
class&gt;&lt;a href=3D#md-vevent-class&gt;class&lt;/a&gt;&lt;/code&gt; ma=
y be present
+    within each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D#md-ve=
vent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&lt;/co=
de&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-comment title=3Dmd-vevent-comment&gt=
;&lt;code&gt;comment&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives a comment regarding the event.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vevent-comment&gt;&lt;a href=3D#md-vevent-comment&gt;comment&lt;/a&gt;&lt=
;/code&gt; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D=
#md-vevent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&=
lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-description title=3Dmd-vevent-descri=
ption&gt;&lt;code&gt;description&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives a detailed description of the event.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vevent-=
description&gt;&lt;a href=3D#md-vevent-description&gt;description&lt;/a&g=
t;&lt;/code&gt; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D=
#md-vevent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&=
lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-geo title=3Dmd-vevent-geo&gt;&lt;cod=
e&gt;geo&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the geographical position of the event.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text and must match the
+    following syntax:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;Optionally, either a U+002B PLUS SIGN character =
(+) or a U+002D HYPHEN-MINUS character
+     (-).&lt;/li&gt;
+
+     &lt;li&gt;One or more &lt;a href=3D#ascii-digits&gt;ASCII digits&lt=
;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;Optionally*, a U+002E FULL STOP character (.) followed by=
 one or more &lt;a href=3D#ascii-digits&gt;ASCII
+     digits&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;A U+003B SEMICOLON character (;).&lt;/li&gt;
+
+     &lt;li&gt;Optionally, either a U+002B PLUS SIGN character (+) or a =
U+002D HYPHEN-MINUS character
+     (-).&lt;/li&gt;
+
+     &lt;li&gt;One or more &lt;a href=3D#ascii-digits&gt;ASCII digits&lt=
;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;Optionally*, a U+002E FULL STOP character (.) followed by=
 one or more &lt;a href=3D#ascii-digits&gt;ASCII
+     digits&lt;/a&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;p&gt;The optional components marked with an asterisk =
(*) should be included, and should have six
+    digits each.&lt;/p&gt; &lt;!-- iCalendar actually limits the range t=
o -91.0 &lt; lat &lt; 91.0; -181.0 &lt; long &lt;
+    181.0, which seems weird. It also gives special meanings to +90/-90 =
lat, and +180 long. --&gt;
+
+    &lt;!-- copied from vcard (not icalendar!) --&gt;
+    &lt;p class=3Dnote&gt;The value specifies latitude and longitude, in=
 that order (i.e., &quot;LAT LON&quot;
+    ordering), in decimal degrees. The longitude represents the location=
 east and west of the prime
+    meridian as a positive or negative real number, respectively. The la=
titude represents the
+    location north and south of the equator as a positive or negative re=
al number, respectively.&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vevent-=
geo&gt;&lt;a href=3D#md-vevent-geo&gt;geo&lt;/a&gt;&lt;/code&gt; may be p=
resent within
+    each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&g=
t; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D#md-vevent&gt=
;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&lt;/code&gt;.=
&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-location title=3Dmd-vevent-location&=
gt;&lt;code&gt;location&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the location of the event.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt; &lt;!-- v2: suppo=
rt
+    vcard here --&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vevent-=
location&gt;&lt;a href=3D#md-vevent-location&gt;location&lt;/a&gt;&lt;/co=
de&gt; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D=
#md-vevent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&=
lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;!-- PRIORITY not included - always 0 - doesn't make sense for sin=
gle events --&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-resources title=3Dmd-vevent-resource=
s&gt;&lt;code&gt;resources&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives a resource that will be needed for the event.&lt;/p&g=
t;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt; &lt;!-- v2: suppo=
rt
+    vcard here --&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vevent-resources&gt;&lt;a href=3D#md-vevent-resources&gt;resources&lt;/a&=
gt;&lt;/code&gt; may
+    be present within each &lt;a href=3D#concept-item title=3Dconcept-it=
em&gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;a hr=
ef=3D#md-vevent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a=
&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-status title=3Dmd-vevent-status&gt;&=
lt;code&gt;status&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the confirmation status of the event.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text with one of the following
+    values:&lt;/p&gt;
+
+    &lt;ul class=3Dbrief&gt;&lt;li&gt;&lt;code title=3D&quot;&quot;&gt;t=
entative&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;confirmed&lt;/code&gt;&l=
t;/li&gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;cancelled&lt;/code&gt;&l=
t;/li&gt; &lt;!-- two Ls as per iCalendar spec --&gt;
+    &lt;/ul&gt;&lt;p&gt;A single property with the name &lt;code title=3D=
md-vevent-status&gt;&lt;a href=3D#md-vevent-status&gt;status&lt;/a&gt;&lt=
;/code&gt; may be present
+    within each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D#md-ve=
vent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&lt;/co=
de&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-summary title=3Dmd-vevent-summary&gt=
;&lt;code&gt;summary&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives a short summary of the event.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;User agents should replace U+000A LINE FEED (LF) characters=
 in the &lt;a href=3D#concept-property-value title=3Dconcept-property-val=
ue&gt;value&lt;/a&gt; by U+0020 SPACE characters when using the value.&lt=
;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vevent-=
summary&gt;&lt;a href=3D#md-vevent-summary&gt;summary&lt;/a&gt;&lt;/code&=
gt; may be present
+    within each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D#md-ve=
vent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&lt;/co=
de&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-dtend title=3Dmd-vevent-dtend&gt;&lt=
;code&gt;dtend&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the date and time by which the event ends.&lt;/p&gt;
+
+    &lt;p&gt;If the property with the name &lt;code title=3Dmd-vevent-dt=
end&gt;&lt;a href=3D#md-vevent-dtend&gt;dtend&lt;/a&gt;&lt;/code&gt; is p=
resent within an
+    &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt; wi=
th the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D#md-vevent&gt;http=
://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&lt;/code&gt; that =
has a property
+    with the name &lt;code title=3Dmd-vevent-dtstart&gt;&lt;a href=3D#md=
-vevent-dtstart&gt;dtstart&lt;/a&gt;&lt;/code&gt; whose value is a &lt;a =
href=3D#valid-date-string&gt;valid date
+    string&lt;/a&gt;, then the &lt;a href=3D#concept-property-value titl=
e=3Dconcept-property-value&gt;value&lt;/a&gt; of the property with
+    the name &lt;code title=3Dmd-vevent-dtend&gt;&lt;a href=3D#md-vevent=
-dtend&gt;dtend&lt;/a&gt;&lt;/code&gt; must be text that is a &lt;a href=3D=
#valid-date-string&gt;valid date
+    string&lt;/a&gt; also. Otherwise, the &lt;a href=3D#concept-property=
-value title=3Dconcept-property-value&gt;value&lt;/a&gt; of the
+    property must be text that is a &lt;a href=3D#valid-global-date-and-=
time-string&gt;valid global date and time string&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;In either case, the &lt;a href=3D#concept-property-value ti=
tle=3Dconcept-property-value&gt;value&lt;/a&gt; be later in time than
+    the value of the &lt;code title=3Dmd-event-dtstart&gt;dtstart&lt;/co=
de&gt; property of the same &lt;a href=3D#concept-item title=3Dconcept-it=
em&gt;item&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The time given by the &lt;code title=3Dmd-veve=
nt-dtend&gt;&lt;a href=3D#md-vevent-dtend&gt;dtend&lt;/a&gt;&lt;/code&gt;=
 property is not
+    inclusive. For day-long events, therefore, the &lt;code title=3Dmd-v=
event-dtend&gt;&lt;a href=3D#md-vevent-dtend&gt;dtend&lt;/a&gt;&lt;/code&=
gt;
+    property's &lt;a href=3D#concept-property-value title=3Dconcept-prop=
erty-value&gt;value&lt;/a&gt; will be the day &lt;em&gt;after&lt;/em&gt; =
the
+    end of the event.&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vevent-=
dtend&gt;&lt;a href=3D#md-vevent-dtend&gt;dtend&lt;/a&gt;&lt;/code&gt; ma=
y be present
+    within each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D#md-ve=
vent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&lt;/co=
de&gt;, so long as that &lt;code title=3Dmd-vevent&gt;&lt;a href=3D#md-ve=
vent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&lt;/co=
de&gt; does not have a
+    property with the name &lt;code title=3Dmd-vevent-duration&gt;&lt;a =
href=3D#md-vevent-duration&gt;duration&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-dtstart title=3Dmd-vevent-dtstart&gt=
;&lt;code&gt;dtstart&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the date and time at which the event starts.&lt;/p&gt=
;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text that is either a
+    &lt;a href=3D#valid-date-string&gt;valid date string&lt;/a&gt; or a =
&lt;a href=3D#valid-global-date-and-time-string&gt;valid global date and =
time string&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Exactly one property with the name &lt;code title=3Dmd-veve=
nt-dtstart&gt;&lt;a href=3D#md-vevent-dtstart&gt;dtstart&lt;/a&gt;&lt;/co=
de&gt; must be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D=
#md-vevent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&=
lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-duration title=3Dmd-vevent-duration&=
gt;&lt;code&gt;duration&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the duration of the event.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text that is a &lt;a href=3D#vali=
d-vevent-duration-string&gt;valid
+    vevent duration string&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;The duration represented is the sum of all the durations re=
presented by integers in the
+    value.&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vevent-=
duration&gt;&lt;a href=3D#md-vevent-duration&gt;duration&lt;/a&gt;&lt;/co=
de&gt; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D=
#md-vevent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&=
lt;/code&gt;, so long as that &lt;code title=3Dmd-vevent&gt;&lt;a href=3D=
#md-vevent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&=
lt;/code&gt; does not have a
+    property with the name &lt;code title=3Dmd-vevent-dtend&gt;&lt;a hre=
f=3D#md-vevent-dtend&gt;dtend&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-transp title=3Dmd-vevent-transp&gt;&=
lt;code&gt;transp&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives whether the event is to be considered as consuming ti=
me on a calendar, for the purpose
+    of free-busy time searches.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text with one of the following
+    values:&lt;/p&gt;
+
+    &lt;ul class=3Dbrief&gt;&lt;li&gt;&lt;code title=3D&quot;&quot;&gt;o=
paque&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;transparent&lt;/code&gt;=
&lt;/li&gt;
+    &lt;/ul&gt;&lt;p&gt;A single property with the name &lt;code title=3D=
md-vevent-transp&gt;&lt;a href=3D#md-vevent-transp&gt;transp&lt;/a&gt;&lt=
;/code&gt; may be present
+    within each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D#md-ve=
vent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&lt;/co=
de&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;!-- ATTENDEE not included; iCalendar says MUST NOT be included in
+   published events --&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-contact title=3Dmd-vevent-contact&gt=
;&lt;code&gt;contact&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the contact information for the event.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt; &lt;!-- v2: suppo=
rt
+    vcard here --&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vevent-contact&gt;&lt;a href=3D#md-vevent-contact&gt;contact&lt;/a&gt;&lt=
;/code&gt; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D=
#md-vevent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&=
lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;!-- ORGANIZER not included, as it is calendar-system-specific (gi=
ves a CAL-ADDRESS value); use
+   CONTACT instead --&gt;
+
+
+   &lt;!-- RECURRENCE-ID not included... unclear how to make it usefully=
 work here --&gt;
+
+
+   &lt;!-- RELATED-TO not included, as it only makes sense for complete =
calendars --&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-url title=3Dmd-vevent-url&gt;&lt;cod=
e&gt;url&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives a &lt;a href=3D#url&gt;URL&lt;/a&gt; for the event.&l=
t;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be an &lt;a href=3D#absolute-url&gt;=
absolute
+    URL&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vevent-=
url&gt;&lt;a href=3D#md-vevent-url&gt;url&lt;/a&gt;&lt;/code&gt; may be p=
resent within
+    each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&g=
t; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D#md-vevent&gt=
;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&lt;/code&gt;.=
&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+                                  =20
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-uid title=3Dmd-vevent-uid&gt;&lt;cod=
e&gt;uid&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives a globally unique identifier corresponding to the eve=
nt.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text.&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vevent-=
uid&gt;&lt;a href=3D#md-vevent-uid&gt;uid&lt;/a&gt;&lt;/code&gt; may be p=
resent within
+    each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&g=
t; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D#md-vevent&gt=
;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&lt;/code&gt;.=
&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-exdate title=3Dmd-vevent-exdate&gt;&=
lt;code&gt;exdate&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives a date and time at which the event does not occur des=
pite the recurrence rules.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text that is either a
+    &lt;a href=3D#valid-date-string&gt;valid date string&lt;/a&gt; or a =
&lt;a href=3D#valid-global-date-and-time-string&gt;valid global date and =
time string&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vevent-exdate&gt;&lt;a href=3D#md-vevent-exdate&gt;exdate&lt;/a&gt;&lt;/c=
ode&gt; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D=
#md-vevent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&=
lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-exrule title=3Dmd-vevent-exrule&gt;&=
lt;code&gt;exrule&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives a rule for finding dates and times at which the event=
 does not occur despite the
+    recurrence rules.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text that matches the RECUR
+    value type defined in the iCalendar specification. &lt;a href=3D#ref=
sRFC2445&gt;[RFC2445]&lt;/a&gt;&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vevent-exrule&gt;&lt;a href=3D#md-vevent-exrule&gt;exrule&lt;/a&gt;&lt;/c=
ode&gt; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D=
#md-vevent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&=
lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-rdate title=3Dmd-vevent-rdate&gt;&lt=
;code&gt;rdate&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives a date and time at which the event recurs.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text that is one of the
+    following:
+
+    &lt;ul&gt;&lt;li&gt;A &lt;a href=3D#valid-date-string&gt;valid date =
string&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;A &lt;a href=3D#valid-global-date-and-time-string&gt;vali=
d global date and time string&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;A &lt;a href=3D#valid-global-date-and-time-string&gt;vali=
d global date and time string&lt;/a&gt; followed by a U+002F SOLIDUS char=
acter (/)
+     followed by a second &lt;a href=3D#valid-global-date-and-time-strin=
g&gt;valid global date and time string&lt;/a&gt; representing a later
+     time.&lt;/li&gt;
+
+     &lt;li&gt;A &lt;a href=3D#valid-global-date-and-time-string&gt;vali=
d global date and time string&lt;/a&gt; followed by a U+002F SOLIDUS char=
acter (/)
+     followed by a &lt;a href=3D#valid-vevent-duration-string&gt;valid v=
event duration string&lt;/a&gt;.&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;p&gt;Any number of properties with the name &lt;code =
title=3Dmd-vevent-rdate&gt;&lt;a href=3D#md-vevent-rdate&gt;rdate&lt;/a&g=
t;&lt;/code&gt; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D=
#md-vevent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&=
lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-rrule title=3Dmd-vevent-rrule&gt;&lt=
;code&gt;rrule&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives a rule for finding dates and times at which the event=
 occurs.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text that matches the RECUR
+    value type defined in the iCalendar specification. &lt;a href=3D#ref=
sRFC2445&gt;[RFC2445]&lt;/a&gt;&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
vevent-rrule&gt;&lt;a href=3D#md-vevent-rrule&gt;rrule&lt;/a&gt;&lt;/code=
&gt; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D=
#md-vevent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&=
lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-created title=3Dmd-vevent-created&gt=
;&lt;code&gt;created&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the date and time at which the event information was =
first created in a calendaring
+    system.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text that is a &lt;a href=3D#vali=
d-global-date-and-time-string&gt;valid
+    global date and time string&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vevent-=
created&gt;&lt;a href=3D#md-vevent-created&gt;created&lt;/a&gt;&lt;/code&=
gt; may be present
+    within each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D#md-ve=
vent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&lt;/co=
de&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;!-- DTSTAMP not included, it gets added when serialising --&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-last-modified title=3Dmd-vevent-last=
-modified&gt;&lt;code&gt;last-modified&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt=
;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the date and time at which the event information was =
last modified in a calendaring
+    system.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text that is a &lt;a href=3D#vali=
d-global-date-and-time-string&gt;valid
+    global date and time string&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vevent-=
last-modified&gt;&lt;a href=3D#md-vevent-last-modified&gt;last-modified&l=
t;/a&gt;&lt;/code&gt;
+    may be present within each &lt;a href=3D#concept-item title=3Dconcep=
t-item&gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;=
a href=3D#md-vevent&gt;http://microformats.org/profile/hcalendar#vevent&l=
t;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-vevent-sequence title=3Dmd-vevent-sequence&=
gt;&lt;code&gt;sequence&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives a revision number for the event information.&lt;/p&gt=
;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be text that is a &lt;a href=3D#vali=
d-non-negative-integer&gt;valid
+    non-negative integer&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-vevent-=
sequence&gt;&lt;a href=3D#md-vevent-sequence&gt;sequence&lt;/a&gt;&lt;/co=
de&gt; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-vevent&gt;&lt;a href=3D=
#md-vevent&gt;http://microformats.org/profile/hcalendar#vevent&lt;/a&gt;&=
lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;!-- REQUEST-STATUS not included, calendaring system interop
+   feature --&gt;
+
+
+  &lt;/dl&gt;&lt;p&gt;A string is a &lt;dfn id=3Dvalid-vevent-duration-s=
tring&gt;valid vevent duration string&lt;/dfn&gt; if it matches the follo=
wing pattern:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;A U+0050 LATIN CAPITAL LETTER P character (P).&lt;=
/li&gt;
+
+   &lt;li&gt;One of the following:
+
+    &lt;ul&gt;&lt;li&gt; A &lt;a href=3D#valid-non-negative-integer&gt;v=
alid non-negative integer&lt;/a&gt; followed by a U+0057 LATIN CAPITAL LE=
TTER W
+     character (W). The integer represents a duration of that number of =
weeks. &lt;/li&gt;
+
+     &lt;li&gt; At least one, and possible both in this order, of the fo=
llowing:
+
+      &lt;ol&gt;&lt;li&gt; A &lt;a href=3D#valid-non-negative-integer&gt=
;valid non-negative integer&lt;/a&gt; followed by a U+0044 LATIN CAPITAL =
LETTER D
+       character (D). The integer represents a duration of that number o=
f days. &lt;/li&gt;
+
+       &lt;li&gt; A U+0054 LATIN CAPITAL LETTER T character (T) followed=
 by any one of the following, or
+       the first and second of the following in that order, or the secon=
d and third of the following
+       in that order, or all three of the following in this order:
+
+        &lt;ol&gt;&lt;li&gt; A &lt;a href=3D#valid-non-negative-integer&=
gt;valid non-negative integer&lt;/a&gt; followed by a U+0048 LATIN CAPITA=
L LETTER H
+         character (H). The integer represents a duration of that number=
 of hours. &lt;/li&gt;
+
+         &lt;li&gt; A &lt;a href=3D#valid-non-negative-integer&gt;valid =
non-negative integer&lt;/a&gt; followed by a U+004D LATIN CAPITAL LETTER =
M
+         character (M). The integer represents a duration of that number=
 of minutes. &lt;/li&gt;
+
+         &lt;li&gt; A &lt;a href=3D#valid-non-negative-integer&gt;valid =
non-negative integer&lt;/a&gt; followed by a U+0053 LATIN CAPITAL LETTER =
S
+         character (S). The integer represents a duration of that number=
 of seconds. &lt;/li&gt;
+
+        &lt;/ol&gt;&lt;/ol&gt;&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;h5 id=3Dconversion-to-icalendar&gt;&lt;span class=3Dsec=
no&gt;5.4.2.1 &lt;/span&gt;Conversion to iCalendar&lt;/h5&gt;
+
+  &lt;p&gt;Given a list of nodes &lt;var title=3D&quot;&quot;&gt;nodes&l=
t;/var&gt; in a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&=
lt;/code&gt;, a user agent must
+  run the following algorithm to &lt;dfn id=3Dextracting-vevent-data tit=
le=3D&quot;extracting vEvent data&quot;&gt;extract any vEvent data
+  represented by those nodes&lt;/dfn&gt;:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If none of the nodes in &lt;var title=3D&=
quot;&quot;&gt;nodes&lt;/var&gt; are &lt;a href=3D#concept-item title=3Dc=
oncept-item&gt;items&lt;/a&gt; with the type &lt;code title=3Dmd-vevent&g=
t;&lt;a href=3D#md-vevent&gt;http://microformats.org/profile/hcalendar#ve=
vent&lt;/a&gt;&lt;/code&gt;, then there is no
+   vEvent data. Abort the algorithm, returning nothing.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;output&lt;/var=
&gt; be an empty string.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#add-an-icalendar-line&gt;Add an iCal=
endar line&lt;/a&gt; with the type &quot;&lt;code title=3D&quot;&quot;&gt=
;BEGIN&lt;/code&gt;&quot; and the
+   value &quot;&lt;code title=3D&quot;&quot;&gt;VCALENDAR&lt;/code&gt;&q=
uot; to &lt;var title=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#add-an-icalendar-line&gt;Add an iCal=
endar line&lt;/a&gt; with the type &quot;&lt;code title=3D&quot;&quot;&gt=
;PRODID&lt;/code&gt;&quot; and the
+   value equal to a user-agent-specific string representing the user age=
nt to &lt;var title=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#add-an-icalendar-line&gt;Add an iCal=
endar line&lt;/a&gt; with the type &quot;&lt;code title=3D&quot;&quot;&gt=
;VERSION&lt;/code&gt;&quot; and the
+   value &quot;&lt;code title=3D&quot;&quot;&gt;2.0&lt;/code&gt;&quot; t=
o &lt;var title=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each node &lt;var title=3D&quot;&quot;&gt;node&lt;/var&=
gt; in &lt;var title=3D&quot;&quot;&gt;nodes&lt;/var&gt; that is an &lt;a=
 href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt; with the typ=
e &lt;code title=3Dmd-vevent&gt;&lt;a href=3D#md-vevent&gt;http://microfo=
rmats.org/profile/hcalendar#vevent&lt;/a&gt;&lt;/code&gt;, run the follow=
ing
+    steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#add-an-icalendar-line&gt;=
Add an iCalendar line&lt;/a&gt; with the type &quot;&lt;code title=3D&quo=
t;&quot;&gt;BEGIN&lt;/code&gt;&quot; and the
+     value &quot;&lt;code title=3D&quot;&quot;&gt;VEVENT&lt;/code&gt;&qu=
ot; to &lt;var title=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#add-an-icalendar-line&gt;Add an iC=
alendar line&lt;/a&gt; with the type &quot;&lt;code title=3D&quot;&quot;&=
gt;DTSTAMP&lt;/code&gt;&quot; and a
+     value consisting of an iCalendar DATE-TIME string representing the =
current date and time, with
+     the annotation &quot;&lt;code title=3D&quot;&quot;&gt;VALUE=3DDATE-=
TIME&lt;/code&gt;&quot;, to &lt;var title=3D&quot;&quot;&gt;output&lt;/va=
r&gt;. &lt;a href=3D#refsRFC2445&gt;[RFC2445]&lt;/a&gt;&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;For each element &lt;var title=3D&quot;&quot;&gt;element&=
lt;/var&gt; that is &lt;a href=3D#the-properties-of-an-item title=3D&quot=
;the properties of an
+      item&quot;&gt;a property of the item&lt;/a&gt; &lt;var title=3D&qu=
ot;&quot;&gt;node&lt;/var&gt;: for each name &lt;var title=3D&quot;&quot;=
&gt;name&lt;/var&gt; in &lt;var title=3D&quot;&quot;&gt;element&lt;/var&g=
t;'s &lt;a href=3D#property-names&gt;property names&lt;/a&gt;, run the
+      appropriate set of substeps from the following list:&lt;/p&gt;
+
+      &lt;dl&gt;&lt;dt&gt;If the property's &lt;a href=3D#concept-proper=
ty-value title=3Dconcept-property-value&gt;value&lt;/a&gt; is an &lt;a hr=
ef=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&gt;&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;Skip the property.&lt;/p&gt;
+
+       &lt;/dd&gt;
+
+
+       &lt;dt&gt;If the property is &lt;code title=3Dmd-event-dtend&gt;d=
tend&lt;/code&gt;&lt;/dt&gt;
+       &lt;dt&gt;If the property is &lt;code title=3Dmd-event-dtstart&gt=
;dtstart&lt;/code&gt;&lt;/dt&gt;
+       &lt;dt&gt;If the property is &lt;code title=3Dmd-event-exdate&gt;=
exdate&lt;/code&gt;&lt;/dt&gt;
+       &lt;dt&gt;If the property is &lt;code title=3Dmd-event-rdate&gt;r=
date&lt;/code&gt;&lt;/dt&gt;
+       &lt;dt&gt;If the property is &lt;code title=3Dmd-event-created&gt=
;created&lt;/code&gt;&lt;/dt&gt;
+       &lt;dt&gt;If the property is &lt;code title=3Dmd-event-last-modif=
ied&gt;last-modified&lt;/code&gt;&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; b=
e the result of stripping all U+002D HYPHEN-MINUS (-) and
+        U+003A COLON (:) characters from the property's &lt;a href=3D#co=
ncept-property-value title=3Dconcept-property-value&gt;value&lt;/a&gt;.&l=
t;/p&gt;
+
+        &lt;p&gt;If the property's &lt;a href=3D#concept-property-value =
title=3Dconcept-property-value&gt;value&lt;/a&gt; is a &lt;a href=3D#vali=
d-date-string&gt;valid date
+        string&lt;/a&gt; then &lt;a href=3D#add-an-icalendar-line&gt;add=
 an iCalendar line&lt;/a&gt; with the type &lt;var title=3D&quot;&quot;&g=
t;name&lt;/var&gt;
+        and the value &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; =
to &lt;var title=3D&quot;&quot;&gt;output&lt;/var&gt;, with the annotatio=
n
+        &quot;&lt;code title=3D&quot;&quot;&gt;VALUE=3DDATE&lt;/code&gt;=
&quot;.&lt;/p&gt;
+
+        &lt;p&gt;Otherwise, if the property's &lt;a href=3D#concept-prop=
erty-value title=3Dconcept-property-value&gt;value&lt;/a&gt; is a
+        &lt;a href=3D#valid-global-date-and-time-string&gt;valid global =
date and time string&lt;/a&gt; then &lt;a href=3D#add-an-icalendar-line&g=
t;add an iCalendar line&lt;/a&gt; with
+        the type &lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt; and th=
e value &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; to &lt;var titl=
e=3D&quot;&quot;&gt;output&lt;/var&gt;, with the annotation &quot;&lt;cod=
e title=3D&quot;&quot;&gt;VALUE=3DDATE-TIME&lt;/code&gt;&quot;.&lt;/p&gt;
+
+        &lt;p&gt;Otherwise skip the property.&lt;/p&gt;
+
+       &lt;/dd&gt;
+
+
+       &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;&lt;a href=3D#add-an-icalendar-line&gt;Add an iCalendar=
 line&lt;/a&gt; with the type &lt;var title=3D&quot;&quot;&gt;name&lt;/va=
r&gt; and the
+        property's &lt;a href=3D#concept-property-value title=3Dconcept-=
property-value&gt;value&lt;/a&gt; to &lt;var title=3D&quot;&quot;&gt;outp=
ut&lt;/var&gt;.&lt;/p&gt;
+
+       &lt;/dd&gt;
+
+      &lt;/dl&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#add-an-icalendar-line&gt;Add an iC=
alendar line&lt;/a&gt; with the type &quot;&lt;code title=3D&quot;&quot;&=
gt;END&lt;/code&gt;&quot; and the
+     value &quot;&lt;code title=3D&quot;&quot;&gt;VEVENT&lt;/code&gt;&qu=
ot; to &lt;var title=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#add-an-icalendar-line&gt;Add an iCal=
endar line&lt;/a&gt; with the type &quot;&lt;code title=3D&quot;&quot;&gt=
;END&lt;/code&gt;&quot; and the value
+   &quot;&lt;code title=3D&quot;&quot;&gt;VCALENDAR&lt;/code&gt;&quot; t=
o &lt;var title=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When the above algorithm says that the user agent =
is to &lt;dfn id=3Dadd-an-icalendar-line&gt;add an iCalendar line&lt;/dfn=
&gt;
+  consisting of a type &lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt;,=
 a value &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;, and optionall=
y
+  an annotation, to a string &lt;var title=3D&quot;&quot;&gt;output&lt;/=
var&gt;, it must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;line&=
lt;/var&gt; be an empty string.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;type&lt;/va=
r&gt;, &lt;a href=3D#converted-to-ascii-uppercase&gt;converted to ASCII u=
ppercase&lt;/a&gt;, to &lt;var title=3D&quot;&quot;&gt;line&lt;/var&gt;.&=
lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If there is an annotation:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Append a U+003B SEMICOLON character (;)=
 to &lt;var title=3D&quot;&quot;&gt;line&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Append the annotation to &lt;var title=3D&quot;&=
quot;&gt;line&lt;/var&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Append a U+003A COLON character (:) to &lt;var tit=
le=3D&quot;&quot;&gt;line&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Prefix every U+005C REVERSE SOLIDUS character (\) =
in &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; with
+   another U+005C REVERSE SOLIDUS character (\).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Prefix every U+002C COMMA character (,) in &lt;var=
 title=3D&quot;&quot;&gt;value&lt;/var&gt; with a U+005C REVERSE
+   SOLIDUS character (\).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Prefix every U+003B SEMICOLON character (;) in &lt=
;var title=3D&quot;&quot;&gt;value&lt;/var&gt; with a U+005C
+   REVERSE SOLIDUS character (\).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Replace every U+000D CARRIAGE RETURN U+000A LINE F=
EED character pair (CRLF) in &lt;var title=3D&quot;&quot;&gt;value&lt;/va=
r&gt; with a U+005C REVERSE SOLIDUS character (\) followed by a U+006E LA=
TIN SMALL
+   LETTER N character (n).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Replace every remaining U+000D CARRIAGE RETURN (CR=
) or U+000A LINE FEED (LF) character in
+   &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; with a U+005C REVER=
SE SOLIDUS character (\) followed by a U+006E LATIN
+   SMALL LETTER N character (n).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;value&lt;/v=
ar&gt; to &lt;var title=3D&quot;&quot;&gt;line&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;maximum length=
&lt;/var&gt; be 75.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If and while &lt;var title=3D&quot;&quot;&gt;line&lt;/var&g=
t; is longer than &lt;var title=3D&quot;&quot;&gt;maximum length&lt;/var&=
gt;
+    Unicode code points long, run the following substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Append the first &lt;var title=3D&quot;=
&quot;&gt;maximum length&lt;/var&gt; Unicode code points of &lt;var title=
=3D&quot;&quot;&gt;line&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;ou=
tput&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Remove the first &lt;var title=3D&quot;&quot;&gt=
;maximum length&lt;/var&gt; Unicode code points from &lt;var title=3D&quo=
t;&quot;&gt;line&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Append a U+000D CARRIAGE RETURN character (CR) t=
o &lt;var title=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Append a U+000A LINE FEED character (LF) to &lt;=
var title=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Append a U+0020 SPACE character to &lt;var title=
=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;maximum leng=
th&lt;/var&gt; be 74.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Append (what remains of) &lt;var title=3D&quot;&qu=
ot;&gt;line&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;output&lt;/var=
&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Append a U+000D CARRIAGE RETURN character (CR) to =
&lt;var title=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Append a U+000A LINE FEED character (LF) to &lt;va=
r title=3D&quot;&quot;&gt;output&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;This algorithm can generate invalid i=
Calendar output, if the input does not
+  conform to the rules described for the &lt;code title=3Dmd-vevent&gt;&=
lt;a href=3D#md-vevent&gt;http://microformats.org/profile/hcalendar#veven=
t&lt;/a&gt;&lt;/code&gt; &lt;a href=3D#item-types title=3D&quot;item
+  types&quot;&gt;item type&lt;/a&gt; and &lt;a href=3D#defined-property-=
name title=3D&quot;defined property name&quot;&gt;defined property names&=
lt;/a&gt;.&lt;/p&gt;
+  &lt;!-- of course since iCalendar doesn't define error handling, this =
is somewhat problematic. --&gt;
+
+
+
+  &lt;h5 id=3Dexamples-2&gt;&lt;span class=3Dsecno&gt;5.4.2.2 &lt;/span&=
gt;Examples&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+&lt;!-- get more from http://tools.ietf.org/html/rfc2445 --&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here is an example of a page that uses the vEvent vocabulary=
 to mark up an event:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;body itemscope itemtype=3D&quot;http://microformat=
s.org/profile/hcalendar#vevent&quot;&amp;gt;
+ ...
+ &amp;lt;h1 itemprop=3D&quot;summary&quot;&amp;gt;Bluesday Tuesday: Mone=
y Road&amp;lt;/h1&amp;gt;
+ ...
+ &amp;lt;time itemprop=3D&quot;dtstart&quot; datetime=3D&quot;2009-05-05=
T19:00:00Z&quot;&amp;gt;May 5th @ 7pm&amp;lt;/time&amp;gt;
+ (until &amp;lt;time itemprop=3D&quot;dtend&quot; datetime=3D&quot;2009-=
05-05T21:00:00Z&quot;&amp;gt;9pm&amp;lt;/time&amp;gt;)
+ ...
+ &amp;lt;a href=3D&quot;http://livebrum.co.uk/2009/05/05/bluesday-tuesda=
y-money-road&quot;
+    rel=3D&quot;bookmark&quot; itemprop=3D&quot;url&quot;&amp;gt;Link to=
 this page&amp;lt;/a&amp;gt;
+ ...
+ &amp;lt;p&amp;gt;Location: &amp;lt;span itemprop=3D&quot;location&quot;=
&amp;gt;The RoadHouse&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
+ ...
+ &amp;lt;p&amp;gt;&amp;lt;input type=3Dbutton value=3D&quot;Add to Calen=
dar&quot;
+           onclick=3D&quot;location =3D getCalendar(this)&quot;&amp;gt;&=
amp;lt;/p&amp;gt;
+ ...
+ &amp;lt;meta itemprop=3D&quot;description&quot; content=3D&quot;via liv=
ebrum.co.uk&quot;&amp;gt;
+&amp;lt;/body&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;The &quot;&lt;code title=3D&quot;&quot;&gt;getCalendar()&lt;=
/code&gt;&quot; method could look like
+   this:&lt;/p&gt;
+
+   &lt;pre&gt;function getCalendar(node) {
+  // This function assumes the content is valid.
+  // It is not a compliant implementation of the algorithm for &lt;a hre=
f=3D#extracting-vevent-data&gt;extracting vEvent data&lt;/a&gt;.
+  while (node &amp;amp;&amp;amp; (!node.itemScope || !node.itemType.cont=
ains('http://microformats.org/profile/hcalendar#vevent')))
+    node =3D node.parentNode;
+  if (!node) {
+    alert('No event data found.');
+    return;
+  }
+  var stamp =3D new Date();
+  var stampString =3D '' + stamp.getUTCFullYear() + (stamp.getUTCMonth()=
 + 1) + stamp.getUTCDate() + 'T' +
+                         stamp.getUTCHours() + stamp.getUTCMinutes() + s=
tamp.getUTCSeconds() + 'Z';
+  var calendar =3D 'BEGIN:VCALENDAR\r\nPRODID:HTML\r\nVERSION:2.0\r\nBEG=
IN:VEVENT\r\nDTSTAMP:' + stampString + '\r\n';
+  for (var propIndex =3D 0; propIndex &amp;lt; node.properties.length; p=
ropIndex +=3D 1) {
+    var prop =3D node.properties[propIndex];
+    var value =3D prop.itemValue;
+    var parameters =3D '';
+    if (prop.localName =3D=3D 'time') {
+      value =3D value.replace(/[:-]/g, '');
+      if (value.match(/T/))
+        parameters =3D ';VALUE=3DDATE';
+      else
+        parameters =3D ';VALUE=3DDATE-TIME';
+    } else {
+      value =3D value.replace(/\\/g, '\\n');
+      value =3D value.replace(/;/g, '\\;');
+      value =3D value.replace(/,/g, '\\,');
+      value =3D value.replace(/\n/g, '\\n');
+    }
+    for (var nameIndex =3D 0; nameIndex &amp;lt; prop.itemProp.length; n=
ameIndex +=3D 1) {
+      var name =3D prop.itemProp[nameIndex];
+      if (!name.match(/:/) &amp;amp;&amp;amp; !name.match(/\./))
+        calendar +=3D name.toUpperCase() + parameters + ':' + value + '\=
r\n';
+    }
+  }
+  calendar +=3D 'END:VEVENT\r\nEND:VCALENDAR\r\n';
+  return 'data:text/calendar;component=3Dvevent,' + encodeURI(calendar);
+}&lt;/pre&gt;
+
+   &lt;p&gt;The same page could offer some markup, such as the following=
,
+   for copy-and-pasting into blogs:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;div itemscope itemtype=3D&quot;http://microformats=
.org/profile/hcalendar#vevent&quot;&amp;gt;
+ &amp;lt;p&amp;gt;I'm going to
+ &amp;lt;strong itemprop=3D&quot;summary&quot;&amp;gt;Bluesday Tuesday: =
Money Road&amp;lt;/strong&amp;gt;,
+ &amp;lt;time itemprop=3D&quot;dtstart&quot; datetime=3D&quot;2009-05-05=
T19:00:00Z&quot;&amp;gt;May 5th at 7pm&amp;lt;/time&amp;gt;
+ to &amp;lt;time itemprop=3D&quot;dtend&quot; datetime=3D&quot;2009-05-0=
5T21:00:00Z&quot;&amp;gt;9pm&amp;lt;/time&amp;gt;,
+ at &amp;lt;span itemprop=3D&quot;location&quot;&amp;gt;The RoadHouse&am=
p;lt;/span&amp;gt;!&amp;lt;/p&amp;gt;
+ &amp;lt;p&amp;gt;&amp;lt;a href=3D&quot;http://livebrum.co.uk/2009/05/0=
5/bluesday-tuesday-money-road&quot;
+       itemprop=3D&quot;url&quot;&amp;gt;See this event on livebrum.co.u=
k&amp;lt;/a&amp;gt;.&amp;lt;/p&amp;gt;
+ &amp;lt;meta itemprop=3D&quot;description&quot; content=3D&quot;via liv=
ebrum.co.uk&quot;&amp;gt;
+&amp;lt;/div&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dlicensing-works&gt;&lt;span class=3Dsecno&gt;5.4.3 &lt;/sp=
an&gt;Licensing works&lt;/h4&gt;
+
+  &lt;p&gt;An item with the &lt;a href=3D#item-types title=3D&quot;item =
types&quot;&gt;item type&lt;/a&gt; &lt;dfn id=3Dmd-work title=3Dmd-work&g=
t;&lt;code&gt;http://n.whatwg.org/work&lt;/code&gt;&lt;/dfn&gt; represent=
s a work (e.g. an article, an
+  image, a video, a song, etc). This type is primarily intended to allow=
 authors to include
+  licensing information for works.&lt;/p&gt;
+
+  &lt;p&gt;The following are the type's &lt;a href=3D#defined-property-n=
ame title=3D&quot;defined property name&quot;&gt;defined property
+  names&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dmd-work-work title=3Dmd-work-work&gt;=
&lt;code&gt;work&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Identifies the work being described.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be an &lt;a href=3D#absolute-url&gt;=
absolute
+    URL&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Exactly one property with the name &lt;code title=3Dmd-work=
-work&gt;&lt;a href=3D#md-work-work&gt;work&lt;/a&gt;&lt;/code&gt; must b=
e present
+    within each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; with the type &lt;code title=3Dmd-work&gt;&lt;a href=3D#md-work=
&gt;http://n.whatwg.org/work&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-work-title title=3Dmd-work-title&gt;&lt;cod=
e&gt;title&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the name of the work.&lt;/p&gt;
+
+    &lt;p&gt;A single property with the name &lt;code title=3Dmd-work-ti=
tle&gt;&lt;a href=3D#md-work-title&gt;title&lt;/a&gt;&lt;/code&gt; may be=
 present
+    within each &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&=
lt;/a&gt; with the type &lt;code title=3Dmd-work&gt;&lt;a href=3D#md-work=
&gt;http://n.whatwg.org/work&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-work-author title=3Dmd-work-author&gt;&lt;c=
ode&gt;author&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Gives the name or contact information of one of the authors=
 or creators of the work.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be either an &lt;a href=3D#concept-i=
tem title=3Dconcept-item&gt;item&lt;/a&gt; with the type &lt;code title=3D=
md-vcard&gt;&lt;a href=3D#md-vcard&gt;http://microformats.org/profile/hca=
rd&lt;/a&gt;&lt;/code&gt;, or text.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
work-author&gt;&lt;a href=3D#md-work-author&gt;author&lt;/a&gt;&lt;/code&=
gt; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-work&gt;&lt;a href=3D=
#md-work&gt;http://n.whatwg.org/work&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dmd-work-license title=3Dmd-work-license&gt;&lt=
;code&gt;license&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Identifies one of the licenses under which the work is avai=
lable.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-property-value title=3Dconcept-pr=
operty-value&gt;value&lt;/a&gt; must be an &lt;a href=3D#absolute-url&gt;=
absolute
+    URL&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Any number of properties with the name &lt;code title=3Dmd-=
work-license&gt;&lt;a href=3D#md-work-license&gt;license&lt;/a&gt;&lt;/co=
de&gt; may be
+    present within each &lt;a href=3D#concept-item title=3Dconcept-item&=
gt;item&lt;/a&gt; with the type &lt;code title=3Dmd-work&gt;&lt;a href=3D=
#md-work&gt;http://n.whatwg.org/work&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dexamples-3&gt;&lt;span class=3Dsecno&gt;5.4.3.1=
 &lt;/span&gt;Examples&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This example shows an embedded image entitled &lt;cite&gt;My=
 Pond&lt;/cite&gt;, licensed under the
+   Creative Commons Attribution-Share Alike 3.0 United States License an=
d the MIT license
+   simultaneously.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;figure &lt;strong&gt;itemscope itemtype=3D&quot;ht=
tp://n.whatwg.org/work&quot;&lt;/strong&gt;&amp;gt;
+ &amp;lt;img &lt;strong&gt;itemprop=3D&quot;work&quot;&lt;/strong&gt; sr=
c=3D&quot;mypond.jpeg&quot;&amp;gt;
+ &amp;lt;figcaption&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;cite &lt;strong&gt;itemprop=3D&quot;title&quo=
t;&lt;/strong&gt;&amp;gt;My Pond&amp;lt;/cite&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;small&amp;gt;Licensed under the &amp;lt;a &lt=
;strong&gt;itemprop=3D&quot;license&quot;&lt;/strong&gt;
+  href=3D&quot;http://creativecommons.org/licenses/by-sa/3.0/us/&quot;&a=
mp;gt;Creative
+  Commons Attribution-Share Alike 3.0 United States License&amp;lt;/a&am=
p;gt;
+  and the &amp;lt;a &lt;strong&gt;itemprop=3D&quot;license&quot;&lt;/str=
ong&gt;
+  href=3D&quot;http://www.opensource.org/licenses/mit-license.php&quot;&=
amp;gt;MIT
+  license&amp;lt;/a&amp;gt;.&amp;lt;/small&amp;gt;
+ &amp;lt;/figcaption&amp;gt;
+&amp;lt;/figure&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h3 id=3Dconverting-html-to-other-formats&gt;&lt;span class=3Dsecno=
&gt;5.5 &lt;/span&gt;Converting HTML to other formats&lt;/h3&gt;
+
+  &lt;h4 id=3Djson&gt;&lt;span class=3Dsecno&gt;5.5.1 &lt;/span&gt;JSON&=
lt;/h4&gt;
+
+  &lt;p&gt;Given a list of nodes &lt;var title=3D&quot;&quot;&gt;nodes&l=
t;/var&gt; in a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&=
lt;/code&gt;, a user agent must
+  run the following algorithm to &lt;dfn id=3Dextracting-json title=3D&q=
uot;extracting JSON&quot;&gt;extract the microdata from those nodes
+  into a JSON form&lt;/dfn&gt;:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;resul=
t&lt;/var&gt; be an empty object.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;items&lt;/var&=
gt; be an empty array.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;For each &lt;var title=3D&quot;&quot;&gt;node&lt;/=
var&gt; in &lt;var title=3D&quot;&quot;&gt;nodes&lt;/var&gt;, check if th=
e element is a
+   &lt;a href=3D#top-level-microdata-items title=3D&quot;top-level micro=
data items&quot;&gt;top-level microdata item&lt;/a&gt;, and if it is then
+   &lt;a href=3D#get-the-object&gt;get the object&lt;/a&gt; for that ele=
ment and add it to &lt;var title=3D&quot;&quot;&gt;items&lt;/var&gt;.&lt;=
/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Add an entry to &lt;var title=3D&quot;&quot;&gt;re=
sult&lt;/var&gt; called &quot;&lt;code title=3D&quot;&quot;&gt;items&lt;/=
code&gt;&quot; whose
+   value is the array &lt;var title=3D&quot;&quot;&gt;items&lt;/var&gt;.=
&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the result of serializing &lt;var title=3D&=
quot;&quot;&gt;result&lt;/var&gt; to JSON in the shortest
+   possible way (meaning no whitespace between tokens, no unnecessary ze=
ro digits in numbers, and
+   only using Unicode escapes in strings for characters that do not have=
 a dedicated escape
+   sequence), and with a lowercase &quot;&lt;code title=3D&quot;&quot;&g=
t;e&lt;/code&gt;&quot; used, when appropriate, in the
+   representation of any numbers. &lt;a href=3D#refsJSON&gt;[JSON]&lt;/a=
&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;This algorithm returns an object with=
 a single property that is an array, instead
+  of just returning an array, so that it is possible to extend the algor=
ithm in the future if
+  necessary.&lt;/p&gt;
+
+  &lt;p&gt;When the user agent is to &lt;dfn id=3Dget-the-object&gt;get =
the object&lt;/dfn&gt; for an item &lt;var title=3D&quot;&quot;&gt;item&l=
t;/var&gt;,
+  optionally with a list of elements &lt;var title=3D&quot;&quot;&gt;mem=
ory&lt;/var&gt;, it must run the following
+  substeps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;resul=
t&lt;/var&gt; be an empty object.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If no &lt;var title=3D&quot;&quot;&gt;memory&lt;/v=
ar&gt; was passed to the algorithm, let &lt;var title=3D&quot;&quot;&gt;m=
emory&lt;/var&gt; be an empty list.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Add &lt;var title=3D&quot;&quot;&gt;item&lt;/var&g=
t; to &lt;var title=3D&quot;&quot;&gt;memory&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;item&lt;/va=
r&gt; has any &lt;a href=3D#item-types&gt;item types&lt;/a&gt;, add an en=
try to &lt;var title=3D&quot;&quot;&gt;result&lt;/var&gt; called &quot;&l=
t;code title=3D&quot;&quot;&gt;type&lt;/code&gt;&quot; whose value is an =
array listing the
+   &lt;a href=3D#item-types&gt;item types&lt;/a&gt; of &lt;var title=3D&=
quot;&quot;&gt;item&lt;/var&gt;, in the order they were specified on the
+   &lt;code title=3Dattr-itemtype&gt;&lt;a href=3D#attr-itemtype&gt;item=
type&lt;/a&gt;&lt;/code&gt; attribute.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;item&lt;/va=
r&gt; has a &lt;a href=3D#global-identifier&gt;global identifier&lt;/a&gt=
;, add an entry to &lt;var title=3D&quot;&quot;&gt;result&lt;/var&gt; cal=
led &quot;&lt;code title=3D&quot;&quot;&gt;id&lt;/code&gt;&quot; whose va=
lue is the &lt;a href=3D#global-identifier&gt;global
+   identifier&lt;/a&gt; of &lt;var title=3D&quot;&quot;&gt;item&lt;/var&=
gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;properties&lt;=
/var&gt; be an empty object.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each element &lt;var title=3D&quot;&quot;&gt;element&lt=
;/var&gt; that has one or more &lt;a href=3D#property-names&gt;property n=
ames&lt;/a&gt;
+    and is one of &lt;a href=3D#the-properties-of-an-item title=3D&quot;=
the properties of an item&quot;&gt;the properties of the item&lt;/a&gt; &=
lt;var title=3D&quot;&quot;&gt;item&lt;/var&gt;, in the order those eleme=
nts are given by the algorithm that returns
+    &lt;a href=3D#the-properties-of-an-item&gt;the properties of an item=
&lt;/a&gt;, run the following substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;val=
ue&lt;/var&gt; be the &lt;a href=3D#concept-property-value title=3Dconcep=
t-property-value&gt;property
+     value&lt;/a&gt; of &lt;var title=3D&quot;&quot;&gt;element&lt;/var&=
gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;value&lt;/var=
&gt; is an &lt;a href=3D#concept-item title=3Dconcept-item&gt;item&lt;/a&=
gt;, then: If &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; is in &lt=
;var title=3D&quot;&quot;&gt;memory&lt;/var&gt;, then let &lt;var title=3D=
&quot;&quot;&gt;value&lt;/var&gt; be
+     the string &quot;&lt;code title=3D&quot;&quot;&gt;ERROR&lt;/code&gt=
;&quot;. Otherwise, &lt;a href=3D#get-the-object&gt;get the object&lt;/a&=
gt; for &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;, passing a copy=
 of &lt;var title=3D&quot;&quot;&gt;memory&lt;/var&gt;, and then replace =
&lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; with the object returne=
d from those steps.&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;For each name &lt;var title=3D&quot;&quot;&gt;name&lt;/va=
r&gt; in &lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt;'s &lt;a href=
=3D#property-names&gt;property
+      names&lt;/a&gt;, run the following substeps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;If there is no entry named &lt;var ti=
tle=3D&quot;&quot;&gt;name&lt;/var&gt; in &lt;var title=3D&quot;&quot;&gt=
;properties&lt;/var&gt;,
+       then add an entry named &lt;var title=3D&quot;&quot;&gt;name&lt;/=
var&gt; to &lt;var title=3D&quot;&quot;&gt;properties&lt;/var&gt; whose
+       value is an empty array.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Append &lt;var title=3D&quot;&quot;&gt;value&l=
t;/var&gt; to the entry named &lt;var title=3D&quot;&quot;&gt;name&lt;/va=
r&gt; in &lt;var title=3D&quot;&quot;&gt;properties&lt;/var&gt;.&lt;/li&g=
t;
+
+      &lt;/ol&gt;&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Add an entry to &lt;var title=3D&quot;&quot;&gt;re=
sult&lt;/var&gt; called &quot;&lt;code title=3D&quot;&quot;&gt;properties=
&lt;/code&gt;&quot; whose
+   value is the object &lt;var title=3D&quot;&quot;&gt;properties&lt;/va=
r&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;result&lt;/=
var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For example, take this markup:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;title&amp;gt;My Blog&amp;lt;/title&amp;gt;
+&amp;lt;article itemscope itemtype=3D&quot;http://schema.org/BlogPosting=
&quot;&amp;gt;
+ &amp;lt;header&amp;gt;
+  &amp;lt;h1 itemprop=3D&quot;headline&quot;&amp;gt;Progress report&amp;=
lt;/h1&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;time itemprop=3D&quot;datePublished&quot; dat=
etime=3D&quot;2013-08-29&quot;&amp;gt;today&amp;lt;/time&amp;gt;&amp;lt;/=
p&amp;gt;
+  &amp;lt;link itemprop=3D&quot;url&quot; href=3D&quot;?comments=3D0&quo=
t;&amp;gt;
+ &amp;lt;/header&amp;gt;
+ &amp;lt;p&amp;gt;All in all, he's doing well with his swim lessons. The=
 biggest thing was he had trouble
+ putting his head in, but we got it down.&amp;lt;/p&amp;gt;
+ &amp;lt;section&amp;gt;
+  &amp;lt;h1&amp;gt;Comments&amp;lt;/h1&amp;gt;
+  &amp;lt;article itemprop=3D&quot;comment&quot; itemscope itemtype=3D&q=
uot;http://schema.org/UserComments&quot; id=3D&quot;c1&quot;&amp;gt;
+   &amp;lt;link itemprop=3D&quot;url&quot; href=3D&quot;#c1&quot;&amp;gt=
;
+   &amp;lt;footer&amp;gt;
+    &amp;lt;p&amp;gt;Posted by: &amp;lt;span itemprop=3D&quot;creator&qu=
ot; itemscope itemtype=3D&quot;http://schema.org/Person&quot;&amp;gt;
+     &amp;lt;span itemprop=3D&quot;name&quot;&amp;gt;Greg&amp;lt;/span&a=
mp;gt;
+    &amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
+    &amp;lt;p&amp;gt;&amp;lt;time itemprop=3D&quot;commentTime&quot; dat=
etime=3D&quot;2013-08-29&quot;&amp;gt;15 minutes ago&amp;lt;/time&amp;gt;=
&amp;lt;/p&amp;gt;
+   &amp;lt;/footer&amp;gt;
+   &amp;lt;p&amp;gt;Ha!&amp;lt;/p&amp;gt;
+  &amp;lt;/article&amp;gt;
+  &amp;lt;article itemprop=3D&quot;comment&quot; itemscope itemtype=3D&q=
uot;http://schema.org/UserComments&quot; id=3D&quot;c2&quot;&amp;gt;
+   &amp;lt;link itemprop=3D&quot;url&quot; href=3D&quot;#c2&quot;&amp;gt=
;
+   &amp;lt;footer&amp;gt;
+    &amp;lt;p&amp;gt;Posted by: &amp;lt;span itemprop=3D&quot;creator&qu=
ot; itemscope itemtype=3D&quot;http://schema.org/Person&quot;&amp;gt;
+     &amp;lt;span itemprop=3D&quot;name&quot;&amp;gt;Charlotte&amp;lt;/s=
pan&amp;gt;
+    &amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
+    &amp;lt;p&amp;gt;&amp;lt;time itemprop=3D&quot;commentTime&quot; dat=
etime=3D&quot;2013-08-29&quot;&amp;gt;5 minutes ago&amp;lt;/time&amp;gt;&=
amp;lt;/p&amp;gt;
+   &amp;lt;/footer&amp;gt;
+   &amp;lt;p&amp;gt;When you say &quot;we got it down&quot;...&amp;lt;/p=
&amp;gt;
+  &amp;lt;/article&amp;gt;
+ &amp;lt;/section&amp;gt;
+&amp;lt;/article&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;It would be turned into the following JSON by the algorithm =
above (supposing that the page's
+   URL was &lt;code&gt;http://blog.example.com/progress-report&lt;/code&=
gt;):&lt;/p&gt;
+
+   &lt;pre&gt;{
+  &quot;items&quot;: [
+    {
+      &quot;type&quot;: [ &quot;http://schema.org/BlogPosting&quot; ],
+      &quot;properties&quot;: {
+        &quot;headline&quot;: [ &quot;Progress report&quot; ],
+        &quot;datePublished&quot;: [ &quot;2013-08-29&quot; ],
+        &quot;url&quot;: [ &quot;http://blog.example.com/progress-report=
?comments=3D0&quot; ],
+        &quot;comment&quot;: [
+          {
+            &quot;type&quot;: [ &quot;http://schema.org/UserComments&quo=
t; ],
+            &quot;properties&quot;: {
+              &quot;url&quot;: [ &quot;http://blog.example.com/progress-=
report#c1&quot; ],
+              &quot;creator&quot;: [
+                {
+                  &quot;type&quot;: [ &quot;http://schema.org/Person&quo=
t; ],
+                  &quot;properties&quot;: {
+                    &quot;name&quot;: [ &quot;Greg&quot; ]
+                  }
+                }
+              ],
+              &quot;commentTime&quot;: [ &quot;2013-08-29&quot; ]
+            }
+          },
+          {
+            &quot;type&quot;: [ &quot;http://schema.org/UserComments&quo=
t; ],
+            &quot;properties&quot;: {
+              &quot;url&quot;: [ &quot;http://blog.example.com/progress-=
report#c2&quot; ],
+              &quot;creator&quot;: [
+                {
+                  &quot;type&quot;: [ &quot;http://schema.org/Person&quo=
t; ],
+                  &quot;properties&quot;: {
+                    &quot;name&quot;: [ &quot;Charlotte&quot; ]
+                  }
+                }
+              ],
+              &quot;commentTime&quot;: [ &quot;2013-08-29&quot; ]
+            }
+          }
+        ]
+      }
+    }
+  ]
+}&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;/div&gt;
+
+
+
+
+&lt;!--TOPIC:HTML--&gt;
+
+  &lt;h2 id=3Dbrowsers&gt;&lt;span class=3Dsecno&gt;6 &lt;/span&gt;Loadi=
ng Web pages&lt;/h2&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;This section describes features that apply most directly to W=
eb browsers. Having said that,
+  except where specified otherwise, the requirements defined in this sec=
tion &lt;em&gt;do&lt;/em&gt; apply to
+  all user agents, whether they are Web browsers or not.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h3 id=3Dwindows&gt;&lt;span class=3Dsecno&gt;6.1 &lt;/span&gt;Brow=
sing contexts&lt;/h3&gt;
+
+  &lt;p&gt;A &lt;dfn id=3Dbrowsing-context&gt;browsing context&lt;/dfn&g=
t; is an environment in which &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt; objects are
+  presented to the user.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;A tab or window in a Web browser typically conta=
ins a &lt;a href=3D#browsing-context&gt;browsing
+  context&lt;/a&gt;, as does an &lt;code&gt;&lt;a href=3D#the-iframe-ele=
ment&gt;iframe&lt;/a&gt;&lt;/code&gt;&lt;span class=3Dimpl&gt; or &lt;cod=
e&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/code&gt;s in a
+  &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&lt;/code&gt;&=
lt;/span&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;a href=3D#browsing-context&gt;browsing context&lt;/a=
&gt; has a corresponding &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowP=
roxy&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt=
; has a &lt;a href=3D#session-history&gt;session history&lt;/a&gt;, which=
 lists the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
objects that that &lt;a href=3D#browsing-context&gt;browsing context&lt;/=
a&gt; has presented, is
+  presenting, or will present. At any time, one &lt;code&gt;&lt;a href=3D=
#document&gt;Document&lt;/a&gt;&lt;/code&gt; in each &lt;a href=3D#browsi=
ng-context&gt;browsing
+  context&lt;/a&gt; is designated the &lt;dfn id=3Dactive-document&gt;ac=
tive document&lt;/dfn&gt;. A &lt;code&gt;&lt;a href=3D#document&gt;Docume=
nt&lt;/a&gt;&lt;/code&gt;'s
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; is that &=
lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; whose &lt;a h=
ref=3D#session-history&gt;session
+  history&lt;/a&gt; contains the &lt;code&gt;&lt;a href=3D#document&gt;D=
ocument&lt;/a&gt;&lt;/code&gt;, if any. (A &lt;code&gt;&lt;a href=3D#docu=
ment&gt;Document&lt;/a&gt;&lt;/code&gt; created using
+  an API such as &lt;code title=3Ddom-DOMImplementation-createDocument&g=
t;&lt;a href=3D#dom-domimplementation-createdocument&gt;createDocument()&=
lt;/a&gt;&lt;/code&gt; has no
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;.)&lt;/p&g=
t;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;=
&lt;/code&gt; in a &lt;a href=3D#browsing-context&gt;browsing context&lt;=
/a&gt; is &lt;dfn id=3Dconcept-document-window title=3Dconcept-document-w=
indow&gt;associated&lt;/dfn&gt; with a &lt;code&gt;&lt;a href=3D#window&g=
t;Window&lt;/a&gt;&lt;/code&gt; object. A
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;'s &lt;cod=
e&gt;&lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&gt;&lt;/code&gt; obje=
ct forwards everything to the
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;'s &lt;a h=
ref=3D#active-document&gt;active document&lt;/a&gt;'s &lt;code&gt;&lt;a h=
ref=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;In general, there is a 1-to-1 mapping from the &=
lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object t=
o the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
object. There are two exceptions. First, a &lt;code&gt;&lt;a href=3D#wind=
ow&gt;Window&lt;/a&gt;&lt;/code&gt; can be reused
+  for the presentation of a second &lt;code&gt;&lt;a href=3D#document&gt=
;Document&lt;/a&gt;&lt;/code&gt; in the same &lt;a href=3D#browsing-conte=
xt&gt;browsing context&lt;/a&gt;,
+  such that the mapping is then 1-to-2. This occurs when a &lt;a href=3D=
#browsing-context&gt;browsing context&lt;/a&gt; is &lt;a href=3D#navigate=
 title=3Dnavigate&gt;navigated&lt;/a&gt; from the initial &lt;code&gt;&lt=
;a href=3D#about:blank&gt;about:blank&lt;/a&gt;&lt;/code&gt; &lt;code&gt;=
&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;
+  to another, with &lt;a href=3D#replacement-enabled&gt;replacement enab=
led&lt;/a&gt;. Second, a &lt;code&gt;&lt;a href=3D#document&gt;Document&l=
t;/a&gt;&lt;/code&gt; can end up
+  being reused for several &lt;code&gt;&lt;a href=3D#window&gt;Window&lt=
;/a&gt;&lt;/code&gt; objects when the &lt;code title=3Ddom-document-open&=
gt;&lt;a href=3D#dom-document-open&gt;document.open()&lt;/a&gt;&lt;/code&=
gt; method is used, such that the mapping is then
+  many-to-1.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;A &lt;code&gt;&lt;a href=3D#document&gt;Document=
&lt;/a&gt;&lt;/code&gt; does not necessarily have a &lt;a href=3D#browsin=
g-context&gt;browsing context&lt;/a&gt;
+  associated with it. In particular, data mining tools are likely to nev=
er instantiate browsing
+  contexts.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;A &lt;a href=3D#browsing-context&gt;browsing contex=
t&lt;/a&gt; can have a &lt;dfn id=3Dcreator-browsing-context&gt;creator b=
rowsing context&lt;/dfn&gt;, the
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; that was =
responsible for its creation. If a &lt;a href=3D#browsing-context&gt;brow=
sing
+  context&lt;/a&gt; has a &lt;a href=3D#parent-browsing-context&gt;paren=
t browsing context&lt;/a&gt;, then that is its &lt;a href=3D#creator-brow=
sing-context&gt;creator browsing
+  context&lt;/a&gt;. Otherwise, if the &lt;a href=3D#browsing-context&gt=
;browsing context&lt;/a&gt; has an &lt;a href=3D#opener-browsing-context&=
gt;opener browsing
+  context&lt;/a&gt;, then &lt;em&gt;that&lt;/em&gt; is its &lt;a href=3D=
#creator-browsing-context&gt;creator browsing context&lt;/a&gt;. Otherwis=
e, the
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; has no &l=
t;a href=3D#creator-browsing-context&gt;creator browsing context&lt;/a&gt=
;.&lt;/p&gt;
+
+  &lt;p&gt;If a &lt;a href=3D#browsing-context&gt;browsing context&lt;/a=
&gt; &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt; has a &lt;a href=3D#cr=
eator-browsing-context&gt;creator browsing
+  context&lt;/a&gt;, then the &lt;code&gt;&lt;a href=3D#document&gt;Docu=
ment&lt;/a&gt;&lt;/code&gt; that was the &lt;a href=3D#active-document&gt=
;active document&lt;/a&gt; of that
+  &lt;a href=3D#creator-browsing-context&gt;creator browsing context&lt;=
/a&gt; at the time &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt; was crea=
ted is the
+  &lt;dfn id=3Dcreator-document&gt;creator &lt;code&gt;Document&lt;/code=
&gt;&lt;/dfn&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When a &lt;a href=3D#browsing-context&gt;browsing context&lt;=
/a&gt; is first created, it must be created with a single
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
in its session history, whose &lt;a href=3D&quot;#the-document's-address&=
quot; title=3D&quot;the document's
+  address&quot;&gt;address&lt;/a&gt; is &lt;code&gt;&lt;a href=3D#about:=
blank&gt;about:blank&lt;/a&gt;&lt;/code&gt;, which is marked as being an =
&lt;a href=3D#html-documents title=3D&quot;HTML
+  documents&quot;&gt;HTML document&lt;/a&gt;, whose &lt;a href=3D&quot;#=
document's-character-encoding&quot; title=3D&quot;document's character en=
coding&quot;&gt;character
+  encoding&lt;/a&gt; is UTF-8, and which is both &lt;a href=3D#ready-for=
-post-load-tasks&gt;ready for post-load tasks&lt;/a&gt; and
+  &lt;a href=3D#completely-loaded&gt;completely loaded&lt;/a&gt; immedia=
tely. The &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/co=
de&gt; must have a single child
+  &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/code&=
gt; node, which itself has a single child &lt;code&gt;&lt;a href=3D#the-b=
ody-element&gt;body&lt;/a&gt;&lt;/code&gt; node. As soon as this
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
is created, the user agent must &lt;a href=3D#implement-the-sandboxing&gt=
;implement the sandboxing&lt;/a&gt; for
+  it. If the &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt=
; has a &lt;a href=3D#creator-document&gt;creator &lt;code&gt;Document&lt=
;/code&gt;&lt;/a&gt;, then
+  the &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;'s &lt=
;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'s &lt;=
a href=3D&quot;#the-document's-referrer&quot; title=3D&quot;the document'=
s
+  referrer&quot;&gt;referrer&lt;/a&gt; must be set to &lt;a href=3D&quot=
;#the-document's-address&quot; title=3D&quot;the document's address&quot;=
&gt;the address&lt;/a&gt;
+  of that &lt;a href=3D#creator-document&gt;creator &lt;code&gt;Document=
&lt;/code&gt;&lt;/a&gt; at the time of the &lt;a href=3D#browsing-context=
&gt;browsing
+  context&lt;/a&gt;'s creation.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;If the &lt;a href=3D#browsing-context&gt;browsin=
g context&lt;/a&gt; is created specifically to be immediately
+  navigated, then that initial navigation will have &lt;a href=3D#replac=
ement-enabled&gt;replacement enabled&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p id=3Dabout-blank-origin&gt;The &lt;a href=3D#origin&gt;origin&lt=
;/a&gt; and &lt;a href=3D#effective-script-origin&gt;effective script ori=
gin&lt;/a&gt; of the
+  &lt;code&gt;&lt;a href=3D#about:blank&gt;about:blank&lt;/a&gt;&lt;/cod=
e&gt; &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&g=
t; are set when the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&=
gt;&lt;/code&gt; is created.
+  If the new &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt=
; has a &lt;a href=3D#creator-browsing-context&gt;creator browsing contex=
t&lt;/a&gt;, then the
+  &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the &lt;code&gt;&lt;a href=
=3D#about:blank&gt;about:blank&lt;/a&gt;&lt;/code&gt; &lt;code&gt;&lt;a h=
ref=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; is an &lt;a href=3D#co=
ncept-origin-alias title=3Dconcept-origin-alias&gt;alias&lt;/a&gt; to the=
 &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the &lt;a href=3D#creator-do=
cument&gt;creator
+  &lt;code&gt;Document&lt;/code&gt;&lt;/a&gt; and the &lt;a href=3D#effe=
ctive-script-origin&gt;effective script origin&lt;/a&gt; of the
+  &lt;code&gt;&lt;a href=3D#about:blank&gt;about:blank&lt;/a&gt;&lt;/cod=
e&gt; &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&g=
t; is initially an &lt;a href=3D#concept-origin-alias title=3Dconcept-ori=
gin-alias&gt;alias&lt;/a&gt; to the &lt;a href=3D#effective-script-origin=
&gt;effective script origin&lt;/a&gt; of the
+  &lt;a href=3D#creator-document&gt;creator &lt;code&gt;Document&lt;/cod=
e&gt;&lt;/a&gt;. Otherwise, the &lt;a href=3D#origin&gt;origin&lt;/a&gt; =
of the
+  &lt;code&gt;&lt;a href=3D#about:blank&gt;about:blank&lt;/a&gt;&lt;/cod=
e&gt; &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&g=
t; is a globally unique identifier assigned when the
+  new &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; is cr=
eated and the &lt;a href=3D#effective-script-origin&gt;effective script o=
rigin&lt;/a&gt; of the
+  &lt;code&gt;&lt;a href=3D#about:blank&gt;about:blank&lt;/a&gt;&lt;/cod=
e&gt; &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&g=
t; is initially an &lt;a href=3D#concept-origin-alias title=3Dconcept-ori=
gin-alias&gt;alias&lt;/a&gt; to its &lt;a href=3D#origin&gt;origin&lt;/a&=
gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dnested-browsing-contexts&gt;&lt;span class=3Dsecno&gt;6.1.=
1 &lt;/span&gt;Nested browsing contexts&lt;/h4&gt;
+
+  &lt;p&gt;Certain elements (for example, &lt;code&gt;&lt;a href=3D#the-=
iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt; elements) can instantiate=
 further &lt;a href=3D#browsing-context title=3D&quot;browsing context&qu=
ot;&gt;browsing contexts&lt;/a&gt;. These are called &lt;dfn id=3Dnested-=
browsing-context title=3D&quot;nested browsing
+  context&quot;&gt;nested browsing contexts&lt;/dfn&gt;. If a browsing c=
ontext &lt;var title=3D&quot;&quot;&gt;P&lt;/var&gt; has a
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
&lt;var title=3D&quot;&quot;&gt;D&lt;/var&gt; with an element &lt;var tit=
le=3D&quot;&quot;&gt;E&lt;/var&gt; that nests
+  another browsing context &lt;var title=3D&quot;&quot;&gt;C&lt;/var&gt;=
 inside it, then &lt;var title=3D&quot;&quot;&gt;C&lt;/var&gt; is said to=
 be
+  &lt;dfn id=3Dbrowsing-context-nested-through title=3D&quot;browsing co=
ntext nested through&quot;&gt;nested through&lt;/dfn&gt; &lt;var title=3D=
&quot;&quot;&gt;D&lt;/var&gt;, and &lt;var title=3D&quot;&quot;&gt;E&lt;/=
var&gt; is said to be the &lt;dfn id=3Dbrowsing-context-container&gt;brow=
sing context container&lt;/dfn&gt; of &lt;var title=3D&quot;&quot;&gt;C&l=
t;/var&gt;.
+  If the &lt;a href=3D#browsing-context-container&gt;browsing context co=
ntainer&lt;/a&gt; element &lt;var title=3D&quot;&quot;&gt;E&lt;/var&gt; i=
s &lt;a href=3D#in-a-document title=3D&quot;in a
+  Document&quot;&gt;in&lt;/a&gt; the &lt;code&gt;&lt;a href=3D#document&=
gt;Document&lt;/a&gt;&lt;/code&gt; &lt;var title=3D&quot;&quot;&gt;D&lt;/=
var&gt;, then &lt;var title=3D&quot;&quot;&gt;P&lt;/var&gt; is
+  said to be the &lt;dfn id=3Dparent-browsing-context&gt;parent browsing=
 context&lt;/dfn&gt; of &lt;var title=3D&quot;&quot;&gt;C&lt;/var&gt; and=
 &lt;var title=3D&quot;&quot;&gt;C&lt;/var&gt; is said to be a &lt;dfn id=
=3Dchild-browsing-context&gt;child browsing context&lt;/dfn&gt; of &lt;va=
r title=3D&quot;&quot;&gt;P&lt;/var&gt;.
+  Otherwise, the &lt;a href=3D#nested-browsing-context&gt;nested browsin=
g context&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;C&lt;/var&gt; has no =
&lt;a href=3D#parent-browsing-context&gt;parent
+  browsing context&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;A browsing context &lt;var title=3D&quot;&quot;&gt;A&lt;/var&=
gt; is said to be an &lt;dfn id=3Dancestor-browsing-context title=3D&quot=
;ancestor browsing
+  context&quot;&gt;ancestor&lt;/dfn&gt; of a browsing context &lt;var ti=
tle=3D&quot;&quot;&gt;B&lt;/var&gt; if there exists a browsing
+  context &lt;var title=3D&quot;&quot;&gt;A'&lt;/var&gt; that is a &lt;a=
 href=3D#child-browsing-context&gt;child browsing context&lt;/a&gt; of &l=
t;var title=3D&quot;&quot;&gt;A&lt;/var&gt; and that is itself an &lt;a h=
ref=3D#ancestor-browsing-context title=3D&quot;ancestor browsing context&=
quot;&gt;ancestor&lt;/a&gt; of
+  &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;, or if the browsing cont=
ext &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt; is the
+  &lt;a href=3D#parent-browsing-context&gt;parent browsing context&lt;/a=
&gt; of &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;.&lt;/p&gt;
+
+  &lt;p&gt;A browsing context that is not a &lt;a href=3D#nested-browsin=
g-context&gt;nested browsing context&lt;/a&gt; has no &lt;a href=3D#paren=
t-browsing-context&gt;parent
+  browsing context&lt;/a&gt;, and is the &lt;dfn id=3Dtop-level-browsing=
-context&gt;top-level browsing context&lt;/dfn&gt; of all the browsing
+  contexts for which it is an &lt;a href=3D#ancestor-browsing-context&gt=
;ancestor browsing context&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The transitive closure of &lt;a href=3D#parent-browsing-conte=
xt title=3D&quot;parent browsing context&quot;&gt;parent browsing context=
s&lt;/a&gt;
+  for a &lt;a href=3D#nested-browsing-context&gt;nested browsing context=
&lt;/a&gt; gives the list of &lt;a href=3D#ancestor-browsing-context titl=
e=3D&quot;ancestor browsing
+  context&quot;&gt;ancestor browsing contexts&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dlist-of-the-descendant-browsing-contexts&gt;=
list of the descendant browsing contexts&lt;/dfn&gt; of a &lt;code&gt;&lt=
;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; &lt;var title=3D&q=
uot;&quot;&gt;d&lt;/var&gt; is the (ordered) list returned by the followi=
ng algorithm:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;list&=
lt;/var&gt; be an empty list.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each &lt;a href=3D#child-browsing-context&gt;child brow=
sing context&lt;/a&gt; of &lt;var title=3D&quot;&quot;&gt;d&lt;/var&gt; t=
hat is &lt;a href=3D#browsing-context-nested-through title=3D&quot;browsi=
ng context nested through&quot;&gt;nested through&lt;/a&gt; an element th=
at is &lt;a href=3D#in-a-document title=3D&quot;in
+    a document&quot;&gt;in the &lt;code&gt;Document&lt;/code&gt;&lt;/a&g=
t; &lt;var title=3D&quot;&quot;&gt;d&lt;/var&gt;, in the &lt;a href=3D#tr=
ee-order&gt;tree
+    order&lt;/a&gt; of the elements nesting those &lt;a href=3D#browsing=
-context title=3D&quot;browsing context&quot;&gt;browsing
+    contexts&lt;/a&gt;, run these substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Append that &lt;a href=3D#child-browsin=
g-context&gt;child browsing context&lt;/a&gt; to the list &lt;var title=3D=
&quot;&quot;&gt;list&lt;/var&gt;.&lt;/p&gt;
+
+     &lt;li&gt;&lt;p&gt;Append the &lt;a href=3D#list-of-the-descendant-=
browsing-contexts&gt;list of the descendant browsing contexts&lt;/a&gt; o=
f the &lt;a href=3D#active-document&gt;active
+     document&lt;/a&gt; of that &lt;a href=3D#child-browsing-context&gt;=
child browsing context&lt;/a&gt; to the list &lt;var title=3D&quot;&quot;=
&gt;list&lt;/var&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the constructed &lt;var title=3D&quot;&quot=
;&gt;list&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;A &lt;code&gt;&lt;a href=3D#document&gt;Document&l=
t;/a&gt;&lt;/code&gt; is said to be &lt;dfn id=3Dfully-active&gt;fully ac=
tive&lt;/dfn&gt; when it is the &lt;a href=3D#active-document&gt;active
+  document&lt;/a&gt; of its &lt;a href=3D#browsing-context&gt;browsing c=
ontext&lt;/a&gt;, and either its browsing context is a
+  &lt;a href=3D#top-level-browsing-context&gt;top-level browsing context=
&lt;/a&gt;, or it has a &lt;a href=3D#parent-browsing-context&gt;parent b=
rowsing context&lt;/a&gt; and the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
&lt;a href=3D#browsing-context-nested-through title=3D&quot;browsing cont=
ext nested through&quot;&gt;through which&lt;/a&gt; it is
+  &lt;a href=3D#nested-browsing-context title=3D&quot;nested browsing co=
ntext&quot;&gt;nested&lt;/a&gt; is itself &lt;a href=3D#fully-active&gt;f=
ully active&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Because they are nested through an element, &lt;a href=3D#chi=
ld-browsing-context title=3D&quot;child browsing context&quot;&gt;child b=
rowsing
+  contexts&lt;/a&gt; are always tied to a specific &lt;code&gt;&lt;a hre=
f=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; in their &lt;a href=3D#p=
arent-browsing-context&gt;parent browsing
+  context&lt;/a&gt;. User agents must not allow the user to interact wit=
h &lt;a href=3D#child-browsing-context title=3D&quot;child browsing
+  context&quot;&gt;child browsing contexts&lt;/a&gt; of elements that ar=
e in &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
;s that are
+  not themselves &lt;a href=3D#fully-active&gt;fully active&lt;/a&gt;.&l=
t;/p&gt;
+
+  &lt;p&gt;A &lt;a href=3D#nested-browsing-context&gt;nested browsing co=
ntext&lt;/a&gt; can have a &lt;a href=3D#seamless-browsing-context-flag&g=
t;seamless browsing context flag&lt;/a&gt;
+  set, if it is embedded through an &lt;code&gt;&lt;a href=3D#the-iframe=
-element&gt;iframe&lt;/a&gt;&lt;/code&gt; element with a &lt;code title=3D=
attr-iframe-seamless&gt;&lt;a href=3D#attr-iframe-seamless&gt;seamless&lt=
;/a&gt;&lt;/code&gt; attribute.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;a href=3D#nested-browsing-context&gt;nested browsing co=
ntext&lt;/a&gt; can be put into a &lt;dfn id=3Ddelaying-load-events-mode&=
gt;delaying &lt;code title=3Devent-load&gt;load&lt;/code&gt; events mode&=
lt;/dfn&gt;. This is used when it is &lt;a href=3D#navigate title=3Dnavig=
ate&gt;navigated&lt;/a&gt;, to &lt;a href=3D#delay-the-load-event&gt;dela=
y the load event&lt;/a&gt; of the &lt;a href=3D#browsing-context-containe=
r&gt;browsing
+  context container&lt;/a&gt; &lt;code&gt;&lt;a href=3D#the-iframe-eleme=
nt&gt;iframe&lt;/a&gt;&lt;/code&gt; element before the new &lt;code&gt;&l=
t;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; is
+  created.&lt;/p&gt;
+
+&lt;!--(There's no current way for this to happen, since removing an ifr=
ame from a document discards its browsing context)
+  &lt;p class=3D&quot;note&quot;&gt;A &lt;span&gt;nested browsing contex=
t&lt;/span&gt; can in some cases be taken out of its
+  &lt;span&gt;parent browsing context&lt;/span&gt; (e.g. if an &lt;code&=
gt;iframe&lt;/code&gt; element is removed from its
+  &lt;code&gt;Document&lt;/code&gt;). In such a situation, the &lt;span&=
gt;nested browsing context&lt;/span&gt; has no
+  &lt;span&gt;parent browsing context&lt;/span&gt;, but it still has the=
 same &lt;span&gt;browsing context
+  container&lt;/span&gt; and is still &lt;span title=3D&quot;browsing co=
ntext nested through&quot;&gt;nested through&lt;/span&gt;
+  that element's &lt;code&gt;Document&lt;/code&gt;. Such a &lt;span&gt;n=
ested browsing context&lt;/span&gt; is &lt;em&gt;not&lt;/em&gt;
+  a &lt;span&gt;top-level browsing context&lt;/span&gt;, and cannot cont=
ain &lt;code&gt;Document&lt;/code&gt;s that are
+  &lt;span&gt;fully active&lt;/span&gt;. Furthermore, if a &lt;span&gt;b=
rowsing context container&lt;/span&gt; (such as an
+  &lt;code&gt;iframe&lt;/code&gt;) is moved to another &lt;code&gt;Docum=
ent&lt;/code&gt;, then the &lt;span&gt;parent browsing
+  context&lt;/span&gt; of its &lt;span&gt;nested browsing context&lt;/sp=
an&gt; will change.&lt;/p&gt;
+--&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddocument-family&gt;document family&lt;/dfn&g=
t; of a &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; cons=
ists of the union of all
+  the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt; objects in that &lt;a href=3D#browsing-context&gt;browsing context&lt=
;/a&gt;'s &lt;a href=3D#session-history&gt;session
+  history&lt;/a&gt; and the &lt;a href=3D#document-family title=3D&quot;=
document family&quot;&gt;document families&lt;/a&gt; of all those
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
objects. The &lt;a href=3D#document-family&gt;document family&lt;/a&gt; o=
f a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
 object
+  consists of the union of all the &lt;a href=3D#document-family title=3D=
&quot;document family&quot;&gt;document families&lt;/a&gt; of the
+  &lt;a href=3D#browsing-context title=3D&quot;browsing context&quot;&gt=
;browsing contexts&lt;/a&gt; that are &lt;a href=3D#browsing-context-nest=
ed-through title=3D&quot;browsing context
+  nested through&quot;&gt;nested through&lt;/a&gt; the &lt;code&gt;&lt;a=
 href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dnavigating-nested-browsing-contexts-in-the-dom&gt;&lt;span=
 class=3Dsecno&gt;6.1.1.1 &lt;/span&gt;Navigating nested browsing context=
s in the DOM&lt;/h5&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;w=
indow&lt;/var&gt; . &lt;code title=3Ddom-top&gt;&lt;a href=3D#dom-top&gt;=
top&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the &lt;code&gt;&lt;a href=3D#windowproxy&gt;Window=
Proxy&lt;/a&gt;&lt;/code&gt; for the &lt;a href=3D#top-level-browsing-con=
text&gt;top-level browsing context&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-parent&gt;&lt;a href=3D#dom-parent&gt;parent&lt;/a&gt;&lt;=
/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the &lt;code&gt;&lt;a href=3D#windowproxy&gt;Window=
Proxy&lt;/a&gt;&lt;/code&gt; for the &lt;a href=3D#parent-browsing-contex=
t&gt;parent browsing context&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-frameElement&gt;&lt;a href=3D#dom-frameelement&gt;frameEle=
ment&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the &lt;code&gt;&lt;a href=3D#element&gt;Element&lt=
;/a&gt;&lt;/code&gt; for the &lt;a href=3D#browsing-context-container&gt;=
browsing context container&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Returns null if there isn't one.&lt;/p&gt;
+
+    &lt;p&gt;Throws a &lt;code&gt;&lt;a href=3D#securityerror&gt;Securit=
yError&lt;/a&gt;&lt;/code&gt; exception in cross-origin situations.&lt;/p=
&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-top title=3Ddom-top&gt;&lt;code&gt;top&l=
t;/code&gt;&lt;/dfn&gt; IDL attribute on the &lt;code&gt;&lt;a href=3D#wi=
ndow&gt;Window&lt;/a&gt;&lt;/code&gt; object
+  of a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code=
&gt; in a &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; &l=
t;var title=3D&quot;&quot;&gt;b&lt;/var&gt; must return
+  the &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&gt;&lt;=
/code&gt; object of its &lt;a href=3D#top-level-browsing-context&gt;top-l=
evel browsing context&lt;/a&gt; (which would be
+  its own &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&gt;=
&lt;/code&gt; object if it was a &lt;a href=3D#top-level-browsing-context=
&gt;top-level browsing context&lt;/a&gt;
+  itself), if it has one, or its own &lt;code&gt;&lt;a href=3D#windowpro=
xy&gt;WindowProxy&lt;/a&gt;&lt;/code&gt; object otherwise (e.g. if it was=
 a
+  detached &lt;a href=3D#nested-browsing-context&gt;nested browsing cont=
ext&lt;/a&gt;).&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-parent title=3Ddom-parent&gt;&lt;code&gt=
;parent&lt;/code&gt;&lt;/dfn&gt; IDL attribute on the &lt;code&gt;&lt;a h=
ref=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt;
+  object of a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&l=
t;/code&gt; in a &lt;a href=3D#browsing-context&gt;browsing context&lt;/a=
&gt; &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt; must
+  return the &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&=
gt;&lt;/code&gt; object of the &lt;a href=3D#parent-browsing-context&gt;p=
arent browsing context&lt;/a&gt;, if there
+  is one (i.e. if &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt; is a &lt=
;a href=3D#child-browsing-context&gt;child browsing context&lt;/a&gt;), o=
r the
+  &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&gt;&lt;/cod=
e&gt; object of the &lt;a href=3D#browsing-context&gt;browsing context&lt=
;/a&gt; &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt; itself,
+  otherwise (i.e. if it is a &lt;a href=3D#top-level-browsing-context&gt=
;top-level browsing context&lt;/a&gt; or a detached &lt;a href=3D#nested-=
browsing-context&gt;nested
+  browsing context&lt;/a&gt;).&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-frameelement title=3Ddom-frameElement&gt=
;&lt;code&gt;frameElement&lt;/code&gt;&lt;/dfn&gt; IDL attribute on the
+  &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obje=
ct of a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code=
&gt; &lt;var title=3D&quot;&quot;&gt;d&lt;/var&gt;, on getting, must run
+  the following algorithm:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;d&lt;/=
var&gt; is not a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;=
&lt;/code&gt; in a &lt;a href=3D#nested-browsing-context&gt;nested browsi=
ng
+   context&lt;/a&gt;, return null and abort these steps.&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#browsing-context-container&gt=
;browsing context container&lt;/a&gt;'s &lt;code&gt;&lt;a href=3D#documen=
t&gt;Document&lt;/a&gt;&lt;/code&gt; does not have the
+   &lt;a href=3D#same-origin title=3D&quot;same origin&quot;&gt;same&lt;=
/a&gt; &lt;a href=3D#effective-script-origin&gt;effective script origin&l=
t;/a&gt; as the &lt;a href=3D#effective-script-origin&gt;effective script=
 origin&lt;/a&gt; specified by the &lt;a href=3D#entry-settings-object&gt=
;entry
+   settings object&lt;/a&gt;, then throw a &lt;code&gt;&lt;a href=3D#sec=
urityerror&gt;SecurityError&lt;/a&gt;&lt;/code&gt; exception and abort th=
ese steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the &lt;a href=3D#browsing-context-containe=
r&gt;browsing context container&lt;/a&gt; for &lt;var title=3D&quot;&quot=
;&gt;b&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dauxiliary-browsing-contexts&gt;&lt;span class=3Dsecno&gt;6=
.1.2 &lt;/span&gt;Auxiliary browsing contexts&lt;/h4&gt;
+
+  &lt;p&gt;It is possible to create new browsing contexts that are relat=
ed to a &lt;a href=3D#top-level-browsing-context&gt;top-level browsing
+  context&lt;/a&gt; without being nested through an element. Such browsi=
ng contexts are called &lt;dfn id=3Dauxiliary-browsing-context title=3D&q=
uot;auxiliary browsing context&quot;&gt;auxiliary browsing contexts&lt;/d=
fn&gt;. Auxiliary browsing contexts
+  are always &lt;a href=3D#top-level-browsing-context title=3D&quot;top-=
level browsing context&quot;&gt;top-level browsing contexts&lt;/a&gt;.&lt=
;/p&gt;
+
+  &lt;p&gt;An &lt;a href=3D#auxiliary-browsing-context&gt;auxiliary brow=
sing context&lt;/a&gt; has an &lt;dfn id=3Dopener-browsing-context&gt;ope=
ner browsing context&lt;/dfn&gt;, which is
+  the &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; from =
which the &lt;a href=3D#auxiliary-browsing-context&gt;auxiliary browsing =
context&lt;/a&gt; was
+  created.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dnavigating-auxiliary-browsing-contexts-in-the-dom&gt;&lt;s=
pan class=3Dsecno&gt;6.1.2.1 &lt;/span&gt;Navigating auxiliary browsing c=
ontexts in the DOM&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-opener title=3Ddom-opener&gt;&lt;code&gt=
;opener&lt;/code&gt;&lt;/dfn&gt; IDL attribute on the &lt;code&gt;&lt;a h=
ref=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt;
+  object, on getting, must return the &lt;code&gt;&lt;a href=3D#windowpr=
oxy&gt;WindowProxy&lt;/a&gt;&lt;/code&gt; object of the &lt;a href=3D#bro=
wsing-context&gt;browsing
+  context&lt;/a&gt; from which the current &lt;a href=3D#browsing-contex=
t&gt;browsing context&lt;/a&gt; was created (its &lt;a href=3D#opener-bro=
wsing-context&gt;opener
+  browsing context&lt;/a&gt;), if there is one, if it is still available=
, and if the current
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; has not &=
lt;i&gt;&lt;a href=3D#disowned-its-opener&gt;disowned its opener&lt;/a&gt=
;&lt;/i&gt;; otherwise, it must return null.
+  On setting, if the new value is null then the current &lt;a href=3D#br=
owsing-context&gt;browsing context&lt;/a&gt; must &lt;dfn id=3Ddisowned-i=
ts-opener title=3D&quot;disowned its opener&quot;&gt;disown its opener&lt=
;/dfn&gt;; if the new value is anything else then the
+  user agent must
+
+    &lt;!-- dark magic incantation begins --&gt;
+    call the [[DefineOwnProperty]] internal method of the &lt;code&gt;&l=
t;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object, passing the
+    property name &quot;&lt;code title=3D&quot;&quot;&gt;opener&lt;/code=
&gt;&quot; as the property key, and the Property Descriptor {
+    [[Value]]: &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;, [[Writ=
able]]: true, [[Enumerable]]: true,
+    [[Configurable]]: true } as the property descriptor,
+    &lt;!-- dark magic incantation ends --&gt;
+
+  where &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; is the new val=
ue.&lt;/p&gt;
+
+
+
+  &lt;h4 id=3Dsecondary-browsing-contexts&gt;&lt;span class=3Dsecno&gt;6=
.1.3 &lt;/span&gt;Secondary browsing contexts&lt;/h4&gt;
+
+  &lt;p&gt;User agents may support &lt;dfn id=3Dsecondary-browsing-conte=
xt title=3D&quot;secondary browsing context&quot;&gt;secondary browsing
+  contexts&lt;/dfn&gt;, which are &lt;a href=3D#browsing-context title=3D=
&quot;browsing context&quot;&gt;browsing contexts&lt;/a&gt; that form par=
t
+  of the user agent's interface, apart from the main content area.&lt;/p=
&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code title=3Drel-sidebar&gt;&lt;a href=3D=
#link-type-sidebar&gt;sidebar&lt;/a&gt;&lt;/code&gt; link type uses &lt;a=
 href=3D#secondary-browsing-context title=3D&quot;secondary
+  browsing context&quot;&gt;secondary browsing contexts&lt;/a&gt;.&lt;/p=
&gt;
+
+
+&lt;!--ADD-TOPIC:Security--&gt;
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dsecurity-nav&gt;&lt;span class=3Dsecno&gt;6.1.4 &lt;/span&=
gt;Security&lt;/h4&gt;
+
+  &lt;p id=3Dsecurity-1&gt;A &lt;a href=3D#browsing-context&gt;browsing =
context&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt; is &lt;df=
n id=3Dfamiliar-with&gt;familiar
+  with&lt;/dfn&gt; a second &lt;a href=3D#browsing-context&gt;browsing c=
ontext&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt; if one of =
the following
+  conditions is true:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;Either the &lt;a href=3D#origin&gt;origin&lt;/a&gt=
; of the &lt;a href=3D#active-document&gt;active document&lt;/a&gt; of &l=
t;var title=3D&quot;&quot;&gt;A&lt;/var&gt;
+   is the &lt;a href=3D#same-origin title=3D&quot;same origin&quot;&gt;s=
ame&lt;/a&gt; as the &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the &lt;=
a href=3D#active-document&gt;active
+   document&lt;/a&gt; of &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;, =
or&lt;/li&gt;
+
+   &lt;li&gt;The browsing context &lt;var title=3D&quot;&quot;&gt;A&lt;/=
var&gt; is a &lt;a href=3D#nested-browsing-context&gt;nested browsing con=
text&lt;/a&gt; with a
+   &lt;a href=3D#top-level-browsing-context&gt;top-level browsing contex=
t&lt;/a&gt;, and its &lt;a href=3D#top-level-browsing-context&gt;top-leve=
l browsing context&lt;/a&gt; is &lt;var title=3D&quot;&quot;&gt;B&lt;/var=
&gt;, or&lt;/li&gt;
+
+   &lt;li&gt;The browsing context &lt;var title=3D&quot;&quot;&gt;B&lt;/=
var&gt; is an &lt;a href=3D#auxiliary-browsing-context&gt;auxiliary brows=
ing context&lt;/a&gt; and
+   &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt; is &lt;a href=3D#famili=
ar-with&gt;familiar with&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;B&lt;/=
var&gt;'s &lt;a href=3D#opener-browsing-context&gt;opener
+   browsing context&lt;/a&gt;, or&lt;/li&gt;
+
+   &lt;li&gt;The browsing context &lt;var title=3D&quot;&quot;&gt;B&lt;/=
var&gt; is not a &lt;a href=3D#top-level-browsing-context&gt;top-level br=
owsing context&lt;/a&gt;,
+   but there exists an &lt;a href=3D#ancestor-browsing-context&gt;ancest=
or browsing context&lt;/a&gt; of &lt;var title=3D&quot;&quot;&gt;B&lt;/va=
r&gt; whose
+   &lt;a href=3D#active-document&gt;active document&lt;/a&gt; has the &l=
t;a href=3D#same-origin title=3D&quot;same origin&quot;&gt;same&lt;/a&gt;=
 &lt;a href=3D#origin&gt;origin&lt;/a&gt; as
+   the &lt;a href=3D#active-document&gt;active document&lt;/a&gt; of &lt=
;var title=3D&quot;&quot;&gt;A&lt;/var&gt; (possibly in fact being &lt;va=
r title=3D&quot;&quot;&gt;A&lt;/var&gt; itself).&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;hr&gt;&lt;p&gt;A &lt;a href=3D#browsing-context&gt;brow=
sing context&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt; is &=
lt;dfn id=3Dallowed-to-navigate&gt;allowed to navigate&lt;/dfn&gt; a
+  second &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; &l=
t;var title=3D&quot;&quot;&gt;B&lt;/var&gt; if the following algorithm te=
rminates
+  positively:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;A&lt;/=
var&gt; is not the same &lt;a href=3D#browsing-context&gt;browsing contex=
t&lt;/a&gt; as &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;, and &lt;var=
 title=3D&quot;&quot;&gt;A&lt;/var&gt; is not one of the &lt;a href=3D#an=
cestor-browsing-context title=3D&quot;ancestor browsing
+   context&quot;&gt;ancestor browsing contexts&lt;/a&gt; of &lt;var titl=
e=3D&quot;&quot;&gt;B&lt;/var&gt;, and &lt;var title=3D&quot;&quot;&gt;B&=
lt;/var&gt;
+   is not a &lt;a href=3D#top-level-browsing-context&gt;top-level browsi=
ng context&lt;/a&gt;, and &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt;'s=
 &lt;a href=3D#active-document&gt;active
+   document&lt;/a&gt;'s &lt;a href=3D#active-sandboxing-flag-set&gt;acti=
ve sandboxing flag set&lt;/a&gt; has its &lt;a href=3D#sandboxed-navigati=
on-browsing-context-flag&gt;sandboxed navigation
+   browsing context flag&lt;/a&gt; set, then abort these steps negativel=
y.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, if &lt;var title=3D&quot;&quot;&gt;B&lt=
;/var&gt; is a &lt;a href=3D#top-level-browsing-context&gt;top-level brow=
sing context&lt;/a&gt;, and is
+   one of the &lt;a href=3D#ancestor-browsing-context title=3D&quot;ance=
stor browsing context&quot;&gt;ancestor browsing contexts&lt;/a&gt; of &l=
t;var title=3D&quot;&quot;&gt;A&lt;/var&gt;, and &lt;var title=3D&quot;&q=
uot;&gt;A&lt;/var&gt;'s &lt;code&gt;&lt;a href=3D#document&gt;Document&lt=
;/a&gt;&lt;/code&gt;'s &lt;a href=3D#active-sandboxing-flag-set&gt;active=
 sandboxing
+   flag set&lt;/a&gt; has its &lt;a href=3D#sandboxed-top-level-navigati=
on-browsing-context-flag&gt;sandboxed top-level navigation browsing conte=
xt flag&lt;/a&gt; set,
+   then abort these steps negatively.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, if &lt;var title=3D&quot;&quot;&gt;B&lt=
;/var&gt; is a &lt;a href=3D#top-level-browsing-context&gt;top-level brow=
sing context&lt;/a&gt;, and is
+   not one of the &lt;a href=3D#ancestor-browsing-context title=3D&quot;=
ancestor browsing context&quot;&gt;ancestor browsing contexts&lt;/a&gt; o=
f &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt;, and &lt;var title=3D&quo=
t;&quot;&gt;A&lt;/var&gt;'s &lt;code&gt;&lt;a href=3D#document&gt;Documen=
t&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#active-sandboxing-flag-set&gt;ac=
tive sandboxing
+   flag set&lt;/a&gt; has its &lt;a href=3D#sandboxed-navigation-browsin=
g-context-flag&gt;sandboxed navigation browsing context flag&lt;/a&gt; se=
t, and &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt; is not the &lt;a hre=
f=3D#one-permitted-sandboxed-navigator&gt;one permitted sandboxed navigat=
or&lt;/a&gt; of &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt;, then abort=
 these steps negatively.&lt;/li&gt; &lt;!-- we do not check the
+   /sandboxed auxiliary navigation browsing context flag/ here, that's o=
nly for actually opening
+   the new top-level browsing context. --&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, terminate positively!&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;An element has a &lt;dfn id=3Dbrowsing-c=
ontext-scope-origin&gt;browsing context scope origin&lt;/dfn&gt; if its &=
lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'s
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; is a &lt;=
a href=3D#top-level-browsing-context&gt;top-level browsing context&lt;/a&=
gt; or if all of its
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'=
s &lt;a href=3D#ancestor-browsing-context title=3D&quot;ancestor browsing=
 context&quot;&gt;ancestor browsing contexts&lt;/a&gt;
+  all have &lt;a href=3D#active-document title=3D&quot;active document&q=
uot;&gt;active documents&lt;/a&gt; whose &lt;a href=3D#origin&gt;origin&l=
t;/a&gt; are the
+  &lt;a href=3D#same-origin&gt;same origin&lt;/a&gt; as the element's &l=
t;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'s &lt=
;a href=3D#origin&gt;origin&lt;/a&gt;. If an
+  element has a &lt;a href=3D#browsing-context-scope-origin&gt;browsing =
context scope origin&lt;/a&gt;, then its value is the
+  &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the element's &lt;code&gt;=
&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dgroupings-of-browsing-contexts&gt;&lt;span class=3Dsecno&g=
t;6.1.5 &lt;/span&gt;Groupings of browsing contexts&lt;/h4&gt;
+
+  &lt;p&gt;Each &lt;a href=3D#browsing-context&gt;browsing context&lt;/a=
&gt; is defined as having a list of one or more &lt;dfn id=3Ddirectly-rea=
chable-browsing-contexts&gt;directly
+  reachable browsing contexts&lt;/dfn&gt;. These are:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;The &lt;a href=3D#browsing-context&gt;browsing con=
text&lt;/a&gt; itself.&lt;/li&gt;
+
+   &lt;li&gt;All the &lt;a href=3D#browsing-context&gt;browsing context&=
lt;/a&gt;'s &lt;a href=3D#child-browsing-context title=3D&quot;child brow=
sing context&quot;&gt;child browsing
+   contexts&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;The &lt;a href=3D#browsing-context&gt;browsing context&lt;/=
a&gt;'s &lt;a href=3D#parent-browsing-context&gt;parent browsing context&=
lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;All the &lt;a href=3D#browsing-context title=3D&quot;browsi=
ng context&quot;&gt;browsing contexts&lt;/a&gt; that have the &lt;a href=3D=
#browsing-context&gt;browsing
+   context&lt;/a&gt; as their &lt;a href=3D#opener-browsing-context&gt;o=
pener browsing context&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;The &lt;a href=3D#browsing-context&gt;browsing context&lt;/=
a&gt;'s &lt;a href=3D#opener-browsing-context&gt;opener browsing context&=
lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;The transitive closure of all the &lt;a href=3D#br=
owsing-context title=3D&quot;browsing context&quot;&gt;browsing contexts&=
lt;/a&gt; that
+  are &lt;a href=3D#directly-reachable-browsing-contexts&gt;directly rea=
chable browsing contexts&lt;/a&gt; forms a &lt;dfn id=3Dunit-of-related-b=
rowsing-contexts&gt;unit of related browsing
+  contexts&lt;/dfn&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;a href=3D#unit-of-related-browsing-contexts&gt;unit =
of related browsing contexts&lt;/a&gt; is then further divided into the s=
mallest
+  number of groups such that every member of each group has an &lt;a hre=
f=3D#active-document&gt;active document&lt;/a&gt; with an
+  &lt;a href=3D#effective-script-origin&gt;effective script origin&lt;/a=
&gt; that, through appropriate manipulation of the &lt;code title=3Ddom-d=
ocument-domain&gt;&lt;a href=3D#dom-document-domain&gt;document.domain&lt=
;/a&gt;&lt;/code&gt; attribute, could be made to be the same as
+  other members of the group, but could not be made the same as members =
of any other group. Each
+  such group is a &lt;dfn id=3Dunit-of-related-similar-origin-browsing-c=
ontexts&gt;unit of related similar-origin browsing contexts&lt;/dfn&gt;.&=
lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;There is also at most one &lt;a href=3D#event-lo=
op&gt;event loop&lt;/a&gt; per &lt;a href=3D#unit-of-related-similar-orig=
in-browsing-contexts&gt;unit of related
+  similar-origin browsing contexts&lt;/a&gt; (though several &lt;a href=3D=
#unit-of-related-similar-origin-browsing-contexts title=3D&quot;unit of r=
elated
+  similar-origin browsing contexts&quot;&gt;units of related similar-ori=
gin browsing contexts&lt;/a&gt; can
+  have a shared &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt;).&lt;/p=
&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dbrowsing-context-names&gt;&lt;span class=3Dsecno&gt;6.1.6 =
&lt;/span&gt;Browsing context names&lt;/h4&gt;
+
+  &lt;p&gt;Browsing contexts can have a &lt;dfn id=3Dbrowsing-context-na=
me&gt;browsing context name&lt;/dfn&gt;. By default, a browsing context
+  has no name (its name is not set).&lt;/p&gt;
+
+  &lt;p&gt;A &lt;dfn id=3Dvalid-browsing-context-name&gt;valid browsing =
context name&lt;/dfn&gt; is any string with at least one character that d=
oes
+  not start with a U+005F LOW LINE character. (Names starting with an un=
derscore are reserved for
+  special keywords.)&lt;/p&gt;
+
+  &lt;p&gt;A &lt;dfn id=3Dvalid-browsing-context-name-or-keyword&gt;vali=
d browsing context name or keyword&lt;/dfn&gt; is any string that is eith=
er a &lt;a href=3D#valid-browsing-context-name&gt;valid
+  browsing context name&lt;/a&gt; or that is an &lt;a href=3D#ascii-case=
-insensitive&gt;ASCII case-insensitive&lt;/a&gt; match for one of:
+  &lt;code title=3D&quot;&quot;&gt;_blank&lt;/code&gt;, &lt;code title=3D=
&quot;&quot;&gt;_self&lt;/code&gt;, &lt;code title=3D&quot;&quot;&gt;_par=
ent&lt;/code&gt;, or &lt;code title=3D&quot;&quot;&gt;_top&lt;/code&gt;.&=
lt;/p&gt;
+
+  &lt;p&gt;These values have different meanings based on whether the pag=
e is sandboxed or not, as
+  summarized in the following (non-normative) table. In this table, &quo=
t;current&quot; means the
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; that the =
link or script is in, &quot;parent&quot; means the &lt;a href=3D#parent-b=
rowsing-context&gt;parent
+  browsing context&lt;/a&gt; of the one the link or script is in, &quot;=
master&quot; means the nearest
+  &lt;a href=3D#ancestor-browsing-context&gt;ancestor browsing context&l=
t;/a&gt; of the one the link or script is in that is not itself in a
+  &lt;a href=3D#attr-iframe-seamless title=3Dattr-iframe-seamless&gt;sea=
mless iframe&lt;/a&gt;, &quot;top&quot; means the &lt;a href=3D#top-level=
-browsing-context&gt;top-level
+  browsing context&lt;/a&gt; of the one the link or script is in, &quot;=
new&quot; means a new &lt;a href=3D#top-level-browsing-context&gt;top-lev=
el
+  browsing context&lt;/a&gt; or &lt;a href=3D#auxiliary-browsing-context=
&gt;auxiliary browsing context&lt;/a&gt; is to be created, subject to
+  various user preferences and user agent policies, &quot;none&quot; mea=
ns that nothing will happen, and
+  &quot;maybe new&quot; means the same as &quot;new&quot; if the &quot;&=
lt;code title=3Dattr-iframe-sandbox-allow-popups&gt;&lt;a href=3D#attr-if=
rame-sandbox-allow-popups&gt;allow-popups&lt;/a&gt;&lt;/code&gt;&quot; ke=
yword is also specified on the
+  &lt;code title=3Dattr-iframe-sandbox&gt;&lt;a href=3D#attr-iframe-sand=
box&gt;sandbox&lt;/a&gt;&lt;/code&gt; attribute (or if the user overrode =
the
+  sandboxing), and the same as &quot;none&quot; otherwise.&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th rowspan=3D2&gt;Keyword
+     &lt;th rowspan=3D2&gt;Ordinary effect
+     &lt;th colspan=3D5&gt;Effect in an &lt;code&gt;&lt;a href=3D#the-if=
rame-element&gt;iframe&lt;/a&gt;&lt;/code&gt; with...
+    &lt;tr&gt;&lt;!-- nothing --&gt;&lt;th&gt;&lt;code title=3D&quot;&qu=
ot;&gt;seamless=3D&quot;&quot;&lt;/code&gt;
+     &lt;th&gt;&lt;code title=3D&quot;&quot;&gt;sandbox=3D&quot;&quot;&l=
t;/code&gt;
+     &lt;th&gt;&lt;code title=3D&quot;&quot;&gt;sandbox=3D&quot;&quot; s=
eamless=3D&quot;&quot;&lt;/code&gt;
+     &lt;th&gt;&lt;code title=3D&quot;&quot;&gt;sandbox=3D&quot;allow-to=
p-navigation&quot;&lt;/code&gt;
+     &lt;th&gt;&lt;code title=3D&quot;&quot;&gt;sandbox=3D&quot;allow-to=
p-navigation&quot; seamless=3D&quot;&quot;&lt;/code&gt;
+
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;none specified, for links and form s=
ubmissions &lt;!-- same as empty string --&gt;
+     &lt;td&gt;current
+     &lt;td&gt;master
+     &lt;td&gt;current
+     &lt;td&gt;master
+     &lt;td&gt;current
+     &lt;td&gt;master
+
+    &lt;tr&gt;&lt;td&gt;empty string
+     &lt;td&gt;current
+     &lt;td&gt;master
+     &lt;td&gt;current
+     &lt;td&gt;master
+     &lt;td&gt;current
+     &lt;td&gt;master
+
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;_blank&lt;/code=
&gt;
+     &lt;td&gt;new
+     &lt;td&gt;new
+     &lt;td&gt;maybe new
+     &lt;td&gt;maybe new
+     &lt;td&gt;maybe new
+     &lt;td&gt;maybe new
+
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;_self&lt;/code&=
gt;
+     &lt;td&gt;current
+     &lt;td&gt;current
+     &lt;td&gt;current
+     &lt;td&gt;current
+     &lt;td&gt;current
+     &lt;td&gt;current
+
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;_parent&lt;/cod=
e&gt; if there isn't a parent
+     &lt;td&gt;current
+     &lt;td&gt;current
+     &lt;td&gt;current
+     &lt;td&gt;current
+     &lt;td&gt;current
+     &lt;td&gt;current
+
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;_parent&lt;/cod=
e&gt; if parent is also top
+     &lt;td&gt;parent/top
+     &lt;td&gt;parent/top
+     &lt;td&gt;none
+     &lt;td&gt;none
+     &lt;td&gt;parent/top
+     &lt;td&gt;parent/top
+
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;_parent&lt;/cod=
e&gt; if there is one and it's not top
+     &lt;td&gt;parent
+     &lt;td&gt;parent
+     &lt;td&gt;none
+     &lt;td&gt;none
+     &lt;td&gt;none
+     &lt;td&gt;none
+
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;_top&lt;/code&g=
t; if top is current
+     &lt;td&gt;current
+     &lt;td&gt;current
+     &lt;td&gt;current
+     &lt;td&gt;current
+     &lt;td&gt;current
+     &lt;td&gt;current
+
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;_top&lt;/code&g=
t; if top is not current
+     &lt;td&gt;top
+     &lt;td&gt;top
+     &lt;td&gt;none
+     &lt;td&gt;none
+     &lt;td&gt;top
+     &lt;td&gt;top
+
+    &lt;tr&gt;&lt;td&gt;name that doesn't exist
+     &lt;td&gt;new
+     &lt;td&gt;new
+     &lt;td&gt;maybe new
+     &lt;td&gt;maybe new
+     &lt;td&gt;maybe new
+     &lt;td&gt;maybe new
+
+    &lt;tr&gt;&lt;td&gt;name that exists and is a descendant
+     &lt;td&gt;specified descendant
+     &lt;td&gt;specified descendant
+     &lt;td&gt;specified descendant
+     &lt;td&gt;specified descendant
+     &lt;td&gt;specified descendant
+     &lt;td&gt;specified descendant
+
+    &lt;tr&gt;&lt;td&gt;name that exists and is current
+     &lt;td&gt;current
+     &lt;td&gt;current
+     &lt;td&gt;current
+     &lt;td&gt;current
+     &lt;td&gt;current
+     &lt;td&gt;current
+
+    &lt;tr&gt;&lt;td&gt;name that exists and is an ancestor that is top
+     &lt;td&gt;specified ancestor
+     &lt;td&gt;specified ancestor
+     &lt;td&gt;none
+     &lt;td&gt;none
+     &lt;td&gt;specified ancestor/top
+     &lt;td&gt;specified ancestor/top
+
+    &lt;tr&gt;&lt;td&gt;name that exists and is an ancestor that is not =
top
+     &lt;td&gt;specified ancestor
+     &lt;td&gt;specified ancestor
+     &lt;td&gt;none
+     &lt;td&gt;none
+     &lt;td&gt;none
+     &lt;td&gt;none
+
+    &lt;tr&gt;&lt;td&gt;other name that exists with common top
+     &lt;td&gt;specified
+     &lt;td&gt;specified
+     &lt;td&gt;none
+     &lt;td&gt;none
+     &lt;td&gt;none
+     &lt;td&gt;none
+
+    &lt;tr&gt;&lt;td&gt;name that exists with different top, if &lt;a hr=
ef=3D#familiar-with title=3D&quot;familiar with&quot;&gt;familiar&lt;/a&g=
t; and &lt;a href=3D#one-permitted-sandboxed-navigator&gt;one permitted s=
andboxed navigator&lt;/a&gt;
+     &lt;td&gt;specified
+     &lt;td&gt;specified
+     &lt;td&gt;specified
+     &lt;td&gt;specified
+     &lt;td&gt;specified
+     &lt;td&gt;specified
+
+    &lt;tr&gt;&lt;td&gt;name that exists with different top, if &lt;a hr=
ef=3D#familiar-with title=3D&quot;familiar with&quot;&gt;familiar&lt;/a&g=
t; but not &lt;a href=3D#one-permitted-sandboxed-navigator&gt;one permitt=
ed sandboxed navigator&lt;/a&gt;
+     &lt;td&gt;specified
+     &lt;td&gt;specified
+     &lt;td&gt;none
+     &lt;td&gt;none
+     &lt;td&gt;none
+     &lt;td&gt;none
+
+    &lt;tr&gt;&lt;td&gt;name that exists with different top, not &lt;a h=
ref=3D#familiar-with title=3D&quot;familiar with&quot;&gt;familiar&lt;/a&=
gt;
+     &lt;td&gt;new
+     &lt;td&gt;new
+     &lt;td&gt;maybe new
+     &lt;td&gt;maybe new
+     &lt;td&gt;maybe new
+     &lt;td&gt;maybe new
+
+  &lt;/table&gt;&lt;p class=3Dtablenote&gt;&lt;small&gt;Most of the rest=
rictions on sandboxed browsing contexts are applied by
+  other algorithms, e.g. the &lt;a href=3D#navigate title=3Dnavigate&gt;=
navigation&lt;/a&gt; algorithm, not &lt;a href=3D#the-rules-for-choosing-=
a-browsing-context-given-a-browsing-context-name&gt;the rules
+  for choosing a browsing context given a browsing context name&lt;/a&gt=
; given below.&lt;/small&gt;&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;hr&gt;&lt;p&gt;An algorithm is &lt;dfn id=3Dallowed-to-show-a-popu=
p&gt;allowed to show a popup&lt;/dfn&gt; if any of the following conditio=
ns is
+  true:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;&lt;p&gt;The &lt;a href=3D#concept-task title=3Dco=
ncept-task&gt;task&lt;/a&gt; in which the algorithm is running is current=
ly
+   processing an &lt;a href=3D#activation-behavior&gt;activation behavio=
r&lt;/a&gt; whose &lt;code title=3Devent-click&gt;&lt;a href=3D#event-cli=
ck&gt;click&lt;/a&gt;&lt;/code&gt; event
+   was &lt;a href=3D#concept-events-trusted title=3Dconcept-events-trust=
ed&gt;trusted&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-task title=3Dconcept-task&gt;task=
&lt;/a&gt; in which the algorithm is running is currently
+    running the event listener for a &lt;a href=3D#concept-events-truste=
d title=3Dconcept-events-trusted&gt;trusted&lt;/a&gt; event whose
+    type is in the following list:&lt;/p&gt;
+
+    &lt;ul class=3Dbrief&gt;&lt;li&gt;&lt;code title=3Devent-change&gt;c=
hange&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code title=3Devent-click&gt;&lt;a href=3D#event-click=
&gt;click&lt;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code title=3Devent-dblclick&gt;dblclick&lt;/code&gt;&=
lt;/li&gt;
+     &lt;li&gt;&lt;code title=3Devent-mouseup&gt;mouseup&lt;/code&gt;&lt=
;/li&gt;
+     &lt;li&gt;&lt;code title=3Devent-reset&gt;reset&lt;/code&gt;&lt;/li=
&gt;
+     &lt;li&gt;&lt;code title=3Devent-submit&gt;submit&lt;/code&gt;&lt;/=
li&gt;
+    &lt;/ul&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;The &lt;a href=3D#concept-task title=3Dconcept-task&gt;task=
&lt;/a&gt; in which the algorithm is running was &lt;a href=3D#queue-a-ta=
sk title=3D&quot;queue a task&quot;&gt;queued&lt;/a&gt; by an algorithm t=
hat was &lt;a href=3D#allowed-to-show-a-popup&gt;allowed to show a popup&=
lt;/a&gt;,
+    and the chain of such algorithms started within a user-agent defined=
 timeframe.&lt;/p&gt;
+
+    &lt;p class=3Dexample&gt;For example, if a user clicked a button, it=
 might be acceptable for a popup
+    to result from that after 4 seconds, but it would likely not be acce=
ptable for a popup to result
+    from that after 4 hours.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ul&gt;&lt;hr&gt;&lt;p&gt;&lt;dfn id=3Dthe-rules-for-choosing-a-br=
owsing-context-given-a-browsing-context-name&gt;The rules for choosing a =
browsing context given a browsing context name&lt;/dfn&gt; are as
+  follows. The rules assume that they are being applied in the context o=
f a &lt;a href=3D#browsing-context&gt;browsing
+  context&lt;/a&gt;, as part of the execution of a &lt;a href=3D#concept=
-task title=3Dconcept-task&gt;task&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;If the given browsing context name is the empty string or &=
lt;code title=3D&quot;&quot;&gt;_self&lt;/code&gt;, then
+    the chosen browsing context must be the current one.&lt;/p&gt;
+
+    &lt;p&gt;If the given browsing context name is &lt;code title=3D&quo=
t;&quot;&gt;_self&lt;/code&gt;, then this is an
+    &lt;a href=3D#explicit-self-navigation-override&gt;explicit self-nav=
igation override&lt;/a&gt;, which overrides the behavior of the
+    &lt;a href=3D#seamless-browsing-context-flag&gt;seamless browsing co=
ntext flag&lt;/a&gt; set by the &lt;code title=3Dattr-iframe-seamless&gt;=
&lt;a href=3D#attr-iframe-seamless&gt;seamless&lt;/a&gt;&lt;/code&gt; att=
ribute on &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt=
;&lt;/code&gt; elements.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the given browsing context name is &lt;code tit=
le=3D&quot;&quot;&gt;_parent&lt;/code&gt;, then the chosen
+   browsing context must be the &lt;a href=3D#parent-browsing-context&gt=
;&lt;em&gt;parent&lt;/em&gt; browsing context&lt;/a&gt; of the current on=
e,
+   unless there isn't one, in which case the chosen browsing context mus=
t be the current browsing
+   context.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the given browsing context name is &lt;code tit=
le=3D&quot;&quot;&gt;_top&lt;/code&gt;, then the chosen browsing
+   context must be the &lt;a href=3D#top-level-browsing-context&gt;top-l=
evel browsing context&lt;/a&gt; of the current one, if there is one,
+   or else the current browsing context.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the given browsing context name is not &lt;code title=3D=
&quot;&quot;&gt;_blank&lt;/code&gt; and there exists a
+    browsing context whose &lt;a href=3D#browsing-context-name title=3D&=
quot;browsing context name&quot;&gt;name&lt;/a&gt; is the same as the giv=
en
+    browsing context name, and the current browsing context is &lt;a hre=
f=3D#familiar-with&gt;familiar with&lt;/a&gt; that
+    browsing context, and the user agent determines that the two browsin=
g contexts are related
+    enough that it is ok if they reach each other, then that browsing co=
ntext must be the chosen
+    one. If there are multiple matching browsing contexts, the user agen=
t should select one in some
+    arbitrary consistent manner, such as the most recently opened, most =
recently focused, or more
+    closely related.&lt;/p&gt;
+
+    &lt;p&gt;If the browsing context is chosen by this step to be the cu=
rrent browsing context, then this
+    is also an &lt;a href=3D#explicit-self-navigation-override&gt;explic=
it self-navigation override&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Otherwise, a new browsing context is being requested, and w=
hat happens depends on the user
+    agent's configuration and abilities &amp;mdash; it is determined by =
the rules given for the first
+    applicable option from the following list:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt id=3Dpopup-blocker&gt;If the algorit=
hm is not &lt;a href=3D#allowed-to-show-a-popup&gt;allowed to show a popu=
p&lt;/a&gt; and the
+     user agent has been configured to not show popups (i.e. the user ag=
ent has a &quot;popup blocker&quot;
+     enabled)&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;There is no chosen browsing context. The user agent may i=
nform the user that a popup has
+      been blocked.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt id=3DsandboxWindowOpen&gt;If the current browsing context's =
&lt;a href=3D#active-document&gt;active document&lt;/a&gt;'s
+     &lt;a href=3D#active-sandboxing-flag-set&gt;active sandboxing flag =
set&lt;/a&gt; has the &lt;a href=3D#sandboxed-auxiliary-navigation-browsi=
ng-context-flag&gt;sandboxed auxiliary navigation browsing
+     context flag&lt;/a&gt; set.&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Typically, there is no chosen browsing context.&lt;/p&gt;
+
+      &lt;p&gt;The user agent may offer to create a new &lt;a href=3D#to=
p-level-browsing-context&gt;top-level browsing context&lt;/a&gt; or reuse
+      an existing &lt;a href=3D#top-level-browsing-context&gt;top-level =
browsing context&lt;/a&gt;. If the user picks one of those options,
+      then the designated browsing context must be the chosen one (the b=
rowsing context's name isn't
+      set to the given browsing context name). The default behaviour (if=
 the user agent doesn't
+      offer the option to the user, or if the user declines to allow a b=
rowsing context to be used)
+      must be that there must not be a chosen browsing context.&lt;/p&gt=
;
+
+      &lt;p class=3Dwarning&gt;If this case occurs, it means that an aut=
hor has explicitly sandboxed the
+      document that is trying to open a link.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+
+     &lt;dt id=3Dnoopener&gt;If the user agent has been configured such =
that in this instance it will
+     create a new browsing context, and the browsing context is being re=
quested as part of &lt;a href=3D#following-hyperlinks title=3D&quot;follo=
wing hyperlinks&quot;&gt;following a hyperlink&lt;/a&gt; whose &lt;a href=
=3D#linkTypes&gt;link
+     types&lt;/a&gt; include the &lt;code title=3Drel-noreferrer&gt;&lt;=
a href=3D#link-type-noreferrer&gt;noreferrer&lt;/a&gt;&lt;/code&gt; keywo=
rd&lt;/dt&gt;
+
+     &lt;dd&gt;&lt;p&gt;A new &lt;a href=3D#top-level-browsing-context&g=
t;top-level browsing context&lt;/a&gt; must be created. If the given brow=
sing
+     context name is not &lt;code title=3D&quot;&quot;&gt;_blank&lt;/cod=
e&gt;, then the new top-level browsing context's
+     name must be the given browsing context name (otherwise, it has no =
name). The chosen browsing
+     context must be this new browsing context. The creation of such a &=
lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;
+     is &lt;dfn id=3Da-new-start-for-session-storage&gt;a new start for =
session storage&lt;/dfn&gt;.&lt;/p&gt;
+
+     &lt;p class=3Dnote&gt;If it is immediately &lt;a href=3D#navigate t=
itle=3Dnavigate&gt;navigated&lt;/a&gt;, then the
+     navigation will be done with &lt;a href=3D#replacement-enabled&gt;r=
eplacement enabled&lt;/a&gt;.&lt;/dd&gt;
+
+
+     &lt;dt&gt;If the user agent has been configured such that in this i=
nstance it will create a new
+     browsing context, and the &lt;code title=3Drel-noreferrer&gt;&lt;a =
href=3D#link-type-noreferrer&gt;noreferrer&lt;/a&gt;&lt;/code&gt; keyword=
 doesn't
+     apply&lt;/dt&gt;
+
+     &lt;dd&gt;&lt;p&gt;A new &lt;a href=3D#auxiliary-browsing-context&g=
t;auxiliary browsing context&lt;/a&gt; must be created, with the &lt;a hr=
ef=3D#opener-browsing-context&gt;opener
+     browsing context&lt;/a&gt; being the current one. If the given brow=
sing context name is not &lt;code title=3D&quot;&quot;&gt;_blank&lt;/code=
&gt;, then the new auxiliary browsing context's name must be the given
+     browsing context name (otherwise, it has no name). The chosen brows=
ing context must be this new
+     browsing context.&lt;/p&gt;
+
+     &lt;p class=3Dnote&gt;If it is immediately &lt;a href=3D#navigate t=
itle=3Dnavigate&gt;navigated&lt;/a&gt;, then the
+     navigation will be done with &lt;a href=3D#replacement-enabled&gt;r=
eplacement enabled&lt;/a&gt;.&lt;/dd&gt;
+
+
+     &lt;dt&gt;If the user agent has been configured such that in this i=
nstance it will reuse the current
+     browsing context&lt;/dt&gt;
+
+     &lt;dd&gt;&lt;p&gt;The chosen browsing context is the current brows=
ing context.&lt;/dd&gt;
+
+
+     &lt;dt&gt;If the user agent has been configured such that in this i=
nstance it will not find a
+     browsing context&lt;/dt&gt;
+
+     &lt;dd&gt;&lt;p&gt;There must not be a chosen browsing context.&lt;=
/dd&gt;
+
+    &lt;/dl&gt;&lt;p&gt;User agent implementors are encouraged to provid=
e a way for users to configure the user agent
+    to always reuse the current browsing context.&lt;/p&gt;
+
+    &lt;p&gt;If the current browsing context's &lt;a href=3D#active-docu=
ment&gt;active document&lt;/a&gt;'s &lt;a href=3D#active-sandboxing-flag-=
set&gt;active sandboxing flag
+    set&lt;/a&gt; has the &lt;a href=3D#sandboxed-navigation-browsing-co=
ntext-flag&gt;sandboxed navigation browsing context flag&lt;/a&gt; set an=
d the chosen
+    browsing context picked above, if any, is a new browsing context (wh=
ether top-level or
+    auxiliary), then all the flags that are set in the current browsing =
context's &lt;a href=3D#active-document&gt;active
+    document&lt;/a&gt;'s &lt;a href=3D#active-sandboxing-flag-set&gt;act=
ive sandboxing flag set&lt;/a&gt; when the new browsing context is
+    created must be set in the new browsing context's &lt;a href=3D#popu=
p-sandboxing-flag-set&gt;popup sandboxing flag set&lt;/a&gt;, and
+    the current browsing context must be set as the new browsing context=
's &lt;a href=3D#one-permitted-sandboxed-navigator&gt;one permitted
+    sandboxed navigator&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;h3 id=3Dthe-window-object&gt;&lt;span class=3Dsecno&gt;6.2 &lt;/sp=
an&gt;The &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&g=
t; object&lt;/h3&gt;
+
+  &lt;pre class=3Didl&gt;[Global]
+/*sealed*/ interface &lt;dfn id=3Dwindow&gt;Window&lt;/dfn&gt; : &lt;a h=
ref=3D#eventtarget&gt;EventTarget&lt;/a&gt; {
+  // the current browsing context
+  [Unforgeable] readonly attribute &lt;a href=3D#windowproxy&gt;WindowPr=
oxy&lt;/a&gt; &lt;a href=3D#dom-window title=3Ddom-window&gt;window&lt;/a=
&gt;;
+  [Replaceable] readonly attribute &lt;a href=3D#windowproxy&gt;WindowPr=
oxy&lt;/a&gt; &lt;a href=3D#dom-self title=3Ddom-self&gt;self&lt;/a&gt;;
+  [Unforgeable] readonly attribute &lt;a href=3D#document&gt;Document&lt=
;/a&gt; &lt;a href=3D#dom-document-0 title=3Ddom-document&gt;document&lt;=
/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-name title=3Ddom-name&g=
t;name&lt;/a&gt;; &lt;!-- not [Replaceable] per WebKit and IE8 --&gt;
+  [PutForwards=3D&lt;a href=3D#dom-url-href title=3Ddom-url-href&gt;href=
&lt;/a&gt;, Unforgeable] readonly attribute &lt;a href=3D#location&gt;Loc=
ation&lt;/a&gt; &lt;a href=3D#dom-location title=3Ddom-location&gt;locati=
on&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#history-0&gt;History&lt;/a&gt; &lt;a =
href=3D#dom-history title=3Ddom-history&gt;history&lt;/a&gt;;
+  [Replaceable] readonly attribute &lt;a href=3D#barprop&gt;BarProp&lt;/=
a&gt; &lt;a href=3D#dom-window-locationbar title=3Ddom-window-locationbar=
&gt;locationbar&lt;/a&gt;;
+  [Replaceable] readonly attribute &lt;a href=3D#barprop&gt;BarProp&lt;/=
a&gt; &lt;a href=3D#dom-window-menubar title=3Ddom-window-menubar&gt;menu=
bar&lt;/a&gt;;
+  [Replaceable] readonly attribute &lt;a href=3D#barprop&gt;BarProp&lt;/=
a&gt; &lt;a href=3D#dom-window-personalbar title=3Ddom-window-personalbar=
&gt;personalbar&lt;/a&gt;;
+  [Replaceable] readonly attribute &lt;a href=3D#barprop&gt;BarProp&lt;/=
a&gt; &lt;a href=3D#dom-window-scrollbars title=3Ddom-window-scrollbars&g=
t;scrollbars&lt;/a&gt;;
+  [Replaceable] readonly attribute &lt;a href=3D#barprop&gt;BarProp&lt;/=
a&gt; &lt;a href=3D#dom-window-statusbar title=3Ddom-window-statusbar&gt;=
statusbar&lt;/a&gt;;
+  [Replaceable] readonly attribute &lt;a href=3D#barprop&gt;BarProp&lt;/=
a&gt; &lt;a href=3D#dom-window-toolbar title=3Ddom-window-toolbar&gt;tool=
bar&lt;/a&gt;;&lt;!--
+  [Replaceable] readonly attribute &lt;span&gt;BarProp&lt;/span&gt; &lt;=
span title=3D&quot;dom-window-directories&quot;&gt;directories&lt;/span&g=
t;; // legacy (Gecko-only) --&gt;
+           attribute DOMString &lt;a href=3D#dom-window-status title=3Dd=
om-window-status&gt;status&lt;/a&gt;;
+  void &lt;a href=3D#dom-window-close title=3Ddom-window-close&gt;close&=
lt;/a&gt;();
+  readonly attribute boolean &lt;a href=3D#dom-window-closed title=3Ddom=
-window-closed&gt;closed&lt;/a&gt;;
+  void &lt;a href=3D#dom-window-stop title=3Ddom-window-stop&gt;stop&lt;=
/a&gt;();
+  void &lt;a href=3D#dom-window-focus title=3Ddom-window-focus&gt;focus&=
lt;/a&gt;();
+  void &lt;a href=3D#dom-window-blur title=3Ddom-window-blur&gt;blur&lt;=
/a&gt;();
+
+  // other browsing contexts
+  [Replaceable] readonly attribute &lt;a href=3D#windowproxy&gt;WindowPr=
oxy&lt;/a&gt; &lt;a href=3D#dom-frames title=3Ddom-frames&gt;frames&lt;/a=
&gt;;
+  [Replaceable] readonly attribute unsigned long &lt;a href=3D#dom-lengt=
h title=3Ddom-length&gt;length&lt;/a&gt;;
+  [Unforgeable] readonly attribute &lt;a href=3D#windowproxy&gt;WindowPr=
oxy&lt;/a&gt; &lt;a href=3D#dom-top title=3Ddom-top&gt;top&lt;/a&gt;;
+           attribute &lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&gt;?=
 &lt;a href=3D#dom-opener title=3Ddom-opener&gt;opener&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&gt; =
&lt;a href=3D#dom-parent title=3Ddom-parent&gt;parent&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#element&gt;Element&lt;/a&gt;? &lt;a h=
ref=3D#dom-frameelement title=3Ddom-frameElement&gt;frameElement&lt;/a&gt=
;;
+  &lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&gt; &lt;a href=3D#dom-o=
pen title=3Ddom-open&gt;open&lt;/a&gt;(optional DOMString url =3D &quot;a=
bout:blank&quot;, optional DOMString target =3D &quot;_blank&quot;, optio=
nal DOMString features =3D &quot;&quot;, optional boolean replace =3D fal=
se);
+  &lt;a href=3D#dom-window-item title=3Ddom-window-item&gt;getter&lt;/a&=
gt; &lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&gt; (unsigned long ind=
ex);
+  &lt;a href=3D#dom-window-nameditem title=3Ddom-window-namedItem&gt;get=
ter&lt;/a&gt; object (DOMString name);
+
+  // the user agent
+  readonly attribute &lt;a href=3D#navigator&gt;Navigator&lt;/a&gt; &lt;=
a href=3D#dom-navigator title=3Ddom-navigator&gt;navigator&lt;/a&gt;; &lt=
;!-- IE also has window.clientInformation =3D=3D=3D window.navigator --&g=
t;
+  readonly attribute &lt;a href=3D#external&gt;External&lt;/a&gt; &lt;a =
href=3D#dom-external title=3Ddom-external&gt;external&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#applicationcache&gt;ApplicationCache&=
lt;/a&gt; &lt;a href=3D#dom-applicationcache title=3Ddom-applicationCache=
&gt;applicationCache&lt;/a&gt;;
+
+  // user prompts
+  void &lt;a href=3D#dom-alert title=3Ddom-alert&gt;alert&lt;/a&gt;(opti=
onal DOMString message =3D &quot;&quot;);
+  boolean &lt;a href=3D#dom-confirm title=3Ddom-confirm&gt;confirm&lt;/a=
&gt;(optional DOMString message =3D &quot;&quot;);
+  DOMString? &lt;a href=3D#dom-prompt title=3Ddom-prompt&gt;prompt&lt;/a=
&gt;(optional DOMString message =3D &quot;&quot;, optional DOMString defa=
ult =3D &quot;&quot;);
+  void &lt;a href=3D#dom-print title=3Ddom-print&gt;print&lt;/a&gt;();
+  any &lt;a href=3D#dom-showmodaldialog title=3Ddom-showModalDialog&gt;s=
howModalDialog&lt;/a&gt;(DOMString url, optional any argument&lt;!--, opt=
ional DOMString features--&gt;);
+
+  void &lt;a href=3D#dom-window-postmessage title=3Ddom-window-postMessa=
ge&gt;postMessage&lt;/a&gt;(any message, DOMString targetOrigin, optional=
 sequence&amp;lt;&lt;a href=3D#transferable&gt;Transferable&lt;/a&gt;&amp=
;gt; transfer);
+
+  // &lt;a href=3D&quot;#Window-partial&quot;&gt;also has obsolete membe=
rs&lt;/a&gt;
+};
+&lt;a href=3D#window&gt;Window&lt;/a&gt; implements &lt;a href=3D#global=
eventhandlers&gt;GlobalEventHandlers&lt;/a&gt;;
+&lt;a href=3D#window&gt;Window&lt;/a&gt; implements &lt;a href=3D#window=
eventhandlers&gt;WindowEventHandlers&lt;/a&gt;;&lt;/pre&gt;
+
+&lt;!-- for more features to add here, look here:
+ http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/obj_w=
indow.asp
+ http://www.mozilla.org/docs/dom/domref/dom_window_ref.html
+ http://lxr.mozilla.org/mozilla/source/dom/public/idl/base/nsIDOMWindow.=
idl - scrollBy, etc
+ http://lxr.mozilla.org/mozilla/source/dom/public/idl/base/nsIDOMWindowI=
nternal.idl - DOM level 0
+--&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;w=
indow&lt;/var&gt; . &lt;code title=3Ddom-window&gt;&lt;a href=3D#dom-wind=
ow&gt;window&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-frames&gt;&lt;a href=3D#dom-frames&gt;frames&lt;/a&gt;&lt;=
/code&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-self&gt;&lt;a href=3D#dom-self&gt;self&lt;/a&gt;&lt;/code&=
gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;These attributes all return &lt;var title=3D&quot;&quot;&gt=
;window&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-document&gt;&lt;a href=3D#dom-document-0&gt;document&lt;/a=
&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the &lt;code&gt;&lt;a href=3D#document&gt;Document&=
lt;/a&gt;&lt;/code&gt; associated with &lt;var title=3D&quot;&quot;&gt;wi=
ndow&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;document&lt;/var&gt; . &lt;=
code title=3Ddom-document-defaultView&gt;&lt;a href=3D#dom-document-defau=
ltview&gt;defaultView&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/=
a&gt;&lt;/code&gt; object of the &lt;a href=3D#active-document&gt;active =
document&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/=
code&gt; interface must only be &lt;a href=3D#exposed-to-javascript&gt;ex=
posed to JavaScript&lt;/a&gt; if the
+  &lt;a href=3D#javascript-global-environment&gt;JavaScript global envir=
onment&lt;/a&gt; is a &lt;a href=3D#document-environment&gt;document envi=
ronment&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-window title=3Ddom-window&gt;&lt;code&gt=
;window&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-frames title=3Ddom-fra=
mes&gt;&lt;code&gt;frames&lt;/code&gt;&lt;/dfn&gt;, and &lt;dfn id=3Ddom-=
self title=3Ddom-self&gt;&lt;code&gt;self&lt;/code&gt;&lt;/dfn&gt;
+  IDL attributes must all return the &lt;code&gt;&lt;a href=3D#window&gt=
;Window&lt;/a&gt;&lt;/code&gt; object's &lt;a href=3D#browsing-context&gt=
;browsing context&lt;/a&gt;'s
+  &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&gt;&lt;/cod=
e&gt; object.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-document-0 title=3Ddom-document&gt;&lt;c=
ode&gt;document&lt;/code&gt;&lt;/dfn&gt; IDL attribute must return
+  &lt;a href=3D#concept-document-window title=3Dconcept-document-window&=
gt;the &lt;code&gt;Window&lt;/code&gt; object's newest &lt;code&gt;Docume=
nt&lt;/code&gt; object&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-document-defaultview title=3Ddom-documen=
t-defaultView&gt;&lt;code&gt;defaultView&lt;/code&gt;&lt;/dfn&gt; IDL att=
ribute of the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
interface must return the &lt;code&gt;&lt;a href=3D#document&gt;Document&=
lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#browsing-context&gt;browsing
+  context&lt;/a&gt;'s &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowPro=
xy&lt;/a&gt;&lt;/code&gt; object, if there is one, or null otherwise.&lt;=
/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;For historical reasons, &lt;code&gt;&lt;a href=3D#w=
indow&gt;Window&lt;/a&gt;&lt;/code&gt; objects must also have a writable,=
 configurable,
+  non-enumerable property named &lt;dfn id=3Dhtmldocument&gt;&lt;code&gt=
;HTMLDocument&lt;/code&gt;&lt;/dfn&gt; whose value is the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
interface object.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+&lt;!--ADD-TOPIC:Security--&gt;
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dsecurity-window&gt;&lt;span class=3Dsecno&gt;6.2.1 &lt;/sp=
an&gt;Security&lt;/h4&gt;
+
+  &lt;p class=3Dcritical&gt;This section describes a security model that=
 is underdefined, imperfect, and
+  does not match implementations. Work is ongoing to attempt to resolve =
this, but in the meantime,
+  please do not rely on this section for precision. Implementors are urg=
ed to send their feedback on
+  how cross-origin cross-global access to &lt;code&gt;&lt;a href=3D#wind=
ow&gt;Window&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#locatio=
n&gt;Location&lt;/a&gt;&lt;/code&gt; objects
+  should work. See &lt;a href=3D&quot;https://www.w3.org/Bugs/Public/sho=
w_bug.cgi?id=3D20701&quot;&gt;bug 20701&lt;/a&gt;.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p id=3Dsecurity-2&gt;User agents must throw a &lt;code&gt;&lt;a hr=
ef=3D#securityerror&gt;SecurityError&lt;/a&gt;&lt;/code&gt; exception whe=
never any
+  properties of a &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&l=
t;/code&gt; object are accessed when the &lt;a href=3D#incumbent-settings=
-object&gt;incumbent settings object&lt;/a&gt; specifies
+  an &lt;a href=3D#effective-script-origin&gt;effective script origin&lt=
;/a&gt; that is not the &lt;a href=3D#same-origin title=3D&quot;same orig=
in&quot;&gt;same&lt;/a&gt; as
+  &lt;a href=3D#concept-document-window title=3Dconcept-document-window&=
gt;the &lt;code&gt;Window&lt;/code&gt; object's
+  &lt;code&gt;Document&lt;/code&gt;&lt;/a&gt;'s &lt;a href=3D#effective-=
script-origin&gt;effective script origin&lt;/a&gt;, with the following
+  exceptions:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;The &lt;code title=3Ddom-location&gt;&lt;a href=3D=
#dom-location&gt;location&lt;/a&gt;&lt;/code&gt; attribute
+
+   &lt;li&gt;The &lt;code title=3Ddom-window-postMessage&gt;&lt;a href=3D=
#dom-window-postmessage&gt;postMessage()&lt;/a&gt;&lt;/code&gt; method
+
+   &lt;li&gt;The &lt;code title=3Ddom-window&gt;&lt;a href=3D#dom-window=
&gt;window&lt;/a&gt;&lt;/code&gt; attribute
+
+   &lt;li&gt;The &lt;code title=3Ddom-frames&gt;&lt;a href=3D#dom-frames=
&gt;frames&lt;/a&gt;&lt;/code&gt; attribute
+
+   &lt;li&gt;The &lt;code title=3Ddom-self&gt;&lt;a href=3D#dom-self&gt;=
self&lt;/a&gt;&lt;/code&gt; attribute
+
+   &lt;li&gt;The &lt;code title=3Ddom-top&gt;&lt;a href=3D#dom-top&gt;to=
p&lt;/a&gt;&lt;/code&gt; attribute
+
+   &lt;li&gt;The &lt;code title=3Ddom-parent&gt;&lt;a href=3D#dom-parent=
&gt;parent&lt;/a&gt;&lt;/code&gt; attribute
+
+   &lt;li&gt;The &lt;code title=3Ddom-opener&gt;&lt;a href=3D#dom-opener=
&gt;opener&lt;/a&gt;&lt;/code&gt; attribute
+
+   &lt;li&gt;The &lt;code title=3Ddom-window-closed&gt;&lt;a href=3D#dom=
-window-closed&gt;closed&lt;/a&gt;&lt;/code&gt; attribute
+
+   &lt;li&gt;The &lt;code title=3Ddom-window-close&gt;&lt;a href=3D#dom-=
window-close&gt;close()&lt;/a&gt;&lt;/code&gt; method
+
+   &lt;li&gt;The &lt;code title=3Ddom-window-blur&gt;&lt;a href=3D#dom-w=
indow-blur&gt;blur()&lt;/a&gt;&lt;/code&gt; method
+
+   &lt;li&gt;The &lt;code title=3Ddom-window-focus&gt;&lt;a href=3D#dom-=
window-focus&gt;focus()&lt;/a&gt;&lt;/code&gt; method
+
+   &lt;li&gt;The &lt;a href=3D#dynamic-nested-browsing-context-propertie=
s&gt;dynamic nested browsing context properties&lt;/a&gt;
+
+  &lt;/ul&gt;&lt;!--CLEANUP--&gt;&lt;p&gt;When the &lt;a href=3D#incumbe=
nt-settings-object&gt;incumbent settings object&lt;/a&gt; specifies an &l=
t;a href=3D#effective-script-origin&gt;effective script origin&lt;/a&gt; =
that is different than
+  a &lt;a href=3D#concept-document-window title=3Dconcept-document-windo=
w&gt;&lt;code&gt;Window&lt;/code&gt; object's
+  &lt;code&gt;Document&lt;/code&gt;&lt;/a&gt;'s &lt;a href=3D#effective-=
script-origin&gt;effective script origin&lt;/a&gt;, the user agent must a=
ct as if
+  any changes to that &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&g=
t;&lt;/code&gt; object's properties, getters, setters, etc, were not
+  present, and as if all the properties of that &lt;code&gt;&lt;a href=3D=
#window&gt;Window&lt;/a&gt;&lt;/code&gt; object had their [[Enumerable]]
+  attribute set to false.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;For members that return objects (including function objects),=
 each distinct &lt;a href=3D#effective-script-origin&gt;effective
+  script origin&lt;/a&gt; that is not the same as the &lt;code&gt;&lt;a =
href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object's
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'=
s &lt;a href=3D#effective-script-origin&gt;effective script origin&lt;/a&=
gt; must be provided with a separate set
+  of objects. These objects must have the prototype chain appropriate fo=
r the script for which the
+  objects are created (not those that would be appropriate for scripts w=
hose &lt;a href=3D#global-object&gt;global
+  object&lt;/a&gt;, as specified by their &lt;a href=3D#settings-object&=
gt;settings object&lt;/a&gt;,
+  is the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&g=
t; object in question).&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For instance, if two frames containing &lt;code&gt;&lt;a hre=
f=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;s from different &lt;a hr=
ef=3D#origin title=3Dorigin&gt;origins&lt;/a&gt; access the same &lt;code=
&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object's &lt;co=
de title=3Ddom-window-postMessage&gt;&lt;a href=3D#dom-window-postmessage=
&gt;postMessage()&lt;/a&gt;&lt;/code&gt; method, they will get distinct o=
bjects that
+   are not equal.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;/div&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+
+
+  &lt;h4 id=3Dapis-for-creating-and-navigating-browsing-contexts-by-name=
&gt;&lt;span class=3Dsecno&gt;6.2.2 &lt;/span&gt;APIs for creating and na=
vigating browsing contexts by name&lt;/h4&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;w=
indow&lt;/var&gt; =3D &lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; =
. &lt;code title=3Ddom-open&gt;&lt;a href=3D#dom-open&gt;open&lt;/a&gt;&l=
t;/code&gt;( [ &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt; [, &lt;var=
 title=3D&quot;&quot;&gt;target&lt;/var&gt; [, &lt;var title=3D&quot;&quo=
t;&gt;features&lt;/var&gt; [, &lt;var title=3D&quot;&quot;&gt;replace&lt;=
/var&gt; ] ] ] ] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Opens a window to show &lt;var title=3D&quot;&quot;&gt;url&=
lt;/var&gt; (defaults to &lt;code&gt;&lt;a href=3D#about:blank&gt;about:b=
lank&lt;/a&gt;&lt;/code&gt;), and
+    returns it. The &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt; a=
rgument gives the name of the new window. If a
+    window exists with that name already, it is reused. The &lt;var titl=
e=3D&quot;&quot;&gt;replace&lt;/var&gt; attribute,
+    if true, means that whatever page is currently open in that window w=
ill be removed from the
+    window's session history. The &lt;var title=3D&quot;&quot;&gt;featur=
es&lt;/var&gt; argument is ignored.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-name&gt;&lt;a href=3D#dom-name&gt;name&lt;/a&gt;&lt;/code&=
gt; [ =3D &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the name of the window.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the name.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-window-close&gt;&lt;a href=3D#dom-window-close&gt;close&lt=
;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Closes the window.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-window-closed&gt;&lt;a href=3D#dom-window-closed&gt;closed=
&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the window has been closed, false otherwise=
.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-window-stop&gt;&lt;a href=3D#dom-window-stop&gt;stop&lt;/a=
&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Cancels the document load.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;!-- This whole section should be rewritten to use algorithmic styl=
e --&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-open title=3Ddom-open&gt;&lt;code&gt;ope=
n()&lt;/code&gt;&lt;/dfn&gt; method on &lt;code&gt;&lt;a href=3D#window&g=
t;Window&lt;/a&gt;&lt;/code&gt; objects
+  provides a mechanism for &lt;a href=3D#navigate title=3Dnavigate&gt;na=
vigating&lt;/a&gt; an existing &lt;a href=3D#browsing-context&gt;browsing
+  context&lt;/a&gt; or opening and navigating an &lt;a href=3D#auxiliary=
-browsing-context&gt;auxiliary browsing context&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The method has four arguments, though they are all optional.&=
lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;The first argument, &lt;var title=3D&quot;&quot;&gt;url&lt;/v=
ar&gt;, must be a &lt;a href=3D#valid-non-empty-url&gt;valid non-empty UR=
L&lt;/a&gt; for a
+  page to load in the browsing context. If the first argument is the emp=
ty string, then the &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt; argum=
ent must be interpreted as &quot;&lt;code&gt;&lt;a href=3D#about:blank&gt=
;about:blank&lt;/a&gt;&lt;/code&gt;&quot;. Otherwise, the
+  argument must be &lt;a href=3D#resolve-a-url title=3D&quot;resolve a u=
rl&quot;&gt;resolved&lt;/a&gt; to an &lt;a href=3D#absolute-url&gt;absolu=
te URL&lt;/a&gt; (or
+  an error), relative to the &lt;a href=3D#api-base-url&gt;API base URL&=
lt;/a&gt; specified by the &lt;a href=3D#entry-settings-object&gt;entry s=
ettings=20
+  object&lt;/a&gt; when the method was invoked.&lt;/p&gt;
+
+  &lt;p&gt;The second argument, &lt;var title=3D&quot;&quot;&gt;target&l=
t;/var&gt;, specifies the &lt;a href=3D#browsing-context-name title=3D&qu=
ot;browsing context
+  name&quot;&gt;name&lt;/a&gt; of the browsing context that is to be nav=
igated. It must be a &lt;a href=3D#valid-browsing-context-name-or-keyword=
&gt;valid
+  browsing context name or keyword&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The third argument, &lt;var title=3D&quot;&quot;&gt;features&=
lt;/var&gt;, has no defined effect and is mentioned for
+  historical reasons only. User agents may interpret this argument as in=
structions to set the size
+  and position of the browsing context, but are encouraged to instead ig=
nore the argument
+  entirely.&lt;/p&gt;
+
+  &lt;p&gt;The fourth argument, &lt;var title=3D&quot;&quot;&gt;replace&=
lt;/var&gt;, specifies whether or not the new page will
+  &lt;a href=3D#replacement-enabled title=3D&quot;replacement enabled&qu=
ot;&gt;replace&lt;/a&gt; the page currently loaded in the browsing
+  context, when &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt; ident=
ifies an existing browsing context (as opposed to
+  leaving the current page in the browsing context's &lt;a href=3D#sessi=
on-history&gt;session history&lt;/a&gt;).&lt;/p&gt;
+
+  &lt;p&gt;When the method is invoked, the user agent must first select =
a &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; to
+  navigate by applying &lt;a href=3D#the-rules-for-choosing-a-browsing-c=
ontext-given-a-browsing-context-name&gt;the rules for choosing a browsing=
 context given a browsing context
+  name&lt;/a&gt; using the &lt;var title=3D&quot;&quot;&gt;target&lt;/va=
r&gt; argument as the name and the &lt;a href=3D#browsing-context&gt;brow=
sing
+  context&lt;/a&gt; of the script as the context in which the algorithm =
is executed, unless the user
+  has indicated a preference, in which case the browsing context to navi=
gate may instead be the one
+  indicated by the user.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;For example, suppose there is a user agent th=
at supports control-clicking a
+  link to open it in a new tab. If a user clicks in that user agent on a=
n element whose &lt;code title=3Dhandler-onclick&gt;&lt;a href=3D#handler=
-onclick&gt;onclick&lt;/a&gt;&lt;/code&gt; handler uses the &lt;code titl=
e=3Ddom-open&gt;&lt;a href=3D#dom-open&gt;window.open()&lt;/a&gt;&lt;/cod=
e&gt; API to open a page in an iframe, but, while doing so, holds
+  the control key down, the user agent could override the selection of t=
he target browsing context
+  to instead target a new tab.&lt;/p&gt;
+
+  &lt;p&gt;If applying &lt;a href=3D#the-rules-for-choosing-a-browsing-c=
ontext-given-a-browsing-context-name&gt;the rules for choosing a browsing=
 context given a browsing context
+  name&lt;/a&gt; using the &lt;var title=3D&quot;&quot;&gt;target&lt;/va=
r&gt; argument would result in there not being a chosen
+  browsing context, then throw an &lt;code&gt;&lt;a href=3D#invalidacces=
serror&gt;InvalidAccessError&lt;/a&gt;&lt;/code&gt; exception and abort t=
hese
+  steps.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;Otherwise, if &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt;=
 is not &quot;&lt;code&gt;&lt;a href=3D#about:blank&gt;about:blank&lt;/a&=
gt;&lt;/code&gt;&quot;, the user agent must
+  &lt;a href=3D#navigate&gt;navigate&lt;/a&gt;&lt;!--DONAV window.open()=
--&gt; the selected &lt;a href=3D#browsing-context&gt;browsing context&lt=
;/a&gt; to the
+  &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt; obtained from &lt=
;a href=3D#resolve-a-url title=3D&quot;resolve a url&quot;&gt;resolving&l=
t;/a&gt; &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt; earlier. If the =
&lt;var title=3D&quot;&quot;&gt;replace&lt;/var&gt; is true or if the &lt=
;a href=3D#browsing-context&gt;browsing
+  context&lt;/a&gt; was just created as part of &lt;a href=3D#the-rules-=
for-choosing-a-browsing-context-given-a-browsing-context-name&gt;the rule=
s for choosing a browsing context given a
+  browsing context name&lt;/a&gt;, then &lt;a href=3D#replacement-enable=
d title=3D&quot;replacement enabled&quot;&gt;replacement must be
+  enabled&lt;/a&gt;. The navigation must be done with the &lt;a href=3D#=
responsible-browsing-context&gt;responsible
+  browsing context&lt;/a&gt; specified by the &lt;a href=3D#incumbent-se=
ttings-object&gt;incumbent settings object&lt;/a&gt; as the &lt;a href=3D=
#source-browsing-context&gt;source browsing
+  context&lt;/a&gt;. If the &lt;a href=3D#resolve-a-url&gt;resolve a URL=
&lt;/a&gt; algorithm failed, then the user agent may either
+  instead &lt;a href=3D#navigate&gt;navigate&lt;/a&gt; to an inline erro=
r page, using the same replacement behavior and
+  source browsing context behavior as described earlier in this paragrap=
h; or treat the &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt; as &quot;=
&lt;code&gt;&lt;a href=3D#about:blank&gt;about:blank&lt;/a&gt;&lt;/code&g=
t;&quot;, acting as described in the next paragraph.&lt;/p&gt;
+
+  &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt; &lt;em&gt;=
is&lt;/em&gt; &quot;&lt;code&gt;&lt;a href=3D#about:blank&gt;about:blank&=
lt;/a&gt;&lt;/code&gt;&quot;, and the &lt;a href=3D#browsing-context&gt;b=
rowsing
+  context&lt;/a&gt; was just created as part of &lt;a href=3D#the-rules-=
for-choosing-a-browsing-context-given-a-browsing-context-name&gt;the rule=
s for choosing a browsing context given a
+  browsing context name&lt;/a&gt;, then the user agent must instead &lt;=
a href=3D#queue-a-task&gt;queue a task&lt;/a&gt; to
+  &lt;a href=3D#fire-a-simple-event&gt;fire a simple event&lt;/a&gt; nam=
ed &lt;code title=3Devent-load&gt;load&lt;/code&gt; at the selected
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;'s &lt;cod=
e&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object, but wi=
th its &lt;code title=3Ddom-event-target&gt;&lt;a href=3D#dom-event-targe=
t&gt;target&lt;/a&gt;&lt;/code&gt; set to the selected &lt;a href=3D#brow=
sing-context&gt;browsing context&lt;/a&gt;'s &lt;a href=3D#concept-docume=
nt-window title=3Dconcept-document-window&gt;&lt;code&gt;Window&lt;/code&=
gt; object's &lt;code&gt;Document&lt;/code&gt;&lt;/a&gt; object
+  (and the &lt;code title=3Ddom-event-currentTarget&gt;currentTarget&lt;=
/code&gt; set to the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;=
&lt;/code&gt;
+  object).&lt;/p&gt;
+
+  &lt;p&gt;The method must return the &lt;code&gt;&lt;a href=3D#windowpr=
oxy&gt;WindowProxy&lt;/a&gt;&lt;/code&gt; object of the &lt;a href=3D#bro=
wsing-context&gt;browsing context&lt;/a&gt;
+  that was navigated, or null if no browsing context was navigated.&lt;/=
p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-name title=3Ddom-name&gt;&lt;c=
ode&gt;name&lt;/code&gt;&lt;/dfn&gt; attribute of the &lt;code&gt;&lt;a h=
ref=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object
+  must, on getting, return the current &lt;a href=3D#browsing-context-na=
me title=3D&quot;browsing context name&quot;&gt;name&lt;/a&gt; of the
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;, and, on =
setting, set the &lt;a href=3D#browsing-context-name title=3D&quot;browsi=
ng context
+  name&quot;&gt;name&lt;/a&gt; of the &lt;a href=3D#browsing-context&gt;=
browsing context&lt;/a&gt; to the new value.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The name &lt;a href=3D#resetBCName&gt;gets reset=
&lt;/a&gt; when the browsing context is
+  navigated to another domain.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-window-close title=3Ddom-windo=
w-close&gt;&lt;code&gt;close()&lt;/code&gt;&lt;/dfn&gt; method on &lt;cod=
e&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt;
+  objects should, if all the following conditions are met, &lt;a href=3D=
#close-a-browsing-context title=3D&quot;close a browsing
+  context&quot;&gt;close&lt;/a&gt; the &lt;a href=3D#browsing-context&gt=
;browsing context&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt;=
:
+
+  &lt;ul class=3Dbrief&gt;&lt;li&gt;The corresponding &lt;a href=3D#brow=
sing-context&gt;browsing context&lt;/a&gt; &lt;var title=3D&quot;&quot;&g=
t;A&lt;/var&gt; is
+   &lt;a href=3D#script-closable&gt;script-closable&lt;/a&gt;.&lt;/li&gt=
;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;The &lt;a href=3D#responsible-browsing-context&gt;responsib=
le browsing context&lt;/a&gt; specified by the &lt;a href=3D#incumbent-se=
ttings-object&gt;incumbent
+   settings object&lt;/a&gt; is &lt;a href=3D#familiar-with&gt;familiar
+   with&lt;/a&gt; the &lt;a href=3D#browsing-context&gt;browsing context=
&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt;.&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li id=3DsandboxClose&gt;The &lt;a href=3D#responsible-browsing-co=
ntext&gt;responsible browsing context&lt;/a&gt; specified by the
+   &lt;a href=3D#incumbent-settings-object&gt;incumbent settings object&=
lt;/a&gt;
+   is &lt;a href=3D#allowed-to-navigate&gt;allowed to navigate&lt;/a&gt;=
 the &lt;a href=3D#browsing-context&gt;browsing
+   context&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt;.&lt;/=
li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;A &lt;a href=3D#browsing-context&gt;browsing conte=
xt&lt;/a&gt; is &lt;dfn id=3Dscript-closable&gt;script-closable&lt;/dfn&g=
t; if it is an &lt;a href=3D#auxiliary-browsing-context&gt;auxiliary
+  browsing context&lt;/a&gt; that was created by a script (as opposed to=
 by an action of the user), or
+  if it is a &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt=
; whose &lt;a href=3D#session-history&gt;session history&lt;/a&gt; contai=
ns only one
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;.=
&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-window-closed title=3Ddom-window-closed&=
gt;&lt;code&gt;closed&lt;/code&gt;&lt;/dfn&gt; attribute on &lt;code&gt;&=
lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt;
+  objects must return true if the &lt;code&gt;&lt;a href=3D#window&gt;Wi=
ndow&lt;/a&gt;&lt;/code&gt; object's &lt;a href=3D#browsing-context&gt;br=
owsing context&lt;/a&gt; has
+  been &lt;a href=3D#a-browsing-context-is-discarded title=3D&quot;a bro=
wsing context is discarded&quot;&gt;discarded&lt;/a&gt;, and false otherw=
ise.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-window-stop title=3Ddom-window-stop&gt;&=
lt;code&gt;stop()&lt;/code&gt;&lt;/dfn&gt; method on &lt;code&gt;&lt;a hr=
ef=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt;
+  objects should, if there is an existing attempt to &lt;a href=3D#navig=
ate&gt;navigate&lt;/a&gt; the &lt;a href=3D#browsing-context&gt;browsing
+  context&lt;/a&gt; and that attempt is not currently running the &lt;a =
href=3D#unload-a-document&gt;unload a document&lt;/a&gt;
+  algorithm, cancel that &lt;a href=3D#navigate title=3Dnavigate&gt;navi=
gation&lt;/a&gt;; then, it must &lt;a href=3D#abort-a-document title=3D&q=
uot;abort
+  a document&quot;&gt;abort&lt;/a&gt; the &lt;a href=3D#active-document&=
gt;active document&lt;/a&gt; of the &lt;a href=3D#browsing-context&gt;bro=
wsing context&lt;/a&gt; of
+  the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; =
object on which it was invoked.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Daccessing-other-browsing-contexts&gt;&lt;span class=3Dsecn=
o&gt;6.2.3 &lt;/span&gt;Accessing other browsing contexts&lt;/h4&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;w=
indow&lt;/var&gt; . &lt;code title=3Ddom-length&gt;&lt;a href=3D#dom-leng=
th&gt;length&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the number of &lt;a href=3D#child-browsing-context =
title=3D&quot;child browsing context&quot;&gt;child browsing
+    contexts&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt;[&lt;var =
title=3D&quot;&quot;&gt;index&lt;/var&gt;]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the indicated &lt;a href=3D#child-browsing-context&=
gt;child browsing context&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;The &lt;dfn id=3Ddom-length title=3Ddom-length&gt;&lt;code&gt=
;length&lt;/code&gt;&lt;/dfn&gt; IDL attribute on the &lt;code&gt;&lt;a h=
ref=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt;
+  interface must return the number of &lt;a href=3D#child-browsing-conte=
xt title=3D&quot;child browsing context&quot;&gt;child browsing
+  contexts&lt;/a&gt; that are &lt;a href=3D#browsing-context-nested-thro=
ugh title=3D&quot;browsing context nested through&quot;&gt;nested through=
&lt;/a&gt;
+  elements that are &lt;a href=3D#in-a-document title=3D&quot;in a docum=
ent&quot;&gt;in the &lt;code&gt;Document&lt;/code&gt;&lt;/a&gt; that is t=
he
+  &lt;a href=3D#active-document&gt;active document&lt;/a&gt; of that &lt=
;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object, if=
 that &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt;'s
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; shares th=
e same &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; as the &lt;a href=
=3D#responsible-document&gt;responsible
+  document&lt;/a&gt; specified by the &lt;a href=3D#entry-settings-objec=
t&gt;entry settings object&lt;/a&gt; accessing the IDL attribute; otherwi=
se,
+  it must return zero.&lt;/p&gt;
+
+  &lt;!-- in other words, frames are only accessible to same-thread proc=
esses --&gt;
+
+  &lt;p&gt;The &lt;a href=3D#supported-property-indices&gt;supported pro=
perty indices&lt;/a&gt; on the &lt;code&gt;&lt;a href=3D#window&gt;Window=
&lt;/a&gt;&lt;/code&gt; object at any instant
+  are the numbers in the range 0 .. &lt;span title=3D&quot;&quot;&gt;&lt=
;var title=3D&quot;&quot;&gt;n&lt;/var&gt;-1&lt;/span&gt;, where &lt;var =
title=3D&quot;&quot;&gt;n&lt;/var&gt; is the number returned by the &lt;c=
ode title=3Ddom-length&gt;&lt;a href=3D#dom-length&gt;length&lt;/a&gt;&lt=
;/code&gt; IDL
+  attribute. If &lt;var title=3D&quot;&quot;&gt;n&lt;/var&gt; is zero th=
en there are no &lt;a href=3D#supported-property-indices&gt;supported pro=
perty
+  indices&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;To &lt;dfn id=3Ddom-window-item title=3Ddom-window-item&gt;de=
termine the value of an indexed property&lt;/dfn&gt; &lt;var title=3D&quo=
t;&quot;&gt;index&lt;/var&gt; of a &lt;code&gt;&lt;a href=3D#window&gt;Wi=
ndow&lt;/a&gt;&lt;/code&gt; object, the user agent must return the
+  &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&gt;&lt;/cod=
e&gt; object of the &lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt;th &=
lt;a href=3D#child-browsing-context&gt;child browsing
+  context&lt;/a&gt; of the &lt;code&gt;&lt;a href=3D#document&gt;Documen=
t&lt;/a&gt;&lt;/code&gt; that is nested through an element that is &lt;a =
href=3D#in-a-document title=3D&quot;in a document&quot;&gt;in the &lt;cod=
e&gt;Document&lt;/code&gt;&lt;/a&gt;, sorted in the &lt;a href=3D#tree-or=
der&gt;tree order&lt;/a&gt;
+  of the elements nesting those &lt;a href=3D#browsing-context title=3D&=
quot;browsing context&quot;&gt;browsing contexts&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;These properties are the &lt;dfn id=3Ddynamic-nested-browsing=
-context-properties&gt;dynamic nested browsing context properties&lt;/dfn=
&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dnamed-access-on-the-window-object&gt;&lt;span class=3Dsecn=
o&gt;6.2.4 &lt;/span&gt;Named access on the &lt;code&gt;&lt;a href=3D#win=
dow&gt;Window&lt;/a&gt;&lt;/code&gt; object&lt;/h4&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;w=
indow&lt;/var&gt;[&lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt;]&lt;/d=
t&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the indicated element or collection of elements.&lt=
;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/=
code&gt; interface &lt;a href=3D#support-named-properties title=3D&quot;s=
upport named properties&quot;&gt;supports named
+  properties&lt;/a&gt;. The &lt;a href=3D#supported-property-names&gt;su=
pported property names&lt;/a&gt; at any moment consist of the
+  following, in &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt;, ignori=
ng later duplicates:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;the &lt;a href=3D#browsing-context-name&gt;browsin=
g context name&lt;/a&gt; of any &lt;a href=3D#child-browsing-context&gt;c=
hild browsing context&lt;/a&gt; of the
+   &lt;a href=3D#active-document&gt;active document&lt;/a&gt; whose name=
 is not the empty string,&lt;/li&gt;
+
+   &lt;li&gt;the value of the &lt;code title=3D&quot;&quot;&gt;name&lt;/=
code&gt; content attribute for all &lt;code&gt;&lt;a href=3D#the-a-elemen=
t&gt;a&lt;/a&gt;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-applet-element&gt;applet&lt;/a&gt;&lt;/=
code&gt;, &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt=
;/code&gt;, &lt;code&gt;&lt;a href=3D#the-embed-element&gt;embed&lt;/a&gt=
;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&=
gt;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&lt;/code&gt;=
, &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt;=
, and &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&lt=
;/code&gt; elements in the &lt;a href=3D#active-document&gt;active
+   document&lt;/a&gt; that have a non-empty &lt;code title=3D&quot;&quot=
;&gt;name&lt;/code&gt; content attribute, and&lt;/li&gt;
+
+   &lt;li&gt;the value of the &lt;code title=3Dattr-id&gt;&lt;a href=3D#=
the-id-attribute&gt;id&lt;/a&gt;&lt;/code&gt; content attribute of any &l=
t;a href=3D#html-elements title=3D&quot;HTML
+   elements&quot;&gt;HTML element&lt;/a&gt; in the &lt;a href=3D#active-=
document&gt;active document&lt;/a&gt; with a non-empty &lt;code title=3Da=
ttr-id&gt;&lt;a href=3D#the-id-attribute&gt;id&lt;/a&gt;&lt;/code&gt; con=
tent attribute.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;To &lt;a href=3D#determine-the-value-of-a-named-pr=
operty&gt;determine the value of a named property&lt;/a&gt; &lt;var title=
=3D&quot;&quot;&gt;name&lt;/var&gt; when &lt;dfn id=3Ddom-window-namedite=
m title=3Ddom-window-namedItem&gt;the &lt;code&gt;Window&lt;/code&gt; obj=
ect is indexed for property
+  retrieval&lt;/dfn&gt;, the user agent must return the value obtained u=
sing the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!-- http://software.hixie.ch/utilities/js/live-dom-viewe=
r/saved/1716 --&gt;&lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;objects&lt;/var&gt; be =
the list of &lt;a href=3D#dom-window-nameditem-filter title=3Ddom-window-=
namedItem-filter&gt;named objects&lt;/a&gt; with the name &lt;var title=3D=
&quot;&quot;&gt;name&lt;/var&gt;
+    in the &lt;a href=3D#active-document&gt;active document&lt;/a&gt;.
+
+    &lt;p class=3Dnote&gt;There will be at least one such object, by def=
inition.&lt;!-- (If there wasn't,
+    then this algorithm wouldn't have been invoked by Web IDL.) --&gt;&l=
t;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;objects&lt;/var&gt; cont=
ains a &lt;a href=3D#nested-browsing-context&gt;nested browsing context&l=
t;/a&gt;, then return
+    the &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&gt;&l=
t;/code&gt; object of the &lt;a href=3D#nested-browsing-context&gt;nested=
 browsing context&lt;/a&gt; corresponding to
+    the first &lt;a href=3D#browsing-context-container&gt;browsing conte=
xt container&lt;/a&gt; in &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt=
; whose
+    &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; is in &=
lt;var title=3D&quot;&quot;&gt;objects&lt;/var&gt;, and abort these steps=
.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Otherwise, if &lt;var title=3D&quot;&quot;&gt;objects&lt;/v=
ar&gt; has only one element, return that element and
+    abort these steps.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Otherwise return an &lt;code&gt;&lt;a href=3D#htmlcollectio=
n&gt;HTMLCollection&lt;/a&gt;&lt;/code&gt; rooted at the &lt;code&gt;&lt;=
a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; node,
+    whose filter matches only &lt;a href=3D#dom-window-nameditem-filter =
title=3Ddom-window-namedItem-filter&gt;named objects&lt;/a&gt; with
+    the name &lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt;. (By defin=
ition, these will all be elements.)&lt;/p&gt; &lt;!-- the
+    same one each time is returned, because of the rule under collection=
s --&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;&lt;dfn id=3Ddom-window-nameditem-filter title=3Dd=
om-window-nameditem-filter&gt;Named objects&lt;/dfn&gt; with the name &lt=
;var title=3D&quot;&quot;&gt;name&lt;/var&gt;, for the purposes of the ab=
ove algorithm, are those that are either:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;&lt;a href=3D#child-browsing-context title=3D&quot=
;child browsing context&quot;&gt;child browsing contexts&lt;/a&gt; of the=
 &lt;a href=3D#active-document&gt;active
+   document&lt;/a&gt; whose name is &lt;var title=3D&quot;&quot;&gt;name=
&lt;/var&gt;,&lt;/li&gt;
+
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/=
code&gt;, &lt;code&gt;&lt;a href=3D#the-applet-element&gt;applet&lt;/a&gt=
;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&=
gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-embed-element&gt;embed&lt=
;/a&gt;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code=
&gt;, &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&lt;/code&g=
t;, &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&g=
t;, or &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&l=
t;/code&gt; elements that
+   have a &lt;code title=3Dattr-name&gt;name&lt;/code&gt; content attrib=
ute whose value is &lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt;, or&l=
t;/li&gt;
+
+   &lt;li&gt;&lt;a href=3D#html-elements&gt;HTML elements&lt;/a&gt; that=
 have an &lt;code title=3Dattr-id&gt;&lt;a href=3D#the-id-attribute&gt;id=
&lt;/a&gt;&lt;/code&gt; content attribute
+   whose value is &lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt;.&lt;/=
li&gt;
+
+  &lt;/ul&gt;&lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dgarbage-collection-and-browsing-contexts&gt;&lt;span class=
=3Dsecno&gt;6.2.5 &lt;/span&gt;Garbage collection and browsing contexts&l=
t;/h4&gt;
+
+  &lt;p&gt;A &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt=
; has a strong reference to each of its &lt;code&gt;&lt;a href=3D#documen=
t&gt;Document&lt;/a&gt;&lt;/code&gt;s
+  and its &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&gt;=
&lt;/code&gt; object, and the user agent itself has a strong reference to=
 its
+  &lt;a href=3D#top-level-browsing-context title=3D&quot;top-level brows=
ing context&quot;&gt;top-level browsing contexts&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt=
;/code&gt; has a strong reference to its &lt;code&gt;&lt;a href=3D#window=
&gt;Window&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;A &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;=
/a&gt;&lt;/code&gt; object &lt;a href=3D#implied-strong-reference title=3D=
&quot;implied strong reference&quot;&gt;has a strong
+  reference&lt;/a&gt; to its &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt; object through its &lt;code title=3Ddom-docume=
nt&gt;&lt;a href=3D#dom-document-0&gt;document&lt;/a&gt;&lt;/code&gt; att=
ribute. Thus, references from other scripts to either of
+  those objects will keep both alive. Similarly, both &lt;code&gt;&lt;a =
href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a=
 href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt;
+  objects have &lt;a href=3D#implied-strong-reference title=3D&quot;impl=
ied strong reference&quot;&gt;implied strong references&lt;/a&gt; to the
+  &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&gt;&lt;/cod=
e&gt; object.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;Each &lt;a href=3D#concept-script title=3Dconcept-script&gt;s=
cript&lt;/a&gt; has a strong reference to its &lt;a href=3D#settings-obje=
ct&gt;settings
+  object&lt;/a&gt;, and each &lt;a href=3D#script-settings-object&gt;scr=
ipt settings object&lt;/a&gt;
+  has strong references to its &lt;a href=3D#global-object&gt;global obj=
ect&lt;/a&gt;, &lt;a href=3D#responsible-browsing-context&gt;responsible =
browsing context&lt;/a&gt;, and &lt;a href=3D#responsible-document&gt;res=
ponsible document&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;!-- discard a document --&gt;
+  &lt;p&gt;When a &lt;a href=3D#browsing-context&gt;browsing context&lt;=
/a&gt; is to &lt;dfn id=3Ddiscard-a-document&gt;discard a &lt;code&gt;Doc=
ument&lt;/code&gt;&lt;/dfn&gt;, the user
+  agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Set the &lt;code&gt;&lt;a href=3D#documen=
t&gt;Document&lt;/a&gt;&lt;/code&gt;'s &lt;i title=3Dconcept-document-sal=
vageable&gt;&lt;a href=3D#concept-document-salvageable&gt;salvageable&lt;=
/a&gt;&lt;/i&gt; state to false.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Run any &lt;a href=3D#unloading-document-cleanup-s=
teps&gt;unloading document cleanup steps&lt;/a&gt; for the &lt;code&gt;&l=
t;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; that
+   are defined by this specification and &lt;a href=3D#other-applicable-=
specifications&gt;other applicable specifications&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#abort-a-document title=3D&quot;abort=
 a document&quot;&gt;Abort the &lt;code&gt;Document&lt;/code&gt;&lt;/a&gt=
;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove any &lt;a href=3D#concept-task title=3Dconc=
ept-task&gt;tasks&lt;/a&gt; associated with the
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
 in any &lt;a href=3D#task-source&gt;task source&lt;/a&gt;, without runni=
ng those tasks.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#a-browsing-context-is-discarded titl=
e=3D&quot;a browsing context is discarded&quot;&gt;Discard&lt;/a&gt; all =
the &lt;a href=3D#child-browsing-context title=3D&quot;child
+   browsing context&quot;&gt;child browsing contexts&lt;/a&gt; of the &l=
t;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;.&lt;/=
li&gt;
+
+   &lt;li&gt;&lt;p&gt;Lose the strong reference from the &lt;code&gt;&lt=
;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#br=
owsing-context&gt;browsing context&lt;/a&gt;
+   to the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/c=
ode&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;Whenever a &lt;code&gt;&lt;a href=3D#=
document&gt;Document&lt;/a&gt;&lt;/code&gt; object is &lt;a href=3D#disca=
rd-a-document title=3D&quot;discard a
+  Document&quot;&gt;discarded&lt;/a&gt;, it is also removed from the lis=
t of &lt;a href=3D&quot;#the-worker's-documents&quot;&gt;the worker's
+  &lt;code&gt;Document&lt;/code&gt;s&lt;/a&gt; of each worker whose list=
 contains that &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&l=
t;/code&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When &lt;dfn id=3Da-browsing-context-is-discarded&gt;a &lt;em=
&gt;&lt;span&gt;browsing context&lt;/span&gt;&lt;/em&gt; is discarded&lt;=
/dfn&gt;, the strong reference
+  from the user agent itself to the &lt;a href=3D#browsing-context&gt;br=
owsing context&lt;/a&gt; must be severed, and all the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
objects for all the entries in the &lt;a href=3D#browsing-context&gt;brow=
sing context&lt;/a&gt;'s session
+  history must be &lt;a href=3D#discard-a-document title=3D&quot;discard=
 a document&quot;&gt;discarded&lt;/a&gt; as well.&lt;/p&gt;
+
+  &lt;p&gt;User agents may &lt;a href=3D#a-browsing-context-is-discarded=
 title=3D&quot;a browsing context is discarded&quot;&gt;discard&lt;/a&gt;=
 &lt;a href=3D#top-level-browsing-context title=3D&quot;top-level browsin=
g context&quot;&gt;top-level browsing contexts&lt;/a&gt; at any time (typ=
ically, in
+  response to user requests, e.g. when a user force-closes a window cont=
aining one or more &lt;a href=3D#top-level-browsing-context title=3D&quot=
;top-level browsing context&quot;&gt;top-level browsing contexts&lt;/a&gt=
;). Other &lt;a href=3D#browsing-context title=3D&quot;browsing context&q=
uot;&gt;browsing contexts&lt;/a&gt; must be discarded once their
+  &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&gt;&lt;/cod=
e&gt; object is eligible for garbage collection.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dclosing-browsing-contexts&gt;&lt;span class=3Dsecno&gt;6.2=
.6 &lt;/span&gt;Closing browsing contexts&lt;/h4&gt;
+
+  &lt;p&gt;When the user agent is required to &lt;dfn id=3Dclose-a-brows=
ing-context&gt;close a browsing context&lt;/dfn&gt;, it must run the
+  following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;speci=
fied browsing context&lt;/var&gt; be the &lt;a href=3D#browsing-context&g=
t;browsing context&lt;/a&gt;
+   being closed.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#prompt-to-unload-a-document title=3D=
&quot;prompt to unload a document&quot;&gt;Prompt to unload&lt;/a&gt; the=
 &lt;a href=3D#active-document&gt;active
+   document&lt;/a&gt; of the &lt;var title=3D&quot;&quot;&gt;specified b=
rowsing context&lt;/var&gt;. If the user &lt;a href=3D#refused-to-allow-t=
he-document-to-be-unloaded&gt;refused
+   to allow the document to be unloaded&lt;/a&gt;, then abort these step=
s.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#unload-a-document title=3D&quot;unlo=
ad a document&quot;&gt;Unload&lt;/a&gt; the &lt;a href=3D#active-document=
&gt;active document&lt;/a&gt; of the &lt;var title=3D&quot;&quot;&gt;spec=
ified browsing context&lt;/var&gt; with the &lt;var title=3D&quot;&quot;&=
gt;recycle&lt;/var&gt; parameter set to
+   false.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove the &lt;var title=3D&quot;&quot;&gt;specifi=
ed browsing context&lt;/var&gt; from the user interface (e.g.
+   close or hide its tab in a tabbed browser).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#a-browsing-context-is-discarded titl=
e=3D&quot;a browsing context is discarded&quot;&gt;Discard&lt;/a&gt; the =
&lt;var title=3D&quot;&quot;&gt;specified
+   browsing context&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;User agents should offer users the ability to arbi=
trarily &lt;a href=3D#close-a-browsing-context title=3D&quot;close a brow=
sing
+  context&quot;&gt;close&lt;/a&gt; any &lt;a href=3D#top-level-browsing-=
context&gt;top-level browsing context&lt;/a&gt;.&lt;/p&gt;
+
+
+
+  &lt;h4 id=3Dbrowser-interface-elements&gt;&lt;span class=3Dsecno&gt;6.=
2.7 &lt;/span&gt;Browser interface elements&lt;/h4&gt;
+
+  &lt;p&gt;To allow Web pages to integrate with Web browsers, certain We=
b browser interface elements are
+  exposed in a limited way to scripts in Web pages.&lt;/p&gt;
+
+  &lt;p&gt;Each interface element is represented by a &lt;code&gt;&lt;a =
href=3D#barprop&gt;BarProp&lt;/a&gt;&lt;/code&gt; object:&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dbarprop&gt;BarProp&lt;/d=
fn&gt; {
+           attribute boolean &lt;a href=3D#dom-barprop-visible title=3Dd=
om-BarProp-visible&gt;visible&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;w=
indow&lt;/var&gt; . &lt;code title=3Ddom-window-locationbar&gt;&lt;a href=
=3D#dom-window-locationbar&gt;locationbar&lt;/a&gt;&lt;/code&gt; . &lt;co=
de title=3Ddom-BarProp-visible&gt;&lt;a href=3D#dom-barprop-visible&gt;vi=
sible&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns true if the location bar is visible; otherwise, ret=
urns false.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-window-menubar&gt;&lt;a href=3D#dom-window-menubar&gt;menu=
bar&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-BarProp-visible&gt;&lt;=
a href=3D#dom-barprop-visible&gt;visible&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt=
;
+   &lt;dd&gt;
+    &lt;p&gt;Returns true if the menu bar is visible; otherwise, returns=
 false.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-window-personalbar&gt;&lt;a href=3D#dom-window-personalbar=
&gt;personalbar&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-BarProp-vis=
ible&gt;&lt;a href=3D#dom-barprop-visible&gt;visible&lt;/a&gt;&lt;/code&g=
t;&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; .=
 &lt;code title=3D&quot;dom-window-directories&quot;&gt;directories&lt;/c=
ode&gt; . &lt;code title=3D&quot;dom-BarProp-visible&quot;&gt;visible&lt;=
/code&gt;&lt;/dt&gt;--&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns true if the personal bar is visible; otherwise, ret=
urns false.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-window-scrollbars&gt;&lt;a href=3D#dom-window-scrollbars&g=
t;scrollbars&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-BarProp-visibl=
e&gt;&lt;a href=3D#dom-barprop-visible&gt;visible&lt;/a&gt;&lt;/code&gt;&=
lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns true if the scroll bars are visible; otherwise, ret=
urns false.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-window-statusbar&gt;&lt;a href=3D#dom-window-statusbar&gt;=
statusbar&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-BarProp-visible&g=
t;&lt;a href=3D#dom-barprop-visible&gt;visible&lt;/a&gt;&lt;/code&gt;&lt;=
/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns true if the status bar is visible; otherwise, retur=
ns false.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-window-toolbar&gt;&lt;a href=3D#dom-window-toolbar&gt;tool=
bar&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-BarProp-visible&gt;&lt;=
a href=3D#dom-barprop-visible&gt;visible&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt=
;
+   &lt;dd&gt;
+    &lt;p&gt;Returns true if the toolbar is visible; otherwise, returns =
false.&lt;/p&gt;
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-barprop-visible title=3Ddom-BarProp-visi=
ble&gt;visible&lt;/dfn&gt; attribute, on getting, must return either
+  true or a value determined by the user agent to most accurately repres=
ent the visibility state of
+  the user interface element that the object represents, as described be=
low. On setting, the new
+  value must be discarded.&lt;/p&gt;
+
+  &lt;p&gt;The following &lt;code&gt;&lt;a href=3D#barprop&gt;BarProp&lt=
;/a&gt;&lt;/code&gt; objects exist for each &lt;code&gt;&lt;a href=3D#doc=
ument&gt;Document&lt;/a&gt;&lt;/code&gt; object in a
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;. Some of =
the user interface elements represented by these objects
+  might have no equivalent in some user agents; for those user agents, e=
xcept when otherwise
+  specified, the object must act as if it was present and visible (i.e. =
its &lt;code title=3Ddom-BarProp-visible&gt;&lt;a href=3D#dom-barprop-vis=
ible&gt;visible&lt;/a&gt;&lt;/code&gt; attribute must return true).&lt;/p=
&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dthe-location-bar-barprop-object&gt;Th=
e location bar &lt;code&gt;BarProp&lt;/code&gt; object&lt;/dfn&gt;&lt;/dt=
&gt;
+
+   &lt;dd&gt;Represents the user interface element that contains a contr=
ol that displays the
+   &lt;a href=3D#url&gt;URL&lt;/a&gt; of the &lt;a href=3D#active-docume=
nt&gt;active document&lt;/a&gt;, or some similar interface concept.&lt;/d=
d&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dthe-menu-bar-barprop-object&gt;The menu bar &l=
t;code&gt;BarProp&lt;/code&gt; object&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;Represents the user interface element that contains a list =
of commands in menu form, or some
+   similar interface concept.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dthe-personal-bar-barprop-object&gt;The persona=
l bar &lt;code&gt;BarProp&lt;/code&gt; object&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;Represents the user interface element that contains links t=
o the user's favorite pages, or
+   some similar interface concept.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dthe-scrollbar-barprop-object&gt;The scrollbar =
&lt;code&gt;BarProp&lt;/code&gt; object&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;Represents the user interface element that contains a scrol=
ling mechanism, or some similar
+   interface concept.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dthe-status-bar-barprop-object&gt;The status ba=
r &lt;code&gt;BarProp&lt;/code&gt; object&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;Represents a user interface element found immediately below=
 or after the document, as
+   appropriate for the user's media. If the user agent has no such user =
interface element, then the
+   object may act as if the corresponding user interface element was abs=
ent (i.e. its &lt;code title=3Ddom-BarProp-visible&gt;&lt;a href=3D#dom-b=
arprop-visible&gt;visible&lt;/a&gt;&lt;/code&gt; attribute may return fal=
se).&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dthe-toolbar-barprop-object&gt;The toolbar &lt;=
code&gt;BarProp&lt;/code&gt; object&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;Represents the user interface element found immediately abo=
ve or before the document, as
+   appropriate for the user's media. If the user agent has no such user =
interface element, then the
+   object may act as if the corresponding user interface element was abs=
ent (i.e. its &lt;code title=3Ddom-BarProp-visible&gt;&lt;a href=3D#dom-b=
arprop-visible&gt;visible&lt;/a&gt;&lt;/code&gt; attribute may return fal=
se).&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;The &lt;dfn id=3Ddom-window-locationbar title=3Ddo=
m-window-locationbar&gt;&lt;code&gt;locationbar&lt;/code&gt;&lt;/dfn&gt; =
attribute must return
+  &lt;a href=3D#the-location-bar-barprop-object&gt;the location bar &lt;=
code&gt;BarProp&lt;/code&gt; object&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-window-menubar title=3Ddom-window-menuba=
r&gt;&lt;code&gt;menubar&lt;/code&gt;&lt;/dfn&gt; attribute must return &=
lt;a href=3D#the-menu-bar-barprop-object&gt;the
+  menu bar &lt;code&gt;BarProp&lt;/code&gt; object&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-window-personalbar title=3Ddom-window-pe=
rsonalbar&gt;&lt;code&gt;personalbar&lt;/code&gt;&lt;/dfn&gt; attribute m=
ust return
+  &lt;a href=3D#the-personal-bar-barprop-object&gt;the personal bar &lt;=
code&gt;BarProp&lt;/code&gt; object&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-window-scrollbars title=3Ddom-window-scr=
ollbars&gt;&lt;code&gt;scrollbars&lt;/code&gt;&lt;/dfn&gt; attribute must=
 return
+  &lt;a href=3D#the-scrollbar-barprop-object&gt;the scrollbar &lt;code&g=
t;BarProp&lt;/code&gt; object&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-window-statusbar title=3Ddom-window-stat=
usbar&gt;&lt;code&gt;statusbar&lt;/code&gt;&lt;/dfn&gt; attribute must re=
turn
+  &lt;a href=3D#the-status-bar-barprop-object&gt;the status bar &lt;code=
&gt;BarProp&lt;/code&gt; object&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-window-toolbar title=3Ddom-window-toolba=
r&gt;&lt;code&gt;toolbar&lt;/code&gt;&lt;/dfn&gt; attribute must return &=
lt;a href=3D#the-toolbar-barprop-object&gt;the
+  toolbar &lt;code&gt;BarProp&lt;/code&gt; object&lt;/a&gt;.&lt;/p&gt;
+
+&lt;!--
+  &lt;p&gt;For legacy reasons, the &lt;dfn title=3D&quot;dom-window-dire=
ctories&quot;&gt;&lt;code&gt;directories&lt;/code&gt;&lt;/dfn&gt;
+  attribute must also return &lt;span&gt;the personal bar &lt;code&gt;Ba=
rProp&lt;/code&gt; object&lt;/span&gt;.&lt;/p&gt;
+--&gt;
+
+  &lt;hr&gt;&lt;p&gt;For historical reasons, the &lt;dfn id=3Ddom-window=
-status title=3Ddom-window-status&gt;&lt;code&gt;status&lt;/code&gt;&lt;/=
dfn&gt; attribute
+  on the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&g=
t; object must, on getting, return the last string it was set to, and on
+  setting, must set itself to the new value. When the &lt;code&gt;&lt;a =
href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object is created, the
+  attribute must be set to the empty string. It does not do anything els=
e.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dthe-windowproxy-object&gt;&lt;span class=3Dsecno&gt;6.2.8 =
&lt;/span&gt;The &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowProxy&lt;=
/a&gt;&lt;/code&gt; object&lt;/h4&gt;
+
+
+  &lt;p&gt;As mentioned earlier, each &lt;a href=3D#browsing-context&gt;=
browsing context&lt;/a&gt; has a
+  &lt;dfn id=3Dwindowproxy&gt;&lt;code&gt;WindowProxy&lt;/code&gt;&lt;/d=
fn&gt; object. This object is unusual in that all operations that
+  would be performed on it must be performed on the &lt;code&gt;&lt;a hr=
ef=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object of the &lt;a href=3D=
#browsing-context&gt;browsing
+  context&lt;/a&gt;'s &lt;a href=3D#active-document&gt;active document&l=
t;/a&gt; instead. It is thus indistinguishable from that
+  &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obje=
ct in every way until the &lt;a href=3D#browsing-context&gt;browsing cont=
ext&lt;/a&gt; is navigated.&lt;/p&gt;
+
+  &lt;p&gt;There is no &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowPr=
oxy&lt;/a&gt;&lt;/code&gt; interface object.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code&gt;&lt;a href=3D#windowproxy&gt;Win=
dowProxy&lt;/a&gt;&lt;/code&gt; object allows scripts to act as if each
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; had a sin=
gle &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obj=
ect, while still keeping
+  separate &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code=
&gt; objects for each &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/=
a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In the following example, the variable &lt;var title=3D&quot=
;&quot;&gt;x&lt;/var&gt; is set to the
+   &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&gt;&lt;/co=
de&gt; object returned by the &lt;code title=3Ddom-window&gt;&lt;a href=3D=
#dom-window&gt;window&lt;/a&gt;&lt;/code&gt; accessor
+   on the global object. All of the expressions following the assignment=
 return true, because in
+   every respect, the &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowPro=
xy&lt;/a&gt;&lt;/code&gt; object acts like the underlying &lt;code&gt;&lt=
;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt;
+   object.&lt;/p&gt;
+
+   &lt;pre&gt;var x =3D window;
+x instanceof Window; // true
+x =3D=3D=3D this; // true&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+
+
+&lt;!--TOPIC:Security--&gt;
+  &lt;h3 id=3Dorigin-0&gt;&lt;span class=3Dsecno&gt;6.3 &lt;/span&gt;Ori=
gin&lt;/h3&gt;
+  &lt;!-- Hallowed are the Ori --&gt;
+
+  &lt;p&gt;Origins are the fundamental currency of the Web's security mo=
del. Two actors in the Web
+  platform that share an origin are assumed to trust each other and to h=
ave the same authority.
+  Actors with differing origins are considered potentially hostile versu=
s each other, and are
+  isolated from each other to varying degrees.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;For example, if Example Bank's Web site, host=
ed at &lt;code title=3D&quot;&quot;&gt;bank.example.com&lt;/code&gt;, tri=
es to examine the DOM of Example Charity's Web site, hosted
+  at &lt;code title=3D&quot;&quot;&gt;charity.example.org&lt;/code&gt;, =
a &lt;code&gt;&lt;a href=3D#securityerror&gt;SecurityError&lt;/a&gt;&lt;/=
code&gt; exception will be
+  raised.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Dorigin&gt;origin&lt;/dfn&gt; of a =
resource and the &lt;dfn id=3Deffective-script-origin&gt;effective script=
 origin&lt;/dfn&gt; of a resource
+  are both either opaque identifiers or tuples consisting of a scheme co=
mponent, a host component, a
+  port component, and optionally extra data.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The extra data could include the certificate of =
the site when using encrypted
+  connections, to ensure that if the site's secure certificate changes, =
the origin is considered to
+  change as well.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;An &lt;a href=3D#origin&gt;origin&lt;/a&gt; or &lt;a href=3D#=
effective-script-origin&gt;effective script origin&lt;/a&gt; can be defin=
ed as an &lt;dfn id=3Dconcept-origin-alias title=3Dconcept-origin-alias&g=
t;alias&lt;/dfn&gt; to another &lt;a href=3D#origin&gt;origin&lt;/a&gt; o=
r &lt;a href=3D#effective-script-origin&gt;effective script
+  origin&lt;/a&gt;. The value of the &lt;a href=3D#origin&gt;origin&lt;/=
a&gt; or &lt;a href=3D#effective-script-origin&gt;effective script origin=
&lt;/a&gt; is
+  then the value of the &lt;a href=3D#origin&gt;origin&lt;/a&gt; or &lt;=
a href=3D#effective-script-origin&gt;effective script origin&lt;/a&gt; to=
 which it is
+  an alias.&lt;/p&gt;
+
+  &lt;p&gt;These characteristics are defined as follows:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;For URLs&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;a href=3D#origin&gt;origin&lt;/a&gt; and &lt;a href=
=3D#effective-script-origin&gt;effective script origin&lt;/a&gt; of the &=
lt;a href=3D#url&gt;URL&lt;/a&gt; are
+    the origin defined in &lt;cite&gt;The Web Origin Concept&lt;/cite&gt=
;. &lt;a href=3D#refsORIGIN&gt;[ORIGIN]&lt;/a&gt;&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;For &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt; objects&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt id=3DsandboxOrigin&gt;If a &lt;code&=
gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'s &lt;a href=
=3D#active-sandboxing-flag-set&gt;active sandboxing flag set&lt;/a&gt; ha=
s
+     its &lt;a href=3D#sandboxed-origin-browsing-context-flag&gt;sandbox=
ed origin browsing context flag&lt;/a&gt; set&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;The &lt;a href=3D#origin&gt;origin&lt;/a&gt; is a globall=
y unique identifier assigned when the
+      &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt; is created.&lt;/p&gt;
+
+      &lt;p&gt;The &lt;a href=3D#effective-script-origin&gt;effective sc=
ript origin&lt;/a&gt; is initially an &lt;a href=3D#concept-origin-alias =
title=3Dconcept-origin-alias&gt;alias&lt;/a&gt; to the &lt;a href=3D#orig=
in&gt;origin&lt;/a&gt; of the
+      &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+
+     &lt;dt&gt;If a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a=
&gt;&lt;/code&gt; was generated from a &lt;a href=3D#javascript-protocol =
title=3D&quot;javascript
+     protocol&quot;&gt;&lt;code&gt;javascript:&lt;/code&gt; URL&lt;/a&gt=
;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;The &lt;a href=3D#origin&gt;origin&lt;/a&gt; is an &lt;a =
href=3D#concept-origin-alias title=3Dconcept-origin-alias&gt;alias&lt;/a&=
gt; to the
+      &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the script of that &lt=
;a href=3D#javascript-protocol title=3D&quot;javascript
+      protocol&quot;&gt;&lt;code&gt;javascript:&lt;/code&gt; URL&lt;/a&g=
t;.&lt;/p&gt;
+
+      &lt;p&gt;The &lt;a href=3D#effective-script-origin&gt;effective sc=
ript origin&lt;/a&gt; is initially an &lt;a href=3D#concept-origin-alias =
title=3Dconcept-origin-alias&gt;alias&lt;/a&gt; to the &lt;a href=3D#orig=
in&gt;origin&lt;/a&gt; of the
+      &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+
+     &lt;dt&gt;If a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a=
&gt;&lt;/code&gt; was served over the network and has an address that use=
s a URL
+     scheme with a server-based naming authority&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;The &lt;a href=3D#origin&gt;origin&lt;/a&gt; is an &lt;a =
href=3D#concept-origin-alias title=3Dconcept-origin-alias&gt;alias&lt;/a&=
gt; to the
+      &lt;a href=3D#origin&gt;origin&lt;/a&gt; of &lt;a href=3D&quot;#th=
e-document's-address&quot;&gt;the &lt;code&gt;Document&lt;/code&gt;'s add=
ress&lt;/a&gt;.&lt;/p&gt;
+
+      &lt;p&gt;The &lt;a href=3D#effective-script-origin&gt;effective sc=
ript origin&lt;/a&gt; is initially an &lt;a href=3D#concept-origin-alias =
title=3Dconcept-origin-alias&gt;alias&lt;/a&gt; to the &lt;a href=3D#orig=
in&gt;origin&lt;/a&gt; of the
+      &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+
+     &lt;dt&gt;If a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a=
&gt;&lt;/code&gt; was generated from a &lt;a href=3D#data-protocol title=3D=
&quot;data protocol&quot;&gt;&lt;code title=3D&quot;&quot;&gt;data:&lt;/c=
ode&gt; URL&lt;/a&gt; found in another &lt;code&gt;&lt;a href=3D#document=
&gt;Document&lt;/a&gt;&lt;/code&gt; or in a script&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;The &lt;a href=3D#origin&gt;origin&lt;/a&gt; is an &lt;a =
href=3D#concept-origin-alias title=3Dconcept-origin-alias&gt;alias&lt;/a&=
gt; to the
+      &lt;a href=3D#origin&gt;origin&lt;/a&gt; specified by the &lt;a hr=
ef=3D#incumbent-settings-object&gt;incumbent settings object&lt;/a&gt; wh=
en the &lt;a href=3D#navigate&gt;navigate&lt;/a&gt;
+      algorithm was invoked, or, if no &lt;a href=3D#concept-script titl=
e=3Dconcept-script&gt;script&lt;/a&gt; was involved, of
+      the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/c=
ode&gt; of the element that initiated the &lt;a href=3D#navigate title=3D=
navigate&gt;navigation&lt;/a&gt; to that &lt;a href=3D#url&gt;URL&lt;/a&g=
t;.&lt;/p&gt;
+
+      &lt;p&gt;The &lt;a href=3D#effective-script-origin&gt;effective sc=
ript origin&lt;/a&gt; is initially an &lt;a href=3D#concept-origin-alias =
title=3Dconcept-origin-alias&gt;alias&lt;/a&gt; to the &lt;a href=3D#effe=
ctive-script-origin&gt;effective script origin&lt;/a&gt; of that
+      same &lt;a href=3D#script-settings-object&gt;script settings objec=
t&lt;/a&gt; or &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&l=
t;/code&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+
+     &lt;dt&gt;If a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a=
&gt;&lt;/code&gt; has the &lt;a href=3D&quot;#the-document's-address&quot=
; title=3D&quot;the document's address&quot;&gt;address&lt;/a&gt;
+     &quot;&lt;code&gt;&lt;a href=3D#about:blank&gt;about:blank&lt;/a&gt=
;&lt;/code&gt;&quot;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;The &lt;a href=3D#origin&gt;origin&lt;/a&gt; and &lt;a hr=
ef=3D#effective-script-origin&gt;effective script origin&lt;/a&gt; of the
+      &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt; are &lt;a href=3D#about-blank-origin&gt;those it was assigned when it=
s
+      browsing context was created&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+
+     &lt;dt&gt;If a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a=
&gt;&lt;/code&gt; is &lt;a href=3D#an-iframe-srcdoc-document&gt;an &lt;co=
de&gt;iframe&lt;/code&gt; &lt;code title=3Dattr-iframe-srcdoc&gt;srcdoc&l=
t;/code&gt; document&lt;/a&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;The &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the &lt;c=
ode&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; is an &l=
t;a href=3D#concept-origin-alias title=3Dconcept-origin-alias&gt;alias&lt=
;/a&gt; to the &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the
+      &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt;'s &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;'s &lt;=
a href=3D#browsing-context-container&gt;browsing context
+      container&lt;/a&gt;'s &lt;code&gt;&lt;a href=3D#document&gt;Docume=
nt&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+      &lt;p&gt;The &lt;a href=3D#effective-script-origin&gt;effective sc=
ript origin&lt;/a&gt; is initially an &lt;a href=3D#concept-origin-alias =
title=3Dconcept-origin-alias&gt;alias&lt;/a&gt; to the &lt;a href=3D#effe=
ctive-script-origin&gt;effective script origin&lt;/a&gt; of the
+      &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt;'s &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;'s &lt;=
a href=3D#browsing-context-container&gt;browsing context
+      container&lt;/a&gt;'s &lt;code&gt;&lt;a href=3D#document&gt;Docume=
nt&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+
+     &lt;dt&gt;If a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a=
&gt;&lt;/code&gt; was obtained in some other manner (e.g. a &lt;a href=3D=
#data-protocol title=3D&quot;data
+     protocol&quot;&gt;&lt;code title=3D&quot;&quot;&gt;data:&lt;/code&g=
t; URL&lt;/a&gt; typed in by the user or that was returned as
+     the location of an HTTP redirect (&lt;a href=3D#concept-http-equiva=
lent-codes title=3Dconcept-http-equivalent-codes&gt;or
+     equivalent&lt;/a&gt; in other protocols), a &lt;code&gt;&lt;a href=3D=
#document&gt;Document&lt;/a&gt;&lt;/code&gt; created using the &lt;code t=
itle=3Ddom-DOMImplementation-createDocument&gt;&lt;a href=3D#dom-domimple=
mentation-createdocument&gt;createDocument()&lt;/a&gt;&lt;/code&gt; API, =
etc)&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;The default behavior as defined in the DOM standard appli=
es. &lt;a href=3D#refsDOM&gt;[DOM]&lt;/a&gt;.&lt;/p&gt;
+
+      &lt;p class=3Dnote&gt;The &lt;a href=3D#origin&gt;origin&lt;/a&gt;=
 is a globally unique identifier assigned when the
+      &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt; is created, and the &lt;a href=3D#effective-script-origin&gt;effectiv=
e script origin&lt;/a&gt; is initially an
+      &lt;a href=3D#concept-origin-alias title=3Dconcept-origin-alias&gt=
;alias&lt;/a&gt; to the &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the
+      &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;p class=3Dnote&gt;The &lt;a href=3D#effective-script-=
origin&gt;effective script origin&lt;/a&gt; of a &lt;code&gt;&lt;a href=3D=
#document&gt;Document&lt;/a&gt;&lt;/code&gt; can be
+    manipulated using the &lt;code title=3Ddom-document-domain&gt;&lt;a =
href=3D#dom-document-domain&gt;document.domain&lt;/a&gt;&lt;/code&gt; IDL
+    attribute.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;For images&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If an image is the image of an &l=
t;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt; ele=
ment and its image data is
+     &lt;a href=3D#cors-cross-origin&gt;CORS-cross-origin&lt;/a&gt;&lt;/=
dt&gt;
+
+     &lt;dd&gt;The &lt;a href=3D#origin&gt;origin&lt;/a&gt; is a globall=
y unique identifier assigned when the image is
+     created.&lt;/dd&gt;
+
+
+     &lt;dt&gt;If an image is the image of an &lt;code&gt;&lt;a href=3D#=
the-img-element&gt;img&lt;/a&gt;&lt;/code&gt; element and its image data =
is
+     &lt;a href=3D#cors-same-origin&gt;CORS-same-origin&lt;/a&gt;&lt;/dt=
&gt;
+
+     &lt;dd&gt;The &lt;a href=3D#origin&gt;origin&lt;/a&gt; is an &lt;a =
href=3D#concept-origin-alias title=3Dconcept-origin-alias&gt;alias&lt;/a&=
gt; to the
+     &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the &lt;code&gt;&lt;a h=
ref=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt; element's &lt;code&g=
t;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;.&lt;/dd&gt;
+
+     &lt;!-- all image loads go through the &quot;potentially CORS-enabl=
ed fetch&quot; algorithm so they're all
+     either CORS-cross-origin or CORS-same-origin if they succeed at all=
 --&gt;
+
+    &lt;/dl&gt;&lt;p&gt;Images do not have an &lt;a href=3D#effective-sc=
ript-origin&gt;effective script origin&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;For &lt;code&gt;&lt;a href=3D#the-audio-element&gt;audio&lt=
;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-video-element&gt;v=
ideo&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the &lt;a href=3D#media-data&g=
t;media data&lt;/a&gt; is &lt;a href=3D#cors-cross-origin&gt;CORS-cross-o=
rigin&lt;/a&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;The &lt;a href=3D#origin&gt;origin&lt;/a&gt; is a globall=
y unique identifier assigned when the &lt;a href=3D#media-data&gt;media
+     data&lt;/a&gt; is &lt;a href=3D#fetch title=3Dfetch&gt;fetched&lt;/=
a&gt;.&lt;/dd&gt;
+
+
+     &lt;dt&gt;If the &lt;a href=3D#media-data&gt;media data&lt;/a&gt; i=
s &lt;a href=3D#cors-same-origin&gt;CORS-same-origin&lt;/a&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;The &lt;a href=3D#origin&gt;origin&lt;/a&gt; is an &lt;a =
href=3D#concept-origin-alias title=3Dconcept-origin-alias&gt;alias&lt;/a&=
gt; to the
+     &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the &lt;a href=3D#media=
-element&gt;media element&lt;/a&gt;'s &lt;code&gt;&lt;a href=3D#document&=
gt;Document&lt;/a&gt;&lt;/code&gt;.&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;p&gt;&lt;a href=3D#media-element title=3D&quot;media =
element&quot;&gt;Media elements&lt;/a&gt; do not have an &lt;a href=3D#ef=
fective-script-origin&gt;effective script
+    origin&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;For fonts&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;a href=3D#origin&gt;origin&lt;/a&gt; of a downloada=
ble Web font is an &lt;a href=3D#concept-origin-alias title=3Dconcept-ori=
gin-alias&gt;alias&lt;/a&gt; to the &lt;a href=3D#origin&gt;origin&lt;/a&=
gt; of the &lt;a href=3D#absolute-url&gt;absolute
+    URL&lt;/a&gt; used to obtain the font (after any redirects). &lt;a h=
ref=3D#refsCSSFONTS&gt;[CSSFONTS]&lt;/a&gt;
+    &lt;a href=3D#refsCSSFONTLOAD&gt;[CSSFONTLOAD]&lt;/a&gt;&lt;/p&gt; &=
lt;!-- this means you can get data from a remote
+    site if you can make it redirect to your own site in some fashion co=
ntrolled by the data you
+    want to read --&gt;
+
+    &lt;p&gt;The &lt;a href=3D#origin&gt;origin&lt;/a&gt; of a locally i=
nstalled system font is an &lt;a href=3D#concept-origin-alias title=3Dcon=
cept-origin-alias&gt;alias&lt;/a&gt; to the &lt;a href=3D#origin&gt;origi=
n&lt;/a&gt; of the
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; in which that font is being used.&lt;/p&gt;
+
+    &lt;p&gt;Fonts do not have an &lt;a href=3D#effective-script-origin&=
gt;effective script origin&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;Other specifications can override the above defini=
tions by themselves specifying the origin of
+  a particular &lt;a href=3D#url&gt;URL&lt;/a&gt;, &lt;code&gt;&lt;a hre=
f=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;, image, &lt;a href=3D#me=
dia-element&gt;media element&lt;/a&gt;, or
+  font.&lt;/p&gt;
+
+  &lt;!-- e.g.:
+
+    &lt;p&gt;The &lt;span&gt;origin&lt;/span&gt; of a &lt;code&gt;Docume=
nt&lt;/code&gt; object returned by the
+    &lt;code&gt;XMLHttpRequest&lt;/code&gt; API is an &lt;span title=3D&=
quot;concept-origin-alias&quot;&gt;alias&lt;/span&gt; to the
+    &lt;span&gt;XMLHttpRequest origin&lt;/span&gt; of the &lt;code&gt;XM=
LHttpRequest&lt;/code&gt; object.&lt;/p&gt;
+
+  --&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Dunicode-serialization-of-an-origin=
&gt;Unicode serialization of an origin&lt;/dfn&gt; is the string obtained=
 by applying the
+  following algorithm to the given &lt;a href=3D#origin&gt;origin&lt;/a&=
gt;:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;a href=3D#origin&gt;origin&lt;=
/a&gt; in question is not a scheme/host/port tuple, then return the
+   literal string &quot;&lt;code title=3D&quot;&quot;&gt;null&lt;/code&g=
t;&quot; and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, let &lt;var title=3D&quot;&quot;&gt;res=
ult&lt;/var&gt; be the scheme part of the &lt;a href=3D#origin&gt;origin&=
lt;/a&gt;
+   tuple.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Append the string &quot;&lt;code title=3D&quot;&qu=
ot;&gt;://&lt;/code&gt;&quot; to &lt;var title=3D&quot;&quot;&gt;result&l=
t;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Apply the IDNA ToUnicode algorithm to each compone=
nt of the host part of the
+   &lt;a href=3D#origin&gt;origin&lt;/a&gt; tuple, and append the result=
s &amp;mdash; each component, in the same order,
+   separated by U+002E FULL STOP characters (.) &amp;mdash; to &lt;var t=
itle=3D&quot;&quot;&gt;result&lt;/var&gt;. &lt;a href=3D#refsRFC3490&gt;[=
RFC3490]&lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the port part of the &lt;a href=3D#origin&gt;or=
igin&lt;/a&gt; tuple gives a port that is different from the
+   default port for the protocol given by the scheme part of the &lt;a h=
ref=3D#origin&gt;origin&lt;/a&gt; tuple, then
+   append a U+003A COLON character (:) and the given port, in base ten, =
to &lt;var title=3D&quot;&quot;&gt;result&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;result&lt;/=
var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Dascii-serialization-of-an-origin&=
gt;ASCII serialization of an origin&lt;/dfn&gt; is the string obtained by=
 applying the
+  following algorithm to the given &lt;a href=3D#origin&gt;origin&lt;/a&=
gt;:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;a href=3D#origin&gt;origin&lt;=
/a&gt; in question is not a scheme/host/port tuple, then return the
+   literal string &quot;&lt;code title=3D&quot;&quot;&gt;null&lt;/code&g=
t;&quot; and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, let &lt;var title=3D&quot;&quot;&gt;res=
ult&lt;/var&gt; be the scheme part of the &lt;a href=3D#origin&gt;origin&=
lt;/a&gt;
+   tuple.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Append the string &quot;&lt;code title=3D&quot;&qu=
ot;&gt;://&lt;/code&gt;&quot; to &lt;var title=3D&quot;&quot;&gt;result&l=
t;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Apply the IDNA ToASCII algorithm to the host part of the &l=
t;a href=3D#origin&gt;origin&lt;/a&gt; tuple, with both
+    the AllowUnassigned and UseSTD3ASCIIRules flags set, and append the =
results to &lt;var title=3D&quot;&quot;&gt;result&lt;/var&gt;.&lt;/p&gt;
+
+    &lt;p&gt;If ToASCII fails to convert one of the components of the st=
ring, e.g. because it is too long
+    or because it contains invalid characters, then return the empty str=
ing and abort these steps.
+    &lt;a href=3D#refsRFC3490&gt;[RFC3490]&lt;/a&gt;&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the port part of the &lt;a href=3D#origin&gt;or=
igin&lt;/a&gt; tuple gives a port that is different from the
+   default port for the protocol given by the scheme part of the &lt;a h=
ref=3D#origin&gt;origin&lt;/a&gt; tuple, then
+   append a U+003A COLON character (:) and the given port, in base ten, =
to &lt;var title=3D&quot;&quot;&gt;result&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;result&lt;/=
var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;Two &lt;a href=3D#origin title=3Dorigin&gt;origins=
&lt;/a&gt; are said to be the &lt;dfn id=3Dsame-origin&gt;same origin&lt;=
/dfn&gt; if the
+  following algorithm returns true:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;A&lt;=
/var&gt; be the first &lt;a href=3D#origin&gt;origin&lt;/a&gt; being comp=
ared, and &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt; be the second &lt=
;a href=3D#origin&gt;origin&lt;/a&gt; being compared.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt; a=
nd &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt; are both opaque identifi=
ers, and their
+   value is equal, then return true.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, if either &lt;var title=3D&quot;&quot;&=
gt;A&lt;/var&gt; or &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt; or both=
 are opaque
+   identifiers, return false.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt; a=
nd &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt; have scheme components t=
hat are not
+   identical, return false.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt; a=
nd &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt; have host components tha=
t are not
+   identical, return false.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt; a=
nd &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt; have port components tha=
t are not
+   identical, return false.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If either &lt;var title=3D&quot;&quot;&gt;A&lt;/va=
r&gt; or &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt; have additional da=
ta, but that
+   data is not identical for both, return false.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return true.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+  &lt;h4 id=3Drelaxing-the-same-origin-restriction&gt;&lt;span class=3Ds=
ecno&gt;6.3.1 &lt;/span&gt;Relaxing the same-origin restriction&lt;/h4&gt=
;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;d=
ocument&lt;/var&gt; . &lt;code title=3Ddom-document-domain&gt;&lt;a href=3D=
#dom-document-domain&gt;domain&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=
=3D&quot;&quot;&gt;domain&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current domain used for security checks.&lt;/p&=
gt;
+
+    &lt;p&gt;Can be set to a value that removes subdomains, to change th=
e &lt;a href=3D#effective-script-origin&gt;effective script
+    origin&lt;/a&gt; to allow pages on other subdomains of the same doma=
in (if they do the same thing)
+    to access each other.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-document-domain title=3Ddom-document-dom=
ain&gt;&lt;code&gt;domain&lt;/code&gt;&lt;/dfn&gt; attribute on
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
objects must be initialized to &lt;a href=3D&quot;#the-document's-domain&=
quot;&gt;the document's domain&lt;/a&gt;, if it has
+  one, and the empty string otherwise. If &lt;a href=3D&quot;#the-docume=
nt's-domain&quot;&gt;the document's domain&lt;/a&gt; starts with a U+005B
+  LEFT SQUARE BRACKET character ([) and ends with a U+005D RIGHT SQUARE =
BRACKET character (]), it is
+  an IPv6 address; these square brackets must be omitted when initializi=
ng the attribute's
+  value.&lt;/p&gt;
+
+  &lt;p&gt;On getting, the attribute must return its current value, unle=
ss the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt; has
+  no &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;, in wh=
ich case it must return the empty string.&lt;/p&gt;
+
+  &lt;p&gt;On setting, the user agent must run the following algorithm:&=
lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a=
&gt;&lt;/code&gt; has no &lt;a href=3D#browsing-context&gt;browsing conte=
xt&lt;/a&gt;, throw a
+    &lt;code&gt;&lt;a href=3D#securityerror&gt;SecurityError&lt;/a&gt;&l=
t;/code&gt; exception and abort these steps.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the new value is an IPv4 or IPv6 address, let &lt;var ti=
tle=3D&quot;&quot;&gt;new value&lt;/var&gt; be the new
+    value. Otherwise, apply the IDNA ToASCII algorithm to the new value,=
 with both the
+    AllowUnassigned and UseSTD3ASCIIRules flags set, and let &lt;var tit=
le=3D&quot;&quot;&gt;new value&lt;/var&gt; be the
+    result of the ToASCII algorithm.&lt;/p&gt;
+
+    &lt;p&gt;If ToASCII fails to convert one of the components of the st=
ring, e.g. because it is too long
+    or because it contains invalid characters, then throw a &lt;code&gt;=
&lt;a href=3D#securityerror&gt;SecurityError&lt;/a&gt;&lt;/code&gt; excep=
tion and
+    abort these steps. &lt;a href=3D#refsRFC3490&gt;[RFC3490]&lt;/a&gt;&=
lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;new value&lt;/var&gt; is=
 not exactly equal to the current value of the &lt;code title=3Ddom-docum=
ent-domain&gt;&lt;a href=3D#dom-document-domain&gt;document.domain&lt;/a&=
gt;&lt;/code&gt; attribute, then run these substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;If the current value is an IPv4 or IPv6 address, throw a =
&lt;code&gt;&lt;a href=3D#securityerror&gt;SecurityError&lt;/a&gt;&lt;/co=
de&gt;
+      exception and abort these steps.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;new value&lt;/var&gt;,=
 prefixed by a U+002E FULL STOP (.), does not exactly
+      match the end of the current value, throw a &lt;code&gt;&lt;a href=
=3D#securityerror&gt;SecurityError&lt;/a&gt;&lt;/code&gt; exception and a=
bort
+      these steps.&lt;/p&gt;
+
+      &lt;p class=3Dnote&gt;If the &lt;var title=3D&quot;&quot;&gt;new v=
alue&lt;/var&gt; is an IPv4 or IPv6 address, it cannot
+      match the &lt;var title=3D&quot;&quot;&gt;new value&lt;/var&gt; in=
 this way and thus an exception will be thrown
+      here.&lt;/p&gt;
+
+      &lt;!-- this is the step that prevents us from ever setting docume=
nt.domain if the &gt;effective
+      script origin&lt; isn't a scheme/host/port tuple --&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;new value&lt;/var&gt; =
matches a suffix in the Public Suffix List, or, if &lt;var title=3D&quot;=
&quot;&gt;new value&lt;/var&gt;, prefixed by a U+002E FULL STOP (.), matc=
hes the end of a suffix in
+      the Public Suffix List, then throw a &lt;code&gt;&lt;a href=3D#sec=
urityerror&gt;SecurityError&lt;/a&gt;&lt;/code&gt; exception and abort th=
ese
+      steps. &lt;a href=3D#refsPSL&gt;[PSL]&lt;/a&gt;&lt;/p&gt;
+
+      &lt;p&gt;Suffixes must be compared after applying the IDNA ToASCII=
 algorithm to them, with both the
+      AllowUnassigned and UseSTD3ASCIIRules flags set, in an &lt;a href=3D=
#ascii-case-insensitive&gt;ASCII case-insensitive&lt;/a&gt;
+      manner. &lt;a href=3D#refsRFC3490&gt;[RFC3490]&lt;/a&gt;&lt;/p&gt;
+
+     &lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Release the &lt;a href=3D#storage-mutex&gt;storage=
 mutex&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Set the attribute's value to &lt;var title=3D&quot;&quot;&g=
t;new value&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#effective-script-origin&gt;effective s=
cript origin&lt;/a&gt; of the &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt; is an &lt;a href=3D#concept-origin-alias title=
=3Dconcept-origin-alias&gt;alias&lt;/a&gt;, set it to the value of the &l=
t;a href=3D#effective-script-origin&gt;effective script
+    origin&lt;/a&gt; (essentially de-aliasing the &lt;a href=3D#effectiv=
e-script-origin&gt;effective script origin&lt;/a&gt;).&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;new value&lt;/var&gt; is=
 not the empty string, then run these substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;Set the host part of the &lt;a href=3D#effective-script-o=
rigin&gt;effective script origin&lt;/a&gt; tuple of the
+      &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt; to &lt;var title=3D&quot;&quot;&gt;new value&lt;/var&gt;.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Set the port part of the &lt;a href=3D#effective-script-o=
rigin&gt;effective script origin&lt;/a&gt; tuple of the
+      &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt; to &quot;manual override&quot; (a value that, for the purposes of &lt=
;a href=3D#same-origin title=3D&quot;same origin&quot;&gt;comparing origi=
ns&lt;/a&gt;, is identical to &quot;manual override&quot; but not
+      identical to any other value).&lt;/p&gt;
+
+     &lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3D&quot;the-document's-domain&quot;=
 title=3D&quot;the document's domain&quot;&gt;domain&lt;/dfn&gt; of a &lt=
;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; is the=
 host part
+  of the document's &lt;a href=3D#origin&gt;origin&lt;/a&gt;, if the val=
ue of that &lt;a href=3D#origin&gt;origin&lt;/a&gt; is a
+  scheme/host/port tuple. If it isn't, then the document does not have a=
 domain.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code title=3Ddom-document-domain&gt;&lt;=
a href=3D#dom-document-domain&gt;domain&lt;/a&gt;&lt;/code&gt; attribute =
is used to enable
+  pages on different hosts of a domain to access each others' DOMs.&lt;/=
p&gt;
+
+  &lt;p class=3Dwarning&gt;Do not use the &lt;code title=3Ddom-document-=
domain&gt;&lt;a href=3D#dom-document-domain&gt;document.domain&lt;/a&gt;&=
lt;/code&gt;
+  attribute when using shared hosting. If an untrusted third party is ab=
le to host an HTTP server at
+  the same IP address but on a different port, then the same-origin prot=
ection that normally
+  protects two different sites on the same host will fail, as the ports =
are ignored when comparing
+  origins after the &lt;code title=3Ddom-document-domain&gt;&lt;a href=3D=
#dom-document-domain&gt;document.domain&lt;/a&gt;&lt;/code&gt; attribute =
has been
+  used.&lt;/p&gt;
+
+
+
+&lt;!--TOPIC:HTML--&gt;
+
+  &lt;h3 id=3Dsandboxing&gt;&lt;span class=3Dsecno&gt;6.4 &lt;/span&gt;S=
andboxing&lt;/h3&gt;
+
+  &lt;p&gt;A &lt;dfn id=3Dsandboxing-flag-set&gt;sandboxing flag set&lt;=
/dfn&gt; is a set of zero or more of the following flags, which are
+  used to restrict the abilities that potentially untrusted resources ha=
ve:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;The &lt;dfn id=3Dsandboxed-navigation-browsing-con=
text-flag&gt;sandboxed navigation browsing context flag&lt;/dfn&gt;&lt;/d=
t&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;This flag &lt;a href=3D#sandboxLinks&gt;prevents content fr=
om navigating browsing contexts other
+    than the sandboxed browsing context itself&lt;/a&gt; (or browsing co=
ntexts further nested inside it),
+    &lt;a href=3D#auxiliary-browsing-context title=3D&quot;auxiliary bro=
wsing context&quot;&gt;auxiliary browsing contexts&lt;/a&gt; (which are p=
rotected
+    by the &lt;a href=3D#sandboxed-auxiliary-navigation-browsing-context=
-flag&gt;sandboxed auxiliary navigation browsing context flag&lt;/a&gt; d=
efined next), and the
+    &lt;a href=3D#top-level-browsing-context&gt;top-level browsing conte=
xt&lt;/a&gt; (which is protected by the &lt;a href=3D#sandboxed-top-level=
-navigation-browsing-context-flag&gt;sandboxed top-level
+    navigation browsing context flag&lt;/a&gt; defined below).&lt;/p&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#sandboxed-auxiliary-navigation-browsin=
g-context-flag&gt;sandboxed auxiliary navigation browsing context flag&lt=
;/a&gt; is not set, then in
+    certain cases the restrictions nonetheless allow popups (new &lt;a h=
ref=3D#top-level-browsing-context title=3D&quot;top-level browsing
+    context&quot;&gt;top-level browsing contexts&lt;/a&gt;) to be opened=
. These &lt;a href=3D#browsing-context title=3D&quot;browsing
+    context&quot;&gt;browsing contexts&lt;/a&gt; always have &lt;dfn id=3D=
one-permitted-sandboxed-navigator&gt;one permitted sandboxed navigator&lt=
;/dfn&gt;, set
+    when the browsing context is created, which allows the &lt;a href=3D=
#browsing-context&gt;browsing context&lt;/a&gt; that
+    created them to actually navigate them. (Otherwise, the &lt;a href=3D=
#sandboxed-navigation-browsing-context-flag&gt;sandboxed navigation brows=
ing
+    context flag&lt;/a&gt; would prevent them from being navigated even =
if they were opened.)&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;The &lt;dfn id=3Dsandboxed-auxiliary-navigation-browsing-co=
ntext-flag&gt;sandboxed auxiliary navigation browsing context flag&lt;/df=
n&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;This flag &lt;a href=3D#sandboxWindowOpen&gt;prevents conte=
nt from creating new auxiliary browsing
+    contexts&lt;/a&gt;, e.g. using the &lt;code title=3Dattr-hyperlink-t=
arget&gt;&lt;a href=3D#attr-hyperlink-target&gt;target&lt;/a&gt;&lt;/code=
&gt; attribute, the
+    &lt;code title=3Ddom-open&gt;&lt;a href=3D#dom-open&gt;window.open()=
&lt;/a&gt;&lt;/code&gt; method, or the &lt;code title=3Ddom-showModalDial=
og&gt;&lt;a href=3D#dom-showmodaldialog&gt;showModalDialog()&lt;/a&gt;&lt=
;/code&gt; method.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;The &lt;dfn id=3Dsandboxed-top-level-navigation-browsing-co=
ntext-flag&gt;sandboxed top-level navigation browsing context flag&lt;/df=
n&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;This flag &lt;a href=3D#sandboxLinks&gt;prevents content fr=
om navigating their &lt;span&gt;top-level
+    browsing context&lt;/span&gt;&lt;/a&gt; and &lt;a href=3D#sandboxClo=
se&gt;prevents content from closing their
+    &lt;span&gt;top-level browsing context&lt;/span&gt;&lt;/a&gt;.&lt;/p=
&gt;
+
+    &lt;p&gt;When the &lt;a href=3D#sandboxed-top-level-navigation-brows=
ing-context-flag&gt;sandboxed top-level navigation browsing context flag&=
lt;/a&gt; is &lt;em&gt;not&lt;/em&gt;
+    set, content can navigate its &lt;a href=3D#top-level-browsing-conte=
xt&gt;top-level browsing context&lt;/a&gt;, but other &lt;a href=3D#brows=
ing-context title=3D&quot;browsing context&quot;&gt;browsing contexts&lt;=
/a&gt; are still protected by the &lt;a href=3D#sandboxed-navigation-brow=
sing-context-flag&gt;sandboxed
+    navigation browsing context flag&lt;/a&gt; and possibly the &lt;a hr=
ef=3D#sandboxed-auxiliary-navigation-browsing-context-flag&gt;sandboxed a=
uxiliary navigation
+    browsing context flag&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;The &lt;dfn id=3Dsandboxed-plugins-browsing-context-flag&gt=
;sandboxed plugins browsing context flag&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;This flag prevents content from instantiating &lt;a href=3D=
#plugin title=3Dplugin&gt;plugins&lt;/a&gt;, whether
+    using &lt;a href=3D#sandboxPluginEmbed&gt;the &lt;code&gt;embed&lt;/=
code&gt; element&lt;/a&gt;, &lt;a href=3D#sandboxPluginObject&gt;the &lt;=
code&gt;object&lt;/code&gt; element&lt;/a&gt;, &lt;a href=3D#sandboxPlugi=
nApplet&gt;the &lt;code&gt;applet&lt;/code&gt; element&lt;/a&gt;, or thro=
ugh &lt;a href=3D#sandboxPluginNavigate&gt;navigation&lt;/a&gt; of a &lt;=
a href=3D#nested-browsing-context&gt;nested browsing context&lt;/a&gt;, u=
nless
+    those &lt;a href=3D#plugin title=3Dplugin&gt;plugins&lt;/a&gt; can b=
e &lt;a href=3D#concept-plugin-secure title=3Dconcept-plugin-secure&gt;se=
cured&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;The &lt;dfn id=3Dsandboxed-seamless-iframes-flag&gt;sandbox=
ed seamless iframes flag&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;This flag prevents content from using the &lt;code title=3D=
attr-iframe-seamless&gt;&lt;a href=3D#attr-iframe-seamless&gt;seamless&lt=
;/a&gt;&lt;/code&gt;
+    attribute on descendant &lt;code&gt;&lt;a href=3D#the-iframe-element=
&gt;iframe&lt;/a&gt;&lt;/code&gt; elements.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This prevents a page inserted using the &lt;co=
de title=3Dattr-iframe-sandbox-allow-same-origin&gt;&lt;a href=3D#attr-if=
rame-sandbox-allow-same-origin&gt;allow-same-origin&lt;/a&gt;&lt;/code&gt=
; keyword from using a
+    CSS-selector-based method of probing the DOM of other pages on the s=
ame site (in particular,
+    pages that contain user-sensitive information).&lt;/p&gt;
+
+    &lt;!-- http://lists.w3.org/Archives/Public/public-web-security/2009=
Dec/thread.html#msg51 --&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;The &lt;dfn id=3Dsandboxed-origin-browsing-context-flag&gt;=
sandboxed origin browsing context flag&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;This flag &lt;a href=3D#sandboxOrigin&gt;forces content int=
o a unique origin&lt;/a&gt;, thus preventing
+    it from accessing other content from the same &lt;a href=3D#origin&g=
t;origin&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;This flag also &lt;a href=3D#sandboxCookies&gt;prevents scr=
ipt from reading from or writing to the
+    &lt;code title=3Ddom-document-cookie&gt;document.cookie&lt;/code&gt;=
 IDL attribute&lt;/a&gt;, and blocks access to
+    &lt;code title=3Ddom-localStorage&gt;&lt;a href=3D#dom-localstorage&=
gt;localStorage&lt;/a&gt;&lt;/code&gt;.
+    &lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;The &lt;dfn id=3Dsandboxed-forms-browsing-context-flag&gt;s=
andboxed forms browsing context flag&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;This flag &lt;a href=3D#sandboxSubmitBlocked&gt;blocks form=
 submission&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;The &lt;dfn id=3Dsandboxed-pointer-lock-browsing-context-fl=
ag&gt;sandboxed pointer lock browsing context flag&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;This flag disables the Pointer Lock API. &lt;a href=3D#refs=
POINTERLOCK&gt;[POINTERLOCK]&lt;/a&gt;&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;The &lt;dfn id=3Dsandboxed-scripts-browsing-context-flag&gt=
;sandboxed scripts browsing context flag&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;This flag &lt;a href=3D#sandboxScriptBlocked&gt;blocks scri=
pt execution&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;The &lt;dfn id=3Dsandboxed-automatic-features-browsing-cont=
ext-flag&gt;sandboxed automatic features browsing context flag&lt;/dfn&gt=
;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;This flag blocks features that trigger automatically, such =
as &lt;a href=3D#attr-media-autoplay title=3Dattr-media-autoplay&gt;autom=
atically playing a video&lt;/a&gt; or &lt;a href=3D#attr-fe-autofocus tit=
le=3Dattr-fe-autofocus&gt;automatically focusing a form control&lt;/a&gt;=
.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;The &lt;dfn id=3Dsandboxed-fullscreen-browsing-context-flag=
&gt;sandboxed fullscreen browsing context flag&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;This flag prevents content from using the &lt;code title=3D=
dom-element-requestFullscreen&gt;&lt;a href=3D#dom-element-requestfullscr=
een&gt;requestFullscreen()&lt;/a&gt;&lt;/code&gt; method.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;When the user agent is to &lt;dfn id=3Dparse-a-san=
dboxing-directive&gt;parse a sandboxing directive&lt;/dfn&gt;, given a st=
ring &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt;, a &lt;a href=3D#s=
andboxing-flag-set&gt;sandboxing flag set&lt;/a&gt; &lt;var title=3D&quot=
;&quot;&gt;output&lt;/var&gt;, and
+  optionally an &lt;var title=3D&quot;&quot;&gt;allow fullscreen flag&lt=
;/var&gt;, it must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#split-a-string-on-spaces ti=
tle=3D&quot;split a string on spaces&quot;&gt;Split &lt;var title=3D&quot=
;&quot;&gt;input&lt;/var&gt; on spaces&lt;/a&gt;,
+   to obtain &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var&gt;.&lt;/li&=
gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;output&lt;/var=
&gt; be empty.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Add the following flags to &lt;var title=3D&quot;&quot;&gt;=
output&lt;/var&gt;:&lt;/p&gt;
+
+    &lt;ul&gt;&lt;li&gt;&lt;p&gt;The &lt;a href=3D#sandboxed-navigation-=
browsing-context-flag&gt;sandboxed navigation browsing context flag&lt;/a=
&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;The &lt;a href=3D#sandboxed-auxiliary-navigation=
-browsing-context-flag&gt;sandboxed auxiliary navigation browsing context=
 flag&lt;/a&gt;, unless &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var&gt=
; contains the &lt;dfn id=3Dattr-iframe-sandbox-allow-popups title=3Dattr=
-iframe-sandbox-allow-popups&gt;&lt;code&gt;allow-popups&lt;/code&gt;&lt;=
/dfn&gt; keyword.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;The &lt;a href=3D#sandboxed-top-level-navigation=
-browsing-context-flag&gt;sandboxed top-level navigation browsing context=
 flag&lt;/a&gt;, unless &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var&gt=
; contains the &lt;dfn id=3Dattr-iframe-sandbox-allow-top-navigation titl=
e=3Dattr-iframe-sandbox-allow-top-navigation&gt;&lt;code&gt;allow-top-nav=
igation&lt;/code&gt;&lt;/dfn&gt;
+     keyword.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;The &lt;a href=3D#sandboxed-plugins-browsing-con=
text-flag&gt;sandboxed plugins browsing context flag&lt;/a&gt;.&lt;/li&gt=
;
+
+     &lt;li&gt;&lt;p&gt;The &lt;a href=3D#sandboxed-seamless-iframes-fla=
g&gt;sandboxed seamless iframes flag&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;The &lt;a href=3D#sandboxed-origin-browsing-context-flag&=
gt;sandboxed origin browsing context flag&lt;/a&gt;, unless the &lt;var t=
itle=3D&quot;&quot;&gt;tokens&lt;/var&gt; contains the &lt;dfn id=3Dattr-=
iframe-sandbox-allow-same-origin title=3Dattr-iframe-sandbox-allow-same-o=
rigin&gt;&lt;code&gt;allow-same-origin&lt;/code&gt;&lt;/dfn&gt;
+      keyword.&lt;/p&gt;
+
+      &lt;div class=3Dnote&gt;
+
+       &lt;p&gt;The &lt;code title=3Dattr-iframe-sandbox-allow-same-orig=
in&gt;&lt;a href=3D#attr-iframe-sandbox-allow-same-origin&gt;allow-same-o=
rigin&lt;/a&gt;&lt;/code&gt; keyword
+       is intended for two cases.&lt;/p&gt;
+
+       &lt;p&gt;First, it can be used to allow content from the same sit=
e to be sandboxed to disable
+       scripting, while still allowing access to the DOM of the sandboxe=
d content.&lt;/p&gt;
+
+       &lt;p&gt;Second, it can be used to embed content from a third-par=
ty site, sandboxed to prevent that
+       site from opening pop-up windows, etc, without preventing the emb=
edded page from
+       communicating back to its originating site, using the database AP=
Is to store data, etc.&lt;/p&gt;
+
+      &lt;/div&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;The &lt;a href=3D#sandboxed-forms-browsing-conte=
xt-flag&gt;sandboxed forms browsing context flag&lt;/a&gt;, unless &lt;va=
r title=3D&quot;&quot;&gt;tokens&lt;/var&gt; contains the &lt;dfn id=3Dat=
tr-iframe-sandbox-allow-forms title=3Dattr-iframe-sandbox-allow-forms&gt;=
&lt;code&gt;allow-forms&lt;/code&gt;&lt;/dfn&gt; keyword.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;The &lt;a href=3D#sandboxed-pointer-lock-browsin=
g-context-flag&gt;sandboxed pointer lock browsing context flag&lt;/a&gt;,=
 unless &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var&gt; contains the &=
lt;dfn id=3Dattr-iframe-sandbox-allow-pointer-lock title=3Dattr-iframe-sa=
ndbox-allow-pointer-lock&gt;&lt;code&gt;allow-pointer-lock&lt;/code&gt;&l=
t;/dfn&gt;
+     keyword.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;The &lt;a href=3D#sandboxed-scripts-browsing-con=
text-flag&gt;sandboxed scripts browsing context flag&lt;/a&gt;, unless &l=
t;var title=3D&quot;&quot;&gt;tokens&lt;/var&gt; contains the &lt;dfn id=3D=
attr-iframe-sandbox-allow-scripts title=3Dattr-iframe-sandbox-allow-scrip=
ts&gt;&lt;code&gt;allow-scripts&lt;/code&gt;&lt;/dfn&gt; keyword.&lt;/li&=
gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;The &lt;a href=3D#sandboxed-automatic-features-browsing-c=
ontext-flag&gt;sandboxed automatic features browsing context flag&lt;/a&g=
t;, unless &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var&gt; contains th=
e &lt;code title=3Dattr-iframe-sandbox-allow-scripts&gt;&lt;a href=3D#att=
r-iframe-sandbox-allow-scripts&gt;allow-scripts&lt;/a&gt;&lt;/code&gt; ke=
yword (defined above).&lt;/p&gt;
+
+      &lt;p class=3Dnote&gt;This flag is relaxed by the same keyword as =
scripts, because when scripts are
+      enabled these features are trivially possible anyway, and it would=
 be unfortunate to force
+      authors to use script to do them when sandboxed rather than allowi=
ng them to use the
+      declarative features.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;The &lt;a href=3D#sandboxed-fullscreen-browsing-=
context-flag&gt;sandboxed fullscreen browsing context flag&lt;/a&gt;, unl=
ess the &lt;var title=3D&quot;&quot;&gt;allow fullscreen flag&lt;/var&gt;=
 was passed to the &lt;a href=3D#parse-a-sandboxing-directive&gt;parse a =
sandboxing
+     directive&lt;/a&gt; flag.&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;Every &lt;a href=3D#top-level-browsing-c=
ontext&gt;top-level browsing context&lt;/a&gt; has a &lt;dfn id=3Dpopup-s=
andboxing-flag-set&gt;popup sandboxing flag set&lt;/dfn&gt;, which
+  is a &lt;a href=3D#sandboxing-flag-set&gt;sandboxing flag set&lt;/a&gt=
;. When a &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; is=
 created, its
+  &lt;a href=3D#popup-sandboxing-flag-set&gt;popup sandboxing flag set&l=
t;/a&gt; must be empty. It is populated by &lt;a href=3D#the-rules-for-ch=
oosing-a-browsing-context-given-a-browsing-context-name&gt;the rules for
+  choosing a browsing context given a browsing context name&lt;/a&gt;.&l=
t;/p&gt;
+
+  &lt;p&gt;Every &lt;a href=3D#nested-browsing-context&gt;nested browsin=
g context&lt;/a&gt; has an &lt;dfn id=3Diframe-sandboxing-flag-set&gt;&lt=
;code&gt;iframe&lt;/code&gt; sandboxing flag
+  set&lt;/dfn&gt;, which is a &lt;a href=3D#sandboxing-flag-set&gt;sandb=
oxing flag set&lt;/a&gt;. Which flags in a &lt;a href=3D#nested-browsing-=
context&gt;nested browsing
+  context&lt;/a&gt;'s &lt;a href=3D#iframe-sandboxing-flag-set&gt;&lt;co=
de&gt;iframe&lt;/code&gt; sandboxing flag set&lt;/a&gt; are set at any pa=
rticular
+  time is determined by the &lt;code&gt;&lt;a href=3D#the-iframe-element=
&gt;iframe&lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-iframe-=
sandbox&gt;&lt;a href=3D#attr-iframe-sandbox&gt;sandbox&lt;/a&gt;&lt;/cod=
e&gt; attribute.&lt;/p&gt;
+
+  &lt;p&gt;Every &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt; has an &lt;dfn id=3Dactive-sandboxing-flag-set&gt;active s=
andboxing flag set&lt;/dfn&gt;, which is a
+  &lt;a href=3D#sandboxing-flag-set&gt;sandboxing flag set&lt;/a&gt;. Wh=
en the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt; is created, its &lt;a href=3D#active-sandboxing-flag-set&gt;active
+  sandboxing flag set&lt;/a&gt; must be empty. It is populated by the &l=
t;a href=3D#navigate title=3Dnavigate&gt;navigation
+  algorithm&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Every resource that is obtained by the &lt;a href=3D#navigate=
 title=3Dnavigate&gt;navigation algorithm&lt;/a&gt; has a
+  &lt;dfn id=3Dforced-sandboxing-flag-set&gt;forced sandboxing flag set&=
lt;/dfn&gt;, which is a &lt;a href=3D#sandboxing-flag-set&gt;sandboxing f=
lag set&lt;/a&gt;. A resource by
+  default has no flags set in its &lt;a href=3D#forced-sandboxing-flag-s=
et&gt;forced sandboxing flag set&lt;/a&gt;, but other specifications
+  can define that certain flags are set.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;In particular, the &lt;a href=3D#forced-sandboxi=
ng-flag-set&gt;forced sandboxing flag set&lt;/a&gt; is used by the Conten=
t
+  Security Policy specification. &lt;a href=3D#refsCSP&gt;[CSP]&lt;/a&gt=
;&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;When a user agent is to &lt;dfn id=3Dimplement-the-=
sandboxing&gt;implement the sandboxing&lt;/dfn&gt; for a &lt;code&gt;&lt;=
a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;, it
+  must populate &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;=
&lt;/code&gt;'s &lt;a href=3D#active-sandboxing-flag-set&gt;active sandbo=
xing flag set&lt;/a&gt; with the union of
+  the flags that are present in the following &lt;a href=3D#sandboxing-f=
lag-set title=3D&quot;sandboxing flag set&quot;&gt;sandboxing flag
+  sets&lt;/a&gt; at the time the &lt;code&gt;&lt;a href=3D#document&gt;D=
ocument&lt;/a&gt;&lt;/code&gt; object is created:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document=
&gt;Document&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#browsing-context&gt;b=
rowsing context&lt;/a&gt; is a &lt;a href=3D#top-level-browsing-context&g=
t;top-level browsing
+   context&lt;/a&gt;, then: the flags set on the &lt;a href=3D#browsing-=
context&gt;browsing context&lt;/a&gt;'s &lt;a href=3D#popup-sandboxing-fl=
ag-set&gt;popup sandboxing
+   flag set&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#browsing-context&gt;browsing c=
ontext&lt;/a&gt; is a &lt;a href=3D#nested-browsing-context&gt;nested bro=
wsing
+   context&lt;/a&gt;, then: the flags set on the &lt;a href=3D#browsing-=
context&gt;browsing context&lt;/a&gt;'s
+   &lt;a href=3D#iframe-sandboxing-flag-set&gt;&lt;code&gt;iframe&lt;/co=
de&gt; sandboxing flag set&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#browsing-context&gt;browsing c=
ontext&lt;/a&gt; is a &lt;a href=3D#nested-browsing-context&gt;nested bro=
wsing
+   context&lt;/a&gt;, then: the flags set on the &lt;a href=3D#browsing-=
context&gt;browsing context&lt;/a&gt;'s &lt;a href=3D#parent-browsing-con=
text&gt;parent browsing
+   context&lt;/a&gt;'s &lt;a href=3D#active-document&gt;active document&=
lt;/a&gt;'s &lt;a href=3D#active-sandboxing-flag-set&gt;active sandboxing=
 flag set&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;The flags set on the &lt;code&gt;&lt;a href=3D#doc=
ument&gt;Document&lt;/a&gt;&lt;/code&gt;'s resource's &lt;a href=3D#force=
d-sandboxing-flag-set&gt;forced sandboxing flag
+   set&lt;/a&gt;, if it has one.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;h3 id=3Dhistory&gt;&lt;span class=3Dsecno&gt;6.5 &lt;/s=
pan&gt;Session history and navigation&lt;/h3&gt;
+
+  &lt;h4 id=3Dthe-session-history-of-browsing-contexts&gt;&lt;span class=
=3Dsecno&gt;6.5.1 &lt;/span&gt;The session history of browsing contexts&l=
t;/h4&gt;
+
+  &lt;p&gt;The sequence of &lt;code&gt;&lt;a href=3D#document&gt;Documen=
t&lt;/a&gt;&lt;/code&gt;s in a &lt;a href=3D#browsing-context&gt;browsing=
 context&lt;/a&gt; is its &lt;dfn id=3Dsession-history&gt;session
+  history&lt;/dfn&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;code&gt;&lt;a href=3D#history-0&gt;History&lt;/a&gt;&lt;/=
code&gt; objects provide a representation of the pages in the session his=
tory of
+  &lt;a href=3D#browsing-context title=3D&quot;browsing context&quot;&gt=
;browsing contexts&lt;/a&gt;. Each &lt;a href=3D#browsing-context&gt;brow=
sing context&lt;/a&gt;,
+  including &lt;a href=3D#nested-browsing-context title=3D&quot;nested b=
rowsing context&quot;&gt;nested browsing contexts&lt;/a&gt;, has a distin=
ct
+  session history.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;=
&lt;/code&gt; object in a &lt;a href=3D#browsing-context&gt;browsing cont=
ext&lt;/a&gt;'s &lt;a href=3D#session-history&gt;session
+  history&lt;/a&gt; is associated with a unique instance of the &lt;code=
&gt;&lt;a href=3D#history-0&gt;History&lt;/a&gt;&lt;/code&gt; object, alt=
hough
+  they all must model the same underlying &lt;a href=3D#session-history&=
gt;session history&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-history title=3Ddom-history&gt;&lt;code&=
gt;history&lt;/code&gt;&lt;/dfn&gt; attribute of the &lt;code&gt;&lt;a hr=
ef=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt;
+  interface must return the object implementing the &lt;code&gt;&lt;a hr=
ef=3D#history-0&gt;History&lt;/a&gt;&lt;/code&gt; interface for that &lt;=
a href=3D#concept-document-window title=3Dconcept-document-window&gt;&lt;=
code&gt;Window&lt;/code&gt; object's newest
+  &lt;code&gt;Document&lt;/code&gt;&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;&lt;code&gt;&lt;a href=3D#history-0&gt;History&lt;/a&gt;&lt;/=
code&gt; objects represent their &lt;a href=3D#browsing-context&gt;browsi=
ng context&lt;/a&gt;'s session history as
+  a flat list of &lt;a href=3D#session-history-entry title=3D&quot;sessi=
on history entry&quot;&gt;session history entries&lt;/a&gt;. Each
+  &lt;dfn id=3Dsession-history-entry&gt;session history entry&lt;/dfn&gt=
; consists of a &lt;a href=3D#url&gt;URL&lt;/a&gt; and optionally a &lt;a=
 href=3D#state-object&gt;state
+  object&lt;/a&gt;&lt;span class=3Dimpl&gt;, and may in addition have a =
title, a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/cod=
e&gt;
+  object, form data, a scroll position, and other information associated=
 with it&lt;/span&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p class=3Dnote&gt;This does not imply that the user interface need=
 be linear. See the &lt;a href=3D#history-notes&gt;notes below&lt;/a&gt;.=
&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;Titles associated with &lt;a href=3D#session-his=
tory-entry title=3D&quot;session history entry&quot;&gt;session history
+  entries&lt;/a&gt; need not have any relation with the current &lt;code=
&gt;&lt;a href=3D#the-title-element&gt;title&lt;/a&gt;&lt;/code&gt; of th=
e
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;.=
 The title of a &lt;a href=3D#session-history-entry&gt;session history en=
try&lt;/a&gt; is intended to explain
+  the state of the document at that point, so that the user can navigate=
 the document's history.&lt;/p&gt;
+
+  &lt;p&gt;URLs without associated &lt;a href=3D#state-object title=3D&q=
uot;state object&quot;&gt;state objects&lt;/a&gt; are added to the
+  session history as the user (or script) navigates from page to page.&l=
t;/p&gt;
+
+  &lt;p&gt;A &lt;dfn id=3Dstate-object&gt;state object&lt;/dfn&gt; is an=
 object representing a user interface state.&lt;/p&gt;
+
+  &lt;p&gt;Pages can &lt;a href=3D#dom-history-pushstate title=3Ddom-his=
tory-pushState&gt;add&lt;/a&gt; &lt;a href=3D#state-object title=3D&quot;=
state object&quot;&gt;state
+  objects&lt;/a&gt; to the session history. These are then &lt;a href=3D=
#event-popstate title=3Devent-popstate&gt;returned to the
+  script&lt;/a&gt; when the user (or script) goes back in the history, t=
hus enabling authors to use the
+  &quot;navigation&quot; metaphor even in one-page applications.&lt;/p&g=
t;
+
+  &lt;div class=3Dnote&gt;
+
+   &lt;p&gt;&lt;a href=3D#state-object title=3D&quot;state object&quot;&=
gt;State objects&lt;/a&gt; are intended to be used for two main purposes:
+   first, storing a preparsed description of the state in the &lt;a href=
=3D#url&gt;URL&lt;/a&gt; so that in the simple
+   case an author doesn't have to do the parsing (though one would still=
 need the parsing for
+   handling &lt;a href=3D#url title=3DURL&gt;URLs&lt;/a&gt; passed aroun=
d by users, so it's only a minor
+   optimization), and second, so that the author can store state that on=
e wouldn't store in the URL
+   because it only applies to the current &lt;code&gt;&lt;a href=3D#docu=
ment&gt;Document&lt;/a&gt;&lt;/code&gt; instance and it would have to be
+   reconstructed if a new &lt;code&gt;&lt;a href=3D#document&gt;Document=
&lt;/a&gt;&lt;/code&gt; were opened.&lt;/p&gt;
+
+   &lt;p&gt;An example of the latter would be something like keeping tra=
ck of the precise coordinate from
+   which a pop-up &lt;code&gt;&lt;a href=3D#the-div-element&gt;div&lt;/a=
&gt;&lt;/code&gt; was made to animate, so that if the user goes back, it =
can be
+   made to animate to the same location. Or alternatively, it could be u=
sed to keep a pointer into a
+   cache of data that would be fetched from the server based on the info=
rmation in the
+   &lt;a href=3D#url&gt;URL&lt;/a&gt;, so that when going back and forwa=
rd, the information doesn't have to be fetched
+   again.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;hr&gt;&lt;p&gt;At any point, one of the entries in the session his=
tory is the &lt;dfn id=3Dcurrent-entry&gt;current entry&lt;/dfn&gt;. This
+  is the entry representing the &lt;a href=3D#active-document&gt;active =
document&lt;/a&gt; of the &lt;a href=3D#browsing-context&gt;browsing cont=
ext&lt;/a&gt;.
+  Which entry is the &lt;a href=3D#current-entry&gt;current entry&lt;/a&=
gt; is changed by the algorithms defined in this
+  specification, e.g. during &lt;a href=3D#traverse-the-history title=3D=
&quot;traverse the history&quot;&gt;session history
+  traversal&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;a href=3D#current-entry&gt;current entry=
&lt;/a&gt; is usually an entry for the &lt;a href=3D&quot;#the-document's=
-address&quot; title=3D&quot;the
+  document's address&quot;&gt;address&lt;/a&gt; of the &lt;code&gt;&lt;a=
 href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;. However, it can als=
o be one of
+  the entries for &lt;a href=3D#state-object title=3D&quot;state object&=
quot;&gt;state objects&lt;/a&gt; added to the history by that
+  document.&lt;/p&gt;
+
+  &lt;p&gt;&lt;dfn id=3Dan-entry-with-persisted-user-state&gt;An entry w=
ith persisted user state&lt;/dfn&gt; is one that also has user-agent defi=
ned state.
+  This specification does not specify what kind of state can be stored.&=
lt;/p&gt;
+ =20
+  &lt;p class=3Dexample&gt;For example, some user agents might want to p=
ersist the scroll position, or the
+  values of form controls.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;User agents that persist the value of form contr=
ols are encouraged to also persist
+  their directionality (the value of the element's &lt;code title=3Dattr=
-dir&gt;&lt;a href=3D#the-dir-attribute&gt;dir&lt;/a&gt;&lt;/code&gt; att=
ribute).
+  This prevents values from being displayed incorrectly after a history =
traversal when the user had
+  originally entered the values with an explicit, non-default directiona=
lity.&lt;/p&gt;
+
+  &lt;p&gt;Entries that consist of &lt;a href=3D#state-object title=3D&q=
uot;state object&quot;&gt;state objects&lt;/a&gt; share the same
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
as the entry for the page that was active when they were added.&lt;/p&gt;
+
+  &lt;p&gt;Contiguous entries that differ just by fragment identifier al=
so share the same
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;.=
&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;All entries that share the same &lt;code&gt;&lt;=
a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; (and that are there=
fore
+  merely different states of one particular document) are contiguous by =
definition.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;=
&lt;/code&gt; in a &lt;a href=3D#browsing-context&gt;browsing context&lt;=
/a&gt; can also have a &lt;dfn id=3Dlatest-entry&gt;latest
+  entry&lt;/dfn&gt;. This is the entry or that &lt;code&gt;&lt;a href=3D=
#document&gt;Document&lt;/a&gt;&lt;/code&gt; that was most the recently t=
raversed
+  to. When a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt=
;/code&gt; is created, it initially has no &lt;a href=3D#latest-entry&gt;=
latest entry&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;User agents may &lt;a href=3D#discard-a-document title=3D&quo=
t;discard a Document&quot;&gt;discard&lt;/a&gt; the &lt;code&gt;&lt;a hre=
f=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;
+  objects of entries other than the &lt;a href=3D#current-entry&gt;curre=
nt entry&lt;/a&gt; that are not referenced from any
+  script, reloading the pages afresh when the user or script navigates b=
ack to such pages. This
+  specification does not specify when user agents should discard &lt;cod=
e&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; objects an=
d
+  when they should cache them.&lt;/p&gt;
+
+  &lt;p&gt;Entries that have had their &lt;code&gt;&lt;a href=3D#documen=
t&gt;Document&lt;/a&gt;&lt;/code&gt; objects discarded must, for the purp=
oses of
+  the algorithms given below, act as if they had not. When the user or s=
cript navigates back or
+  forwards to a page which has no in-memory DOM objects, any other entri=
es that shared the same
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
object with it must share the new object as well.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;h4 id=3Dthe-history-interface&gt;&lt;span class=3Dsecno&gt;6.5.2 &=
lt;/span&gt;The &lt;code&gt;&lt;a href=3D#history-0&gt;History&lt;/a&gt;&=
lt;/code&gt; interface&lt;/h4&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhistory-0&gt;History&lt;=
/dfn&gt; {
+  readonly attribute long &lt;a href=3D#dom-history-length title=3Ddom-h=
istory-length&gt;length&lt;/a&gt;;
+  readonly attribute any &lt;a href=3D#dom-history-state title=3Ddom-his=
tory-state&gt;state&lt;/a&gt;;
+  void &lt;a href=3D#dom-history-go title=3Ddom-history-go&gt;go&lt;/a&g=
t;(optional long delta);
+  void &lt;a href=3D#dom-history-back title=3Ddom-history-back&gt;back&l=
t;/a&gt;();
+  void &lt;a href=3D#dom-history-forward title=3Ddom-history-forward&gt;=
forward&lt;/a&gt;();
+  void &lt;a href=3D#dom-history-pushstate title=3Ddom-history-pushState=
&gt;pushState&lt;/a&gt;(any data, DOMString title, optional DOMString? ur=
l =3D null);
+  void &lt;a href=3D#dom-history-replacestate title=3Ddom-history-replac=
eState&gt;replaceState&lt;/a&gt;(any data, DOMString title, optional DOMS=
tring? url =3D null);
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;w=
indow&lt;/var&gt; . &lt;code title=3Ddom-history&gt;&lt;a href=3D#dom-his=
tory&gt;history&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-history-len=
gth&gt;&lt;a href=3D#dom-history-length&gt;length&lt;/a&gt;&lt;/code&gt;&=
lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the number of entries in the &lt;a href=3D#joint-se=
ssion-history&gt;joint session history&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-history&gt;&lt;a href=3D#dom-history&gt;history&lt;/a&gt;&=
lt;/code&gt; . &lt;code title=3Ddom-history-state&gt;&lt;a href=3D#dom-hi=
story-state&gt;state&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current &lt;a href=3D#state-object&gt;state obj=
ect&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-history&gt;&lt;a href=3D#dom-history&gt;history&lt;/a&gt;&=
lt;/code&gt; . &lt;code title=3Ddom-history-go&gt;&lt;a href=3D#dom-histo=
ry-go&gt;go&lt;/a&gt;&lt;/code&gt;( [ &lt;var title=3D&quot;&quot;&gt;del=
ta&lt;/var&gt; ] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Goes back or forward the specified number of steps in the &=
lt;a href=3D#joint-session-history&gt;joint session history&lt;/a&gt;.&lt=
;/p&gt;
+
+    &lt;p&gt;A zero delta will reload the current page.&lt;/p&gt;
+
+    &lt;p&gt;If the delta is out of range, does nothing.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-history&gt;&lt;a href=3D#dom-history&gt;history&lt;/a&gt;&=
lt;/code&gt; . &lt;code title=3Ddom-history-back&gt;&lt;a href=3D#dom-his=
tory-back&gt;back&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Goes back one step in the &lt;a href=3D#joint-session-histo=
ry&gt;joint session history&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;If there is no previous page, does nothing.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-history&gt;&lt;a href=3D#dom-history&gt;history&lt;/a&gt;&=
lt;/code&gt; . &lt;code title=3Ddom-history-forward&gt;&lt;a href=3D#dom-=
history-forward&gt;forward&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Goes forward one step in the &lt;a href=3D#joint-session-hi=
story&gt;joint session history&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;If there is no next page, does nothing.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-history&gt;&lt;a href=3D#dom-history&gt;history&lt;/a&gt;&=
lt;/code&gt; . &lt;code title=3Ddom-history-pushState&gt;&lt;a href=3D#do=
m-history-pushstate&gt;pushState&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&=
quot;&quot;&gt;data&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;title&lt=
;/var&gt; [, &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt; ] )&lt;/dt&g=
t;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Pushes the given data onto the session history, with the gi=
ven title, and, if provided and
+    not null, the given URL.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-history&gt;&lt;a href=3D#dom-history&gt;history&lt;/a&gt;&=
lt;/code&gt; . &lt;code title=3Ddom-history-replaceState&gt;&lt;a href=3D=
#dom-history-replacestate&gt;replaceState&lt;/a&gt;&lt;/code&gt;(&lt;var =
title=3D&quot;&quot;&gt;data&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt=
;title&lt;/var&gt; [, &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt; ] )=
&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Updates the current entry in the session history to have th=
e given data, title, and, if
+    provided and not null, URL.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;!--TOPIC:HTML--&gt;&lt;p&gt;The &lt;dfn id=3Djoint-sess=
ion-history&gt;joint session history&lt;/dfn&gt; of a &lt;a href=3D#top-l=
evel-browsing-context&gt;top-level browsing context&lt;/a&gt; is the unio=
n
+  of all the &lt;a href=3D#session-history title=3D&quot;session history=
&quot;&gt;session histories&lt;/a&gt; of all &lt;a href=3D#browsing-conte=
xt title=3D&quot;browsing
+  context&quot;&gt;browsing contexts&lt;/a&gt; of all the &lt;a href=3D#=
fully-active&gt;fully active&lt;/a&gt; &lt;code&gt;&lt;a href=3D#document=
&gt;Document&lt;/a&gt;&lt;/code&gt;
+  objects that share that &lt;a href=3D#top-level-browsing-context&gt;to=
p-level browsing context&lt;/a&gt;, with all the entries that are
+  &lt;a href=3D#current-entry title=3D&quot;current entry&quot;&gt;curre=
nt entries&lt;/a&gt; in their respective &lt;a href=3D#session-history ti=
tle=3D&quot;session
+  history&quot;&gt;session histories&lt;/a&gt; removed except for the &l=
t;a href=3D#current-entry-of-the-joint-session-history&gt;current entry o=
f the joint session
+  history&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dcurrent-entry-of-the-joint-session-history&g=
t;current entry of the joint session history&lt;/dfn&gt; is the entry tha=
t most recently
+  became a &lt;a href=3D#current-entry&gt;current entry&lt;/a&gt; in its=
 &lt;a href=3D#session-history&gt;session history&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Entries in the &lt;a href=3D#joint-session-history&gt;joint s=
ession history&lt;/a&gt; are ordered chronologically by the time they
+  were added to their respective &lt;a href=3D#session-history title=3D&=
quot;session history&quot;&gt;session histories&lt;/a&gt;. Each entry
+  has an index; the earliest entry has index 0, and the subsequent entri=
es are numbered with
+  consecutively increasing integers (1, 2, 3, etc).&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Since each &lt;code&gt;&lt;a href=3D#document&gt=
;Document&lt;/a&gt;&lt;/code&gt; in a &lt;a href=3D#browsing-context&gt;b=
rowsing context&lt;/a&gt; might have a
+  different &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt;, the actual=
 state of the &lt;a href=3D#joint-session-history&gt;joint session histor=
y&lt;/a&gt; can
+  be someone nebulous. For example, two sibling &lt;code&gt;&lt;a href=3D=
#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt; elements could both =
&lt;a href=3D#traverse-the-history title=3D&quot;traverse the history&quo=
t;&gt;traverse&lt;/a&gt; from one unique origin to another at the same ti=
me,
+  so their precise order might not be well-defined; similarly, since the=
y might only find out about
+  each other later, they might disagree about the length of the &lt;a hr=
ef=3D#joint-session-history&gt;joint session
+  history&lt;/a&gt;.&lt;/p&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-history-length title=3Ddom-history-lengt=
h&gt;&lt;code&gt;length&lt;/code&gt;&lt;/dfn&gt; attribute of the
+  &lt;code&gt;&lt;a href=3D#history-0&gt;History&lt;/a&gt;&lt;/code&gt; =
interface must return the number of entries in the &lt;a href=3D#top-leve=
l-browsing-context&gt;top-level browsing
+  context&lt;/a&gt;'s &lt;a href=3D#joint-session-history&gt;joint sessi=
on history&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The actual entries are not accessible from script.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-history-state title=3Ddom-history-state&=
gt;&lt;code&gt;state&lt;/code&gt;&lt;/dfn&gt; attribute of the
+  &lt;code&gt;&lt;a href=3D#history-0&gt;History&lt;/a&gt;&lt;/code&gt; =
interface must return the last value it was set to by the user agent.
+  Initially, its value must be null.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;dfn id=3Ddom-history-go title=3Ddom-history-go&g=
t;&lt;code&gt;go(&lt;var title=3D&quot;&quot;&gt;delta&lt;/var&gt;)&lt;/c=
ode&gt;&lt;/dfn&gt; method is
+  invoked, if the argument to the method was omitted or has the value ze=
ro, the user agent must act
+  as if the &lt;code title=3Ddom-location-reload&gt;&lt;a href=3D#dom-lo=
cation-reload&gt;location.reload()&lt;/a&gt;&lt;/code&gt; method was call=
ed instead.
+  Otherwise, the user agent must &lt;a href=3D#traverse-the-history-by-a=
-delta&gt;traverse the history by a delta&lt;/a&gt; whose value is the
+  value of the method's argument.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;dfn id=3Ddom-history-back title=3Ddom-history-ba=
ck&gt;&lt;code&gt;back()&lt;/code&gt;&lt;/dfn&gt; method is invoked, the =
user
+  agent must &lt;a href=3D#traverse-the-history-by-a-delta&gt;traverse t=
he history by a delta&lt;/a&gt; &amp;minus;1.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;dfn id=3Ddom-history-forward title=3Ddom-history=
-forward&gt;&lt;code&gt;forward()&lt;/code&gt;&lt;/dfn&gt;method is invok=
ed, the
+  user agent must &lt;a href=3D#traverse-the-history-by-a-delta&gt;trave=
rse the history by a delta&lt;/a&gt; +1.&lt;/p&gt;
+
+&lt;!--TOPIC:HTML--&gt;
+
+  &lt;hr&gt;&lt;p&gt;Each &lt;a href=3D#top-level-browsing-context&gt;to=
p-level browsing context&lt;/a&gt; has a &lt;dfn id=3Dsession-history-tra=
versal-queue&gt;session history traversal queue&lt;/dfn&gt;,
+  initially empty, to which &lt;a href=3D#concept-task title=3Dconcept-t=
ask&gt;tasks&lt;/a&gt; can be added.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;a href=3D#top-level-browsing-context&gt;top-level br=
owsing context&lt;/a&gt;, when created, must asynchronously begin running
+  the following algorithm, known as the &lt;dfn id=3Dsession-history-eve=
nt-loop&gt;session history event loop&lt;/dfn&gt; for that
+  &lt;a href=3D#top-level-browsing-context&gt;top-level browsing context=
&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Wait until this &lt;a href=3D#top-level-b=
rowsing-context&gt;top-level browsing context&lt;/a&gt;'s &lt;a href=3D#s=
ession-history-traversal-queue&gt;session history traversal
+   queue&lt;/a&gt; is not empty.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Pull the first &lt;a href=3D#concept-task title=3D=
concept-task&gt;task&lt;/a&gt; from this &lt;a href=3D#top-level-browsing=
-context&gt;top-level browsing
+   context&lt;/a&gt;'s &lt;a href=3D#session-history-traversal-queue&gt;=
session history traversal queue&lt;/a&gt;, and execute it.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return to the first step of this algorithm.&lt;/p&=
gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;a href=3D#session-history-event-loop&gt;se=
ssion history event loop&lt;/a&gt; helps coordinate cross-browsing-contex=
t transitions
+  of the &lt;a href=3D#joint-session-history&gt;joint session history&lt=
;/a&gt;: since each &lt;a href=3D#browsing-context&gt;browsing context&lt=
;/a&gt; might, at any
+  particular time, have a different &lt;a href=3D#event-loop&gt;event lo=
op&lt;/a&gt; (this can happen if the user agent has
+  more than one &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; per &lt=
;a href=3D#unit-of-related-browsing-contexts&gt;unit of related browsing =
contexts&lt;/a&gt;),
+  transitions would otherwise have to involve cross-event-loop synchroni=
sation.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;To &lt;dfn id=3Dtraverse-the-history-by-a-delta&gt;=
traverse the history by a delta&lt;/dfn&gt; &lt;var title=3D&quot;&quot;&=
gt;delta&lt;/var&gt;, the user agent must
+  append a &lt;a href=3D#concept-task title=3Dconcept-task&gt;task&lt;/a=
&gt; to this &lt;a href=3D#top-level-browsing-context&gt;top-level browsi=
ng context&lt;/a&gt;'s
+  &lt;a href=3D#session-history-traversal-queue&gt;session history trave=
rsal queue&lt;/a&gt;, the &lt;a href=3D#concept-task title=3Dconcept-task=
&gt;task&lt;/a&gt;
+  consisting of running the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;delta=
&lt;/var&gt; be the argument to the method.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the index of the &lt;a href=3D#current-entry-of=
-the-joint-session-history&gt;current entry of the joint session history&=
lt;/a&gt; plus &lt;var title=3D&quot;&quot;&gt;delta&lt;/var&gt; is less =
than zero or greater than or equal to the number of items in the
+   &lt;a href=3D#joint-session-history&gt;joint session history&lt;/a&gt=
;, then abort these steps.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;specified entr=
y&lt;/var&gt; be the entry in the &lt;a href=3D#joint-session-history&gt;=
joint session
+   history&lt;/a&gt; whose index is the sum of &lt;var title=3D&quot;&qu=
ot;&gt;delta&lt;/var&gt; and the index of the
+   &lt;a href=3D#current-entry-of-the-joint-session-history&gt;current e=
ntry of the joint session history&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;specified brow=
sing context&lt;/var&gt; be the &lt;a href=3D#browsing-context&gt;browsin=
g context&lt;/a&gt; of
+   the &lt;var title=3D&quot;&quot;&gt;specified entry&lt;/var&gt;.&lt;/=
li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;specified b=
rowsing context&lt;/var&gt;'s &lt;a href=3D#active-document&gt;active doc=
ument&lt;/a&gt;'s
+   &lt;a href=3D#unload-a-document&gt;unload a document&lt;/a&gt; algori=
thm is currently running, abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#queue-a-task&gt;Queue a task&lt;/a&gt; that c=
onsists of running the following substeps. The relevant
+    &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; is that of the &lt;=
var title=3D&quot;&quot;&gt;specified browsing context&lt;/var&gt;'s
+    &lt;a href=3D#active-document&gt;active document&lt;/a&gt;. The &lt;=
a href=3D#task-source&gt;task source&lt;/a&gt; for the queued task is the
+    &lt;a href=3D#history-traversal-task-source&gt;history traversal tas=
k source&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If there is an ongoing attempt to navig=
ate &lt;var title=3D&quot;&quot;&gt;specified browsing context&lt;/var&gt=
;
+     that has not yet &lt;a href=3D#concept-navigate-mature title=3Dconc=
ept-navigate-mature&gt;matured&lt;/a&gt; (i.e. it has not passed the
+     point of making its &lt;code&gt;&lt;a href=3D#document&gt;Document&=
lt;/a&gt;&lt;/code&gt; the &lt;a href=3D#active-document&gt;active docume=
nt&lt;/a&gt;), then cancel that
+     attempt to navigate the &lt;a href=3D#browsing-context&gt;browsing =
context&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;specified browsing=
 context&lt;/var&gt;'s &lt;a href=3D#active-document&gt;active document&l=
t;/a&gt; is not
+      the same &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&=
lt;/code&gt; as the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&=
gt;&lt;/code&gt; of the &lt;var title=3D&quot;&quot;&gt;specified
+      entry&lt;/var&gt;, then run these substeps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#fully-exit-fullscreen&g=
t;Fully exit fullscreen&lt;/a&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;&lt;a href=3D#prompt-to-unload-a-document titl=
e=3D&quot;prompt to unload a document&quot;&gt;Prompt to unload&lt;/a&gt;=
 the &lt;a href=3D#active-document&gt;active
+       document&lt;/a&gt; of the &lt;var title=3D&quot;&quot;&gt;specifi=
ed browsing context&lt;/var&gt;. If the user
+       &lt;a href=3D#refused-to-allow-the-document-to-be-unloaded&gt;ref=
used to allow the document to be unloaded&lt;/a&gt;, then abort these ste=
ps.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;&lt;a href=3D#unload-a-document title=3D&quot;=
unload a document&quot;&gt;Unload&lt;/a&gt; the &lt;a href=3D#active-docu=
ment&gt;active document&lt;/a&gt; of the
+       &lt;var title=3D&quot;&quot;&gt;specified browsing context&lt;/va=
r&gt; with the &lt;var title=3D&quot;&quot;&gt;recycle&lt;/var&gt; parame=
ter
+       set to false.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#traverse-the-history&gt;Traverse t=
he history&lt;/a&gt; of the &lt;var title=3D&quot;&quot;&gt;specified bro=
wsing context&lt;/var&gt; to
+     the &lt;var title=3D&quot;&quot;&gt;specified entry&lt;/var&gt;.&lt=
;/p&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When the user navigates through a &lt;a href=3D#br=
owsing-context&gt;browsing context&lt;/a&gt;, e.g. using a browser's back
+  and forward buttons, the user agent must &lt;a href=3D#traverse-the-hi=
story-by-a-delta&gt;traverse the history by a delta&lt;/a&gt; equivalent
+  to the action specified by the user.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;!--TOPIC:DOM APIs--&gt;&lt;p&gt;The &lt;dfn id=3Ddom-his=
tory-pushstate title=3Ddom-history-pushState&gt;&lt;code&gt;pushState(&lt=
;var title=3D&quot;&quot;&gt;data&lt;/var&gt;, &lt;var title=3D&quot;&quo=
t;&gt;title&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt;)=
&lt;/code&gt;&lt;/dfn&gt; method adds a state object entry to
+  the history.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-history-replacestate title=3Ddom-history=
-replaceState&gt;&lt;code&gt;replaceState(&lt;var title=3D&quot;&quot;&gt=
;data&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;title&lt;/var&gt;, &lt=
;var title=3D&quot;&quot;&gt;url&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; me=
thod updates the state object,
+  title, and optionally the &lt;a href=3D#url&gt;URL&lt;/a&gt; of the &l=
t;a href=3D#current-entry&gt;current entry&lt;/a&gt; in the history.&lt;/=
p&gt;
+
+  &lt;p&gt;When either of these methods is invoked, the user agent must =
run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;clone=
d data&lt;/var&gt; be a &lt;a href=3D#structured-clone&gt;structured clon=
e&lt;/a&gt; of the specified
+   &lt;var title=3D&quot;&quot;&gt;data&lt;/var&gt;. If this throws an e=
xception, then rethrow that exception and abort
+   these steps.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the third argument is not null, run these substeps:&lt;/=
p&gt;
+
+    &lt;ol&gt;&lt;!--CLEANUP--&gt;&lt;li&gt;&lt;a href=3D#resolve-a-url =
title=3D&quot;resolve a url&quot;&gt;Resolve&lt;/a&gt; the value of the t=
hird argument, relative to the
+     &lt;a href=3D#api-base-url&gt;API base URL&lt;/a&gt; specified by t=
he
+     &lt;a href=3D#entry-settings-object&gt;entry settings object&lt;/a&=
gt;.&lt;/li&gt;
+
+     &lt;li&gt;If that fails, throw a &lt;code&gt;&lt;a href=3D#security=
error&gt;SecurityError&lt;/a&gt;&lt;/code&gt; exception and abort these s=
teps.&lt;/li&gt;
+
+     &lt;li&gt;Compare the resulting &lt;a href=3D#parsed-url&gt;parsed =
URL&lt;/a&gt; to the result of applying the &lt;a href=3D#url-parser&gt;U=
RL
+     parser&lt;/a&gt; algorithm to &lt;a href=3D&quot;#the-document's-ad=
dress&quot;&gt;the document's address&lt;/a&gt;. If any component of thes=
e two
+     &lt;a href=3D#url title=3DURL&gt;URLs&lt;/a&gt; differ other than t=
he &lt;a href=3D#concept-url-path title=3Dconcept-url-path&gt;path&lt;/a&=
gt;,
+     &lt;a href=3D#concept-url-query title=3Dconcept-url-query&gt;query&=
lt;/a&gt;, and &lt;a href=3D#concept-url-fragment title=3Dconcept-url-fra=
gment&gt;fragment&lt;/a&gt; components, then throw a
+     &lt;code&gt;&lt;a href=3D#securityerror&gt;SecurityError&lt;/a&gt;&=
lt;/code&gt; exception and abort these steps.&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+     &lt;li&gt;If the &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the re=
sulting &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt; is not the s=
ame as
+     the &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the &lt;a href=3D#r=
esponsible-document&gt;responsible document&lt;/a&gt; specified by the &l=
t;a href=3D#entry-settings-object&gt;entry
+     settings object&lt;/a&gt;, and either the &lt;a href=3D#concept-url=
-path title=3Dconcept-url-path&gt;path&lt;/a&gt; or &lt;a href=3D#concept=
-url-query title=3Dconcept-url-query&gt;query&lt;/a&gt; components of the=
 two &lt;a href=3D#parsed-url title=3D&quot;parsed URL&quot;&gt;parsed
+     URLs&lt;/a&gt; compared in the previous step differ, throw a &lt;co=
de&gt;&lt;a href=3D#securityerror&gt;SecurityError&lt;/a&gt;&lt;/code&gt;=
 exception
+     and abort these steps. (This prevents sandboxed content from spoofi=
ng other pages on the same
+     origin.)&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;new URL&lt;/=
var&gt; be the resulting &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a=
&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;p&gt;For the purposes of the comparisons in the above=
 substeps, the &lt;a href=3D#concept-url-path title=3Dconcept-url-path&gt=
;path&lt;/a&gt; and &lt;a href=3D#concept-url-query title=3Dconcept-url-q=
uery&gt;query&lt;/a&gt; components
+    can only be the same if the &lt;a href=3D#concept-url-scheme title=3D=
concept-url-scheme&gt;scheme&lt;/a&gt; component of both
+    &lt;a href=3D#parsed-url title=3D&quot;parsed URL&quot;&gt;parsed UR=
Ls&lt;/a&gt; are &lt;a href=3D#concept-url-scheme-relative title=3Dconcep=
t-url-scheme-relative&gt;relative schemes&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the third argument is null, then let &lt;var title=3D&qu=
ot;&quot;&gt;new URL&lt;/var&gt; be the &lt;a href=3D#url&gt;URL&lt;/a&gt=
;
+    of the &lt;a href=3D#current-entry&gt;current entry&lt;/a&gt;.&lt;/p=
&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the method invoked was the &lt;code title=3Ddom-history-=
pushState&gt;&lt;a href=3D#dom-history-pushstate&gt;pushState()&lt;/a&gt;=
&lt;/code&gt;
+    method:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;Remove all the entries in the &lt;a href=3D#browsing-cont=
ext&gt;browsing context&lt;/a&gt;'s &lt;a href=3D#session-history&gt;sess=
ion history&lt;/a&gt;
+      after the &lt;a href=3D#current-entry&gt;current entry&lt;/a&gt;. =
If the &lt;a href=3D#current-entry&gt;current entry&lt;/a&gt; is the last=
 entry in
+      the session history, then no entries are removed.&lt;/p&gt;
+
+      &lt;p class=3Dnote&gt;This &lt;a href=3D#history-notes&gt;doesn't =
necessarily have to affect&lt;/a&gt; the user
+      agent's user interface.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Remove any &lt;a href=3D#concept-task title=3Dco=
ncept-task&gt;tasks&lt;/a&gt; queued by the &lt;a href=3D#history-travers=
al-task-source&gt;history traversal
+     task source&lt;/a&gt; that are associated with any &lt;code&gt;&lt;=
a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; objects in the
+     &lt;a href=3D#top-level-browsing-context&gt;top-level browsing cont=
ext&lt;/a&gt;'s &lt;a href=3D#document-family&gt;document family&lt;/a&gt=
;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If appropriate, update the &lt;a href=3D#current=
-entry&gt;current entry&lt;/a&gt; to reflect any state that the user
+     agent wishes to persist. The entry is then said to be &lt;a href=3D=
#an-entry-with-persisted-user-state&gt;an entry with persisted user
+     state&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Add a &lt;a href=3D#state-object&gt;state object=
&lt;/a&gt; entry to the session history, after the &lt;a href=3D#current-=
entry&gt;current
+     entry&lt;/a&gt;, with &lt;var title=3D&quot;&quot;&gt;cloned data&l=
t;/var&gt; as the &lt;a href=3D#state-object&gt;state object&lt;/a&gt;, t=
he given
+     &lt;var title=3D&quot;&quot;&gt;title&lt;/var&gt; as the title, and=
 &lt;var title=3D&quot;&quot;&gt;new URL&lt;/var&gt; as the &lt;a href=3D=
#url&gt;URL&lt;/a&gt;
+     of the entry.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Update the &lt;a href=3D#current-entry&gt;curren=
t entry&lt;/a&gt; to be this newly added entry.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;p&gt;Otherwise, if the method invoked was the &lt;cod=
e title=3Ddom-history-replaceState&gt;&lt;a href=3D#dom-history-replacest=
ate&gt;replaceState()&lt;/a&gt;&lt;/code&gt; method:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Update the &lt;a href=3D#current-entry&=
gt;current entry&lt;/a&gt; in the session history so that &lt;var title=3D=
&quot;&quot;&gt;cloned data&lt;/var&gt; is the entry's new state object, =
the given &lt;var title=3D&quot;&quot;&gt;title&lt;/var&gt;
+     is the new title, and &lt;var title=3D&quot;&quot;&gt;new URL&lt;/v=
ar&gt; is the entry's new &lt;a href=3D#url&gt;URL&lt;/a&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#current-entry&gt;current entr=
y&lt;/a&gt; in the session history represents a non-GET request
+   (e.g. it was the result of a POST submission) then update it to inste=
ad represent a GET request
+   (&lt;a href=3D#concept-http-equivalent-get title=3Dconcept-http-equiv=
alent-get&gt;or equivalent&lt;/a&gt;).&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Set &lt;a href=3D&quot;#the-document's-address&quot;&gt;the=
 document's address&lt;/a&gt; to &lt;var title=3D&quot;&quot;&gt;new URL&=
lt;/var&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;Since this is neither a &lt;a href=3D#navigate=
 title=3Dnavigate&gt;navigation&lt;/a&gt; of the
+    &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; nor a &=
lt;a href=3D#traverse-the-history title=3D&quot;traverse the history&quot=
;&gt;history traversal&lt;/a&gt;,
+    it does not cause a &lt;code title=3Devent-hashchange&gt;&lt;a href=3D=
#event-hashchange&gt;hashchange&lt;/a&gt;&lt;/code&gt; event to be fired.=
&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Set &lt;code title=3Ddom-history-state&gt;&lt;a href=3D#dom=
-history-state&gt;history.state&lt;/a&gt;&lt;/code&gt; to a &lt;a href=3D=
#structured-clone&gt;structured clone&lt;/a&gt;
+    of &lt;var title=3D&quot;&quot;&gt;cloned data&lt;/var&gt;.&lt;/p&gt=
; &lt;!-- it's a clone of /cloned data/, not /data/, so that
+    there's no risk of running scripts again --&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let the &lt;a href=3D#latest-entry&gt;latest entry&lt;/a&gt=
; of the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/cod=
e&gt; of the &lt;a href=3D#current-entry&gt;current
+    entry&lt;/a&gt; be the &lt;a href=3D#current-entry&gt;current entry&=
lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;The &lt;var title=3D&quot;&quot;&gt;t=
itle&lt;/var&gt; is purely advisory. User agents might use the title
+  in the user interface.&lt;/p&gt;
+
+  &lt;p&gt;User agents may limit the number of state objects added to th=
e session history per page. If a
+  page hits the UA-defined limit, user agents must remove the entry imme=
diately after the first
+  entry for that &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt; object in the session history after having added the new
+  entry. (Thus the state history acts as a FIFO buffer for eviction, but=
 as a LIFO buffer for
+  navigation.)&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Consider a game where the user can navigate along a line, su=
ch that the user is always at some
+   coordinate, and such that the user can bookmark the page correspondin=
g to a particular
+   coordinate, to return to it later.&lt;/p&gt;
+
+   &lt;p&gt;A static page implementing the x=3D5 position in such a game=
 could look like the following:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;!-- this is http://example.com/line?x=3D5 --&amp;gt;
+&amp;lt;title&amp;gt;Line Game - 5&amp;lt;/title&amp;gt;
+&amp;lt;p&amp;gt;You are at coordinate 5 on the line.&amp;lt;/p&amp;gt;
+&amp;lt;p&amp;gt;
+ &amp;lt;a href=3D&quot;?x=3D6&quot;&amp;gt;Advance to 6&amp;lt;/a&amp;g=
t; or
+ &amp;lt;a href=3D&quot;?x=3D4&quot;&amp;gt;retreat to 4&amp;lt;/a&amp;g=
t;?
+&amp;lt;/p&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;The problem with such a system is that each time the user cl=
icks, the whole page has to be
+   reloaded. Here instead is another way of doing it, using script:&lt;/=
p&gt;
+
+   &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;!-- this starts off as http://example.com/line?x=3D5 --&amp;gt;
+&amp;lt;title&amp;gt;Line Game - 5&amp;lt;/title&amp;gt;
+&amp;lt;p&amp;gt;You are at coordinate &amp;lt;span id=3D&quot;coord&quo=
t;&amp;gt;5&amp;lt;/span&amp;gt; on the line.&amp;lt;/p&amp;gt;
+&amp;lt;p&amp;gt;
+ &amp;lt;a href=3D&quot;?x=3D6&quot; onclick=3D&quot;go(1); return false=
;&quot;&amp;gt;Advance to 6&amp;lt;/a&amp;gt; or
+ &amp;lt;a href=3D&quot;?x=3D4&quot; onclick=3D&quot;go(-1); return fals=
e;&quot;&amp;gt;retreat to 4&amp;lt;/a&amp;gt;?
+&amp;lt;/p&amp;gt;
+&amp;lt;script&amp;gt;
+ var currentPage =3D 5; // prefilled by server
+ function go(d) {
+   setupPage(currentPage + d);
+   history.pushState(currentPage, document.title, '?x=3D' + currentPage)=
;
+ }
+ onpopstate =3D function(event) {
+   setupPage(event.state);
+ }
+ function setupPage(page) {
+   currentPage =3D page;
+   document.title =3D 'Line Game - ' + currentPage;
+   document.getElementById('coord').textContent =3D currentPage;
+   document.links[0].href =3D '?x=3D' + (currentPage+1);
+   document.links[0].textContent =3D 'Advance to ' + (currentPage+1);
+   document.links[1].href =3D '?x=3D' + (currentPage-1);
+   document.links[1].textContent =3D 'retreat to ' + (currentPage-1);
+ }
+&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;In systems without script, this still works like the previou=
s example. However, users that
+   &lt;em&gt;do&lt;/em&gt; have script support can now navigate much fas=
ter, since there is no network access
+   for the same experience. Furthermore, contrary to the experience the =
user would have with just a
+   na&amp;iuml;ve script-based approach, bookmarking and navigating the =
session history still work.&lt;/p&gt;
+
+   &lt;p&gt;In the example above, the &lt;var title=3D&quot;&quot;&gt;da=
ta&lt;/var&gt; argument to the &lt;code title=3Ddom-history-pushState&gt;=
&lt;a href=3D#dom-history-pushstate&gt;pushState()&lt;/a&gt;&lt;/code&gt;=
 method is the same information as would be sent
+   to the server, but in a more convenient form, so that the script does=
n't have to parse the URL
+   each time the user navigates.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Applications might not use the same title for a &lt;a href=3D=
#session-history-entry&gt;session history entry&lt;/a&gt; as the
+   value of the document's &lt;code&gt;&lt;a href=3D#the-title-element&g=
t;title&lt;/a&gt;&lt;/code&gt; element at that time. For example, here is=
 a simple
+   page that shows a block in the &lt;code&gt;&lt;a href=3D#the-title-el=
ement&gt;title&lt;/a&gt;&lt;/code&gt; element. Clearly, when navigating b=
ackwards to
+   a previous state the user does not go back in time, and therefore it =
would be inappropriate to
+   put the time in the session history title.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;TITLE&amp;gt;Line&amp;lt;/TITLE&amp;gt;
+&amp;lt;SCRIPT&amp;gt;
+ setInterval(function () { document.title =3D 'Line - ' + new Date(); },=
 1000);
+ var i =3D 1;
+ function inc() {
+   set(i+1);
+   history.pushState(i, 'Line - ' + i);
+ }
+ function set(newI) {
+   i =3D newI;
+   document.forms.F.I.value =3D newI;
+ }
+&amp;lt;/SCRIPT&amp;gt;
+&amp;lt;BODY ONPOPSTATE=3D&quot;set(event.state)&quot;&amp;gt;
+&amp;lt;FORM NAME=3DF&amp;gt;
+State: &amp;lt;OUTPUT NAME=3DI&amp;gt;1&amp;lt;/OUTPUT&amp;gt; &amp;lt;I=
NPUT VALUE=3D&quot;Increment&quot; TYPE=3DBUTTON ONCLICK=3D&quot;inc()&qu=
ot;&amp;gt;
+&amp;lt;/FORM&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dthe-location-interface&gt;&lt;span class=3Dsecno&gt;6.5.3 =
&lt;/span&gt;The &lt;code&gt;&lt;a href=3D#location&gt;Location&lt;/a&gt;=
&lt;/code&gt; interface&lt;/h4&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;=
&lt;/code&gt; object in a &lt;a href=3D#browsing-context&gt;browsing cont=
ext&lt;/a&gt;'s session history is
+  associated with a unique instance of a &lt;code&gt;&lt;a href=3D#locat=
ion&gt;Location&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;d=
ocument&lt;/var&gt; . &lt;code title=3Ddom-document-location&gt;&lt;a hre=
f=3D#dom-document-location&gt;location&lt;/a&gt;&lt;/code&gt; [ =3D &lt;v=
ar title=3D&quot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-location&gt;&lt;a href=3D#dom-location&gt;location&lt;/a&g=
t;&lt;/code&gt; [ =3D &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; ]=
&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a &lt;code&gt;&lt;a href=3D#location&gt;Location&lt=
;/a&gt;&lt;/code&gt; object with the current page's location.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to navigate to another page.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-document-location title=3Ddom-document-l=
ocation&gt;&lt;code&gt;location&lt;/code&gt;&lt;/dfn&gt; attribute of the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
interface must return the &lt;code&gt;&lt;a href=3D#location&gt;Location&=
lt;/a&gt;&lt;/code&gt; object for that
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
object, if it is in a &lt;a href=3D#browsing-context&gt;browsing context&=
lt;/a&gt;, and null otherwise.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-location title=3Ddom-location&gt;&lt;cod=
e&gt;location&lt;/code&gt;&lt;/dfn&gt; attribute of the &lt;code&gt;&lt;a=
 href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt;
+  interface must return the &lt;code&gt;&lt;a href=3D#location&gt;Locati=
on&lt;/a&gt;&lt;/code&gt; object for that &lt;code&gt;&lt;a href=3D#windo=
w&gt;Window&lt;/a&gt;&lt;/code&gt; object's
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;.=
&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;&lt;code&gt;&lt;a href=3D#location&gt;Location&lt;/a&gt;&lt;/=
code&gt; objects provide a representation of &lt;a href=3D&quot;#the-docu=
ment's-address&quot; title=3D&quot;the document's
+  address&quot;&gt;the address&lt;/a&gt; of the &lt;a href=3D#active-doc=
ument&gt;active document&lt;/a&gt; of their &lt;code&gt;&lt;a href=3D#doc=
ument&gt;Document&lt;/a&gt;&lt;/code&gt;'s
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;, and allo=
w the &lt;a href=3D#current-entry&gt;current entry&lt;/a&gt; of the &lt;a=
 href=3D#browsing-context&gt;browsing
+  context&lt;/a&gt;'s session history to be changed, by adding or replac=
ing entries in the &lt;code title=3Ddom-history&gt;&lt;a href=3D#dom-hist=
ory&gt;history&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;[Unforgeable] interface &lt;dfn id=3Dlocation&g=
t;Location&lt;/dfn&gt; {
+  void &lt;a href=3D#dom-location-assign title=3Ddom-location-assign&gt;=
assign&lt;/a&gt;(DOMString url);
+  void &lt;a href=3D#dom-location-replace title=3Ddom-location-replace&g=
t;replace&lt;/a&gt;(DOMString url);
+  void &lt;a href=3D#dom-location-reload title=3Ddom-location-reload&gt;=
reload&lt;/a&gt;();
+};
+&lt;a href=3D#location&gt;Location&lt;/a&gt; implements &lt;a href=3D#ur=
lutils&gt;URLUtils&lt;/a&gt;;&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;l=
ocation&lt;/var&gt; . &lt;code title=3Ddom-location-assign&gt;&lt;a href=3D=
#dom-location-assign&gt;assign&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&qu=
ot;&quot;&gt;url&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Navigates to the given page.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;location&lt;/var&gt; . &lt;=
code title=3Ddom-location-replace&gt;&lt;a href=3D#dom-location-replace&g=
t;replace&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;url&lt;/=
var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Removes the current page from the session history and navig=
ates to the given page.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;location&lt;/var&gt; . &lt;=
code title=3Ddom-location-reload&gt;&lt;a href=3D#dom-location-reload&gt;=
reload&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Reloads the current page.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;i&gt;relevant &lt;code&gt;&lt;a href=3D#document&gt;D=
ocument&lt;/a&gt;&lt;/code&gt;&lt;/i&gt; is the &lt;code&gt;&lt;a href=3D=
#location&gt;Location&lt;/a&gt;&lt;/code&gt; object's associated
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
object's &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;'s &=
lt;a href=3D#active-document&gt;active document&lt;/a&gt;.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;When the &lt;dfn id=3Ddom-location-assign title=3Ddom-locatio=
n-assign&gt;&lt;code&gt;assign(&lt;var title=3D&quot;&quot;&gt;url&lt;/va=
r&gt;)&lt;/code&gt;&lt;/dfn&gt;
+  method is invoked, the UA must &lt;a href=3D#resolve-a-url title=3D&qu=
ot;resolve a url&quot;&gt;resolve&lt;/a&gt; the argument, relative
+  to the &lt;a href=3D#api-base-url&gt;API base URL&lt;/a&gt; specified =
by the &lt;a href=3D#entry-settings-object&gt;entry settings object&lt;/a=
&gt;, and if that is
+  successful, must &lt;a href=3D#navigate&gt;navigate&lt;/a&gt;&lt;!--DO=
NAV location.href/assign--&gt; the &lt;a href=3D#browsing-context&gt;brow=
sing
+  context&lt;/a&gt; to the specified &lt;var title=3D&quot;&quot;&gt;url=
&lt;/var&gt;. If the &lt;a href=3D#browsing-context&gt;browsing context&l=
t;/a&gt;'s
+  &lt;a href=3D#session-history&gt;session history&lt;/a&gt; contains on=
ly one &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt;, and that was the
+  &lt;code&gt;&lt;a href=3D#about:blank&gt;about:blank&lt;/a&gt;&lt;/cod=
e&gt; &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&g=
t; created when the &lt;a href=3D#browsing-context&gt;browsing context&lt=
;/a&gt; was
+  created, then the navigation must be done with &lt;a href=3D#replaceme=
nt-enabled&gt;replacement enabled&lt;/a&gt;.&lt;/p&gt; &lt;!-- READ ME
+  WHEN EDITING THIS: IE and Firefox only seem to treat it that way if th=
e DOM is still a virgin DOM;
+  Safari doesn't check that. Thus this might need changing if testing sh=
ows the IE/Firefox behaviour
+  is required here. --&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;When the &lt;dfn id=3Ddom-location-replace title=3Ddom-locati=
on-replace&gt;&lt;code&gt;replace(&lt;var title=3D&quot;&quot;&gt;url&lt;=
/var&gt;)&lt;/code&gt;&lt;/dfn&gt;
+  method is invoked, the UA must &lt;a href=3D#resolve-a-url title=3D&qu=
ot;resolve a url&quot;&gt;resolve&lt;/a&gt; the argument, relative
+  to the &lt;a href=3D#api-base-url&gt;API base URL&lt;/a&gt; specified =
by the &lt;a href=3D#entry-settings-object&gt;entry settings object&lt;/a=
&gt;, and if that is
+  successful, &lt;a href=3D#navigate&gt;navigate&lt;/a&gt;&lt;!--DONAV l=
ocation.href/replace--&gt; the &lt;a href=3D#browsing-context&gt;browsing
+  context&lt;/a&gt; to the specified &lt;var title=3D&quot;&quot;&gt;url=
&lt;/var&gt; with &lt;a href=3D#replacement-enabled&gt;replacement enable=
d&lt;/a&gt;.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;Navigation for the &lt;code title=3Ddom-location-assign&gt;&l=
t;a href=3D#dom-location-assign&gt;assign()&lt;/a&gt;&lt;/code&gt; and &l=
t;code title=3Ddom-location-replace&gt;&lt;a href=3D#dom-location-replace=
&gt;replace()&lt;/a&gt;&lt;/code&gt; methods must be done with the &lt;a =
href=3D#responsible-browsing-context&gt;responsible browsing context&lt;/=
a&gt; specified by
+  the &lt;a href=3D#incumbent-settings-object&gt;incumbent settings obje=
ct&lt;/a&gt; as the &lt;a href=3D#source-browsing-context&gt;source
+  browsing context&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;a href=3D#resolve-a-url title=3D&quot;resolve a ur=
l&quot;&gt;resolving&lt;/a&gt; step of the &lt;code title=3Ddom-location-=
assign&gt;&lt;a href=3D#dom-location-assign&gt;assign()&lt;/a&gt;&lt;/cod=
e&gt; and &lt;code title=3Ddom-location-replace&gt;&lt;a href=3D#dom-loca=
tion-replace&gt;replace()&lt;/a&gt;&lt;/code&gt; methods is not successfu=
l, then the user agent must
+  instead throw a &lt;code&gt;&lt;a href=3D#syntaxerror&gt;SyntaxError&l=
t;/a&gt;&lt;/code&gt; exception.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;dfn id=3Ddom-location-reload title=3Ddom-locatio=
n-reload&gt;&lt;code&gt;reload()&lt;/code&gt;&lt;/dfn&gt; method is invok=
ed, the
+  user agent must run the appropriate steps from the following list:&lt;=
/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the currently executing &lt;a hr=
ef=3D#concept-task title=3Dconcept-task&gt;task&lt;/a&gt; is the dispatch=
 of a &lt;code title=3Devent-resize&gt;resize&lt;/code&gt; event in respo=
nse to the user resizing the &lt;a href=3D#browsing-context&gt;browsing
+   context&lt;/a&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;Repaint the &lt;a href=3D#browsing-context&gt;brow=
sing context&lt;/a&gt; and abort these steps.&lt;/dd&gt; &lt;!-- this
+   theoretically would have no effect but in practice can be useful to w=
ork around rendering bugs.
+   --&gt;
+
+   &lt;dt&gt;If the &lt;a href=3D#browsing-context&gt;browsing context&l=
t;/a&gt;'s &lt;a href=3D#active-document&gt;active document&lt;/a&gt; is =
&lt;a href=3D#an-iframe-srcdoc-document&gt;an
+   &lt;code&gt;iframe&lt;/code&gt; &lt;code title=3Dattr-iframe-srcdoc&g=
t;srcdoc&lt;/code&gt; document&lt;/a&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;&lt;a href=3D#process-the-iframe-attributes title=3D=
&quot;process the iframe attributes&quot;&gt;Reprocess the &lt;code&gt;if=
rame&lt;/code&gt;
+   attributes&lt;/a&gt; of the &lt;a href=3D#browsing-context&gt;browsin=
g context&lt;/a&gt;'s &lt;a href=3D#browsing-context-container&gt;browsin=
g context
+   container&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;If the &lt;a href=3D#browsing-context&gt;browsing context&l=
t;/a&gt;'s &lt;a href=3D#active-document&gt;active document&lt;/a&gt; has=
 its &lt;a href=3D#reload-override-flag&gt;reload
+   override flag&lt;/a&gt; set&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;Perform &lt;a href=3D#an-overridden-reload&gt;an o=
verridden reload&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;&lt;a href=3D#navigate&gt;Navigate&lt;/a&gt;&lt;!-=
-DONAV location.reload()--&gt; the
+   &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; to &lt;a=
 href=3D&quot;#the-document's-address&quot;&gt;the document's
+   address&lt;/a&gt; with &lt;a href=3D#replacement-enabled&gt;replaceme=
nt enabled&lt;/a&gt;. The
+   &lt;a href=3D#source-browsing-context&gt;source browsing context&lt;/=
a&gt; must be the &lt;a href=3D#browsing-context&gt;browsing
+   context&lt;/a&gt; being navigated.&lt;/dd&gt; &lt;!-- it appears that
+   document.reload() always uses GET and does not, e.g., re-POST. --&gt;
+
+   &lt;!-- http://software.hixie.ch/utilities/js/live-dom-viewer/saved/1=
41 --&gt;
+
+  &lt;/dl&gt;&lt;p&gt;When a user requests that the &lt;a href=3D#active=
-document&gt;active document&lt;/a&gt; of a &lt;a href=3D#browsing-contex=
t&gt;browsing context&lt;/a&gt;
+  be reloaded through a user interface element, the user agent should &l=
t;a href=3D#navigate&gt;navigate&lt;/a&gt;&lt;!--DONAV
+  user reload--&gt; the &lt;a href=3D#browsing-context&gt;browsing conte=
xt&lt;/a&gt; to the same resource as that
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;,=
 with &lt;a href=3D#replacement-enabled&gt;replacement enabled&lt;/a&gt;.=
 In the case of non-idempotent
+  methods (e.g. HTTP POST), the user agent should prompt the user to con=
firm the operation first,
+  since otherwise transactions (e.g. purchases or database modifications=
) could be repeated. User
+  agents may allow the user to explicitly override any caches when reloa=
ding. If &lt;a href=3D#browsing-context&gt;browsing
+  context&lt;/a&gt;'s &lt;a href=3D#active-document&gt;active document&l=
t;/a&gt;'s &lt;a href=3D#reload-override-flag&gt;reload override flag&lt;=
/a&gt; is set, then the
+  user agent may instead perform &lt;a href=3D#an-overridden-reload&gt;a=
n overridden reload&lt;/a&gt; rather than the navigation
+  described in this paragraph.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;/div&gt;
+
+  &lt;!-- concept-uu --&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#location&gt;Location&lt;/a&gt;&=
lt;/code&gt; interface also supports the &lt;code&gt;&lt;a href=3D#urluti=
ls&gt;URLUtils&lt;/a&gt;&lt;/code&gt; interface. &lt;a href=3D#refsURL&gt=
;[URL]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When the object is created, and whenever the &lt;a href=3D&qu=
ot;#the-document's-address&quot; title=3D&quot;the document's address&quo=
t;&gt;the
+  address&lt;/a&gt; of the &lt;i&gt;relevant &lt;code&gt;&lt;a href=3D#d=
ocument&gt;Document&lt;/a&gt;&lt;/code&gt;&lt;/i&gt; changes, the user ag=
ent must invoke
+  the element's &lt;code&gt;&lt;a href=3D#urlutils&gt;URLUtils&lt;/a&gt;=
&lt;/code&gt; interface's &lt;a href=3D#concept-uu-set-the-input title=3D=
concept-uu-set-the-input&gt;set the
+  input&lt;/a&gt; algorithm with &lt;a href=3D&quot;#the-document's-addr=
ess&quot; title=3D&quot;the document's address&quot;&gt;the address&lt;/a=
&gt; of the
+  &lt;i&gt;relevant &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a=
&gt;&lt;/code&gt;&lt;/i&gt; as the given value.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;The element's &lt;code&gt;&lt;a href=3D#urlutils&gt;URLUtils&=
lt;/a&gt;&lt;/code&gt; interface's &lt;a href=3D#concept-uu-get-the-base =
title=3Dconcept-uu-get-the-base&gt;get the
+  base&lt;/a&gt; algorithm must return the &lt;a href=3D#api-base-url&gt=
;API base URL&lt;/a&gt; specified by the &lt;a href=3D#entry-settings-obj=
ect&gt;entry
+  settings object&lt;/a&gt;, if there is one, or null otherwise.&lt;/p&g=
t;
+
+  &lt;p&gt;The element's &lt;code&gt;&lt;a href=3D#urlutils&gt;URLUtils&=
lt;/a&gt;&lt;/code&gt; interface's &lt;a href=3D#concept-uu-query-encodin=
g title=3Dconcept-uu-query-encoding&gt;query
+  encoding&lt;/a&gt; is the &lt;a href=3D&quot;#document's-character-enc=
oding&quot;&gt;document's character encoding&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When the element's &lt;code&gt;&lt;a href=3D#urlutils&gt;URLU=
tils&lt;/a&gt;&lt;/code&gt; interface invokes its &lt;a href=3D#concept-u=
u-update title=3Dconcept-uu-update&gt;update steps&lt;/a&gt; with the str=
ing &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;, the user
+  agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;If any of the following conditions are met, let &lt;var tit=
le=3D&quot;&quot;&gt;mode&lt;/var&gt; be &lt;i&gt;normal
+    navigation&lt;/i&gt;; otherwise, let it be &lt;i&gt;replace navigati=
on&lt;/i&gt;:&lt;/p&gt;
+
+    &lt;ul class=3Dbrief&gt;&lt;li&gt;The &lt;code&gt;&lt;a href=3D#loca=
tion&gt;Location&lt;/a&gt;&lt;/code&gt; object's &lt;i&gt;relevant &lt;co=
de&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;&lt;/i&gt;=
 has
+     &lt;a href=3D#completely-loaded&gt;completely loaded&lt;/a&gt;, or&=
lt;/li&gt;
+
+     &lt;li&gt;In the &lt;a href=3D#concept-task title=3Dconcept-task&gt=
;task&lt;/a&gt; in which the algorithm is running, an
+     &lt;a href=3D#activation-behavior&gt;activation behavior&lt;/a&gt; =
is currently being processed whose &lt;code title=3Devent-click&gt;&lt;a =
href=3D#event-click&gt;click&lt;/a&gt;&lt;/code&gt; event was &lt;a href=3D=
#concept-events-trusted title=3Dconcept-events-trusted&gt;trusted&lt;/a&g=
t;,
+     or&lt;/li&gt;
+
+     &lt;li&gt;In the &lt;a href=3D#concept-task title=3Dconcept-task&gt=
;task&lt;/a&gt; in which the algorithm is running, the event
+     listener for a &lt;a href=3D#concept-events-trusted title=3Dconcept=
-events-trusted&gt;trusted&lt;/a&gt; &lt;code title=3Devent-click&gt;&lt;=
a href=3D#event-click&gt;click&lt;/a&gt;&lt;/code&gt; event is being hand=
led.&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;mode&lt;/var&gt=
; is &lt;i&gt;normal navigation&lt;/i&gt;, then act as if the &lt;code ti=
tle=3Ddom-location-assign&gt;&lt;a href=3D#dom-location-assign&gt;assign(=
)&lt;/a&gt;&lt;/code&gt; method had been called with &lt;var title=3D&quo=
t;&quot;&gt;value&lt;/var&gt;
+   as its argument. Otherwise, act as if the &lt;code title=3Ddom-locati=
on-replace&gt;&lt;a href=3D#dom-location-replace&gt;replace()&lt;/a&gt;&l=
t;/code&gt;
+   method had been called with &lt;var title=3D&quot;&quot;&gt;value&lt;=
/var&gt; as its argument.&lt;/li&gt;
+   &lt;!--DONAV location.href, defined in terms of the paragraphs far ab=
ove--&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+
+&lt;!--ADD-TOPIC:Security--&gt;
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dsecurity-location&gt;&lt;span class=3Dsecno&gt;6.5.3.1 &lt=
;/span&gt;Security&lt;/h5&gt;
+
+  &lt;p class=3Dcritical&gt;This section describes a security model that=
 is underdefined, imperfect, and
+  does not match implementations. Work is ongoing to attempt to resolve =
this, but in the meantime,
+  please do not rely on this section for precision. Implementors are urg=
ed to send their feedback on
+  how cross-origin cross-global access to &lt;code&gt;&lt;a href=3D#wind=
ow&gt;Window&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#locatio=
n&gt;Location&lt;/a&gt;&lt;/code&gt; objects
+  should work. See &lt;a href=3D&quot;https://www.w3.org/Bugs/Public/sho=
w_bug.cgi?id=3D20701&quot;&gt;bug 20701&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p id=3Dsecurity-3&gt;User agents must throw a &lt;code&gt;&lt;a hr=
ef=3D#securityerror&gt;SecurityError&lt;/a&gt;&lt;/code&gt; exception whe=
never any
+  properties of a &lt;code&gt;&lt;a href=3D#location&gt;Location&lt;/a&g=
t;&lt;/code&gt; object are accessed when the &lt;a href=3D#entry-settings=
-object&gt;entry settings object&lt;/a&gt; specifies
+  an &lt;a href=3D#effective-script-origin&gt;effective script origin&lt=
;/a&gt; that is not the &lt;a href=3D#same-origin title=3D&quot;same orig=
in&quot;&gt;same&lt;/a&gt; as
+  the &lt;code&gt;&lt;a href=3D#location&gt;Location&lt;/a&gt;&lt;/code&=
gt; object's associated &lt;code&gt;&lt;a href=3D#document&gt;Document&lt=
;/a&gt;&lt;/code&gt;'s &lt;a href=3D#browsing-context&gt;browsing
+  context&lt;/a&gt;'s &lt;a href=3D#active-document&gt;active document&l=
t;/a&gt;'s &lt;a href=3D#effective-script-origin&gt;effective script orig=
in&lt;/a&gt;, with the
+  following exceptions:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;!--CLEANUP--&gt;&lt;li&gt;The &lt;code title=3Ddom-url-h=
ref&gt;&lt;a href=3D#dom-url-href&gt;href&lt;/a&gt;&lt;/code&gt; setter, =
if the &lt;a href=3D#responsible-browsing-context&gt;responsible browsing=
 context&lt;/a&gt;
+   specified by the &lt;a href=3D#entry-settings-object&gt;entry
+   settings object&lt;/a&gt; is &lt;a href=3D#familiar-with&gt;familiar =
with&lt;/a&gt; the &lt;a href=3D#browsing-context&gt;browsing
+   context&lt;/a&gt; with which the &lt;code&gt;&lt;a href=3D#location&g=
t;Location&lt;/a&gt;&lt;/code&gt; object is associated
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;The &lt;code title=3Ddom-location-replace&gt;&lt;a href=3D#=
dom-location-replace&gt;replace()&lt;/a&gt;&lt;/code&gt; method, if the &=
lt;a href=3D#responsible-browsing-context&gt;responsible
+   browsing context&lt;/a&gt; specified by the &lt;a href=3D#entry-setti=
ngs-object&gt;entry=20
+   settings object&lt;/a&gt; is &lt;a href=3D#familiar-with&gt;familiar =
with&lt;/a&gt; the
+   &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; with whi=
ch the &lt;code&gt;&lt;a href=3D#location&gt;Location&lt;/a&gt;&lt;/code&=
gt; object is associated
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;Any properties not defined in the IDL for the &lt;code&gt;&=
lt;a href=3D#location&gt;Location&lt;/a&gt;&lt;/code&gt; object or indire=
ctly via
+   one of those properties (e.g. &lt;code title=3D&quot;&quot;&gt;toStri=
ng()&lt;/code&gt;, which is defined via the &lt;code title=3D&quot;&quot;=
&gt;stringifier&lt;/code&gt; keyword), if the &lt;a href=3D#effective-scr=
ipt-origin&gt;effective script
+   origin&lt;/a&gt; specified by the &lt;a href=3D#entry-settings-object=
&gt;entry settings object&lt;/a&gt; is the &lt;a href=3D#same-origin&gt;s=
ame origin&lt;/a&gt; as the &lt;code&gt;&lt;a href=3D#location&gt;Locatio=
n&lt;/a&gt;&lt;/code&gt; object's associated
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
's &lt;a href=3D#effective-script-origin&gt;effective script origin&lt;/a=
&gt;
+
+  &lt;/ul&gt;&lt;p&gt;When the &lt;a href=3D#effective-script-origin&gt;=
effective script origin&lt;/a&gt; specified by the &lt;a href=3D#entry-se=
ttings-object&gt;entry settings object&lt;/a&gt; is different than a
+  &lt;code&gt;&lt;a href=3D#location&gt;Location&lt;/a&gt;&lt;/code&gt; =
object's associated &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&=
gt;&lt;/code&gt;'s &lt;a href=3D#effective-script-origin&gt;effective scr=
ipt
+  origin&lt;/a&gt;, the user agent must act as if any changes to that &l=
t;code&gt;&lt;a href=3D#location&gt;Location&lt;/a&gt;&lt;/code&gt; objec=
t's
+  properties, getters, setters, etc, were not present, and as if all the=
 properties of that
+  &lt;code&gt;&lt;a href=3D#location&gt;Location&lt;/a&gt;&lt;/code&gt; =
object had their [[Enumerable]] attribute set to false.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;For members that return objects (including function objects),=
 each distinct &lt;a href=3D#effective-script-origin&gt;effective
+  script origin&lt;/a&gt; that is not the &lt;a href=3D#same-origin&gt;s=
ame origin&lt;/a&gt; as the &lt;code&gt;&lt;a href=3D#location&gt;Locatio=
n&lt;/a&gt;&lt;/code&gt;
+  object's &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/=
code&gt;'s &lt;a href=3D#effective-script-origin&gt;effective script orig=
in&lt;/a&gt; must be provided with a
+  separate set of objects. These objects must have the prototype chain a=
ppropriate for the script
+  for which the objects are created (not those that would be appropriate=
 for scripts whose
+  &lt;a href=3D#settings-object&gt;settings object&lt;/a&gt; specifies a=
 &lt;a href=3D#global-object&gt;global object&lt;/a&gt; that is the &lt;c=
ode&gt;&lt;a href=3D#location&gt;Location&lt;/a&gt;&lt;/code&gt; object's=
 &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'s
+  &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obje=
ct).&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dhistory-notes&gt;&lt;span class=3Dsecno&gt;6.5.4 &lt;/span=
&gt;Implementation notes for session history&lt;/h4&gt;
+  &lt;!-- don't change the ID without updating multiple internal links -=
-&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#history-0&gt;History&lt;/a&gt;&=
lt;/code&gt; interface is not meant to place restrictions on how implemen=
tations
+  represent the session history to the user.&lt;/p&gt;
+
+  &lt;p&gt;For example, session history could be implemented in a tree-l=
ike manner, with each page having
+  multiple &quot;forward&quot; pages. This specification doesn't define =
how the linear list of pages in the
+  &lt;code title=3Ddom-history&gt;&lt;a href=3D#dom-history&gt;history&l=
t;/a&gt;&lt;/code&gt; object are derived from the actual session history =
as
+  seen from the user's perspective.&lt;/p&gt;
+
+  &lt;p&gt;Similarly, a page containing two &lt;code&gt;&lt;a href=3D#th=
e-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt;s has a &lt;code title=3D=
dom-history&gt;&lt;a href=3D#dom-history&gt;history&lt;/a&gt;&lt;/code&gt=
; object distinct from the &lt;code&gt;&lt;a href=3D#the-iframe-element&g=
t;iframe&lt;/a&gt;&lt;/code&gt;s' &lt;code title=3Ddom-history&gt;&lt;a h=
ref=3D#dom-history&gt;history&lt;/a&gt;&lt;/code&gt; objects, despite the=
 fact that typical Web browsers present the
+  user with just one &quot;Back&quot; button, with a session history tha=
t interleaves the navigation of the
+  two inner frames and the outer page.&lt;/p&gt;
+
+&lt;!--ADD-TOPIC:Security--&gt;
+  &lt;p&gt;&lt;strong&gt;Security&lt;/strong&gt;: It is suggested that t=
o avoid letting a page &quot;hijack&quot; the history
+  navigation facilities of a UA by abusing &lt;code title=3Ddom-history-=
pushState&gt;&lt;a href=3D#dom-history-pushstate&gt;pushState()&lt;/a&gt;=
&lt;/code&gt;,
+  the UA provide the user with a way to jump back to the previous page (=
rather than just going back
+  to the previous state). For example, the back button could have a drop=
 down showing just the pages
+  in the session history, and not showing any of the states. Similarly, =
an aural browser could have
+  two &quot;back&quot; commands, one that goes back to the previous stat=
e, and one that jumps straight back to
+  the previous page.&lt;/p&gt;
+
+  &lt;p&gt;In addition, a user agent could ignore calls to &lt;code titl=
e=3Ddom-history-pushState&gt;&lt;a href=3D#dom-history-pushstate&gt;pushS=
tate()&lt;/a&gt;&lt;/code&gt; that are invoked on a timer, or from event
+  listeners that are not triggered in response to a clear user action, o=
r that are invoked in rapid
+  succession.&lt;/p&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+  &lt;/div&gt;
+
+
+&lt;!--TOPIC:HTML--&gt;
+  &lt;h3 id=3Dbrowsing-the-web&gt;&lt;span class=3Dsecno&gt;6.6 &lt;/spa=
n&gt;Browsing the Web&lt;/h3&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dnavigating-across-documents&gt;&lt;span class=3Dsecno&gt;6=
.6.1 &lt;/span&gt;Navigating across documents&lt;/h4&gt;
+
+  &lt;p&gt;Certain actions cause the &lt;a href=3D#browsing-context&gt;b=
rowsing context&lt;/a&gt; to &lt;i&gt;&lt;a href=3D#navigate&gt;navigate&=
lt;/a&gt;&lt;/i&gt; to a new resource.
+  Navigation always involves &lt;dfn id=3Dsource-browsing-context&gt;sou=
rce browsing context&lt;/dfn&gt;, which is the browsing context which
+  was responsible for starting the navigation.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;For example, &lt;a href=3D#following-hyperlin=
ks title=3D&quot;following hyperlinks&quot;&gt;following a hyperlink&lt;/=
a&gt;,
+  &lt;a href=3D#concept-form-submit title=3Dconcept-form-submit&gt;form =
submission&lt;/a&gt;, and the &lt;code title=3Ddom-open&gt;&lt;a href=3D#=
dom-open&gt;window.open()&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Ddom=
-location-assign&gt;&lt;a href=3D#dom-location-assign&gt;location.assign(=
)&lt;/a&gt;&lt;/code&gt; methods can all cause a browsing context to
+  navigate.&lt;/p&gt;
+
+  &lt;p&gt;A user agent may provide various ways for the user to explici=
tly cause a browsing context to
+  navigate, in addition to those defined in this specification.&lt;/p&gt=
;
+
+  &lt;p class=3Dnote&gt;A &lt;i&gt;resource&lt;/i&gt; has a URL, but tha=
t might not be the only information necessary
+  to identify it. For example, a form submission that uses HTTP POST wou=
ld also have the HTTP method
+  and payload. Similarly, &lt;a href=3D#an-iframe-srcdoc-document&gt;an =
&lt;code&gt;iframe&lt;/code&gt; &lt;code title=3Dattr-iframe-srcdoc&gt;sr=
cdoc&lt;/code&gt; document&lt;/a&gt; needs to know the data it is to use.=
&lt;/p&gt;
+
+  &lt;!-- NAVIGATE &lt;dfn&gt;navigate&lt;/dfn&gt; --&gt;
+  &lt;!-- For places that _call_ this, as opposed to just referring to
+  it, search for &quot;DONAV&quot; --&gt;
+  &lt;p&gt;When a browsing context is &lt;dfn id=3Dnavigate title=3Dnavi=
gate&gt;navigated&lt;/dfn&gt; to a new resource, the user
+  agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Release the &lt;a href=3D#storage-mutex&g=
t;storage mutex&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li id=3DsandboxLinks&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#source-browsing-context&gt;source brow=
sing context&lt;/a&gt; is not &lt;a href=3D#allowed-to-navigate&gt;allowe=
d to navigate&lt;/a&gt; the
+    &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; being n=
avigated, then abort these steps.&lt;/p&gt;
+
+    &lt;p&gt;If these steps are aborted here, the user agent may instead=
 offer to open the new resource in
+    a new &lt;a href=3D#top-level-browsing-context&gt;top-level browsing=
 context&lt;/a&gt; or in the &lt;a href=3D#top-level-browsing-context&gt;=
top-level browsing context&lt;/a&gt;
+    of the &lt;a href=3D#source-browsing-context&gt;source browsing cont=
ext&lt;/a&gt;, at the user's option, in which case the user agent
+    must &lt;a href=3D#navigate&gt;navigate&lt;/a&gt;&lt;!--DONAV sandbo=
x manual load--&gt; that designated &lt;a href=3D#top-level-browsing-cont=
ext&gt;top-level
+    browsing context&lt;/a&gt; to the new resource as if the user had re=
quested it independently.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;Doing so, however, can be dangerous, as it mea=
ns that the user is overriding the
+    author's explicit request to sandbox the content.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li id=3DseamlessLinks&gt;&lt;p&gt;If the &lt;a href=3D#source-bro=
wsing-context&gt;source browsing context&lt;/a&gt; is the same as the
+   &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; being na=
vigated, and this browsing context has its &lt;a href=3D#seamless-browsin=
g-context-flag&gt;seamless
+   browsing context flag&lt;/a&gt; set, and the &lt;a href=3D#browsing-c=
ontext&gt;browsing context&lt;/a&gt; being navigated was not
+   chosen using an &lt;dfn id=3Dexplicit-self-navigation-override&gt;exp=
licit self-navigation override&lt;/dfn&gt;, then find the nearest
+   &lt;a href=3D#ancestor-browsing-context&gt;ancestor browsing context&=
lt;/a&gt; that does not have its &lt;a href=3D#seamless-browsing-context-=
flag&gt;seamless browsing context
+   flag&lt;/a&gt; set, and continue these steps as if &lt;em&gt;that&lt;=
/em&gt; &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; was
+   the one that was going to be &lt;a href=3D#navigate title=3Dnavigate&=
gt;navigated&lt;/a&gt; instead.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If there is a preexisting attempt to navigate the =
&lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;, and the
+   &lt;a href=3D#source-browsing-context&gt;source browsing context&lt;/=
a&gt; is the same as the &lt;a href=3D#browsing-context&gt;browsing conte=
xt&lt;/a&gt; being
+   navigated, and that attempt is currently running the &lt;a href=3D#un=
load-a-document&gt;unload a document&lt;/a&gt; algorithm,
+   and the &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the &lt;a href=3D=
#url&gt;URL&lt;/a&gt; of the resource being loaded in that
+   navigation is not the &lt;a href=3D#same-origin&gt;same origin&lt;/a&=
gt; as the &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the &lt;a href=3D#=
url&gt;URL&lt;/a&gt;
+   of the resource being loaded in &lt;em&gt;this&lt;/em&gt; navigation,=
 then abort these steps without
+   affecting the preexisting attempt to navigate the &lt;a href=3D#brows=
ing-context&gt;browsing context&lt;/a&gt;.&lt;/li&gt; &lt;!--
+   http://www.hixie.ch/tests/adhoc/html/navigation/unload/ --&gt;
+
+   &lt;li&gt;&lt;p&gt;If a &lt;a href=3D#concept-task title=3Dconcept-ta=
sk&gt;task&lt;/a&gt; queued by the &lt;a href=3D#traverse-the-history-by-=
a-delta&gt;traverse the history by a
+   delta&lt;/a&gt; algorithm is running the &lt;a href=3D#unload-a-docum=
ent&gt;unload a document&lt;/a&gt; algorithm for the
+   &lt;a href=3D#active-document&gt;active document&lt;/a&gt; of the &lt=
;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; being navigated=
, then abort
+   these steps without affecting the &lt;a href=3D#unload-a-document&gt;=
unload a document&lt;/a&gt; algorithm or the aforementioned
+   history traversal task.&lt;/li&gt; &lt;!-- this stops pages from hija=
cking the back/forward button --&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#prompt-to-unload-a-document&g=
t;prompt to unload a document&lt;/a&gt; algorithm is being run for the
+   &lt;a href=3D#active-document&gt;active document&lt;/a&gt; of the &lt=
;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; being navigated=
, then abort
+   these steps without affecting the &lt;a href=3D#prompt-to-unload-a-do=
cument&gt;prompt to unload a document&lt;/a&gt; algorithm.&lt;/li&gt;
+   &lt;!-- http://software.hixie.ch/utilities/js/live-dom-viewer/saved/1=
946 to 1955 --&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;gone async&lt;/var&gt; =
be false.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The &lt;a href=3D#navigate-redirect-step&gt;&l=
t;i&gt;handle redirects&lt;/i&gt;&lt;/a&gt; step later in
+    this algorithm can in certain cases jump back to the step labeled &l=
t;a href=3D#navigate-fragid-step&gt;&lt;i&gt;fragment identifiers&lt;/i&g=
t;&lt;/a&gt;. Since, between those two steps,
+    this algorithm goes from operating synchronously in the context of t=
he calling &lt;a href=3D#concept-task title=3Dconcept-task&gt;task&lt;/a&=
gt; to operating asynchronously independent of the &lt;a href=3D#event-lo=
op&gt;event
+    loop&lt;/a&gt;, some of the intervening steps need to be able to han=
dle both being synchronous and
+    being asynchronous. The &lt;var title=3D&quot;&quot;&gt;gone async&l=
t;/var&gt; flag is thus used to make these steps
+    aware of which mode they are operating in.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li id=3Dnavigate-fragid-step&gt;&lt;p&gt;&lt;i&gt;Fragment identi=
fiers&lt;/i&gt;: Apply the &lt;a href=3D#url-parser&gt;URL parser&lt;/a&g=
t;
+   algorithm to the &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt;=
 of the new resource and the &lt;a href=3D&quot;#the-document's-address&q=
uot; title=3D&quot;the
+   document's address&quot;&gt;address&lt;/a&gt; of the &lt;a href=3D#ac=
tive-document&gt;active document&lt;/a&gt; of the &lt;a href=3D#browsing-=
context&gt;browsing
+   context&lt;/a&gt; being navigated. If all the components of the resul=
ting &lt;a href=3D#parsed-url title=3D&quot;parsed
+   URL&quot;&gt;parsed URLs&lt;/a&gt;, ignoring any &lt;a href=3D#concep=
t-url-fragment title=3Dconcept-url-fragment&gt;fragment&lt;/a&gt;
+   components, are identical, and the new resource is to be fetched usin=
g HTTP GET &lt;a href=3D#concept-http-equivalent-get title=3Dconcept-http=
-equivalent-get&gt;or equivalent&lt;/a&gt;, and the &lt;a href=3D#parsed-=
url&gt;parsed URL&lt;/a&gt; of the
+   new resource has a &lt;a href=3D#concept-url-fragment title=3Dconcept=
-url-fragment&gt;fragment&lt;/a&gt; component that is not null
+   (even if it is empty), then &lt;a href=3D#scroll-to-fragid title=3Dna=
vigate-fragid&gt;navigate to that fragment
+   identifier&lt;/a&gt; and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;gone async&lt;/=
var&gt; is false, cancel any preexisting but not yet &lt;a href=3D#concep=
t-navigate-mature title=3Dconcept-navigate-mature&gt;mature&lt;/a&gt; att=
empt to navigate the &lt;a href=3D#browsing-context&gt;browsing
+   context&lt;/a&gt;, including canceling any instances of the &lt;a hre=
f=3D#fetch&gt;fetch&lt;/a&gt; algorithm started by
+   those attempts. If one of those attempts has already &lt;a href=3D#cr=
eate-a-document-object title=3D&quot;create a document
+   object&quot;&gt;created a new &lt;code&gt;Document&lt;/code&gt; objec=
t&lt;/a&gt;, &lt;a href=3D#abort-a-document title=3D&quot;abort a
+   document&quot;&gt;abort&lt;/a&gt; that &lt;code&gt;&lt;a href=3D#docu=
ment&gt;Document&lt;/a&gt;&lt;/code&gt; also. (Navigation attempts that h=
ave &lt;a href=3D#concept-navigate-mature title=3Dconcept-navigate-mature=
&gt;matured&lt;/a&gt; already have session history entries, and are
+   therefore handled during the &lt;a href=3D#update-the-session-history=
-with-the-new-page&gt;update the session history with the new page&lt;/a&=
gt; algorithm,
+   later.)&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the new resource is to be handled using a mecha=
nism that does not affect the browsing
+   context, e.g. ignoring the navigation request altogether because the =
specified scheme is not one
+   of the supported protocols, then abort these steps and proceed with t=
hat mechanism
+   instead.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;gone async&lt;/var&gt; i=
s false, &lt;a href=3D#prompt-to-unload-a-document title=3D&quot;prompt t=
o unload a document&quot;&gt;prompt
+    to unload&lt;/a&gt; the &lt;code&gt;&lt;a href=3D#document&gt;Docume=
nt&lt;/a&gt;&lt;/code&gt; object. If the user &lt;a href=3D#refused-to-al=
low-the-document-to-be-unloaded&gt;refused to allow the
+    document to be unloaded&lt;/a&gt;, then abort these steps.&lt;/p&gt;
+
+    &lt;p&gt;If this instance of the &lt;a href=3D#navigate title=3Dnavi=
gate&gt;navigation&lt;/a&gt; algorithm gets canceled
+    while this step is running, the &lt;a href=3D#prompt-to-unload-a-doc=
ument&gt;prompt to unload a document&lt;/a&gt; algorithm must
+    nonetheless be run to completion.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;gone async&lt;/=
var&gt; is false, &lt;a href=3D#abort-a-document title=3D&quot;abort a do=
cument&quot;&gt;abort&lt;/a&gt;
+   the &lt;a href=3D#active-document&gt;active document&lt;/a&gt; of the=
 &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the new resource is to be handled by displaying some sor=
t of inline content, e.g. an error
+    message because the specified scheme is not one of the supported pro=
tocols, or an inline prompt
+    to allow the user to select &lt;a href=3D#dom-navigator-registerprot=
ocolhandler title=3Ddom-navigator-registerProtocolHandler&gt;a registered
+    handler&lt;/a&gt; for the given scheme, then &lt;a href=3D#read-ua-i=
nline title=3Dnavigate-ua-inline&gt;display the inline
+    content&lt;/a&gt; and abort these steps.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;In the case of a registered handler being used=
, the algorithm will be reinvoked
+    with a new URL to handle the request.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the resource has already been obtained (e.g. because it =
is being used to populate an
+    &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&lt;=
/code&gt; element's new &lt;a href=3D#child-browsing-context&gt;child bro=
wsing context&lt;/a&gt;), then skip this step.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise:&lt;/p&gt;
+
+    &lt;p&gt;If the new resource is to be fetched using HTTP GET &lt;a h=
ref=3D#concept-http-equivalent-get title=3Dconcept-http-equivalent-get&gt=
;or equivalent&lt;/a&gt;, and there are &lt;a href=3D#relevant-applicatio=
n-cache title=3D&quot;relevant
+    application cache&quot;&gt;relevant application caches&lt;/a&gt; tha=
t are identified by a URL with the
+    &lt;a href=3D#same-origin&gt;same origin&lt;/a&gt; as the URL in que=
stion, and that have this URL as one of their entries,
+    excluding entries marked as &lt;a href=3D#concept-appcache-foreign t=
itle=3Dconcept-appcache-foreign&gt;foreign&lt;/a&gt;, and whose
+    &lt;a href=3D#concept-appcache-mode title=3Dconcept-appcache-mode&gt=
;mode&lt;/a&gt; is &lt;a href=3D#concept-appcache-mode-fast title=3Dconce=
pt-appcache-mode-fast&gt;fast&lt;/a&gt;, and the user agent is not in a m=
ode where it
+    will avoid using &lt;a href=3D#application-cache title=3D&quot;appli=
cation cache&quot;&gt;application caches&lt;/a&gt; then
+    &lt;a href=3D#fetch&gt;fetch&lt;/a&gt; the resource from the &lt;a h=
ref=3D#concept-appcache-selection title=3Dconcept-appcache-selection&gt;m=
ost
+    appropriate application cache&lt;/a&gt; of those that match.&lt;/p&g=
t;
+
+    &lt;p class=3Dexample&gt;For example, imagine an HTML page with an a=
ssociated application cache
+    displaying an image and a form, where the image is also used by seve=
ral other application
+    caches. If the user right-clicks on the image and chooses &quot;View=
 Image&quot;, then the user agent
+    could decide to show the image from any of those caches, but it is l=
ikely that the most useful
+    cache for the user would be the one that was used for the aforementi=
oned HTML page. On the other
+    hand, if the user submits the form, and the form does a POST submiss=
ion, then the user agent
+    will not use an application cache at all; the submission will be mad=
e to the network.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, &lt;a href=3D#fetch&gt;fetch&lt;/a&gt;&lt;!--FET=
CH--&gt; the new resource, with the &lt;i&gt;manual redirect
+    flag&lt;/i&gt; set.&lt;/p&gt;
+
+    &lt;p&gt;If the resource is being fetched using a method other than =
one &lt;a href=3D#concept-http-equivalent-get title=3Dconcept-http-equiva=
lent-get&gt;equivalent to&lt;/a&gt; HTTP's GET&lt;!-- or HEAD (but that c=
an't
+    happen) --&gt;, or, if the &lt;a href=3D#navigate title=3Dnavigate&g=
t;navigation algorithm&lt;/a&gt; was invoked as a
+    result of the &lt;a href=3D#concept-form-submit title=3Dconcept-form=
-submit&gt;form submission algorithm&lt;/a&gt;, then the &lt;a href=3D#fe=
tch title=3Dfetch&gt;fetching algorithm&lt;/a&gt; must be invoked from th=
e &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the
+    &lt;a href=3D#active-document&gt;active document&lt;/a&gt; of the &l=
t;a href=3D#source-browsing-context&gt;source browsing context&lt;/a&gt;,=
 if any.&lt;/p&gt; &lt;!--
+    potentially http-origin privacy sensitive --&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#browsing-context&gt;browsing context&l=
t;/a&gt; being navigated is a &lt;a href=3D#child-browsing-context&gt;chi=
ld browsing context&lt;/a&gt;
+    for an &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&=
gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#the-object-element&gt;objec=
t&lt;/a&gt;&lt;/code&gt; element, then the &lt;a href=3D#fetch title=3Dfe=
tch&gt;fetching
+    algorithm&lt;/a&gt; must be invoked from the &lt;code&gt;&lt;a href=3D=
#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a=
 href=3D#the-object-element&gt;object&lt;/a&gt;&lt;/code&gt; element's
+    &lt;a href=3D#browsing-context-scope-origin&gt;browsing context scop=
e origin&lt;/a&gt;, if it has one.&lt;/p&gt; &lt;!-- potentially http-ori=
gin
+    privacy sensitive --&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#browsing-context&gt;browsing context&l=
t;/a&gt; is a &lt;a href=3D#nested-browsing-context&gt;nested browsing co=
ntext&lt;/a&gt;, then in the
+    time between the &lt;a href=3D#fetch&gt;fetch&lt;/a&gt; algorithm be=
ing started by this step, and either the
+    creation of a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&g=
t;&lt;/code&gt; object or the canceling of the &lt;a href=3D#fetch&gt;fet=
ch&lt;/a&gt; or &lt;a href=3D#navigate title=3Dnavigate&gt;navigation&lt;=
/a&gt; algorithms, the &lt;a href=3D#browsing-context&gt;browsing context=
&lt;/a&gt; must be put in
+    the &lt;a href=3D#delaying-load-events-mode&gt;delaying &lt;code tit=
le=3Devent-load&gt;load&lt;/code&gt; events mode&lt;/a&gt;.&lt;/p&gt; &lt=
;!-- this is
+    what makes &lt;iframe&gt; elements delay the load event of their par=
ent browsing context when their
+    child browsing context is in between this step and the step that sta=
rts the parser. --&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;!-- *********************************** ASYNC BOUNDARY *********=
************************** --&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;gone async&lt;/var&gt; i=
s false, return to whatever algorithm invoked the
+    navigation steps and continue running these steps asynchronously.&lt=
;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;gone async&lt;=
/var&gt; be true.&lt;/li&gt;
+
+   &lt;li id=3Dnavigate-redirect-step&gt;
+
+    &lt;!--CLEANUP--&gt;
+    &lt;p&gt;&lt;i&gt;Handle redirects&lt;/i&gt;: If fetching the resour=
ce results in a redirect, and either the &lt;a href=3D#url&gt;URL&lt;/a&g=
t; of the target
+    of the redirect has the &lt;a href=3D#same-origin&gt;same origin&lt;=
/a&gt; as the original resource, or the resource is
+    being obtained using the POST method or a safe method (in HTTP terms=
), return to &lt;a href=3D#navigate-fragid-step&gt;the step labeled &lt;i=
&gt;fragment identifiers&lt;/i&gt;&lt;/a&gt; with the new
+    resource, except that if the &lt;a href=3D#url&gt;URL&lt;/a&gt; of t=
he target of the redirect does not have a
+    fragment identifier and the &lt;a href=3D#url&gt;URL&lt;/a&gt; of th=
e resource that led to the redirect does, then
+    the fragment identifier of the resource that led to the redirect mus=
t be propagated to the
+    &lt;a href=3D#url&gt;URL&lt;/a&gt; of the target of the redirect.&lt=
;/p&gt;
+
+    &lt;p class=3Dexample&gt;So for instance, if the original URL was &q=
uot;&lt;code title=3D&quot;&quot;&gt;http://example.com/#!sample&lt;/code=
&gt;&quot; and &quot;&lt;code title=3D&quot;&quot;&gt;http://example.com/=
&lt;/code&gt;&quot; is
+    found to redirect to &quot;&lt;code title=3D&quot;&quot;&gt;https://=
example.com/&lt;/code&gt;&quot;, the URL of the new resource
+    will be &quot;&lt;code title=3D&quot;&quot;&gt;https://example.com/#=
!sample&lt;/code&gt;&quot;.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if fetching the resource results in a redirect b=
ut the &lt;a href=3D#url&gt;URL&lt;/a&gt; of the
+    target of the redirect does not have the &lt;a href=3D#same-origin&g=
t;same origin&lt;/a&gt; as the original resource and
+    the resource is being obtained using a method that is neither the PO=
ST method nor a safe method
+    (in HTTP terms), then abort these steps. The user agent may indicate=
 to the user that the
+    navigation has been aborted for security reasons.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;!--CLEANUP: should move this step to above the &quot;handle redir=
ects&quot; step--&gt;
+   &lt;li&gt;&lt;p&gt;Wait for one or more bytes to be available or for =
the user agent to establish that the
+   resource in question is empty. During this time, the user agent may a=
llow the user to cancel this
+   navigation attempt or start other navigation attempts.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;strong&gt;Fallback in prefer-online mode&lt;/strong&gt;=
: If the resource was not fetched from an
+    &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt;, and =
was to be fetched using HTTP GET &lt;a href=3D#concept-http-equivalent-ge=
t title=3Dconcept-http-equivalent-get&gt;or equivalent&lt;/a&gt;, and the=
re are &lt;a href=3D#relevant-application-cache title=3D&quot;relevant
+    application cache&quot;&gt;relevant application caches&lt;/a&gt; tha=
t are identified by a URL with the
+    &lt;a href=3D#same-origin&gt;same origin&lt;/a&gt; as the URL in que=
stion, and that have this URL as one of their entries,
+    excluding entries marked as &lt;a href=3D#concept-appcache-foreign t=
itle=3Dconcept-appcache-foreign&gt;foreign&lt;/a&gt;, and whose
+    &lt;a href=3D#concept-appcache-mode title=3Dconcept-appcache-mode&gt=
;mode&lt;/a&gt; is &lt;a href=3D#concept-appcache-mode-prefer-online titl=
e=3Dconcept-appcache-mode-prefer-online&gt;prefer-online&lt;/a&gt;, and t=
he user didn't cancel the
+    navigation attempt during the earlier step, and the navigation attem=
pt failed (e.g. the server
+    returned a 4xx or 5xx status code &lt;a href=3D#concept-http-equival=
ent-codes title=3Dconcept-http-equivalent-codes&gt;or
+    equivalent&lt;/a&gt;, or there was a DNS error), then:&lt;/p&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;candidate&lt;/var&gt; b=
e the resource identified by the URL in question from the
+    &lt;a href=3D#concept-appcache-selection title=3Dconcept-appcache-se=
lection&gt;most appropriate application cache&lt;/a&gt; of those that
+    match.&lt;/p&gt; &lt;!-- note that a redirect can never reach this p=
oint as it is handled earlier,
+    meaning that a captive portal captures URLs in &quot;prefer-online&q=
uot; caches and you can't ever get to
+    the cached resource of a prefer-online cache if you have a captive p=
ortal --&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;candidate&lt;/var&gt; is=
 not marked as &lt;a href=3D#concept-appcache-foreign title=3Dconcept-app=
cache-foreign&gt;foreign&lt;/a&gt;, then the user agent must discard the =
failed
+    load and instead continue along these steps using &lt;var title=3D&q=
uot;&quot;&gt;candidate&lt;/var&gt; as the resource.
+    The user agent may indicate to the user that the original page load =
failed, and that the page
+    used was a previously cached resource.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This does not affect the &lt;i&gt;address of t=
he resource from which Request-URIs are
+    obtained&lt;/i&gt;, as used to set &lt;a href=3D&quot;#the-document'=
s-referrer&quot;&gt;the document's referrer&lt;/a&gt; in the &lt;a href=3D=
#create-a-document-object&gt;create a Document
+    object&lt;/a&gt; steps below; they still use the value as computed b=
y the original
+    &lt;a href=3D#fetch&gt;fetch&lt;/a&gt; algorithm.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;strong&gt;Fallback for fallback entries&lt;/strong&gt;:=
 If the resource was not fetched from an
+    &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt;, and =
was to be fetched using HTTP GET &lt;a href=3D#concept-http-equivalent-ge=
t title=3Dconcept-http-equivalent-get&gt;or equivalent&lt;/a&gt;, and its=
 URL &lt;a href=3D#concept-appcache-matches-fallback title=3Dconcept-appc=
ache-matches-fallback&gt;matches the fallback namespace&lt;/a&gt; of one =
or more
+    &lt;a href=3D#relevant-application-cache title=3D&quot;relevant appl=
ication cache&quot;&gt;relevant application caches&lt;/a&gt;, and the &lt=
;a href=3D#concept-appcache-selection title=3Dconcept-appcache-selection&=
gt;most appropriate application cache&lt;/a&gt; of those that match
+    does not have an entry in its &lt;a href=3D#concept-appcache-onlinew=
hitelist title=3Dconcept-appcache-onlinewhitelist&gt;online
+    whitelist&lt;/a&gt; that has the &lt;a href=3D#same-origin&gt;same o=
rigin&lt;/a&gt; as the resource's URL and that is a
+    &lt;a href=3D#prefix-match&gt;prefix match&lt;/a&gt; for the resourc=
e's URL, and the user didn't cancel the navigation
+    attempt during the previous step, and the navigation attempt failed =
(e.g. the server returned a
+    4xx or 5xx status code &lt;a href=3D#concept-http-equivalent-codes t=
itle=3Dconcept-http-equivalent-codes&gt;or equivalent&lt;/a&gt;, or
+    there was a DNS error), then:&lt;/p&gt; &lt;!-- note that a redirect=
 can never reach this point as it is
+    handled earlier, meaning that a captive portal captures URLs in fall=
back namespaces and you
+    can't ever get to the fallback file of a resource if you have a capt=
ive portal --&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;candidate&lt;/var&gt; b=
e the &lt;a href=3D#concept-appcache-fallback title=3Dconcept-appcache-fa=
llback&gt;fallback
+    resource&lt;/a&gt; specified for the &lt;a href=3D#concept-appcache-=
fallback-ns title=3Dconcept-appcache-fallback-ns&gt;fallback
+    namespace&lt;/a&gt; in question. If multiple application caches matc=
h, the user agent must use the
+    fallback of the &lt;a href=3D#concept-appcache-selection title=3Dcon=
cept-appcache-selection&gt;most appropriate application
+    cache&lt;/a&gt; of those that match.&lt;/p&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;candidate&lt;/var&gt; is=
 not marked as &lt;a href=3D#concept-appcache-foreign title=3Dconcept-app=
cache-foreign&gt;foreign&lt;/a&gt;, then the user agent must discard the =
failed
+    load and instead continue along these steps using &lt;var title=3D&q=
uot;&quot;&gt;candidate&lt;/var&gt; as the resource.
+    &lt;a href=3D&quot;#the-document's-address&quot;&gt;The document's a=
ddress&lt;/a&gt;, if appropriate, will still be the originally requested =
URL,
+    not the fallback URL, but the user agent may indicate to the user th=
at the original page load
+    failed, that the page used was a fallback resource, and what the URL=
 of the fallback resource
+    actually is.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This does not affect the &lt;i&gt;address of t=
he resource from which Request-URIs are
+    obtained&lt;/i&gt;, as used to set &lt;a href=3D&quot;#the-document'=
s-referrer&quot;&gt;the document's referrer&lt;/a&gt; in the &lt;a href=3D=
#create-a-document-object&gt;create a Document
+    object&lt;/a&gt; steps below; they still use the value as computed b=
y the original
+    &lt;a href=3D#fetch&gt;fetch&lt;/a&gt; algorithm.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;i&gt;Resource handling&lt;/i&gt;: If the resource's out=
-of-band metadata (e.g. HTTP headers), not
+    counting any &lt;a href=3D#content-type title=3DContent-Type&gt;type=
 information&lt;/a&gt; (such as the Content-Type HTTP
+    header), requires some sort of processing that will not affect the b=
rowsing context, then
+    perform that processing and abort these steps.&lt;/p&gt;
+
+    &lt;div class=3Dnote&gt;
+     &lt;p&gt;Such processing might be triggered by, amongst other thing=
s, the following:&lt;/p&gt;
+     &lt;ul class=3Dbrief&gt;&lt;li&gt;HTTP status codes (e.g. 204 No Co=
ntent or 205 Reset Content)&lt;/li&gt;
+      &lt;li&gt;Network errors (e.g. the network interface being unavail=
able)&lt;/li&gt;
+      &lt;li&gt;Cryptographic protocol failures (e.g. an incorrect TLS c=
ertificate)&lt;/li&gt;
+      &lt;!-- Other schemes are handled earlier --&gt;
+      &lt;!-- Content-Disposition is handled below --&gt;
+      &lt;!-- Content-Type is handled in subsequent steps --&gt;
+      &lt;!-- ...and I can't think of any others. --&gt;
+     &lt;/ul&gt;&lt;/div&gt;
+
+    &lt;p&gt;Responses with HTTP &lt;code title=3Dhttp-content-dispositi=
on&gt;Content-Disposition&lt;/code&gt; headers
+    specifying the &lt;code title=3D&quot;&quot;&gt;attachment&lt;/code&=
gt; disposition type must be handled &lt;a href=3D#as-a-download&gt;as a
+    download&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;!-- theoretically, HTTP 205 processing would occur here, resetti=
ng all forms with no other
+    effect. However, it seems nobody actually wants to use this ability,=
 so requiring it here seems
+    like unnecessary work. --&gt;
+
+    &lt;p&gt;HTTP 401 responses that do not include a challenge recogniz=
ed by the user agent must be
+    processed as if they had no challenge, e.g. rendering the entity bod=
y as if the response had
+    been 200 OK.&lt;/p&gt;
+
+    &lt;p&gt;User agents may show the entity body of an HTTP 401 respons=
e even when the response does
+    include a recognized challenge, with the option to login being inclu=
ded in a non-modal fashion,
+    to enable the information provided by the server to be used by the u=
ser before authenticating.
+    Similarly, user agents should allow the user to authenticate (in a n=
on-modal fashion) against
+    authentication challenges included in other responses such as HTTP 2=
00 OK responses, effectively
+    allowing resources to present HTTP login forms without requiring the=
ir use.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;type&lt;/var&g=
t; be &lt;a href=3D#content-type-sniffing-0 title=3D&quot;Content-Type sn=
iffing&quot;&gt;the sniffed type of
+   the resource&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the user agent has been configured to process r=
esources of the given &lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt; us=
ing some mechanism other than rendering the content in a &lt;a href=3D#br=
owsing-context&gt;browsing
+   context&lt;/a&gt;, then skip this step. Otherwise, if the &lt;var tit=
le=3D&quot;&quot;&gt;type&lt;/var&gt; is one of the
+   following types, jump to the appropriate entry in the following list,=
 and process the resource as
+   described there:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;!-- an &lt;span&gt;HTML MIME type&lt;/s=
pan&gt; --&gt;&lt;dt&gt;&quot;&lt;code&gt;&lt;a href=3D#text/html&gt;text=
/html&lt;/a&gt;&lt;/code&gt;&quot;&lt;/dt&gt;
+     &lt;dd&gt;Follow the steps given in the &lt;a href=3D#read-html tit=
le=3Dnavigate-html&gt;HTML document&lt;/a&gt; section, and
+     abort these steps.&lt;/dd&gt;
+
+     &lt;!-- an &lt;span&gt;XML MIME type&lt;/span&gt; --&gt;
+     &lt;dt&gt;&quot;&lt;code&gt;application/xml&lt;/code&gt;&quot;&lt;/=
dt&gt;
+     &lt;dt&gt;&quot;&lt;code&gt;text/xml&lt;/code&gt;&quot;&lt;/dt&gt;
+     &lt;dt&gt;&quot;&lt;code&gt;image/svg+xml&lt;/code&gt;&quot;&lt;/dt=
&gt;
+     &lt;dt&gt;&quot;&lt;code&gt;&lt;a href=3D#application/xhtml+xml&gt;=
application/xhtml+xml&lt;/a&gt;&lt;/code&gt;&quot;&lt;/dt&gt;
+     &lt;dt&gt;Any other type ending in &quot;&lt;code title=3D&quot;&qu=
ot;&gt;+xml&lt;/code&gt;&quot; that is not an &lt;a href=3D#explicitly-su=
pported-xml-type&gt;explicitly
+     supported XML type&lt;/a&gt;&lt;/dt&gt; &lt;!-- no need to say that=
 the _subtype_ ends in &quot;+xml&quot; so long as
+     the &quot;sniffed type&quot; algorithm continues to drop parameters=
 --&gt;
+     &lt;dd&gt;Follow the steps given in the &lt;a href=3D#read-xml titl=
e=3Dnavigate-xml&gt;XML document&lt;/a&gt; section. If
+     that section determines that the content is &lt;em&gt;not&lt;/em&gt=
; to be displayed as a generic XML
+     document, then proceed to the next step in this overall set of step=
s. Otherwise, abort these
+     steps.&lt;/dd&gt;
+
+     &lt;dt&gt;&quot;&lt;code&gt;text/plain&lt;/code&gt;&quot;&lt;/dt&gt=
;
+     &lt;dd&gt;Follow the steps given in the &lt;a href=3D#read-text tit=
le=3Dnavigate-text&gt;plain text file&lt;/a&gt; section,
+     and abort these steps.&lt;/dd&gt;
+
+     &lt;dt&gt;&quot;&lt;code&gt;&lt;a href=3D#multipart/x-mixed-replace=
&gt;multipart/x-mixed-replace&lt;/a&gt;&lt;/code&gt;&quot;&lt;/dt&gt;
+     &lt;dd&gt;Follow the steps given in the &lt;a href=3D#read-multipar=
t-x-mixed-replace title=3Dnavigate-multipart-x-mixed-replace&gt;multipart=
/x-mixed-replace&lt;/a&gt; section, and abort
+     these steps.&lt;/dd&gt;
+
+     &lt;dt&gt;A supported image, video, or audio type&lt;/dt&gt;
+     &lt;dd&gt;Follow the steps given in the &lt;a href=3D#read-media ti=
tle=3Dnavigate-media&gt;media&lt;/a&gt; section, and abort
+     these steps.&lt;/dd&gt;
+
+     &lt;dt&gt;A type that will use an external application to render th=
e content in the &lt;a href=3D#browsing-context&gt;browsing
+     context&lt;/a&gt;&lt;/dt&gt;
+     &lt;dd&gt;Follow the steps given in the &lt;a href=3D#read-plugin t=
itle=3Dnavigate-plugin&gt;plugin&lt;/a&gt; section, and
+     abort these steps.&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;p&gt;An &lt;dfn id=3Dexplicitly-supported-xml-type&gt=
;explicitly supported XML type&lt;/dfn&gt; is one for which the user agen=
t is configured to
+    use an external application to render the content (either a &lt;a hr=
ef=3D#plugin&gt;plugin&lt;/a&gt; rendering
+    directly in the &lt;a href=3D#browsing-context&gt;browsing context&l=
t;/a&gt;, or a separate application), or one for which the
+    user agent has dedicated processing rules (e.g. a Web browser with a=
 built-in Atom feed viewer
+    would be said to explicitly support the &lt;code&gt;application/atom=
+xml&lt;/code&gt; MIME type), or one for
+    which the user agent has a dedicated handler (e.g. one registered us=
ing &lt;code title=3Ddom-navigator-registerContentHandler&gt;&lt;a href=3D=
#dom-navigator-registercontenthandler&gt;registerContentHandler()&lt;/a&g=
t;&lt;/code&gt;).&lt;/p&gt;
+
+    &lt;p&gt;&lt;dfn id=3D&quot;set-the-document's-address&quot; title=3D=
&quot;set the document's address&quot;&gt;Setting the document's address&=
lt;/dfn&gt;: If there is no
+    &lt;dfn id=3Doverride-url&gt;override URL&lt;/dfn&gt;, then any &lt;=
code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; created=
 by these steps must have its
+    &lt;a href=3D&quot;#the-document's-address&quot; title=3D&quot;the d=
ocument's address&quot;&gt;address&lt;/a&gt; set to the &lt;a href=3D#url=
&gt;URL&lt;/a&gt; that was
+    originally to be &lt;a href=3D#fetch title=3Dfetch&gt;fetched&lt;/a&=
gt;, ignoring any other data that was used to
+    obtain the resource (e.g. the entity body in the case of a POST subm=
ission is not part of
+    &lt;a href=3D&quot;#the-document's-address&quot;&gt;the document's a=
ddress&lt;/a&gt;, nor is the URL of the fallback resource in the case of =
the
+    original load having failed and that URL having been found to match =
a &lt;a href=3D#concept-appcache-fallback-ns title=3Dconcept-appcache-fal=
lback-ns&gt;fallback namespace&lt;/a&gt;). However, if there &lt;em&gt;is=
&lt;/em&gt;
+    an &lt;a href=3D#override-url&gt;override URL&lt;/a&gt;, then any &l=
t;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; creat=
ed by these steps must have
+    its &lt;a href=3D&quot;#the-document's-address&quot; title=3D&quot;t=
he document's address&quot;&gt;address&lt;/a&gt; set to that &lt;a href=3D=
#url&gt;URL&lt;/a&gt;
+    instead.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;An &lt;a href=3D#override-url title=3D&quot;ov=
erride URL&quot;&gt;override URL&lt;/a&gt; is set when &lt;a href=3D#conc=
ept-js-deref title=3Dconcept-js-deref&gt;dereferencing a &lt;code&gt;java=
script:&lt;/code&gt; URL&lt;/a&gt; and when performing
+    &lt;a href=3D#an-overridden-reload&gt;an overridden reload&lt;/a&gt;=
.&lt;/p&gt;
+
+    &lt;p&gt;&lt;dfn id=3Dcreate-a-document-object title=3D&quot;create =
a Document object&quot;&gt;Creating a new &lt;code&gt;Document&lt;/code&g=
t; object&lt;/dfn&gt;: when
+    a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt; is created as part of the above steps, the user agent must additional=
ly
+    run the following algorithm as part of creating the new object:&lt;/=
p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Create a new &lt;code&gt;&lt;a href=3D#=
window&gt;Window&lt;/a&gt;&lt;/code&gt; object, and associate it with the
+     &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&g=
t;, with one exception: if the &lt;a href=3D#browsing-context&gt;browsing=
 context&lt;/a&gt;'s only entry in
+     its &lt;a href=3D#session-history&gt;session history&lt;/a&gt; is t=
he &lt;code&gt;&lt;a href=3D#about:blank&gt;about:blank&lt;/a&gt;&lt;/cod=
e&gt; &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&g=
t; that was
+     added when the &lt;a href=3D#browsing-context&gt;browsing context&l=
t;/a&gt; was created, and navigation is occurring with
+     &lt;a href=3D#replacement-enabled&gt;replacement enabled&lt;/a&gt;,=
 and that &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/co=
de&gt; has the &lt;a href=3D#same-origin&gt;same
+     origin&lt;/a&gt; as the new &lt;code&gt;&lt;a href=3D#document&gt;D=
ocument&lt;/a&gt;&lt;/code&gt;, then use the &lt;code&gt;&lt;a href=3D#wi=
ndow&gt;Window&lt;/a&gt;&lt;/code&gt; object of that
+     &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&g=
t; instead, and change the &lt;code title=3Ddom-document&gt;&lt;a href=3D=
#dom-document-0&gt;document&lt;/a&gt;&lt;/code&gt;
+     attribute of the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&g=
t;&lt;/code&gt; object to point to the new &lt;code&gt;&lt;a href=3D#docu=
ment&gt;Document&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+     &lt;li&gt;&lt;p&gt;Set &lt;a href=3D&quot;#the-document's-referrer&=
quot;&gt;the document's referrer&lt;/a&gt; to the &lt;i&gt;address of the=
 resource from which
+     Request-URIs are obtained&lt;/i&gt; as determined when the &lt;a hr=
ef=3D#fetch&gt;fetch&lt;/a&gt; algorithm obtained the
+     resource, if that algorithm was used and determined such a value; o=
therwise, set it to the
+     empty string.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#implement-the-sandboxing&gt;Implem=
ent the sandboxing&lt;/a&gt; for the &lt;code&gt;&lt;a href=3D#document&g=
t;Document&lt;/a&gt;&lt;/code&gt;.&lt;/li&gt;
+
+     &lt;li id=3Dfullscreen-logic&gt;
+
+      &lt;p&gt;If the &lt;a href=3D#active-sandboxing-flag-set&gt;active=
 sandboxing flag set&lt;/a&gt; of the &lt;code&gt;&lt;a href=3D#document&=
gt;Document&lt;/a&gt;&lt;/code&gt;'s
+      &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; or an=
y of its &lt;a href=3D#ancestor-browsing-context title=3D&quot;ancestor b=
rowsing context&quot;&gt;ancestor
+      browsing contexts&lt;/a&gt; (if any) have the &lt;a href=3D#sandbo=
xed-fullscreen-browsing-context-flag&gt;sandboxed fullscreen browsing con=
text
+      flag&lt;/a&gt; set, then skip this step.&lt;/p&gt;
+
+      &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;=
/a&gt;&lt;/code&gt;'s &lt;a href=3D#browsing-context&gt;browsing context&=
lt;/a&gt; has a &lt;a href=3D#browsing-context-container&gt;browsing cont=
ext
+      container&lt;/a&gt; and either it is not an &lt;code&gt;&lt;a href=
=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt; element, or it do=
es not have the
+      &lt;code title=3Dattr-iframe-allowfullscreen&gt;&lt;a href=3D#attr=
-iframe-allowfullscreen&gt;allowfullscreen&lt;/a&gt;&lt;/code&gt; attribu=
te specified, or its
+      &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt; does not have the &lt;a href=3D#fullscreen-enabled-flag&gt;fullscreen=
 enabled flag&lt;/a&gt; set, then also
+      skip this step.&lt;/p&gt;
+
+      &lt;p&gt;Otherwise, set the &lt;code&gt;&lt;a href=3D#document&gt;=
Document&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#fullscreen-enabled-flag&g=
t;fullscreen enabled flag&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li id=3Dnavigate-non-Document&gt;
+
+    &lt;p&gt;&lt;i&gt;Non-document content&lt;/i&gt;: If, given &lt;var =
title=3D&quot;&quot;&gt;type&lt;/var&gt;, the new resource is to be
+    handled by displaying some sort of inline content, e.g. a native ren=
dering of the content, an
+    error message because the specified type is not supported, or an inl=
ine prompt to allow the user
+    to select &lt;a href=3D#dom-navigator-registercontenthandler title=3D=
dom-navigator-registerContentHandler&gt;a registered handler&lt;/a&gt; fo=
r the
+    given type, then &lt;a href=3D#read-ua-inline title=3Dnavigate-ua-in=
line&gt;display the inline content&lt;/a&gt; and abort
+    these steps.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;In the case of a registered handler being used=
, the algorithm will be reinvoked
+    with a new URL to handle the request.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, the document's &lt;var title=3D&quot;&q=
uot;&gt;type&lt;/var&gt; is such that the resource will not
+   affect the browsing context, e.g. because the resource is to be hande=
d to an external application
+   or because it is an unknown type that will be processed &lt;a href=3D=
#as-a-download&gt;as a download&lt;/a&gt;. Process the
+   resource appropriately.&lt;/p&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;Some of the sections below, to which the=
 above algorithm defers in certain cases, require the
+  user agent to &lt;dfn id=3Dupdate-the-session-history-with-the-new-pag=
e&gt;update the session history with the new page&lt;/dfn&gt;. When a use=
r agent is
+  required to do this, it must &lt;a href=3D#queue-a-task&gt;queue a tas=
k&lt;/a&gt; (associated with the &lt;code&gt;&lt;a href=3D#document&gt;Do=
cument&lt;/a&gt;&lt;/code&gt;
+  object of the &lt;a href=3D#current-entry&gt;current entry&lt;/a&gt;, =
not the new one) to run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#unload-a-document title=3D&quot;unload a docu=
ment&quot;&gt;Unload&lt;/a&gt; the &lt;code&gt;&lt;a href=3D#document&gt;=
Document&lt;/a&gt;&lt;/code&gt; object of the
+    &lt;a href=3D#current-entry&gt;current entry&lt;/a&gt;, with the &lt=
;var title=3D&quot;&quot;&gt;recycle&lt;/var&gt; parameter set to false.&=
lt;/p&gt;
+
+    &lt;p&gt;If this instance of the &lt;a href=3D#navigate title=3Dnavi=
gate&gt;navigation&lt;/a&gt; algorithm is canceled while
+    this step is running the &lt;a href=3D#unload-a-document&gt;unload a=
 document&lt;/a&gt; algorithm, then the &lt;a href=3D#unload-a-document&g=
t;unload a
+    document&lt;/a&gt; algorithm must be allowed to run to completion, b=
ut this instance of the &lt;a href=3D#navigate title=3Dnavigate&gt;naviga=
tion&lt;/a&gt; algorithm must not run beyond this step. (In particular, f=
or
+    instance, the cancelation of this algorithm does not abort any event=
 dispatch or script
+    execution occurring as part of unloading the document or its descend=
ants.)&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;dl&gt;&lt;dt&gt;If the navigation was initiated for &lt;dfn id=3D=
entry-update&gt;entry update&lt;/dfn&gt; of an entry&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;Replace the &lt;code&gt;&lt;a href=3D=
#document&gt;Document&lt;/a&gt;&lt;/code&gt; of the entry being updated, =
and any other entries
+       that referenced the same document as that entry, with the new &lt=
;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;.&lt;/l=
i&gt;
+
+       &lt;li&gt;&lt;p&gt;&lt;a href=3D#traverse-the-history&gt;Traverse=
 the history&lt;/a&gt; to the new entry.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;p class=3Dnote&gt;This can only happen if the entry=
 being updated is not the &lt;a href=3D#current-entry&gt;current
+      entry&lt;/a&gt;, and can never happen with &lt;a href=3D#replaceme=
nt-enabled&gt;replacement enabled&lt;/a&gt;. (It happens when the
+      user tried to traverse to a session history entry that no longer h=
ad a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
;
+      object.)&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+
+     &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;ol&gt;&lt;li&gt;
+
+        &lt;p&gt;Remove all the entries in the &lt;a href=3D#browsing-co=
ntext&gt;browsing context&lt;/a&gt;'s &lt;a href=3D#session-history&gt;se=
ssion
+        history&lt;/a&gt; after the &lt;a href=3D#current-entry&gt;curre=
nt entry&lt;/a&gt;. If the &lt;a href=3D#current-entry&gt;current entry&l=
t;/a&gt; is
+        the last entry in the session history, then no entries are remov=
ed.&lt;/p&gt;
+
+        &lt;p class=3Dnote&gt;This &lt;a href=3D#history-notes&gt;doesn'=
t necessarily have to affect&lt;/a&gt; the
+        user agent's user interface.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Append a new entry at the end of the &lt;code&=
gt;&lt;a href=3D#history-0&gt;History&lt;/a&gt;&lt;/code&gt; object repre=
senting the new
+       resource and its &lt;code&gt;&lt;a href=3D#document&gt;Document&l=
t;/a&gt;&lt;/code&gt; object and related state.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;&lt;a href=3D#traverse-the-history&gt;Traverse=
 the history&lt;/a&gt; to the new entry. If the navigation was initiated
+       with &lt;a href=3D#replacement-enabled&gt;replacement enabled&lt;=
/a&gt;, then the traversal must itself be initiated with
+       &lt;a href=3D#replacement-enabled&gt;replacement enabled&lt;/a&gt=
;.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;The &lt;a href=3D#navigate title=3Dnavigate&gt;nav=
igation algorithm&lt;/a&gt; has now &lt;dfn id=3Dconcept-navigate-mature =
title=3Dconcept-navigate-mature&gt;matured&lt;/dfn&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Fragment identifier loop&lt;/i&gt;: &lt;a=
 href=3D#spin-the-event-loop&gt;Spin the event loop&lt;/a&gt; for a user-=
agent-defined
+   amount of time, as desired by the user agent implementor. (This is in=
tended to allow the user
+   agent to optimize the user experience in the face of performance conc=
erns.)&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt; object has no parser, or its parser has &lt;a =
href=3D#stop-parsing title=3D&quot;stop
+   parsing&quot;&gt;stopped parsing&lt;/a&gt;, or the user agent has rea=
son to believe the user is no longer
+   interested in scrolling to the fragment identifier, then abort these =
steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#scroll-to-the-fragment-identifier&gt=
;Scroll to the fragment identifier&lt;/a&gt; given in &lt;a href=3D&quot;=
#the-document's-address&quot;&gt;the document's
+   address&lt;/a&gt;. If this fails to find &lt;a href=3D#the-indicated-=
part-of-the-document title=3D&quot;the indicated part of the document&quo=
t;&gt;an
+   indicated part of the document&lt;/a&gt;, then return to the &lt;i&gt=
;fragment identifier loop&lt;/i&gt;
+   step.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;a href=3D#task-source&gt;task source&lt;/a=
&gt; for this &lt;a href=3D#concept-task title=3Dconcept-task&gt;task&lt;=
/a&gt; is the
+  &lt;a href=3D#networking-task-source&gt;networking task source&lt;/a&g=
t;.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dread-html&gt;&lt;span class=3Dsecno&gt;6.6.2 &lt;/span&gt;=
&lt;dfn title=3Dnavigate-html&gt;Page load processing model for HTML file=
s&lt;/dfn&gt;&lt;/h4&gt;
+
+  &lt;p&gt;When an HTML document is to be loaded in a &lt;a href=3D#brow=
sing-context&gt;browsing context&lt;/a&gt;, the user agent must
+  &lt;a href=3D#queue-a-task&gt;queue a task&lt;/a&gt; to &lt;a href=3D#=
create-a-document-object&gt;create a &lt;code&gt;Document&lt;/code&gt; ob=
ject&lt;/a&gt;, mark it as being
+  an &lt;a href=3D#html-documents title=3D&quot;HTML documents&quot;&gt;=
HTML document&lt;/a&gt;, set its &lt;a href=3D#concept-document-content-t=
ype title=3Dconcept-document-content-type&gt;content type&lt;/a&gt; to &q=
uot;&lt;code title=3D&quot;&quot;&gt;text/html&lt;/code&gt;&quot;,
+  create an &lt;a href=3D#html-parser&gt;HTML parser&lt;/a&gt;, and asso=
ciate it with the document. Each &lt;a href=3D#concept-task title=3Dconce=
pt-task&gt;task&lt;/a&gt; that the &lt;a href=3D#networking-task-source&g=
t;networking task source&lt;/a&gt; places on the
+  &lt;a href=3D#task-queue&gt;task queue&lt;/a&gt; while the &lt;a href=3D=
#fetch title=3Dfetch&gt;fetching algorithm&lt;/a&gt; runs must then
+  fill the parser's &lt;a href=3D#the-input-byte-stream&gt;input byte st=
ream&lt;/a&gt; with the fetched bytes and cause the &lt;a href=3D#html-pa=
rser&gt;HTML
+  parser&lt;/a&gt; to perform the appropriate processing of the input st=
ream.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;a href=3D#the-input-byte-stream&gt;input=
 byte stream&lt;/a&gt; converts bytes into characters for use in the
+  &lt;a href=3D#tokenization title=3Dtokenization&gt;tokenizer&lt;/a&gt;=
. This process relies, in part, on character encoding
+  information found in the real &lt;a href=3D#content-type title=3DConte=
nt-Type&gt;Content-Type metadata&lt;/a&gt; of the
+  resource; the &quot;sniffed type&quot; is not used for this purpose.&l=
t;/p&gt;
+
+  &lt;!-- next two paragraphs are nearly identical to the navigate-text =
section, keep them in sync --&gt;
+
+  &lt;p&gt;When no more bytes are available, the user agent must &lt;a h=
ref=3D#queue-a-task&gt;queue a task&lt;/a&gt; for the parser
+  to process the implied EOF character, which eventually causes a &lt;co=
de title=3Devent-load&gt;load&lt;/code&gt; event to be fired.&lt;/p&gt;
+
+  &lt;p&gt;After creating the &lt;code&gt;&lt;a href=3D#document&gt;Docu=
ment&lt;/a&gt;&lt;/code&gt; object, but before any script execution, cert=
ainly
+  before the parser &lt;a href=3D#stop-parsing title=3D&quot;stop parsin=
g&quot;&gt;stops&lt;/a&gt;, the user agent must &lt;a href=3D#update-the-=
session-history-with-the-new-page&gt;update the
+  session history with the new page&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;&lt;a href=3D#concept-appcache-init title=3Dconc=
ept-appcache-init&gt;Application cache selection&lt;/a&gt; happens &lt;a =
href=3D#parser-appcache&gt;in the HTML parser&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#task-source&gt;task source&lt;/a&gt; for th=
e two tasks mentioned in this section must be the
+  &lt;a href=3D#networking-task-source&gt;networking task source&lt;/a&g=
t;.&lt;/p&gt;
+
+
+
+  &lt;h4 id=3Dread-xml&gt;&lt;span class=3Dsecno&gt;6.6.3 &lt;/span&gt;&=
lt;dfn title=3Dnavigate-xml&gt;Page load processing model for XML files&l=
t;/dfn&gt;&lt;/h4&gt;
+
+  &lt;p&gt;When faced with displaying an XML file inline, user agents mu=
st first &lt;a href=3D#create-a-document-object&gt;create a
+  &lt;code&gt;Document&lt;/code&gt; object&lt;/a&gt;, following the requ=
irements of the XML and Namespaces in XML
+  recommendations, RFC 3023, DOM, and other relevant specifications. &lt=
;a href=3D#refsXML&gt;[XML]&lt;/a&gt; &lt;a href=3D#refsXMLNS&gt;[XMLNS]&=
lt;/a&gt; &lt;a href=3D#refsRFC3023&gt;[RFC3023]&lt;/a&gt; &lt;a href=3D#=
refsDOM&gt;[DOM]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;The actual HTTP headers and other metadata, not the headers a=
s mutated or implied by the
+  algorithms given in this specification, are the ones that must be used=
 when determining the
+  character encoding according to the rules given in the above specifica=
tions. Once the character
+  encoding is established, the &lt;a href=3D&quot;#document's-character-=
encoding&quot;&gt;document's character encoding&lt;/a&gt; must be set to =
that
+  character encoding.&lt;/p&gt;
+
+  &lt;p&gt;If the root element, as parsed according to the XML specifica=
tions cited above, is found to be
+  an &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/co=
de&gt; element with an attribute &lt;code title=3Dattr-html-manifest&gt;&=
lt;a href=3D#attr-html-manifest&gt;manifest&lt;/a&gt;&lt;/code&gt;
+  whose value is not the empty string, then, as soon as the element is &=
lt;a href=3D#insert-an-element-into-a-document title=3D&quot;insert an
+  element into a document&quot;&gt;inserted into the document&lt;/a&gt;,=
 the user agent must &lt;a href=3D#resolve-a-url title=3D&quot;resolve a =
url&quot;&gt;resolve&lt;/a&gt; the value of that attribute relative to th=
at element, and if
+  that is successful, must apply the &lt;a href=3D#concept-url-serialize=
r title=3Dconcept-url-serializer&gt;URL serializer&lt;/a&gt;
+  algorithm to the resulting &lt;a href=3D#parsed-url&gt;parsed URL&lt;/=
a&gt; with the &lt;i&gt;exclude fragment flag&lt;/i&gt; set to
+  obtain &lt;var title=3D&quot;&quot;&gt;manifest URL&lt;/var&gt;, and t=
hen run the &lt;a href=3D#concept-appcache-init title=3Dconcept-appcache-=
init&gt;application cache selection algorithm&lt;/a&gt; with &lt;var titl=
e=3D&quot;&quot;&gt;manifest URL&lt;/var&gt; as the manifest URL, passing=
 in the newly-created
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;.=
 Otherwise, if the attribute is absent, its value is the empty string, or
+  resolving its value fails, then as soon as the root element is &lt;a h=
ref=3D#insert-an-element-into-a-document title=3D&quot;insert an element =
into
+  a document&quot;&gt;inserted into the document&lt;/a&gt;, the user age=
nt must run the &lt;a href=3D#concept-appcache-init title=3Dconcept-appca=
che-init&gt;application cache selection algorithm&lt;/a&gt; with no manif=
est, and
+  passing in the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Because the processing of the &lt;code title=3Da=
ttr-html-manifest&gt;&lt;a href=3D#attr-html-manifest&gt;manifest&lt;/a&g=
t;&lt;/code&gt;
+  attribute happens only once the root element is parsed, any URLs refer=
enced by processing
+  instructions before the root element (such as &lt;code title=3D&quot;&=
quot;&gt;&amp;lt;?xml-stylesheet?&amp;gt;&lt;/code&gt; and
+  &lt;code title=3D&quot;&quot;&gt;&amp;lt;?xbl?&amp;gt;&lt;/code&gt; PI=
s) will be fetched from the network and cannot be
+  cached.&lt;/p&gt;&lt;!-- v2: fix this somehow --&gt;
+
+  &lt;p&gt;User agents may examine the namespace of the root &lt;code&gt=
;&lt;a href=3D#element&gt;Element&lt;/a&gt;&lt;/code&gt; node of this
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
object to perform namespace-based dispatch to alternative processing tool=
s,
+  e.g. determining that the content is actually a syndication feed and p=
assing it to a feed handler.
+  If such processing is to take place, abort the steps in this section, =
and jump to &lt;a href=3D#navigate-non-Document&gt;the next step&lt;/a&gt=
; (labeled &lt;i&gt;non-document content&lt;/i&gt;) in the
+  &lt;a href=3D#navigate&gt;navigate&lt;/a&gt; steps above.&lt;/p&gt;
+
+  &lt;p&gt;Otherwise, then, with the newly created &lt;code&gt;&lt;a hre=
f=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;, the user agent must &lt=
;a href=3D#update-the-session-history-with-the-new-page&gt;update
+  the session history with the new page&lt;/a&gt;. User agents may do th=
is before the complete document
+  has been parsed (thus achieving &lt;i&gt;incremental rendering&lt;/i&g=
t;), and must do this before any scripts
+  are to be executed.&lt;/p&gt;
+
+  &lt;p&gt;Error messages from the parse process (e.g. XML namespace wel=
l-formedness errors) may be
+  reported inline by mutating the &lt;code&gt;&lt;a href=3D#document&gt;=
Document&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dread-text&gt;&lt;span class=3Dsecno&gt;6.6.4 &lt;/span&gt;=
&lt;dfn title=3Dnavigate-text&gt;Page load processing model for text file=
s&lt;/dfn&gt;&lt;/h4&gt;
+
+  &lt;p&gt;When a plain text document is to be loaded in a &lt;a href=3D=
#browsing-context&gt;browsing context&lt;/a&gt;, the user agent
+  must &lt;a href=3D#queue-a-task&gt;queue a task&lt;/a&gt; to &lt;a hre=
f=3D#create-a-document-object&gt;create a &lt;code&gt;Document&lt;/code&g=
t; object&lt;/a&gt;, mark it as
+  being an &lt;a href=3D#html-documents title=3D&quot;HTML documents&quo=
t;&gt;HTML document&lt;/a&gt;, set its &lt;a href=3D#concept-document-con=
tent-type title=3Dconcept-document-content-type&gt;content type&lt;/a&gt;=
 to &quot;&lt;code title=3D&quot;&quot;&gt;text/plain&lt;/code&gt;&quot;,
+  create an &lt;a href=3D#html-parser&gt;HTML parser&lt;/a&gt;, associat=
e it with the document, act as if the tokenizer had
+  emitted a start tag token with the tag name &quot;pre&quot; followed b=
y a single U+000A LINE FEED (LF)
+  character&lt;!-- to get eaten, so that a leading LF in the text/plain =
stream doesn't get eaten
+  itself--&gt;, and switch the &lt;a href=3D#html-parser&gt;HTML parser&=
lt;/a&gt;'s tokenizer to the &lt;a href=3D#plaintext-state&gt;PLAINTEXT
+  state&lt;/a&gt;. Each &lt;a href=3D#concept-task title=3Dconcept-task&=
gt;task&lt;/a&gt; that the &lt;a href=3D#networking-task-source&gt;networ=
king task
+  source&lt;/a&gt; places on the &lt;a href=3D#task-queue&gt;task queue&=
lt;/a&gt; while the &lt;a href=3D#fetch title=3Dfetch&gt;fetching
+  algorithm&lt;/a&gt; runs must then fill the parser's &lt;a href=3D#the=
-input-byte-stream&gt;input byte stream&lt;/a&gt; with the fetched
+  bytes and cause the &lt;a href=3D#html-parser&gt;HTML parser&lt;/a&gt;=
 to perform the appropriate processing of the input
+  stream.&lt;/p&gt;
+
+  &lt;p&gt;The rules for how to convert the bytes of the plain text docu=
ment into actual characters, and
+  the rules for actually rendering the text to the user, are defined in =
RFC 2046, RFC 3676, and
+  subsequent versions thereof. &lt;a href=3D#refsRFC2046&gt;[RFC2046]&lt=
;/a&gt; &lt;a href=3D#refsRFC3676&gt;[RFC3676]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D&quot;#document's-character-encoding&quot;&g=
t;document's character encoding&lt;/a&gt; must be set to the character en=
coding used to
+  decode the document.&lt;/p&gt;
+
+  &lt;p&gt;Upon creation of the &lt;code&gt;&lt;a href=3D#document&gt;Do=
cument&lt;/a&gt;&lt;/code&gt; object, the user agent must run the &lt;a h=
ref=3D#concept-appcache-init title=3Dconcept-appcache-init&gt;application=
 cache selection algorithm&lt;/a&gt; with no manifest, and
+  passing in the newly-created &lt;code&gt;&lt;a href=3D#document&gt;Doc=
ument&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;!-- next two paragraphs are nearly identical to the navigate-html =
section and similar to the
+  &quot;navigate-ua-inline&quot; section, and the next three are similar=
 to the navigate-media and
+  navigate-plugin sections; keep them all in sync --&gt;
+
+  &lt;p&gt;When no more bytes are available, the user agent must &lt;a h=
ref=3D#queue-a-task&gt;queue a task&lt;/a&gt; for the parser
+  to process the implied EOF character, which eventually causes a &lt;co=
de title=3Devent-load&gt;load&lt;/code&gt; event to be fired.&lt;/p&gt;
+
+  &lt;p&gt;After creating the &lt;code&gt;&lt;a href=3D#document&gt;Docu=
ment&lt;/a&gt;&lt;/code&gt; object, but potentially before the page has f=
inished
+  parsing, the user agent must &lt;a href=3D#update-the-session-history-=
with-the-new-page&gt;update the session history with the new page&lt;/a&g=
t;.&lt;/p&gt;
+
+  &lt;p&gt;User agents may add content to the &lt;code&gt;&lt;a href=3D#=
the-head-element&gt;head&lt;/a&gt;&lt;/code&gt; element of the &lt;code&g=
t;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;, e.g.
+  linking to a style sheet or an XBL binding, providing script, giving t=
he document a
+  &lt;code&gt;&lt;a href=3D#the-title-element&gt;title&lt;/a&gt;&lt;/cod=
e&gt;, etc.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;In particular, if the user agent supports the &l=
t;code title=3D&quot;&quot;&gt;Format=3DFlowed&lt;/code&gt;
+  feature of RFC 3676 then the user agent would need to apply extra styl=
ing to cause the text to
+  wrap correctly and to handle the quoting feature. This could be perfor=
med using, e.g., an XBL
+  binding or a CSS extension.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#task-source&gt;task source&lt;/a&gt; for th=
e two tasks mentioned in this section must be the
+  &lt;a href=3D#networking-task-source&gt;networking task source&lt;/a&g=
t;.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dread-multipart-x-mixed-replace&gt;&lt;span class=3Dsecno&g=
t;6.6.5 &lt;/span&gt;&lt;dfn title=3Dnavigate-multipart-x-mixed-replace&g=
t;Page load processing model for &lt;code&gt;multipart/x-mixed-replace&lt=
;/code&gt; resources&lt;/dfn&gt;&lt;/h4&gt;
+
+  &lt;p&gt;When a resource with the type &lt;code&gt;&lt;a href=3D#multi=
part/x-mixed-replace&gt;multipart/x-mixed-replace&lt;/a&gt;&lt;/code&gt; =
is to be loaded in a
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;, the user=
 agent must parse the resource using the rules for
+  multipart types. &lt;a href=3D#refsRFC2046&gt;[RFC2046]&lt;/a&gt;&lt;/=
p&gt;
+
+  &lt;p&gt;For each body part obtained from the resource, the user agent=
 must run a new instance of the
+  &lt;a href=3D#navigate&gt;navigate&lt;/a&gt; algorithm, starting from =
the &lt;i&gt;resource handling&lt;/i&gt; step, using the new
+  body part as the resource being navigated, with &lt;a href=3D#replacem=
ent-enabled&gt;replacement enabled&lt;/a&gt; if a previous
+  body part from the same resource resulted in a &lt;code&gt;&lt;a href=3D=
#document&gt;Document&lt;/a&gt;&lt;/code&gt; object being &lt;a href=3D#c=
reate-a-document-object title=3D&quot;create a document object&quot;&gt;c=
reated&lt;/a&gt;, and otherwise using the same setup as the
+  &lt;a href=3D#navigate&gt;navigate&lt;/a&gt; attempt that caused this =
section to be invoked in the first place.&lt;/p&gt;
+
+  &lt;p&gt;For the purposes of algorithms processing these body parts as=
 if they were complete stand-alone
+  resources, the user agent must act as if there were no more bytes for =
those resources whenever the
+  boundary following the body part is reached.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Thus, &lt;code title=3Devent-load&gt;load&lt;/co=
de&gt; events (and for that matter &lt;code title=3Devent-unload&gt;unloa=
d&lt;/code&gt; events) do fire for each body part loaded.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dread-media&gt;&lt;span class=3Dsecno&gt;6.6.6 &lt;/span&gt=
;&lt;dfn title=3Dnavigate-media&gt;Page load processing model for media&l=
t;/dfn&gt;&lt;/h4&gt;
+
+  &lt;p&gt;When an image, video, or audio resource is to be loaded in a =
&lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;, the
+  user agent should &lt;a href=3D#create-a-document-object&gt;create a &=
lt;code&gt;Document&lt;/code&gt; object&lt;/a&gt;, mark it as being an &l=
t;a href=3D#html-documents title=3D&quot;HTML documents&quot;&gt;HTML doc=
ument&lt;/a&gt;, set its &lt;a href=3D#concept-document-content-type titl=
e=3Dconcept-document-content-type&gt;content type&lt;/a&gt; to the sniffe=
d MIME type of the resource
+  (&lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt; in the &lt;a href=3D=
#navigate&gt;navigate&lt;/a&gt; algorithm), append an &lt;code&gt;&lt;a h=
ref=3D#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;
+  element to the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt;, append a &lt;code&gt;&lt;a href=3D#the-head-element&gt;he=
ad&lt;/a&gt;&lt;/code&gt; element and a &lt;code&gt;&lt;a href=3D#the-bod=
y-element&gt;body&lt;/a&gt;&lt;/code&gt;
+  element to the &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/=
a&gt;&lt;/code&gt; element, append an element &lt;var title=3D&quot;&quot=
;&gt;host element&lt;/var&gt; for
+  the media, as described below, to the &lt;code&gt;&lt;a href=3D#the-bo=
dy-element&gt;body&lt;/a&gt;&lt;/code&gt; element, and set the appropriat=
e attribute
+  of the element &lt;var title=3D&quot;&quot;&gt;host element&lt;/var&gt=
;, as described below, to the address of the image,
+  video, or audio resource.&lt;/p&gt;
+
+  &lt;p&gt;The element &lt;var title=3D&quot;&quot;&gt;host element&lt;/=
var&gt; to create for the media is the element given in
+  the table below in the second cell of the row whose first cell describ=
es the media. The
+  appropriate attribute to set is the one given by the third cell in tha=
t same row.&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt; Type of media
+         &lt;th&gt; Element for the media
+         &lt;th&gt; Appropriate attribute
+    &lt;tr&gt;&lt;td&gt; Image
+         &lt;td&gt; &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;=
/a&gt;&lt;/code&gt;
+         &lt;td&gt; &lt;code title=3Dattr-img-src&gt;&lt;a href=3D#attr-=
img-src&gt;src&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; Video
+         &lt;td&gt; &lt;code&gt;&lt;a href=3D#the-video-element&gt;video=
&lt;/a&gt;&lt;/code&gt;
+         &lt;td&gt; &lt;code title=3Dattr-media-src&gt;&lt;a href=3D#att=
r-media-src&gt;src&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; Audio
+         &lt;td&gt; &lt;code&gt;&lt;a href=3D#the-audio-element&gt;audio=
&lt;/a&gt;&lt;/code&gt;
+         &lt;td&gt; &lt;code title=3Dattr-media-src&gt;&lt;a href=3D#att=
r-media-src&gt;src&lt;/a&gt;&lt;/code&gt;
+  &lt;/thead&gt;&lt;/table&gt;&lt;!-- next three paragraphs are similar =
to the navigate-text section, keep them in sync --&gt;&lt;p&gt;Then, the =
user agent must act as if it had &lt;a href=3D#stop-parsing title=3D&quot=
;stop parsing&quot;&gt;stopped
+  parsing&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Upon creation of the &lt;code&gt;&lt;a href=3D#document&gt;Do=
cument&lt;/a&gt;&lt;/code&gt; object, the user agent must run the &lt;a h=
ref=3D#concept-appcache-init title=3Dconcept-appcache-init&gt;application=
 cache selection algorithm&lt;/a&gt; with no manifest, and
+  passing in the newly-created &lt;code&gt;&lt;a href=3D#document&gt;Doc=
ument&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p&gt;After creating the &lt;code&gt;&lt;a href=3D#document&gt;Docu=
ment&lt;/a&gt;&lt;/code&gt; object, but potentially before the page has f=
inished
+  fully loading, the user agent must &lt;a href=3D#update-the-session-hi=
story-with-the-new-page&gt;update the session history with the new page&l=
t;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;User agents may add content to the &lt;code&gt;&lt;a href=3D#=
the-head-element&gt;head&lt;/a&gt;&lt;/code&gt; element of the &lt;code&g=
t;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;, or
+  attributes to the element &lt;var title=3D&quot;&quot;&gt;host element=
&lt;/var&gt;, e.g. to link to a style sheet or an
+  XBL binding, to provide a script, to give the document a &lt;code&gt;&=
lt;a href=3D#the-title-element&gt;title&lt;/a&gt;&lt;/code&gt;, to make t=
he media
+  &lt;a href=3D#attr-media-autoplay title=3Dattr-media-autoplay&gt;autop=
lay&lt;/a&gt;, etc.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dread-plugin&gt;&lt;span class=3Dsecno&gt;6.6.7 &lt;/span&g=
t;&lt;dfn title=3Dnavigate-plugin&gt;Page load processing model for conte=
nt that uses plugins&lt;/dfn&gt;&lt;/h4&gt;
+
+  &lt;p&gt;When a resource that requires an external resource to be rend=
ered is to be loaded in a
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;, the user=
 agent should &lt;a href=3D#create-a-document-object&gt;create a &lt;code=
&gt;Document&lt;/code&gt;
+  object&lt;/a&gt;, mark it as being an &lt;a href=3D#html-documents tit=
le=3D&quot;HTML documents&quot;&gt;HTML document&lt;/a&gt; and mark it
+  as being a &lt;dfn id=3Dplugin-document&gt;plugin document&lt;/dfn&gt;=
, set its &lt;a href=3D#concept-document-content-type title=3Dconcept-doc=
ument-content-type&gt;content
+  type&lt;/a&gt; to the sniffed MIME type of the resource (&lt;var title=
=3D&quot;&quot;&gt;type&lt;/var&gt; in the
+  &lt;a href=3D#navigate&gt;navigate&lt;/a&gt; algorithm), append an &lt=
;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt; el=
ement to the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;,=
 append a &lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt=
;/code&gt; element and a &lt;code&gt;&lt;a href=3D#the-body-element&gt;bo=
dy&lt;/a&gt;&lt;/code&gt; element to the
+  &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/code&=
gt; element, append an &lt;code&gt;&lt;a href=3D#the-embed-element&gt;emb=
ed&lt;/a&gt;&lt;/code&gt; to the &lt;code&gt;&lt;a href=3D#the-body-eleme=
nt&gt;body&lt;/a&gt;&lt;/code&gt; element, and set
+  the &lt;code title=3Dattr-embed-src&gt;&lt;a href=3D#attr-embed-src&gt=
;src&lt;/a&gt;&lt;/code&gt; attribute of the &lt;code&gt;&lt;a href=3D#th=
e-embed-element&gt;embed&lt;/a&gt;&lt;/code&gt; element to the
+  address of the resource.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The term &lt;a href=3D#plugin-document&gt;plugin=
 document&lt;/a&gt; is used by the Content Security Policy
+  specification as part of the mechanism that ensures &lt;code&gt;&lt;a =
href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt;s can't be use=
d to evade
+  &lt;code title=3D&quot;&quot;&gt;plugin-types&lt;/code&gt; directives.=
 &lt;a href=3D#refsCSP&gt;[CSP]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;!-- next three paragraphs are similar to the navigate-text section=
, keep them in sync --&gt;
+
+  &lt;p&gt;Then, the user agent must act as if it had &lt;a href=3D#stop=
-parsing title=3D&quot;stop parsing&quot;&gt;stopped
+  parsing&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Upon creation of the &lt;code&gt;&lt;a href=3D#document&gt;Do=
cument&lt;/a&gt;&lt;/code&gt; object, the user agent must run the &lt;a h=
ref=3D#concept-appcache-init title=3Dconcept-appcache-init&gt;application=
 cache selection algorithm&lt;/a&gt; with no manifest, and
+  passing in the newly-created &lt;code&gt;&lt;a href=3D#document&gt;Doc=
ument&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p&gt;After creating the &lt;code&gt;&lt;a href=3D#document&gt;Docu=
ment&lt;/a&gt;&lt;/code&gt; object, but potentially before the page has f=
inished
+  fully loading, the user agent must &lt;a href=3D#update-the-session-hi=
story-with-the-new-page&gt;update the session history with the new page&l=
t;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;User agents may add content to the &lt;code&gt;&lt;a href=3D#=
the-head-element&gt;head&lt;/a&gt;&lt;/code&gt; element of the &lt;code&g=
t;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;, or
+  attributes to the &lt;code&gt;&lt;a href=3D#the-embed-element&gt;embed=
&lt;/a&gt;&lt;/code&gt; element, e.g. to link to a style sheet or an XBL =
binding, or
+  to give the document a &lt;code&gt;&lt;a href=3D#the-title-element&gt;=
title&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote id=3DsandboxPluginNavigate&gt;If the &lt;code&gt;&l=
t;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#a=
ctive-sandboxing-flag-set&gt;active sandboxing
+  flag set&lt;/a&gt; has its &lt;a href=3D#sandboxed-plugins-browsing-co=
ntext-flag&gt;sandboxed plugins browsing context flag&lt;/a&gt; set, the =
synthesized
+  &lt;code&gt;&lt;a href=3D#the-embed-element&gt;embed&lt;/a&gt;&lt;/cod=
e&gt; element will &lt;a href=3D#sandboxPluginEmbed&gt;fail to render the=
 content&lt;/a&gt; if
+  the relevant &lt;a href=3D#plugin&gt;plugin&lt;/a&gt; cannot be &lt;a =
href=3D#concept-plugin-secure title=3Dconcept-plugin-secure&gt;secured&lt=
;/a&gt;.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dread-ua-inline&gt;&lt;span class=3Dsecno&gt;6.6.8 &lt;/spa=
n&gt;&lt;dfn title=3Dnavigate-ua-inline&gt;Page load processing model for=
 inline
+  content that doesn't have a DOM&lt;/dfn&gt;&lt;/h4&gt;
+
+  &lt;p&gt;When the user agent is to display a user agent page inline in=
 a &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;,
+  the user agent should &lt;a href=3D#create-a-document-object&gt;create=
 a &lt;code&gt;Document&lt;/code&gt; object&lt;/a&gt;, mark it as being a=
n
+  &lt;a href=3D#html-documents title=3D&quot;HTML documents&quot;&gt;HTM=
L document&lt;/a&gt;, set its &lt;a href=3D#concept-document-content-type=
 title=3Dconcept-document-content-type&gt;content type&lt;/a&gt; to &quot=
;&lt;code title=3D&quot;&quot;&gt;text/html&lt;/code&gt;&quot;,
+  and then either associate that &lt;code&gt;&lt;a href=3D#document&gt;D=
ocument&lt;/a&gt;&lt;/code&gt; with a custom rendering that is not render=
ed
+  using the normal &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&=
gt;&lt;/code&gt; rendering rules, or mutate that &lt;code&gt;&lt;a href=3D=
#document&gt;Document&lt;/a&gt;&lt;/code&gt; until
+  it represents the content the user agent wants to render.&lt;/p&gt;
+
+  &lt;!-- next two paragraphs are similar to the navigate-text section, =
keep them in sync --&gt;
+
+  &lt;p&gt;Once the page has been set up, the user agent must act as if =
it had &lt;a href=3D#stop-parsing title=3D&quot;stop
+  parsing&quot;&gt;stopped parsing&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Upon creation of the &lt;code&gt;&lt;a href=3D#document&gt;Do=
cument&lt;/a&gt;&lt;/code&gt; object, the user agent must run the &lt;a h=
ref=3D#concept-appcache-init title=3Dconcept-appcache-init&gt;application=
 cache selection algorithm&lt;/a&gt; with no manifest,
+  passing in the newly-created &lt;code&gt;&lt;a href=3D#document&gt;Doc=
ument&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p&gt;After creating the &lt;code&gt;&lt;a href=3D#document&gt;Docu=
ment&lt;/a&gt;&lt;/code&gt; object, but potentially before the page has b=
een
+  completely set up, the user agent must &lt;a href=3D#update-the-sessio=
n-history-with-the-new-page&gt;update the session history with the new
+  page&lt;/a&gt;.&lt;/p&gt;
+
+
+
+  &lt;h4 id=3Dscroll-to-fragid&gt;&lt;span class=3Dsecno&gt;6.6.9 &lt;/s=
pan&gt;&lt;dfn title=3Dnavigate-fragid&gt;Navigating to a fragment identi=
fier&lt;/dfn&gt;&lt;/h4&gt;
+
+  &lt;p&gt;When a user agent is supposed to navigate to a fragment ident=
ifier, then the user agent must
+  run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;Remove all the entries in the &lt;a href=3D#browsing-contex=
t&gt;browsing context&lt;/a&gt;'s &lt;a href=3D#session-history&gt;sessio=
n history&lt;/a&gt;
+    after the &lt;a href=3D#current-entry&gt;current entry&lt;/a&gt;. If=
 the &lt;a href=3D#current-entry&gt;current entry&lt;/a&gt; is the last e=
ntry in the
+    session history, then no entries are removed.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This &lt;a href=3D#history-notes&gt;doesn't ne=
cessarily have to affect&lt;/a&gt; the user
+    agent's user interface.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove any &lt;a href=3D#concept-task title=3Dconc=
ept-task&gt;tasks&lt;/a&gt; queued by the &lt;a href=3D#history-traversal=
-task-source&gt;history traversal
+   task source&lt;/a&gt; that are associated with any &lt;code&gt;&lt;a =
href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; objects in the
+   &lt;a href=3D#top-level-browsing-context&gt;top-level browsing contex=
t&lt;/a&gt;'s &lt;a href=3D#document-family&gt;document family&lt;/a&gt;.=
&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Append a new entry at the end of the &lt;code&gt;&=
lt;a href=3D#history-0&gt;History&lt;/a&gt;&lt;/code&gt; object represent=
ing the new
+   resource and its &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a=
&gt;&lt;/code&gt; object and related state. Its &lt;a href=3D#url&gt;URL&=
lt;/a&gt; must be set
+   to the address to which the user agent was &lt;a href=3D#navigate tit=
le=3Dnavigate&gt;navigating&lt;/a&gt;. The title
+   must be left unset.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#traverse-the-history&gt;Traverse the=
 history&lt;/a&gt; to the new entry, with the &lt;i&gt;asynchronous event=
s&lt;/i&gt; flag
+   set. This will &lt;a href=3D#scroll-to-the-fragment-identifier&gt;scr=
oll to the fragment
+   identifier&lt;/a&gt; given in what is now &lt;a href=3D&quot;#the-doc=
ument's-address&quot;&gt;the document's address&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;If the scrolling fails because the re=
levant &lt;a href=3D#concept-id title=3Dconcept-id&gt;ID&lt;/a&gt; has
+  not yet been parsed, then the original &lt;a href=3D#navigate title=3D=
navigate&gt;navigation&lt;/a&gt; algorithm will
+  take care of the scrolling instead, as the last few steps of its &lt;a=
 href=3D#update-the-session-history-with-the-new-page&gt;update the sessi=
on history
+  with the new page&lt;/a&gt; algorithm.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;When the user agent is required to &lt;dfn id=3Dscr=
oll-to-the-fragment-identifier&gt;scroll to the fragment identifier&lt;/d=
fn&gt; and &lt;a href=3D#the-indicated-part-of-the-document&gt;the
+  indicated part of the document&lt;/a&gt;, if any, is &lt;a href=3D#bei=
ng-rendered&gt;being rendered&lt;/a&gt;, the user agent must
+  either change the scrolling position of the document using the followi=
ng algorithm, or perform
+  some other action such that &lt;a href=3D#the-indicated-part-of-the-do=
cument&gt;the indicated part of the document&lt;/a&gt; is brought to the
+  user's attention. If there is no indicated part, or if the indicated p=
art is not &lt;a href=3D#being-rendered&gt;being
+  rendered&lt;/a&gt;, then the user agent must do nothing. The aforement=
ioned algorithm is as
+  follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;targe=
t&lt;/var&gt; be &lt;a href=3D#the-indicated-part-of-the-document&gt;the =
indicated part of the
+   document&lt;/a&gt;, as defined below.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;target&lt;/var&=
gt; is the top of the document, then &lt;a href=3D#scroll-to-the-beginnin=
g-of-the-document&gt;scroll to the
+   beginning of the document&lt;/a&gt; for the &lt;code&gt;&lt;a href=3D=
#document&gt;Document&lt;/a&gt;&lt;/code&gt;. &lt;a href=3D#refsCSSOMVIEW=
&gt;[CSSOMVIEW]&lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, use the &lt;a href=3D#scroll-an-element=
-into-view&gt;scroll an element into view&lt;/a&gt; algorithm to scroll &=
lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt; into view, with the &lt=
;var title=3D&quot;&quot;&gt;align to top flag&lt;/var&gt; set. &lt;a hre=
f=3D#refsCSSOMVIEW&gt;[CSSOMVIEW]&lt;/a&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;&lt;dfn id=3Dthe-indicated-part-of-the-document&gt=
;The indicated part of the document&lt;/dfn&gt; is the one that the fragm=
ent identifier, if any,
+  identifies. The semantics of the fragment identifier in terms of mappi=
ng it to a specific DOM Node
+  is defined by the specification that defines the &lt;a href=3D#mime-ty=
pe&gt;MIME type&lt;/a&gt; used by the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
(for example, the processing of fragment identifiers for &lt;a href=3D#xm=
l-mime-type title=3D&quot;XML
+  MIME type&quot;&gt;XML MIME types&lt;/a&gt; is the responsibility of R=
FC3023). &lt;a href=3D#refsRFC3023&gt;[RFC3023]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;For HTML documents (and &lt;a href=3D#html-mime-type title=3D=
&quot;HTML MIME type&quot;&gt;HTML MIME types&lt;/a&gt;), the following
+  processing model must be followed to determine what &lt;a href=3D#the-=
indicated-part-of-the-document&gt;the indicated part of the
+  document&lt;/a&gt; is.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Apply the &lt;a href=3D#url-parser&gt;URL=
 parser&lt;/a&gt; algorithm to the &lt;a href=3D#url&gt;URL&lt;/a&gt;, an=
d let &lt;var title=3D&quot;&quot;&gt;fragid&lt;/var&gt; be the &lt;a hre=
f=3D#concept-url-fragment title=3Dconcept-url-fragment&gt;fragment&lt;/a&=
gt; component of the
+   resulting &lt;a href=3D#parsed-url&gt;parsed URL&lt;/a&gt;.&lt;/li&gt=
;&lt;!-- parsing can't fail, since we checked earlier on
+   when navigating --&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;fragid&lt;/var&=
gt; is the empty string, then &lt;a href=3D#the-indicated-part-of-the-doc=
ument&gt;the indicated part of the
+   document&lt;/a&gt; is the top of the document; stop the algorithm her=
e.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;fragid bytes&l=
t;/var&gt; be the result of &lt;a href=3D#percent-decode title=3D&quot;pe=
rcent
+   decode&quot;&gt;percent-decoding&lt;/a&gt; &lt;var title=3D&quot;&quo=
t;&gt;fragid&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;decoded fragid=
&lt;/var&gt; be the result of applying the &lt;a href=3D#utf-8-decoder&gt=
;UTF-8
+   decoder&lt;/a&gt; algorithm to &lt;var title=3D&quot;&quot;&gt;fragid=
 bytes&lt;/var&gt;. If the &lt;a href=3D#utf-8-decoder&gt;UTF-8 decoder&l=
t;/a&gt;
+   emits a &lt;a href=3D#decoder-error&gt;decoder error&lt;/a&gt;, abort=
 the decoder and instead jump to the step labeled &lt;i&gt;no
+   decoded fragid&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If there is an element in the DOM that has an &lt;=
a href=3D#concept-id title=3Dconcept-id&gt;ID&lt;/a&gt; exactly
+   equal to &lt;var title=3D&quot;&quot;&gt;decoded fragid&lt;/var&gt;, =
then the first such element in tree order is
+   &lt;a href=3D#the-indicated-part-of-the-document&gt;the indicated par=
t of the document&lt;/a&gt;; stop the algorithm here.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;No decoded fragid&lt;/i&gt;: If there is =
an &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; el=
ement in the DOM that has a &lt;code title=3Dattr-a-name&gt;&lt;a href=3D=
#attr-a-name&gt;name&lt;/a&gt;&lt;/code&gt; attribute whose value is exac=
tly equal to &lt;var title=3D&quot;&quot;&gt;fragid&lt;/var&gt; (&lt;em&g=
t;not&lt;/em&gt; &lt;var title=3D&quot;&quot;&gt;decoded fragid&lt;/var&g=
t;), then the first such
+   element in tree order is &lt;a href=3D#the-indicated-part-of-the-docu=
ment&gt;the indicated part of the document&lt;/a&gt;; stop the algorithm
+   here.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;fragid&lt;/var&=
gt; is an &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-insensitive&=
lt;/a&gt; match for the
+   string &lt;code title=3D&quot;&quot;&gt;top&lt;/code&gt;, then &lt;a =
href=3D#the-indicated-part-of-the-document&gt;the indicated part of the d=
ocument&lt;/a&gt; is the top
+   of the document; stop the algorithm here.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, there is no &lt;a href=3D#the-indicated=
-part-of-the-document title=3D&quot;the indicated part of the document&qu=
ot;&gt;indicated part of
+   the document&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;For the purposes of the interaction of HTML with S=
electors' &lt;code title=3Dselector-target&gt;:target&lt;/code&gt; pseudo=
-class, the &lt;dfn id=3Dtarget-element&gt;&lt;i&gt;target element&lt;/i&=
gt;&lt;/dfn&gt; is
+  &lt;a href=3D#the-indicated-part-of-the-document&gt;the indicated part=
 of the document&lt;/a&gt;, if that is an element; otherwise there is no
+  &lt;i&gt;&lt;a href=3D#target-element&gt;target element&lt;/a&gt;&lt;/=
i&gt;. &lt;a href=3D#refsSELECTORS&gt;[SELECTORS]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#task-source&gt;task source&lt;/a&gt; for th=
e task mentioned in this section must be the &lt;a href=3D#dom-manipulati=
on-task-source&gt;DOM
+  manipulation task source&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dhistory-traversal&gt;&lt;span class=3Dsecno&gt;6.6.10 &lt;=
/span&gt;History traversal&lt;/h4&gt; &lt;!-- session history --&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When a user agent is required to &lt;dfn id=3Dtraverse-the-hi=
story&gt;traverse the history&lt;/dfn&gt; to a &lt;var title=3D&quot;&quo=
t;&gt;specified
+  entry&lt;/var&gt;, optionally with &lt;a href=3D#replacement-enabled&g=
t;replacement enabled&lt;/a&gt;, and optionally with the
+  &lt;i&gt;asynchronous events&lt;/i&gt; flag set, the user agent must a=
ct as follows.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This algorithm is not just invoked when &lt;a hr=
ef=3D#traverse-the-history-by-a-delta title=3D&quot;traverse the history =
by a
+  delta&quot;&gt;explicitly going back or forwards in the session histor=
y&lt;/a&gt; &amp;mdash; it is also invoked
+  in other situations, for example when &lt;a href=3D#navigate title=3Dn=
avigate&gt;navigating a browsing context&lt;/a&gt;,
+  as part of &lt;a href=3D#update-the-session-history-with-the-new-page =
title=3D&quot;update the session history with the new page&quot;&gt;updat=
ing the session history
+  with the new page&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;If there is no longer a &lt;code&gt;&lt;a href=3D#document&=
gt;Document&lt;/a&gt;&lt;/code&gt; object for the entry in question,
+    &lt;a href=3D#navigate&gt;navigate&lt;/a&gt;&lt;!--DONAV history tra=
versal after eviction--&gt; the &lt;a href=3D#browsing-context&gt;browsin=
g
+    context&lt;/a&gt; to the resource for that entry to perform an &lt;a=
 href=3D#entry-update&gt;entry update&lt;/a&gt; of that
+    entry, and abort these steps. The &quot;&lt;a href=3D#navigate&gt;na=
vigate&lt;/a&gt;&quot; algorithm reinvokes this &quot;traverse&quot;
+    algorithm to complete the traversal, at which point there &lt;em&gt;=
is&lt;/em&gt; a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&=
lt;/code&gt;
+    object and so this step gets skipped. The navigation must be done us=
ing the same &lt;a href=3D#source-browsing-context&gt;source
+    browsing context&lt;/a&gt; as was used the first time this entry was=
 created. (This can never
+    happen with &lt;a href=3D#replacement-enabled&gt;replacement enabled=
&lt;/a&gt;.)&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;If the resource was obtained usign a non-idemp=
otent action, for example a POST
+    form submission, or if the resource is no longer available, for exam=
ple because the computer is
+    now offline and the page wasn't cached, navigating to it again might=
 not be possible. In this
+    case, the navigation will result in a different page than previously=
; for example, it might be
+    an error message explaining the problem or offering to resubmit the =
form.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#current-entry&gt;current entr=
y&lt;/a&gt;'s title was not set by the &lt;code title=3Ddom-history-pushS=
tate&gt;&lt;a href=3D#dom-history-pushstate&gt;pushState()&lt;/a&gt;&lt;/=
code&gt; or &lt;code title=3Ddom-history-replaceState&gt;&lt;a href=3D#do=
m-history-replacestate&gt;replaceState()&lt;/a&gt;&lt;/code&gt; methods, =
then set its title to the value
+   returned by the &lt;code title=3Ddom-document-title&gt;&lt;a href=3D#=
document.title&gt;document.title&lt;/a&gt;&lt;/code&gt; IDL attribute.&lt=
;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If appropriate, update the &lt;a href=3D#current-e=
ntry&gt;current entry&lt;/a&gt; in the &lt;a href=3D#browsing-context&gt;=
browsing
+   context&lt;/a&gt;'s &lt;code&gt;&lt;a href=3D#document&gt;Document&lt=
;/a&gt;&lt;/code&gt; object's &lt;code&gt;&lt;a href=3D#history-0&gt;Hist=
ory&lt;/a&gt;&lt;/code&gt; object to reflect any state
+   that the user agent wishes to persist. The entry is then said to be &=
lt;a href=3D#an-entry-with-persisted-user-state&gt;an entry with persiste=
d
+   user state&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;specified e=
ntry&lt;/var&gt; has a different &lt;code&gt;&lt;a href=3D#document&gt;Do=
cument&lt;/a&gt;&lt;/code&gt; object
+   than the &lt;a href=3D#current-entry&gt;current entry&lt;/a&gt;, then=
 run the following substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Remove any &lt;a href=3D#concept-task t=
itle=3Dconcept-task&gt;tasks&lt;/a&gt; queued by the &lt;a href=3D#histor=
y-traversal-task-source&gt;history traversal
+     task source&lt;/a&gt; that are associated with any &lt;code&gt;&lt;=
a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; objects in the
+     &lt;a href=3D#top-level-browsing-context&gt;top-level browsing cont=
ext&lt;/a&gt;'s &lt;a href=3D#document-family&gt;document family&lt;/a&gt=
;.&lt;/li&gt; &lt;!-- so the
+     network is racing history.back(), in the case of setting location.h=
ref=3D&quot;&quot; and then calling
+     history.back() --&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If the &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the &l=
t;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; of th=
e &lt;var title=3D&quot;&quot;&gt;specified
+      entry&lt;/var&gt; is not the &lt;a href=3D#same-origin title=3D&qu=
ot;same origin&quot;&gt;same&lt;/a&gt; as the &lt;a href=3D#origin&gt;ori=
gin&lt;/a&gt; of the
+      &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt; of the &lt;a href=3D#current-entry&gt;current entry&lt;/a&gt;, then r=
un the following
+      sub-sub-steps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;The current &lt;a href=3D#browsing-co=
ntext-name&gt;browsing context name&lt;/a&gt; must be stored with all the=
 entries in
+       the history that are associated with &lt;code&gt;&lt;a href=3D#do=
cument&gt;Document&lt;/a&gt;&lt;/code&gt; objects with the &lt;a href=3D#=
same-origin&gt;same
+       origin&lt;/a&gt; as the &lt;a href=3D#active-document&gt;active d=
ocument&lt;/a&gt; &lt;em&gt;and&lt;/em&gt; that are contiguous with the
+       &lt;a href=3D#current-entry&gt;current entry&lt;/a&gt;.&lt;/li&gt=
;
+
+       &lt;li id=3DresetBCName&gt;&lt;p&gt;If the browsing context is a =
&lt;a href=3D#top-level-browsing-context&gt;top-level browsing context&lt=
;/a&gt;,
+       but not an &lt;a href=3D#auxiliary-browsing-context&gt;auxiliary =
browsing context&lt;/a&gt;, then the browsing context's
+       &lt;a href=3D#browsing-context-name&gt;browsing context name&lt;/=
a&gt; must be unset.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/li&gt;
+
+     &lt;li id=3Dappcache-history-2&gt;&lt;p&gt;Make the &lt;var title=3D=
&quot;&quot;&gt;specified entry&lt;/var&gt;'s
+     &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&g=
t; object the &lt;a href=3D#active-document&gt;active document&lt;/a&gt; =
of the &lt;a href=3D#browsing-context&gt;browsing
+     context&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;specified entry&lt=
;/var&gt; has a &lt;a href=3D#browsing-context-name&gt;browsing context n=
ame&lt;/a&gt; stored
+      with it, then run the following sub-sub-steps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;Set the browsing context's &lt;a href=
=3D#browsing-context-name&gt;browsing context name&lt;/a&gt; to the name =
stored with
+       the specified entry.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Clear any &lt;a href=3D#browsing-context-name =
title=3D&quot;browsing context name&quot;&gt;browsing context names&lt;/a=
&gt; stored
+       with all entries in the history that are associated with &lt;code=
&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; objects wit=
h
+       the &lt;a href=3D#same-origin&gt;same origin&lt;/a&gt; as the new=
 &lt;a href=3D#active-document&gt;active document&lt;/a&gt; and that are =
contiguous
+       with the specified entry.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/li&gt;
+
+     &lt;li id=3Dhistory-autocomplete&gt;&lt;p&gt;If the &lt;var title=3D=
&quot;&quot;&gt;specified entry&lt;/var&gt;'s
+     &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&g=
t; has any form controls whose &lt;a href=3D#autofill-field-name&gt;autof=
ill field name&lt;/a&gt; is &quot;&lt;code title=3Dattr-fe-autocomplete-o=
ff&gt;&lt;a href=3D#attr-fe-autocomplete-off&gt;off&lt;/a&gt;&lt;/code&gt=
;&quot;, invoke the &lt;a href=3D#concept-form-reset-control title=3Dconc=
ept-form-reset-control&gt;reset algorithm&lt;/a&gt; of each of those elem=
ents.&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If the &lt;a href=3D#current-document-readiness&gt;curren=
t document readiness&lt;/a&gt; of the &lt;var title=3D&quot;&quot;&gt;spe=
cified entry&lt;/var&gt;'s
+      &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt; is &quot;&lt;code title=3D&quot;&quot;&gt;complete&lt;/code&gt;&quot;=
, &lt;a href=3D#queue-a-task&gt;queue a task&lt;/a&gt; to run
+      the following sub-sub-steps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#docu=
ment&gt;Document&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#page-showing&gt;p=
age showing&lt;/a&gt; flag is true, then abort this
+       task (i.e. don't fire the event below).&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Set the &lt;code&gt;&lt;a href=3D#document&gt;=
Document&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#page-showing&gt;page show=
ing&lt;/a&gt; flag to true.&lt;/li&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;Run any &lt;dfn id=3Dsession-history-document-visibilit=
y-change-steps&gt;session history document visibility change steps&lt;/df=
n&gt; for &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/co=
de&gt; that
+        are defined by &lt;a href=3D#other-applicable-specifications&gt;=
other applicable specifications&lt;/a&gt;.&lt;/p&gt;
+
+        &lt;p class=3Dnote&gt;This is specifically intended for use by t=
he Page Visibility specification. &lt;a href=3D#refsPAGEVIS&gt;[PAGEVIS]&=
lt;/a&gt;&lt;/p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;&lt;a href=3D#concept-event-fire title=3Dconce=
pt-event-fire&gt;Fire&lt;/a&gt; a &lt;a href=3D#concept-events-trusted ti=
tle=3Dconcept-events-trusted&gt;trusted&lt;/a&gt; event with the name &lt=
;code title=3Devent-pageshow&gt;&lt;a href=3D#event-pageshow&gt;pageshow&=
lt;/a&gt;&lt;/code&gt; at the &lt;code&gt;&lt;a href=3D#window&gt;Window&=
lt;/a&gt;&lt;/code&gt; object of that
+       &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code=
&gt;, but with its &lt;code title=3Ddom-event-target&gt;&lt;a href=3D#dom=
-event-target&gt;target&lt;/a&gt;&lt;/code&gt; set to the
+       &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code=
&gt; object (and the &lt;code title=3Ddom-event-currentTarget&gt;currentT=
arget&lt;/code&gt; set to the &lt;code&gt;&lt;a href=3D#window&gt;Window&=
lt;/a&gt;&lt;/code&gt; object),
+       using the &lt;code&gt;&lt;a href=3D#pagetransitionevent&gt;PageTr=
ansitionEvent&lt;/a&gt;&lt;/code&gt; interface, with the &lt;code title=3D=
dom-PageTransitionEvent-persisted&gt;&lt;a href=3D#dom-pagetransitioneven=
t-persisted&gt;persisted&lt;/a&gt;&lt;/code&gt; attribute initialized to =
true.
+       This event must not bubble, must not be cancelable, and has no de=
fault action.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;!-- an interesting thing to test would be to traver=
se back during onload, before the first
+      pageshow has fired, and then to traverse forward again, and see if=
 we get _two_ pageshows. If
+      so, it indicates that browsers don't have a &quot;page showing&quo=
t; flag like this and that the history
+      traversal task source has a higher priority than the DOM manipulat=
ion task source. --&gt;&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set &lt;a href=3D&quot;#the-document's-address&quo=
t;&gt;the document's address&lt;/a&gt; to the URL of the &lt;var title=3D=
&quot;&quot;&gt;specified
+   entry&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;specified e=
ntry&lt;/var&gt; has a URL whose fragment identifier differs
+   from that of the &lt;a href=3D#current-entry&gt;current entry&lt;/a&g=
t;'s when compared in a &lt;a href=3D#case-sensitive&gt;case-sensitive&lt=
;/a&gt;
+   manner, and the two share the same &lt;code&gt;&lt;a href=3D#document=
&gt;Document&lt;/a&gt;&lt;/code&gt; object, then let &lt;var title=3D&quo=
t;&quot;&gt;hash
+   changed&lt;/var&gt; be true, and let &lt;var title=3D&quot;&quot;&gt;=
old URL&lt;/var&gt; be the URL of the &lt;a href=3D#current-entry&gt;curr=
ent
+   entry&lt;/a&gt; and &lt;var title=3D&quot;&quot;&gt;new URL&lt;/var&g=
t; be the URL of the &lt;var title=3D&quot;&quot;&gt;specified
+   entry&lt;/var&gt;. Otherwise, let &lt;var title=3D&quot;&quot;&gt;has=
h changed&lt;/var&gt; be false.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the traversal was initiated with &lt;dfn id=3Dr=
eplacement-enabled&gt;replacement enabled&lt;/dfn&gt;, remove the entry
+   immediately before the &lt;var title=3D&quot;&quot;&gt;specified entr=
y&lt;/var&gt; in the session history.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;specified e=
ntry&lt;/var&gt; is not &lt;a href=3D#an-entry-with-persisted-user-state&=
gt;an entry with persisted user
+   state&lt;/a&gt;, but its URL has a fragment identifier, &lt;a href=3D=
#scroll-to-the-fragment-identifier&gt;scroll to the fragment
+   identifier&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the entry is &lt;a href=3D#an-entry-with-persisted-user-=
state&gt;an entry with persisted user state&lt;/a&gt;, the user agent may=
 update
+    aspects of the document and its rendering, for instance the scroll p=
osition or values of form
+    fields, that it had previously recorded.&lt;/p&gt;
+
+    &lt;!-- see similar paragraphs in the textarea and input sections --=
&gt;
+    &lt;p class=3Dnote&gt;This can even include updating the &lt;code ti=
tle=3Dattr-dir&gt;&lt;a href=3D#the-dir-attribute&gt;dir&lt;/a&gt;&lt;/co=
de&gt; attribute
+    of &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&=
gt;&lt;/code&gt; elements or &lt;code&gt;&lt;a href=3D#the-input-element&=
gt;input&lt;/a&gt;&lt;/code&gt; elements whose &lt;code title=3Dattr-inpu=
t-type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; at=
tribute is in either the &lt;a href=3D&quot;#text-(type=3Dtext)-state-and=
-search-state-(type=3Dsearch)&quot; title=3Dattr-input-type-text&gt;Text&=
lt;/a&gt; state or the &lt;a href=3D&quot;#text-(type=3Dtext)-state-and-s=
earch-state-(type=3Dsearch)&quot; title=3Dattr-input-type-search&gt;Searc=
h&lt;/a&gt; state, if the persisted state includes the
+    directionality of user input in such controls.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the entry is a &lt;a href=3D#state-object&gt;st=
ate object&lt;/a&gt; entry, let &lt;var title=3D&quot;&quot;&gt;state&lt;=
/var&gt; be a
+   &lt;a href=3D#structured-clone&gt;structured clone&lt;/a&gt; of that =
state object. Otherwise, let &lt;var title=3D&quot;&quot;&gt;state&lt;/va=
r&gt; be
+   null.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set &lt;code title=3Ddom-history-state&gt;&lt;a hr=
ef=3D#dom-history-state&gt;history.state&lt;/a&gt;&lt;/code&gt; to &lt;va=
r title=3D&quot;&quot;&gt;state&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;state changed&=
lt;/var&gt; be true if the &lt;code&gt;&lt;a href=3D#document&gt;Document=
&lt;/a&gt;&lt;/code&gt; of the &lt;var title=3D&quot;&quot;&gt;specified =
entry&lt;/var&gt; has a &lt;a href=3D#latest-entry&gt;latest entry&lt;/a&=
gt;, and that entry is not the &lt;var title=3D&quot;&quot;&gt;specified =
entry&lt;/var&gt;; otherwise let it be false.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the &lt;a href=3D#latest-entry&gt;latest entry=
&lt;/a&gt; of the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt; of the &lt;var title=3D&quot;&quot;&gt;specified entry&lt;=
/var&gt; be the &lt;var title=3D&quot;&quot;&gt;specified entry&lt;/var&g=
t;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;i&gt;asynchronous events&lt;/i&gt; flag is not s=
et, then run the following steps
+    synchronously. Otherwise, the &lt;i&gt;asynchronous events&lt;/i&gt;=
 flag is set; &lt;a href=3D#queue-a-task&gt;queue a task&lt;/a&gt;
+    to run the following substeps.&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;stat=
e changed&lt;/var&gt; is true, &lt;a href=3D#concept-event-fire title=3Dc=
oncept-event-fire&gt;fire&lt;/a&gt; a &lt;a href=3D#concept-events-truste=
d title=3Dconcept-events-trusted&gt;trusted&lt;/a&gt;
+     event with the name &lt;code title=3Devent-popstate&gt;&lt;a href=3D=
#event-popstate&gt;popstate&lt;/a&gt;&lt;/code&gt; at the &lt;code&gt;&lt=
;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt;
+     object of the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&=
gt;&lt;/code&gt;, using the &lt;code&gt;&lt;a href=3D#popstateevent&gt;Po=
pStateEvent&lt;/a&gt;&lt;/code&gt; interface, with the
+     &lt;code title=3Ddom-PopStateEvent-state&gt;&lt;a href=3D#dom-popst=
ateevent-state&gt;state&lt;/a&gt;&lt;/code&gt; attribute initialized to t=
he value of &lt;var title=3D&quot;&quot;&gt;state&lt;/var&gt;. This event=
 must bubble but not be cancelable and has no default
+     action.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;hash changed&=
lt;/var&gt; is true, then &lt;a href=3D#concept-event-fire title=3Dconcep=
t-event-fire&gt;fire&lt;/a&gt; a &lt;a href=3D#concept-events-trusted tit=
le=3Dconcept-events-trusted&gt;trusted&lt;/a&gt;
+     event with the name &lt;code title=3Devent-hashchange&gt;&lt;a href=
=3D#event-hashchange&gt;hashchange&lt;/a&gt;&lt;/code&gt; at the &lt;a hr=
ef=3D#browsing-context&gt;browsing
+     context&lt;/a&gt;'s &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/=
a&gt;&lt;/code&gt; object, using the &lt;code&gt;&lt;a href=3D#hashchange=
event&gt;HashChangeEvent&lt;/a&gt;&lt;/code&gt; interface,
+     with the &lt;code title=3Ddom-HashChangeEvent-oldURL&gt;&lt;a href=3D=
#dom-hashchangeevent-oldurl&gt;oldURL&lt;/a&gt;&lt;/code&gt; attribute in=
itialized to &lt;var title=3D&quot;&quot;&gt;old URL&lt;/var&gt; and the =
&lt;code title=3Ddom-HashChangeEvent-newURL&gt;&lt;a href=3D#dom-hashchan=
geevent-newurl&gt;newURL&lt;/a&gt;&lt;/code&gt; attribute
+     initialized to &lt;var title=3D&quot;&quot;&gt;new URL&lt;/var&gt;.=
 This event must bubble but not be cancelable and
+     has no default action.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;The &lt;a href=3D#current-entry&gt;current entry&l=
t;/a&gt; is now the &lt;var title=3D&quot;&quot;&gt;specified entry&lt;/v=
ar&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;a href=3D#task-source&gt;task source&lt;/a=
&gt; for the tasks mentioned above is the &lt;a href=3D#dom-manipulation-=
task-source&gt;DOM manipulation task
+  source&lt;/a&gt;.&lt;/p&gt;
+
+
+  &lt;h5 id=3Devent-definitions-1&gt;&lt;span class=3Dsecno&gt;6.6.10.1 =
&lt;/span&gt;Event definitions&lt;/h5&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Devent-popstate title=3Devent-popstate&gt;&lt=
;code&gt;popstate&lt;/code&gt;&lt;/dfn&gt; event is fired in certain case=
s
+  when navigating to a &lt;a href=3D#session-history-entry&gt;session hi=
story entry&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;[Constructor(DOMString type, optional &lt;a hre=
f=3D#popstateeventinit&gt;PopStateEventInit&lt;/a&gt; eventInitDict)]
+interface &lt;dfn id=3Dpopstateevent&gt;PopStateEvent&lt;/dfn&gt; : &lt;=
a href=3D#event&gt;Event&lt;/a&gt; {
+  readonly attribute any &lt;a href=3D#dom-popstateevent-state title=3Dd=
om-PopStateEvent-state&gt;state&lt;/a&gt;;
+};
+
+dictionary &lt;dfn id=3Dpopstateeventinit&gt;PopStateEventInit&lt;/dfn&g=
t; : &lt;a href=3D#eventinit&gt;EventInit&lt;/a&gt; {
+  any state;
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;e=
vent&lt;/var&gt; . &lt;code title=3Ddom-PopStateEvent-state&gt;&lt;a href=
=3D#dom-popstateevent-state&gt;state&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a copy of the information that was provided to &lt;=
code title=3Ddom-history-pushState&gt;&lt;a href=3D#dom-history-pushstate=
&gt;pushState()&lt;/a&gt;&lt;/code&gt; or &lt;code title=3Ddom-history-re=
placeState&gt;&lt;a href=3D#dom-history-replacestate&gt;replaceState()&lt=
;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-popstateevent-state title=3Ddom-PopState=
Event-state&gt;&lt;code&gt;state&lt;/code&gt;&lt;/dfn&gt; attribute must =
return the
+  value it was initialized to. When the object is created, this attribut=
e must be initialized to
+  null. It represents the context information for the event, or null, if=
 the state represented is
+  the initial state of the &lt;code&gt;&lt;a href=3D#document&gt;Documen=
t&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Devent-hashchange title=3Devent-has=
hchange&gt;&lt;code&gt;hashchange&lt;/code&gt;&lt;/dfn&gt; event is fired=
 when navigating
+  to a &lt;a href=3D#session-history-entry&gt;session history entry&lt;/=
a&gt; whose &lt;a href=3D#url&gt;URL&lt;/a&gt; differs from that of the p=
revious
+  one only in the fragment identifier.&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;[Constructor(DOMString type, optional &lt;a hre=
f=3D#hashchangeeventinit&gt;HashChangeEventInit&lt;/a&gt; eventInitDict)]
+interface &lt;dfn id=3Dhashchangeevent&gt;HashChangeEvent&lt;/dfn&gt; : =
&lt;a href=3D#event&gt;Event&lt;/a&gt; {
+  readonly attribute DOMString &lt;a href=3D#dom-hashchangeevent-oldurl =
title=3Ddom-HashChangeEvent-oldURL&gt;oldURL&lt;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-hashchangeevent-newurl =
title=3Ddom-HashChangeEvent-newURL&gt;newURL&lt;/a&gt;;
+};
+
+dictionary &lt;dfn id=3Dhashchangeeventinit&gt;HashChangeEventInit&lt;/d=
fn&gt; : &lt;a href=3D#eventinit&gt;EventInit&lt;/a&gt; {
+  DOMString oldURL;
+  DOMString newURL;
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;e=
vent&lt;/var&gt; . &lt;code title=3Ddom-HashChangeEvent-oldURL&gt;&lt;a h=
ref=3D#dom-hashchangeevent-oldurl&gt;oldURL&lt;/a&gt;&lt;/code&gt;&lt;/dt=
&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the &lt;a href=3D#url&gt;URL&lt;/a&gt; of the &lt;a=
 href=3D#session-history-entry&gt;session history entry&lt;/a&gt; that wa=
s previously
+    current.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;event&lt;/var&gt; . &lt;cod=
e title=3Ddom-HashChangeEvent-newURL&gt;&lt;a href=3D#dom-hashchangeevent=
-newurl&gt;newURL&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the &lt;a href=3D#url&gt;URL&lt;/a&gt; of the &lt;a=
 href=3D#session-history-entry&gt;session history entry&lt;/a&gt; that is=
 now
+    current.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-hashchangeevent-oldurl title=3Ddom-HashC=
hangeEvent-oldURL&gt;&lt;code&gt;oldURL&lt;/code&gt;&lt;/dfn&gt; attribut=
e must return the
+  value it was initialized to. When the object is created, this attribut=
e must be initialized to
+  null. It represents context information for the event, specifically th=
e URL of the &lt;a href=3D#session-history-entry&gt;session
+  history entry&lt;/a&gt; that was traversed from.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-hashchangeevent-newurl title=3Ddom-HashC=
hangeEvent-newURL&gt;&lt;code&gt;newURL&lt;/code&gt;&lt;/dfn&gt; attribut=
e must return the
+  value it was initialized to. When the object is created, this attribut=
e must be initialized to
+  null. It represents context information for the event, specifically th=
e URL of the &lt;a href=3D#session-history-entry&gt;session
+  history entry&lt;/a&gt; that was traversed to.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Devent-pageshow title=3Devent-pages=
how&gt;&lt;code&gt;pageshow&lt;/code&gt;&lt;/dfn&gt; event is fired when =
&lt;a href=3D#traverse-the-history title=3D&quot;traverse the history&quo=
t;&gt;traversing&lt;/a&gt; &lt;em&gt;to&lt;/em&gt; a &lt;a href=3D#sessio=
n-history-entry&gt;session history entry&lt;/a&gt;.
+  The &lt;dfn id=3Devent-pagehide title=3Devent-pagehide&gt;&lt;code&gt;=
pagehide&lt;/code&gt;&lt;/dfn&gt; event is fired when traversing
+  &lt;em&gt;from&lt;/em&gt; a &lt;a href=3D#session-history-entry&gt;ses=
sion history entry&lt;/a&gt;. The specification uses the &lt;a href=3D#pa=
ge-showing&gt;page
+  showing&lt;/a&gt; flag to ensure that scripts receive these events in =
a consistent manner (e.g. that
+  they never receive two &lt;code title=3Devent-pagehide&gt;&lt;a href=3D=
#event-pagehide&gt;pagehide&lt;/a&gt;&lt;/code&gt; events in a row withou=
t an
+  intervening &lt;code title=3Devent-pageshow&gt;&lt;a href=3D#event-pag=
eshow&gt;pageshow&lt;/a&gt;&lt;/code&gt;, or vice versa).&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;[Constructor(DOMString type, optional &lt;a hre=
f=3D#pagetransitioneventinit&gt;PageTransitionEventInit&lt;/a&gt; eventIn=
itDict)]
+interface &lt;dfn id=3Dpagetransitionevent&gt;PageTransitionEvent&lt;/df=
n&gt; : &lt;a href=3D#event&gt;Event&lt;/a&gt; {
+  readonly attribute boolean &lt;a href=3D#dom-pagetransitionevent-persi=
sted title=3Ddom-PageTransitionEvent-persisted&gt;persisted&lt;/a&gt;;
+};
+
+dictionary &lt;dfn id=3Dpagetransitioneventinit&gt;PageTransitionEventIn=
it&lt;/dfn&gt; : &lt;a href=3D#eventinit&gt;EventInit&lt;/a&gt; {
+  boolean persisted;
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;e=
vent&lt;/var&gt; . &lt;code title=3Ddom-PageTransitionEvent-persisted&gt;=
&lt;a href=3D#dom-pagetransitionevent-persisted&gt;persisted&lt;/a&gt;&lt=
;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;For the &lt;code title=3Devent-pageshow&gt;&lt;a href=3D#ev=
ent-pageshow&gt;pageshow&lt;/a&gt;&lt;/code&gt; event, returns false if t=
he page is
+    newly being loaded (and the &lt;code title=3Devent-load&gt;load&lt;/=
code&gt; event will fire). Otherwise,
+    returns true.&lt;/p&gt;
+
+    &lt;p&gt;For the &lt;code title=3Devent-pagehide&gt;&lt;a href=3D#ev=
ent-pagehide&gt;pagehide&lt;/a&gt;&lt;/code&gt; event, returns false if t=
he page is
+    going away for the last time. Otherwise, returns true, meaning that =
(if nothing conspires to
+    make the page unsalvageable) the page might be reused if the user na=
vigates back to this
+    page.&lt;/p&gt;
+
+    &lt;p&gt;Things that can cause the page to be unsalvageable include:=
&lt;/p&gt;
+
+    &lt;ul class=3Dbrief&gt;&lt;li&gt;&lt;code title=3Ddom-document-open=
&gt;&lt;a href=3D#dom-document-open&gt;document.open()&lt;/a&gt;&lt;/code=
&gt;
+     &lt;li&gt;Listening for &lt;code title=3Devent-beforeunload&gt;befo=
reunload&lt;/code&gt; events
+     &lt;li&gt;Listening for &lt;code title=3Devent-unload&gt;unload&lt;=
/code&gt; events
+     &lt;li&gt;Having &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;if=
rame&lt;/a&gt;&lt;/code&gt;s that are not salvageable
+     &lt;li&gt;Active &lt;code&gt;&lt;a href=3D#websocket&gt;WebSocket&l=
t;/a&gt;&lt;/code&gt; objects
+     &lt;li&gt;&lt;a href=3D#abort-a-document title=3D&quot;abort a docu=
ment&quot;&gt;Aborting a &lt;code&gt;Document&lt;/code&gt;&lt;/a&gt;
+    &lt;/ul&gt;&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-pagetransitionevent-persisted title=3Ddo=
m-PageTransitionEvent-persisted&gt;&lt;code&gt;persisted&lt;/code&gt;&lt;=
/dfn&gt; attribute must
+  return the value it was initialized to. When the object is created, th=
is attribute must be
+  initialized to false. It represents the context information for the ev=
ent.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dunloading-documents&gt;&lt;span class=3Dsecno&gt;6.6.11 &l=
t;/span&gt;Unloading documents&lt;/h4&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt=
;/code&gt; has a &lt;dfn id=3Dconcept-document-salvageable title=3Dconcep=
t-document-salvageable&gt;&lt;i&gt;salvageable&lt;/i&gt;&lt;/dfn&gt; stat=
e, which must initially be true,
+  a &lt;dfn id=3Dfired-unload&gt;fired unload&lt;/dfn&gt; flag, which mu=
st initially be false, and a &lt;dfn id=3Dpage-showing&gt;page showing&lt=
;/dfn&gt; flag,
+  which must initially be false.&lt;/p&gt;
+
+  &lt;p&gt;&lt;a href=3D#event-loop title=3D&quot;event loop&quot;&gt;Ev=
ent loops&lt;/a&gt; have a &lt;dfn id=3Dtermination-nesting-level&gt;term=
ination nesting level&lt;/dfn&gt;
+  counter, which must initially be zero.&lt;/p&gt;
+
+  &lt;p&gt;When a user agent is to &lt;dfn id=3Dprompt-to-unload-a-docum=
ent&gt;prompt to unload a document&lt;/dfn&gt;, it must run the following
+  steps.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Increase the &lt;a href=3D#event-loop&gt;=
event loop&lt;/a&gt;'s &lt;a href=3D#termination-nesting-level&gt;termina=
tion nesting level&lt;/a&gt; by
+   one.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Increase the &lt;code&gt;&lt;a href=3D#document&gt=
;Document&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#ignore-opens-during-unlo=
ad-counter&gt;ignore-opens-during-unload counter&lt;/a&gt; by
+   one.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;event&lt;/var&=
gt; be a new &lt;a href=3D#concept-events-trusted title=3Dconcept-events-=
trusted&gt;trusted&lt;/a&gt;
+   &lt;code&gt;&lt;a href=3D#beforeunloadevent&gt;BeforeUnloadEvent&lt;/=
a&gt;&lt;/code&gt; event object with the name &lt;code title=3Devent-befo=
reunload&gt;beforeunload&lt;/code&gt;, which does not bubble but is cance=
lable.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Dispatch&lt;/i&gt;: &lt;a href=3D#concept=
-event-dispatch title=3Dconcept-event-dispatch&gt;Dispatch&lt;/a&gt; &lt;=
var title=3D&quot;&quot;&gt;event&lt;/var&gt; at the &lt;code&gt;&lt;a hr=
ef=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'s &lt;code&gt;&lt;a hre=
f=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Decrease the &lt;a href=3D#event-loop&gt;event loo=
p&lt;/a&gt;'s &lt;a href=3D#termination-nesting-level&gt;termination nest=
ing level&lt;/a&gt; by
+   one.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Release the &lt;a href=3D#storage-mutex&gt;storage=
 mutex&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If any event listeners were triggered by the earli=
er &lt;i&gt;dispatch&lt;/i&gt; step, then set the
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
's &lt;i title=3Dconcept-document-salvageable&gt;&lt;a href=3D#concept-do=
cument-salvageable&gt;salvageable&lt;/a&gt;&lt;/i&gt; state to
+   false.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;code title=3Ddom-BeforeUnloadEvent-returnValue&g=
t;&lt;a href=3D#dom-beforeunloadevent-returnvalue&gt;returnValue&lt;/a&gt=
;&lt;/code&gt; attribute of the
+    &lt;var title=3D&quot;&quot;&gt;event&lt;/var&gt; object is not the =
empty string, or if the event was canceled, then the
+    user agent should ask the user to confirm that they wish to unload t=
he document.&lt;/p&gt;
+
+    &lt;p&gt;The prompt shown by the user agent may include the string o=
f the &lt;code title=3Ddom-BeforeUnloadEvent-returnValue&gt;&lt;a href=3D=
#dom-beforeunloadevent-returnvalue&gt;returnValue&lt;/a&gt;&lt;/code&gt; =
attribute, or some leading subset
+    thereof. (A user agent may want to truncate the string to 1024 chara=
cters for display, for
+    instance.)&lt;/p&gt;
+
+    &lt;p&gt;The user agent must &lt;a href=3D#pause&gt;pause&lt;/a&gt; =
while waiting for the user's response.&lt;/p&gt;
+
+    &lt;p&gt;If the user did not confirm the page navigation, then the u=
ser agent &lt;dfn id=3Drefused-to-allow-the-document-to-be-unloaded&gt;re=
fused to allow
+    the document to be unloaded&lt;/dfn&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If this algorithm was invoked by another instance =
of the &quot;prompt to unload a document&quot;
+   algorithm (i.e. through the steps below that invoke this algorithm fo=
r all descendant browsing
+   contexts), then jump to the step labeled &lt;i&gt;end&lt;/i&gt;.&lt;/=
li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;descendants&lt=
;/var&gt; be the &lt;a href=3D#list-of-the-descendant-browsing-contexts&g=
t;list of the descendant browsing
+   contexts&lt;/a&gt; of the &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;descendants&lt;/var&gt; =
is not an empty list, then for each &lt;a href=3D#browsing-context&gt;bro=
wsing
+    context&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt; in &=
lt;var title=3D&quot;&quot;&gt;descendants&lt;/var&gt; run the following
+    substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#prompt-to-unload-a-docume=
nt title=3D&quot;prompt to unload a document&quot;&gt;Prompt to unload&lt=
;/a&gt; the &lt;a href=3D#active-document&gt;active
+     document&lt;/a&gt; of the &lt;a href=3D#browsing-context&gt;browsin=
g context&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt;. If the=
 user
+     &lt;a href=3D#refused-to-allow-the-document-to-be-unloaded&gt;refus=
ed to allow the document to be unloaded&lt;/a&gt;, then the user implicit=
ly also &lt;a href=3D#refused-to-allow-the-document-to-be-unloaded title=3D=
&quot;refused to allow the document to be unloaded&quot;&gt;refused to al=
low &lt;em&gt;this&lt;/em&gt; document to
+     be unloaded&lt;/a&gt;; jump to the step labeled &lt;i&gt;end&lt;/i&=
gt;.&lt;/p&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;i title=3Dconcept-document-salvageabl=
e&gt;&lt;a href=3D#concept-document-salvageable&gt;salvageable&lt;/a&gt;&=
lt;/i&gt; state of the &lt;a href=3D#active-document&gt;active
+     document&lt;/a&gt; of the &lt;a href=3D#browsing-context&gt;browsin=
g context&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt; is fals=
e, then set
+     the &lt;i title=3Dconcept-document-salvageable&gt;&lt;a href=3D#con=
cept-document-salvageable&gt;salvageable&lt;/a&gt;&lt;/i&gt; state of &lt=
;em&gt;this&lt;/em&gt; document to
+     false also.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;End&lt;/i&gt;: Decrease the &lt;code&gt;&=
lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#=
ignore-opens-during-unload-counter&gt;ignore-opens-during-unload
+   counter&lt;/a&gt; by one.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When a user agent is to &lt;dfn id=3Dunload-a-docu=
ment&gt;unload a document&lt;/dfn&gt;, it must run the following steps. T=
hese
+  steps are passed an argument, &lt;var title=3D&quot;&quot;&gt;recycle&=
lt;/var&gt;, which is either true or false,
+  indicating whether the &lt;code&gt;&lt;a href=3D#document&gt;Document&=
lt;/a&gt;&lt;/code&gt; object is going to be re-used. (This is set by the
+  &lt;code title=3Ddom-document-open&gt;&lt;a href=3D#dom-document-open&=
gt;document.open()&lt;/a&gt;&lt;/code&gt; method.)&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Increase the &lt;a href=3D#event-loop&gt;=
event loop&lt;/a&gt;'s &lt;a href=3D#termination-nesting-level&gt;termina=
tion nesting level&lt;/a&gt; by
+   one.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Increase the &lt;code&gt;&lt;a href=3D#document&gt=
;Document&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#ignore-opens-during-unlo=
ad-counter&gt;ignore-opens-during-unload counter&lt;/a&gt; by
+   one.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#page-showing&gt;page showing&l=
t;/a&gt; flag is false, then jump to the
+   step labeled &lt;i&gt;unload event&lt;/i&gt; below (i.e. skip firing =
the &lt;code title=3Devent-pagehide&gt;&lt;a href=3D#event-pagehide&gt;pa=
gehide&lt;/a&gt;&lt;/code&gt; event and don't rerun the &lt;a href=3D#unl=
oading-document-visibility-change-steps&gt;unloading document
+   visibility change steps&lt;/a&gt;).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set the &lt;code&gt;&lt;a href=3D#document&gt;Docu=
ment&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#page-showing&gt;page showing&=
lt;/a&gt; flag to false.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#concept-event-fire title=3Dconcept-e=
vent-fire&gt;Fire&lt;/a&gt; a &lt;a href=3D#concept-events-trusted title=3D=
concept-events-trusted&gt;trusted&lt;/a&gt; event with the name &lt;code =
title=3Devent-pagehide&gt;&lt;a href=3D#event-pagehide&gt;pagehide&lt;/a&=
gt;&lt;/code&gt; at the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&=
gt;&lt;/code&gt; object of the
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
, but with its &lt;code title=3Ddom-event-target&gt;&lt;a href=3D#dom-eve=
nt-target&gt;target&lt;/a&gt;&lt;/code&gt; set to the
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
 object (and the &lt;code title=3Ddom-event-currentTarget&gt;currentTarge=
t&lt;/code&gt;
+   set to the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/c=
ode&gt; object), using the &lt;code&gt;&lt;a href=3D#pagetransitionevent&=
gt;PageTransitionEvent&lt;/a&gt;&lt;/code&gt; interface,
+   with the &lt;code title=3Ddom-PageTransitionEvent-persisted&gt;&lt;a =
href=3D#dom-pagetransitionevent-persisted&gt;persisted&lt;/a&gt;&lt;/code=
&gt; attribute initialized
+   to true if the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&g=
t;&lt;/code&gt; object's &lt;i title=3Dconcept-document-salvageable&gt;&l=
t;a href=3D#concept-document-salvageable&gt;salvageable&lt;/a&gt;&lt;/i&g=
t; state is true, and false otherwise. This
+   event must not bubble, must not be cancelable, and has no default act=
ion.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Run any &lt;dfn id=3Dunloading-document-visibility-change-s=
teps&gt;unloading document visibility change steps&lt;/dfn&gt; for &lt;co=
de&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; that
+    are defined by &lt;a href=3D#other-applicable-specifications&gt;othe=
r applicable specifications&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This is specifically intended for use by the P=
age Visibility specification. &lt;a href=3D#refsPAGEVIS&gt;[PAGEVIS]&lt;/=
a&gt;&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Unload event&lt;/i&gt;: If the &lt;code&g=
t;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D=
#fired-unload&gt;fired unload&lt;/a&gt; flag is
+   false, &lt;a href=3D#fire-a-simple-event&gt;fire a simple event&lt;/a=
&gt; named &lt;code title=3Devent-unload&gt;unload&lt;/code&gt; at the
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
's &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obje=
ct.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Decrease the &lt;a href=3D#event-loop&gt;event loo=
p&lt;/a&gt;'s &lt;a href=3D#termination-nesting-level&gt;termination nest=
ing level&lt;/a&gt; by
+   one.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Release the &lt;a href=3D#storage-mutex&gt;storage=
 mutex&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If any event listeners were triggered by the earli=
er &lt;i&gt;unload event&lt;/i&gt; step, then set
+   the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code=
&gt; object's &lt;i title=3Dconcept-document-salvageable&gt;&lt;a href=3D=
#concept-document-salvageable&gt;salvageable&lt;/a&gt;&lt;/i&gt; state
+   to false and set the &lt;code&gt;&lt;a href=3D#document&gt;Document&l=
t;/a&gt;&lt;/code&gt;'s &lt;a href=3D#fired-unload&gt;fired unload&lt;/a&=
gt; flag to true.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Run any &lt;a href=3D#unloading-document-cleanup-s=
teps&gt;unloading document cleanup steps&lt;/a&gt; for &lt;code&gt;&lt;a =
href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; that are
+   defined by this specification and &lt;a href=3D#other-applicable-spec=
ifications&gt;other applicable specifications&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If this algorithm was invoked by another instance =
of the &quot;unload a document&quot; algorithm
+   (i.e. by the steps below that invoke this algorithm for all descendan=
t browsing contexts), then
+   jump to the step labeled &lt;i&gt;end&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;descendants&lt=
;/var&gt; be the &lt;a href=3D#list-of-the-descendant-browsing-contexts&g=
t;list of the descendant browsing
+   contexts&lt;/a&gt; of the &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;descendants&lt;/var&gt; =
is not an empty list, then for each &lt;a href=3D#browsing-context&gt;bro=
wsing
+    context&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt; in &=
lt;var title=3D&quot;&quot;&gt;descendants&lt;/var&gt; run the following
+    substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#unload-a-document title=3D=
&quot;unload a document&quot;&gt;Unload&lt;/a&gt; the &lt;a href=3D#activ=
e-document&gt;active document&lt;/a&gt; of the
+     &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; &lt;va=
r title=3D&quot;&quot;&gt;b&lt;/var&gt; with the &lt;var title=3D&quot;&q=
uot;&gt;recycle&lt;/var&gt;
+     parameter set to false.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;i title=3Dconcept-document-salvageabl=
e&gt;&lt;a href=3D#concept-document-salvageable&gt;salvageable&lt;/a&gt;&=
lt;/i&gt; state of the &lt;a href=3D#active-document&gt;active
+     document&lt;/a&gt; of the &lt;a href=3D#browsing-context&gt;browsin=
g context&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt; is fals=
e, then set
+     the &lt;i title=3Dconcept-document-salvageable&gt;&lt;a href=3D#con=
cept-document-salvageable&gt;salvageable&lt;/a&gt;&lt;/i&gt; state of &lt=
;em&gt;this&lt;/em&gt; document to
+     false also.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If both the &lt;code&gt;&lt;a href=3D#document&gt;=
Document&lt;/a&gt;&lt;/code&gt;'s &lt;i title=3Dconcept-document-salvagea=
ble&gt;&lt;a href=3D#concept-document-salvageable&gt;salvageable&lt;/a&gt=
;&lt;/i&gt; state and &lt;var title=3D&quot;&quot;&gt;recycle&lt;/var&gt;=
 are
+   false, then the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&=
gt;&lt;/code&gt;'s &lt;a href=3D#browsing-context&gt;browsing context&lt;=
/a&gt; must &lt;a href=3D#discard-a-document title=3D&quot;discard a
+   document&quot;&gt;discard the &lt;code&gt;Document&lt;/code&gt;&lt;/a=
&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;End&lt;/i&gt;: Decrease the &lt;code&gt;&=
lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#=
ignore-opens-during-unload-counter&gt;ignore-opens-during-unload
+   counter&lt;/a&gt; by one.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;This specification defines the following &lt;dfn i=
d=3Dunloading-document-cleanup-steps&gt;unloading document cleanup steps&=
lt;/dfn&gt;. Other
+  specifications can define more.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#make-disappear&gt;Make disappear&lt;/a&gt; an=
y &lt;code&gt;&lt;a href=3D#websocket&gt;WebSocket&lt;/a&gt;&lt;/code&gt;=
 objects that were created by the &lt;code title=3Ddom-WebSocket&gt;&lt;a=
 href=3D#dom-websocket&gt;WebSocket()&lt;/a&gt;&lt;/code&gt; constructor =
from the
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
;'s &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obj=
ect.&lt;/p&gt;
+
+    &lt;p&gt;If this affected any &lt;code&gt;&lt;a href=3D#websocket&gt=
;WebSocket&lt;/a&gt;&lt;/code&gt; objects, then set &lt;code&gt;&lt;a hre=
f=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'s &lt;i title=3Dconcept-=
document-salvageable&gt;&lt;a href=3D#concept-document-salvageable&gt;sal=
vageable&lt;/a&gt;&lt;/i&gt; state to false.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt;'s &lt;i title=3Dconcept-document-salvageable&g=
t;&lt;a href=3D#concept-document-salvageable&gt;salvageable&lt;/a&gt;&lt;=
/i&gt;
+   state is false, &lt;a href=3D#concept-eventsource-forcibly-close titl=
e=3Dconcept-EventSource-forcibly-close&gt;forcibly close&lt;/a&gt; any
+   &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSource&lt;/a&gt;&lt;/co=
de&gt; objects that whose constructor was invoked from the
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
's &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obje=
ct.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt;'s &lt;i title=3Dconcept-document-salvageable&g=
t;&lt;a href=3D#concept-document-salvageable&gt;salvageable&lt;/a&gt;&lt;=
/i&gt;
+   state is false, empty the &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt;'s &lt;code&gt;&lt;a href=3D#window&gt;Window&l=
t;/a&gt;&lt;/code&gt;'s &lt;a href=3D#list-of-active-timers&gt;list of ac=
tive
+   timers&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;h5 id=3Devent-definition&gt;&lt;span class=3Dsecno&gt;6=
.6.11.1 &lt;/span&gt;Event definition&lt;/h5&gt;
+
+  &lt;/div&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dbeforeunloadevent&gt;Bef=
oreUnloadEvent&lt;/dfn&gt; : &lt;a href=3D#event&gt;Event&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-beforeunloadevent-retur=
nvalue title=3Ddom-BeforeUnloadEvent-returnValue&gt;returnValue&lt;/a&gt;=
;
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;e=
vent&lt;/var&gt; . &lt;code title=3Ddom-BeforeUnloadEvent-returnValue&gt;=
&lt;a href=3D#dom-beforeunloadevent-returnvalue&gt;returnValue&lt;/a&gt;&=
lt;/code&gt; [ =3D &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; ]&lt=
;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current return value of the event (the message =
to show the user).&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to update the message.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p class=3Dnote&gt;There are no &lt;code&gt;&lt;a href=3D=
#beforeunloadevent&gt;BeforeUnloadEvent&lt;/a&gt;&lt;/code&gt;-specific i=
nitialization methods.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-beforeunloadevent-returnvalue title=3Ddo=
m-BeforeUnloadEvent-returnValue&gt;&lt;code&gt;returnValue&lt;/code&gt;&l=
t;/dfn&gt; attribute
+  represents the message to show the user. When the event is created, th=
e attribute must be set to
+  the empty string. On getting, it must return the last value it was set=
 to. On setting, the
+  attribute must be set to the new value.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Daborting-a-document-load&gt;&lt;span class=3Dsecno&gt;6.6.=
12 &lt;/span&gt;Aborting a document load&lt;/h4&gt;
+
+  &lt;p&gt;If a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;=
&lt;/code&gt; is &lt;dfn id=3Dabort-a-document title=3D&quot;abort a docu=
ment&quot;&gt;aborted&lt;/dfn&gt;, the user agent must
+  run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#abort-a-document title=3D&q=
uot;abort a document&quot;&gt;Abort&lt;/a&gt; the &lt;a href=3D#active-do=
cument title=3D&quot;active document&quot;&gt;active
+   documents&lt;/a&gt; of every &lt;a href=3D#child-browsing-context&gt;=
child browsing context&lt;/a&gt;. If this results in any of those
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
 objects having their &lt;i title=3Dconcept-document-salvageable&gt;&lt;a=
 href=3D#concept-document-salvageable&gt;salvageable&lt;/a&gt;&lt;/i&gt; =
state set to false, then set this
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
's &lt;i title=3Dconcept-document-salvageable&gt;&lt;a href=3D#concept-do=
cument-salvageable&gt;salvageable&lt;/a&gt;&lt;/i&gt; state to false
+   also.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Cancel any instances of the &lt;a href=3D#fetch ti=
tle=3Dfetch&gt;fetch&lt;/a&gt; algorithm in the context of
+   this &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/cod=
e&gt;, discarding any &lt;a href=3D#concept-task title=3Dconcept-task&gt;=
tasks&lt;/a&gt; &lt;a href=3D#queue-a-task title=3D&quot;queue a task&quo=
t;&gt;queued&lt;/a&gt; for them, and discarding any further data received=
 from the
+   network for them. If this resulted in any instances of the &lt;a href=
=3D#fetch title=3Dfetch&gt;fetch&lt;/a&gt;
+   algorithm being canceled or any &lt;a href=3D#queue-a-task title=3D&q=
uot;queue a task&quot;&gt;queued&lt;/a&gt; &lt;a href=3D#concept-task tit=
le=3Dconcept-task&gt;tasks&lt;/a&gt; or any network data getting discarde=
d, then set the
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
's &lt;i title=3Dconcept-document-salvageable&gt;&lt;a href=3D#concept-do=
cument-salvageable&gt;salvageable&lt;/a&gt;&lt;/i&gt; state to
+   false.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt; has an &lt;a href=3D#active-parser&gt;active p=
arser&lt;/a&gt;, then &lt;a href=3D#abort-a-parser title=3D&quot;abort a
+   parser&quot;&gt;abort that parser&lt;/a&gt; and set the &lt;code&gt;&=
lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'s &lt;i title=3D=
concept-document-salvageable&gt;&lt;a href=3D#concept-document-salvageabl=
e&gt;salvageable&lt;/a&gt;&lt;/i&gt; state to false.&lt;/li&gt;
+
+   &lt;!-- we could also stop all script, or stop animations --&gt;
+
+  &lt;/ol&gt;&lt;p&gt;User agents may allow users to explicitly invoke t=
he &lt;a href=3D#abort-a-document title=3D&quot;abort a document&quot;&gt=
;abort a
+  document&lt;/a&gt; algorithm for a &lt;code&gt;&lt;a href=3D#document&=
gt;Document&lt;/a&gt;&lt;/code&gt;. If the user does so, then, if that
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
is an &lt;a href=3D#active-document&gt;active document&lt;/a&gt;, the use=
r agent should &lt;a href=3D#queue-a-task&gt;queue a
+  task&lt;/a&gt; to &lt;a href=3D#fire-a-simple-event&gt;fire a simple e=
vent&lt;/a&gt; named &lt;code title=3Devent-abort&gt;abort&lt;/code&gt; a=
t
+  that &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code=
&gt;'s &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; =
object before invoking the &lt;a href=3D#abort-a-document title=3D&quot;a=
bort a
+  document&quot;&gt;abort&lt;/a&gt; algorithm.&lt;/p&gt;
+
+  &lt;!-- I'd love to make this more precise, anyone have any suggestion=
s on what it should say? --&gt;
+
+  &lt;/div&gt;
+
+
+&lt;!--TOPIC:Offline Web Applications--&gt;
+  &lt;h3 id=3Doffline&gt;&lt;span class=3Dsecno&gt;6.7 &lt;/span&gt;Offl=
ine Web applications&lt;/h3&gt;
+
+  &lt;!-- v2 ideas for appcache:
+
+     * A way to limit what gets download when the user agent is updating=
 the application cache and
+       it turns out the server has changed EVERY page because every page=
 has a dynamic &quot;site last
+       modified&quot; date on it.
+
+       http://groups.google.com/group/gears-users/browse_thread/thread/e=
fbd808325df607a/c73adb34f9b63cf7?hl=3Den&amp;q=3Dwhatwg#c73adb34f9b63cf7
+
+
+     * Multiuser appcaches.
+
+       If the application code (HTML, JS, CSS) is all the same for two u=
sers, then appcache works
+       for multiple users by just having the data for the users separate=
 from the logic.
+
+       This is the expected model for most apps. For example, your typic=
al blog has just one set of
+       CSS for all users.
+
+       For systems where the user affects what HTML, JS, and CSS is serv=
ed back, the spec as written
+       pretty much requires that there be one app per user, and one gene=
ric &quot;login&quot; app that then
+       redirects to one of those other apps - and where each app has a d=
ifferent base URL, separate
+       manifest, etc.
+
+       An alternative that we could explore in a future version is to ha=
ve the manifest include a
+       manifest name, and then have script that allows you to &quot;acti=
vate&quot; a particular manifest name
+       for a given appcache.
+
+       So each appcache group would be further subdivided into named sub=
groups, and for a given
+       manifest URL with such a group of subgroups, one subgroup would b=
e the default one at a time.
+       The inactive ones would just lie dormant, but and the active ones=
 would act like now, but
+       there'd be a scripted way to change the default (and maybe query =
what available variants
+       exist for the current appcache), so that you could log back in as=
 someone else by just making
+       the script pick the other user's variant, and then reloading.
+
+
+     * Add and remove specific additional files from the cache (e.g. pre=
caching new master entries).
+
+  --&gt;
+
+  &lt;h4 id=3Dintroduction-5&gt;&lt;span class=3Dsecno&gt;6.7.1 &lt;/spa=
n&gt;Introduction&lt;/h4&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;In order to enable users to continue interacting with Web app=
lications and documents even when
+  their network connection is unavailable &amp;mdash; for instance, beca=
use they are traveling outside
+  of their ISP's coverage area &amp;mdash; authors can provide a manifes=
t which lists the files that are
+  needed for the Web application to work offline and which causes the us=
er's browser to keep a copy
+  of the files for use offline.&lt;/p&gt;
+
+  &lt;p&gt;To illustrate this, consider a simple clock applet consisting=
 of an HTML page &quot;&lt;code title=3D&quot;&quot;&gt;clock.html&lt;/co=
de&gt;&quot;, a CSS style sheet &quot;&lt;code title=3D&quot;&quot;&gt;cl=
ock.css&lt;/code&gt;&quot;, and a JavaScript
+  script &quot;&lt;code title=3D&quot;&quot;&gt;clock.js&lt;/code&gt;&qu=
ot;.&lt;/p&gt;
+
+  &lt;p&gt;Before adding the manifest, these three files might look like=
 this:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;!-- clock.html --&amp;gt;
+&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;html&amp;gt;
+ &amp;lt;head&amp;gt;
+  &amp;lt;title&amp;gt;Clock&amp;lt;/title&amp;gt;
+  &amp;lt;script src=3D&quot;clock.js&quot;&amp;gt;&amp;lt;/script&amp;g=
t;
+  &amp;lt;link rel=3D&quot;stylesheet&quot; href=3D&quot;clock.css&quot;=
&amp;gt;
+ &amp;lt;/head&amp;gt;
+ &amp;lt;body&amp;gt;
+  &amp;lt;p&amp;gt;The time is: &amp;lt;output id=3D&quot;clock&quot;&am=
p;gt;&amp;lt;/output&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/body&amp;gt;
+&amp;lt;/html&amp;gt;&lt;/pre&gt;
+  &lt;pre&gt;/* clock.css */
+output { font: 2em sans-serif; }&lt;/pre&gt;
+  &lt;pre&gt;/* clock.js */
+setInterval(function () {
+    document.getElementById('clock').value =3D new Date();
+}, 1000);&lt;/pre&gt;
+
+  &lt;p&gt;If the user tries to open the &quot;&lt;code title=3D&quot;&q=
uot;&gt;clock.html&lt;/code&gt;&quot; page while offline, though,
+  the user agent (unless it happens to have it still in the local cache)=
 will fail with an
+  error.&lt;/p&gt;
+
+  &lt;p&gt;The author can instead provide a manifest of the three files,=
 say &quot;&lt;code title=3D&quot;&quot;&gt;clock.appcache&lt;/code&gt;&q=
uot;:&lt;/p&gt;
+
+  &lt;pre&gt;CACHE MANIFEST
+clock.html
+clock.css
+clock.js
+&lt;/pre&gt;
+
+  &lt;p&gt;With a small change to the HTML file, the manifest (served as=
 &lt;code&gt;&lt;a href=3D#text/cache-manifest&gt;text/cache-manifest&lt;=
/a&gt;&lt;/code&gt;)
+  is linked to the application:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;!-- clock.html --&amp;gt;
+&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;html manifest=3D&quot;clock.appcache&quot;&amp;gt;
+ &amp;lt;head&amp;gt;
+  &amp;lt;title&amp;gt;Clock&amp;lt;/title&amp;gt;
+  &amp;lt;script src=3D&quot;clock.js&quot;&amp;gt;&amp;lt;/script&amp;g=
t;
+  &amp;lt;link rel=3D&quot;stylesheet&quot; href=3D&quot;clock.css&quot;=
&amp;gt;
+ &amp;lt;/head&amp;gt;
+ &amp;lt;body&amp;gt;
+  &amp;lt;p&amp;gt;The time is: &amp;lt;output id=3D&quot;clock&quot;&am=
p;gt;&amp;lt;/output&amp;gt;&amp;lt;/p&amp;gt;
+ &amp;lt;/body&amp;gt;
+&amp;lt;/html&amp;gt;&lt;/pre&gt;
+
+  &lt;p&gt;Now, if the user goes to the page, the browser will cache the=
 files and make them available
+  even when the user is offline.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Authors are encouraged to include the main page =
in the manifest also, but in
+  practice the page that referenced the manifest is automatically cached=
 even if it isn't explicitly
+  mentioned.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;With the exception of &quot;no-store&quot; direc=
tive, HTTP cache headers and restrictions on
+  caching pages served over TLS (encrypted, using &lt;code title=3D&quot=
;&quot;&gt;https:&lt;/code&gt;) are overridden by
+  manifests. Thus, pages will not expire from an application cache befor=
e the user agent has updated
+  it, and even applications served over TLS can be made to work offline.=
&lt;/p&gt;
+
+  &lt;p&gt;&lt;a href=3Dhttp://www.whatwg.org/demos/offline/clock/live-d=
emo/clock.html&gt;View this example online&lt;/a&gt;.&lt;/p&gt;
+
+
+
+  &lt;h5 id=3Dsupporting-offline-caching-for-legacy-applications&gt;&lt;=
span class=3Dsecno&gt;6.7.1.1 &lt;/span&gt;Supporting offline caching for=
 legacy applications&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;The application cache feature works best if the application l=
ogic is separate from the
+  application and user data, with the logic (markup, scripts, style shee=
ts, images, etc) listed in
+  the manifest and stored in the application cache, with a finite number=
 of static HTML pages for
+  the application, and with the application and user data stored in Web =
Storage or a client-side
+  Indexed Database, updated dynamically using Web Sockets, &lt;code&gt;X=
MLHttpRequest&lt;/code&gt;, server-sent
+  events, or some other similar mechanism.&lt;/p&gt;
+
+  &lt;p&gt;This model results in a fast experience for the user: the app=
lication immediately loads, and
+  fresh data is obtained as fast as the network will allow it (possibly =
while stale data shows).&lt;/p&gt;
+
+  &lt;p&gt;Legacy applications, however, tend to be designed so that the=
 user data and the logic are mixed
+  together in the HTML, with each operation resulting in a new HTML page=
 from the server.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For example, consider a news application. The typical archit=
ecture of such an application,
+   when not using the application cache feature, is that the user fetche=
s the main page, and the
+   server returns a dynamically-generated page with the current headline=
s and the user interface
+   logic mixed together.&lt;/p&gt;
+
+   &lt;p&gt;A news application designed for the application cache featur=
e, however, would instead have the
+   main page just consist of the logic, and would then have the main pag=
e fetch the data separately
+   from the server, e.g. using &lt;code&gt;XMLHttpRequest&lt;/code&gt;.&=
lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The mixed-content model does not work well with the applicati=
on cache feature: since the
+  content is cached, it would result in the user always seeing the stale=
 data from the previous time
+  the cache was updated.&lt;/p&gt;
+
+  &lt;p&gt;While there is no way to make the legacy model work as fast a=
s the separated model, it
+  &lt;em&gt;can&lt;/em&gt; at least be retrofitted for offline use using=
 the &lt;a href=3D#concept-appcache-mode-prefer-online title=3Dconcept-ap=
pcache-mode-prefer-online&gt;prefer-online&lt;/a&gt; &lt;a href=3D#concep=
t-appcache-mode title=3Dconcept-appcache-mode&gt;application cache mode&l=
t;/a&gt;. To do so, list all the static
+  resources used by the HTML page you want to have work offline in an &l=
t;a href=3D#concept-appcache-manifest title=3Dconcept-appcache-manifest&g=
t;application cache manifest&lt;/a&gt;, use the &lt;code title=3Dattr-htm=
l-manifest&gt;&lt;a href=3D#attr-html-manifest&gt;manifest&lt;/a&gt;&lt;/=
code&gt; attribute to select that manifest from the HTML file,
+  and then add the following line at the bottom of the manifest:&lt;/p&g=
t;
+
+  &lt;pre&gt;SETTINGS:
+prefer-online
+NETWORK:
+*&lt;/pre&gt;
+
+  &lt;p&gt;This causes the &lt;a href=3D#application-cache&gt;applicatio=
n cache&lt;/a&gt; to only be used for &lt;a href=3D#concept-appcache-mast=
er title=3Dconcept-appcache-master&gt;master entries&lt;/a&gt; when the u=
ser is offline, and causes the
+  application cache to be used as an atomic HTTP cache (essentially pinn=
ing resources listed in the
+  manifest), while allowing all resources not listed in the manifest to =
be accessed normally when
+  the user is online.&lt;/p&gt;
+
+
+
+  &lt;h5 id=3Dappcacheevents&gt;&lt;span class=3Dsecno&gt;6.7.1.2 &lt;/s=
pan&gt;Event summary&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;When the user visits a page that declares a manifest, the bro=
wser will try to update the cache.
+  It does this by fetching a copy of the manifest and, if the manifest h=
as changed since the user
+  agent last saw it, redownloading all the resources it mentions and cac=
hing them anew.&lt;/p&gt;
+
+  &lt;p&gt;As this is going on, a number of events get fired on the &lt;=
code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&lt;/a&gt;&lt;/=
code&gt; object
+  to keep the script updated as to the state of the cache update, so tha=
t the user can be notified
+  appropriately. The events are as follows:&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt; Event name
+     &lt;th&gt; Interface
+     &lt;th&gt; Fired when...
+     &lt;th&gt; Next events
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt; &lt;dfn id=3Devent-appcache-checkin=
g title=3Devent-appcache-checking&gt;&lt;code&gt;checking&lt;/code&gt;&lt=
;/dfn&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#event&gt;Event&lt;/a&gt;&lt;/c=
ode&gt;
+     &lt;td&gt; The user agent is checking for an update, or attempting =
to download the manifest for the
+          first time. &lt;strong&gt;This is always the first event in th=
e sequence.&lt;/strong&gt;
+     &lt;td&gt; &lt;code title=3Devent-appcache-noupdate&gt;&lt;a href=3D=
#event-appcache-noupdate&gt;noupdate&lt;/a&gt;&lt;/code&gt;, &lt;code tit=
le=3Devent-appcache-downloading&gt;&lt;a href=3D#event-appcache-downloadi=
ng&gt;downloading&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Devent-appcache=
-obsolete&gt;&lt;a href=3D#event-appcache-obsolete&gt;obsolete&lt;/a&gt;&=
lt;/code&gt;, &lt;code title=3Devent-appcache-error&gt;&lt;a href=3D#even=
t-appcache-error&gt;error&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Devent-appcache-noupdate title=3Dev=
ent-appcache-noupdate&gt;&lt;code&gt;noupdate&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#event&gt;Event&lt;/a&gt;&lt;/c=
ode&gt;
+     &lt;td&gt; The manifest hadn't changed.
+     &lt;td&gt; Last event in sequence.
+
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Devent-appcache-downloading title=3D=
event-appcache-downloading&gt;&lt;code&gt;downloading&lt;/code&gt;&lt;/df=
n&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#event&gt;Event&lt;/a&gt;&lt;/c=
ode&gt;
+     &lt;td&gt; The user agent has found an update and is fetching it, o=
r is downloading the resources
+          listed by the manifest for the first time.
+     &lt;td&gt; &lt;code title=3Devent-appcache-progress&gt;&lt;a href=3D=
#event-appcache-progress&gt;progress&lt;/a&gt;&lt;/code&gt;, &lt;code tit=
le=3Devent-appcache-error&gt;&lt;a href=3D#event-appcache-error&gt;error&=
lt;/a&gt;&lt;/code&gt;, &lt;code title=3Devent-appcache-cached&gt;&lt;a h=
ref=3D#event-appcache-cached&gt;cached&lt;/a&gt;&lt;/code&gt;, &lt;code t=
itle=3Devent-appcache-updateready&gt;&lt;a href=3D#event-appcache-updater=
eady&gt;updateready&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Devent-appcache-progress title=3Dev=
ent-appcache-progress&gt;&lt;code&gt;progress&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#progressevent&gt;ProgressEvent=
&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; The user agent is downloading resources listed by the ma=
nifest.
+          The event object's &lt;code title=3Ddom-ProgressEvents-total&g=
t;total&lt;/code&gt; attribute returns the total number of files to be do=
wnloaded.
+          The event object's &lt;code title=3Ddom-ProgressEvents-loaded&=
gt;loaded&lt;/code&gt; attribute returns the number of files processed so=
 far.
+     &lt;td&gt; &lt;code title=3Devent-appcache-progress&gt;&lt;a href=3D=
#event-appcache-progress&gt;progress&lt;/a&gt;&lt;/code&gt;, &lt;code tit=
le=3Devent-appcache-error&gt;&lt;a href=3D#event-appcache-error&gt;error&=
lt;/a&gt;&lt;/code&gt;, &lt;code title=3Devent-appcache-cached&gt;&lt;a h=
ref=3D#event-appcache-cached&gt;cached&lt;/a&gt;&lt;/code&gt;, &lt;code t=
itle=3Devent-appcache-updateready&gt;&lt;a href=3D#event-appcache-updater=
eady&gt;updateready&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Devent-appcache-cached title=3Deven=
t-appcache-cached&gt;&lt;code&gt;cached&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#event&gt;Event&lt;/a&gt;&lt;/c=
ode&gt;
+     &lt;td&gt; The resources listed in the manifest have been downloade=
d, and the application is now cached.
+     &lt;td&gt; Last event in sequence.
+
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Devent-appcache-updateready title=3D=
event-appcache-updateready&gt;&lt;code&gt;updateready&lt;/code&gt;&lt;/df=
n&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#event&gt;Event&lt;/a&gt;&lt;/c=
ode&gt;
+     &lt;td&gt; The resources listed in the manifest have been newly red=
ownloaded, and the script can use
+          &lt;code title=3Ddom-appcache-swapCache&gt;&lt;a href=3D#dom-a=
ppcache-swapcache&gt;swapCache()&lt;/a&gt;&lt;/code&gt; to switch to the =
new cache.
+     &lt;td&gt; Last event in sequence.
+
+    &lt;tr&gt;&lt;td&gt; &lt;dfn id=3Devent-appcache-obsolete title=3Dev=
ent-appcache-obsolete&gt;&lt;code&gt;obsolete&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#event&gt;Event&lt;/a&gt;&lt;/c=
ode&gt;
+     &lt;td&gt; The manifest was found to have become a 404 or 410 page,=
 so the application cache is being deleted.
+     &lt;td&gt; Last event in sequence.
+
+    &lt;tr&gt;&lt;td rowspan=3D4&gt; &lt;dfn id=3Devent-appcache-error t=
itle=3Devent-appcache-error&gt;&lt;code&gt;error&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td rowspan=3D4&gt; &lt;code&gt;&lt;a href=3D#event&gt;Event&lt;=
/a&gt;&lt;/code&gt;
+     &lt;td&gt; The manifest was a 404 or 410 page, so the attempt to ca=
che the application has been aborted.
+     &lt;td rowspan=3D3&gt; Last event in sequence.
+
+    &lt;tr&gt;&lt;td&gt; The manifest hadn't changed, but the page refer=
encing the manifest failed to download properly.
+
+    &lt;tr&gt;&lt;td&gt; A fatal error occurred while fetching the resou=
rces listed in the manifest.
+
+    &lt;tr&gt;&lt;td&gt; The manifest changed while the update was being=
 run.
+     &lt;td&gt; The user agent will try fetching the files again momenta=
rily.
+
+  &lt;/table&gt;&lt;p&gt;These events are cancelable; their default acti=
on is for the user agent to show download
+  progress information. If the page shows its own update UI, canceling t=
he events will prevent the
+  user agent from showing redundant progress information.&lt;/p&gt;
+
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dappcache&gt;&lt;span class=3Dsecno&gt;6.7.2 &lt;/span&gt;A=
pplication caches&lt;/h4&gt; &lt;!--APPCACHE--&gt;
+
+  &lt;p&gt;An &lt;dfn id=3Dapplication-cache&gt;application cache&lt;/df=
n&gt; is a set of cached resources consisting of:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;
+
+    &lt;p&gt;One or more resources (including their out-of-band metadata=
, such as HTTP headers, if any),
+    identified by URLs, each falling into one (or more) of the following=
 categories:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dconcept-appcache-master title=3Dcon=
cept-appcache-master&gt;Master entries&lt;/dfn&gt;
+
+     &lt;dd&gt;&lt;p class=3Dnote&gt;These are documents that were added=
 to the cache because a &lt;a href=3D#browsing-context&gt;browsing
+     context&lt;/a&gt; was &lt;a href=3D#navigate title=3Dnavigate&gt;na=
vigated&lt;/a&gt; to that document and the document
+     indicated that this was its cache, using the &lt;code title=3Dattr-=
html-manifest&gt;&lt;a href=3D#attr-html-manifest&gt;manifest&lt;/a&gt;&l=
t;/code&gt;
+     attribute.&lt;/p&gt;
+
+
+     &lt;dt&gt;&lt;dfn id=3Dconcept-appcache-manifest title=3Dconcept-ap=
pcache-manifest&gt;The manifest&lt;/dfn&gt;
+
+     &lt;dd&gt;&lt;p class=3Dnote&gt;This is the resource corresponding =
to the URL that was given in a master
+     entry's &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt=
;&lt;/code&gt; element's &lt;code title=3Dattr-html-manifest&gt;&lt;a hre=
f=3D#attr-html-manifest&gt;manifest&lt;/a&gt;&lt;/code&gt; attribute.
+     The manifest is fetched and processed during the &lt;a href=3D#appl=
ication-cache-download-process&gt;application cache download
+     process&lt;/a&gt;. All the &lt;a href=3D#concept-appcache-master ti=
tle=3Dconcept-appcache-master&gt;master entries&lt;/a&gt; have the
+     &lt;a href=3D#same-origin title=3D&quot;same origin&quot;&gt;same o=
rigin&lt;/a&gt; as the manifest.&lt;/p&gt;
+
+
+     &lt;dt&gt;&lt;dfn id=3Dconcept-appcache-explicit title=3Dconcept-ap=
pcache-explicit&gt;Explicit entries&lt;/dfn&gt;
+
+     &lt;dd&gt;&lt;p class=3Dnote&gt;These are the resources that were l=
isted in the cache's &lt;a href=3D#concept-appcache-manifest title=3Dconc=
ept-appcache-manifest&gt;manifest&lt;/a&gt; in an &lt;a href=3D#concept-a=
ppcache-manifest-explicit title=3Dconcept-appcache-manifest-explicit&gt;e=
xplicit section&lt;/a&gt;.&lt;/p&gt;
+
+
+     &lt;dt&gt;&lt;dfn id=3Dconcept-appcache-fallback title=3Dconcept-ap=
pcache-fallback&gt;Fallback entries&lt;/dfn&gt;
+
+     &lt;dd&gt;&lt;p class=3Dnote&gt;These are the resources that were l=
isted in the cache's &lt;a href=3D#concept-appcache-manifest title=3Dconc=
ept-appcache-manifest&gt;manifest&lt;/a&gt; in a &lt;a href=3D#concept-ap=
pcache-manifest-fallback title=3Dconcept-appcache-manifest-fallback&gt;fa=
llback section&lt;/a&gt;.&lt;/p&gt;
+
+
+    &lt;/dl&gt;&lt;p&gt;&lt;a href=3D#concept-appcache-explicit title=3D=
concept-appcache-explicit&gt;Explicit entries&lt;/a&gt; and &lt;a href=3D=
#concept-appcache-fallback title=3Dconcept-appcache-fallback&gt;Fallback =
entries&lt;/a&gt; can be marked as &lt;dfn id=3Dconcept-appcache-foreign =
title=3Dconcept-appcache-foreign&gt;foreign&lt;/dfn&gt;, which means that=
 they have a &lt;code title=3Dattr-html-manifest&gt;&lt;a href=3D#attr-ht=
ml-manifest&gt;manifest&lt;/a&gt;&lt;/code&gt; attribute but that it does=
n't point at this cache's
+    &lt;a href=3D#concept-appcache-manifest title=3Dconcept-appcache-man=
ifest&gt;manifest&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;A URL in the list can be flagged with multiple=
 different types, and thus an
+    entry can end up being categorized as multiple entries. For example,=
 an entry can be a manifest
+    entry and an explicit entry at the same time, if the manifest is lis=
ted within the manifest.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Zero or more &lt;dfn id=3Dconcept-appcache-fallback-ns titl=
e=3Dconcept-appcache-fallback-ns&gt;fallback namespaces&lt;/dfn&gt;, each=
 of
+    which is mapped to a &lt;a href=3D#concept-appcache-fallback title=3D=
concept-appcache-fallback&gt;fallback entry&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;These are URLs used as &lt;a href=3D#concept-a=
ppcache-matches-fallback title=3Dconcept-appcache-matches-fallback&gt;pre=
fix
+    match patterns&lt;/a&gt; for resources that are to be fetched from t=
he network if possible, or to
+    be replaced by the corresponding &lt;a href=3D#concept-appcache-fall=
back title=3Dconcept-appcache-fallback&gt;fallback entry&lt;/a&gt;
+    if not. Each namespace URL has the &lt;a href=3D#same-origin&gt;same=
 origin&lt;/a&gt; as &lt;a href=3D#concept-appcache-manifest title=3Dconc=
ept-appcache-manifest&gt;the manifest&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Zero or more URLs that form the &lt;dfn id=3Dconcept-appcac=
he-onlinewhitelist title=3Dconcept-appcache-onlinewhitelist&gt;online
+    whitelist namespaces&lt;/dfn&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;These are used as prefix match patterns, and d=
eclare URLs for which the user
+    agent will ignore the application cache, instead fetching them norma=
lly (i.e. from the network
+    or local HTTP cache as appropriate).&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;An &lt;dfn id=3Dconcept-appcache-onlinewhitelist-wildcard t=
itle=3Dconcept-appcache-onlinewhitelist-wildcard&gt;online whitelist wild=
card
+    flag&lt;/dfn&gt;, which is either &lt;i title=3D&quot;&quot;&gt;open=
&lt;/i&gt; or &lt;i title=3D&quot;&quot;&gt;blocking&lt;/i&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The &lt;i title=3D&quot;&quot;&gt;open&lt;/i&g=
t; state indicates that any URL not listed as cached is to
+    be implicitly treated as being in the &lt;a href=3D#concept-appcache=
-onlinewhitelist title=3Dconcept-appcache-onlinewhitelist&gt;online
+    whitelist namespaces&lt;/a&gt;; the &lt;i title=3D&quot;&quot;&gt;bl=
ocking&lt;/i&gt; state indicates that URLs not listed
+    explicitly in the manifest are to be treated as unavailable.&lt;/p&g=
t;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;A &lt;dfn id=3Dconcept-appcache-mode title=3Dconcept-appcac=
he-mode&gt;cache mode flag&lt;/dfn&gt;, which is either in the &lt;dfn id=
=3Dconcept-appcache-mode-fast title=3Dconcept-appcache-mode-fast&gt;&lt;i=
&gt;fast&lt;/i&gt;&lt;/dfn&gt; state or the &lt;dfn id=3Dconcept-appcache=
-mode-prefer-online title=3Dconcept-appcache-mode-prefer-online&gt;&lt;i&=
gt;prefer-online&lt;/i&gt;&lt;/dfn&gt; state.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;Each &lt;a href=3D#application-cache&gt;applicatio=
n cache&lt;/a&gt; has a &lt;dfn id=3Dconcept-appcache-completeness title=3D=
concept-appcache-completeness&gt;completeness flag&lt;/dfn&gt;, which is =
either &lt;i&gt;complete&lt;/i&gt; or
+  &lt;i&gt;incomplete&lt;/i&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;An &lt;dfn id=3Dapplication-cache-group&gt;applicat=
ion cache group&lt;/dfn&gt; is a group of &lt;a href=3D#application-cache=
 title=3D&quot;application cache&quot;&gt;application
+  caches&lt;/a&gt;, identified by the &lt;a href=3D#absolute-url&gt;abso=
lute URL&lt;/a&gt; of a resource &lt;a href=3D#concept-appcache-manifest =
title=3Dconcept-appcache-manifest&gt;manifest&lt;/a&gt; which is used to =
populate the caches in the
+  group.&lt;/p&gt;
+
+  &lt;p&gt;An &lt;a href=3D#application-cache&gt;application cache&lt;/a=
&gt; is &lt;dfn id=3Dconcept-appcache-newer title=3Dconcept-appcache-newe=
r&gt;newer&lt;/dfn&gt; than
+  another if it was created after the other (in other words, &lt;a href=3D=
#application-cache title=3D&quot;application
+  cache&quot;&gt;application caches&lt;/a&gt; in an &lt;a href=3D#applic=
ation-cache-group&gt;application cache group&lt;/a&gt; have a chronologic=
al
+  order).&lt;/p&gt;
+
+  &lt;p&gt;Only the newest &lt;a href=3D#application-cache&gt;applicatio=
n cache&lt;/a&gt; in an &lt;a href=3D#application-cache-group&gt;applicat=
ion cache group&lt;/a&gt; can
+  have its &lt;a href=3D#concept-appcache-completeness title=3Dconcept-a=
ppcache-completeness&gt;completeness flag&lt;/a&gt; set to
+  &lt;i&gt;incomplete&lt;/i&gt;; the others are always all &lt;i&gt;comp=
lete&lt;/i&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;a href=3D#application-cache-group&gt;application cac=
he group&lt;/a&gt; has an &lt;dfn id=3Dconcept-appcache-status title=3Dco=
ncept-appcache-status&gt;update
+  status&lt;/dfn&gt;, which is one of the following: &lt;i&gt;idle&lt;/i=
&gt;, &lt;i&gt;checking&lt;/i&gt;, &lt;i&gt;downloading&lt;/i&gt;.&lt;/p&=
gt;
+
+  &lt;p&gt;A &lt;dfn id=3Drelevant-application-cache&gt;relevant applica=
tion cache&lt;/dfn&gt; is an &lt;a href=3D#application-cache&gt;applicati=
on cache&lt;/a&gt; that is the &lt;a href=3D#concept-appcache-newer title=
=3Dconcept-appcache-newer&gt;newest&lt;/a&gt; in its &lt;a href=3D#applic=
ation-cache-group title=3D&quot;application cache
+  group&quot;&gt;group&lt;/a&gt; to be &lt;i&gt;complete&lt;/i&gt;.&lt;/=
p&gt;
+
+  &lt;p&gt;Each &lt;a href=3D#application-cache-group&gt;application cac=
he group&lt;/a&gt; has a &lt;dfn id=3Dconcept-appcache-pending-masters ti=
tle=3Dconcept-appcache-pending-masters&gt;list of pending master entries&=
lt;/dfn&gt;. Each entry in this
+  list consists of a resource and a corresponding &lt;code&gt;&lt;a href=
=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; object. It is used during
+  the &lt;a href=3D#application-cache-download-process&gt;application ca=
che download process&lt;/a&gt; to ensure that new master entries are cach=
ed
+  even if the &lt;a href=3D#application-cache-download-process&gt;applic=
ation cache download process&lt;/a&gt; was already running for their
+  &lt;a href=3D#application-cache-group&gt;application cache group&lt;/a=
&gt; when they were loaded.&lt;/p&gt;
+
+  &lt;p&gt;An &lt;a href=3D#application-cache-group&gt;application cache=
 group&lt;/a&gt; can be marked as &lt;dfn id=3Dconcept-appcache-obsolete =
title=3Dconcept-appcache-obsolete&gt;obsolete&lt;/dfn&gt;, meaning that i=
t must be ignored when looking at
+  what &lt;a href=3D#application-cache-group title=3D&quot;application c=
ache group&quot;&gt;application cache groups&lt;/a&gt; exist.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;A &lt;dfn id=3Dcache-host&gt;cache host&lt;/dfn&gt;=
 is a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&g=
t; or a &lt;code&gt;&lt;a href=3D#sharedworkerglobalscope&gt;SharedWorker=
GlobalScope&lt;/a&gt;&lt;/code&gt;
+  object. A &lt;a href=3D#cache-host&gt;cache host&lt;/a&gt; can be asso=
ciated with an &lt;a href=3D#application-cache&gt;application cache&lt;/a=
&gt;.
+  &lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt=
;/code&gt; initially is not associated with an &lt;a href=3D#application-=
cache&gt;application cache&lt;/a&gt;, but
+  can become associated with one early during the page load process, whe=
n steps &lt;a href=3D#parser-appcache&gt;in the parser&lt;/a&gt; and in t=
he &lt;a href=3D#navigate title=3Dnavigate&gt;navigation&lt;/a&gt;
+  sections cause &lt;a href=3D#concept-appcache-init title=3Dconcept-app=
cache-init&gt;cache selection&lt;/a&gt; to occur.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#sharedworkerglobalscope&gt;Shared=
WorkerGlobalScope&lt;/a&gt;&lt;/code&gt; can be associated with an &lt;a =
href=3D#application-cache&gt;application cache&lt;/a&gt;
+  when it is created.
+  &lt;/p&gt;
+
+  &lt;p&gt;Each &lt;a href=3D#cache-host&gt;cache host&lt;/a&gt; has an =
associated &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache=
&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;Multiple &lt;a href=3D#application-cache title=3D&q=
uot;application cache&quot;&gt;application caches&lt;/a&gt; in different =
&lt;a href=3D#application-cache-group title=3D&quot;application cache gro=
up&quot;&gt;application cache groups&lt;/a&gt; can contain the same resou=
rce,
+  e.g. if the manifests all reference that resource. If the user agent i=
s to &lt;dfn id=3Dconcept-appcache-selection title=3Dconcept-appcache-sel=
ection&gt;select an application cache&lt;/dfn&gt; from a list of &lt;a hr=
ef=3D#relevant-application-cache title=3D&quot;relevant application cache=
&quot;&gt;relevant application caches&lt;/a&gt; that contain a resource, =
the
+  user agent must use the application cache that the user most likely wa=
nts to see the resource
+  from, taking into account the following:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;which application cache was most recently updated,
+
+   &lt;li&gt;which application cache was being used to display the resou=
rce from which the user decided to
+   look at the new resource, and
+
+   &lt;li&gt;which application cache the user prefers.
+
+  &lt;/ul&gt;&lt;hr&gt;&lt;p&gt;A URL &lt;dfn id=3Dconcept-appcache-matc=
hes-fallback title=3Dconcept-appcache-matches-fallback&gt;matches a fallb=
ack namespace&lt;/dfn&gt; if
+  there exists a &lt;a href=3D#relevant-application-cache&gt;relevant ap=
plication cache&lt;/a&gt; whose &lt;a href=3D#concept-appcache-manifest t=
itle=3Dconcept-appcache-manifest&gt;manifest&lt;/a&gt;'s URL has the &lt;=
a href=3D#same-origin&gt;same origin&lt;/a&gt; as the
+  URL in question, and that has a &lt;a href=3D#concept-appcache-fallbac=
k-ns title=3Dconcept-appcache-fallback-ns&gt;fallback
+  namespace&lt;/a&gt; that is a &lt;a href=3D#prefix-match&gt;prefix mat=
ch&lt;/a&gt; for the URL being examined. If multiple
+  fallback namespaces match the same URL, the longest one is the one tha=
t matches. A URL looking for
+  a fallback namespace can match more than one application cache at a ti=
me, but only matches one
+  namespace in each cache.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;If a manifest &lt;code title=3D&quot;&quot;&gt;http://exampl=
e.com/app1/manifest&lt;/code&gt; declares that &lt;code title=3D&quot;&qu=
ot;&gt;http://example.com/resources/images&lt;/code&gt; is a fallback nam=
espace, and the user
+   navigates to &lt;code title=3D&quot;&quot;&gt;HTTP://EXAMPLE.COM:80/r=
esources/images/cat.png&lt;/code&gt;, then the user
+   agent will decide that the application cache identified by &lt;code t=
itle=3D&quot;&quot;&gt;http://example.com/app1/manifest&lt;/code&gt; cont=
ains a namespace with a match for that
+   URL.&lt;/p&gt;
+
+   &lt;!-- &quot;resolve a url&quot; canonicalises the case for the sche=
me and host and removes the port if it is
+   the default --&gt;
+
+  &lt;/div&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dmanifests&gt;&lt;span class=3Dsecno&gt;6.7.3 &lt;/span&gt;=
The cache manifest syntax&lt;/h4&gt;
+
+
+  &lt;h5 id=3Dsome-sample-manifests&gt;&lt;span class=3Dsecno&gt;6.7.3.1=
 &lt;/span&gt;Some sample manifests&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This example manifest requires two images and a style sheet =
to be cached and whitelists a CGI
+   script.&lt;/p&gt;
+
+   &lt;pre&gt;CACHE MANIFEST
+# the above line is required
+
+# this is a comment
+# there can be as many of these anywhere in the file
+# they are all ignored
+  # comments can have spaces before them
+  # but must be alone on the line
+
+# blank lines are ignored too
+
+# these are files that need to be cached they can either be listed
+# first, or a &quot;CACHE:&quot; header could be put before them, as is =
done
+# lower down.
+images/sound-icon.png
+images/background.png
+# note that each file has to be put on its own line
+
+# here is a file for the online whitelist -- it isn't cached, and
+# references to this file will bypass the cache, always hitting the
+# network (or trying to, if the user is offline).
+NETWORK:
+comm.cgi
+
+# here is another set of files to cache, this time just the CSS file.
+CACHE:
+style/default.css&lt;/pre&gt;
+
+   &lt;p&gt;It could equally well be written as follows:&lt;/p&gt;
+
+   &lt;pre&gt;CACHE MANIFEST
+NETWORK:
+comm.cgi
+CACHE:
+style/default.css
+images/sound-icon.png
+images/background.png&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Offline application cache manifests can use absolute paths o=
r even absolute URLs:&lt;/p&gt;
+
+   &lt;pre&gt;CACHE MANIFEST
+
+/main/home
+/main/app.js
+/settings/home
+/settings/app.js
+http://img.example.com/logo.png
+http://img.example.com/check.png
+http://img.example.com/cross.png&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following manifest defines a catch-all error page that i=
s displayed for any page on the
+   site while the user is offline. It also specifies that the &lt;a href=
=3D#concept-appcache-onlinewhitelist-wildcard title=3Dconcept-appcache-on=
linewhitelist-wildcard&gt;online whitelist wildcard flag&lt;/a&gt; is &lt=
;i title=3D&quot;&quot;&gt;open&lt;/i&gt;, meaning that accesses to resou=
rces on other sites will not be blocked.
+   (Resources on the same site are already not blocked because of the ca=
tch-all fallback
+   namespace.)&lt;/p&gt;
+
+   &lt;p&gt;So long as all pages on the site reference this manifest, th=
ey will get cached locally as they
+   are fetched, so that subsequent hits to the same page will load the p=
age immediately from the
+   cache. Until the manifest is changed, those pages will not be fetched=
 from the server again. When
+   the manifest changes, then all the files will be redownloaded.&lt;/p&=
gt;
+
+   &lt;p&gt;Subresources, such as style sheets, images, etc, would only =
be cached using the regular HTTP
+   caching semantics, however.&lt;/p&gt;
+
+   &lt;pre&gt;CACHE MANIFEST
+FALLBACK:
+/ /offline.html
+NETWORK:
+*&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Dwriting-cache-manifests&gt;&lt;span class=3Dsecno&gt;6.7.3=
.2 &lt;/span&gt;Writing cache manifests&lt;/h5&gt;
+
+  &lt;p&gt;Manifests must be served using the &lt;code&gt;&lt;a href=3D#=
text/cache-manifest&gt;text/cache-manifest&lt;/a&gt;&lt;/code&gt; &lt;a h=
ref=3D#mime-type&gt;MIME type&lt;/a&gt;. All
+  resources served using the &lt;code&gt;&lt;a href=3D#text/cache-manife=
st&gt;text/cache-manifest&lt;/a&gt;&lt;/code&gt; &lt;a href=3D#mime-type&=
gt;MIME type&lt;/a&gt; must follow the
+  syntax of application cache manifests, as described in this section.&l=
t;/p&gt;
+
+  &lt;p&gt;An application cache manifest is a text file, whose text is e=
ncoded using UTF-8. Data in
+  application cache manifests is line-based. Newlines must be represente=
d by U+000A LINE FEED (LF)
+  characters, U+000D CARRIAGE RETURN (CR) characters, or U+000D CARRIAGE=
 RETURN (CR) U+000A LINE
+  FEED (LF) pairs. &lt;a href=3D#refsRFC3629&gt;[RFC3629]&lt;/a&gt;&lt;/=
p&gt;
+
+  &lt;p class=3Dnote&gt;This is a &lt;a href=3D#willful-violation&gt;wil=
lful violation&lt;/a&gt; of RFC 2046, which requires all &lt;code title=3D=
&quot;&quot;&gt;text/*&lt;/code&gt; types to only allow CRLF line breaks.=
 This requirement, however, is
+  outdated; the use of CR, LF, and CRLF line breaks is commonly supporte=
d and indeed sometimes CRLF
+  is &lt;em&gt;not&lt;/em&gt; supported by text editors. &lt;a href=3D#r=
efsRFC2046&gt;[RFC2046]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;The first line of an application cache manifest must consist =
of the string &quot;CACHE&quot;, a single
+  U+0020 SPACE character, the string &quot;MANIFEST&quot;, and either a =
U+0020 SPACE character, a U+0009
+  CHARACTER TABULATION (tab) character, a U+000A LINE FEED (LF) characte=
r, or a U+000D CARRIAGE
+  RETURN (CR) character. The first line may optionally be preceded by a =
U+FEFF BYTE ORDER MARK (BOM)
+  character. If any other text is found on the first line, it is ignored=
.&lt;/p&gt;
+
+  &lt;p&gt;Subsequent lines, if any, must all be one of the following:&l=
t;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;A blank line
+   &lt;dd&gt;
+    &lt;p&gt;Blank lines must consist of zero or more U+0020 SPACE and
+    U+0009 CHARACTER TABULATION (tab) characters only.&lt;/p&gt;
+
+   &lt;dt&gt;A comment
+   &lt;dd&gt;
+    &lt;p&gt;Comment lines must consist of zero or more U+0020 SPACE and=
 U+0009 CHARACTER TABULATION (tab)
+    characters, followed by a single U+0023 NUMBER SIGN character (#), f=
ollowed by zero or more
+    characters other than U+000A LINE FEED (LF) and U+000D CARRIAGE RETU=
RN (CR) characters.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;Comments must be on a line on their own. If th=
ey were to be included on a line
+    with a URL, the &quot;#&quot; would be mistaken for part of a fragme=
nt identifier.&lt;/p&gt;
+
+   &lt;dt&gt;A section header
+   &lt;dd&gt;
+
+    &lt;p&gt;Section headers change the current section. There are four =
possible section headers:
+
+    &lt;dl&gt;&lt;dt&gt;&lt;code&gt;CACHE:&lt;/code&gt;
+     &lt;dd&gt;Switches to the &lt;dfn id=3Dconcept-appcache-manifest-ex=
plicit title=3Dconcept-appcache-manifest-explicit&gt;explicit section&lt;=
/dfn&gt;.
+
+     &lt;dt&gt;&lt;code&gt;FALLBACK:&lt;/code&gt;
+     &lt;dd&gt;Switches to the &lt;dfn id=3Dconcept-appcache-manifest-fa=
llback title=3Dconcept-appcache-manifest-fallback&gt;fallback section&lt;=
/dfn&gt;.
+
+     &lt;dt&gt;&lt;code&gt;NETWORK:&lt;/code&gt;
+     &lt;dd&gt;Switches to the &lt;dfn id=3Dconcept-appcache-manifest-ne=
twork title=3Dconcept-appcache-manifest-network&gt;online whitelist secti=
on&lt;/dfn&gt;.
+
+     &lt;dt&gt;&lt;code&gt;SETTINGS:&lt;/code&gt;
+     &lt;dd&gt;Switches to the &lt;dfn id=3Dconcept-appcache-manifest-se=
ttings title=3Dconcept-appcache-manifest-settings&gt;settings section&lt;=
/dfn&gt;.
+
+    &lt;/dl&gt;&lt;p&gt;Section header lines must consist of zero or mor=
e U+0020 SPACE and U+0009 CHARACTER
+    TABULATION (tab) characters, followed by one of the names above (inc=
luding the U+003A COLON
+    character (:)) followed by zero or more U+0020 SPACE and U+0009 CHAR=
ACTER TABULATION (tab)
+    characters.&lt;/p&gt;
+
+    &lt;p&gt;Ironically, by default, the current section is the &lt;a hr=
ef=3D#concept-appcache-manifest-explicit title=3Dconcept-appcache-manifes=
t-explicit&gt;explicit section&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;dt&gt;Data for the current section
+   &lt;dd&gt;
+
+    &lt;p&gt;The format that data lines must take depends on the current=
 section.&lt;/p&gt;
+
+    &lt;p&gt;When the current section is the &lt;a href=3D#concept-appca=
che-manifest-explicit title=3Dconcept-appcache-manifest-explicit&gt;expli=
cit
+    section&lt;/a&gt;, data lines must consist of zero or more U+0020 SP=
ACE and U+0009 CHARACTER
+    TABULATION (tab) characters, a &lt;a href=3D#valid-url&gt;valid URL&=
lt;/a&gt; identifying a resource other than the
+    manifest itself, and then zero or more U+0020 SPACE and U+0009 CHARA=
CTER TABULATION (tab)
+    characters.&lt;/p&gt;
+
+    &lt;p&gt;When the current section is the &lt;a href=3D#concept-appca=
che-manifest-fallback title=3Dconcept-appcache-manifest-fallback&gt;fallb=
ack
+    section&lt;/a&gt;, data lines must consist of zero or more U+0020 SP=
ACE and U+0009 CHARACTER
+    TABULATION (tab) characters, a &lt;a href=3D#valid-url&gt;valid URL&=
lt;/a&gt; identifying a resource other than the
+    manifest itself, one or more U+0020 SPACE and U+0009 CHARACTER TABUL=
ATION (tab) characters,
+    another &lt;a href=3D#valid-url&gt;valid URL&lt;/a&gt; identifying a=
 resource other than the manifest itself, and then
+    zero or more U+0020 SPACE and U+0009 CHARACTER TABULATION (tab) char=
acters.&lt;/p&gt;
+
+    &lt;p&gt;When the current section is the &lt;a href=3D#concept-appca=
che-manifest-network title=3Dconcept-appcache-manifest-network&gt;online
+    whitelist section&lt;/a&gt;, data lines must consist of zero or more=
 U+0020 SPACE and U+0009
+    CHARACTER TABULATION (tab) characters, either a single U+002A ASTERI=
SK character (*) &lt;!--
+    concept-appcache-onlinewhitelist-wildcard --&gt; or a &lt;a href=3D#=
valid-url&gt;valid URL&lt;/a&gt; identifying a resource
+    other than the manifest itself, and then zero or more U+0020 SPACE a=
nd U+0009 CHARACTER
+    TABULATION (tab) characters.&lt;/p&gt;
+
+    &lt;p&gt;When the current section is the &lt;a href=3D#concept-appca=
che-manifest-settings title=3Dconcept-appcache-manifest-settings&gt;setti=
ngs
+    section&lt;/a&gt;, data lines must consist of zero or more U+0020 SP=
ACE and U+0009 CHARACTER
+    TABULATION (tab) characters, a &lt;a href=3D#concept-appcache-manife=
st-setting title=3Dconcept-appcache-manifest-setting&gt;setting&lt;/a&gt;=
,
+    and then zero or more U+0020 SPACE and U+0009 CHARACTER TABULATION (=
tab) characters.&lt;/p&gt;
+
+    &lt;p&gt;Currently only one &lt;dfn id=3Dconcept-appcache-manifest-s=
etting title=3Dconcept-appcache-manifest-setting&gt;setting&lt;/dfn&gt; i=
s
+    defined:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;The cache mode setting&lt;/dt&gt;
+
+     &lt;dd&gt;This consists of the string &quot;&lt;code title=3D&quot;=
&quot;&gt;prefer-online&lt;/code&gt;&quot;. It sets the &lt;a href=3D#con=
cept-appcache-mode title=3Dconcept-appcache-mode&gt;cache mode&lt;/a&gt; =
to &lt;a href=3D#concept-appcache-mode-prefer-online title=3Dconcept-appc=
ache-mode-prefer-online&gt;prefer-online&lt;/a&gt;. (The &lt;a href=3D#co=
ncept-appcache-mode title=3Dconcept-appcache-mode&gt;cache mode&lt;/a&gt;=
 defaults to &lt;a href=3D#concept-appcache-mode-fast title=3Dconcept-app=
cache-mode-fast&gt;fast&lt;/a&gt;.)&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;p&gt;Within a &lt;a href=3D#concept-appcache-manifest=
-settings title=3Dconcept-appcache-manifest-settings&gt;settings section&=
lt;/a&gt;, each &lt;a href=3D#concept-appcache-manifest-setting title=3Dc=
oncept-appcache-manifest-setting&gt;setting&lt;/a&gt; must occur no more =
than once.&lt;/p&gt;
+
+&lt;!--
+    &lt;p class=3D&quot;note&quot;&gt;The URLs in data lines can't be em=
pty strings, since those would be relative
+    URLs to the manifest itself. Such lines would be confused with blank=
 or invalid lines,
+    anyway.&lt;/p&gt;
+--&gt;
+
+  &lt;/dl&gt;&lt;p&gt;Manifests may contain sections more than once. Sec=
tions may be empty.&lt;/p&gt;
+
+  &lt;p&gt;URLs that are to be fallback pages associated with &lt;a href=
=3D#concept-appcache-fallback-ns title=3Dconcept-appcache-fallback-ns&gt;=
fallback namespaces&lt;/a&gt;, and those namespaces themselves,
+  must be given in &lt;a href=3D#concept-appcache-manifest-fallback titl=
e=3Dconcept-appcache-manifest-fallback&gt;fallback sections&lt;/a&gt;, wi=
th
+  the namespace being the first URL of the data line, and the correspond=
ing fallback page being the
+  second URL. All the other pages to be cached must be listed in &lt;a h=
ref=3D#concept-appcache-manifest-explicit title=3Dconcept-appcache-manife=
st-explicit&gt;explicit sections&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;a href=3D#concept-appcache-fallback-ns title=3Dconcept-ap=
pcache-fallback-ns&gt;Fallback namespaces&lt;/a&gt; and &lt;a href=3D#con=
cept-appcache-fallback title=3Dconcept-appcache-fallback&gt;fallback entr=
ies&lt;/a&gt; must have the &lt;a href=3D#same-origin&gt;same origin&lt;/=
a&gt;
+  as the manifest itself.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;a href=3D#concept-appcache-fallback-ns title=3Dconcept-=
appcache-fallback-ns&gt;fallback namespace&lt;/a&gt; must not be listed m=
ore
+  than once.&lt;/p&gt;
+
+  &lt;p&gt;Namespaces that the user agent is to put into the &lt;a href=3D=
#concept-appcache-onlinewhitelist title=3Dconcept-appcache-onlinewhitelis=
t&gt;online whitelist&lt;/a&gt; must all be specified in &lt;a href=3D#co=
ncept-appcache-manifest-network title=3Dconcept-appcache-manifest-network=
&gt;online whitelist sections&lt;/a&gt;. (This is needed for
+  any URL that the page is intending to use to communicate back to the s=
erver.) To specify that all
+  URLs are automatically whitelisted in this way, a U+002A ASTERISK char=
acter (*) may be specified
+  as one of the URLs. &lt;!-- concept-appcache-onlinewhitelist-wildcard =
--&gt;&lt;/p&gt;
+
+  &lt;p&gt;Authors should not include namespaces in the &lt;a href=3D#co=
ncept-appcache-onlinewhitelist title=3Dconcept-appcache-onlinewhitelist&g=
t;online whitelist&lt;/a&gt; for which another namespace in
+  the &lt;a href=3D#concept-appcache-onlinewhitelist title=3Dconcept-app=
cache-onlinewhitelist&gt;online whitelist&lt;/a&gt; is a &lt;a href=3D#pr=
efix-match&gt;prefix
+  match&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;a href=3D#relative-url title=3D&quot;relative URL&quot;&g=
t;Relative URLs&lt;/a&gt; must be given relative to the manifest's own
+  URL. All URLs in the manifest must have the same &lt;a href=3D#concept=
-url-scheme title=3Dconcept-url-scheme&gt;scheme&lt;/a&gt; as
+  the manifest itself (either explicitly or implicitly, through the use =
of &lt;a href=3D#relative-url title=3D&quot;relative
+  URL&quot;&gt;relative URLs&lt;/a&gt;). &lt;a href=3D#refsURL&gt;[URL]&=
lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;URLs in manifests must not have fragment identifiers (i.e. th=
e U+0023 NUMBER SIGN character
+  isn't allowed in URLs in manifests).&lt;/p&gt;
+
+  &lt;p&gt;&lt;a href=3D#concept-appcache-fallback-ns title=3Dconcept-ap=
pcache-fallback-ns&gt;Fallback namespaces&lt;/a&gt; and namespaces in the
+  &lt;a href=3D#concept-appcache-onlinewhitelist title=3Dconcept-appcach=
e-onlinewhitelist&gt;online whitelist&lt;/a&gt; are matched by &lt;a href=
=3D#prefix-match&gt;prefix
+  match&lt;/a&gt;.&lt;/p&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dparsing-cache-manifests&gt;&lt;span class=3Dsecno&gt;6.7.3=
.3 &lt;/span&gt;Parsing cache manifests&lt;/h5&gt;
+
+  &lt;p&gt;When a user agent is to &lt;dfn id=3Dparse-a-manifest&gt;pars=
e a manifest&lt;/dfn&gt;, it means that the user agent must run the
+  following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#utf-8-decode&gt;UTF-8 decode&lt;/a&gt; the by=
te stream corresponding with the manifest to be parsed.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The &lt;a href=3D#utf-8-decode&gt;UTF-8 decode=
&lt;/a&gt; algorithm strips a leading BOM, if any.&lt;/p&gt;
+
+    &lt;!--All U+0000 NULL characters must be replaced by U+FFFD REPLACE=
MENT CHARACTERs. (this isn't
+    black-box testable since neither U+0000 nor U+FFFD are valid anywher=
e in the syntax and thus
+    both will be treated the same anyway)--&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;base URL&lt;/v=
ar&gt; be the &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt; repres=
enting the
+   manifest.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Apply the &lt;a href=3D#url-parser&gt;URL parser&l=
t;/a&gt; steps to the &lt;var title=3D&quot;&quot;&gt;base URL&lt;/var&gt=
;, so that the
+   components from its &lt;a href=3D#parsed-url&gt;parsed URL&lt;/a&gt; =
can be used by the subseqent steps of this
+   algorithm.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;explicit URLs&=
lt;/var&gt; be an initially empty list of &lt;a href=3D#absolute-url titl=
e=3D&quot;absolute
+   URL&quot;&gt;absolute URLs&lt;/a&gt; for &lt;a href=3D#concept-appcac=
he-explicit title=3Dconcept-appcache-explicit&gt;explicit
+   entries&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;fallback URLs&=
lt;/var&gt; be an initially empty mapping of &lt;a href=3D#concept-appcac=
he-fallback-ns title=3Dconcept-appcache-fallback-ns&gt;fallback namespace=
s&lt;/a&gt; to &lt;a href=3D#absolute-url title=3D&quot;absolute
+   URL&quot;&gt;absolute URLs&lt;/a&gt; for &lt;a href=3D#concept-appcac=
he-fallback title=3Dconcept-appcache-fallback&gt;fallback
+   entries&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;online whiteli=
st namespaces&lt;/var&gt; be an initially empty list of &lt;a href=3D#abs=
olute-url title=3D&quot;absolute URL&quot;&gt;absolute URLs&lt;/a&gt; for=
 an &lt;a href=3D#concept-appcache-onlinewhitelist title=3Dconcept-appcac=
he-onlinewhitelist&gt;online whitelist&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;online whiteli=
st wildcard flag&lt;/var&gt; be &lt;i title=3D&quot;&quot;&gt;blocking&lt=
;/i&gt;. &lt;!--
+   concept-appcache-onlinewhitelist-wildcard --&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;cache mode fla=
g&lt;/var&gt; be &lt;i title=3D&quot;&quot;&gt;fast&lt;/i&gt;. &lt;!--
+   concept-appcache-mode-fast --&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;input&lt;/var&=
gt; be the decoded text of the manifest's byte stream.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;position&lt;/v=
ar&gt; be a pointer into &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt=
;, initially
+   pointing at the first character.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the characters starting from &lt;var title=3D&q=
uot;&quot;&gt;position&lt;/var&gt; are &quot;CACHE&quot;, followed by a
+   U+0020 SPACE character, followed by &quot;MANIFEST&quot;, then advanc=
e &lt;var title=3D&quot;&quot;&gt;position&lt;/var&gt; to the
+   next character after those. Otherwise, this isn't a cache manifest; a=
bort this algorithm with a
+   failure while checking for the magic signature.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the character at &lt;var title=3D&quot;&quot;&g=
t;position&lt;/var&gt; is neither a U+0020 SPACE character, a
+   U+0009 CHARACTER TABULATION (tab) character, U+000A LINE FEED (LF) ch=
aracter, nor a U+000D
+   CARRIAGE RETURN (CR) character, then this isn't a cache manifest; abo=
rt this algorithm with a
+   failure while checking for the magic signature.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;This is a cache manifest. The algorithm cannot fai=
l beyond
+   this point (though bogus lines can get ignored).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#collect-a-sequence-of-characters&gt;=
Collect a sequence of characters&lt;/a&gt; that are &lt;em&gt;not&lt;/em&=
gt; U+000A LINE FEED (LF)
+   or U+000D CARRIAGE RETURN (CR) characters, and ignore those character=
s. (Extra text on the first
+   line, after the signature, is ignored.)&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;mode&lt;/var&g=
t; be &quot;explicit&quot;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Start of line&lt;/i&gt;: If &lt;var title=
=3D&quot;&quot;&gt;position&lt;/var&gt; is past the end of &lt;var title=3D=
&quot;&quot;&gt;input&lt;/var&gt;, then jump to the last step. Otherwise,=
 &lt;a href=3D#collect-a-sequence-of-characters&gt;collect a sequence of
+   characters&lt;/a&gt; that are U+000A LINE FEED (LF), U+000D CARRIAGE =
RETURN (CR), U+0020 SPACE, or
+   U+0009 CHARACTER TABULATION (tab) characters.&lt;/li&gt;
+   &lt;!-- strips leading spaces, ignores space-only lines, ignores blan=
k lines --&gt;
+
+   &lt;li&gt;&lt;p&gt;Now, &lt;a href=3D#collect-a-sequence-of-character=
s&gt;collect a sequence of characters&lt;/a&gt; that are &lt;em&gt;not&lt=
;/em&gt; U+000A LINE FEED
+   (LF) or U+000D CARRIAGE RETURN (CR) characters, and let the result be=
 &lt;var title=3D&quot;&quot;&gt;line&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Drop any trailing U+0020 SPACE and U+0009 CHARACTE=
R TABULATION (tab) characters at the end
+   of &lt;var title=3D&quot;&quot;&gt;line&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;line&lt;/var&gt=
; is the empty string, then jump back to the step labeled &lt;i&gt;start
+   of line&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the first character in &lt;var title=3D&quot;&q=
uot;&gt;line&lt;/var&gt; is a U+0023 NUMBER SIGN character (#),
+   then jump back to the step labeled &lt;i&gt;start of line&lt;/i&gt;.&=
lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;line&lt;/var&gt=
; equals &quot;CACHE:&quot; (the word &quot;CACHE&quot; followed by a U+0=
03A COLON
+   character (:)), then set &lt;var title=3D&quot;&quot;&gt;mode&lt;/var=
&gt; to &quot;explicit&quot; and jump back to the step labeled
+   &lt;i&gt;start of line&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;line&lt;/var&gt=
; equals &quot;FALLBACK:&quot; (the word &quot;FALLBACK&quot; followed by=
 a U+003A
+   COLON character (:)), then set &lt;var title=3D&quot;&quot;&gt;mode&l=
t;/var&gt; to &quot;fallback&quot; and jump back to the step
+   labeled &lt;i&gt;start of line&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;line&lt;/var&gt=
; equals &quot;NETWORK:&quot; (the word &quot;NETWORK&quot; followed by a=
 U+003A
+   COLON character (:)), then set &lt;var title=3D&quot;&quot;&gt;mode&l=
t;/var&gt; to &quot;online whitelist&quot; and jump back to
+   the step labeled &lt;i&gt;start of line&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;line&lt;/var&gt=
; equals &quot;SETTINGS:&quot; (the word &quot;SETTINGS&quot; followed by=
 a U+003A
+   COLON character (:)), then set &lt;var title=3D&quot;&quot;&gt;mode&l=
t;/var&gt; to &quot;settings&quot; and jump back to the step
+   labeled &lt;i&gt;start of line&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;line&lt;/var&gt=
; ends with a U+003A COLON character (:), then set &lt;var title=3D&quot;=
&quot;&gt;mode&lt;/var&gt; to &quot;unknown&quot; and jump back to the st=
ep labeled &lt;i&gt;start of line&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;This is either a data line or it is syntactically =
incorrect.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;position&lt;/v=
ar&gt; be a pointer into &lt;var title=3D&quot;&quot;&gt;line&lt;/var&gt;=
, initially
+   pointing at the start of the string.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var=
&gt; be a list of strings, initially empty.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;While &lt;var title=3D&quot;&quot;&gt;position&lt;/var&gt; =
doesn't point past the end of &lt;var title=3D&quot;&quot;&gt;line&lt;/va=
r&gt;:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;cur=
rent token&lt;/var&gt; be an empty string.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;While &lt;var title=3D&quot;&quot;&gt;position&l=
t;/var&gt; doesn't point past the end of &lt;var title=3D&quot;&quot;&gt;=
line&lt;/var&gt; and the character at &lt;var title=3D&quot;&quot;&gt;pos=
ition&lt;/var&gt; is neither a U+0020 SPACE
+     nor a U+0009 CHARACTER TABULATION (tab) character, add the characte=
r at &lt;var title=3D&quot;&quot;&gt;position&lt;/var&gt; to &lt;var titl=
e=3D&quot;&quot;&gt;current token&lt;/var&gt; and advance &lt;var title=3D=
&quot;&quot;&gt;position&lt;/var&gt; to the next character in &lt;var tit=
le=3D&quot;&quot;&gt;input&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Add &lt;var title=3D&quot;&quot;&gt;current toke=
n&lt;/var&gt; to the &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var&gt; l=
ist.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;While &lt;var title=3D&quot;&quot;&gt;position&l=
t;/var&gt; doesn't point past the end of &lt;var title=3D&quot;&quot;&gt;=
line&lt;/var&gt; and the character at &lt;var title=3D&quot;&quot;&gt;pos=
ition&lt;/var&gt; is either a U+0020 SPACE
+     or a U+0009 CHARACTER TABULATION (tab) character, advance &lt;var t=
itle=3D&quot;&quot;&gt;position&lt;/var&gt; to the
+     next character in &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt;=
.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Process &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var&gt; =
as follows:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quot;&g=
t;mode&lt;/var&gt; is &quot;explicit&quot;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;&lt;a href=3D#resolve-a-url title=3D&quot;resolve a url&q=
uot;&gt;Resolve&lt;/a&gt; the first item in &lt;var title=3D&quot;&quot;&=
gt;tokens&lt;/var&gt;,
+      relative to &lt;var title=3D&quot;&quot;&gt;base URL&lt;/var&gt;; =
ignore the rest.&lt;/p&gt;
+
+      &lt;p&gt;If this fails, then jump back to the step labeled &lt;i&g=
t;start of line&lt;/i&gt;.&lt;/p&gt;
+
+      &lt;p&gt;If the resulting &lt;a href=3D#parsed-url&gt;parsed URL&l=
t;/a&gt; has a different &lt;a href=3D#concept-url-scheme title=3Dconcept=
-url-scheme&gt;scheme&lt;/a&gt; component than &lt;var title=3D&quot;&quo=
t;&gt;base URL&lt;/var&gt; (the
+      manifest's URL), then jump back to the step labeled &lt;i&gt;start=
 of line&lt;/i&gt;.&lt;/p&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;new URL&lt;/var&gt; b=
e the result of applying the &lt;a href=3D#concept-url-serializer title=3D=
concept-url-serializer&gt;URL serializer&lt;/a&gt; algorithm to the resul=
ting &lt;a href=3D#parsed-url&gt;parsed
+      URL&lt;/a&gt;, with the &lt;i&gt;exclude fragment flag&lt;/i&gt; s=
et.&lt;/p&gt;
+
+      &lt;p&gt;Add &lt;var title=3D&quot;&quot;&gt;new URL&lt;/var&gt; t=
o the &lt;var title=3D&quot;&quot;&gt;explicit URLs&lt;/var&gt;.&lt;/p&gt=
;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;mode&lt;/var&gt; is &q=
uot;fallback&quot;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;part one&lt;/var&gt; =
be the first token in &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var&gt;,=
 and let
+      &lt;var title=3D&quot;&quot;&gt;part two&lt;/var&gt; be the second=
 token in &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var&gt;.&lt;/p&gt;
+
+      &lt;p&gt;&lt;a href=3D#resolve-a-url title=3D&quot;resolve a url&q=
uot;&gt;Resolve&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;part one&lt;/va=
r&gt; and &lt;var title=3D&quot;&quot;&gt;part two&lt;/var&gt;, relative =
to &lt;var title=3D&quot;&quot;&gt;base URL&lt;/var&gt;.&lt;/p&gt;
+
+      &lt;p&gt;If either fails, then jump back to the step labeled &lt;i=
&gt;start of line&lt;/i&gt;.&lt;/p&gt;
+
+      &lt;p&gt;If the &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&g=
t; corresponding to either &lt;var title=3D&quot;&quot;&gt;part one&lt;/v=
ar&gt; or
+      &lt;var title=3D&quot;&quot;&gt;part two&lt;/var&gt; does not have=
 the &lt;a href=3D#same-origin&gt;same origin&lt;/a&gt; as the manifest's=
 URL,
+      then jump back to the step labeled &lt;i&gt;start of line&lt;/i&gt=
;.&lt;/p&gt; &lt;!-- SECURITY --&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;part one&lt;/var&gt; =
be the result of applying the &lt;a href=3D#concept-url-serializer title=3D=
concept-url-serializer&gt;URL serializer&lt;/a&gt; algorithm to the first=
 resulting
+      &lt;a href=3D#parsed-url&gt;parsed URL&lt;/a&gt;, with the &lt;i&g=
t;exclude fragment flag&lt;/i&gt; set.&lt;/p&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;part two&lt;/var&gt; =
be the result of applying the &lt;a href=3D#concept-url-serializer title=3D=
concept-url-serializer&gt;URL serializer&lt;/a&gt; algorithm to the secon=
d resulting
+      &lt;a href=3D#parsed-url&gt;parsed URL&lt;/a&gt;, with the &lt;i&g=
t;exclude fragment flag&lt;/i&gt; set.&lt;/p&gt;
+
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;part one&lt;/var&gt; i=
s already in the &lt;var title=3D&quot;&quot;&gt;fallback URLs&lt;/var&gt=
; mapping
+      as a &lt;a href=3D#concept-appcache-fallback-ns title=3Dconcept-ap=
pcache-fallback-ns&gt;fallback namespace&lt;/a&gt;, then jump back to
+      the step labeled &lt;i&gt;start of line&lt;/i&gt;.&lt;/p&gt;
+
+      &lt;p&gt;Otherwise, add &lt;var title=3D&quot;&quot;&gt;part one&l=
t;/var&gt; to the &lt;var title=3D&quot;&quot;&gt;fallback URLs&lt;/var&g=
t;
+      mapping as a &lt;a href=3D#concept-appcache-fallback-ns title=3Dco=
ncept-appcache-fallback-ns&gt;fallback namespace&lt;/a&gt;, mapped to
+      &lt;var title=3D&quot;&quot;&gt;part two&lt;/var&gt; as the &lt;a =
href=3D#concept-appcache-fallback title=3Dconcept-appcache-fallback&gt;fa=
llback
+      entry&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;mode&lt;/var&gt; is &q=
uot;online whitelist&quot;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;If the first item in &lt;var title=3D&quot;&quot;&gt;toke=
ns&lt;/var&gt; is a U+002A ASTERISK character (*), then
+      set &lt;var title=3D&quot;&quot;&gt;online whitelist wildcard flag=
&lt;/var&gt; to &lt;i title=3D&quot;&quot;&gt;open&lt;/i&gt; and jump bac=
k
+      to the step labeled &lt;i&gt;start of line&lt;/i&gt;.&lt;/p&gt;
+
+      &lt;p&gt;Otherwise, &lt;a href=3D#resolve-a-url title=3D&quot;reso=
lve a url&quot;&gt;resolve&lt;/a&gt; the first item in &lt;var title=3D&q=
uot;&quot;&gt;tokens&lt;/var&gt;, relative to &lt;var title=3D&quot;&quot=
;&gt;base URL&lt;/var&gt;; ignore the rest.&lt;/p&gt;
+
+      &lt;p&gt;If this fails, then jump back to the step labeled &lt;i&g=
t;start of line&lt;/i&gt;.&lt;/p&gt;
+
+      &lt;p&gt;If the resulting &lt;a href=3D#parsed-url&gt;parsed URL&l=
t;/a&gt; has a different &lt;a href=3D#concept-url-scheme title=3Dconcept=
-url-scheme&gt;scheme&lt;/a&gt; component than &lt;var title=3D&quot;&quo=
t;&gt;base URL&lt;/var&gt; (the
+      manifest's URL), then jump back to the step labeled &lt;i&gt;start=
 of line&lt;/i&gt;.&lt;/p&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;new URL&lt;/var&gt; b=
e the result of applying the &lt;a href=3D#concept-url-serializer title=3D=
concept-url-serializer&gt;URL serializer&lt;/a&gt; algorithm to the resul=
ting &lt;a href=3D#parsed-url&gt;parsed
+      URL&lt;/a&gt;, with the &lt;i&gt;exclude fragment flag&lt;/i&gt; s=
et.&lt;/p&gt;
+
+      &lt;p&gt;Add &lt;var title=3D&quot;&quot;&gt;new URL&lt;/var&gt; t=
o the &lt;var title=3D&quot;&quot;&gt;online whitelist namespaces&lt;/var=
&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;mode&lt;/var&gt; is &q=
uot;settings&quot;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;tokens&lt;/var&gt; con=
tains a single token, and that token is a
+      &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt; match for=
 the string &quot;&lt;code title=3D&quot;&quot;&gt;prefer-online&lt;/code=
&gt;&quot;, then
+      set &lt;var title=3D&quot;&quot;&gt;cache mode flag&lt;/var&gt; to=
 &lt;i title=3D&quot;&quot;&gt;prefer-online&lt;/i&gt; and jump back to t=
he
+      step labeled &lt;i&gt;start of line&lt;/i&gt;.&lt;/p&gt;
+
+      &lt;p&gt;Otherwise, the line is an unsupported setting: do nothing=
; the line is ignored.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;mode&lt;/var&gt; is &q=
uot;unknown&quot;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Do nothing. The line is ignored.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Jump back to the step labeled &lt;i&gt;start of li=
ne&lt;/i&gt;. (That step jumps to the next, and last,
+   step when the end of the file is reached.)&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the &lt;var title=3D&quot;&quot;&gt;explici=
t URLs&lt;/var&gt; list, the &lt;var title=3D&quot;&quot;&gt;fallback URL=
s&lt;/var&gt;
+   mapping, the &lt;var title=3D&quot;&quot;&gt;online whitelist namespa=
ces&lt;/var&gt;, the &lt;var title=3D&quot;&quot;&gt;online whitelist
+   wildcard flag&lt;/var&gt;, and the &lt;var title=3D&quot;&quot;&gt;ca=
che mode flag&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;div class=3Dnote&gt;
+
+   &lt;p&gt;The resource that declares the manifest (with the &lt;code t=
itle=3Dattr-html-manifest&gt;&lt;a href=3D#attr-html-manifest&gt;manifest=
&lt;/a&gt;&lt;/code&gt; attribute) will always get taken from the cache,
+   whether it is listed in the cache or not, even if it is listed in an =
&lt;a href=3D#concept-appcache-onlinewhitelist title=3Dconcept-appcache-o=
nlinewhitelist&gt;online whitelist namespace&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;If a resource is listed in the &lt;a href=3D#concept-appcach=
e-manifest-explicit title=3Dconcept-appcache-manifest-explicit&gt;explici=
t
+   section&lt;/a&gt; or as a &lt;a href=3D#concept-appcache-fallback tit=
le=3Dconcept-appcache-fallback&gt;fallback entry&lt;/a&gt; in the &lt;a h=
ref=3D#concept-appcache-manifest-fallback title=3Dconcept-appcache-manife=
st-fallback&gt;fallback section&lt;/a&gt;, the resource will always be
+   taken from the cache, regardless of any other matching entries in the=
 &lt;a href=3D#concept-appcache-fallback-ns title=3Dconcept-appcache-fall=
back-ns&gt;fallback namespaces&lt;/a&gt; or &lt;a href=3D#concept-appcach=
e-onlinewhitelist title=3Dconcept-appcache-onlinewhitelist&gt;online whit=
elist namespaces&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;When a &lt;a href=3D#concept-appcache-fallback-ns title=3Dco=
ncept-appcache-fallback-ns&gt;fallback namespace&lt;/a&gt; and an &lt;a h=
ref=3D#concept-appcache-onlinewhitelist title=3Dconcept-appcache-onlinewh=
itelist&gt;online whitelist namespace&lt;/a&gt; overlap, the &lt;a href=3D=
#concept-appcache-onlinewhitelist title=3Dconcept-appcache-onlinewhitelis=
t&gt;online whitelist namespace&lt;/a&gt; has priority.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;a href=3D#concept-appcache-onlinewhitelist-wildcard =
title=3Dconcept-appcache-onlinewhitelist-wildcard&gt;online whitelist wil=
dcard
+   flag&lt;/a&gt; is applied last, only for URLs that match neither the =
&lt;a href=3D#concept-appcache-onlinewhitelist title=3Dconcept-appcache-o=
nlinewhitelist&gt;online whitelist namespace&lt;/a&gt; nor the &lt;a href=
=3D#concept-appcache-fallback-ns title=3Dconcept-appcache-fallback-ns&gt;=
fallback namespace&lt;/a&gt; and that are not listed in the
+   &lt;a href=3D#concept-appcache-manifest-explicit title=3Dconcept-appc=
ache-manifest-explicit&gt;explicit section&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Ddownloading-or-updating-an-application-cache&gt;&lt;span c=
lass=3Dsecno&gt;6.7.4 &lt;/span&gt;Downloading or updating an application=
 cache&lt;/h4&gt;
+
+  &lt;p&gt;When the user agent is required (by other parts of this speci=
fication) to start the
+  &lt;dfn id=3Dapplication-cache-download-process&gt;application cache d=
ownload process&lt;/dfn&gt; for an &lt;a href=3D#absolute-url&gt;absolute=
 URL&lt;/a&gt; purported to
+  identify a &lt;a href=3D#concept-appcache-manifest title=3Dconcept-app=
cache-manifest&gt;manifest&lt;/a&gt;, or for an &lt;a href=3D#application=
-cache-group&gt;application
+  cache group&lt;/a&gt;, potentially given a particular &lt;a href=3D#ca=
che-host&gt;cache host&lt;/a&gt;, and potentially given
+  a &lt;a href=3D#concept-appcache-master title=3Dconcept-appcache-maste=
r&gt;master&lt;/a&gt; resource, the user agent must run the steps
+  below. These steps are always run asynchronously, in parallel with the=
 &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt;
+  &lt;a href=3D#concept-task title=3Dconcept-task&gt;tasks&lt;/a&gt;.&lt=
;/p&gt;
+
+  &lt;p&gt;Some of these steps have requirements that only apply if the =
user agent &lt;dfn id=3Dshows-caching-progress&gt;shows caching
+  progress&lt;/dfn&gt;. Support for this is optional. Caching progress U=
I could consist of a progress bar
+  or message panel in the user agent's interface, or an overlay, or some=
thing else. Certain events
+  fired during the &lt;a href=3D#application-cache-download-process&gt;a=
pplication cache download process&lt;/a&gt; allow the script to override =
the
+  display of such an interface. (Such events are delayed until after the=
 &lt;code title=3Devent-load&gt;load&lt;/code&gt; event has fired.)
+
+  The goal of this is to allow Web applications to provide more
+  seamless update mechanisms, hiding from the user the mechanics of the =
application cache mechanism.
+  User agents may display user interfaces independent of this, but are e=
ncouraged to not show
+  prominent update progress notifications for applications that cancel t=
he relevant events.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#application-cache-download-process&gt;appli=
cation cache download process&lt;/a&gt; steps are as follows:
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Optionally, wait until the permission to =
start the &lt;a href=3D#application-cache-download-process&gt;application=
 cache download
+   process&lt;/a&gt; has been obtained from the user and until the user =
agent is confident that the
+   network is available. This could include doing nothing until the user=
 explicitly opts-in to
+   caching the site, or could involve prompting the user for permission.=
 The algorithm might never
+   get past this point. (This step is particularly intended to be used b=
y user agents running on
+   severely space-constrained devices or in highly privacy-sensitive env=
ironments).&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Atomically, so as to avoid race conditions, perform the fol=
lowing substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;Pick the appropriate substeps:&lt;/p&gt;
+
+      &lt;dl class=3Dswitch&gt;&lt;dt&gt;If these steps were invoked wit=
h an &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt; purported to id=
entify a
+       &lt;a href=3D#concept-appcache-manifest title=3Dconcept-appcache-=
manifest&gt;manifest&lt;/a&gt;&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;manifest URL&lt;/va=
r&gt; be that &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt;.&lt;/p=
&gt;
+
+        &lt;p&gt;If there is no &lt;a href=3D#application-cache-group&gt=
;application cache group&lt;/a&gt; identified by &lt;var title=3D&quot;&q=
uot;&gt;manifest
+        URL&lt;/var&gt;, then create a new &lt;a href=3D#application-cac=
he-group&gt;application cache group&lt;/a&gt; identified by &lt;var title=
=3D&quot;&quot;&gt;manifest URL&lt;/var&gt;. Initially, it has no &lt;a h=
ref=3D#application-cache title=3D&quot;application
+        cache&quot;&gt;application caches&lt;/a&gt;. One will be created=
 later in this algorithm.&lt;/p&gt;
+
+       &lt;/dd&gt;
+
+
+       &lt;dt&gt;If these steps were invoked with an &lt;a href=3D#appli=
cation-cache-group&gt;application cache group&lt;/a&gt;&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;manifest URL&lt;/va=
r&gt; be the &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt; of the =
&lt;a href=3D#concept-appcache-manifest title=3Dconcept-appcache-manifest=
&gt;manifest&lt;/a&gt; used to identify the &lt;a href=3D#application-cac=
he-group&gt;application
+        cache group&lt;/a&gt; to be updated.&lt;/p&gt;
+
+        &lt;p&gt;If that &lt;a href=3D#application-cache-group&gt;applic=
ation cache group&lt;/a&gt; is &lt;a href=3D#concept-appcache-obsolete ti=
tle=3Dconcept-appcache-obsolete&gt;obsolete&lt;/a&gt;, then abort this in=
stance of the
+        &lt;a href=3D#application-cache-download-process&gt;application =
cache download process&lt;/a&gt;. This can happen if another instance of =
this
+        algorithm found the manifest to be 404 or 410 while this algorit=
hm was waiting in the first
+        step above.&lt;/p&gt;
+
+       &lt;/dd&gt;
+
+      &lt;/dl&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;cache group&=
lt;/var&gt; be the &lt;a href=3D#application-cache-group&gt;application c=
ache group&lt;/a&gt;
+     identified by &lt;var title=3D&quot;&quot;&gt;manifest URL&lt;/var&=
gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If these steps were invoked with a &lt;a href=3D=
#concept-appcache-master title=3Dconcept-appcache-master&gt;master&lt;/a&=
gt;
+     resource, then add the resource, along with the resource's &lt;code=
&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;, to &lt;var=
 title=3D&quot;&quot;&gt;cache group&lt;/var&gt;'s &lt;a href=3D#concept-=
appcache-pending-masters title=3Dconcept-appcache-pending-masters&gt;list=
 of pending
+     master entries&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If these steps were invoked with a &lt;a href=3D=
#cache-host&gt;cache host&lt;/a&gt;, and the &lt;a href=3D#concept-appcac=
he-status title=3Dconcept-appcache-status&gt;status&lt;/a&gt; of &lt;var =
title=3D&quot;&quot;&gt;cache group&lt;/var&gt; is
+     &lt;i&gt;checking&lt;/i&gt; or &lt;i&gt;downloading&lt;/i&gt;, then=
 &lt;a href=3D#queue-a-post-load-task&gt;queue a post-load task&lt;/a&gt;=
 to &lt;a href=3D#fire-a-simple-event&gt;fire a
+     simple event&lt;/a&gt; named &lt;code title=3Devent-appcache-checki=
ng&gt;&lt;a href=3D#event-appcache-checking&gt;checking&lt;/a&gt;&lt;/cod=
e&gt; that is
+     cancelable at the &lt;code&gt;&lt;a href=3D#applicationcache&gt;App=
licationCache&lt;/a&gt;&lt;/code&gt; singleton of that &lt;a href=3D#cach=
e-host&gt;cache host&lt;/a&gt;. The
+     default action of this event must be, if the user agent &lt;a href=3D=
#shows-caching-progress&gt;shows caching progress&lt;/a&gt;,
+     the display of some sort of user interface indicating to the user t=
hat the user agent is
+     checking to see if it can download the application.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If these steps were invoked with a &lt;a href=3D=
#cache-host&gt;cache host&lt;/a&gt;, and the &lt;a href=3D#concept-appcac=
he-status title=3Dconcept-appcache-status&gt;status&lt;/a&gt; of &lt;var =
title=3D&quot;&quot;&gt;cache group&lt;/var&gt; is
+     &lt;i&gt;downloading&lt;/i&gt;, then also &lt;a href=3D#queue-a-pos=
t-load-task&gt;queue a post-load task&lt;/a&gt; to &lt;a href=3D#fire-a-s=
imple-event&gt;fire a simple
+     event&lt;/a&gt; named &lt;code title=3Devent-appcache-downloading&g=
t;&lt;a href=3D#event-appcache-downloading&gt;downloading&lt;/a&gt;&lt;/c=
ode&gt; that is
+     cancelable at the &lt;code&gt;&lt;a href=3D#applicationcache&gt;App=
licationCache&lt;/a&gt;&lt;/code&gt; singleton of that &lt;a href=3D#cach=
e-host&gt;cache host&lt;/a&gt;. The
+     default action of this event must be, if the user agent &lt;a href=3D=
#shows-caching-progress&gt;shows caching progress&lt;/a&gt;,
+     the display of some sort of user interface indicating to the user t=
he application is being
+     downloaded.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#concept-appcache-status tit=
le=3Dconcept-appcache-status&gt;status&lt;/a&gt; of the &lt;var title=3D&=
quot;&quot;&gt;cache
+     group&lt;/var&gt; is either &lt;i&gt;checking&lt;/i&gt; or &lt;i&gt=
;downloading&lt;/i&gt;, then abort this instance of the
+     &lt;a href=3D#application-cache-download-process&gt;application cac=
he download process&lt;/a&gt;, as an update is already in progress.&lt;/l=
i&gt;
+
+     &lt;li&gt;&lt;p&gt;Set the &lt;a href=3D#concept-appcache-status ti=
tle=3Dconcept-appcache-status&gt;status&lt;/a&gt; of &lt;var title=3D&quo=
t;&quot;&gt;cache
+     group&lt;/var&gt; to &lt;i&gt;checking&lt;/i&gt;.&lt;/p&gt;
+
+     &lt;li&gt;&lt;p&gt;For each &lt;a href=3D#cache-host&gt;cache host&=
lt;/a&gt; associated with an &lt;a href=3D#application-cache&gt;applicati=
on cache&lt;/a&gt; in
+     &lt;var title=3D&quot;&quot;&gt;cache group&lt;/var&gt;, &lt;a href=
=3D#queue-a-post-load-task&gt;queue a post-load task&lt;/a&gt; to &lt;a h=
ref=3D#fire-a-simple-event&gt;fire a simple
+     event&lt;/a&gt; that is cancelable named &lt;code title=3Devent-app=
cache-checking&gt;&lt;a href=3D#event-appcache-checking&gt;checking&lt;/a=
&gt;&lt;/code&gt; at
+     the &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&=
lt;/a&gt;&lt;/code&gt; singleton of the &lt;a href=3D#cache-host&gt;cache=
 host&lt;/a&gt;. The default action
+     of these events must be, if the user agent &lt;a href=3D#shows-cach=
ing-progress&gt;shows caching progress&lt;/a&gt;, the display of
+     some sort of user interface indicating to the user that the user ag=
ent is checking for the
+     availability of updates.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;p class=3Dnote&gt;The remainder of the steps run asyn=
chronously.&lt;/p&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;cache group&lt;/var&gt; =
already has an &lt;a href=3D#application-cache&gt;application cache&lt;/a=
&gt; in it, then
+    this is an &lt;dfn id=3Dconcept-appcache-upgrade title=3Dconcept-app=
cache-upgrade&gt;upgrade attempt&lt;/dfn&gt;. Otherwise, this is a
+    &lt;dfn id=3Dconcept-appcache-cache title=3Dconcept-appcache-cache&g=
t;cache attempt&lt;/dfn&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If this is a &lt;a href=3D#concept-appcache-cache =
title=3Dconcept-appcache-cache&gt;cache attempt&lt;/a&gt;, then this
+   algorithm was invoked with a &lt;a href=3D#cache-host&gt;cache host&l=
t;/a&gt;; &lt;a href=3D#queue-a-post-load-task&gt;queue a post-load task&=
lt;/a&gt; to
+   &lt;a href=3D#fire-a-simple-event&gt;fire a simple event&lt;/a&gt; na=
med &lt;code title=3Devent-appcache-checking&gt;&lt;a href=3D#event-appca=
che-checking&gt;checking&lt;/a&gt;&lt;/code&gt; that
+   is cancelable at the &lt;code&gt;&lt;a href=3D#applicationcache&gt;Ap=
plicationCache&lt;/a&gt;&lt;/code&gt; singleton of that &lt;a href=3D#cac=
he-host&gt;cache host&lt;/a&gt;. The
+   default action of this event must be, if the user agent &lt;a href=3D=
#shows-caching-progress&gt;shows caching progress&lt;/a&gt;, the
+   display of some sort of user interface indicating to the user that th=
e user agent is checking for
+   the availability of updates.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;i&gt;Fetching the manifest&lt;/i&gt;: &lt;a href=3D#fet=
ch&gt;Fetch&lt;/a&gt;&lt;!--FETCH--&gt; the resource from &lt;var title=3D=
&quot;&quot;&gt;manifest URL&lt;/var&gt; with the &lt;i&gt;synchronous fl=
ag&lt;/i&gt; set, and let &lt;var title=3D&quot;&quot;&gt;manifest&lt;/va=
r&gt; be that resource. HTTP caching semantics should be honored for this
+    request.&lt;/p&gt; &lt;!-- http-origin privacy sensitive, though it =
doesn't matter, since this can never
+    be cross-origin --&gt;
+
+    &lt;p&gt;Parse &lt;var title=3D&quot;&quot;&gt;manifest&lt;/var&gt; =
according to the &lt;a href=3D#parse-a-manifest title=3D&quot;parse a man=
ifest&quot;&gt;rules for
+    parsing manifests&lt;/a&gt;, obtaining a list of &lt;a href=3D#conce=
pt-appcache-explicit title=3Dconcept-appcache-explicit&gt;explicit
+    entries&lt;/a&gt;, &lt;a href=3D#concept-appcache-fallback title=3Dc=
oncept-appcache-fallback&gt;fallback entries&lt;/a&gt; and the &lt;a href=
=3D#concept-appcache-fallback-ns title=3Dconcept-appcache-fallback-ns&gt;=
fallback namespaces&lt;/a&gt; that map to them, entries for
+    the &lt;a href=3D#concept-appcache-onlinewhitelist title=3Dconcept-a=
ppcache-onlinewhitelist&gt;online whitelist&lt;/a&gt;, and values for the
+    &lt;a href=3D#concept-appcache-onlinewhitelist-wildcard title=3Dconc=
ept-appcache-onlinewhitelist-wildcard&gt;online whitelist wildcard flag&l=
t;/a&gt;
+    and the &lt;a href=3D#concept-appcache-mode title=3Dconcept-appcache=
-mode&gt;cache mode flag&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The &lt;a href=3D#mime-type&gt;MIME type&lt;/a=
&gt; of the resource is ignored &amp;mdash; it is assumed to
+    be &lt;code&gt;&lt;a href=3D#text/cache-manifest&gt;text/cache-manif=
est&lt;/a&gt;&lt;/code&gt;. In the future, if new manifest formats are su=
pported, the
+    different types will probably be distinguished on the basis of the f=
ile signatures (for the
+    current format, that is the &quot;&lt;code title=3D&quot;&quot;&gt;C=
ACHE&amp;nbsp;MANIFEST&lt;/code&gt;&quot; string at the top of the
+    file).&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;i&gt;fetching the manifest&lt;/i&gt; fails due to a =
404 or 410 response &lt;a href=3D#concept-http-equivalent-codes title=3Dc=
oncept-http-equivalent-codes&gt;or equivalent&lt;/a&gt;, then run these s=
ubsteps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Mark &lt;var title=3D&quot;&quot;&gt;ca=
che group&lt;/var&gt; as &lt;a href=3D#concept-appcache-obsolete title=3D=
concept-appcache-obsolete&gt;obsolete&lt;/a&gt;. This &lt;var title=3D&qu=
ot;&quot;&gt;cache group&lt;/var&gt; no
+     longer exists for any purpose other than the processing of &lt;code=
&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; objects
+     already associated with an &lt;a href=3D#application-cache&gt;appli=
cation cache&lt;/a&gt; in the &lt;var title=3D&quot;&quot;&gt;cache
+     group&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;task list&lt=
;/var&gt; be an empty list of &lt;a href=3D#concept-task title=3Dconcept-=
task&gt;tasks&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;li&gt;&lt;p&gt;For each &lt;a href=3D#cache-host&gt;cache host&=
lt;/a&gt; associated with an &lt;a href=3D#application-cache&gt;applicati=
on cache&lt;/a&gt; in
+     &lt;var title=3D&quot;&quot;&gt;cache group&lt;/var&gt;, create a &=
lt;a href=3D#concept-task title=3Dconcept-task&gt;task&lt;/a&gt; to &lt;a=
 href=3D#fire-a-simple-event&gt;fire
+     a simple event&lt;/a&gt; named &lt;code title=3Devent-appcache-obso=
lete&gt;&lt;a href=3D#event-appcache-obsolete&gt;obsolete&lt;/a&gt;&lt;/c=
ode&gt; that is
+     cancelable at the &lt;code&gt;&lt;a href=3D#applicationcache&gt;App=
licationCache&lt;/a&gt;&lt;/code&gt; singleton of the &lt;a href=3D#cache=
-host&gt;cache host&lt;/a&gt;, and
+     append it to &lt;var title=3D&quot;&quot;&gt;task list&lt;/var&gt;.=
 The default action of these events must be, if the
+     user agent &lt;a href=3D#shows-caching-progress&gt;shows caching pr=
ogress&lt;/a&gt;, the display of some sort of user interface
+     indicating to the user that the application is no longer available =
for offline use.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;For each entry in &lt;var title=3D&quot;&quot;&g=
t;cache group&lt;/var&gt;'s &lt;a href=3D#concept-appcache-pending-master=
s title=3Dconcept-appcache-pending-masters&gt;list of pending master entr=
ies&lt;/a&gt;, create a &lt;a href=3D#concept-task title=3Dconcept-task&g=
t;task&lt;/a&gt; to &lt;a href=3D#fire-a-simple-event&gt;fire a simple ev=
ent&lt;/a&gt; that is cancelable named
+     &lt;code title=3Devent-appcache-error&gt;&lt;a href=3D#event-appcac=
he-error&gt;error&lt;/a&gt;&lt;/code&gt; (not &lt;code title=3Devent-appc=
ache-obsolete&gt;&lt;a href=3D#event-appcache-obsolete&gt;obsolete&lt;/a&=
gt;&lt;/code&gt;!) at the &lt;code&gt;&lt;a href=3D#applicationcache&gt;A=
pplicationCache&lt;/a&gt;&lt;/code&gt;
+     singleton of the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;=
/a&gt;&lt;/code&gt; for this entry, if there still is one, and append it =
to
+     &lt;var title=3D&quot;&quot;&gt;task list&lt;/var&gt;. The default =
action of this event must be, if the user agent
+     &lt;a href=3D#shows-caching-progress&gt;shows caching progress&lt;/=
a&gt;, the display of some sort of user interface indicating to
+     the user that the user agent failed to save the application for off=
line use.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;cache group&l=
t;/var&gt; has an &lt;a href=3D#application-cache&gt;application cache&lt=
;/a&gt; whose &lt;a href=3D#concept-appcache-completeness title=3Dconcept=
-appcache-completeness&gt;completeness flag&lt;/a&gt; is &lt;i&gt;incompl=
ete&lt;/i&gt;, then
+     discard that &lt;a href=3D#application-cache&gt;application cache&l=
t;/a&gt;.&lt;/p&gt;
+
+     &lt;li&gt;&lt;p&gt;If appropriate, remove any user interface indica=
ting that an update for this cache is in
+     progress.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let the &lt;a href=3D#concept-appcache-status ti=
tle=3Dconcept-appcache-status&gt;status&lt;/a&gt; of &lt;var title=3D&quo=
t;&quot;&gt;cache
+     group&lt;/var&gt; be &lt;i&gt;idle&lt;/i&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;For each &lt;a href=3D#concept-task title=3Dconc=
ept-task&gt;task&lt;/a&gt; in &lt;var title=3D&quot;&quot;&gt;task list&l=
t;/var&gt;, &lt;a href=3D#queue-a-post-load-task title=3D&quot;queue a po=
st-load task&quot;&gt;queue that task as a post-load task&lt;/a&gt;.&lt;/=
li&gt;
+
+     &lt;li&gt;&lt;p&gt;Abort the &lt;a href=3D#application-cache-downlo=
ad-process&gt;application cache download process&lt;/a&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Otherwise, if &lt;i&gt;fetching the manifest&lt;/i&gt; fail=
s in some other way (e.g. the server returns
+    another 4xx or 5xx response &lt;a href=3D#concept-http-equivalent-co=
des title=3Dconcept-http-equivalent-codes&gt;or equivalent&lt;/a&gt;, or
+    there is a DNS error, or the connection times out, or the user cance=
ls the download, or the
+    parser for manifests fails when checking the magic signature), or if=
 the server returned a
+    redirect, then run the &lt;a href=3D#cache-failure-steps&gt;cache fa=
ilure steps&lt;/a&gt;. &lt;a href=3D#refsHTTP&gt;[HTTP]&lt;/a&gt;&lt;/p&g=
t;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If this is an &lt;a href=3D#concept-appcache-upgrade title=3D=
concept-appcache-upgrade&gt;upgrade attempt&lt;/a&gt; and the newly
+    downloaded &lt;var title=3D&quot;&quot;&gt;manifest&lt;/var&gt; is b=
yte-for-byte identical to the manifest found in the
+    &lt;a href=3D#concept-appcache-newer title=3Dconcept-appcache-newer&=
gt;newest&lt;/a&gt; &lt;a href=3D#application-cache&gt;application cache&=
lt;/a&gt; in &lt;var title=3D&quot;&quot;&gt;cache group&lt;/var&gt;, or =
the server reported it as &quot;304 Not Modified&quot; &lt;a href=3D#conc=
ept-http-equivalent-codes title=3Dconcept-http-equivalent-codes&gt;or equ=
ivalent&lt;/a&gt;, then run these substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;cac=
he&lt;/var&gt; be the &lt;a href=3D#concept-appcache-newer title=3Dconcep=
t-appcache-newer&gt;newest&lt;/a&gt;
+     &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt; in &=
lt;var title=3D&quot;&quot;&gt;cache group&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;task list&lt=
;/var&gt; be an empty list of &lt;a href=3D#concept-task title=3Dconcept-=
task&gt;tasks&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;For each entry in &lt;var title=3D&quot;&quot;&gt;cache g=
roup&lt;/var&gt;'s &lt;a href=3D#concept-appcache-pending-masters title=3D=
concept-appcache-pending-masters&gt;list of pending master entries&lt;/a&=
gt;, wait for the
+      resource for this entry to have either completely downloaded or fa=
iled.&lt;/p&gt;
+
+      &lt;p&gt;If the download failed (e.g. the server returns a 4xx or =
5xx response &lt;a href=3D#concept-http-equivalent-codes title=3Dconcept-=
http-equivalent-codes&gt;or equivalent&lt;/a&gt;, or there is a DNS error=
, the
+      connection times out, or the user cancels the download), or if the=
 resource is labeled with
+      the &quot;no-store&quot; cache directive, then create a &lt;a href=
=3D#concept-task title=3Dconcept-task&gt;task&lt;/a&gt; to
+      &lt;a href=3D#fire-a-simple-event&gt;fire a simple event&lt;/a&gt;=
 that is cancelable named &lt;code title=3Devent-appcache-error&gt;&lt;a =
href=3D#event-appcache-error&gt;error&lt;/a&gt;&lt;/code&gt; at the &lt;c=
ode&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&lt;/a&gt;&lt;/c=
ode&gt; singleton of
+      the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/c=
ode&gt; for this entry, if there still is one, and append it to &lt;var t=
itle=3D&quot;&quot;&gt;task list&lt;/var&gt;. The default action of this =
event must be, if the user agent
+      &lt;a href=3D#shows-caching-progress&gt;shows caching progress&lt;=
/a&gt;, the display of some sort of user interface indicating to
+      the user that the user agent failed to save the application for of=
fline use.&lt;/p&gt;
+
+      &lt;p&gt;Otherwise, associate the &lt;code&gt;&lt;a href=3D#docume=
nt&gt;Document&lt;/a&gt;&lt;/code&gt; for this entry with &lt;var title=3D=
&quot;&quot;&gt;cache&lt;/var&gt;; store the resource for this entry in &=
lt;var title=3D&quot;&quot;&gt;cache&lt;/var&gt;, if it
+      isn't already there, and categorize its entry as a &lt;a href=3D#c=
oncept-appcache-master title=3Dconcept-appcache-master&gt;master entry&lt=
;/a&gt;. If applying the &lt;a href=3D#url-parser&gt;URL parser&lt;/a&gt;
+      algorithm to the resource's &lt;a href=3D#url&gt;URL&lt;/a&gt; res=
ults in a &lt;a href=3D#parsed-url&gt;parsed URL&lt;/a&gt; that has a
+      non-null &lt;a href=3D#concept-url-fragment title=3Dconcept-url-fr=
agment&gt;fragment&lt;/a&gt; component, the &lt;a href=3D#url&gt;URL&lt;/=
a&gt;
+      used for the entry in &lt;var title=3D&quot;&quot;&gt;cache&lt;/va=
r&gt; must instead be the &lt;a href=3D#absolute-url&gt;absolute URL&lt;/=
a&gt;
+      obtained from applying the &lt;a href=3D#concept-url-serializer ti=
tle=3Dconcept-url-serializer&gt;URL serializer&lt;/a&gt;
+      algorithm to the &lt;a href=3D#parsed-url&gt;parsed URL&lt;/a&gt; =
with the &lt;i&gt;exclude fragment flag&lt;/i&gt; set
+      (application caches never include fragment identifiers).&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;For each &lt;a href=3D#cache-host&gt;cache host&=
lt;/a&gt; associated with an &lt;a href=3D#application-cache&gt;applicati=
on cache&lt;/a&gt; in
+     &lt;var title=3D&quot;&quot;&gt;cache group&lt;/var&gt;, create a &=
lt;a href=3D#concept-task title=3Dconcept-task&gt;task&lt;/a&gt; to &lt;a=
 href=3D#fire-a-simple-event&gt;fire
+     a simple event&lt;/a&gt; that is cancelable named &lt;code title=3D=
event-appcache-noupdate&gt;&lt;a href=3D#event-appcache-noupdate&gt;noupd=
ate&lt;/a&gt;&lt;/code&gt; at the &lt;code&gt;&lt;a href=3D#applicationca=
che&gt;ApplicationCache&lt;/a&gt;&lt;/code&gt; singleton
+     of the &lt;a href=3D#cache-host&gt;cache host&lt;/a&gt;, and append=
 it to &lt;var title=3D&quot;&quot;&gt;task list&lt;/var&gt;. The default
+     action of these events must be, if the user agent &lt;a href=3D#sho=
ws-caching-progress&gt;shows caching progress&lt;/a&gt;, the
+     display of some sort of user interface indicating to the user that =
the application is up to
+     date.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Empty &lt;var title=3D&quot;&quot;&gt;cache grou=
p&lt;/var&gt;'s &lt;a href=3D#concept-appcache-pending-masters title=3Dco=
ncept-appcache-pending-masters&gt;list of pending master entries&lt;/a&gt=
;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If appropriate, remove any user interface indica=
ting that an update for this cache is in
+     progress.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let the &lt;a href=3D#concept-appcache-status ti=
tle=3Dconcept-appcache-status&gt;status&lt;/a&gt; of &lt;var title=3D&quo=
t;&quot;&gt;cache
+     group&lt;/var&gt; be &lt;i&gt;idle&lt;/i&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;For each &lt;a href=3D#concept-task title=3Dconc=
ept-task&gt;task&lt;/a&gt; in &lt;var title=3D&quot;&quot;&gt;task list&l=
t;/var&gt;, &lt;a href=3D#queue-a-post-load-task title=3D&quot;queue a po=
st-load task&quot;&gt;queue that task as a post-load task&lt;/a&gt;.&lt;/=
li&gt;
+
+     &lt;li&gt;&lt;p&gt;Abort the &lt;a href=3D#application-cache-downlo=
ad-process&gt;application cache download process&lt;/a&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;new cache&lt;/=
var&gt; be a newly created &lt;a href=3D#application-cache&gt;application=
 cache&lt;/a&gt; in
+   &lt;var title=3D&quot;&quot;&gt;cache group&lt;/var&gt;. Set its &lt;=
a href=3D#concept-appcache-completeness title=3Dconcept-appcache-complete=
ness&gt;completeness
+   flag&lt;/a&gt; to &lt;i&gt;incomplete&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;For each entry in &lt;var title=3D&quot;&quot;&gt;=
cache group&lt;/var&gt;'s &lt;a href=3D#concept-appcache-pending-masters =
title=3Dconcept-appcache-pending-masters&gt;list of pending master entrie=
s&lt;/a&gt;, associate the
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
 for this entry with &lt;var title=3D&quot;&quot;&gt;new cache&lt;/var&gt=
;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set the &lt;a href=3D#concept-appcache-status titl=
e=3Dconcept-appcache-status&gt;status&lt;/a&gt; of &lt;var title=3D&quot;=
&quot;&gt;cache
+   group&lt;/var&gt; to &lt;i&gt;downloading&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;For each &lt;a href=3D#cache-host&gt;cache host&lt=
;/a&gt; associated with an &lt;a href=3D#application-cache&gt;application=
 cache&lt;/a&gt; in &lt;var title=3D&quot;&quot;&gt;cache group&lt;/var&g=
t;, &lt;a href=3D#queue-a-post-load-task&gt;queue a post-load task&lt;/a&=
gt; to &lt;a href=3D#fire-a-simple-event&gt;fire a simple
+   event&lt;/a&gt; that is cancelable named &lt;code title=3Devent-appca=
che-downloading&gt;&lt;a href=3D#event-appcache-downloading&gt;downloadin=
g&lt;/a&gt;&lt;/code&gt;
+   at the &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache=
&lt;/a&gt;&lt;/code&gt; singleton of the &lt;a href=3D#cache-host&gt;cach=
e host&lt;/a&gt;. The default action
+   of these events must be, if the user agent &lt;a href=3D#shows-cachin=
g-progress&gt;shows caching progress&lt;/a&gt;, the display of
+   some sort of user interface indicating to the user that a new version=
 is being
+   downloaded.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;file list&lt;/=
var&gt; be an empty list of URLs with flags.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Add all the URLs in the list of &lt;a href=3D#conc=
ept-appcache-explicit title=3Dconcept-appcache-explicit&gt;explicit
+   entries&lt;/a&gt; obtained by parsing &lt;var title=3D&quot;&quot;&gt=
;manifest&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;file list&lt;/va=
r&gt;,
+   each flagged with &quot;explicit entry&quot;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Add all the URLs in the list of &lt;a href=3D#conc=
ept-appcache-fallback title=3Dconcept-appcache-fallback&gt;fallback
+   entries&lt;/a&gt; obtained by parsing &lt;var title=3D&quot;&quot;&gt=
;manifest&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;file list&lt;/va=
r&gt;,
+   each flagged with &quot;fallback entry&quot;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If this is an &lt;a href=3D#concept-appcache-upgra=
de title=3Dconcept-appcache-upgrade&gt;upgrade attempt&lt;/a&gt;, then ad=
d all
+   the URLs of &lt;a href=3D#concept-appcache-master title=3Dconcept-app=
cache-master&gt;master entries&lt;/a&gt; in the &lt;a href=3D#concept-app=
cache-newer title=3Dconcept-appcache-newer&gt;newest&lt;/a&gt; &lt;a href=
=3D#application-cache&gt;application cache&lt;/a&gt; in &lt;var title=3D&=
quot;&quot;&gt;cache group&lt;/var&gt; whose &lt;a href=3D#concept-appcac=
he-completeness title=3Dconcept-appcache-completeness&gt;completeness
+   flag&lt;/a&gt; is &lt;i&gt;complete&lt;/i&gt; to &lt;var title=3D&quo=
t;&quot;&gt;file list&lt;/var&gt;, each flagged with &quot;master
+   entry&quot;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If any URL is in &lt;var title=3D&quot;&quot;&gt;f=
ile list&lt;/var&gt; more than once, then merge the entries into
+   one entry for that URL, that entry having all the flags that the orig=
inal entries had.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each URL in &lt;var title=3D&quot;&quot;&gt;file list&l=
t;/var&gt;, run the following steps. These steps may be
+    run in parallel for two or more of the URLs at a time. If, while run=
ning these steps, the
+    &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&lt;/a=
&gt;&lt;/code&gt; object's &lt;code title=3Ddom-appcache-abort&gt;&lt;a h=
ref=3D#dom-appcache-abort&gt;abort()&lt;/a&gt;&lt;/code&gt; method
+    &lt;a href=3D#send-a-signal title=3D&quot;send a signal&quot;&gt;sen=
ds a signal&lt;/a&gt; to this instance of the &lt;a href=3D#application-c=
ache-download-process&gt;application
+    cache download process&lt;/a&gt; algorithm, then run the &lt;a href=3D=
#cache-failure-steps&gt;cache failure steps&lt;/a&gt;
+    instead.&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;If the resource URL being processed was flagged as neithe=
r an &quot;explicit entry&quot; nor or a
+      &quot;fallback entry&quot;, then the user agent may skip this URL.=
&lt;/p&gt;
+
+      &lt;p class=3Dnote&gt;This is intended to allow user agents to exp=
ire resources not listed in the
+      manifest from the cache. Generally, implementors are urged to use =
an approach that expires
+      lesser-used resources first.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;For each &lt;a href=3D#cache-host&gt;cache host&=
lt;/a&gt; associated with an &lt;a href=3D#application-cache&gt;applicati=
on cache&lt;/a&gt; in
+     &lt;var title=3D&quot;&quot;&gt;cache group&lt;/var&gt;, &lt;a href=
=3D#queue-a-post-load-task&gt;queue a post-load task&lt;/a&gt; to &lt;a h=
ref=3D#concept-event-fire title=3Dconcept-event-fire&gt;fire&lt;/a&gt; a =
&lt;a href=3D#concept-events-trusted title=3Dconcept-events-trusted&gt;tr=
usted&lt;/a&gt;
+     event with the name &lt;code title=3Devent-appcache-progress&gt;&lt=
;a href=3D#event-appcache-progress&gt;progress&lt;/a&gt;&lt;/code&gt;, wh=
ich does not
+     bubble, which is cancelable, and which uses the &lt;code&gt;&lt;a h=
ref=3D#progressevent&gt;ProgressEvent&lt;/a&gt;&lt;/code&gt; interface, a=
t the
+     &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&lt;/=
a&gt;&lt;/code&gt; singleton of the &lt;a href=3D#cache-host&gt;cache hos=
t&lt;/a&gt;. The &lt;code title=3Ddom-ProgressEvents-lengthComputable&gt;=
lengthComputable&lt;/code&gt; attribute must be set to
+     true, the &lt;code title=3Ddom-ProgressEvents-total&gt;total&lt;/co=
de&gt; attribute must be set to the
+     number of files in &lt;var title=3D&quot;&quot;&gt;file list&lt;/va=
r&gt;, and the &lt;code title=3Ddom-ProgressEvents-loaded&gt;loaded&lt;/c=
ode&gt; attribute must be set to the number of files in
+     &lt;var title=3D&quot;&quot;&gt;file list&lt;/var&gt; that have bee=
n either downloaded or skipped so far. The default
+     action of these events must be, if the user agent &lt;a href=3D#sho=
ws-caching-progress&gt;shows caching progress&lt;/a&gt;, the
+     display of some sort of user interface indicating to the user that =
a file is being downloaded
+     in preparation for updating the application. &lt;a href=3D#refsXHR&=
gt;[XHR]&lt;/a&gt;&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;&lt;a href=3D#fetch&gt;Fetch&lt;/a&gt;&lt;!--FETCH--&gt; =
the resource, from the &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the
+      &lt;a href=3D#url&gt;URL&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt=
;manifest URL&lt;/var&gt;, with the &lt;i&gt;synchronous flag&lt;/i&gt; s=
et and
+      the &lt;i&gt;manual redirect flag&lt;/i&gt; set. If this is an &lt=
;a href=3D#concept-appcache-upgrade title=3Dconcept-appcache-upgrade&gt;u=
pgrade attempt&lt;/a&gt;, then use the &lt;a href=3D#concept-appcache-new=
er title=3Dconcept-appcache-newer&gt;newest&lt;/a&gt; &lt;a href=3D#appli=
cation-cache&gt;application cache&lt;/a&gt; in &lt;var title=3D&quot;&quo=
t;&gt;cache group&lt;/var&gt; as an HTTP cache, and honor HTTP caching se=
mantics (such as
+      expiration, ETags, and so forth) with respect to that cache. User =
agents may also have other
+      caches in place that are also honored.&lt;/p&gt; &lt;!-- not http-=
origin privacy sensitive --&gt;
+
+      &lt;p class=3Dnote&gt;If the resource in question is already being=
 downloaded for other reasons then
+      the existing download process can sometimes be used for the purpos=
es of this step, as defined
+      by the &lt;a href=3D#fetch title=3Dfetch&gt;fetching&lt;/a&gt; alg=
orithm.&lt;/p&gt;
+
+      &lt;p class=3Dexample&gt;An example of a resource that might alrea=
dy be being downloaded is a large
+      image on a Web page that is being seen for the first time. The ima=
ge would get downloaded to
+      satisfy the &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a=
&gt;&lt;/code&gt; element on the page, as well as being listed in the cac=
he
+      manifest. According to the rules for &lt;a href=3D#fetch title=3Df=
etch&gt;fetching&lt;/a&gt; that image only need
+      be downloaded once, and it can be used both for the cache and for =
the rendered Web page.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If the previous step fails (e.g. the server returns a 4xx=
 or 5xx response &lt;a href=3D#concept-http-equivalent-codes title=3Dconc=
ept-http-equivalent-codes&gt;or equivalent&lt;/a&gt;, or there is a DNS e=
rror, or the
+      connection times out, or the user cancels the download), or if the=
 server returned a redirect,
+      or if the resource is labeled with the &quot;no-store&quot; cache =
directive, then run the first
+      appropriate step from the following list: &lt;a href=3D#refsHTTP&g=
t;[HTTP]&lt;/a&gt;&lt;/p&gt;
+
+      &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the URL being processed was =
flagged as an &quot;explicit entry&quot; or a &quot;fallback entry&quot;&=
lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;If these steps are being run in parallel for any other =
URLs in &lt;var title=3D&quot;&quot;&gt;file
+        list&lt;/var&gt;, then abort these steps for those other URLs. R=
un the &lt;a href=3D#cache-failure-steps&gt;cache failure
+        steps&lt;/a&gt;.&lt;/p&gt;
+
+        &lt;p class=3Dnote&gt;Redirects are fatal because they are eithe=
r indicative of a network problem
+        (e.g. a captive portal); or would allow resources to be added to=
 the cache under URLs that
+        differ from any URL that the networking model will allow access =
to, leaving orphan entries;
+        or would allow resources to be stored under URLs different than =
their true URLs. All of
+        these situations are bad.&lt;/p&gt;
+
+       &lt;/dd&gt;
+
+       &lt;dt&gt;If the error was a 404 or 410 HTTP response &lt;a href=3D=
#concept-http-equivalent-codes title=3Dconcept-http-equivalent-codes&gt;o=
r equivalent&lt;/a&gt;&lt;/dt&gt;
+
+       &lt;dt&gt;If the resource was labeled with the &quot;no-store&quo=
t; cache directive&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;Skip this resource. It is dropped from the cache.&lt;/p=
&gt;
+
+       &lt;/dd&gt;
+
+       &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;Copy the resource and its metadata from the &lt;a href=3D=
#concept-appcache-newer title=3Dconcept-appcache-newer&gt;newest&lt;/a&gt=
; &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt; in &lt;v=
ar title=3D&quot;&quot;&gt;cache group&lt;/var&gt; whose &lt;a href=3D#co=
ncept-appcache-completeness title=3Dconcept-appcache-completeness&gt;comp=
leteness
+        flag&lt;/a&gt; is &lt;i&gt;complete&lt;/i&gt;, and act as if tha=
t was the fetched resource, ignoring the
+        resource obtained from the network.&lt;/p&gt;
+
+       &lt;/dd&gt;
+
+      &lt;/dl&gt;&lt;p&gt;User agents may warn the user of these errors =
as an aid to development.&lt;/p&gt;
+
+      &lt;p class=3Dnote&gt;These rules make errors for resources listed=
 in the manifest fatal, while
+      making it possible for other resources to be removed from caches w=
hen they are removed from
+      the server, without errors, and making non-manifest resources surv=
ive server-side errors.&lt;/p&gt;
+
+      &lt;p class=3Dnote&gt;Except for the &quot;no-store&quot; directiv=
e, HTTP caching rules that would cause a
+      file to be expired or otherwise not cached are ignored for the pur=
poses of the
+      &lt;a href=3D#application-cache-download-process&gt;application ca=
che download process&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Otherwise, the fetching succeeded. Store the resource in =
the &lt;var title=3D&quot;&quot;&gt;new
+      cache&lt;/var&gt;.&lt;/p&gt;
+
+      &lt;p&gt;If the user agent is not able to store the resource (e.g.=
 because of quota restrictions),
+      the user agent may prompt the user or try to resolve the problem i=
n some other manner (e.g.
+      automatically pruning content in other caches). If the problem can=
not be resolved, the user
+      agent must run the &lt;a href=3D#cache-failure-steps&gt;cache fail=
ure steps&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the URL being processed was flagged as an &qu=
ot;explicit entry&quot; in &lt;var title=3D&quot;&quot;&gt;file
+     list&lt;/var&gt;, then categorize the entry as an &lt;a href=3D#con=
cept-appcache-explicit title=3Dconcept-appcache-explicit&gt;explicit
+     entry&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the URL being processed was flagged as a &quo=
t;fallback entry&quot; in &lt;var title=3D&quot;&quot;&gt;file
+     list&lt;/var&gt;, then categorize the entry as a &lt;a href=3D#conc=
ept-appcache-fallback title=3Dconcept-appcache-fallback&gt;fallback
+     entry&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the URL being processed was flagged as an &qu=
ot;master entry&quot; in &lt;var title=3D&quot;&quot;&gt;file
+     list&lt;/var&gt;, then categorize the entry as a &lt;a href=3D#conc=
ept-appcache-master title=3Dconcept-appcache-master&gt;master
+     entry&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;As an optimization, if the resource is an HTML o=
r XML file whose root element is an
+     &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/co=
de&gt; element with a &lt;code title=3Dattr-html-manifest&gt;&lt;a href=3D=
#attr-html-manifest&gt;manifest&lt;/a&gt;&lt;/code&gt; attribute
+     whose value doesn't match the manifest URL of the application cache=
 being processed, then the
+     user agent should mark the entry as being &lt;a href=3D#concept-app=
cache-foreign title=3Dconcept-appcache-foreign&gt;foreign&lt;/a&gt;.&lt;/=
p&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;For each &lt;a href=3D#cache-host&gt;cache host&lt=
;/a&gt; associated with an &lt;a href=3D#application-cache&gt;application=
 cache&lt;/a&gt; in &lt;var title=3D&quot;&quot;&gt;cache group&lt;/var&g=
t;, &lt;a href=3D#queue-a-post-load-task&gt;queue a post-load task&lt;/a&=
gt; to &lt;a href=3D#concept-event-fire title=3Dconcept-event-fire&gt;fir=
e&lt;/a&gt; a &lt;a href=3D#concept-events-trusted title=3Dconcept-events=
-trusted&gt;trusted&lt;/a&gt;
+   event with the name &lt;code title=3Devent-appcache-progress&gt;&lt;a=
 href=3D#event-appcache-progress&gt;progress&lt;/a&gt;&lt;/code&gt;, whic=
h does not bubble,
+   which is cancelable, and which uses the &lt;code&gt;&lt;a href=3D#pro=
gressevent&gt;ProgressEvent&lt;/a&gt;&lt;/code&gt; interface, at the
+   &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&lt;/a&=
gt;&lt;/code&gt; singleton of the &lt;a href=3D#cache-host&gt;cache host&=
lt;/a&gt;. The &lt;code title=3Ddom-ProgressEvents-lengthComputable&gt;le=
ngthComputable&lt;/code&gt; attribute must be set to
+   true, the &lt;code title=3Ddom-ProgressEvents-total&gt;total&lt;/code=
&gt; and the &lt;code title=3Ddom-ProgressEvents-loaded&gt;loaded&lt;/cod=
e&gt; attributes must be set to the number of files in
+   &lt;var title=3D&quot;&quot;&gt;file list&lt;/var&gt;. The default ac=
tion of these events must be, if the user agent
+   &lt;a href=3D#shows-caching-progress&gt;shows caching progress&lt;/a&=
gt;, the display of some sort of user interface indicating to the
+   user that all the files have been downloaded. &lt;a href=3D#refsXHR&g=
t;[XHR]&lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Store the list of &lt;a href=3D#concept-appcache-f=
allback-ns title=3Dconcept-appcache-fallback-ns&gt;fallback namespaces&lt=
;/a&gt;,
+   and the URLs of the &lt;a href=3D#concept-appcache-fallback title=3Dc=
oncept-appcache-fallback&gt;fallback entries&lt;/a&gt; that they map
+   to, in &lt;var title=3D&quot;&quot;&gt;new cache&lt;/var&gt;.&lt;/li&=
gt;
+
+   &lt;li&gt;&lt;p&gt;Store the URLs that form the new &lt;a href=3D#con=
cept-appcache-onlinewhitelist title=3Dconcept-appcache-onlinewhitelist&gt=
;online
+   whitelist&lt;/a&gt; in &lt;var title=3D&quot;&quot;&gt;new cache&lt;/=
var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Store the value of the new &lt;a href=3D#concept-a=
ppcache-onlinewhitelist-wildcard title=3Dconcept-appcache-onlinewhitelist=
-wildcard&gt;online
+   whitelist wildcard flag&lt;/a&gt; in &lt;var title=3D&quot;&quot;&gt;=
new cache&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Store the value of the new &lt;a href=3D#concept-a=
ppcache-mode title=3Dconcept-appcache-mode&gt;cache mode flag&lt;/a&gt; i=
n
+   &lt;var title=3D&quot;&quot;&gt;new cache&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each entry in &lt;var title=3D&quot;&quot;&gt;cache gro=
up&lt;/var&gt;'s &lt;a href=3D#concept-appcache-pending-masters title=3Dc=
oncept-appcache-pending-masters&gt;list of pending master entries&lt;/a&g=
t;, wait for the
+    resource for this entry to have either completely downloaded or fail=
ed.&lt;/p&gt;
+
+    &lt;p&gt;If the download failed (e.g. the server returns a 4xx or 5x=
x response &lt;a href=3D#concept-http-equivalent-codes title=3Dconcept-ht=
tp-equivalent-codes&gt;or equivalent&lt;/a&gt;, or there is a DNS error, =
the
+    connection times out, or the user cancels the download), or if the r=
esource is labeled with the
+    &quot;no-store&quot; cache directive, then run these substeps:&lt;/p=
&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Unassociate the &lt;code&gt;&lt;a href=3D=
#document&gt;Document&lt;/a&gt;&lt;/code&gt; for this entry from &lt;var =
title=3D&quot;&quot;&gt;new
+     cache&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#queue-a-post-load-task&gt;Queue a =
post-load task&lt;/a&gt; to &lt;a href=3D#fire-a-simple-event&gt;fire a s=
imple event&lt;/a&gt; that is
+     cancelable named &lt;code title=3Devent-appcache-error&gt;&lt;a hre=
f=3D#event-appcache-error&gt;error&lt;/a&gt;&lt;/code&gt; at the
+     &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&lt;/=
a&gt;&lt;/code&gt; singleton of the &lt;code&gt;&lt;a href=3D#document&gt=
;Document&lt;/a&gt;&lt;/code&gt; for this entry, if there
+     still is one. The default action of this event must be, if the user=
 agent &lt;a href=3D#shows-caching-progress&gt;shows caching
+     progress&lt;/a&gt;, the display of some sort of user interface indi=
cating to the user that the
+     user agent failed to save the application for offline use.&lt;/p&gt=
;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If this is a &lt;a href=3D#concept-appcache-cache title=3D=
concept-appcache-cache&gt;cache attempt&lt;/a&gt; and this entry is
+      the last entry in &lt;var title=3D&quot;&quot;&gt;cache group&lt;/=
var&gt;'s &lt;a href=3D#concept-appcache-pending-masters title=3Dconcept-=
appcache-pending-masters&gt;list of pending master entries&lt;/a&gt;, the=
n run these
+      further substeps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;Discard &lt;var title=3D&quot;&quot;&=
gt;cache group&lt;/var&gt; and its only &lt;a href=3D#application-cache&g=
t;application cache&lt;/a&gt;,
+       &lt;var title=3D&quot;&quot;&gt;new cache&lt;/var&gt;.&lt;/p&gt;
+
+       &lt;li&gt;&lt;p&gt;If appropriate, remove any user interface indi=
cating that an update for this cache is
+       in progress.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Abort the &lt;a href=3D#application-cache-down=
load-process&gt;application cache download process&lt;/a&gt;.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Otherwise, remove this entry from &lt;var title=3D=
&quot;&quot;&gt;cache group&lt;/var&gt;'s &lt;a href=3D#concept-appcache-=
pending-masters title=3Dconcept-appcache-pending-masters&gt;list of pendi=
ng master entries&lt;/a&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;p&gt;Otherwise, store the resource for this entry in =
&lt;var title=3D&quot;&quot;&gt;new cache&lt;/var&gt;, if it isn't
+    already there, and categorize its entry as a &lt;a href=3D#concept-a=
ppcache-master title=3Dconcept-appcache-master&gt;master
+    entry&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#fetch&gt;Fetch&lt;/a&gt;&lt;!--FETCH--&gt; th=
e resource from &lt;var title=3D&quot;&quot;&gt;manifest URL&lt;/var&gt; =
again, with
+    the &lt;i&gt;synchronous flag&lt;/i&gt; set, and let &lt;var title=3D=
&quot;&quot;&gt;second manifest&lt;/var&gt; be that resource.
+    HTTP caching semantics should again be honored for this request.&lt;=
/p&gt; &lt;!-- http-origin privacy
+    sensitive, though it doesn't matter, since this can never be cross-o=
rigin --&gt;
+
+    &lt;p class=3Dnote&gt;Since caching can be honored, authors are enco=
uraged to avoid setting the cache
+    headers on the manifest in such a way that the user agent would simp=
ly not contact the network
+    for this second request; otherwise, the user agent would not notice =
if the cache had changed
+    during the cache update process.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the previous step failed for any reason, or if the fetch=
ing attempt involved a redirect,
+    or if &lt;var title=3D&quot;&quot;&gt;second manifest&lt;/var&gt; an=
d &lt;var title=3D&quot;&quot;&gt;manifest&lt;/var&gt; are not byte-for-b=
yte
+    identical, then schedule a rerun of the entire algorithm with the sa=
me parameters after a short
+    delay, and run the &lt;a href=3D#cache-failure-steps&gt;cache failur=
e steps&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Otherwise, store &lt;var title=3D&quot;&quot;&gt;manifest&l=
t;/var&gt; in &lt;var title=3D&quot;&quot;&gt;new cache&lt;/var&gt;, if i=
t's not
+    there already, and categorize its entry as &lt;a href=3D#concept-app=
cache-manifest title=3Dconcept-appcache-manifest&gt;the
+    manifest&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set the &lt;a href=3D#concept-appcache-completenes=
s title=3Dconcept-appcache-completeness&gt;completeness flag&lt;/a&gt; of=
 &lt;var title=3D&quot;&quot;&gt;new cache&lt;/var&gt; to &lt;i&gt;comple=
te&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;task list&lt;/=
var&gt; be an empty list of &lt;a href=3D#concept-task title=3Dconcept-ta=
sk&gt;tasks&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If this is a &lt;a href=3D#concept-appcache-cache title=3Dc=
oncept-appcache-cache&gt;cache attempt&lt;/a&gt;, then for each
+    &lt;a href=3D#cache-host&gt;cache host&lt;/a&gt; associated with an =
&lt;a href=3D#application-cache&gt;application cache&lt;/a&gt; in &lt;var=
 title=3D&quot;&quot;&gt;cache
+    group&lt;/var&gt;, create a &lt;a href=3D#concept-task title=3Dconce=
pt-task&gt;task&lt;/a&gt; to &lt;a href=3D#fire-a-simple-event&gt;fire a =
simple event&lt;/a&gt;
+    that is cancelable named &lt;code title=3Devent-appcache-cached&gt;&=
lt;a href=3D#event-appcache-cached&gt;cached&lt;/a&gt;&lt;/code&gt; at th=
e
+    &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&lt;/a=
&gt;&lt;/code&gt; singleton of the &lt;a href=3D#cache-host&gt;cache host=
&lt;/a&gt;, and append it to &lt;var title=3D&quot;&quot;&gt;task list&lt=
;/var&gt;. The default action of these events must be, if the user agent
+    &lt;a href=3D#shows-caching-progress&gt;shows caching progress&lt;/a=
&gt;, the display of some sort of user interface indicating to
+    the user that the application has been cached and that they can now =
use it offline.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, it is an &lt;a href=3D#concept-appcache-upgrade =
title=3Dconcept-appcache-upgrade&gt;upgrade attempt&lt;/a&gt;. For each
+    &lt;a href=3D#cache-host&gt;cache host&lt;/a&gt; associated with an =
&lt;a href=3D#application-cache&gt;application cache&lt;/a&gt; in &lt;var=
 title=3D&quot;&quot;&gt;cache
+    group&lt;/var&gt;, create a &lt;a href=3D#concept-task title=3Dconce=
pt-task&gt;task&lt;/a&gt; to &lt;a href=3D#fire-a-simple-event&gt;fire a =
simple event&lt;/a&gt;
+    that is cancelable named &lt;code title=3Devent-appcache-updateready=
&gt;&lt;a href=3D#event-appcache-updateready&gt;updateready&lt;/a&gt;&lt;=
/code&gt; at the
+    &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&lt;/a=
&gt;&lt;/code&gt; singleton of the &lt;a href=3D#cache-host&gt;cache host=
&lt;/a&gt;, and append it to &lt;var title=3D&quot;&quot;&gt;task list&lt=
;/var&gt;. The default action of these events must be, if the user agent
+    &lt;a href=3D#shows-caching-progress&gt;shows caching progress&lt;/a=
&gt;, the display of some sort of user interface indicating to
+    the user that a new version is available and that they can activate =
it by reloading the
+    page.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If appropriate, remove any user interface indicati=
ng that an update for this cache is in
+   progress.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set the &lt;a href=3D#concept-appcache-status titl=
e=3Dconcept-appcache-status&gt;update status&lt;/a&gt; of &lt;var title=3D=
&quot;&quot;&gt;cache
+   group&lt;/var&gt; to &lt;i&gt;idle&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;For each &lt;a href=3D#concept-task title=3Dconcep=
t-task&gt;task&lt;/a&gt; in &lt;var title=3D&quot;&quot;&gt;task list&lt;=
/var&gt;, &lt;a href=3D#queue-a-post-load-task title=3D&quot;queue a post=
-load task&quot;&gt;queue that task as a post-load task&lt;/a&gt;.&lt;/li=
&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Dcache-failure-steps&gt;cache fail=
ure steps&lt;/dfn&gt; are as follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;task =
list&lt;/var&gt; be an empty list of &lt;a href=3D#concept-task title=3Dc=
oncept-task&gt;tasks&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each entry in &lt;var title=3D&quot;&quot;&gt;cache gro=
up&lt;/var&gt;'s &lt;a href=3D#concept-appcache-pending-masters title=3Dc=
oncept-appcache-pending-masters&gt;list of pending master entries&lt;/a&g=
t;, run the
+    following further substeps. These steps may be run in parallel for t=
wo or more entries at a
+    time.&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Wait for the resource for this entry to=
 have either completely downloaded or failed.&lt;/p&gt;
+
+     &lt;li&gt;&lt;p&gt;Unassociate the &lt;code&gt;&lt;a href=3D#docume=
nt&gt;Document&lt;/a&gt;&lt;/code&gt; for this entry from its &lt;a href=3D=
#application-cache&gt;application
+     cache&lt;/a&gt;, if it has one.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Create a &lt;a href=3D#concept-task title=3Dconc=
ept-task&gt;task&lt;/a&gt; to &lt;a href=3D#fire-a-simple-event&gt;fire a=
 simple event&lt;/a&gt; that
+     is cancelable named &lt;code title=3Devent-appcache-error&gt;&lt;a =
href=3D#event-appcache-error&gt;error&lt;/a&gt;&lt;/code&gt; at the
+     &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&lt;/=
a&gt;&lt;/code&gt; singleton of the &lt;code&gt;&lt;a href=3D#document&gt=
;Document&lt;/a&gt;&lt;/code&gt; for this entry, if there
+     still is one, and append it to &lt;var title=3D&quot;&quot;&gt;task=
 list&lt;/var&gt;. The default action of these
+     events must be, if the user agent &lt;a href=3D#shows-caching-progr=
ess&gt;shows caching progress&lt;/a&gt;, the display of some sort
+     of user interface indicating to the user that the user agent failed=
 to save the application for
+     offline use.&lt;/p&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;For each &lt;a href=3D#cache-host&gt;cache host&lt=
;/a&gt; still associated with an &lt;a href=3D#application-cache&gt;appli=
cation cache&lt;/a&gt;
+   in &lt;var title=3D&quot;&quot;&gt;cache group&lt;/var&gt;, create a =
&lt;a href=3D#concept-task title=3Dconcept-task&gt;task&lt;/a&gt; to &lt;=
a href=3D#fire-a-simple-event&gt;fire
+   a simple event&lt;/a&gt; that is cancelable named &lt;code title=3Dev=
ent-appcache-error&gt;&lt;a href=3D#event-appcache-error&gt;error&lt;/a&g=
t;&lt;/code&gt; at
+   the &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&lt=
;/a&gt;&lt;/code&gt; singleton of the &lt;a href=3D#cache-host&gt;cache h=
ost&lt;/a&gt;, and append it to &lt;var title=3D&quot;&quot;&gt;task list=
&lt;/var&gt;. The default action of these events must be, if the user age=
nt
+   &lt;a href=3D#shows-caching-progress&gt;shows caching progress&lt;/a&=
gt;, the display of some sort of user interface indicating to the
+   user that the user agent failed to save the application for offline u=
se.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Empty &lt;var title=3D&quot;&quot;&gt;cache group&=
lt;/var&gt;'s &lt;a href=3D#concept-appcache-pending-masters title=3Dconc=
ept-appcache-pending-masters&gt;list of pending master entries&lt;/a&gt;.=
&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;cache group&lt;=
/var&gt; has an &lt;a href=3D#application-cache&gt;application cache&lt;/=
a&gt; whose &lt;a href=3D#concept-appcache-completeness title=3Dconcept-a=
ppcache-completeness&gt;completeness flag&lt;/a&gt; is &lt;i&gt;incomplet=
e&lt;/i&gt;, then discard
+   that &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt;.&=
lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;If appropriate, remove any user interface indicati=
ng that an update for this cache is in
+   progress.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the &lt;a href=3D#concept-appcache-status titl=
e=3Dconcept-appcache-status&gt;status&lt;/a&gt; of &lt;var title=3D&quot;=
&quot;&gt;cache
+   group&lt;/var&gt; be &lt;i&gt;idle&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If this was a &lt;a href=3D#concept-appcache-cache=
 title=3Dconcept-appcache-cache&gt;cache attempt&lt;/a&gt;, discard &lt;v=
ar title=3D&quot;&quot;&gt;cache group&lt;/var&gt; altogether.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;For each &lt;a href=3D#concept-task title=3Dconcep=
t-task&gt;task&lt;/a&gt; in &lt;var title=3D&quot;&quot;&gt;task list&lt;=
/var&gt;, &lt;a href=3D#queue-a-post-load-task title=3D&quot;queue a post=
-load task&quot;&gt;queue that task as a post-load task&lt;/a&gt;.&lt;/li=
&gt;
+
+   &lt;li&gt;&lt;p&gt;Abort the &lt;a href=3D#application-cache-download=
-process&gt;application cache download process&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;Attempts to &lt;a href=3D#fetch&gt;fetch&lt;/a&gt;=
 resources as part of the &lt;a href=3D#application-cache-download-proces=
s&gt;application cache download
+  process&lt;/a&gt; may be done with cache-defeating semantics, to avoid=
 problems with stale or
+  inconsistent intermediary caches.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;User agents may invoke the &lt;a href=3D#applicatio=
n-cache-download-process&gt;application cache download process&lt;/a&gt;,=
 in the background,
+  for any &lt;a href=3D#application-cache-group&gt;application cache gro=
up&lt;/a&gt;, at any time (with no &lt;a href=3D#cache-host&gt;cache host=
&lt;/a&gt;). This
+  allows user agents to keep caches primed and to update caches even bef=
ore the user visits a
+  site.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;Each &lt;code&gt;&lt;a href=3D#document&gt;Document=
&lt;/a&gt;&lt;/code&gt; has a list of &lt;dfn id=3Dpending-application-ca=
che-download-process-tasks&gt;pending application cache download process
+  tasks&lt;/dfn&gt; that is used to delay events fired by the algorithm =
above until the document's &lt;code title=3Devent-load&gt;load&lt;/code&g=
t; event has fired. When the &lt;code&gt;&lt;a href=3D#document&gt;Docume=
nt&lt;/a&gt;&lt;/code&gt; is created, the
+  list must be empty.&lt;/p&gt;
+
+  &lt;p&gt;When the steps above say to &lt;dfn id=3Dqueue-a-post-load-ta=
sk&gt;queue a post-load task&lt;/dfn&gt; &lt;var title=3D&quot;&quot;&gt;=
task&lt;/var&gt;, where
+  &lt;var title=3D&quot;&quot;&gt;task&lt;/var&gt; is a &lt;a href=3D#co=
ncept-task title=3Dconcept-task&gt;task&lt;/a&gt; that dispatches an even=
t on a
+  target &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&=
lt;/a&gt;&lt;/code&gt; object &lt;var title=3D&quot;&quot;&gt;target&lt;/=
var&gt;, the user agent must run
+  the appropriate steps from the following list:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;target&lt;/var&=
gt;'s &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&g=
t; is
+   &lt;a href=3D#ready-for-post-load-tasks&gt;ready for post-load tasks&=
lt;/a&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;&lt;a href=3D#queue-a-task title=3D&quot;queue a t=
ask&quot;&gt;Queue&lt;/a&gt; the task &lt;var title=3D&quot;&quot;&gt;tas=
k&lt;/var&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;Add &lt;var title=3D&quot;&quot;&gt;task&lt;/var&g=
t; to &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt;'s &lt;code&gt;&l=
t;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'s list
+   of &lt;a href=3D#pending-application-cache-download-process-tasks&gt;=
pending application cache download process tasks&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;The &lt;a href=3D#task-source&gt;task source&lt;/a=
&gt; for these &lt;a href=3D#concept-task title=3Dconcept-task&gt;tasks&l=
t;/a&gt; is the
+  &lt;a href=3D#networking-task-source&gt;networking task source&lt;/a&g=
t;.&lt;/p&gt;
+
+
+
+
+  &lt;h4 id=3Dthe-application-cache-selection-algorithm&gt;&lt;span clas=
s=3Dsecno&gt;6.7.5 &lt;/span&gt;The application cache selection algorithm=
&lt;/h4&gt;
+
+  &lt;p&gt;When the &lt;dfn id=3Dconcept-appcache-init title=3Dconcept-a=
ppcache-init&gt;application cache selection algorithm&lt;/dfn&gt;
+  algorithm is invoked with a &lt;code&gt;&lt;a href=3D#document&gt;Docu=
ment&lt;/a&gt;&lt;/code&gt; &lt;var title=3D&quot;&quot;&gt;document&lt;/=
var&gt; and optionally a
+  manifest &lt;a href=3D#url&gt;URL&lt;/a&gt; &lt;var title=3D&quot;&quo=
t;&gt;manifest URL&lt;/var&gt;, the user agent must run the first
+  applicable set of steps from the following list:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;If there is a &lt;var title=3D&quot=
;&quot;&gt;manifest URL&lt;/var&gt;, and &lt;var title=3D&quot;&quot;&gt;=
document&lt;/var&gt; was loaded
+   from an &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt=
;, and the URL of the &lt;a href=3D#concept-appcache-manifest title=3Dcon=
cept-appcache-manifest&gt;manifest&lt;/a&gt; of that cache's &lt;a href=3D=
#application-cache-group&gt;application cache
+   group&lt;/a&gt; is &lt;em&gt;not&lt;/em&gt; the same as &lt;var title=
=3D&quot;&quot;&gt;manifest URL&lt;/var&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Mark the entry for the resource from which &lt;var title=3D=
&quot;&quot;&gt;document&lt;/var&gt; was taken in the
+    &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt; from =
which it was loaded as &lt;a href=3D#concept-appcache-foreign title=3Dcon=
cept-appcache-foreign&gt;foreign&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Restart the current navigation from the top of the &lt;a hr=
ef=3D#navigate title=3Dnavigate&gt;navigation
+    algorithm&lt;/a&gt;, undoing any changes that were made as part of t=
he initial load (changes can be
+    avoided by ensuring that the step to &lt;a href=3D#update-the-sessio=
n-history-with-the-new-page&gt;update the session history with the new pa=
ge&lt;/a&gt;
+    is only ever completed &lt;em&gt;after&lt;/em&gt; this &lt;a href=3D=
#concept-appcache-init title=3Dconcept-appcache-init&gt;application cache
+    selection algorithm&lt;/a&gt; is run, though this is not required).&=
lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The navigation will not result in the same res=
ource being loaded, because
+    &quot;foreign&quot; entries are never picked during navigation.&lt;/=
p&gt;
+
+    &lt;p&gt;User agents may notify the user of the inconsistency betwee=
n the cache manifest and the
+    document's own metadata, to aid in application development.&lt;/p&gt=
;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;document&lt;/var&gt; was=
 loaded from an &lt;a href=3D#application-cache&gt;application cache&lt;/=
a&gt;, and that
+   &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt; still =
exists (it is not now &lt;a href=3D#concept-appcache-obsolete title=3Dcon=
cept-appcache-obsolete&gt;obsolete&lt;/a&gt;)&lt;!--[redundant], and eith=
er there is no &lt;var
+   title=3D&quot;&quot;&gt;manifest URL&lt;/var&gt;, or the URL of the &=
lt;span
+   title=3D&quot;concept-appcache-manifest&quot;&gt;manifest&lt;/span&gt=
; of the cache's &lt;span&gt;application cache
+   group&lt;/span&gt; is the same as &lt;var title=3D&quot;&quot;&gt;man=
ifest URL&lt;/var&gt;--&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Associate &lt;var title=3D&quot;&quot;&gt;document&lt;/var&=
gt; with the &lt;a href=3D#application-cache&gt;application cache&lt;/a&g=
t; from which it
+    was loaded. Invoke, in the background, the &lt;a href=3D#application=
-cache-download-process&gt;application cache download process&lt;/a&gt; f=
or
+    that &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt;'=
s &lt;a href=3D#application-cache-group&gt;application cache group&lt;/a&=
gt;, with &lt;var title=3D&quot;&quot;&gt;document&lt;/var&gt; as the &lt=
;a href=3D#cache-host&gt;cache host&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;document&lt;/var&gt; &lt=
;!--[redundant] was not loaded from an &lt;span&gt;application
+   cache&lt;/span&gt;, but it--&gt; was loaded using HTTP GET &lt;a href=
=3D#concept-http-equivalent-get title=3Dconcept-http-equivalent-get&gt;or
+   equivalent&lt;/a&gt;, and, there is a &lt;var title=3D&quot;&quot;&gt=
;manifest URL&lt;/var&gt;, and &lt;var title=3D&quot;&quot;&gt;manifest
+   URL&lt;/var&gt; has the &lt;a href=3D#same-origin&gt;same origin&lt;/=
a&gt; as &lt;var title=3D&quot;&quot;&gt;document&lt;/var&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Invoke, in the background, the &lt;a href=3D#application-ca=
che-download-process&gt;application cache download process&lt;/a&gt; for =
&lt;var title=3D&quot;&quot;&gt;manifest URL&lt;/var&gt;, with &lt;var ti=
tle=3D&quot;&quot;&gt;document&lt;/var&gt; as the &lt;a href=3D#cache-hos=
t&gt;cache host&lt;/a&gt;
+    and with the resource from which &lt;var title=3D&quot;&quot;&gt;doc=
ument&lt;/var&gt; was parsed as the &lt;a href=3D#concept-appcache-master=
 title=3Dconcept-appcache-master&gt;master&lt;/a&gt; resource.&lt;/p&gt;
+
+    &lt;p&gt;If there are &lt;a href=3D#relevant-application-cache title=
=3D&quot;relevant application cache&quot;&gt;relevant application caches&=
lt;/a&gt; that
+    are identified by a URL with the &lt;a href=3D#same-origin&gt;same o=
rigin&lt;/a&gt; as the URL of &lt;var title=3D&quot;&quot;&gt;document&lt=
;/var&gt;, and that have this URL as one of their entries, excluding entr=
ies
+    marked as &lt;a href=3D#concept-appcache-foreign title=3Dconcept-app=
cache-foreign&gt;foreign&lt;/a&gt;, then the user agent should use
+    the &lt;a href=3D#concept-appcache-selection title=3Dconcept-appcach=
e-selection&gt;most appropriate application cache&lt;/a&gt; of those
+    that match as an HTTP cache for any subresource loads. User agents m=
ay also have other caches in
+    place that are also honored.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;Otherwise&lt;/dt&gt; &lt;!-- not from cache and either no &=
lt;var title=3D&quot;&quot;&gt;manifest URL&lt;/var&gt;, or
+   non-GET, or wrong-origin manifest --&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt; is not associated with any &lt;a href=3D#application-cache=
&gt;application cache&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;If there was a &lt;var title=3D&quot;&quot;&gt;manifest URL=
&lt;/var&gt;, the user agent may report to the user that
+    it was ignored, to aid in application development.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h4 id=3DchangesToNetworkingModel&gt;&lt;span class=3Dse=
cno&gt;6.7.6 &lt;/span&gt;Changes to the networking model&lt;/h4&gt;
+
+  &lt;p&gt;When a &lt;a href=3D#cache-host&gt;cache host&lt;/a&gt; is as=
sociated with an &lt;a href=3D#application-cache&gt;application cache&lt;=
/a&gt; whose &lt;a href=3D#concept-appcache-completeness title=3Dconcept-=
appcache-completeness&gt;completeness flag&lt;/a&gt; is &lt;i&gt;complete=
&lt;/i&gt;, any and all
+  loads for resources related to that &lt;a href=3D#cache-host&gt;cache =
host&lt;/a&gt; other than those for &lt;a href=3D#child-browsing-context =
title=3D&quot;child browsing context&quot;&gt;child browsing contexts&lt;=
/a&gt; must go through the following steps
+  instead of immediately invoking the mechanisms appropriate to that res=
ource's scheme:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!--FETCH--&gt;&lt;li&gt;&lt;p&gt;If the resource is not =
to be fetched using the HTTP GET mechanism &lt;a href=3D#concept-http-equ=
ivalent-get title=3Dconcept-http-equivalent-get&gt;or equivalent&lt;/a&gt=
;, or if applying the &lt;a href=3D#url-parser&gt;URL
+   parser&lt;/a&gt; algorithm to both its &lt;a href=3D#url&gt;URL&lt;/a=
&gt; and the &lt;a href=3D#application-cache&gt;application cache&lt;/a&g=
t;'s
+   &lt;a href=3D#concept-appcache-manifest title=3Dconcept-appcache-mani=
fest&gt;manifest&lt;/a&gt;'s URL results in two &lt;a href=3D#parsed-url =
title=3D&quot;parsed
+   URL&quot;&gt;parsed URLs&lt;/a&gt; with different &lt;a href=3D#conce=
pt-url-scheme title=3Dconcept-url-scheme&gt;scheme&lt;/a&gt; components,
+   then &lt;a href=3D#fetch&gt;fetch&lt;/a&gt; the resource normally and=
 abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the resource's URL is &lt;a href=3D#concept-app=
cache-master title=3Dconcept-appcache-master&gt;a master entry&lt;/a&gt;,
+   &lt;a href=3D#concept-appcache-manifest title=3Dconcept-appcache-mani=
fest&gt;the manifest&lt;/a&gt;, &lt;a href=3D#concept-appcache-explicit t=
itle=3Dconcept-appcache-explicit&gt;an explicit entry&lt;/a&gt;, or &lt;a=
 href=3D#concept-appcache-fallback title=3Dconcept-appcache-fallback&gt;a=
 fallback entry&lt;/a&gt; in the &lt;a href=3D#application-cache&gt;appli=
cation cache&lt;/a&gt;,
+   then get the resource from the cache (instead of fetching it), and ab=
ort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If there is an entry in the &lt;a href=3D#applicat=
ion-cache&gt;application cache&lt;/a&gt;'s &lt;a href=3D#concept-appcache=
-onlinewhitelist title=3Dconcept-appcache-onlinewhitelist&gt;online white=
list&lt;/a&gt; that has the &lt;a href=3D#same-origin&gt;same
+   origin&lt;/a&gt; as the resource's URL and that is a &lt;a href=3D#pr=
efix-match&gt;prefix match&lt;/a&gt; for the resource's
+   URL, then &lt;a href=3D#fetch&gt;fetch&lt;/a&gt; the resource normall=
y and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the resource's URL has the &lt;a href=3D#same-origin&gt;=
same origin&lt;/a&gt; as the manifest's URL, and there is a
+    &lt;a href=3D#concept-appcache-fallback-ns title=3Dconcept-appcache-=
fallback-ns&gt;fallback namespace&lt;/a&gt; &lt;var title=3D&quot;&quot;&=
gt;f&lt;/var&gt; in
+    the &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt; t=
hat is a &lt;a href=3D#prefix-match&gt;prefix match&lt;/a&gt; for the res=
ource's URL,
+    then:&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#fetch&gt;Fetch&lt;/a&gt; the resource normall=
y. If this results in a redirect to a resource with
+    another &lt;a href=3D#origin&gt;origin&lt;/a&gt; (indicative of a ca=
ptive portal), or a 4xx or 5xx status code &lt;a href=3D#concept-http-equ=
ivalent-codes title=3Dconcept-http-equivalent-codes&gt;or equivalent&lt;/=
a&gt;, or if there were network errors (but
+    not if the user canceled the download), then instead get, from the c=
ache, the resource of the
+    &lt;a href=3D#concept-appcache-fallback title=3Dconcept-appcache-fal=
lback&gt;fallback entry&lt;/a&gt; corresponding to the &lt;a href=3D#conc=
ept-appcache-fallback-ns title=3Dconcept-appcache-fallback-ns&gt;fallback=
 namespace&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;f&lt;/var&gt;. Abort
+    these steps.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#application-cache&gt;applicat=
ion cache&lt;/a&gt;'s &lt;a href=3D#concept-appcache-onlinewhitelist-wild=
card title=3Dconcept-appcache-onlinewhitelist-wildcard&gt;online whitelis=
t wildcard flag&lt;/a&gt; is &lt;i title=3D&quot;&quot;&gt;open&lt;/i&gt;=
, then &lt;a href=3D#fetch&gt;fetch&lt;/a&gt; the resource normally and a=
bort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Fail the resource load as if there had been a gene=
ric network error.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;The above algorithm ensures that so l=
ong as the &lt;a href=3D#concept-appcache-onlinewhitelist-wildcard title=3D=
concept-appcache-onlinewhitelist-wildcard&gt;online whitelist wildcard fl=
ag&lt;/a&gt; is &lt;i title=3D&quot;&quot;&gt;blocking&lt;/i&gt;, resourc=
es that are not present in the &lt;a href=3D#concept-appcache-manifest ti=
tle=3Dconcept-appcache-manifest&gt;manifest&lt;/a&gt; will always fail to=
 load (at least, after the
+  &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt; has bee=
n primed the first time), making the testing of offline
+  applications simpler.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dexpiring-application-caches&gt;&lt;span class=3Dsecno&gt;6=
.7.7 &lt;/span&gt;Expiring application caches&lt;/h4&gt;
+
+  &lt;p&gt;As a general rule, user agents should not expire application =
caches, except on request from the
+  user, or after having been left unused for an extended period of time.=
&lt;/p&gt;
+
+  &lt;p&gt;Application caches and cookies have similar implications with=
 respect to privacy (e.g. if the
+  site can identify the user when providing the cache, it can store data=
 in the cache that can be
+  used for cookie resurrection). Implementors are therefore encouraged t=
o expose application caches
+  in a manner related to HTTP cookies, allowing caches to be expunged to=
gether with cookies and
+  other origin-specific data.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;For example, a user agent could have a &quot;=
delete site-specific data&quot; feature that
+  clears all cookies, application caches, local storage, databases, etc,=
 from an origin all at
+  once.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Ddisk-space&gt;&lt;span class=3Dsecno&gt;6.7.8 &lt;/span&gt=
;Disk space&lt;/h4&gt;
+
+  &lt;p&gt;User agents should consider applying constraints on disk usag=
e of &lt;a href=3D#application-cache title=3D&quot;application
+  cache&quot;&gt;application caches&lt;/a&gt;, and care should be taken =
to ensure that the restrictions cannot
+  be easily worked around using subdomains.&lt;/p&gt;
+
+  &lt;p&gt;User agents should allow users to see how much space each dom=
ain is using, and may offer the
+  user the ability to delete specific &lt;a href=3D#application-cache ti=
tle=3D&quot;application cache&quot;&gt;application caches&lt;/a&gt;.&lt;/=
p&gt;
+
+  &lt;p&gt;For predictability, quotas should be based on the uncompresse=
d size of data stored.&lt;/p&gt;
+  &lt;!-- see https://www.w3.org/Bugs/Public/show_bug.cgi?id=3D21319#c3 =
--&gt;
+
+  &lt;p class=3Dnote&gt;How quotas are presented to the user is not defi=
ned by this specification. User
+  agents are encouraged to provide features such as allowing a user to i=
ndicate that certain sites
+  are trusted to use more than the default quota, e.g. by asynchronously=
 presenting a user interface
+  while a cache is being updated, or by having an explicit whitelist in =
the user agent's
+  configuration interface.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dapplication-cache-api&gt;&lt;span class=3Dsecno&gt;6.7.9 &=
lt;/span&gt;Application cache API&lt;/h4&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dapplicationcache&gt;Appl=
icationCache&lt;/dfn&gt; : &lt;a href=3D#eventtarget&gt;EventTarget&lt;/a=
&gt; {
+
+  // &lt;a href=3D#concept-appcache-status title=3Dconcept-appcache-stat=
us&gt;update status&lt;/a&gt;
+  const unsigned short &lt;a href=3D#dom-appcache-uncached title=3Ddom-a=
ppcache-UNCACHED&gt;UNCACHED&lt;/a&gt; =3D 0;
+  const unsigned short &lt;a href=3D#dom-appcache-idle title=3Ddom-appca=
che-IDLE&gt;IDLE&lt;/a&gt; =3D 1;
+  const unsigned short &lt;a href=3D#dom-appcache-checking title=3Ddom-a=
ppcache-CHECKING&gt;CHECKING&lt;/a&gt; =3D 2;
+  const unsigned short &lt;a href=3D#dom-appcache-downloading title=3Ddo=
m-appcache-DOWNLOADING&gt;DOWNLOADING&lt;/a&gt; =3D 3;
+  const unsigned short &lt;a href=3D#dom-appcache-updateready title=3Ddo=
m-appcache-UPDATEREADY&gt;UPDATEREADY&lt;/a&gt; =3D 4;
+  const unsigned short &lt;a href=3D#dom-appcache-obsolete title=3Ddom-a=
ppcache-OBSOLETE&gt;OBSOLETE&lt;/a&gt; =3D 5;
+  readonly attribute unsigned short &lt;a href=3D#dom-appcache-status ti=
tle=3Ddom-appcache-status&gt;status&lt;/a&gt;;
+
+  // updates
+  void &lt;a href=3D#dom-appcache-update title=3Ddom-appcache-update&gt;=
update&lt;/a&gt;();
+  void &lt;a href=3D#dom-appcache-abort title=3Ddom-appcache-abort&gt;ab=
ort&lt;/a&gt;();
+  void &lt;a href=3D#dom-appcache-swapcache title=3Ddom-appcache-swapCac=
he&gt;swapCache&lt;/a&gt;();
+
+  // events
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-appcache-onchecking title=3Dhandler-appcache-onch=
ecking&gt;onchecking&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-appcache-onerror title=3Dhandler-appcache-onerror=
&gt;onerror&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-appcache-onnoupdate title=3Dhandler-appcache-onno=
update&gt;onnoupdate&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-appcache-ondownloading title=3Dhandler-appcache-o=
ndownloading&gt;ondownloading&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-appcache-onprogress title=3Dhandler-appcache-onpr=
ogress&gt;onprogress&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-appcache-onupdateready title=3Dhandler-appcache-o=
nupdateready&gt;onupdateready&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-appcache-oncached title=3Dhandler-appcache-oncach=
ed&gt;oncached&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-appcache-onobsolete title=3Dhandler-appcache-onob=
solete&gt;onobsolete&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;c=
ache&lt;/var&gt; =3D &lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; .=
 &lt;code title=3Ddom-applicationCache&gt;&lt;a href=3D#dom-applicationca=
che&gt;applicationCache&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;(In a window.) Returns the &lt;code&gt;&lt;a href=3D#applic=
ationcache&gt;ApplicationCache&lt;/a&gt;&lt;/code&gt; object that applies=
 to the
+    &lt;a href=3D#active-document&gt;active document&lt;/a&gt; of that &=
lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt;.&lt;/p&g=
t;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;cache&lt;/var&gt; =3D &lt;v=
ar title=3D&quot;&quot;&gt;self&lt;/var&gt; . &lt;code title=3Ddom-applic=
ationCache&gt;&lt;a href=3D#dom-applicationcache&gt;applicationCache&lt;/=
a&gt;&lt;/code&gt;&lt;/dt&gt; &lt;dd&gt;
+
+    &lt;p&gt;(In a shared worker.) Returns the &lt;code&gt;&lt;a href=3D=
#applicationcache&gt;ApplicationCache&lt;/a&gt;&lt;/code&gt; object that =
applies to the
+    current shared worker.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;cache&lt;/var&gt; . &lt;cod=
e title=3Ddom-appcache-status&gt;&lt;a href=3D#dom-appcache-status&gt;sta=
tus&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current status of the application cache, as giv=
en by the constants defined
+    below.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;cache&lt;/var&gt; . &lt;cod=
e title=3Ddom-appcache-update&gt;&lt;a href=3D#dom-appcache-update&gt;upd=
ate&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Invokes the &lt;a href=3D#application-cache-download-proces=
s&gt;application cache download process&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;In=
validStateError&lt;/a&gt;&lt;/code&gt; exception if there is no applicati=
on cache to
+    update.&lt;/p&gt;
+
+    &lt;p&gt;Calling this method is not usually necessary, as user agent=
s will generally take care of
+    updating &lt;a href=3D#application-cache title=3D&quot;application c=
ache&quot;&gt;application caches&lt;/a&gt; automatically.&lt;/p&gt;
+
+    &lt;p&gt;The method can be useful in situations such as long-lived a=
pplications. For example, a Web
+    mail application might stay open in a browser tab for weeks at a tim=
e. Such an application could
+    want to test for updates each day.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;cache&lt;/var&gt; . &lt;cod=
e title=3Ddom-appcache-abort&gt;&lt;a href=3D#dom-appcache-abort&gt;abort=
&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Cancels the &lt;a href=3D#application-cache-download-proces=
s&gt;application cache download process&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;This method is intended to be used by Web application showi=
ng their own caching progress UI,
+    in case the user wants to stop the update (e.g. because bandwidth is=
 limited).&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;cache&lt;/var&gt; . &lt;cod=
e title=3Ddom-appcache-swapCache&gt;&lt;a href=3D#dom-appcache-swapcache&=
gt;swapCache&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Switches to the most recent application cache, if there is =
a newer one. If there isn't,
+    throws an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStat=
eError&lt;/a&gt;&lt;/code&gt; exception.&lt;/p&gt;
+
+    &lt;p&gt;This does not cause previously-loaded resources to be reloa=
ded; for example, images do not
+    suddenly get reloaded and style sheets and scripts do not get repars=
ed or reevaluated. The only
+    change is that subsequent requests for cached resources will obtain =
the newer copies.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;code title=3Devent-appcache-updateready&gt;&lt;a hr=
ef=3D#event-appcache-updateready&gt;updateready&lt;/a&gt;&lt;/code&gt; ev=
ent will fire before this
+    method can be called. Once it fires, the Web application can, at its=
 leisure, call this method
+    to switch the underlying cache to the one with the more recent updat=
es. To make proper use of
+    this, applications have to be able to bring the new features into pl=
ay; for example, reloading
+    scripts to enable new features.&lt;/p&gt;
+
+    &lt;p&gt;An easier alternative to &lt;code title=3Ddom-appcache-swap=
Cache&gt;&lt;a href=3D#dom-appcache-swapcache&gt;swapCache()&lt;/a&gt;&lt=
;/code&gt; is just to
+    reload the entire page at a time suitable for the user, using &lt;co=
de title=3Ddom-location-reload&gt;&lt;a href=3D#dom-location-reload&gt;lo=
cation.reload()&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;There is a one-to-one mapping from &lt;a href=3D#cache-host t=
itle=3D&quot;cache host&quot;&gt;cache hosts&lt;/a&gt; to
+  &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&lt;/a&g=
t;&lt;/code&gt; objects. The &lt;dfn id=3Ddom-applicationcache title=3Ddo=
m-applicationCache&gt;&lt;code&gt;applicationCache&lt;/code&gt;&lt;/dfn&g=
t; attribute on &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/=
code&gt;
+  objects must return the &lt;code&gt;&lt;a href=3D#applicationcache&gt;=
ApplicationCache&lt;/a&gt;&lt;/code&gt; object associated with the
+  &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obje=
ct's &lt;a href=3D#active-document&gt;active document&lt;/a&gt;. The &lt;=
dfn id=3Ddom-sharedworkerglobalscope-applicationcache title=3Ddom-SharedW=
orkerGlobalScope-applicationCache&gt;&lt;code&gt;applicationCache&lt;/cod=
e&gt;&lt;/dfn&gt; attribute
+  on &lt;code&gt;&lt;a href=3D#sharedworkerglobalscope&gt;SharedWorkerGl=
obalScope&lt;/a&gt;&lt;/code&gt; objects must return the &lt;code&gt;&lt;=
a href=3D#applicationcache&gt;ApplicationCache&lt;/a&gt;&lt;/code&gt;
+  object associated with the worker.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;A &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;=
/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#sharedworkerglobalscope&=
gt;SharedWorkerGlobalScope&lt;/a&gt;&lt;/code&gt; object has an
+  associated &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCa=
che&lt;/a&gt;&lt;/code&gt; object even if that &lt;a href=3D#cache-host&g=
t;cache host&lt;/a&gt; has no actual
+  &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt;.&lt;/p&=
gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-appcache-status title=3Ddom-ap=
pcache-status&gt;&lt;code&gt;status&lt;/code&gt;&lt;/dfn&gt; attribute, o=
n getting, must
+  return the current state of the &lt;a href=3D#application-cache&gt;app=
lication cache&lt;/a&gt; that the
+  &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&lt;/a&g=
t;&lt;/code&gt; object's &lt;a href=3D#cache-host&gt;cache host&lt;/a&gt;=
 is associated with, if any. This
+  must be the appropriate value from the following list:&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Ddom-appcache-uncached title=3Ddom-app=
cache-UNCACHED&gt;&lt;code&gt;UNCACHED&lt;/code&gt;&lt;/dfn&gt; (numeric =
value 0)&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#applicationcache&gt;=
ApplicationCache&lt;/a&gt;&lt;/code&gt; object's &lt;a href=3D#cache-host=
&gt;cache host&lt;/a&gt; is not associated with
+   an &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt; at =
this time.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-appcache-idle title=3Ddom-appcache-IDLE&gt=
;&lt;code&gt;IDLE&lt;/code&gt;&lt;/dfn&gt; (numeric value 1)&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#applicationcache&gt;=
ApplicationCache&lt;/a&gt;&lt;/code&gt; object's &lt;a href=3D#cache-host=
&gt;cache host&lt;/a&gt; is associated with an
+   &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt; whose =
&lt;a href=3D#application-cache-group&gt;application cache group&lt;/a&gt=
;'s &lt;a href=3D#concept-appcache-status title=3Dconcept-appcache-status=
&gt;update status&lt;/a&gt; is &lt;i&gt;idle&lt;/i&gt;, and that &lt;a hr=
ef=3D#application-cache&gt;application
+   cache&lt;/a&gt; is the &lt;a href=3D#concept-appcache-newer title=3Dc=
oncept-appcache-newer&gt;newest&lt;/a&gt; cache in its
+   &lt;a href=3D#application-cache-group&gt;application cache group&lt;/=
a&gt;, and the &lt;a href=3D#application-cache-group&gt;application cache=
 group&lt;/a&gt; is not marked
+   as &lt;a href=3D#concept-appcache-obsolete title=3Dconcept-appcache-o=
bsolete&gt;obsolete&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-appcache-checking title=3Ddom-appcache-CHE=
CKING&gt;&lt;code&gt;CHECKING&lt;/code&gt;&lt;/dfn&gt; (numeric value 2)&=
lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#applicationcache&gt;=
ApplicationCache&lt;/a&gt;&lt;/code&gt; object's &lt;a href=3D#cache-host=
&gt;cache host&lt;/a&gt; is associated with an
+   &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt; whose =
&lt;a href=3D#application-cache-group&gt;application cache group&lt;/a&gt=
;'s &lt;a href=3D#concept-appcache-status title=3Dconcept-appcache-status=
&gt;update status&lt;/a&gt; is &lt;i&gt;checking&lt;/i&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-appcache-downloading title=3Ddom-appcache-=
DOWNLOADING&gt;&lt;code&gt;DOWNLOADING&lt;/code&gt;&lt;/dfn&gt; (numeric =
value 3)&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#applicationcache&gt;=
ApplicationCache&lt;/a&gt;&lt;/code&gt; object's &lt;a href=3D#cache-host=
&gt;cache host&lt;/a&gt; is associated with an
+   &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt; whose =
&lt;a href=3D#application-cache-group&gt;application cache group&lt;/a&gt=
;'s &lt;a href=3D#concept-appcache-status title=3Dconcept-appcache-status=
&gt;update status&lt;/a&gt; is &lt;i&gt;downloading&lt;/i&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-appcache-updateready title=3Ddom-appcache-=
UPDATEREADY&gt;&lt;code&gt;UPDATEREADY&lt;/code&gt;&lt;/dfn&gt; (numeric =
value 4)&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#applicationcache&gt;=
ApplicationCache&lt;/a&gt;&lt;/code&gt; object's &lt;a href=3D#cache-host=
&gt;cache host&lt;/a&gt; is associated with an
+   &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt; whose =
&lt;a href=3D#application-cache-group&gt;application cache group&lt;/a&gt=
;'s &lt;a href=3D#concept-appcache-status title=3Dconcept-appcache-status=
&gt;update status&lt;/a&gt; is &lt;i&gt;idle&lt;/i&gt;, and whose &lt;a h=
ref=3D#application-cache-group&gt;application
+   cache group&lt;/a&gt; is not marked as &lt;a href=3D#concept-appcache=
-obsolete title=3Dconcept-appcache-obsolete&gt;obsolete&lt;/a&gt;, but
+   that &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt; i=
s &lt;em&gt;not&lt;/em&gt; the &lt;a href=3D#concept-appcache-newer title=
=3Dconcept-appcache-newer&gt;newest&lt;/a&gt; cache in its group.&lt;/dd&=
gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-appcache-obsolete title=3Ddom-appcache-OBS=
OLETE&gt;&lt;code&gt;OBSOLETE&lt;/code&gt;&lt;/dfn&gt; (numeric value 5)&=
lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#applicationcache&gt;=
ApplicationCache&lt;/a&gt;&lt;/code&gt; object's &lt;a href=3D#cache-host=
&gt;cache host&lt;/a&gt; is associated with an
+   &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt; whose =
&lt;a href=3D#application-cache-group&gt;application cache group&lt;/a&gt=
; is marked as &lt;a href=3D#concept-appcache-obsolete title=3Dconcept-ap=
pcache-obsolete&gt;obsolete&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;hr&gt;&lt;p&gt;If the &lt;dfn id=3Ddom-appcache-update title=3Ddom=
-appcache-update&gt;&lt;code&gt;update()&lt;/code&gt;&lt;/dfn&gt; method =
is invoked, the user
+  agent must invoke the &lt;a href=3D#application-cache-download-process=
&gt;application cache download process&lt;/a&gt;, in the background, for =
the
+  &lt;a href=3D#application-cache-group&gt;application cache group&lt;/a=
&gt; of the &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt=
; with which the
+  &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&lt;/a&g=
t;&lt;/code&gt; object's &lt;a href=3D#cache-host&gt;cache host&lt;/a&gt;=
 is associated, but without giving
+  that &lt;a href=3D#cache-host&gt;cache host&lt;/a&gt; to the algorithm=
. If there is no such &lt;a href=3D#application-cache&gt;application cach=
e&lt;/a&gt;,
+  or if its &lt;a href=3D#application-cache-group&gt;application cache g=
roup&lt;/a&gt; is marked as &lt;a href=3D#concept-appcache-obsolete title=
=3Dconcept-appcache-obsolete&gt;obsolete&lt;/a&gt;, then the method must =
throw an
+  &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateError&lt;/a=
&gt;&lt;/code&gt; exception instead.&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;dfn id=3Ddom-appcache-abort title=3Ddom-appcache-a=
bort&gt;&lt;code&gt;abort()&lt;/code&gt;&lt;/dfn&gt; method is invoked, t=
he user
+  agent must &lt;dfn id=3Dsend-a-signal&gt;send a signal&lt;/dfn&gt; to =
the current &lt;a href=3D#application-cache-download-process&gt;applicati=
on cache download process&lt;/a&gt;
+  for the &lt;a href=3D#application-cache-group&gt;application cache gro=
up&lt;/a&gt; of the &lt;a href=3D#application-cache&gt;application cache&=
lt;/a&gt; with which the
+  &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&lt;/a&g=
t;&lt;/code&gt; object's &lt;a href=3D#cache-host&gt;cache host&lt;/a&gt;=
 is associated, if any. If there is
+  no such &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt;=
, or it does not have a current &lt;a href=3D#application-cache-download-=
process&gt;application cache
+  download process&lt;/a&gt;, then do nothing.&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;dfn id=3Ddom-appcache-swapcache title=3Ddom-appcac=
he-swapCache&gt;&lt;code&gt;swapCache()&lt;/code&gt;&lt;/dfn&gt; method i=
s invoked,
+  the user agent must run the following steps:
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Check that &lt;code&gt;&lt;a href=3D#appl=
icationcache&gt;ApplicationCache&lt;/a&gt;&lt;/code&gt; object's &lt;a hr=
ef=3D#cache-host&gt;cache host&lt;/a&gt; is associated
+   with an &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt=
;. If it is not, then throw an
+   &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateError&lt;/=
a&gt;&lt;/code&gt; exception and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;cache&lt;/var&=
gt; be the &lt;a href=3D#application-cache&gt;application cache&lt;/a&gt;=
 with which the
+   &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&lt;/a&=
gt;&lt;/code&gt; object's &lt;a href=3D#cache-host&gt;cache host&lt;/a&gt=
; is associated. (By definition,
+   this is the same as the one that was found in the previous step.)&lt;=
/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;cache&lt;/var&g=
t;'s &lt;a href=3D#application-cache-group&gt;application cache group&lt;=
/a&gt; is marked as &lt;a href=3D#concept-appcache-obsolete title=3Dconce=
pt-appcache-obsolete&gt;obsolete&lt;/a&gt;, then unassociate the
+   &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&lt;/a&=
gt;&lt;/code&gt; object's &lt;a href=3D#cache-host&gt;cache host&lt;/a&gt=
; from &lt;var title=3D&quot;&quot;&gt;cache&lt;/var&gt; and
+   abort these steps. (Resources will now load from the network instead =
of the cache.)&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Check that there is an application cache in the sa=
me &lt;a href=3D#application-cache-group&gt;application cache group&lt;/a=
&gt;
+   as &lt;var title=3D&quot;&quot;&gt;cache&lt;/var&gt; whose &lt;a href=
=3D#concept-appcache-completeness title=3Dconcept-appcache-completeness&g=
t;completeness
+   flag&lt;/a&gt; is &lt;i&gt;complete&lt;/i&gt; and that is &lt;a href=3D=
#concept-appcache-newer title=3Dconcept-appcache-newer&gt;newer&lt;/a&gt;=
 than
+   &lt;var title=3D&quot;&quot;&gt;cache&lt;/var&gt;. If there is not, t=
hen throw an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateE=
rror&lt;/a&gt;&lt;/code&gt;
+   exception and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;new cache&lt;/=
var&gt; be the &lt;a href=3D#concept-appcache-newer title=3Dconcept-appca=
che-newer&gt;newest&lt;/a&gt; &lt;a href=3D#application-cache&gt;applicat=
ion cache&lt;/a&gt; in the same
+   &lt;a href=3D#application-cache-group&gt;application cache group&lt;/=
a&gt; as &lt;var title=3D&quot;&quot;&gt;cache&lt;/var&gt; whose &lt;a hr=
ef=3D#concept-appcache-completeness title=3Dconcept-appcache-completeness=
&gt;completeness flag&lt;/a&gt; is &lt;i&gt;complete&lt;/i&gt;.&lt;/li&gt=
;
+
+   &lt;li&gt;&lt;p&gt;Unassociate the &lt;code&gt;&lt;a href=3D#applicat=
ioncache&gt;ApplicationCache&lt;/a&gt;&lt;/code&gt; object's &lt;a href=3D=
#cache-host&gt;cache host&lt;/a&gt; from &lt;var title=3D&quot;&quot;&gt;=
cache&lt;/var&gt; and instead associate it with &lt;var title=3D&quot;&qu=
ot;&gt;new cache&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The following are the &lt;a href=3D#event-handlers=
&gt;event handlers&lt;/a&gt; (and their corresponding &lt;a href=3D#event=
-handler-event-type title=3D&quot;event
+  handler event type&quot;&gt;event handler event types&lt;/a&gt;) &lt;s=
pan class=3Dimpl&gt;that must be&lt;/span&gt;
+  supported, as &lt;a href=3D#event-handler-idl-attributes&gt;event hand=
ler IDL attributes&lt;/a&gt;, by all objects implementing the
+  &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&lt;/a&g=
t;&lt;/code&gt; interface:&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;a href=3D#event-hand=
lers title=3D&quot;event handlers&quot;&gt;Event handler&lt;/a&gt; &lt;th=
&gt;&lt;a href=3D#event-handler-event-type&gt;Event handler event type&lt=
;/a&gt;
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-appcache-onchec=
king title=3Dhandler-appcache-onchecking&gt;&lt;code&gt;onchecking&lt;/co=
de&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code title=3Devent-appcache-checking&gt=
;&lt;a href=3D#event-appcache-checking&gt;checking&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-appcache-onerror title=3Dha=
ndler-appcache-onerror&gt;&lt;code&gt;onerror&lt;/code&gt;&lt;/dfn&gt; &l=
t;td&gt; &lt;code title=3Devent-appcache-error&gt;&lt;a href=3D#event-app=
cache-error&gt;error&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-appcache-onnoupdate title=3D=
handler-appcache-onnoupdate&gt;&lt;code&gt;onnoupdate&lt;/code&gt;&lt;/df=
n&gt; &lt;td&gt; &lt;code title=3Devent-appcache-noupdate&gt;&lt;a href=3D=
#event-appcache-noupdate&gt;noupdate&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-appcache-ondownloading titl=
e=3Dhandler-appcache-ondownloading&gt;&lt;code&gt;ondownloading&lt;/code&=
gt;&lt;/dfn&gt; &lt;td&gt; &lt;code title=3Devent-appcache-downloading&gt=
;&lt;a href=3D#event-appcache-downloading&gt;downloading&lt;/a&gt;&lt;/co=
de&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-appcache-onprogress title=3D=
handler-appcache-onprogress&gt;&lt;code&gt;onprogress&lt;/code&gt;&lt;/df=
n&gt; &lt;td&gt; &lt;code title=3Devent-appcache-progress&gt;&lt;a href=3D=
#event-appcache-progress&gt;progress&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-appcache-onupdateready titl=
e=3Dhandler-appcache-onupdateready&gt;&lt;code&gt;onupdateready&lt;/code&=
gt;&lt;/dfn&gt; &lt;td&gt; &lt;code title=3Devent-appcache-updateready&gt=
;&lt;a href=3D#event-appcache-updateready&gt;updateready&lt;/a&gt;&lt;/co=
de&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-appcache-oncached title=3Dh=
andler-appcache-oncached&gt;&lt;code&gt;oncached&lt;/code&gt;&lt;/dfn&gt;=
 &lt;td&gt; &lt;code title=3Devent-appcache-cached&gt;&lt;a href=3D#event=
-appcache-cached&gt;cached&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-appcache-onobsolete title=3D=
handler-appcache-onobsolete&gt;&lt;code&gt;onobsolete&lt;/code&gt;&lt;/df=
n&gt; &lt;td&gt; &lt;code title=3Devent-appcache-obsolete&gt;&lt;a href=3D=
#event-appcache-obsolete&gt;obsolete&lt;/a&gt;&lt;/code&gt;
+  &lt;/table&gt;&lt;/div&gt;
+
+
+  &lt;h4 id=3Dbrowser-state&gt;&lt;span class=3Dsecno&gt;6.7.10 &lt;/spa=
n&gt;Browser state&lt;/h4&gt;
+
+  &lt;pre class=3Didl&gt;[NoInterfaceObject]
+interface &lt;dfn id=3Dnavigatoronline&gt;NavigatorOnLine&lt;/dfn&gt; {
+  readonly attribute boolean &lt;a href=3D#dom-navigator-online title=3D=
dom-navigator-onLine&gt;onLine&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;w=
indow&lt;/var&gt; . &lt;code title=3Ddom-navigator&gt;&lt;a href=3D#dom-n=
avigator&gt;navigator&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-navig=
ator-onLine&gt;&lt;a href=3D#dom-navigator-online&gt;onLine&lt;/a&gt;&lt;=
/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns false if the user agent is definitely offline (disc=
onnected from the network).
+    Returns true if the user agent might be online.&lt;/p&gt;
+
+    &lt;p&gt;The events &lt;code title=3Devent-online&gt;&lt;a href=3D#e=
vent-online&gt;online&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Devent-o=
ffline&gt;&lt;a href=3D#event-offline&gt;offline&lt;/a&gt;&lt;/code&gt; a=
re fired when the value of this attribute changes.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-navigator-online title=3Ddom-navigator-o=
nLine&gt;&lt;code&gt;navigator.onLine&lt;/code&gt;&lt;/dfn&gt; attribute =
must return
+  false if the user agent will not contact the network when the user fol=
lows links or when a script
+  requests a remote page (or knows that such an attempt would fail), and=
 must return true
+  otherwise.&lt;/p&gt;
+
+  &lt;p&gt;When the value that would be returned by the &lt;code title=3D=
dom-navigator-onLine&gt;&lt;a href=3D#dom-navigator-online&gt;navigator.o=
nLine&lt;/a&gt;&lt;/code&gt; attribute of a &lt;code&gt;&lt;a href=3D#win=
dow&gt;Window&lt;/a&gt;&lt;/code&gt; or
+  &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope&lt;/a=
&gt;&lt;/code&gt; changes from true to false, the user agent must &lt;a h=
ref=3D#queue-a-task&gt;queue a
+  task&lt;/a&gt; to &lt;a href=3D#fire-a-simple-event&gt;fire a simple e=
vent&lt;/a&gt; named &lt;dfn id=3Devent-offline title=3Devent-offline&gt;=
&lt;code&gt;offline&lt;/code&gt;&lt;/dfn&gt; at the &lt;code&gt;&lt;a hre=
f=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; or
+  &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope&lt;/a=
&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+  &lt;p&gt;On the other hand, when the value that would be returned by t=
he &lt;code title=3Ddom-navigator-onLine&gt;&lt;a href=3D#dom-navigator-o=
nline&gt;navigator.onLine&lt;/a&gt;&lt;/code&gt; attribute of a &lt;code&=
gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; or
+  &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope&lt;/a=
&gt;&lt;/code&gt; changes from false to true, the user agent must &lt;a h=
ref=3D#queue-a-task&gt;queue a
+  task&lt;/a&gt; to &lt;a href=3D#fire-a-simple-event&gt;fire a simple e=
vent&lt;/a&gt; named &lt;dfn id=3Devent-online title=3Devent-online&gt;&l=
t;code&gt;online&lt;/code&gt;&lt;/dfn&gt; at the &lt;code&gt;&lt;a href=3D=
#window&gt;Window&lt;/a&gt;&lt;/code&gt; or
+  &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope&lt;/a=
&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#task-source&gt;task source&lt;/a&gt; for th=
ese &lt;a href=3D#concept-task title=3Dconcept-task&gt;tasks&lt;/a&gt; is=
 the
+  &lt;a href=3D#networking-task-source&gt;networking task source&lt;/a&g=
t;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;This attribute is inherently unreliable. A compu=
ter can be connected to a network
+  without having Internet access.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this example, an indicator is updated as the browser goes=
 online and offline.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;html&amp;gt;
+ &amp;lt;head&amp;gt;
+  &amp;lt;title&amp;gt;Online status&amp;lt;/title&amp;gt;
+  &amp;lt;script&amp;gt;
+   function updateIndicator() {
+     document.getElementById('indicator').textContent =3D navigator.onLi=
ne ? 'online' : 'offline';
+   }
+  &amp;lt;/script&amp;gt;
+ &amp;lt;/head&amp;gt;
+ &amp;lt;body onload=3D&quot;updateIndicator()&quot; ononline=3D&quot;up=
dateIndicator()&quot; onoffline=3D&quot;updateIndicator()&quot;&amp;gt;
+  &amp;lt;p&amp;gt;The network is: &amp;lt;span id=3D&quot;indicator&quo=
t;&amp;gt;(state unknown)&amp;lt;/span&amp;gt;
+ &amp;lt;/body&amp;gt;
+&amp;lt;/html&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+&lt;!--TOPIC:DOM APIs--&gt;
+
+  &lt;h2 id=3Dwebappapis&gt;&lt;span class=3Dsecno&gt;7 &lt;/span&gt;Web=
 application APIs&lt;/h2&gt;
+
+  &lt;h3 id=3Dscripting&gt;&lt;span class=3Dsecno&gt;7.1 &lt;/span&gt;Sc=
ripting&lt;/h3&gt;
+
+  &lt;h4 id=3Dintroduction-6&gt;&lt;span class=3Dsecno&gt;7.1.1 &lt;/spa=
n&gt;Introduction&lt;/h4&gt;
+
+  &lt;p&gt;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:&l=
t;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;Processing of &lt;code&gt;&lt;a href=3D#the-script=
-element&gt;script&lt;/a&gt;&lt;/code&gt; elements.&lt;/li&gt;
+
+   &lt;li&gt;Processing of inline &lt;code title=3D&quot;javascript prot=
ocol&quot;&gt;&lt;a href=3D#javascript-protocol&gt;javascript:&lt;/a&gt;&=
lt;/code&gt; URLs (e.g. the
+   &lt;code title=3Dattr-img-src&gt;&lt;a href=3D#attr-img-src&gt;src&lt=
;/a&gt;&lt;/code&gt; attribute of &lt;code&gt;&lt;a href=3D#the-img-eleme=
nt&gt;img&lt;/a&gt;&lt;/code&gt; elements, or an &lt;code title=3D&quot;&=
quot;&gt;@import&lt;/code&gt; rule in a CSS &lt;code&gt;&lt;a href=3D#the=
-style-element&gt;style&lt;/a&gt;&lt;/code&gt; element block).&lt;/li&gt;
+
+   &lt;li&gt;Event handlers, whether registered through the DOM using &l=
t;code title=3D&quot;&quot;&gt;addEventListener()&lt;/code&gt;, by explic=
it &lt;a href=3D#event-handler-content-attributes&gt;event handler conten=
t attributes&lt;/a&gt;, by
+   &lt;a href=3D#event-handler-idl-attributes&gt;event handler IDL attri=
butes&lt;/a&gt;, or otherwise.&lt;/li&gt;
+
+   &lt;li&gt;Processing of technologies like XBL or SVG that have their =
own scripting features.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Denabling-and-disabling-scripting&gt;&lt;span class=3Dsecno=
&gt;7.1.2 &lt;/span&gt;Enabling and disabling scripting&lt;/h4&gt;
+
+  &lt;p&gt;&lt;dfn id=3Dconcept-bc-script title=3Dconcept-bc-script&gt;S=
cripting is enabled&lt;/dfn&gt; in a &lt;em&gt;&lt;a href=3D#browsing-con=
text&gt;&lt;span&gt;browsing
+  context&lt;/span&gt;&lt;/a&gt;&lt;/em&gt; when all of the following co=
nditions are true:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;The user agent supports scripting.&lt;/li&gt;
+
+   &lt;li&gt;The user has not disabled scripting for this &lt;a href=3D#=
browsing-context&gt;browsing context&lt;/a&gt; at this time.
+   (User agents may provide users with the option to disable scripting g=
lobally, or in a
+   finer-grained manner, e.g. on a per-origin basis.)
+   &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot=
;fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fi=
ngerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&q=
uot; height=3D64&gt;&lt;/a&gt;
+   &lt;/li&gt;
+
+   &lt;li id=3DsandboxScriptBlocked&gt;The &lt;a href=3D#browsing-contex=
t&gt;browsing context&lt;/a&gt;'s &lt;a href=3D#active-document&gt;active=
 document&lt;/a&gt;'s
+   &lt;a href=3D#active-sandboxing-flag-set&gt;active sandboxing flag se=
t&lt;/a&gt; does not have its &lt;a href=3D#sandboxed-scripts-browsing-co=
ntext-flag&gt;sandboxed scripts browsing
+   context flag&lt;/a&gt; set.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;&lt;dfn id=3Dconcept-bc-noscript title=3Dconcept-b=
c-noscript&gt;Scripting is disabled&lt;/dfn&gt; in a &lt;a href=3D#browsi=
ng-context&gt;browsing context&lt;/a&gt;
+  when any of the above conditions are false (i.e. when scripting is not=
 &lt;a href=3D#concept-bc-script title=3Dconcept-bc-script&gt;enabled&lt;=
/a&gt;).&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;&lt;dfn id=3Dconcept-n-script title=3Dconcept-n-scr=
ipt&gt;Scripting is enabled&lt;/dfn&gt; for a &lt;em&gt;&lt;a href=3D#nod=
e&gt;node&lt;/a&gt;&lt;/em&gt; if the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
object of the node (the node itself, if it is itself a &lt;code&gt;&lt;a =
href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;
+  object) has an associated &lt;a href=3D#browsing-context&gt;browsing c=
ontext&lt;/a&gt;, and &lt;a href=3D#concept-bc-script title=3Dconcept-bc-=
script&gt;scripting is enabled&lt;/a&gt; in that &lt;a href=3D#browsing-c=
ontext&gt;browsing context&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;dfn id=3Dconcept-n-noscript title=3Dconcept-n-noscript&gt=
;Scripting is disabled&lt;/dfn&gt; for a node if there is no such
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;, or if &l=
t;a href=3D#concept-bc-noscript title=3Dconcept-bc-noscript&gt;scripting =
is
+  disabled&lt;/a&gt; in that &lt;a href=3D#browsing-context&gt;browsing =
context&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;!-- SCRIPT EXEC (marks areas related to creation of scripts) --&gt=
;
+  &lt;h4 id=3Dprocessing-model-3&gt;&lt;span class=3Dsecno&gt;7.1.3 &lt;=
/span&gt;Processing model&lt;/h4&gt;
+
+  &lt;h5 id=3Ddefinitions-0&gt;&lt;span class=3Dsecno&gt;7.1.3.1 &lt;/sp=
an&gt;Definitions&lt;/h5&gt;
+
+  &lt;p&gt;This specification describes three kinds of &lt;a href=3D#jav=
ascript-global-environment title=3D&quot;JavaScript global
+  environment&quot;&gt;JavaScript global environments&lt;/a&gt;: the &lt=
;dfn id=3Ddocument-environment&gt;document environment&lt;/dfn&gt;, the
+  &lt;dfn id=3Ddedicated-worker-environment&gt;dedicated worker environm=
ent&lt;/dfn&gt;, and the &lt;dfn id=3Dshared-worker-environment&gt;shared=
 worker environment&lt;/dfn&gt;. The
+  &lt;a href=3D#dedicated-worker-environment&gt;dedicated worker environ=
ment&lt;/a&gt; and the &lt;a href=3D#shared-worker-environment&gt;shared =
worker environment&lt;/a&gt; are both
+  types of &lt;dfn id=3Dworker-environment title=3D&quot;worker environm=
ent&quot;&gt;worker environments&lt;/dfn&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Except where otherwise specified, a &lt;a href=3D#javascript-=
global-environment&gt;JavaScript global environment&lt;/a&gt; is a
+  &lt;a href=3D#document-environment&gt;document environment&lt;/a&gt;.&=
lt;/p&gt; &lt;!-- note that we never actually say where one of these is
+  created... --&gt;
+
+  &lt;hr&gt;&lt;p&gt;A &lt;dfn id=3Dconcept-script title=3Dconcept-scrip=
t&gt;script&lt;/dfn&gt; has:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;A &lt;dfn id=3Dcode-entry-point&gt;code entry-poin=
t&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;A code entry-point represents a block of executable code th=
at the script exposes to other
+    scripts and to the user agent. Typically, the code corresponding to =
the code entry-point is
+    executed immediately after the script is parsed, but for event handl=
ers, it is called each time
+    the handler is invoked.&lt;/p&gt;
+
+    &lt;p class=3Dexample&gt;In JavaScript &lt;code&gt;&lt;a href=3D#the=
-script-element&gt;script&lt;/a&gt;&lt;/code&gt; blocks, this corresponds=
 to the execution
+    context of the global code.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Optionally, a &lt;dfn id=3Dmuted-errors&gt;muted errors&lt;=
/dfn&gt; flag&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;A flag which, if set, means that error information will not=
 be provided for errors in this
+    script (used to mute errors for cross-origin scripts, since that can=
 leak private
+    information).&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A &lt;dfn id=3Dsettings-object&gt;settings object&lt;/dfn&g=
t;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;A &lt;a href=3D#script-settings-object&gt;script settings o=
bject&lt;/a&gt;, various settings that are shared with other scripts in
+    the same context.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;hr&gt;&lt;p&gt;A &lt;dfn id=3Dscript-settings-object&gt=
;script settings object&lt;/dfn&gt; specifies algorithms for obtaining th=
e following:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;A &lt;dfn id=3Dscript-execution-environment&gt;scr=
ipt execution environment&lt;/dfn&gt; for each language supported by the =
user agent&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The characteristics of the script execution environment dep=
end on the language, and are not
+    defined by this specification.&lt;/p&gt;
+
+    &lt;p class=3Dexample&gt;In JavaScript, the script execution environ=
ment consists of the interpreter,
+    the stack of &lt;i&gt;execution contexts&lt;/i&gt;, the &lt;i&gt;glo=
bal code&lt;/i&gt; and &lt;i&gt;function code&lt;/i&gt; and the
+    &lt;code&gt;Function&lt;/code&gt; objects resulting, and so forth.&l=
t;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A &lt;dfn id=3Dglobal-object&gt;global object&lt;/dfn&gt;&l=
t;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;An object that provides the APIs that can be called by the =
code in scripts that use this
+    &lt;a href=3D#script-settings-object title=3D&quot;script settings o=
bject&quot;&gt;settings object&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This is typically a &lt;code&gt;&lt;a href=3D#=
window&gt;Window&lt;/a&gt;&lt;/code&gt; object or a
+    &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope&lt;=
/a&gt;&lt;/code&gt; object. When a &lt;a href=3D#global-object&gt;global =
object&lt;/a&gt; is an empty object, it
+    can't do anything that interacts with the environment.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;If the &lt;a href=3D#global-object&gt;global object&lt;/a&g=
t; is a &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt;=
 object, then, in
+    JavaScript, the ThisBinding of the global execution context for this=
 script must be the
+    &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; ob=
ject's &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&gt;&lt;=
/code&gt; object, rather than the global object. &lt;a href=3D#refsECMA26=
2&gt;[ECMA262]&lt;/a&gt;&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This is a &lt;a href=3D#willful-violation&gt;w=
illful violation&lt;/a&gt; of the JavaScript specification current
+    at the time of writing (ECMAScript edition 5, as defined in section =
10.4.1.1 Initial Global
+    Execution Context, step 3). The JavaScript specification requires th=
at the &lt;code title=3D&quot;&quot;&gt;this&lt;/code&gt; keyword in the =
global scope return the global object, but this is not
+    compatible with the security design prevalent in implementations as =
specified herein. &lt;a href=3D#refsECMA262&gt;[ECMA262]&lt;/a&gt;&lt;/p&=
gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A &lt;dfn id=3Dresponsible-browsing-context&gt;responsible =
browsing context&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;A &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&=
gt; that is assigned responsibility for actions taken by the
+    scripts that use this &lt;a href=3D#script-settings-object&gt;script=
 settings object&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dexample&gt;When a script creates and &lt;a href=3D#nav=
igate title=3Dnavigate&gt;navigates&lt;/a&gt; a new
+    &lt;a href=3D#top-level-browsing-context&gt;top-level browsing conte=
xt&lt;/a&gt;, the &lt;code title=3Ddom-opener&gt;&lt;a href=3D#dom-opener=
&gt;opener&lt;/a&gt;&lt;/code&gt; attribute
+    of the new &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&=
gt;'s &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; o=
bject will be set to the
+    &lt;a href=3D#responsible-browsing-context&gt;responsible browsing c=
ontext&lt;/a&gt;'s &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowProxy&l=
t;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A &lt;dfn id=3Dresponsible-document&gt;responsible document=
&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;A &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&=
lt;/code&gt; that is assigned responsibility for actions taken by the scr=
ipts that
+    use this &lt;a href=3D#script-settings-object&gt;script settings obj=
ect&lt;/a&gt;.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p class=3Dexample&gt;For example, the &lt;a href=3D&quot;#the-do=
cument's-address&quot; title=3D&quot;the document's address&quot;&gt;addr=
ess&lt;/a&gt; of the
+    &lt;a href=3D#responsible-document&gt;responsible document&lt;/a&gt;=
 is used to set the &lt;a href=3D&quot;#the-document's-address&quot; titl=
e=3D&quot;the document's
+    address&quot;&gt;address&lt;/a&gt; of any &lt;code&gt;&lt;a href=3D#=
document&gt;Document&lt;/a&gt;&lt;/code&gt;s created using &lt;code title=
=3Ddom-DOMImplementation-createDocument&gt;&lt;a href=3D#dom-domimplement=
ation-createdocument&gt;createDocument()&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt=
;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A &lt;dfn id=3Dresponsible-event-loop&gt;responsible event =
loop&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;An &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; that is=
 used when it would not be immediately clear what event
+    loop to use.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An &lt;dfn id=3Dapi-referrer-source&gt;API referrer source&=
lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Either a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;=
/a&gt;&lt;/code&gt; (specifically, the &lt;a href=3D#responsible-document=
&gt;responsible document&lt;/a&gt;), or a
+    &lt;a href=3D#url&gt;URL&lt;/a&gt;, which is used by some APIs to de=
termine what value to use for the &lt;code title=3Dhttp-referer&gt;Refere=
r&lt;/code&gt; (sic) header in calls to the &lt;a href=3D#fetch title=3Df=
etch&gt;fetching&lt;/a&gt; algorithm.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An &lt;dfn id=3Dapi-url-character-encoding&gt;API URL chara=
cter encoding&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;A character encoding used to encode URLs by APIs called by =
scripts that use
+    this &lt;a href=3D#script-settings-object&gt;script settings object&=
lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An &lt;dfn id=3Dapi-base-url&gt;API base URL&lt;/dfn&gt;&lt=
;/dt&gt;
+
+   &lt;dd&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;An &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt; use=
d by APIs called by scripts that use
+    this &lt;a href=3D#script-settings-object&gt;script settings object&=
lt;/a&gt; to resolve &lt;a href=3D#relative-url title=3D&quot;relative
+    URL&quot;&gt;relative URLs&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An &lt;a href=3D#origin&gt;origin&lt;/a&gt; and an &lt;a hr=
ef=3D#effective-script-origin&gt;effective script origin&lt;/a&gt;&lt;/dt=
&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;An instrument used in security checks.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;The &lt;dfn id=3Drelevant-settings-object-for-a-gl=
obal-object&gt;relevant settings object for a global object&lt;/dfn&gt; &=
lt;var title=3D&quot;&quot;&gt;o&lt;/var&gt; is the
+  &lt;a href=3D#script-settings-object&gt;script settings object&lt;/a&g=
t; whose &lt;a href=3D#global-object&gt;global object&lt;/a&gt; is &lt;va=
r title=3D&quot;&quot;&gt;o&lt;/var&gt;.
+  (There is always a 1:1 mapping of global objects to script settings ob=
jects.)&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Drelevant-settings-object-for-a-script&gt;rel=
evant settings object for a script&lt;/dfn&gt; &lt;var title=3D&quot;&quo=
t;&gt;s&lt;/var&gt; is the
+  &lt;a href=3D#settings-object&gt;settings object&lt;/a&gt; of &lt;var =
title=3D&quot;&quot;&gt;s&lt;/var&gt;.&lt;/p&gt;
+
+
+
+  &lt;h5 id=3Dscript-settings-for-browsing-contexts&gt;&lt;span class=3D=
secno&gt;7.1.3.2 &lt;/span&gt;Script settings for browsing contexts&lt;/h=
5&gt;
+
+  &lt;p&gt;Whenever a new &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;=
/a&gt;&lt;/code&gt; object is created, it must also create a &lt;a href=3D=
#script-settings-object&gt;script
+  settings object&lt;/a&gt; whose algorithms are defined as follows:&lt;=
/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;The &lt;a href=3D#script-execution-environment tit=
le=3D&quot;script execution environment&quot;&gt;script execution environ=
ments&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;When the &lt;a href=3D#script-settings-object&gt;script set=
tings object&lt;/a&gt; is created, for each language supported by the
+    user agent, create an appropriate execution environment as defined b=
y the relevant
+    specification.&lt;/p&gt;
+
+    &lt;p&gt;When a &lt;a href=3D#script-execution-environment&gt;script=
 execution environment&lt;/a&gt; is needed, return the appropriate one fr=
om
+    those created when the &lt;a href=3D#script-settings-object&gt;scrip=
t settings object&lt;/a&gt; was created.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;a href=3D#global-object&gt;global object&lt;/a&gt;&=
lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Return the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a=
&gt;&lt;/code&gt; object itself.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;a href=3D#responsible-browsing-context&gt;responsib=
le browsing context&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Return the &lt;a href=3D#browsing-context&gt;browsing conte=
xt&lt;/a&gt; with which the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt=
;/a&gt;&lt;/code&gt; object is
+    associated.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;a href=3D#responsible-document&gt;responsible docum=
ent&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Return the &lt;code&gt;&lt;a href=3D#document&gt;Document&l=
t;/a&gt;&lt;/code&gt; with which the &lt;code&gt;&lt;a href=3D#window&gt;=
Window&lt;/a&gt;&lt;/code&gt; is currently
+    associated.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;a href=3D#responsible-event-loop&gt;responsible eve=
nt loop&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Return the &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt;=
 that is associated with the &lt;a href=3D#unit-of-related-similar-origin=
-browsing-contexts&gt;unit of related
+    similar-origin browsing contexts&lt;/a&gt; to which the &lt;code&gt;=
&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object's &lt;a href=
=3D#browsing-context&gt;browsing
+    context&lt;/a&gt; belongs.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;a href=3D#api-referrer-source&gt;API referrer sourc=
e&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Return the &lt;code&gt;&lt;a href=3D#document&gt;Document&l=
t;/a&gt;&lt;/code&gt; with which the &lt;code&gt;&lt;a href=3D#window&gt;=
Window&lt;/a&gt;&lt;/code&gt; is currently
+    associated.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;a href=3D#api-url-character-encoding&gt;API URL cha=
racter encoding&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Return the current &lt;a href=3D&quot;#document's-character=
-encoding&quot; title=3D&quot;document's character encoding&quot;&gt;char=
acter encoding&lt;/a&gt; of
+    the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/cod=
e&gt; with which the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;=
&lt;/code&gt; is currently associated.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;a href=3D#api-base-url&gt;API base URL&lt;/a&gt;&lt=
;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Return the current &lt;a href=3D#document-base-url title=3D=
&quot;document base URL&quot;&gt;base URL&lt;/a&gt; of the
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; with which the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;=
/code&gt; is currently associated.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;a href=3D#origin&gt;origin&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Return the &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the =
&lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; wit=
h which the
+    &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; is=
 currently associated.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;a href=3D#effective-script-origin&gt;effective scri=
pt origin&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Return the &lt;a href=3D#effective-script-origin&gt;effecti=
ve script origin&lt;/a&gt; of the &lt;code&gt;&lt;a href=3D#document&gt;D=
ocument&lt;/a&gt;&lt;/code&gt; with which the
+    &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; is=
 currently associated.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dcalling-scripts&gt;&lt;span class=3Dsecno&gt;7.=
1.3.3 &lt;/span&gt;Calling scripts&lt;/h5&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;Each &lt;a href=3D#unit-of-related-similar-origin-browsing-co=
ntexts&gt;unit of related similar-origin browsing contexts&lt;/a&gt; has =
a &lt;dfn id=3Dstack-of-script-settings-objects&gt;stack of
+  script settings objects&lt;/dfn&gt;, which must be initially empty. Wh=
en a new &lt;a href=3D#script-settings-object&gt;script settings object&l=
t;/a&gt; is &lt;i&gt;pushed&lt;/i&gt; onto
+  this stack, the specified &lt;a href=3D#script-settings-object&gt;scri=
pt settings object&lt;/a&gt; is to be added to the stack; when the &lt;a =
href=3D#script-settings-object&gt;script settings object&lt;/a&gt; on thi=
s stack that
+  was most recently pushed onto it is to be &lt;i&gt;popped&lt;/i&gt; fr=
om the stack, it must be removed.
+  Entries on this stack can be labeled as &lt;dfn id=3Dcandidate-entry-s=
ettings-object title=3D&quot;candidate entry settings object&quot;&gt;can=
didate entry settings objects&lt;/dfn&gt;.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;When a user agent is to &lt;dfn id=3Djump-to-a-code-entry-poi=
nt&gt;jump to a code entry-point&lt;/dfn&gt; for a &lt;a href=3D#concept-=
script title=3Dconcept-script&gt;script&lt;/a&gt; &lt;var title=3D&quot;&=
quot;&gt;s&lt;/var&gt;, the user agent must run the
+  following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;conte=
xt&lt;/var&gt; be the
+   &lt;a href=3D#settings-object&gt;settings object&lt;/a&gt; of &lt;var=
 title=3D&quot;&quot;&gt;s&lt;/var&gt;.&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#prepare-to-run-a-callback&gt;Prepare=
 to run a callback&lt;/a&gt; with &lt;var title=3D&quot;&quot;&gt;context=
&lt;/var&gt; as
+   the &lt;a href=3D#script-settings-object&gt;script settings object&lt=
;/a&gt;. If this returns &quot;do not run&quot; then abort these
+   steps.&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;Make the appropriate &lt;a href=3D#script-executio=
n-environment&gt;script execution environment&lt;/a&gt;
+   specified by &lt;var title=3D&quot;&quot;&gt;context&lt;/var&gt; exec=
ute the &lt;var title=3D&quot;&quot;&gt;s&lt;/var&gt;'s &lt;a href=3D#cod=
e-entry-point&gt;code
+   entry-point&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#clean-up-after-running-a-callback&gt=
;Clean up after running a callback&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;!--CLEANUP--&gt;&lt;p&gt;The steps to &lt;dfn id=3Dprep=
are-to-run-a-callback&gt;prepare to run a callback&lt;/dfn&gt; with
+  a &lt;a href=3D#script-settings-object&gt;script settings object&lt;/a=
&gt; &lt;var title=3D&quot;&quot;&gt;o&lt;/var&gt; are as follows. They
+  return either &quot;run&quot; or &quot;do
+  not run&quot;.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!--CLEANUP--&gt;&lt;li&gt;&lt;p&gt;If the &lt;a href=3D#=
global-object&gt;global object&lt;/a&gt; specified by &lt;var title=3D&qu=
ot;&quot;&gt;o&lt;/var&gt;
+   is a &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt=
; object whose &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&l=
t;/code&gt; object is not &lt;a href=3D#fully-active&gt;fully
+   active&lt;/a&gt;, then return &quot;do not run&quot; and abort these =
steps.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;If &lt;a href=3D#concept-bc-noscript title=3Dconce=
pt-bc-noscript&gt;scripting is disabled&lt;/a&gt; for the &lt;a href=3D#r=
esponsible-browsing-context&gt;responsible browsing context&lt;/a&gt; spe=
cified by &lt;var title=3D&quot;&quot;&gt;o&lt;/var&gt;, then return
+   &quot;do not run&quot; and abort these steps.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;Push &lt;var title=3D&quot;&quot;&gt;o&lt;/var&gt;=
 onto the &lt;a href=3D#stack-of-script-settings-objects&gt;stack of scri=
pt settings objects&lt;/a&gt;, and label it
+   as a &lt;a href=3D#candidate-entry-settings-object&gt;candidate entry=
 settings object&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &quot;run&quot;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The steps to &lt;dfn id=3Dclean-up-after-running-a=
-callback&gt;clean up after running a callback&lt;/dfn&gt; are as follows=
:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!--CLEANUP--&gt;&lt;li&gt;&lt;p&gt;Pop the current &lt;a=
 href=3D#incumbent-settings-object&gt;incumbent settings object&lt;/a&gt;=
 from the &lt;a href=3D#stack-of-script-settings-objects&gt;stack of scri=
pt settings
+   objects&lt;/a&gt;.&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#stack-of-script-settings-obje=
cts&gt;stack of script settings objects&lt;/a&gt; is now empty, &lt;a hre=
f=3D#run-the-global-script-clean-up-jobs&gt;run the global script
+   clean-up jobs&lt;/a&gt;. (These cannot run scripts.)&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#stack-of-script-settings-obje=
cts&gt;stack of script settings objects&lt;/a&gt; is now empty, &lt;a hre=
f=3D#perform-a-microtask-checkpoint&gt;perform a microtask
+   checkpoint&lt;/a&gt;. (If this runs scripts, these algorithms will be=
 invoked reentrantly.)&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;These algorithms are not invoked by o=
ne script directly calling another, but they
+  can be invoked reentrantly in an indirect manner, e.g. if a script dis=
patches an event which has
+  event listeners registered.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;When a JavaScript &lt;i&gt;SourceElements&lt;/i&gt; productio=
n is to be evaluated, the &lt;a href=3D#settings-object&gt;settings objec=
t&lt;/a&gt; of the &lt;a href=3D#concept-script title=3Dconcept-script&gt=
;script&lt;/a&gt; corresponding to that &lt;i&gt;SourceElements&lt;/i&gt;=
 must be pushed
+  onto the &lt;a href=3D#stack-of-script-settings-objects&gt;stack of sc=
ript settings objects&lt;/a&gt; before the evaluation begins, and popped =
when the
+  evaluation ends (regardless of whether it's an abrupt completion or no=
t).&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;The &lt;dfn id=3Dentry-settings-object&gt;entry settings obje=
ct&lt;/dfn&gt; is the most-recently added &lt;a href=3D#script-settings-o=
bject&gt;script settings object&lt;/a&gt;
+  in the &lt;a href=3D#stack-of-script-settings-objects&gt;stack of scri=
pt settings objects&lt;/a&gt; that is
+  labeled as a &lt;a href=3D#candidate-entry-settings-object&gt;candidat=
e entry settings object&lt;/a&gt;. If the stack is
+  empty, or has no entries labeled as such, then there is no &lt;a href=3D=
#entry-settings-object&gt;entry settings object&lt;/a&gt;. It is used
+  to obtain, amongst other things, the &lt;a href=3D#api-base-url&gt;API=
 base URL&lt;/a&gt; to &lt;a href=3D#resolve-a-url title=3D&quot;resolve =
a
+  url&quot;&gt;resolve&lt;/a&gt; relative &lt;a href=3D#url title=3DURL&=
gt;URLs&lt;/a&gt; used in scripts running in that
+  &lt;a href=3D#unit-of-related-similar-origin-browsing-contexts&gt;unit=
 of related similar-origin browsing contexts&lt;/a&gt;.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;The &lt;dfn id=3Dincumbent-settings-object&gt;incumbent setti=
ngs object&lt;/dfn&gt; is the &lt;a href=3D#script-settings-object&gt;scr=
ipt settings object&lt;/a&gt; in the
+  &lt;a href=3D#stack-of-script-settings-objects&gt;stack of script sett=
ings objects&lt;/a&gt; that was most-recently added (i.e. the last one on=
 the
+  stack). If the stack is empty, then there is no &lt;a href=3D#incumben=
t-settings-object&gt;incumbent settings object&lt;/a&gt;. It is used in s=
ome
+  security checks.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The WebIDL specification also uses these algorit=
hms. &lt;a href=3D#refsWEBIDL&gt;[WEBIDL]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;hr&gt;&lt;!--CLEANUP--&gt;&lt;p&gt;Each &lt;a href=3D#unit-of-rela=
ted-similar-origin-browsing-contexts&gt;unit of related similar-origin br=
owsing contexts&lt;/a&gt; has a &lt;dfn id=3Dperforming-a-microtask-check=
point&gt;performing
+  a microtask checkpoint&lt;/dfn&gt; flag, which must initially be false=
. It is used to prevent reentrant invocation of
+  the algorithm to &lt;a href=3D#concept-mo-invoke title=3Dconcept-mo-in=
voke&gt;invoke &lt;code&gt;MutationObserver&lt;/code&gt;
+  objects&lt;/a&gt;. For the purposes of &lt;code&gt;&lt;a href=3D#mutat=
ionobserver&gt;MutationObserver&lt;/a&gt;&lt;/code&gt; objects, each &lt;=
a href=3D#unit-of-related-similar-origin-browsing-contexts&gt;unit of
+  related similar-origin browsing contexts&lt;/a&gt; is a distinct &lt;v=
ar title=3D&quot;MutationObserver
+  scripting environment&quot;&gt;&lt;a href=3D#mutationobserver-scriptin=
g-environment&gt;scripting environment&lt;/a&gt;&lt;/var&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;a href=3D#unit-of-related-similar-origin-browsing-co=
ntexts&gt;unit of related similar-origin browsing contexts&lt;/a&gt; has =
a &lt;dfn id=3Dglobal-script-clean-up-jobs-list&gt;global script
+  clean-up jobs list&lt;/dfn&gt;, which must initially be empty. A globa=
l script clean-up job cannot run
+  scripts, and cannot be sensitive to the order in which other clean-up =
jobs are executed. The File
+  API uses this to release &lt;code title=3D&quot;&quot;&gt;blob:&lt;/co=
de&gt; URLs. &lt;a href=3D#refsFILEAPI&gt;[FILEAPI]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;When the user agent is to &lt;dfn id=3Drun-the-global-script-=
clean-up-jobs&gt;run the global script clean-up jobs&lt;/dfn&gt;, the use=
r agent must
+  perform each of the jobs in the &lt;a href=3D#global-script-clean-up-j=
obs-list&gt;global script clean-up jobs list&lt;/a&gt; and then empty the
+  list.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dcreating-scripts&gt;&lt;span class=3Dsecno&gt;7.1.3.4 &lt;=
/span&gt;Creating scripts&lt;/h5&gt;
+
+  &lt;p&gt;When the specification says that a &lt;a href=3D#concept-scri=
pt title=3Dconcept-script&gt;script&lt;/a&gt; is to be &lt;dfn id=3Dcreat=
e-a-script title=3D&quot;create a script&quot;&gt;created&lt;/dfn&gt;, gi=
ven some script source, a script source URL, its
+  scripting language, a &lt;a href=3D#script-settings-object&gt;script s=
ettings object&lt;/a&gt;, and optionally a &lt;var title=3D&quot;&quot;&g=
t;muted
+  errors&lt;/var&gt; flag, the user agent must run the following steps:&=
lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;scrip=
t&lt;/var&gt; be a new &lt;a href=3D#concept-script title=3Dconcept-scrip=
t&gt;script&lt;/a&gt; that
+   this algorithm will subsequently initialize.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;a href=3D#concept-bc-noscript title=3Dconce=
pt-bc-noscript&gt;scripting is disabled&lt;/a&gt; for &lt;a href=3D#brows=
ing-context&gt;browsing
+   context&lt;/a&gt; passed to this algorithm, then abort these steps, a=
s if the script source
+   described a program that did nothing but return void.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Obtain the appropriate &lt;a href=3D#script-execut=
ion-environment&gt;script execution environment&lt;/a&gt; for the given s=
cripting
+   language from the &lt;a href=3D#script-settings-object&gt;script sett=
ings object&lt;/a&gt; provided.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Parse/compile/initialize the source of the script =
using the &lt;a href=3D#script-execution-environment&gt;script execution
+   environment&lt;/a&gt;, as appropriate for the scripting language, and=
 thus obtain &lt;var title=3D&quot;&quot;&gt;script&lt;/var&gt;'s &lt;a h=
ref=3D#code-entry-point&gt;code entry-point&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;script&lt;/var=
&gt;'s &lt;a href=3D#settings-object&gt;settings object&lt;/a&gt; be the =
&lt;a href=3D#script-settings-object&gt;script
+   settings object&lt;/a&gt; provided.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;muted error=
s&lt;/var&gt; flag was set, then set &lt;var title=3D&quot;&quot;&gt;scri=
pt&lt;/var&gt;'s &lt;a href=3D#muted-errors&gt;muted errors&lt;/a&gt; fla=
g.&lt;/li&gt;
+
+   &lt;li&gt;
+=20
+    &lt;p&gt;If all the steps above succeeded (in particular, if the scr=
ipt was compiled successfully),
+    &lt;a href=3D#jump-to-a-code-entry-point title=3D&quot;jump to a cod=
e entry-point&quot;&gt;Jump&lt;/a&gt; to &lt;var title=3D&quot;&quot;&gt;=
script&lt;/var&gt;'s &lt;a href=3D#code-entry-point&gt;code
+    entry-point&lt;/a&gt;.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;Otherwise, &lt;a href=3D#report-the-error&gt;report the err=
or&lt;/a&gt; for &lt;var title=3D&quot;&quot;&gt;script&lt;/var&gt;, with=
 the problematic
+    position (line number and column number), using the &lt;a href=3D#gl=
obal-object&gt;global object&lt;/a&gt; specified by the &lt;a href=3D#scr=
ipt-settings-object&gt;script settings object&lt;/a&gt; as the
+    target. If the error is still &lt;i title=3Dconcept-error-nothandled=
&gt;&lt;a href=3D#concept-error-nothandled&gt;not handled&lt;/a&gt;&lt;/i=
&gt; after this,
+    then the error may be reported to the user.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dkilling-scripts&gt;&lt;span class=3Dsecno&gt;7.1.3.5 &lt;/=
span&gt;Killing scripts&lt;/h5&gt;
+
+  &lt;p&gt;User agents may impose resource limitations on scripts, for e=
xample CPU quotas, memory limits,
+  total execution time limits, or bandwidth limitations. When a script e=
xceeds a limit, the user
+  agent may either throw a &lt;code&gt;&lt;a href=3D#quotaexceedederror&=
gt;QuotaExceededError&lt;/a&gt;&lt;/code&gt; exception, abort the script =
without an
+  exception, prompt the user, or throttle script execution.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For example, the following script never terminates. A user a=
gent could, after waiting for a
+   few seconds, prompt the user to either terminate the script or let it=
 continue.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;script&amp;gt;
+ while (true) { /* loop */ }
+&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;User agents are encouraged to allow users to disable scriptin=
g whenever the user is prompted
+  either by a script (e.g. using the &lt;code title=3Ddom-alert&gt;&lt;a=
 href=3D#dom-alert&gt;window.alert()&lt;/a&gt;&lt;/code&gt; API) or becau=
se
+  of a script's actions (e.g. because it has exceeded a time limit).&lt;=
/p&gt;
+
+  &lt;p&gt;If scripting is disabled while a script is executing, the scr=
ipt should be terminated
+  immediately.&lt;/p&gt;
+
+  &lt;p&gt;User agents may allow users to specifically disable scripts j=
ust for the purposes of closing a
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;.&lt;/p&gt=
;
+
+  &lt;p class=3Dexample&gt;For example, the prompt mentioned in the exam=
ple above could also offer the
+  user with a mechanism to just close the page entirely, without running=
 any &lt;code title=3Devent-unload&gt;unload&lt;/code&gt; event handlers.=
&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Druntime-script-errors&gt;&lt;span class=3Dsecno&gt;7.1.3.6=
 &lt;/span&gt;Runtime script errors&lt;/h5&gt;
+
+  &lt;p&gt;When the user agent is required to &lt;dfn id=3Dreport-the-er=
ror title=3D&quot;report the error&quot;&gt;report an error&lt;/dfn&gt; f=
or a
+  particular &lt;a href=3D#concept-script title=3Dconcept-script&gt;scri=
pt&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;script&lt;/var&gt; with a pa=
rticular
+  position &lt;var title=3D&quot;&quot;&gt;line&lt;/var&gt;:&lt;var titl=
e=3D&quot;&quot;&gt;col&lt;/var&gt;, using a particular target &lt;var ti=
tle=3D&quot;&quot;&gt;target&lt;/var&gt;, it must run these steps, after =
which the error is either &lt;dfn id=3Dconcept-error-handled title=3Dconc=
ept-error-handled&gt;&lt;i&gt;handled&lt;/i&gt;&lt;/dfn&gt; or &lt;dfn id=
=3Dconcept-error-nothandled title=3Dconcept-error-nothandled&gt;&lt;i&gt;=
not
+  handled&lt;/i&gt;&lt;/dfn&gt;:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;target=
&lt;/var&gt; is &lt;a href=3D#in-error-reporting-mode&gt;in error reporti=
ng mode&lt;/a&gt;, then abort these
+   steps; the error is &lt;i title=3Dconcept-error-nothandled&gt;&lt;a h=
ref=3D#concept-error-nothandled&gt;not handled&lt;/a&gt;&lt;/i&gt;.&lt;/l=
i&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;target&lt;/var=
&gt; be &lt;dfn id=3Din-error-reporting-mode&gt;in error reporting mode&l=
t;/dfn&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;message&lt;/va=
r&gt; be a user-agent-defined string describing the error in a
+   helpful manner.
+   &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot=
;fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fi=
ngerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&q=
uot; height=3D64&gt;&lt;/a&gt;
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;error object&l=
t;/var&gt; be the object that represents the error: in the case
+   of an uncaught exception, that would be the object that was thrown; i=
n the case of a JavaScript
+   error that would be an &lt;code&gt;Error&lt;/code&gt; object. If ther=
e is no corresponding object, then the
+   null value must be used instead.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;location&lt;/var&gt; be=
 an &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt; that corresponds=
 to the
+    resource from which &lt;var title=3D&quot;&quot;&gt;script&lt;/var&g=
t; was obtained.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The resource containing the script will typica=
lly be the file from which the
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; was parsed, e.g. for inline &lt;code&gt;&lt;a href=3D#the-script-elemen=
t&gt;script&lt;/a&gt;&lt;/code&gt; elements or &lt;a href=3D#event-handle=
r-content-attributes&gt;event
+    handler content attributes&lt;/a&gt;; or the JavaScript file that th=
e script was in, for external
+    scripts. Even for dynamically-generated scripts, user agents are str=
ongly encouraged to attempt
+    to keep track of the original source of a script. For example, if an=
 external script uses the
+    &lt;code title=3Ddom-document-write&gt;&lt;a href=3D#dom-document-wr=
ite&gt;document.write()&lt;/a&gt;&lt;/code&gt; API to insert an inline
+    &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;=
/code&gt; element during parsing, the URL of the resource containing the =
script would
+    ideally be reported as being the external script, and the line numbe=
r might ideally be reported
+    as the line with the &lt;code title=3Ddom-document-write&gt;&lt;a hr=
ef=3D#dom-document-write&gt;document.write()&lt;/a&gt;&lt;/code&gt; call =
or where the
+    string passed to that call was first constructed. Naturally, impleme=
nting this can be somewhat
+    non-trivial.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;User agents are similarly encouraged to keep c=
areful track of the original line
+    numbers, even in the face of &lt;code title=3Ddom-document-write&gt;=
&lt;a href=3D#dom-document-write&gt;document.write()&lt;/a&gt;&lt;/code&g=
t; calls
+    mutating the document as it is parsed, or &lt;a href=3D#event-handle=
r-content-attributes&gt;event handler content attributes&lt;/a&gt; spanni=
ng
+    multiple lines.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;script&lt;/var&=
gt; has &lt;a href=3D#muted-errors&gt;muted errors&lt;/a&gt;, then set &l=
t;var title=3D&quot;&quot;&gt;message&lt;/var&gt; to &quot;&lt;code title=
=3D&quot;&quot;&gt;Script error.&lt;/code&gt;&quot;, set &lt;var title=3D=
&quot;&quot;&gt;location&lt;/var&gt;
+   to the empty string, set &lt;var title=3D&quot;&quot;&gt;line&lt;/var=
&gt; and &lt;var title=3D&quot;&quot;&gt;col&lt;/var&gt; to 0, and set &l=
t;var title=3D&quot;&quot;&gt;error object&lt;/var&gt; to null.&lt;/li&gt=
;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;event&lt;/var&=
gt; be a new &lt;a href=3D#concept-events-trusted title=3Dconcept-events-=
trusted&gt;trusted&lt;/a&gt;
+   &lt;code&gt;&lt;a href=3D#errorevent&gt;ErrorEvent&lt;/a&gt;&lt;/code=
&gt; object that does not bubble but is cancelable, and which has the eve=
nt
+   name &lt;code title=3Devent-error&gt;error&lt;/code&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Initialize &lt;var title=3D&quot;&quot;&gt;event&l=
t;/var&gt;'s &lt;code title=3Ddom-ErrorEvent-message&gt;&lt;a href=3D#dom=
-errorevent-message&gt;message&lt;/a&gt;&lt;/code&gt;
+   attribute to &lt;var title=3D&quot;&quot;&gt;message&lt;/var&gt;.&lt;=
/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Initialize &lt;var title=3D&quot;&quot;&gt;event&l=
t;/var&gt;'s &lt;code title=3Ddom-ErrorEvent-filename&gt;&lt;a href=3D#do=
m-errorevent-filename&gt;filename&lt;/a&gt;&lt;/code&gt; attribute to &lt=
;var title=3D&quot;&quot;&gt;location&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Initialize &lt;var title=3D&quot;&quot;&gt;event&l=
t;/var&gt;'s &lt;code title=3Ddom-ErrorEvent-lineno&gt;&lt;a href=3D#dom-=
errorevent-lineno&gt;lineno&lt;/a&gt;&lt;/code&gt;
+   attribute to &lt;var title=3D&quot;&quot;&gt;line&lt;/var&gt;.&lt;/li=
&gt;
+
+   &lt;li&gt;&lt;p&gt;Initialize &lt;var title=3D&quot;&quot;&gt;event&l=
t;/var&gt;'s &lt;code title=3Ddom-ErrorEvent-colno&gt;&lt;a href=3D#dom-e=
rrorevent-colno&gt;colno&lt;/a&gt;&lt;/code&gt;
+   attribute to &lt;var title=3D&quot;&quot;&gt;col&lt;/var&gt;.&lt;/li&=
gt;
+
+   &lt;li&gt;&lt;p&gt;Initialize &lt;var title=3D&quot;&quot;&gt;event&l=
t;/var&gt;'s &lt;code title=3Ddom-ErrorEvent-error&gt;&lt;a href=3D#dom-e=
rrorevent-error&gt;error&lt;/a&gt;&lt;/code&gt;
+   attribute to &lt;var title=3D&quot;&quot;&gt;error object&lt;/var&gt;=
.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#concept-event-dispatch title=3Dconce=
pt-event-dispatch&gt;Dispatch&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;e=
vent&lt;/var&gt; at &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt;.&l=
t;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;target&lt;/var=
&gt; no longer be &lt;a href=3D#in-error-reporting-mode&gt;in error repor=
ting mode&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;event&lt;/var&g=
t; was canceled, then the error is &lt;i title=3Dconcept-error-handled&gt=
;&lt;a href=3D#concept-error-handled&gt;handled&lt;/a&gt;&lt;/i&gt;. Othe=
rwise, the error is &lt;i title=3Dconcept-error-nothandled&gt;&lt;a href=3D=
#concept-error-nothandled&gt;not handled&lt;/a&gt;&lt;/i&gt;.&lt;/p&gt;
+
+  &lt;/ol&gt;&lt;h6 id=3Druntime-script-errors-in-documents&gt;&lt;span =
class=3Dsecno&gt;7.1.3.6.1 &lt;/span&gt;Runtime script errors in document=
s&lt;/h6&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;Whenever an uncaught runtime script error occurs in one of th=
e scripts associated with a
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;,=
 the user agent must &lt;a href=3D#report-the-error&gt;report the error&l=
t;/a&gt; for the relevant &lt;a href=3D#concept-script title=3Dconcept-sc=
ript&gt;script&lt;/a&gt;, with the problematic position (line number and =
column
+  number) in the resource containing the script, using the &lt;a href=3D=
#global-object&gt;global object&lt;/a&gt; specified by the script's &lt;a=
 href=3D#settings-object&gt;settings object&lt;/a&gt; as
+  the target. If the error is still &lt;i title=3Dconcept-error-nothandl=
ed&gt;&lt;a href=3D#concept-error-nothandled&gt;not handled&lt;/a&gt;&lt;=
/i&gt; after this,
+  then the error may be reported to the user.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h6 id=3Dthe-errorevent-interface&gt;&lt;span class=3Dsecno&gt;7.1.=
3.6.2 &lt;/span&gt;The &lt;code&gt;&lt;a href=3D#errorevent&gt;ErrorEvent=
&lt;/a&gt;&lt;/code&gt; interface&lt;/h6&gt;
+
+  &lt;pre class=3Didl&gt;[Constructor(DOMString type, optional &lt;a hre=
f=3D#erroreventinit&gt;ErrorEventInit&lt;/a&gt; eventInitDict)]
+interface &lt;dfn id=3Derrorevent&gt;ErrorEvent&lt;/dfn&gt; : &lt;a href=
=3D#event&gt;Event&lt;/a&gt; {
+  readonly attribute DOMString &lt;a href=3D#dom-errorevent-message titl=
e=3Ddom-ErrorEvent-message&gt;message&lt;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-errorevent-filename tit=
le=3Ddom-ErrorEvent-filename&gt;filename&lt;/a&gt;;
+  readonly attribute unsigned long &lt;a href=3D#dom-errorevent-lineno t=
itle=3Ddom-ErrorEvent-lineno&gt;lineno&lt;/a&gt;;
+  readonly attribute unsigned long &lt;a href=3D#dom-errorevent-colno ti=
tle=3Ddom-ErrorEvent-colno&gt;colno&lt;/a&gt;;
+  readonly attribute any &lt;a href=3D#dom-errorevent-error title=3Ddom-=
ErrorEvent-error&gt;error&lt;/a&gt;;
+};
+
+dictionary &lt;dfn id=3Derroreventinit&gt;ErrorEventInit&lt;/dfn&gt; : &=
lt;a href=3D#eventinit&gt;EventInit&lt;/a&gt; {
+  DOMString message;
+  DOMString filename;
+  unsigned long lineno;
+  unsigned long colno;
+  any error;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-errorevent-message title=3Ddom-ErrorEven=
t-message&gt;&lt;code&gt;message&lt;/code&gt;&lt;/dfn&gt; attribute must =
return the
+  value it was initialized to. When the object is created, this attribut=
e must be initialized to the
+  empty string. It represents the error message.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-errorevent-filename title=3Ddom-ErrorEve=
nt-filename&gt;&lt;code&gt;filename&lt;/code&gt;&lt;/dfn&gt; attribute mu=
st return the
+  value it was initialized to. When the object is created, this attribut=
e must be initialized to the
+  empty string. It represents the &lt;a href=3D#absolute-url&gt;absolute=
 URL&lt;/a&gt; of the script in which the error
+  originally occurred.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-errorevent-lineno title=3Ddom-ErrorEvent=
-lineno&gt;&lt;code&gt;lineno&lt;/code&gt;&lt;/dfn&gt; attribute must ret=
urn the
+  value it was initialized to. When the object is created, this attribut=
e must be initialized to
+  zero. It represents the line number where the error occurred in the sc=
ript.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-errorevent-colno title=3Ddom-ErrorEvent-=
colno&gt;&lt;code&gt;colno&lt;/code&gt;&lt;/dfn&gt; attribute must return=
 the value
+  it was initialized to. When the object is created, this attribute must=
 be initialized to zero. It
+  represents the column number where the error occurred in the script.&l=
t;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-errorevent-error title=3Ddom-ErrorEvent-=
error&gt;&lt;code&gt;error&lt;/code&gt;&lt;/dfn&gt; attribute must return=
 the value
+  it was initialized to. When the object is created, this attribute must=
 be initialized to null.
+  Where appropriate, it is set to the object representing the error (e.g=
. the exception object in
+  the case of an uncaught DOM exception).&lt;/p&gt;
+
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Devent-loops&gt;&lt;span class=3Dsecno&gt;7.1.4 &lt;/span&g=
t;Event loops&lt;/h4&gt;
+
+  &lt;h5 id=3Ddefinitions-1&gt;&lt;span class=3Dsecno&gt;7.1.4.1 &lt;/sp=
an&gt;Definitions&lt;/h5&gt;
+
+  &lt;p&gt;To coordinate events, user interaction, scripts, rendering, n=
etworking, and so forth, user
+  agents must use &lt;dfn id=3Devent-loop title=3D&quot;event loop&quot;=
&gt;event loops&lt;/dfn&gt; as described in this section.&lt;/p&gt;
+
+  &lt;p&gt;There must be at least one &lt;a href=3D#event-loop&gt;event =
loop&lt;/a&gt; per user agent, and at most one &lt;a href=3D#event-loop&g=
t;event
+  loop&lt;/a&gt; per &lt;a href=3D#unit-of-related-similar-origin-browsi=
ng-contexts&gt;unit of related similar-origin browsing contexts&lt;/a&gt;=
.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;When there is more than one &lt;a href=3D#event-=
loop&gt;event loop&lt;/a&gt; for a &lt;a href=3D#unit-of-related-browsing=
-contexts&gt;unit of related
+  browsing contexts&lt;/a&gt;, complications arise when a &lt;a href=3D#=
browsing-context&gt;browsing context&lt;/a&gt; in that group
+  is &lt;a href=3D#navigate title=3Dnavigate&gt;navigated&lt;/a&gt; such=
 that it switches from one &lt;a href=3D#unit-of-related-similar-origin-b=
rowsing-contexts&gt;unit of related
+  similar-origin browsing contexts&lt;/a&gt; to another. This specificat=
ion does not currently describe
+  how to handle these complications.&lt;/p&gt;
+
+  &lt;p&gt;An &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; always ha=
s at least one &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&g=
t;. If an
+  &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt;'s &lt;a href=3D#brows=
ing-context title=3D&quot;browsing context&quot;&gt;browsing contexts&lt;=
/a&gt; all go away,
+  then the &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; goes away as=
 well. A &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; alw=
ays has an
+  &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; coordinating its acti=
vities.&lt;/p&gt;
+
+  &lt;p&gt;An &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; has one o=
r more &lt;dfn id=3Dtask-queue title=3D&quot;task queue&quot;&gt;task que=
ues&lt;/dfn&gt;. A
+  &lt;a href=3D#task-queue&gt;task queue&lt;/a&gt; is an ordered list of=
 &lt;dfn id=3Dconcept-task title=3Dconcept-task&gt;tasks&lt;/dfn&gt;, whi=
ch are
+  algorithms that are responsible for such work as:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;Events&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Asynchronously dispatching an &lt;code&gt;&lt;a href=3D#eve=
nt&gt;Event&lt;/a&gt;&lt;/code&gt; object at a particular
+    &lt;code&gt;&lt;a href=3D#eventtarget&gt;EventTarget&lt;/a&gt;&lt;/c=
ode&gt; object is often done by a dedicated task.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;Not all events are dispatched using the &lt;a =
href=3D#task-queue&gt;task queue&lt;/a&gt;, many are
+    dispatched synchronously during other tasks.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;Parsing&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The &lt;a href=3D#html-parser&gt;HTML parser&lt;/a=
&gt; tokenizing one or more bytes, and then processing any
+   resulting tokens, is typically a task.&lt;/dd&gt;
+
+
+   &lt;dt&gt;Callbacks&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;Calling a callback asynchronously is often done by=
 a dedicated task.&lt;/dd&gt;
+
+
+   &lt;dt&gt;Using a resource&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;When an algorithm &lt;a href=3D#fetch title=3Dfetc=
h&gt;fetches&lt;/a&gt; a resource, if the fetching occurs
+   asynchronously then the processing of the resource once some or all o=
f the resource is available
+   is performed by a task.&lt;/dd&gt;
+
+
+   &lt;dt&gt;Reacting to DOM manipulation&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;Some elements have tasks that trigger in response =
to DOM manipulation, e.g. when that
+   element is &lt;a href=3D#insert-an-element-into-a-document title=3D&q=
uot;insert an element into a document&quot;&gt;inserted into the document=
&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/dl&gt;&lt;p&gt;Each &lt;a href=3D#concept-task title=3Dconcept-ta=
sk&gt;task&lt;/a&gt; is associated with a &lt;code&gt;&lt;a href=3D#docum=
ent&gt;Document&lt;/a&gt;&lt;/code&gt;; if the
+  task was queued in the context of an element, then it is the element's=
 &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;; i=
f
+  the task was queued in the context of a &lt;a href=3D#browsing-context=
&gt;browsing context&lt;/a&gt;, then it is the
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;'s &lt;a h=
ref=3D#active-document&gt;active document&lt;/a&gt; at the time the task =
was queued; if
+  the task was queued by or for a &lt;a href=3D#concept-script title=3Dc=
oncept-script&gt;script&lt;/a&gt; then the document is
+  the &lt;a href=3D#responsible-document&gt;responsible document&lt;/a&g=
t; specified by the script's &lt;a href=3D#settings-object&gt;settings ob=
ject&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;a href=3D#concept-task title=3Dconcept-task&gt;task&lt;=
/a&gt; is intended for a specific &lt;a href=3D#event-loop&gt;event loop&=
lt;/a&gt;:
+  the &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; that is handling =
&lt;a href=3D#concept-task title=3Dconcept-task&gt;tasks&lt;/a&gt; for th=
e &lt;a href=3D#concept-task title=3Dconcept-task&gt;task&lt;/a&gt;'s ass=
ociated &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code=
&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When a user agent is to &lt;dfn id=3Dqueue-a-task&gt;queue a =
task&lt;/dfn&gt;, it must add the given task to one of the &lt;a href=3D#=
task-queue title=3D&quot;task queue&quot;&gt;task queues&lt;/a&gt; of the=
 relevant &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;a href=3D#concept-task title=3Dconcept-task&gt;task&=
lt;/a&gt; is defined as coming from a specific &lt;dfn id=3Dtask-source&g=
t;task
+  source&lt;/dfn&gt;. All the tasks from one particular &lt;a href=3D#ta=
sk-source&gt;task source&lt;/a&gt; and destined to a
+  particular &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; (e.g. the =
callbacks generated by timers of a
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;,=
 the events fired for mouse movements over that &lt;code&gt;&lt;a href=3D=
#document&gt;Document&lt;/a&gt;&lt;/code&gt;, the
+  tasks queued for the parser of that &lt;code&gt;&lt;a href=3D#document=
&gt;Document&lt;/a&gt;&lt;/code&gt;) must always be added to the same
+  &lt;a href=3D#task-queue&gt;task queue&lt;/a&gt;, but &lt;a href=3D#co=
ncept-task title=3Dconcept-task&gt;tasks&lt;/a&gt; from different &lt;a h=
ref=3D#task-source title=3D&quot;task source&quot;&gt;task sources&lt;/a&=
gt; may be placed in different &lt;a href=3D#task-queue title=3D&quot;tas=
k queue&quot;&gt;task
+  queues&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;For example, a user agent could have one &lt;=
a href=3D#task-queue&gt;task queue&lt;/a&gt; for mouse and
+  key events (the &lt;a href=3D#user-interaction-task-source&gt;user int=
eraction task source&lt;/a&gt;), and another for everything else. The
+  user agent could then give keyboard and mouse events preference over o=
ther tasks three quarters of
+  the time, keeping the interface responsive but not starving other task=
 queues, and never
+  processing events from any one &lt;a href=3D#task-source&gt;task sourc=
e&lt;/a&gt; out of order.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;A user agent may have one &lt;dfn id=3Dstorage-mute=
x&gt;storage mutex&lt;/dfn&gt;. This mutex is used to control access to
+  shared state like cookies. At any one point, the &lt;a href=3D#storage=
-mutex&gt;storage mutex&lt;/a&gt; is either free, or
+  owned by a particular &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt;=
 or instance of the &lt;a href=3D#fetch title=3Dfetch&gt;fetching&lt;/a&g=
t; algorithm.&lt;/p&gt;
+
+  &lt;p&gt;If a user agent does not implement a &lt;a href=3D#storage-mu=
tex&gt;storage mutex&lt;/a&gt;, it is exempt from implementing
+  the requirements that require it to acquire or release it.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;User agent implementors have to make a choice be=
tween two evils. On the one hand,
+  not implementing the storage mutex means that there is a risk of data =
corruption: a site could,
+  for instance, try to read a cookie, increment its value, then write it=
 back out, using the new
+  value of the cookie as a unique identifier for the session; if the sit=
e does this twice in two
+  different browser windows at the same time, it might end up using the =
same &quot;unique&quot; identifier for
+  both sessions, with potentially disastrous effects. On the other hand,=
 implementing the storage
+  mutex has potentially serious performance implications: whenever a sit=
e uses Web Storage or
+  cookies, all other sites that try to use Web Storage or cookies are bl=
ocked until the first site
+  finishes.&lt;/p&gt;
+
+  &lt;p&gt;Whenever a &lt;a href=3D#concept-script title=3Dconcept-scrip=
t&gt;script&lt;/a&gt; calls into a &lt;a href=3D#plugin&gt;plugin&lt;/a&g=
t;, and
+  whenever a &lt;a href=3D#plugin&gt;plugin&lt;/a&gt; calls into a &lt;a=
 href=3D#concept-script title=3Dconcept-script&gt;script&lt;/a&gt;, the u=
ser
+  agent must release the &lt;a href=3D#storage-mutex&gt;storage mutex&lt=
;/a&gt;.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dprocessing-model-4&gt;&lt;span class=3Dsecno&gt;7.1.4.2 &l=
t;/span&gt;Processing model&lt;/h5&gt;
+
+  &lt;p&gt;An &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; must cont=
inually run through the following steps for as long as it
+  exists:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!-- if you add a step here, make sure to go through the =
spec updating references to the &quot;first
+   step&quot; or &quot;step 1&quot; of the event loop --&gt;&lt;li&gt;&l=
t;p&gt;Run the oldest &lt;a href=3D#concept-task title=3Dconcept-task&gt;=
task&lt;/a&gt; on one of the &lt;a href=3D#event-loop&gt;event
+   loop&lt;/a&gt;'s &lt;a href=3D#task-queue title=3D&quot;task queue&qu=
ot;&gt;task queues&lt;/a&gt;, if any, ignoring tasks whose
+   associated &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&l=
t;/code&gt;s are not &lt;a href=3D#fully-active&gt;fully active&lt;/a&gt;=
. The user agent may pick any
+   &lt;a href=3D#task-queue&gt;task queue&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;!-- warning! if you renumber these steps, make sure to update the=
 &quot;spin the event loop&quot;
+   algorithm below! --&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#storage-mutex&gt;storage mute=
x&lt;/a&gt; is now owned by the &lt;a href=3D#event-loop&gt;event loop&lt=
;/a&gt;, release it
+   so that it is once again free.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If a task was run in the first step above, remove =
that task from its &lt;a href=3D#task-queue&gt;task
+   queue&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If this &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; is=
 not a worker's &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt;, run the=
se
+    substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#perform-a-microtask-check=
point&gt;Perform a microtask checkpoint&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#provide-a-stable-state&gt;Provide =
a stable state&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If necessary, update the rendering or user inter=
face of any &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/=
code&gt; or
+     &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; to ref=
lect the current state.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, if this &lt;a href=3D#event-loop&gt;eve=
nt loop&lt;/a&gt; is running for a
+   &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope&lt;/=
a&gt;&lt;/code&gt;, but there are no events in the &lt;a href=3D#event-lo=
op&gt;event loop&lt;/a&gt;'s &lt;a href=3D#task-queue title=3D&quot;task =
queue&quot;&gt;task queues&lt;/a&gt; and the &lt;code&gt;&lt;a href=3D#wo=
rkerglobalscope&gt;WorkerGlobalScope&lt;/a&gt;&lt;/code&gt; object's &lt;=
a href=3D#dom-workerglobalscope-closing title=3Ddom-WorkerGlobalScope-clo=
sing&gt;closing&lt;/a&gt; flag is true, then destroy the &lt;a href=3D#ev=
ent-loop&gt;event
+   loop&lt;/a&gt;, aborting these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return to the first step of the &lt;a href=3D#even=
t-loop&gt;event loop&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;!--CLEANUP--&gt;&lt;p&gt;When a user agent is=
 to &lt;dfn id=3Dperform-a-microtask-checkpoint&gt;perform a microtask ch=
eckpoint&lt;/dfn&gt;, if the &lt;a href=3D#performing-a-microtask-checkpo=
int&gt;performing a microtask checkpoint&lt;/a&gt; flag is false, then th=
e user agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!--CLEANUP--&gt;&lt;li&gt;&lt;p&gt;Let the &lt;a href=3D=
#performing-a-microtask-checkpoint&gt;performing a microtask checkpoint&l=
t;/a&gt; flag be true.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;dfn id=3Dperform-a-custom-elements-checkpoint&=
gt;Perform a custom elements checkpoint&lt;/dfn&gt;. &lt;a href=3D#refsCU=
STOM&gt;[CUSTOM]&lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#sort-the-tables-with-pending-sorts&g=
t;Sort the tables with pending sorts&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;&lt;a href=3D#concept-mo-invoke title=3Dconcept-mo-invoke&g=
t;Invoke &lt;code&gt;MutationObserver&lt;/code&gt; objects&lt;/a&gt; for =
the
+    &lt;a href=3D#unit-of-related-similar-origin-browsing-contexts&gt;un=
it of related similar-origin browsing contexts&lt;/a&gt; to which the &lt=
;a href=3D#responsible-browsing-context&gt;responsible
+    browsing context&lt;/a&gt; specified by the script's &lt;a href=3D#s=
ettings-object&gt;settings object&lt;/a&gt; belongs, using the &lt;a href=
=3D#task-wrapper-algorithm&gt;task wrapper algorithm&lt;/a&gt; as the ste=
ps to
+    invoke each callback.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p class=3Dnote&gt;This will typically invoke scripted callbacks,=
=20
+    which eventually calls the &lt;a href=3D#clean-up-after-running-a-ca=
llback&gt;clean up after running a callback&lt;/a&gt; steps,
+    which call this &lt;a href=3D#perform-a-microtask-checkpoint&gt;perf=
orm a microtask checkpoint&lt;/a&gt;
+    algorithm again, which is why we use the &lt;a href=3D#performing-a-=
microtask-checkpoint&gt;performing a microtask checkpoint&lt;/a&gt; flag =
to avoid
+    reentrancy.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;Let the &lt;a href=3D#performing-a-microtask-check=
point&gt;performing a microtask checkpoint&lt;/a&gt; flag be false.&lt;/l=
i&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;When the user agent is to &lt;dfn id=3Dp=
rovide-a-stable-state&gt;provide a stable state&lt;/dfn&gt;, if any async=
hronously-running
+  algorithms are &lt;dfn id=3Dawait-a-stable-state title=3D&quot;await a=
 stable state&quot;&gt;awaiting a stable state&lt;/dfn&gt;, then the user
+  agent must run their &lt;dfn id=3Dsynchronous-section&gt;synchronous s=
ection&lt;/dfn&gt; and then resume running their asynchronous
+  algorithm (if appropriate).&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;A &lt;a href=3D#synchronous-section&gt;synchrono=
us section&lt;/a&gt; never mutates the DOM, runs any script, or has
+  any side-effects detectable from another &lt;a href=3D#synchronous-sec=
tion&gt;synchronous section&lt;/a&gt;, and thus &lt;a href=3D#synchronous=
-section title=3D&quot;synchronous section&quot;&gt;synchronous sections&=
lt;/a&gt; can be run in any order, and cannot
+  &lt;a href=3D#spin-the-event-loop&gt;spin the event loop&lt;/a&gt;.&lt=
;/p&gt;
+
+  &lt;p class=3Dnote&gt;Steps in &lt;a href=3D#synchronous-section title=
=3D&quot;synchronous section&quot;&gt;synchronous sections&lt;/a&gt; are =
marked
+  with &amp;#x231b;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Dtask-wrapper-algorithm&gt;task wra=
pper algorithm&lt;/dfn&gt;, which is implicitly invoked in the context of=
 an
+  &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; and is used to invoke=
 a given &lt;var title=3D&quot;&quot;&gt;callback&lt;/var&gt; in a specif=
ic
+  way, is as follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Invoke &lt;var title=3D&quot;&quot;&gt;ca=
llback&lt;/var&gt; as specified.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dcritical&gt;The above will change in due cour=
se; see &lt;a href=3D&quot;https://www.w3.org/Bugs/Public/show_bug.cgi?id=
=3D20821&quot;&gt;bug 20821&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;When an algorithm says to &lt;dfn id=3Dspin-the-eve=
nt-loop&gt;spin the event loop&lt;/dfn&gt; until a condition &lt;var titl=
e=3D&quot;&quot;&gt;goal&lt;/var&gt; is met, the user agent must run the =
following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;task =
source&lt;/var&gt; be the &lt;a href=3D#task-source&gt;task source&lt;/a&=
gt; of the currently
+   running &lt;a href=3D#concept-task title=3Dconcept-task&gt;task&lt;/a=
&gt;.&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;old stack of s=
cript settings objects&lt;/var&gt; be a copy of the &lt;a href=3D#stack-o=
f-script-settings-objects&gt;stack of
+   script settings objects&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Empty the &lt;a href=3D#stack-of-script-settings-o=
bjects&gt;stack of script settings objects&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#run-the-global-script-clean-up-jobs&=
gt;Run the global script clean-up jobs&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#perform-a-microtask-checkpoint&gt;Pe=
rform a microtask checkpoint&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Stop the currently running &lt;a href=3D#concept-task title=
=3Dconcept-task&gt;task&lt;/a&gt;, allowing the &lt;a href=3D#event-loop&=
gt;event
+    loop&lt;/a&gt; to resume, but continue these steps asynchronously.&l=
t;/p&gt;
+
+    &lt;p class=3Dnote&gt;This causes the &lt;a href=3D#event-loop&gt;ev=
ent loop&lt;/a&gt; to move on to the second step of its
+    processing model (defined above).&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Wait until the condition &lt;var title=3D&quot;&qu=
ot;&gt;goal&lt;/var&gt; is met.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#queue-a-task&gt;Queue a task&lt;/a&g=
t; to continue running these steps, using the &lt;a href=3D#task-source&g=
t;task
+   source&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;task source&lt;/var&=
gt;. Wait until this task runs before continuing these
+   steps.&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;Replace the &lt;a href=3D#stack-of-script-settings=
-objects&gt;stack of script settings objects&lt;/a&gt; with the &lt;var t=
itle=3D&quot;&quot;&gt;old stack of
+   script settings objects&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return to the caller.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;Some of the algorithms in this specifica=
tion, for historical reasons, require the user agent to
+  &lt;dfn id=3Dpause&gt;pause&lt;/dfn&gt; while running a &lt;a href=3D#=
concept-task title=3Dconcept-task&gt;task&lt;/a&gt; until a condition &lt=
;var title=3D&quot;&quot;&gt;goal&lt;/var&gt; is met. This means running =
the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If any asynchronously-running algorithms =
are &lt;a href=3D#await-a-stable-state title=3D&quot;await a stable state=
&quot;&gt;awaiting a
+   stable state&lt;/a&gt;, then run their &lt;a href=3D#synchronous-sect=
ion&gt;synchronous section&lt;/a&gt; and then resume running
+   their asynchronous algorithm. (See the &lt;a href=3D#event-loop&gt;ev=
ent loop&lt;/a&gt; processing model definition above
+   for details.)&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;If necessary, update the rendering or user interfa=
ce of any &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/co=
de&gt; or
+   &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; to refle=
ct the current state.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Wait until the condition &lt;var title=3D&quot;&qu=
ot;&gt;goal&lt;/var&gt; is met. While a user agent has a paused
+   &lt;a href=3D#concept-task title=3Dconcept-task&gt;task&lt;/a&gt;, th=
e corresponding &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; must not=
 run
+   further &lt;a href=3D#concept-task title=3Dconcept-task&gt;tasks&lt;/=
a&gt;, and any script in the currently running &lt;a href=3D#concept-task=
 title=3Dconcept-task&gt;task&lt;/a&gt; must block. User agents should re=
main responsive to user input
+   while paused, however, albeit in a reduced capacity since the &lt;a h=
ref=3D#event-loop&gt;event loop&lt;/a&gt; will not be
+   doing anything.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;When a user agent is to &lt;dfn id=3Dobt=
ain-the-storage-mutex&gt;obtain the storage mutex&lt;/dfn&gt; as part of =
running a &lt;a href=3D#concept-task title=3Dconcept-task&gt;task&lt;/a&g=
t;, it must run through the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;a href=3D#storage-mutex&gt;sto=
rage mutex&lt;/a&gt; is already owned by this &lt;a href=3D#concept-task =
title=3Dconcept-task&gt;task&lt;/a&gt;'s &lt;a href=3D#event-loop&gt;even=
t loop&lt;/a&gt;, then abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, &lt;a href=3D#pause&gt;pause&lt;/a&gt; =
until the &lt;a href=3D#storage-mutex&gt;storage mutex&lt;/a&gt; can be t=
aken by the
+   &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Take ownership of the &lt;a href=3D#storage-mutex&=
gt;storage mutex&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dgeneric-task-sources&gt;&lt;span class=3Dsecno&gt;7.1.4.3 =
&lt;/span&gt;Generic task sources&lt;/h5&gt;
+
+  &lt;p&gt;The following &lt;a href=3D#task-source title=3D&quot;task so=
urce&quot;&gt;task sources&lt;/a&gt; are used by a number of mostly
+  unrelated features in this and other specifications.&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;The &lt;dfn id=3Ddom-manipulation-task-source&gt;D=
OM manipulation task source&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;This &lt;a href=3D#task-source&gt;task source&lt;/a&gt; is =
used for features that react to DOM manipulations, such as
+    things that happen asynchronously when an element is &lt;a href=3D#i=
nsert-an-element-into-a-document title=3D&quot;insert an element into a
+    document&quot;&gt;inserted into the document&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;dfn id=3Duser-interaction-task-source&gt;user inter=
action task source&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;This &lt;a href=3D#task-source&gt;task source&lt;/a&gt; is =
used for features that react to user interaction, for
+    example keyboard or mouse input.&lt;/p&gt;
+
+    &lt;p&gt;Asynchronous events sent in response to user input (e.g. &l=
t;code title=3Devent-click&gt;&lt;a href=3D#event-click&gt;click&lt;/a&gt=
;&lt;/code&gt; events) must be fired using &lt;a href=3D#concept-task tit=
le=3Dconcept-task&gt;tasks&lt;/a&gt; &lt;a href=3D#queue-a-task title=3D&=
quot;queue a task&quot;&gt;queued&lt;/a&gt; with the &lt;a href=3D#user-i=
nteraction-task-source&gt;user
+    interaction task source&lt;/a&gt;. &lt;a href=3D#refsDOMEVENTS&gt;[D=
OMEVENTS]&lt;/a&gt;&lt;/p&gt; &lt;!-- user
+    interaction events integration point --&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;dfn id=3Dnetworking-task-source&gt;networking task =
source&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;This &lt;a href=3D#task-source&gt;task source&lt;/a&gt; is =
used for features that trigger in response to network
+    activity.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;The &lt;dfn id=3Dhistory-traversal-task-source&gt;history t=
raversal task source&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;This &lt;a href=3D#task-source&gt;task source&lt;/a&gt; is =
used to queue calls to &lt;code title=3Ddom-history-back&gt;&lt;a href=3D=
#dom-history-back&gt;history.back()&lt;/a&gt;&lt;/code&gt; and similar AP=
Is.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;!-- SCRIPT EXEC --&gt;
+  &lt;h4 id=3Djavascript-protocol&gt;&lt;span class=3Dsecno&gt;7.1.5 &lt=
;/span&gt;&lt;dfn title=3D&quot;javascript protocol&quot;&gt;The &lt;code=
 title=3D&quot;&quot;&gt;javascript:&lt;/code&gt; URL scheme&lt;/dfn&gt;&=
lt;/h4&gt;
+
+  &lt;p&gt;When a &lt;a href=3D#url&gt;URL&lt;/a&gt; using the &lt;code =
title=3D&quot;&quot;&gt;javascript:&lt;/code&gt; scheme is &lt;dfn id=3Dc=
oncept-js-deref title=3Dconcept-js-deref&gt;dereferenced&lt;/dfn&gt;, the=
 user agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let the script source be the string obtai=
ned using the content retrieval operation defined
+   for &lt;code title=3D&quot;&quot;&gt;javascript:&lt;/code&gt; URLs. &=
lt;a href=3D#refsJSURL&gt;[JSURL]&lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Use the appropriate step from the following list:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;If a &lt;a href=3D#browsing-context&gt;browsing =
context&lt;/a&gt; is being &lt;a href=3D#navigate title=3Dnavigate&gt;nav=
igated&lt;/a&gt; to a
+     &lt;code&gt;javascript:&lt;/code&gt; URL, and the &lt;a href=3D#sou=
rce-browsing-context&gt;source browsing context&lt;/a&gt; for that naviga=
tion,
+     if any, has &lt;a href=3D#concept-bc-noscript title=3Dconcept-bc-no=
script&gt;scripting disabled&lt;/a&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;result&lt;/var&gt; be=
 void.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;If a &lt;a href=3D#browsing-context&gt;browsing context&l=
t;/a&gt; is being &lt;a href=3D#navigate title=3Dnavigate&gt;navigated&lt=
;/a&gt; to a
+     &lt;code&gt;javascript:&lt;/code&gt; URL, and the &lt;a href=3D#act=
ive-document&gt;active document&lt;/a&gt; of that browsing context has
+     the &lt;a href=3D#same-origin&gt;same origin&lt;/a&gt; as the scrip=
t given by that URL&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;!-- http://www.hixie.ch/tests/adhoc/html/navigation/javascript=
-url/ --&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;address&lt;/var&gt; b=
e the &lt;a href=3D&quot;#the-document's-address&quot; title=3D&quot;the =
document's address&quot;&gt;address&lt;/a&gt;
+      of the &lt;a href=3D#active-document&gt;active document&lt;/a&gt; =
of the &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; being=
 navigated.&lt;/p&gt;
+
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;address&lt;/var&gt; is=
 &lt;code&gt;&lt;a href=3D#about:blank&gt;about:blank&lt;/a&gt;&lt;/code&=
gt;, and the &lt;a href=3D#browsing-context&gt;browsing
+      context&lt;/a&gt; being navigated has a &lt;a href=3D#creator-brow=
sing-context&gt;creator browsing context&lt;/a&gt;, then let &lt;var titl=
e=3D&quot;&quot;&gt;address&lt;/var&gt; be the &lt;a href=3D&quot;#the-do=
cument's-address&quot; title=3D&quot;the document's address&quot;&gt;addr=
ess&lt;/a&gt; of the
+      &lt;a href=3D#creator-document&gt;creator &lt;code&gt;Document&lt;=
/code&gt;&lt;/a&gt; instead.&lt;/p&gt;
+
+      &lt;p&gt;&lt;a href=3D#create-a-script&gt;Create a script&lt;/a&gt=
;, using the aforementioned script source, the &lt;a href=3D#url&gt;URL&l=
t;/a&gt;
+      of the resource where the &lt;code&gt;javascript:&lt;/code&gt; URL=
, was found, JavaScript as the scripting
+      language, and the &lt;a href=3D#script-settings-object&gt;script s=
ettings object&lt;/a&gt; of the &lt;code&gt;&lt;a href=3D#window&gt;Windo=
w&lt;/a&gt;&lt;/code&gt; object of the
+      &lt;a href=3D#active-document&gt;active document&lt;/a&gt;.&lt;/p&=
gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;result&lt;/var&gt; be=
 the return value of the &lt;a href=3D#code-entry-point&gt;code entry-poi=
nt&lt;/a&gt;
+      of this &lt;a href=3D#concept-script title=3Dconcept-script&gt;scr=
ipt&lt;/a&gt;. If an exception was thrown, let &lt;var title=3D&quot;&quo=
t;&gt;result&lt;/var&gt; be void instead. (The result will be void also i=
f &lt;a href=3D#concept-bc-noscript title=3Dconcept-bc-noscript&gt;script=
ing is disabled&lt;/a&gt;.)&lt;/p&gt;
+
+      &lt;p&gt;When it comes time to &lt;a href=3D&quot;#set-the-documen=
t's-address&quot;&gt;set the document's address&lt;/a&gt; in the &lt;a hr=
ef=3D#navigate title=3Dnavigate&gt;navigation algorithm&lt;/a&gt;, use &l=
t;var title=3D&quot;&quot;&gt;address&lt;/var&gt; as the
+      &lt;a href=3D#override-url&gt;override URL&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;result&lt;/var&gt; be=
 void.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the result of executing the script is void (there is no =
return value), then the URL must
+    be treated in a manner equivalent to an HTTP resource with an HTTP 2=
04 No Content response.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, the URL must be treated in a manner equivalent t=
o an HTTP resource with a 200 OK
+    response whose &lt;a href=3D#content-type title=3DContent-Type&gt;Co=
ntent-Type metadata&lt;/a&gt; is &lt;code&gt;&lt;a href=3D#text/html&gt;t=
ext/html&lt;/a&gt;&lt;/code&gt;
+    and whose response body is the return value converted to a string va=
lue.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;Certain contexts, in particular &lt;code&gt;&l=
t;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt; elements, ignor=
e the &lt;a href=3D#content-type title=3DContent-Type&gt;Content-Type met=
adata&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;div class=3Dexample&gt;
+
+   &lt;p&gt;So for example a &lt;code title=3D&quot;&quot;&gt;javascript=
:&lt;/code&gt; URL for a &lt;code title=3Dattr-img-src&gt;&lt;a href=3D#a=
ttr-img-src&gt;src&lt;/a&gt;&lt;/code&gt; attribute of an &lt;code&gt;&lt=
;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt; element would be=
 evaluated in
+   the context of an empty object as soon as the attribute is set; it wo=
uld then be sniffed to
+   determine the image type and decoded as an image.&lt;/p&gt;
+
+   &lt;p&gt;A &lt;code title=3D&quot;&quot;&gt;javascript:&lt;/code&gt; =
URL in an &lt;code title=3Dattr-hyperlink-href&gt;&lt;a href=3D#attr-hype=
rlink-href&gt;href&lt;/a&gt;&lt;/code&gt;
+   attribute of an &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt=
;&lt;/code&gt; element would only be evaluated when the link was &lt;a hr=
ef=3D#following-hyperlinks title=3D&quot;following hyperlinks&quot;&gt;fo=
llowed&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Dattr-iframe-src&gt;&lt;a href=3D#attr-i=
frame-src&gt;src&lt;/a&gt;&lt;/code&gt; attribute of an &lt;code&gt;&lt;a=
 href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt; element woul=
d
+   be evaluated in the context of the &lt;code&gt;&lt;a href=3D#the-ifra=
me-element&gt;iframe&lt;/a&gt;&lt;/code&gt;'s own &lt;a href=3D#browsing-=
context&gt;browsing context&lt;/a&gt;; once
+   evaluated, its return value (if it was not void) would replace that &=
lt;a href=3D#browsing-context&gt;browsing
+   context&lt;/a&gt;'s document, thus changing the variables visible in =
that &lt;a href=3D#browsing-context&gt;browsing
+   context&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Devents&gt;&lt;span class=3Dsecno&gt;7.1.6 &lt;/span&gt;Eve=
nts&lt;/h4&gt;
+
+  &lt;h5 id=3Devent-handler-attributes&gt;&lt;span class=3Dsecno&gt;7.1.=
6.1 &lt;/span&gt;Event handlers&lt;/h5&gt;
+
+  &lt;!--test: &lt;a href=3D&quot;http://software.hixie.ch/utilities/js/=
live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A...%3Cscript%3E%0Aw(a%3Ddocument=
.implementation.createDocument(null%2C%20null%2C%20null))%3B%0Aw(a.append=
Child(a.createElementNS('http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml'%2C%20'ht=
ml')))%3B%0Aw(b%3Da.firstChild.appendChild(a.createElementNS('http%3A%2F%=
2Fwww.w3.org%2F1999%2Fxhtml'%2C%20'body')))%3B%0Aw(b.test%20%3D%20w)%3B%0=
Aw(b.setAttribute('onclick'%2C%20'test(%22fire%3A%20%22%20%2B%20event)'))=
%3B%0Aw(b.onclick)%3B%0Aw(e%3Da.createEvent('Event'))%3B%0Aw(e.initEvent(=
'click'%2C%20false%2C%20false))%3B%0Aw(b.dispatchEvent(e))%3B%0A%3C%2Fscr=
ipt%3E&quot;&gt;test&lt;/a&gt;--&gt;
+
+  &lt;p&gt;Many objects can have &lt;dfn id=3Devent-handlers&gt;event ha=
ndlers&lt;/dfn&gt; specified. These act as non-capture event
+  listeners for the object on which they are specified. &lt;a href=3D#re=
fsDOM&gt;[DOM]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;An &lt;a href=3D#event-handlers title=3D&quot;event handlers&=
quot;&gt;event handler&lt;/a&gt; has a name, which always starts with
+  &quot;&lt;code title=3D&quot;&quot;&gt;on&lt;/code&gt;&quot; and is fo=
llowed by the name of the event for which it is intended.&lt;/p&gt;
+
+  &lt;p&gt;An &lt;a href=3D#event-handlers title=3D&quot;event handlers&=
quot;&gt;event handler&lt;/a&gt; can either have the value null or be set
+  to a callback object. This is defined using the &lt;code&gt;&lt;a href=
=3D#eventhandler&gt;EventHandler&lt;/a&gt;&lt;/code&gt; callback function=
 type.
+  &lt;span class=3Dimpl&gt;Initially, event handlers must be set to null=
.&lt;/span&gt;&lt;/p&gt;
+
+  &lt;p&gt;Event handlers are exposed in one of two ways.&lt;/p&gt;
+
+  &lt;p&gt;The first way, common to all event handlers, is as an &lt;a h=
ref=3D#event-handler-idl-attributes title=3D&quot;event handler IDL
+  attributes&quot;&gt;event handler IDL attribute&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The second way is as an &lt;a href=3D#event-handler-content-a=
ttributes title=3D&quot;event handler content attributes&quot;&gt;event h=
andler content
+  attribute&lt;/a&gt;. Event handlers on &lt;a href=3D#html-elements&gt;=
HTML elements&lt;/a&gt; and some of the event handlers on
+  &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obje=
cts are exposed in this way.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;hr&gt;&lt;p&gt;An &lt;dfn id=3Devent-handler-idl-attributes title=3D=
&quot;event handler IDL attributes&quot;&gt;event handler IDL attribute&l=
t;/dfn&gt; is an IDL
+  attribute for a specific &lt;a href=3D#event-handlers title=3D&quot;ev=
ent handlers&quot;&gt;event handler&lt;/a&gt;. The name of the IDL
+  attribute is the same as the name of the &lt;a href=3D#event-handlers =
title=3D&quot;event handlers&quot;&gt;event handler&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;a href=3D#event-handler-idl-attributes&gt;Event handler I=
DL attributes&lt;/a&gt;, on setting, must set the corresponding event han=
dler
+  to their new value, and on getting, must return whatever the current v=
alue of the corresponding
+  event handler is (possibly null).&lt;/p&gt;
+
+  &lt;p&gt;If an &lt;a href=3D#event-handler-idl-attributes title=3D&quo=
t;event handler IDL attributes&quot;&gt;event handler IDL attribute&lt;/a=
&gt; exposes an
+  &lt;a href=3D#event-handlers title=3D&quot;event handlers&quot;&gt;eve=
nt handler&lt;/a&gt; of an object that doesn't exist, it must always
+  return null on getting and must do nothing on setting.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This can happen in particular for &lt;a href=3D#=
event-handler-idl-attributes title=3D&quot;event handler IDL attributes&q=
uot;&gt;event
+  handler IDL attribute&lt;/a&gt; on &lt;code&gt;&lt;a href=3D#the-body-=
element&gt;body&lt;/a&gt;&lt;/code&gt; elements that do not have correspo=
nding
+  &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obje=
cts.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Certain event handler IDL attributes have additi=
onal requirements, in particular
+  the &lt;code title=3Dhandler-MessagePort-onmessage&gt;&lt;a href=3D#ha=
ndler-messageport-onmessage&gt;onmessage&lt;/a&gt;&lt;/code&gt; attribute=
 of
+  &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/cod=
e&gt; objects.&lt;/p&gt;
+
+  &lt;p&gt;On getting, &lt;a href=3D#event-handler-idl-attributes&gt;eve=
nt handler IDL attributes&lt;/a&gt; must return the value of their
+  corresponding &lt;a href=3D#event-handlers&gt;event handlers&lt;/a&gt;=
, except when the value is an &lt;a href=3D#concept-handler-error title=3D=
concept-handler-error&gt;internal error value&lt;/a&gt;, in which case th=
e user agent must set
+  the corresponding event handler to null, and then throw an exception c=
orresponding to the error
+  condition.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;/div&gt;
+
+  &lt;p&gt;An &lt;dfn id=3Devent-handler-content-attributes title=3D&quo=
t;event handler content attributes&quot;&gt;event handler content attribu=
te&lt;/dfn&gt; is a
+  content attribute for a specific &lt;a href=3D#event-handlers title=3D=
&quot;event handlers&quot;&gt;event handler&lt;/a&gt;. The name of
+  the content attribute is the same as the name of the &lt;a href=3D#eve=
nt-handlers title=3D&quot;event handlers&quot;&gt;event
+  handler&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;a href=3D#event-handler-content-attributes&gt;Event handl=
er content attributes&lt;/a&gt;, when specified, must contain valid JavaS=
cript
+  code which, when parsed, would match the &lt;code title=3D&quot;&quot;=
&gt;FunctionBody&lt;/code&gt; production after
+  automatic semicolon insertion. &lt;a href=3D#refsECMA262&gt;[ECMA262]&=
lt;/a&gt;&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;!-- SCRIPT EXEC --&gt;
+  &lt;p&gt;When an &lt;a href=3D#event-handler-content-attributes title=3D=
&quot;event handler content attributes&quot;&gt;event handler content att=
ribute&lt;/a&gt;
+  is set, if the element is owned by a &lt;code&gt;&lt;a href=3D#documen=
t&gt;Document&lt;/a&gt;&lt;/code&gt; that is in a &lt;a href=3D#browsing-=
context&gt;browsing
+  context&lt;/a&gt;, and &lt;a href=3D#concept-bc-script title=3Dconcept=
-bc-script&gt;scripting is enabled&lt;/a&gt; for that
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;, the user=
 agent must run the following steps to create a &lt;a href=3D#concept-scr=
ipt title=3Dconcept-script&gt;script&lt;/a&gt; after setting the content =
attribute to its new value:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Set the corresponding &lt;a href=3D#event=
-handlers title=3D&quot;event handlers&quot;&gt;event handler&lt;/a&gt; t=
o null.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;script setting=
s&lt;/var&gt; be the &lt;a href=3D#script-settings-object&gt;script setti=
ngs object&lt;/a&gt; of the
+   &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obj=
ect associated with the &lt;a href=3D#browsing-context&gt;browsing contex=
t&lt;/a&gt; to which belongs the
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
 of the element in question.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Obtain the &lt;a href=3D#script-execution-environm=
ent&gt;script execution environment&lt;/a&gt; for JavaScript from &lt;var=
 title=3D&quot;&quot;&gt;script settings&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;body&lt;/var&g=
t; be the &lt;a href=3D#event-handler-content-attributes title=3D&quot;ev=
ent handler content attributes&quot;&gt;event
+   handler content attribute&lt;/a&gt;'s new value.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;body&lt;/var&gt; is not =
parsable as &lt;i&gt;FunctionBody&lt;/i&gt; or if parsing detects an
+    &lt;i&gt;early error&lt;/i&gt; then &lt;a href=3D#set-the-event-hand=
ler-content-attribute-to-an-error&gt;set the event handler content attrib=
ute to an error&lt;/a&gt; as
+    defined below, and abort these steps.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;&lt;i&gt;FunctionBody&lt;/i&gt; is defined in =
ECMAScript edition 5 section 13 Function
+    Definition. &lt;i&gt;Early error&lt;/i&gt; is defined in ECMAScript =
edition 5 section 16 Errors. &lt;a href=3D#refsECMA262&gt;[ECMA262]&lt;/a=
&gt;&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;body&lt;/var&gt; begins =
with a Directive Prologue that contains a Use Strict
+    Directive then let &lt;var title=3D&quot;&quot;&gt;strict&lt;/var&gt=
; be true, otherwise let &lt;var title=3D&quot;&quot;&gt;strict&lt;/var&g=
t;
+    be false.&lt;/p&gt; &lt;!-- we can't defer to 10.1.1 since we're not=
 using a Function constructor but
+    doing it ourselves. --&gt;
+
+    &lt;p class=3Dnote&gt;The terms &quot;Directive Prologue&quot; and &=
quot;Use Strict Directive&quot; are defined in
+    ECMAScript edition 5 section 14.1 Directive Prologues and the Use St=
rict Directive. &lt;a href=3D#refsECMA262&gt;[ECMA262]&lt;/a&gt;&lt;/p&gt=
;
+
+   &lt;/li&gt;
+
+&lt;!--
+currently this is unnecessary: http://www.w3.org/Bugs/Public/show_bug.cg=
i?id=3D11977#c4
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;strict&lt;/var&gt; is tr=
ue, and anything in &lt;var title=3D&quot;&quot;&gt;body&lt;/var&gt; is a
+    &lt;code&gt;SyntaxError&lt;/code&gt; according to the Strict Mode Re=
strictions, then &lt;span&gt;set the event
+    handler content attribute to an error&lt;/span&gt; as defined below,=
 and abort these steps.&lt;/p&gt;
+
+    &lt;p class=3D&quot;note&quot;&gt;The Strict Mode Restrictions are t=
hose listed in ECMAScript edition 5 section
+    13.1 Strict Mode Restrictions. &lt;a href=3D&quot;#refsECMA262&quot;=
&gt;[ECMA262]&lt;/a&gt;&lt;/p&gt;
+
+   &lt;/li&gt;
+--&gt;
+
+   &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;Using the &lt;a href=3D#script-execution-environment&gt;scr=
ipt execution environment&lt;/a&gt; obtained above, create a function obj=
ect (as defined in
+    ECMAScript edition 5 section 13.2 Creating Function Objects), with:&=
lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;Parameter list &lt;var title=3D&quot;&quot;&gt;F=
ormalParameterList&lt;/var&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the attribute is an &lt;code=
 title=3Dhandler-onerror&gt;&lt;a href=3D#handler-onerror&gt;onerror&lt;/=
a&gt;&lt;/code&gt; content attribute
+       corresponding to an &lt;span&gt;event handler&lt;/span&gt; of a &=
lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object (=
that is, the
+       &lt;code title=3Dhandler-onerror&gt;&lt;a href=3D#handler-onerror=
&gt;onerror&lt;/a&gt;&lt;/code&gt; content attributes on &lt;code&gt;&lt;=
a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt; and
+       &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&lt;/code=
&gt; elements)&lt;/dt&gt;
+
+       &lt;dd&gt;Let the function have five arguments, named &lt;code ti=
tle=3D&quot;&quot;&gt;event&lt;/code&gt;, &lt;code title=3D&quot;&quot;&g=
t;source&lt;/code&gt;, &lt;code title=3D&quot;&quot;&gt;lineno&lt;/code&g=
t;, &lt;code title=3D&quot;&quot;&gt;colno&lt;/code&gt;,
+       and &lt;code title=3D&quot;&quot;&gt;error&lt;/code&gt;.&lt;/dd&g=
t;
+       &lt;!-- /colno/ is new as of 2012; see https://www.w3.org/Bugs/Pu=
blic/show_bug.cgi?id=3D13319 and 22800 --&gt;
+       &lt;!-- /error/ is new as of 2013; see http://lists.w3.org/Archiv=
es/Public/public-whatwg-archive/2013Jul/0313.html --&gt;
+
+       &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+       &lt;dd&gt;Let the function have a single argument called &lt;code=
 title=3D&quot;&quot;&gt;event&lt;/code&gt;.&lt;/dd&gt;
+
+      &lt;/dl&gt;&lt;/dd&gt;
+
+     &lt;dt&gt;Function body &lt;var title=3D&quot;&quot;&gt;FunctionBod=
y&lt;/var&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;The result of parsing &lt;var title=3D&quot;&quot;&gt;bod=
y&lt;/var&gt; above.&lt;/dd&gt;
+
+     &lt;dt&gt;Lexical Environment &lt;var title=3D&quot;&quot;&gt;Scope=
&lt;/var&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;ol&gt;&lt;li&gt;Let &lt;var title=3D&quot;&quot;&gt;Scope&lt;/=
var&gt; be the result of NewObjectEnvironment(the element's
+       &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code=
&gt;, the &lt;var title=3D&quot;&quot;&gt;global environment&lt;/var&gt;)=
.&lt;/li&gt;
+
+       &lt;li&gt;If the element has a &lt;a href=3D#form-owner&gt;form o=
wner&lt;/a&gt;, let &lt;var title=3D&quot;&quot;&gt;Scope&lt;/var&gt; be =
the result
+       of NewObjectEnvironment(the element's &lt;a href=3D#form-owner&gt=
;form owner&lt;/a&gt;, &lt;var title=3D&quot;&quot;&gt;Scope&lt;/var&gt;)=
.&lt;/li&gt;
+
+       &lt;li&gt;Let &lt;var title=3D&quot;&quot;&gt;Scope&lt;/var&gt; b=
e the result of NewObjectEnvironment(the element's object,
+       &lt;var title=3D&quot;&quot;&gt;Scope&lt;/var&gt;).&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;p class=3Dnote&gt;NewObjectEnvironment() is defined=
 in ECMAScript edition 5 section 10.2.2.3
+      NewObjectEnvironment (O, E). &lt;a href=3D#refsECMA262&gt;[ECMA262=
]&lt;/a&gt;&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;Boolean flag &lt;var title=3D&quot;&quot;&gt;Strict&lt;/v=
ar&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;The value of &lt;var title=3D&quot;&quot;&gt;strict&lt;/v=
ar&gt;.&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;!--CLEANUP--&gt;&lt;p&gt;Let this new function be a n=
ew &lt;a href=3D#concept-script title=3Dconcept-script&gt;script&lt;/a&gt=
;'s &lt;a href=3D#code-entry-point&gt;code entry-point&lt;/a&gt;.&lt;/p&g=
t;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let that &lt;a href=3D#concept-script title=3Dconc=
ept-script&gt;script&lt;/a&gt;'s &lt;a href=3D#settings-object&gt;setting=
s object&lt;/a&gt; be
+   &lt;var title=3D&quot;&quot;&gt;script settings&lt;/var&gt;.&lt;/li&g=
t;
+
+   &lt;li&gt;&lt;p&gt;Set the corresponding &lt;a href=3D#event-handlers=
 title=3D&quot;event handlers&quot;&gt;event handler&lt;/a&gt; to the
+   aforementioned function.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When a user agent is required, by the steps above,=
 to &lt;dfn id=3Dset-the-event-handler-content-attribute-to-an-error&gt;s=
et the event handler content
+  attribute to an error&lt;/dfn&gt;, the user agent must set the corresp=
onding &lt;a href=3D#event-handlers title=3D&quot;event
+  handlers&quot;&gt;event handler&lt;/a&gt; to an &lt;dfn id=3Dconcept-h=
andler-error title=3Dconcept-handler-error&gt;internal error value&lt;/df=
n&gt;
+  representing the error condition, keeping track of the &lt;a href=3D#u=
rl&gt;URL&lt;/a&gt; of the resource where the
+  &lt;a href=3D#event-handler-content-attributes title=3D&quot;event han=
dler content attributes&quot;&gt;event handler content attribute&lt;/a&gt=
; was set, and
+  the relevant line number inside that resource where the error occurred=
.&lt;/p&gt;
+
+  &lt;p&gt;When an event handler content attribute is removed, the user =
agent must set the corresponding
+  &lt;a href=3D#event-handlers title=3D&quot;event handlers&quot;&gt;eve=
nt handler&lt;/a&gt; to null.&lt;/p&gt;
+  &lt;!--
+  http://software.hixie.ch/utilities/js/live-dom-viewer/saved/245 onload
+  http://software.hixie.ch/utilities/js/live-dom-viewer/saved/247 onclic=
k
+  see http://www.w3.org/Bugs/Public/show_bug.cgi?id=3D7626#c5 for reason=
ing
+  --&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;When an &lt;a href=3D#event-handler-content-attr=
ibutes title=3D&quot;event handler content attributes&quot;&gt;event hand=
ler content
+  attribute&lt;/a&gt; is set on an element owned by a &lt;code&gt;&lt;a =
href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; that is not in a
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;, the corr=
esponding event handler is not changed.&lt;/p&gt;
+
+  &lt;!-- v2: we should probably support HTML4's Content-Script-Type hea=
der here. --&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;hr&gt;&lt;p&gt;When an &lt;a href=3D#event-handlers title=3D&quot;=
event handlers&quot;&gt;event handler&lt;/a&gt; &lt;var title=3D&quot;&qu=
ot;&gt;H&lt;/var&gt; of an element
+  or object &lt;var title=3D&quot;&quot;&gt;T&lt;/var&gt; implementing t=
he &lt;code&gt;&lt;a href=3D#eventtarget&gt;EventTarget&lt;/a&gt;&lt;/cod=
e&gt; interface is first set
+  to a non-null value, the user agent must append an &lt;a href=3D#conce=
pt-event-listener title=3Dconcept-event-listener&gt;event
+  listener&lt;/a&gt; to the list of &lt;a href=3D#concept-event-listener=
 title=3Dconcept-event-listener&gt;event listeners&lt;/a&gt;
+  associated with &lt;var title=3D&quot;&quot;&gt;T&lt;/var&gt; with &lt=
;i&gt;type&lt;/i&gt; set to the &lt;dfn id=3Devent-handler-event-type&gt;=
event handler event
+  type&lt;/dfn&gt; corresponding to &lt;var title=3D&quot;&quot;&gt;H&lt=
;/var&gt;, &lt;i&gt;capture&lt;/i&gt; set to false, and
+  &lt;i&gt;listener&lt;/i&gt; set to &lt;a href=3D#the-event-handler-pro=
cessing-algorithm&gt;the event handler processing algorithm&lt;/a&gt; def=
ined below. &lt;a href=3D#refsDOM&gt;[DOM]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;i&gt;listener&lt;/i&gt; is emphatically =
&lt;em&gt;not&lt;/em&gt; the &lt;a href=3D#event-handlers title=3D&quot;e=
vent
+  handlers&quot;&gt;event handler&lt;/a&gt; itself. Every event handler =
ends up registering the same
+  &lt;i&gt;listener&lt;/i&gt;, the algorithm defined below, which takes =
care of invoking the right callback, and
+  processing the callback's return value.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This only happens the first time the &lt;a href=3D=
#event-handlers title=3D&quot;event handlers&quot;&gt;event
+  handler&lt;/a&gt;'s value is set. Since listeners are called in the or=
der they were registered, the
+  order of event listeners for a particular event type will always be fi=
rst the event listeners
+  registered with &lt;code title=3Ddom-EventTarget-addEventListener&gt;a=
ddEventListener()&lt;/code&gt; before
+  the first time the &lt;a href=3D#event-handlers title=3D&quot;event ha=
ndlers&quot;&gt;event handler&lt;/a&gt; was set to a non-null value,
+  then the callback to which it is currently set, if any, and finally th=
e event listeners registered
+  with &lt;code title=3Ddom-EventTarget-addEventListener&gt;addEventList=
ener()&lt;/code&gt; &lt;em&gt;after&lt;/em&gt; the
+  first time the &lt;a href=3D#event-handlers title=3D&quot;event handle=
rs&quot;&gt;event handler&lt;/a&gt; was set to a non-null value.&lt;/p&gt=
;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;This example demonstrates the order in which event listeners=
 are invoked. If the button in
+   this example is clicked by the user, the page will show four alerts, =
with the text &quot;ONE&quot;, &quot;TWO&quot;,
+   &quot;THREE&quot;, and &quot;FOUR&quot; respectively.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;button id=3D&quot;test&quot;&amp;gt;Start Demo&amp=
;lt;/button&amp;gt;
+&amp;lt;script&amp;gt;
+ var button =3D document.getElementById('test');
+ button.addEventListener('click', function () { alert('ONE') }, false);
+ button.setAttribute('onclick', &quot;alert('NOT CALLED')&quot;); // eve=
nt handler listener is registered here
+ button.addEventListener('click', function () { alert('THREE') }, false)=
;
+ button.onclick =3D function () { alert('TWO'); };
+ button.addEventListener('click', function () { alert('FOUR') }, false);
+&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p class=3Dnote&gt;The interfaces implemented by the event object d=
o not influence whether an &lt;a href=3D#event-handlers title=3D&quot;eve=
nt handlers&quot;&gt;event handler&lt;/a&gt; is triggered or not.&lt;/p&g=
t;
+
+  &lt;p&gt;&lt;dfn id=3Dthe-event-handler-processing-algorithm&gt;The ev=
ent handler processing algorithm&lt;/dfn&gt; for an &lt;a href=3D#event-h=
andlers title=3D&quot;event handlers&quot;&gt;event
+  handler&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;H&lt;/var&gt; and an=
 &lt;code&gt;&lt;a href=3D#event&gt;Event&lt;/a&gt;&lt;/code&gt; object &=
lt;var title=3D&quot;&quot;&gt;E&lt;/var&gt; is as
+  follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;H&lt;/=
var&gt;'s value is null, then abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;H&lt;/var&gt;'s=
 value is an &lt;a href=3D#concept-handler-error title=3Dconcept-handler-=
error&gt;internal error
+   value&lt;/a&gt;, then: set the &lt;a href=3D#event-handlers title=3D&=
quot;event handlers&quot;&gt;event handler&lt;/a&gt; to null and then
+   &lt;a href=3D#report-the-error&gt;report the error&lt;/a&gt; for the =
appropriate &lt;a href=3D#concept-script title=3Dconcept-script&gt;script=
&lt;/a&gt; and
+   with the appropriate position (line number and column number), as est=
ablished when the error was
+   detected, using the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&=
gt;&lt;/code&gt; object of that &lt;code&gt;&lt;a href=3D#document&gt;Doc=
ument&lt;/a&gt;&lt;/code&gt; as the target. If
+   the error is still &lt;i title=3Dconcept-error-nothandled&gt;&lt;a hr=
ef=3D#concept-error-nothandled&gt;not handled&lt;/a&gt;&lt;/i&gt; after t=
his, then the error
+   may be reported to the user. Finally, abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;callback&lt;/v=
ar&gt; be &lt;var title=3D&quot;&quot;&gt;H&lt;/var&gt;'s value, the call=
back that the
+   &lt;a href=3D#event-handlers title=3D&quot;event handlers&quot;&gt;ev=
ent handler&lt;/a&gt; was last set to.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Process the &lt;code&gt;&lt;a href=3D#event&gt;Event&lt;/a&=
gt;&lt;/code&gt; object &lt;var title=3D&quot;&quot;&gt;E&lt;/var&gt; as =
follows:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quot;&g=
t;E&lt;/var&gt; is an &lt;code&gt;&lt;a href=3D#errorevent&gt;ErrorEvent&=
lt;/a&gt;&lt;/code&gt; object and the &lt;a href=3D#event-handler-idl-att=
ributes title=3D&quot;event
+     handler IDL attributes&quot;&gt;event handler IDL attribute&lt;/a&g=
t;'s type is
+     &lt;code&gt;&lt;a href=3D#onerroreventhandler&gt;OnErrorEventHandle=
r&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;&lt;a href=3D#concept-invoke-event-handler title=3Dconcep=
t-invoke-event-handler&gt;Invoke&lt;/a&gt; &lt;var title=3D&quot;&quot;&g=
t;callback&lt;/var&gt; with five arguments,
+      the first one having the value of &lt;var title=3D&quot;&quot;&gt;=
E&lt;/var&gt;'s &lt;code title=3Ddom-ErrorEvent-message&gt;&lt;a href=3D#=
dom-errorevent-message&gt;message&lt;/a&gt;&lt;/code&gt; attribute,
+      the second having the value of &lt;var title=3D&quot;&quot;&gt;E&l=
t;/var&gt;'s &lt;code title=3Ddom-ErrorEvent-filename&gt;&lt;a href=3D#do=
m-errorevent-filename&gt;filename&lt;/a&gt;&lt;/code&gt; attribute,
+      the third having the value of &lt;var title=3D&quot;&quot;&gt;E&lt=
;/var&gt;'s &lt;code title=3Ddom-ErrorEvent-lineno&gt;&lt;a href=3D#dom-e=
rrorevent-lineno&gt;lineno&lt;/a&gt;&lt;/code&gt; attribute,
+      the fourth having the value of &lt;var title=3D&quot;&quot;&gt;E&l=
t;/var&gt;'s &lt;code title=3Ddom-ErrorEvent-colno&gt;&lt;a href=3D#dom-e=
rrorevent-colno&gt;colno&lt;/a&gt;&lt;/code&gt; attribute,
+      the fifth having the value of &lt;var title=3D&quot;&quot;&gt;E&lt=
;/var&gt;'s &lt;code title=3Ddom-ErrorEvent-error&gt;&lt;a href=3D#dom-er=
rorevent-error&gt;error&lt;/a&gt;&lt;/code&gt; attribute, and
+      with the &lt;i title=3Ddfn-callback-this-value&gt;callback this va=
lue&lt;/i&gt; set to &lt;var title=3D&quot;&quot;&gt;E&lt;/var&gt;'s &lt;=
code title=3Ddom-Event-currentTarget&gt;currentTarget&lt;/code&gt;. Let=20
+      &lt;var title=3D&quot;&quot;&gt;return value&lt;/var&gt; be the ca=
llback's return value. &lt;a href=3D#refsWEBIDL&gt;[WEBIDL]&lt;/a&gt;&lt;=
/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;&lt;a href=3D#concept-invoke-event-handler title=3Dconcep=
t-invoke-event-handler&gt;Invoke&lt;/a&gt; &lt;var title=3D&quot;&quot;&g=
t;callback&lt;/var&gt; with one argument, the value of which is the
+      &lt;code&gt;&lt;a href=3D#event&gt;Event&lt;/a&gt;&lt;/code&gt; ob=
ject &lt;var title=3D&quot;&quot;&gt;E&lt;/var&gt;, with the &lt;i title=3D=
dfn-callback-this-value&gt;callback this value&lt;/i&gt; set to &lt;var t=
itle=3D&quot;&quot;&gt;E&lt;/var&gt;'s &lt;code title=3Ddom-Event-current=
Target&gt;currentTarget&lt;/code&gt;. Let &lt;var title=3D&quot;&quot;&gt=
;return value&lt;/var&gt; be the callback's return value. &lt;a href=3D#r=
efsWEBIDL&gt;[WEBIDL]&lt;/a&gt;&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;p class=3DXXX&gt;In this step, &lt;dfn id=3Dconcept-i=
nvoke-event-handler title=3Dconcept-invoke-event-handler&gt;invoke&lt;/df=
n&gt; means to run the
+    &lt;a href=3D#jump-to-a-code-entry-point&gt;jump to a code entry-poi=
nt&lt;/a&gt; algorithm.&lt;/p&gt; &lt;!-- bug 19211 / bug 23744 --&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Process &lt;var title=3D&quot;&quot;&gt;return value&lt;/va=
r&gt; as follows:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the event type is &lt;code cla=
ss=3Devent-mouseover&gt;mouseover&lt;/code&gt;&lt;/dt&gt;
+     &lt;dt&gt;If the event type is &lt;code class=3Devent-error&gt;erro=
r&lt;/code&gt; and &lt;var title=3D&quot;&quot;&gt;E&lt;/var&gt; is an &l=
t;code&gt;&lt;a href=3D#errorevent&gt;ErrorEvent&lt;/a&gt;&lt;/code&gt; o=
bject&lt;/dt&gt;
+
+     &lt;dd&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;return value&=
lt;/var&gt; is a WebIDL boolean true value, then cancel the event.&lt;/dd=
&gt;
+
+
+     &lt;dt&gt;If the event type is &lt;code class=3Devent-beforeunload&=
gt;beforeunload&lt;/code&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p class=3Dnote&gt;The &lt;a href=3D#event-handler-idl-attribut=
es title=3D&quot;event handler IDL attributes&quot;&gt;event handler IDL
+      attribute&lt;/a&gt;'s type is &lt;code&gt;&lt;a href=3D#onbeforeun=
loadeventhandler&gt;OnBeforeUnloadEventHandler&lt;/a&gt;&lt;/code&gt;, an=
d the &lt;var title=3D&quot;&quot;&gt;return value&lt;/var&gt; will there=
fore have been coerced into either the value null or a
+      DOMString.&lt;/p&gt;
+
+      &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;return value&lt;/v=
ar&gt; is null, then cancel the event.&lt;/p&gt;
+
+      &lt;p&gt;Otherwise, If the &lt;code&gt;&lt;a href=3D#event&gt;Even=
t&lt;/a&gt;&lt;/code&gt; object &lt;var title=3D&quot;&quot;&gt;E&lt;/var=
&gt; is a
+      &lt;code&gt;&lt;a href=3D#beforeunloadevent&gt;BeforeUnloadEvent&l=
t;/a&gt;&lt;/code&gt; object, and the &lt;code&gt;&lt;a href=3D#event&gt;=
Event&lt;/a&gt;&lt;/code&gt; object &lt;var title=3D&quot;&quot;&gt;E&lt;=
/var&gt;'s &lt;code title=3Ddom-BeforeUnloadEvent-returnValue&gt;&lt;a hr=
ef=3D#dom-beforeunloadevent-returnvalue&gt;returnValue&lt;/a&gt;&lt;/code=
&gt;
+      attribute's value is the empty string, then set the &lt;code title=
=3Ddom-BeforeUnloadEvent-returnValue&gt;&lt;a href=3D#dom-beforeunloadeve=
nt-returnvalue&gt;returnValue&lt;/a&gt;&lt;/code&gt; attribute's value to=
 &lt;var title=3D&quot;&quot;&gt;return value&lt;/var&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+     &lt;dd&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;return value&=
lt;/var&gt; is a WebIDL boolean false value, then cancel the
+     event.&lt;/dd&gt;
+
+     &lt;!-- IE actually uncancels the event if the function returns tru=
e --&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#eventhandler&gt;Event=
Handler&lt;/a&gt;&lt;/code&gt; callback function type represents a callba=
ck used for event
+  handlers. It is represented in Web IDL as follows:&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;[TreatNonCallableAsNull]
+callback &lt;dfn id=3Deventhandlernonnull&gt;EventHandlerNonNull&lt;/dfn=
&gt; =3D any (&lt;a href=3D#event&gt;Event&lt;/a&gt; event);
+typedef &lt;a href=3D#eventhandlernonnull&gt;EventHandlerNonNull&lt;/a&g=
t;? &lt;dfn id=3Deventhandler&gt;EventHandler&lt;/dfn&gt;;&lt;/pre&gt;
+
+  &lt;p class=3Dnote&gt;In JavaScript, any &lt;code&gt;Function&lt;/code=
&gt; object implements this interface.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For example, the following document fragment:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;body onload=3D&quot;alert(this)&quot; onclick=3D&q=
uot;alert(this)&quot;&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;...leads to an alert saying &quot;&lt;code title=3D&quot;&qu=
ot;&gt;[object&amp;nbsp;Window]&lt;/code&gt;&quot; when the document is
+   loaded, and an alert saying &quot;&lt;code title=3D&quot;&quot;&gt;[o=
bject&amp;nbsp;HTMLBodyElement]&lt;/code&gt;&quot; whenever the
+   user clicks something in the page.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;The return value of the function affects whether=
 the event is canceled or not:
+  &lt;span class=3Dimpl&gt;as described above,&lt;/span&gt; if the retur=
n value is false, the event is canceled
+  (except for &lt;code class=3Devent-mouseover&gt;mouseover&lt;/code&gt;=
 events, where the return value has to
+  be true to cancel the event). With &lt;code title=3Devent-beforeunload=
&gt;beforeunload&lt;/code&gt; events,
+  the value is instead used to determine the message to show the user.&l=
t;/p&gt;
+
+  &lt;p&gt;For historical reasons, the &lt;code title=3Dhandler-onerror&=
gt;&lt;a href=3D#handler-onerror&gt;onerror&lt;/a&gt;&lt;/code&gt; handle=
r has different
+  arguments:&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;[TreatNonCallableAsNull]
+callback &lt;dfn id=3Donerroreventhandlernonnull&gt;OnErrorEventHandlerN=
onNull&lt;/dfn&gt; =3D any ((&lt;a href=3D#event&gt;Event&lt;/a&gt; or DO=
MString) event, optional DOMString source, optional unsigned long lineno,=
 optional unsigned long column, optional any error);
+typedef &lt;a href=3D#onerroreventhandlernonnull&gt;OnErrorEventHandlerN=
onNull&lt;/a&gt;? &lt;dfn id=3Donerroreventhandler&gt;OnErrorEventHandler=
&lt;/dfn&gt;;&lt;/pre&gt;
+
+  &lt;p&gt;Similarly, the &lt;code title=3Dhandler-window-onbeforeunload=
&gt;&lt;a href=3D#handler-window-onbeforeunload&gt;onbeforeunload&lt;/a&g=
t;&lt;/code&gt; handler has a
+  different return value:&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;[TreatNonCallableAsNull]
+callback &lt;dfn id=3Donbeforeunloadeventhandlernonnull&gt;OnBeforeUnloa=
dEventHandlerNonNull&lt;/dfn&gt; =3D DOMString (&lt;a href=3D#event&gt;Ev=
ent&lt;/a&gt; event);
+typedef &lt;a href=3D#onbeforeunloadeventhandlernonnull&gt;OnBeforeUnloa=
dEventHandlerNonNull&lt;/a&gt;? &lt;dfn id=3Donbeforeunloadeventhandler&g=
t;OnBeforeUnloadEventHandler&lt;/dfn&gt;;&lt;/pre&gt;
+
+  &lt;!-- onreadystatechange is also defined specially, using [LenientTh=
is]; see IDL --&gt;
+
+
+  &lt;h5 id=3Devent-handlers-on-elements,-document-objects,-and-window-o=
bjects&gt;&lt;span class=3Dsecno&gt;7.1.6.2 &lt;/span&gt;Event handlers o=
n elements, &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/=
code&gt; objects, and &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt=
;&lt;/code&gt; objects&lt;/h5&gt;
+
+  &lt;p&gt;The following are the &lt;a href=3D#event-handlers&gt;event h=
andlers&lt;/a&gt; (and their corresponding &lt;a href=3D#event-handler-ev=
ent-type title=3D&quot;event
+  handler event type&quot;&gt;event handler event types&lt;/a&gt;) &lt;s=
pan class=3Dimpl&gt;that must be&lt;/span&gt;
+  supported by all &lt;a href=3D#html-elements&gt;HTML elements&lt;/a&gt=
;, as both &lt;a href=3D#event-handler-content-attributes&gt;event handle=
r content attributes&lt;/a&gt;
+  and &lt;a href=3D#event-handler-idl-attributes&gt;event handler IDL at=
tributes&lt;/a&gt;; and &lt;span class=3Dimpl&gt;that must be&lt;/span&gt=
;
+  supported by all &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&=
gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;=
&lt;/code&gt; objects, as &lt;a href=3D#event-handler-idl-attributes&gt;e=
vent handler IDL
+  attributes&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;a href=3D#event-hand=
lers title=3D&quot;event handlers&quot;&gt;Event handler&lt;/a&gt; &lt;th=
&gt;&lt;a href=3D#event-handler-event-type&gt;Event handler event type&lt=
;/a&gt;
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onabort title=3D=
handler-onabort&gt;&lt;code&gt;onabort&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt=
; &lt;code title=3Devent-abort&gt;abort&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-oncancel title=3Dhandler-on=
cancel&gt;&lt;code&gt;oncancel&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;co=
de title=3Devent-cancel&gt;&lt;a href=3D#event-cancel&gt;cancel&lt;/a&gt;=
&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-oncanplay title=3Dhandler-o=
ncanplay&gt;&lt;code&gt;oncanplay&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt=
;code title=3Devent-media-canplay&gt;&lt;a href=3D#event-media-canplay&gt=
;canplay&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-oncanplaythrough title=3Dha=
ndler-oncanplaythrough&gt;&lt;code&gt;oncanplaythrough&lt;/code&gt;&lt;/d=
fn&gt; &lt;td&gt; &lt;code title=3Devent-media-canplaythrough&gt;&lt;a hr=
ef=3D#event-media-canplaythrough&gt;canplaythrough&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onchange title=3Dhandler-on=
change&gt;&lt;code&gt;onchange&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;co=
de title=3Devent-change&gt;change&lt;/code&gt; &lt;!-- widely used --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onclick title=3Dhandler-onc=
lick&gt;&lt;code&gt;onclick&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code =
title=3Devent-click&gt;&lt;a href=3D#event-click&gt;click&lt;/a&gt;&lt;/c=
ode&gt; &lt;!-- widely used --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onclose title=3Dhandler-onc=
lose&gt;&lt;code&gt;onclose&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code =
title=3Devent-close&gt;&lt;a href=3D#event-close&gt;close&lt;/a&gt;&lt;/c=
ode&gt; &lt;!-- new for &lt;dialog&gt; --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-oncontextmenu title=3Dhandl=
er-oncontextmenu&gt;&lt;code&gt;oncontextmenu&lt;/code&gt;&lt;/dfn&gt; &l=
t;td&gt; &lt;code title=3Devent-contextmenu&gt;contextmenu&lt;/code&gt; &=
lt;!-- widely used --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-oncuechange title=3Dhandler=
-oncuechange&gt;&lt;code&gt;oncuechange&lt;/code&gt;&lt;/dfn&gt; &lt;td&g=
t; &lt;code title=3Devent-cuechange&gt;cuechange&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-ondblclick title=3Dhandler-=
ondblclick&gt;&lt;code&gt;ondblclick&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; =
&lt;code title=3Devent-dblclick&gt;dblclick&lt;/code&gt; &lt;!-- widely u=
sed --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-ondrag title=3Dhandler-ondr=
ag&gt;&lt;code&gt;ondrag&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code tit=
le=3Devent-drag&gt;&lt;a href=3D#event-drag&gt;drag&lt;/a&gt;&lt;/code&gt=
;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-ondragend title=3Dhandler-o=
ndragend&gt;&lt;code&gt;ondragend&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt=
;code title=3Devent-dragend&gt;&lt;a href=3D#event-dragend&gt;dragend&lt;=
/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-ondragenter title=3Dhandler=
-ondragenter&gt;&lt;code&gt;ondragenter&lt;/code&gt;&lt;/dfn&gt; &lt;td&g=
t; &lt;code title=3Devent-dragenter&gt;&lt;a href=3D#event-dragenter&gt;d=
ragenter&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-ondragexit title=3Dhandler-=
ondragexit&gt;&lt;code&gt;ondragexit&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; =
&lt;code title=3Devent-dragexit&gt;&lt;a href=3D#event-dragexit&gt;dragex=
it&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-ondragleave title=3Dhandler=
-ondragleave&gt;&lt;code&gt;ondragleave&lt;/code&gt;&lt;/dfn&gt; &lt;td&g=
t; &lt;code title=3Devent-dragleave&gt;&lt;a href=3D#event-dragleave&gt;d=
ragleave&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-ondragover title=3Dhandler-=
ondragover&gt;&lt;code&gt;ondragover&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; =
&lt;code title=3Devent-dragover&gt;&lt;a href=3D#event-dragover&gt;dragov=
er&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-ondragstart title=3Dhandler=
-ondragstart&gt;&lt;code&gt;ondragstart&lt;/code&gt;&lt;/dfn&gt; &lt;td&g=
t; &lt;code title=3Devent-dragstart&gt;&lt;a href=3D#event-dragstart&gt;d=
ragstart&lt;/a&gt;&lt;/code&gt; &lt;!-- widely used --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-ondrop title=3Dhandler-ondr=
op&gt;&lt;code&gt;ondrop&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code tit=
le=3Devent-drop&gt;&lt;a href=3D#event-drop&gt;drop&lt;/a&gt;&lt;/code&gt=
;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-ondurationchange title=3Dha=
ndler-ondurationchange&gt;&lt;code&gt;ondurationchange&lt;/code&gt;&lt;/d=
fn&gt; &lt;td&gt; &lt;code title=3Devent-media-durationchange&gt;&lt;a hr=
ef=3D#event-media-durationchange&gt;durationchange&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onemptied title=3Dhandler-o=
nemptied&gt;&lt;code&gt;onemptied&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt=
;code title=3Devent-media-emptied&gt;&lt;a href=3D#event-media-emptied&gt=
;emptied&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onended title=3Dhandler-one=
nded&gt;&lt;code&gt;onended&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code =
title=3Devent-media-ended&gt;&lt;a href=3D#event-media-ended&gt;ended&lt;=
/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-oninput title=3Dhandler-oni=
nput&gt;&lt;code&gt;oninput&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code =
title=3Devent-input&gt;input&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-oninvalid title=3Dhandler-o=
ninvalid&gt;&lt;code&gt;oninvalid&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt=
;code title=3Devent-invalid&gt;invalid&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onkeydown title=3Dhandler-o=
nkeydown&gt;&lt;code&gt;onkeydown&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt=
;code title=3Devent-keydown&gt;keydown&lt;/code&gt; &lt;!-- widely used -=
-&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onkeypress title=3Dhandler-=
onkeypress&gt;&lt;code&gt;onkeypress&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; =
&lt;code title=3Devent-keypress&gt;keypress&lt;/code&gt; &lt;!-- widely u=
sed --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onkeyup title=3Dhandler-onk=
eyup&gt;&lt;code&gt;onkeyup&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code =
title=3Devent-keyup&gt;keyup&lt;/code&gt; &lt;!-- widely used --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onloadeddata title=3Dhandle=
r-onloadeddata&gt;&lt;code&gt;onloadeddata&lt;/code&gt;&lt;/dfn&gt; &lt;t=
d&gt; &lt;code title=3Devent-media-loadeddata&gt;&lt;a href=3D#event-medi=
a-loadeddata&gt;loadeddata&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onloadedmetadata title=3Dha=
ndler-onloadedmetadata&gt;&lt;code&gt;onloadedmetadata&lt;/code&gt;&lt;/d=
fn&gt; &lt;td&gt; &lt;code title=3Devent-media-loadedmetadata&gt;&lt;a hr=
ef=3D#event-media-loadedmetadata&gt;loadedmetadata&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onloadstart title=3Dhandler=
-onloadstart&gt;&lt;code&gt;onloadstart&lt;/code&gt;&lt;/dfn&gt; &lt;td&g=
t; &lt;code title=3Devent-media-loadstart&gt;&lt;a href=3D#event-media-lo=
adstart&gt;loadstart&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onmousedown title=3Dhandler=
-onmousedown&gt;&lt;code&gt;onmousedown&lt;/code&gt;&lt;/dfn&gt; &lt;td&g=
t; &lt;code title=3Devent-mousedown&gt;mousedown&lt;/code&gt; &lt;!-- wid=
ely used --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onmouseenter title=3Dhandle=
r-onmouseenter&gt;&lt;code&gt;onmouseenter&lt;/code&gt;&lt;/dfn&gt; &lt;t=
d&gt; &lt;code title=3Devent-mouseenter&gt;mouseenter&lt;/code&gt; &lt;!-=
- compat --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onmouseleave title=3Dhandle=
r-onmouseleave&gt;&lt;code&gt;onmouseleave&lt;/code&gt;&lt;/dfn&gt; &lt;t=
d&gt; &lt;code title=3Devent-mouseleave&gt;mouseleave&lt;/code&gt; &lt;!-=
- compat --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onmousemove title=3Dhandler=
-onmousemove&gt;&lt;code&gt;onmousemove&lt;/code&gt;&lt;/dfn&gt; &lt;td&g=
t; &lt;code title=3Devent-mousemove&gt;mousemove&lt;/code&gt; &lt;!-- wid=
ely used --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onmouseout title=3Dhandler-=
onmouseout&gt;&lt;code&gt;onmouseout&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; =
&lt;code title=3Devent-mouseout&gt;mouseout&lt;/code&gt; &lt;!-- widely u=
sed --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onmouseover title=3Dhandler=
-onmouseover&gt;&lt;code&gt;onmouseover&lt;/code&gt;&lt;/dfn&gt; &lt;td&g=
t; &lt;code title=3Devent-mouseover&gt;mouseover&lt;/code&gt; &lt;!-- wid=
ely used --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onmouseup title=3Dhandler-o=
nmouseup&gt;&lt;code&gt;onmouseup&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt=
;code title=3Devent-mouseup&gt;mouseup&lt;/code&gt; &lt;!-- widely used -=
-&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onmousewheel title=3Dhandle=
r-onmousewheel&gt;&lt;code&gt;onmousewheel&lt;/code&gt;&lt;/dfn&gt; &lt;t=
d&gt; &lt;code title=3Devent-mousewheel&gt;mousewheel&lt;/code&gt; &lt;!-=
- widely used --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onpause title=3Dhandler-onp=
ause&gt;&lt;code&gt;onpause&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code =
title=3Devent-media-pause&gt;&lt;a href=3D#event-media-pause&gt;pause&lt;=
/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onplay title=3Dhandler-onpl=
ay&gt;&lt;code&gt;onplay&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code tit=
le=3Devent-media-play&gt;&lt;a href=3D#event-media-play&gt;play&lt;/a&gt;=
&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onplaying title=3Dhandler-o=
nplaying&gt;&lt;code&gt;onplaying&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt=
;code title=3Devent-media-playing&gt;&lt;a href=3D#event-media-playing&gt=
;playing&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onprogress title=3Dhandler-=
onprogress&gt;&lt;code&gt;onprogress&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; =
&lt;code title=3Devent-media-progress&gt;&lt;a href=3D#event-media-progre=
ss&gt;progress&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onratechange title=3Dhandle=
r-onratechange&gt;&lt;code&gt;onratechange&lt;/code&gt;&lt;/dfn&gt; &lt;t=
d&gt; &lt;code title=3Devent-media-ratechange&gt;&lt;a href=3D#event-medi=
a-ratechange&gt;ratechange&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onreset title=3Dhandler-onr=
eset&gt;&lt;code&gt;onreset&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code =
title=3Devent-reset&gt;reset&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onseeked title=3Dhandler-on=
seeked&gt;&lt;code&gt;onseeked&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;co=
de title=3Devent-media-seeked&gt;&lt;a href=3D#event-media-seeked&gt;seek=
ed&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onseeking title=3Dhandler-o=
nseeking&gt;&lt;code&gt;onseeking&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt=
;code title=3Devent-media-seeking&gt;&lt;a href=3D#event-media-seeking&gt=
;seeking&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onselect title=3Dhandler-on=
select&gt;&lt;code&gt;onselect&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;co=
de title=3Devent-select&gt;select&lt;/code&gt; &lt;!-- widely used --&gt;=
 &lt;!-- [CSSOM] --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onshow title=3Dhandler-onsh=
ow&gt;&lt;code&gt;onshow&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code tit=
le=3Devent-show&gt;show&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onsort title=3Dhandler-onso=
rt&gt;&lt;code&gt;onsort&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code tit=
le=3Devent-sort&gt;sort&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onstalled title=3Dhandler-o=
nstalled&gt;&lt;code&gt;onstalled&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt=
;code title=3Devent-media-stalled&gt;&lt;a href=3D#event-media-stalled&gt=
;stalled&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onsubmit title=3Dhandler-on=
submit&gt;&lt;code&gt;onsubmit&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;co=
de title=3Devent-submit&gt;submit&lt;/code&gt; &lt;!-- widely used --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onsuspend title=3Dhandler-o=
nsuspend&gt;&lt;code&gt;onsuspend&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt=
;code title=3Devent-media-suspend&gt;&lt;a href=3D#event-media-suspend&gt=
;suspend&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-ontimeupdate title=3Dhandle=
r-ontimeupdate&gt;&lt;code&gt;ontimeupdate&lt;/code&gt;&lt;/dfn&gt; &lt;t=
d&gt; &lt;code title=3Devent-media-timeupdate&gt;&lt;a href=3D#event-medi=
a-timeupdate&gt;timeupdate&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-ontoggle title=3Dhandler-on=
toggle&gt;&lt;code&gt;ontoggle&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;co=
de title=3Devent-toggle&gt;toggle&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onvolumechange title=3Dhand=
ler-onvolumechange&gt;&lt;code&gt;onvolumechange&lt;/code&gt;&lt;/dfn&gt;=
 &lt;td&gt; &lt;code title=3Devent-media-volumechange&gt;&lt;a href=3D#ev=
ent-media-volumechange&gt;volumechange&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onwaiting title=3Dhandler-o=
nwaiting&gt;&lt;code&gt;onwaiting&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt=
;code title=3Devent-media-waiting&gt;&lt;a href=3D#event-media-waiting&gt=
;waiting&lt;/a&gt;&lt;/code&gt;
+
+&lt;!-- not supported, use dnd: --&gt;
+&lt;!--&lt;tr&gt;&lt;td&gt;&lt;dfn title=3D&quot;handler-onbeforecopy&qu=
ot;&gt;&lt;code&gt;onbeforecopy&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;c=
ode title=3D&quot;event-beforecopy&quot;&gt;beforecopy&lt;/code&gt;--&gt;=
 &lt;!-- widely used --&gt;
+&lt;!--&lt;tr&gt;&lt;td&gt;&lt;dfn title=3D&quot;handler-oncopy&quot;&gt=
;&lt;code&gt;oncopy&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code title=3D=
&quot;event-copy&quot;&gt;copy&lt;/code&gt;--&gt; &lt;!-- widely used --&=
gt;
+&lt;!--&lt;tr&gt;&lt;td&gt;&lt;dfn title=3D&quot;handler-onpaste&quot;&g=
t;&lt;code&gt;onpaste&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code title=3D=
&quot;event-paste&quot;&gt;paste&lt;/code&gt;--&gt; &lt;!-- widely used -=
-&gt;
+&lt;!-- not supported yet (v2?): --&gt;
+&lt;!--&lt;tr&gt;&lt;td&gt;&lt;dfn title=3D&quot;handler-onselectstart&q=
uot;&gt;&lt;code&gt;onselectstart&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt=
;code title=3D&quot;event-selectstart&quot;&gt;selectstart&lt;/code&gt;--=
&gt; &lt;!-- widely used --&gt;
+  &lt;/table&gt;&lt;hr&gt;&lt;p&gt;The following are the &lt;a href=3D#e=
vent-handlers&gt;event handlers&lt;/a&gt; (and their corresponding &lt;a =
href=3D#event-handler-event-type title=3D&quot;event
+  handler event type&quot;&gt;event handler event types&lt;/a&gt;) &lt;s=
pan class=3Dimpl&gt;that must be&lt;/span&gt;
+  supported by all &lt;a href=3D#html-elements&gt;HTML elements&lt;/a&gt=
; other than &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;=
&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt=
;&lt;/code&gt;
+  elements, as both &lt;a href=3D#event-handler-content-attributes&gt;ev=
ent handler content attributes&lt;/a&gt; and &lt;a href=3D#event-handler-=
idl-attributes&gt;event handler IDL
+  attributes&lt;/a&gt;; &lt;span class=3Dimpl&gt;that must be&lt;/span&g=
t; supported by all &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&=
gt;&lt;/code&gt;
+  objects, as &lt;a href=3D#event-handler-idl-attributes&gt;event handle=
r IDL attributes&lt;/a&gt;; and &lt;span class=3Dimpl&gt;that must be&lt;=
/span&gt;
+  supported by all &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&=
lt;/code&gt; objects, as &lt;a href=3D#event-handler-idl-attributes&gt;ev=
ent handler IDL attributes&lt;/a&gt; on the
+  &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obje=
cts themselves, and with corresponding &lt;a href=3D#event-handler-conten=
t-attributes&gt;event handler content
+  attributes&lt;/a&gt; and &lt;a href=3D#event-handler-idl-attributes&gt=
;event handler IDL attributes&lt;/a&gt; exposed on all &lt;code&gt;&lt;a =
href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt;
+  and &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&lt;/code&=
gt; elements that are owned by &lt;a href=3D#concept-document-window titl=
e=3Dconcept-document-window&gt;that
+  &lt;code&gt;Window&lt;/code&gt; object's &lt;code&gt;Document&lt;/code=
&gt;s&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;a href=3D#event-hand=
lers title=3D&quot;event handlers&quot;&gt;Event handler&lt;/a&gt; &lt;th=
&gt;&lt;a href=3D#event-handler-event-type&gt;Event handler event type&lt=
;/a&gt;
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onblur title=3D=
handler-onblur&gt;&lt;code&gt;onblur&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; =
&lt;code title=3Devent-blur&gt;blur&lt;/code&gt; &lt;!-- widely used --&g=
t;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onerror title=3Dhandler-one=
rror&gt;&lt;code&gt;onerror&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code =
title=3Devent-error&gt;error&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onfocus title=3Dhandler-onf=
ocus&gt;&lt;code&gt;onfocus&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code =
title=3Devent-focus&gt;focus&lt;/code&gt; &lt;!-- widely used --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onload title=3Dhandler-onlo=
ad&gt;&lt;code&gt;onload&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code tit=
le=3Devent-load&gt;load&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onscroll title=3Dhandler-on=
scroll&gt;&lt;code&gt;onscroll&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;co=
de title=3Devent-scroll&gt;scroll&lt;/code&gt;
+  &lt;/table&gt;&lt;hr&gt;&lt;p&gt;The following are the &lt;a href=3D#e=
vent-handlers&gt;event handlers&lt;/a&gt; (and their corresponding &lt;a =
href=3D#event-handler-event-type title=3D&quot;event
+  handler event type&quot;&gt;event handler event types&lt;/a&gt;) &lt;s=
pan class=3Dimpl&gt;that must be&lt;/span&gt;
+  supported by &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/=
code&gt; objects, as &lt;a href=3D#event-handler-idl-attributes&gt;event =
handler IDL attributes&lt;/a&gt; on the
+  &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obje=
cts themselves, and with corresponding &lt;a href=3D#event-handler-conten=
t-attributes&gt;event handler content
+  attributes&lt;/a&gt; and &lt;a href=3D#event-handler-idl-attributes&gt=
;event handler IDL attributes&lt;/a&gt; exposed on all &lt;code&gt;&lt;a =
href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt;
+  and &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&lt;/code&=
gt; elements that are owned by &lt;a href=3D#concept-document-window titl=
e=3Dconcept-document-window&gt;that
+  &lt;code&gt;Window&lt;/code&gt; object's &lt;code&gt;Document&lt;/code=
&gt;s&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;a href=3D#event-hand=
lers title=3D&quot;event handlers&quot;&gt;Event handler&lt;/a&gt; &lt;th=
&gt;&lt;a href=3D#event-handler-event-type&gt;Event handler event type&lt=
;/a&gt;
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-window-onafterp=
rint title=3Dhandler-window-onafterprint&gt;&lt;code&gt;onafterprint&lt;/=
code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code title=3Devent-afterprint&gt;afte=
rprint&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-window-onbeforeprint title=3D=
handler-window-onbeforeprint&gt;&lt;code&gt;onbeforeprint&lt;/code&gt;&lt=
;/dfn&gt; &lt;td&gt; &lt;code title=3Devent-beforeprint&gt;beforeprint&lt=
;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-window-onbeforeunload title=
=3Dhandler-window-onbeforeunload&gt;&lt;code&gt;onbeforeunload&lt;/code&g=
t;&lt;/dfn&gt; &lt;td&gt; &lt;code title=3Devent-beforeunload&gt;beforeun=
load&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-window-onhashchange title=3D=
handler-window-onhashchange&gt;&lt;code&gt;onhashchange&lt;/code&gt;&lt;/=
dfn&gt; &lt;td&gt; &lt;code title=3Devent-hashchange&gt;&lt;a href=3D#eve=
nt-hashchange&gt;hashchange&lt;/a&gt;&lt;/code&gt; &lt;!-- new --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-window-onmessage title=3Dha=
ndler-window-onmessage&gt;&lt;code&gt;onmessage&lt;/code&gt;&lt;/dfn&gt; =
&lt;td&gt; &lt;code title=3Devent-message&gt;&lt;a href=3D#event-message&=
gt;message&lt;/a&gt;&lt;/code&gt; &lt;!-- new for postMessage --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-window-onoffline title=3Dha=
ndler-window-onoffline&gt;&lt;code&gt;onoffline&lt;/code&gt;&lt;/dfn&gt; =
&lt;td&gt; &lt;code title=3Devent-offline&gt;&lt;a href=3D#event-offline&=
gt;offline&lt;/a&gt;&lt;/code&gt; &lt;!-- new --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-window-ononline title=3Dhan=
dler-window-ononline&gt;&lt;code&gt;ononline&lt;/code&gt;&lt;/dfn&gt; &lt=
;td&gt; &lt;code title=3Devent-online&gt;&lt;a href=3D#event-online&gt;on=
line&lt;/a&gt;&lt;/code&gt; &lt;!-- new --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-window-onpagehide title=3Dh=
andler-window-onpagehide&gt;&lt;code&gt;onpagehide&lt;/code&gt;&lt;/dfn&g=
t; &lt;td&gt; &lt;code title=3Devent-pagehide&gt;&lt;a href=3D#event-page=
hide&gt;pagehide&lt;/a&gt;&lt;/code&gt; &lt;!-- new --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-window-onpageshow title=3Dh=
andler-window-onpageshow&gt;&lt;code&gt;onpageshow&lt;/code&gt;&lt;/dfn&g=
t; &lt;td&gt; &lt;code title=3Devent-pageshow&gt;&lt;a href=3D#event-page=
show&gt;pageshow&lt;/a&gt;&lt;/code&gt; &lt;!-- new --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-window-onpopstate title=3Dh=
andler-window-onpopstate&gt;&lt;code&gt;onpopstate&lt;/code&gt;&lt;/dfn&g=
t; &lt;td&gt; &lt;code title=3Devent-popstate&gt;&lt;a href=3D#event-pops=
tate&gt;popstate&lt;/a&gt;&lt;/code&gt; &lt;!-- new --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-window-onresize title=3Dhan=
dler-window-onresize&gt;&lt;code&gt;onresize&lt;/code&gt;&lt;/dfn&gt; &lt=
;td&gt; &lt;code title=3Devent-resize&gt;resize&lt;/code&gt; &lt;!-- wide=
ly used --&gt; &lt;!-- [CSSOM] --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-window-onstorage title=3Dha=
ndler-window-onstorage&gt;&lt;code&gt;onstorage&lt;/code&gt;&lt;/dfn&gt; =
&lt;td&gt; &lt;code title=3Devent-storage&gt;&lt;a href=3D#event-storage&=
gt;storage&lt;/a&gt;&lt;/code&gt; &lt;!-- new --&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-window-onunload title=3Dhan=
dler-window-onunload&gt;&lt;code&gt;onunload&lt;/code&gt;&lt;/dfn&gt; &lt=
;td&gt; &lt;code title=3Devent-unload&gt;unload&lt;/code&gt; &lt;!-- wide=
ly used --&gt;
+  &lt;/table&gt;&lt;hr&gt;&lt;!-- this guy is only on Document and not o=
n HTMLElement because otherwise HTMLScriptElement would
+  have it and that causes compatibility issues since IE fires readystate=
change events on &lt;script&gt;,
+  not load events, and we can't fire both, and some sites try to decide =
which to look for based on
+  the presence of script.onreadystatechange on HTMLScriptElement.
+     http://www.w3.org/Bugs/Public/show_bug.cgi?id=3D13965
+     http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2011-September/=
033136.html
+  --&gt;&lt;p&gt;The following are the &lt;a href=3D#event-handlers&gt;e=
vent handlers&lt;/a&gt; (and their corresponding &lt;a href=3D#event-hand=
ler-event-type title=3D&quot;event
+  handler event type&quot;&gt;event handler event types&lt;/a&gt;) &lt;s=
pan class=3Dimpl&gt;that must be&lt;/span&gt;
+  supported on &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&=
lt;/code&gt; objects as &lt;a href=3D#event-handler-idl-attributes&gt;eve=
nt handler IDL attributes&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;a href=3D#event-hand=
lers title=3D&quot;event handlers&quot;&gt;Event handler&lt;/a&gt; &lt;th=
&gt;&lt;a href=3D#event-handler-event-type&gt;Event handler event type&lt=
;/a&gt;
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-onreadystatecha=
nge title=3Dhandler-onreadystatechange&gt;&lt;code&gt;onreadystatechange&=
lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code title=3Devent-readystatechan=
ge&gt;&lt;a href=3D#event-readystatechange&gt;readystatechange&lt;/a&gt;&=
lt;/code&gt;
+  &lt;/table&gt;&lt;h6 id=3Didl-definitions&gt;&lt;span class=3Dsecno&gt=
;7.1.6.2.1 &lt;/span&gt;IDL definitions&lt;/h6&gt;
+
+  &lt;pre class=3Didl&gt;[NoInterfaceObject]
+interface &lt;dfn id=3Dglobaleventhandlers&gt;GlobalEventHandlers&lt;/df=
n&gt; {
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onabort title=3Dhandler-onabort&gt;onabort&lt;/a&=
gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onblur title=3Dhandler-onblur&gt;onblur&lt;/a&gt;=
;
+           attribute &lt;a href=3D#onerroreventhandler&gt;OnErrorEventHa=
ndler&lt;/a&gt; &lt;a href=3D#handler-onerror title=3Dhandler-onerror&gt;=
onerror&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onfocus title=3Dhandler-onfocus&gt;onfocus&lt;/a&=
gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-oncancel title=3Dhandler-oncancel&gt;oncancel&lt;=
/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-oncanplay title=3Dhandler-oncanplay&gt;oncanplay&=
lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-oncanplaythrough title=3Dhandler-oncanplaythrough=
&gt;oncanplaythrough&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onchange title=3Dhandler-onchange&gt;onchange&lt;=
/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onclick title=3Dhandler-onclick&gt;onclick&lt;/a&=
gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onclose title=3Dhandler-onclose&gt;onclose&lt;/a&=
gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-oncontextmenu title=3Dhandler-oncontextmenu&gt;on=
contextmenu&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-oncuechange title=3Dhandler-oncuechange&gt;oncuec=
hange&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-ondblclick title=3Dhandler-ondblclick&gt;ondblcli=
ck&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-ondrag title=3Dhandler-ondrag&gt;ondrag&lt;/a&gt;=
;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-ondragend title=3Dhandler-ondragend&gt;ondragend&=
lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-ondragenter title=3Dhandler-ondragenter&gt;ondrag=
enter&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-ondragexit title=3Dhandler-ondragexit&gt;ondragex=
it&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-ondragleave title=3Dhandler-ondragleave&gt;ondrag=
leave&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-ondragover title=3Dhandler-ondragover&gt;ondragov=
er&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-ondragstart title=3Dhandler-ondragstart&gt;ondrag=
start&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-ondrop title=3Dhandler-ondrop&gt;ondrop&lt;/a&gt;=
;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-ondurationchange title=3Dhandler-ondurationchange=
&gt;ondurationchange&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onemptied title=3Dhandler-onemptied&gt;onemptied&=
lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onended title=3Dhandler-onended&gt;onended&lt;/a&=
gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-oninput title=3Dhandler-oninput&gt;oninput&lt;/a&=
gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-oninvalid title=3Dhandler-oninvalid&gt;oninvalid&=
lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onkeydown title=3Dhandler-onkeydown&gt;onkeydown&=
lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onkeypress title=3Dhandler-onkeypress&gt;onkeypre=
ss&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onkeyup title=3Dhandler-onkeyup&gt;onkeyup&lt;/a&=
gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onload title=3Dhandler-onload&gt;onload&lt;/a&gt;=
;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onloadeddata title=3Dhandler-onloadeddata&gt;onlo=
adeddata&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onloadedmetadata title=3Dhandler-onloadedmetadata=
&gt;onloadedmetadata&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onloadstart title=3Dhandler-onloadstart&gt;onload=
start&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onmousedown title=3Dhandler-onmousedown&gt;onmous=
edown&lt;/a&gt;;
+  [LenientThis] attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;=
/a&gt; &lt;a href=3D#handler-onmouseenter title=3Dhandler-onmouseenter&gt=
;onmouseenter&lt;/a&gt;;
+  [LenientThis] attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;=
/a&gt; &lt;a href=3D#handler-onmouseleave title=3Dhandler-onmouseleave&gt=
;onmouseleave&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onmousemove title=3Dhandler-onmousemove&gt;onmous=
emove&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onmouseout title=3Dhandler-onmouseout&gt;onmouseo=
ut&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onmouseover title=3Dhandler-onmouseover&gt;onmous=
eover&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onmouseup title=3Dhandler-onmouseup&gt;onmouseup&=
lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onmousewheel title=3Dhandler-onmousewheel&gt;onmo=
usewheel&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onpause title=3Dhandler-onpause&gt;onpause&lt;/a&=
gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onplay title=3Dhandler-onplay&gt;onplay&lt;/a&gt;=
;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onplaying title=3Dhandler-onplaying&gt;onplaying&=
lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onprogress title=3Dhandler-onprogress&gt;onprogre=
ss&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onratechange title=3Dhandler-onratechange&gt;onra=
techange&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onreset title=3Dhandler-onreset&gt;onreset&lt;/a&=
gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onscroll title=3Dhandler-onscroll&gt;onscroll&lt;=
/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onseeked title=3Dhandler-onseeked&gt;onseeked&lt;=
/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onseeking title=3Dhandler-onseeking&gt;onseeking&=
lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onselect title=3Dhandler-onselect&gt;onselect&lt;=
/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onshow title=3Dhandler-onshow&gt;onshow&lt;/a&gt;=
;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onsort title=3Dhandler-onsort&gt;onsort&lt;/a&gt;=
;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onstalled title=3Dhandler-onstalled&gt;onstalled&=
lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onsubmit title=3Dhandler-onsubmit&gt;onsubmit&lt;=
/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onsuspend title=3Dhandler-onsuspend&gt;onsuspend&=
lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-ontimeupdate title=3Dhandler-ontimeupdate&gt;onti=
meupdate&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-ontoggle title=3Dhandler-ontoggle&gt;ontoggle&lt;=
/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onvolumechange title=3Dhandler-onvolumechange&gt;=
onvolumechange&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-onwaiting title=3Dhandler-onwaiting&gt;onwaiting&=
lt;/a&gt;;
+};
+
+[NoInterfaceObject]
+interface &lt;dfn id=3Dwindoweventhandlers&gt;WindowEventHandlers&lt;/df=
n&gt; {
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-window-onafterprint title=3Dhandler-window-onafte=
rprint&gt;onafterprint&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-window-onbeforeprint title=3Dhandler-window-onbef=
oreprint&gt;onbeforeprint&lt;/a&gt;;
+           attribute &lt;a href=3D#onbeforeunloadeventhandler&gt;OnBefor=
eUnloadEventHandler&lt;/a&gt; &lt;a href=3D#handler-window-onbeforeunload=
 title=3Dhandler-window-onbeforeunload&gt;onbeforeunload&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-window-onhashchange title=3Dhandler-window-onhash=
change&gt;onhashchange&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-window-onmessage title=3Dhandler-window-onmessage=
&gt;onmessage&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-window-onoffline title=3Dhandler-window-onoffline=
&gt;onoffline&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-window-ononline title=3Dhandler-window-ononline&g=
t;ononline&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-window-onpagehide title=3Dhandler-window-onpagehi=
de&gt;onpagehide&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-window-onpageshow title=3Dhandler-window-onpagesh=
ow&gt;onpageshow&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-window-onpopstate title=3Dhandler-window-onpopsta=
te&gt;onpopstate&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-window-onresize title=3Dhandler-window-onresize&g=
t;onresize&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-window-onstorage title=3Dhandler-window-onstorage=
&gt;onstorage&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-window-onunload title=3Dhandler-window-onunload&g=
t;onunload&lt;/a&gt;;
+};&lt;/pre&gt;
+
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Devent-firing&gt;&lt;span class=3Dsecno&gt;7.1.6.3 &lt;/spa=
n&gt;Event firing&lt;/h5&gt;
+
+  &lt;p&gt;Certain operations and methods are defined as firing events o=
n elements. For example, the &lt;code title=3Ddom-click&gt;&lt;a href=3D#=
dom-click&gt;click()&lt;/a&gt;&lt;/code&gt; method on the &lt;code&gt;&lt=
;a href=3D#htmlelement&gt;HTMLElement&lt;/a&gt;&lt;/code&gt; interface is=
 defined as
+  firing a &lt;code title=3Devent-click&gt;&lt;a href=3D#event-click&gt;=
click&lt;/a&gt;&lt;/code&gt; event on the element. &lt;a href=3D#refsDOME=
VENTS&gt;[DOMEVENTS]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;&lt;dfn id=3Dfire-a-simple-event title=3D&quot;fire a simple =
event&quot;&gt;Firing a simple event named &lt;var title=3D&quot;&quot;&g=
t;e&lt;/var&gt;&lt;/dfn&gt; means
+  that a &lt;a href=3D#concept-events-trusted title=3Dconcept-events-tru=
sted&gt;trusted&lt;/a&gt; event with the name &lt;var title=3D&quot;&quot=
;&gt;e&lt;/var&gt;, which does not bubble (except where otherwise stated)=
 and is not cancelable
+  (except where otherwise stated), and which uses the &lt;code&gt;&lt;a =
href=3D#event&gt;Event&lt;/a&gt;&lt;/code&gt; interface, must be created
+  and dispatched at the given target.&lt;/p&gt;
+
+  &lt;p&gt;&lt;dfn id=3Dfire-a-synthetic-mouse-event title=3D&quot;fire =
a synthetic mouse event&quot;&gt;Firing a synthetic mouse event named &lt=
;var title=3D&quot;&quot;&gt;e&lt;/var&gt;&lt;/dfn&gt; means that an even=
t with the name &lt;var title=3D&quot;&quot;&gt;e&lt;/var&gt;, which is &=
lt;a href=3D#concept-events-trusted title=3Dconcept-events-trusted&gt;tru=
sted&lt;/a&gt; (except where otherwise stated), does not bubble
+  (except where otherwise stated), is not cancelable (except where other=
wise stated), and which uses
+  the &lt;code&gt;&lt;a href=3D#mouseevent&gt;MouseEvent&lt;/a&gt;&lt;/c=
ode&gt; interface, must be created and dispatched at the given target. Th=
e
+  event object must have its &lt;code title=3D&quot;&quot;&gt;screenX&lt=
;/code&gt;, &lt;code title=3D&quot;&quot;&gt;screenY&lt;/code&gt;, &lt;co=
de title=3D&quot;&quot;&gt;clientX&lt;/code&gt;, &lt;code title=3D&quot;&=
quot;&gt;clientY&lt;/code&gt;, and &lt;code title=3D&quot;&quot;&gt;butto=
n&lt;/code&gt;
+  attributes initialized to 0, its &lt;code title=3D&quot;&quot;&gt;ctrl=
Key&lt;/code&gt;, &lt;code title=3D&quot;&quot;&gt;shiftKey&lt;/code&gt;,
+  &lt;code title=3D&quot;&quot;&gt;altKey&lt;/code&gt;, and &lt;code tit=
le=3D&quot;&quot;&gt;metaKey&lt;/code&gt; attributes initialized accordin=
g
+  to the current state of the key input device, if any (false for any ke=
ys that are not available),
+  its &lt;code title=3D&quot;&quot;&gt;detail&lt;/code&gt; attribute ini=
tialized to 1, and its &lt;code title=3D&quot;&quot;&gt;relatedTarget&lt;=
/code&gt; attribute initialized to null (except where otherwise stated). =
The
+  &lt;code title=3D&quot;&quot;&gt;getModifierState()&lt;/code&gt; metho=
d on the object must return values appropriately
+  describing the state of the key input device at the time the event is =
created.&lt;/p&gt;
+
+  &lt;p&gt;&lt;dfn id=3Dfire-a-click-event title=3D&quot;fire a click ev=
ent&quot;&gt;Firing a &lt;code title=3Devent-click&gt;click&lt;/code&gt; =
event&lt;/dfn&gt;
+  means &lt;a href=3D#fire-a-synthetic-mouse-event title=3D&quot;fire a =
synthetic mouse event&quot;&gt;firing a synthetic mouse event named &lt;c=
ode title=3Devent-click&gt;click&lt;/code&gt;&lt;/a&gt;, which bubbles an=
d is cancelable.&lt;/p&gt;
+
+  &lt;p&gt;The default action of these events is to do nothing except wh=
ere otherwise stated.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Devents-and-the-window-object&gt;&lt;span class=3Dsecno&gt;=
7.1.6.4 &lt;/span&gt;Events and the &lt;code&gt;&lt;a href=3D#window&gt;W=
indow&lt;/a&gt;&lt;/code&gt; object&lt;/h5&gt;
+
+  &lt;p&gt;When an event is dispatched at a DOM node in a &lt;code&gt;&l=
t;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; in a &lt;a href=3D=
#browsing-context&gt;browsing
+  context&lt;/a&gt;, if the event is not a &lt;code title=3Devent-load&g=
t;load&lt;/code&gt; event, the user agent
+  must act as if, for the purposes of &lt;a href=3D#concept-event-dispat=
ch title=3Dconcept-event-dispatch&gt;event dispatching&lt;/a&gt;,
+  the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; =
object is the parent of the &lt;code&gt;&lt;a href=3D#document&gt;Documen=
t&lt;/a&gt;&lt;/code&gt; object. &lt;a href=3D#refsDOM&gt;[DOM]&lt;/a&gt;=
&lt;/p&gt;
+
+  &lt;!-- If Anne does this: http://krijnhoetmer.nl/irc-logs/whatwg/2012=
1205#l-4 (see bug 18780)
+  &lt;p&gt;If a &lt;code&gt;Document&lt;/code&gt; object is associated w=
ith a &lt;code&gt;Window&lt;/code&gt; object, its
+  &lt;span&gt;event parent&lt;/span&gt; is that &lt;code&gt;Window&lt;/c=
ode&gt; object.&lt;/p&gt;
+  --&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h3 id=3Datob&gt;&lt;span class=3Dsecno&gt;7.2 &lt;/span&gt;Base64 =
utility methods&lt;/h3&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-windowbase64-atob&gt;&lt;a href=3D#d=
om-windowbase64-atob&gt;atob()&lt;/a&gt;&lt;/code&gt; and &lt;code title=3D=
dom-windowbase64-btoa&gt;&lt;a href=3D#dom-windowbase64-btoa&gt;btoa()&lt=
;/a&gt;&lt;/code&gt; methods allow authors to transform content to and fr=
om
+  the base64 encoding.&lt;/p&gt;
+
+  &lt;!-- v2: actual binary support --&gt;
+
+  &lt;pre class=3Didl&gt;[NoInterfaceObject]
+interface &lt;dfn id=3Dwindowbase64&gt;WindowBase64&lt;/dfn&gt; {
+  DOMString &lt;a href=3D#dom-windowbase64-btoa title=3Ddom-windowbase64=
-btoa&gt;btoa&lt;/a&gt;(DOMString btoa);
+  DOMString &lt;a href=3D#dom-windowbase64-atob title=3Ddom-windowbase64=
-atob&gt;atob&lt;/a&gt;(DOMString atob);
+};
+&lt;a href=3D#window&gt;Window&lt;/a&gt; implements &lt;a href=3D#window=
base64&gt;WindowBase64&lt;/a&gt;;&lt;/pre&gt;
+
+  &lt;p class=3Dnote&gt;In these APIs, for mnemonic purposes, the &quot;=
b&quot; can be considered to stand for
+  &quot;binary&quot;, and the &quot;a&quot; for &quot;ASCII&quot;. In pr=
actice, though, for primarily historical reasons, both the
+  input and output of these functions are Unicode strings.&lt;/p&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;r=
esult&lt;/var&gt; =3D &lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; =
. &lt;code title=3Ddom-windowbase64-btoa&gt;&lt;a href=3D#dom-windowbase6=
4-btoa&gt;btoa&lt;/a&gt;&lt;/code&gt;( &lt;var title=3D&quot;&quot;&gt;da=
ta&lt;/var&gt; )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Takes the input data, in the form of a Unicode string conta=
ining only characters in the range
+    U+0000 to U+00FF, each representing a binary byte with values 0x00 t=
o 0xFF respectively, and
+    converts it to its base64 representation, which it returns.&lt;/p&gt=
;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#invalidcharactererror&g=
t;InvalidCharacterError&lt;/a&gt;&lt;/code&gt; exception if the input str=
ing contains any
+    out-of-range characters.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;result&lt;/var&gt; =3D &lt;=
var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;code title=3Ddom-win=
dowbase64-atob&gt;&lt;a href=3D#dom-windowbase64-atob&gt;atob&lt;/a&gt;&l=
t;/code&gt;( &lt;var title=3D&quot;&quot;&gt;data&lt;/var&gt; )&lt;/dt&gt=
;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Takes the input data, in the form of a Unicode string conta=
ining base64-encoded binary data,
+    decodes it, and returns a string consisting of characters in the ran=
ge U+0000 to U+00FF, each
+    representing a binary byte with values 0x00 to 0xFF respectively, co=
rresponding to that binary
+    data.&lt;/p&gt;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#invalidcharactererror&g=
t;InvalidCharacterError&lt;/a&gt;&lt;/code&gt; exception if the input str=
ing is not valid
+    base64 data.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code&gt;&lt;a href=3D#windowbase64&gt;Wi=
ndowBase64&lt;/a&gt;&lt;/code&gt; interface adds to the &lt;code&gt;&lt;a=
 href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; interface
+  and the &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalSco=
pe&lt;/a&gt;&lt;/code&gt; interface (part of Web Workers).&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-windowbase64-btoa title=3Ddom-windowbase=
64-btoa&gt;&lt;code&gt;btoa()&lt;/code&gt;&lt;/dfn&gt; method must throw =
an
+  &lt;code&gt;&lt;a href=3D#invalidcharactererror&gt;InvalidCharacterErr=
or&lt;/a&gt;&lt;/code&gt; exception if the method's first argument contai=
ns any character
+  whose code point is greater than U+00FF. Otherwise, the user agent mus=
t convert that argument to a
+  sequence of octets whose &lt;var title=3D&quot;&quot;&gt;n&lt;/var&gt;=
th octet is the eight-bit representation of the code
+  point of the &lt;var title=3D&quot;&quot;&gt;n&lt;/var&gt;th character=
 of the argument, and then must apply the base64
+  algorithm to that sequence of octets, and return the result. &lt;a hre=
f=3D#refsRFC4648&gt;[RFC4648]&lt;/a&gt;&lt;!--base64--&gt;&lt;/p&gt; &lt;=
!-- Aryeh says: This seems to be what all
+  browsers do as of January 2011 (except IE, which doesn't support these=
 functions at all). --&gt;
+
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-windowbase64-atob title=3Ddom-windowbase=
64-atob&gt;&lt;code&gt;atob()&lt;/code&gt;&lt;/dfn&gt; method must run th=
e following
+  steps to parse the string passed in the method's first argument:&lt;/p=
&gt;
+
+  &lt;ol&gt;&lt;!-- Aryeh says: Copies Firefox behavior as of January 20=
11 (4.0b8). WebKit is somewhat laxer,
+   and Opera throws no exceptions at all. gsnedders reports Opera's beha=
vior causes site-compat
+   problems, and I figure most sites depend on Firefox if on anything, s=
o go with that. --&gt;&lt;!-- Since updated to drop whitespace, based on =
the arguments here:
+      http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2011-May/03161=
3.html
+   --&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;input&lt=
;/var&gt; be the string being parsed.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;position&lt;/v=
ar&gt; be a pointer into &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt=
;, initially
+   pointing at the start of the string.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove all &lt;a href=3D#space-character title=3D&=
quot;space character&quot;&gt;space characters&lt;/a&gt; from &lt;var tit=
le=3D&quot;&quot;&gt;input&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the length of &lt;var title=3D&quot;&quot;&gt;i=
nput&lt;/var&gt; divides by 4 leaving no remainder, then: if
+   &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt; ends with one or tw=
o U+003D EQUALS SIGN (=3D) characters, remove them
+   from &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the length of &lt;var title=3D&quot;&quot;&gt;i=
nput&lt;/var&gt; divides by 4 leaving a remainder of 1, throw an
+   &lt;code&gt;&lt;a href=3D#invalidcharactererror&gt;InvalidCharacterEr=
ror&lt;/a&gt;&lt;/code&gt; exception and abort these steps.&lt;/p&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt; contai=
ns a character that is not in the following list of
+    characters and character ranges, throw an &lt;code&gt;&lt;a href=3D#=
invalidcharactererror&gt;InvalidCharacterError&lt;/a&gt;&lt;/code&gt; exc=
eption and abort
+    these steps:&lt;/p&gt;
+
+    &lt;ul class=3Dbrief&gt;&lt;li&gt;U+002B PLUS SIGN (+)
+     &lt;li&gt;U+002F SOLIDUS (/)
+     &lt;li&gt;&lt;a href=3D#alphanumeric-ascii-characters&gt;Alphanumer=
ic ASCII characters&lt;/a&gt;
+    &lt;/ul&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;output&lt;/var=
&gt; be a string, initially empty.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var=
&gt; be a buffer that can have bits appended to it, initially
+   empty.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;While &lt;var title=3D&quot;&quot;&gt;position&lt;/var&gt; =
does not point past the end of &lt;var title=3D&quot;&quot;&gt;input&lt;/=
var&gt;,
+    run these substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;Find the character pointed to by &lt;var title=3D&quot;&q=
uot;&gt;position&lt;/var&gt; in the first column of the
+      following table. Let &lt;var title=3D&quot;&quot;&gt;n&lt;/var&gt;=
 be the number given in the second cell of the same
+      row.&lt;/p&gt;
+
+      &lt;div id=3Dbase64-table&gt;
+       &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Character
+          &lt;th&gt;Number
+        &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;A&lt;td&gt;0
+         &lt;tr&gt;&lt;td&gt;B&lt;td&gt;1
+         &lt;tr&gt;&lt;td&gt;C&lt;td&gt;2
+         &lt;tr&gt;&lt;td&gt;D&lt;td&gt;3
+         &lt;tr&gt;&lt;td&gt;E&lt;td&gt;4
+         &lt;tr&gt;&lt;td&gt;F&lt;td&gt;5
+         &lt;tr&gt;&lt;td&gt;G&lt;td&gt;6
+         &lt;tr&gt;&lt;td&gt;H&lt;td&gt;7
+         &lt;tr&gt;&lt;td&gt;I&lt;td&gt;8
+         &lt;tr&gt;&lt;td&gt;J&lt;td&gt;9
+         &lt;tr&gt;&lt;td&gt;K&lt;td&gt;10
+         &lt;tr&gt;&lt;td&gt;L&lt;td&gt;11
+         &lt;tr&gt;&lt;td&gt;M&lt;td&gt;12
+         &lt;tr&gt;&lt;td&gt;N&lt;td&gt;13
+         &lt;tr&gt;&lt;td&gt;O&lt;td&gt;14
+         &lt;tr&gt;&lt;td&gt;P&lt;td&gt;15
+         &lt;tr&gt;&lt;td&gt;Q&lt;td&gt;16
+         &lt;tr&gt;&lt;td&gt;R&lt;td&gt;17
+         &lt;tr&gt;&lt;td&gt;S&lt;td&gt;18
+         &lt;tr&gt;&lt;td&gt;T&lt;td&gt;19
+         &lt;tr&gt;&lt;td&gt;U&lt;td&gt;20
+         &lt;tr&gt;&lt;td&gt;V&lt;td&gt;21
+         &lt;tr&gt;&lt;td&gt;W&lt;td&gt;22
+         &lt;tr&gt;&lt;td&gt;X&lt;td&gt;23
+         &lt;tr&gt;&lt;td&gt;Y&lt;td&gt;24
+         &lt;tr&gt;&lt;td&gt;Z&lt;td&gt;25
+         &lt;tr&gt;&lt;td&gt;a&lt;td&gt;26
+         &lt;tr&gt;&lt;td&gt;b&lt;td&gt;27
+         &lt;tr&gt;&lt;td&gt;c&lt;td&gt;28
+         &lt;tr&gt;&lt;td&gt;d&lt;td&gt;29
+         &lt;tr&gt;&lt;td&gt;e&lt;td&gt;30
+         &lt;tr&gt;&lt;td&gt;f&lt;td&gt;31
+         &lt;tr&gt;&lt;td&gt;g&lt;td&gt;32
+         &lt;tr&gt;&lt;td&gt;h&lt;td&gt;33
+         &lt;tr&gt;&lt;td&gt;i&lt;td&gt;34
+         &lt;tr&gt;&lt;td&gt;j&lt;td&gt;35
+         &lt;tr&gt;&lt;td&gt;k&lt;td&gt;36
+         &lt;tr&gt;&lt;td&gt;l&lt;td&gt;37
+         &lt;tr&gt;&lt;td&gt;m&lt;td&gt;38
+         &lt;tr&gt;&lt;td&gt;n&lt;td&gt;39
+         &lt;tr&gt;&lt;td&gt;o&lt;td&gt;40
+         &lt;tr&gt;&lt;td&gt;p&lt;td&gt;41
+         &lt;tr&gt;&lt;td&gt;q&lt;td&gt;42
+         &lt;tr&gt;&lt;td&gt;r&lt;td&gt;43
+         &lt;tr&gt;&lt;td&gt;s&lt;td&gt;44
+         &lt;tr&gt;&lt;td&gt;t&lt;td&gt;45
+         &lt;tr&gt;&lt;td&gt;u&lt;td&gt;46
+         &lt;tr&gt;&lt;td&gt;v&lt;td&gt;47
+         &lt;tr&gt;&lt;td&gt;w&lt;td&gt;48
+         &lt;tr&gt;&lt;td&gt;x&lt;td&gt;49
+         &lt;tr&gt;&lt;td&gt;y&lt;td&gt;50
+         &lt;tr&gt;&lt;td&gt;z&lt;td&gt;51
+         &lt;tr&gt;&lt;td&gt;0&lt;td&gt;52
+         &lt;tr&gt;&lt;td&gt;1&lt;td&gt;53
+         &lt;tr&gt;&lt;td&gt;2&lt;td&gt;54
+         &lt;tr&gt;&lt;td&gt;3&lt;td&gt;55
+         &lt;tr&gt;&lt;td&gt;4&lt;td&gt;56
+         &lt;tr&gt;&lt;td&gt;5&lt;td&gt;57
+         &lt;tr&gt;&lt;td&gt;6&lt;td&gt;58
+         &lt;tr&gt;&lt;td&gt;7&lt;td&gt;59
+         &lt;tr&gt;&lt;td&gt;8&lt;td&gt;60
+         &lt;tr&gt;&lt;td&gt;9&lt;td&gt;61
+         &lt;tr&gt;&lt;td&gt;+&lt;td&gt;62
+         &lt;tr&gt;&lt;td&gt;/&lt;td&gt;63
+       &lt;/table&gt;&lt;/div&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Append to &lt;var title=3D&quot;&quot;&gt;buffer=
&lt;/var&gt; the six bits corresponding to &lt;var title=3D&quot;&quot;&g=
t;number&lt;/var&gt;, most significant bit first.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;buffer&lt;/va=
r&gt; has accumulated 24 bits, interpret them as three 8-bit
+     big-endian numbers. Append the three characters with code points eq=
ual to those numbers to &lt;var title=3D&quot;&quot;&gt;output&lt;/var&gt=
;, in the same order, and then empty &lt;var title=3D&quot;&quot;&gt;buff=
er&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Advance &lt;var title=3D&quot;&quot;&gt;position=
&lt;/var&gt; by one character.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;buffer&lt;/var&gt; is no=
t empty, it contains either 12 or 18 bits. If it contains
+    12 bits, discard the last four and interpret the remaining eight as =
an 8-bit big-endian number.
+    If it contains 18 bits, discard the last two and interpret the remai=
ning 16 as two 8-bit
+    big-endian numbers. Append the one or two characters with code point=
s equal to those one or two
+    numbers to &lt;var title=3D&quot;&quot;&gt;output&lt;/var&gt;, in th=
e same order.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The discarded bits mean that, for instance, &l=
t;code title=3D&quot;&quot;&gt;atob(&quot;YQ&quot;)&lt;/code&gt; and
+    &lt;code title=3D&quot;&quot;&gt;atob(&quot;YR&quot;)&lt;/code&gt; b=
oth return &quot;&lt;code title=3D&quot;&quot;&gt;a&lt;/code&gt;&quot;.&l=
t;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;output&lt;/=
var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;!-- Note: this function is defined explicitly here beca=
use RFC4648 does not specify how to handle
+  erroneous input, and no preexisting browser implementation simply thro=
ws an exception on all
+  erroneous input. --&gt;&lt;/div&gt;
+
+
+&lt;!--TOPIC:HTML Syntax and Parsing--&gt;
+  &lt;h3 id=3Ddynamic-markup-insertion&gt;&lt;span class=3Dsecno&gt;7.3 =
&lt;/span&gt;&lt;dfn&gt;Dynamic markup insertion&lt;/dfn&gt;&lt;/h3&gt;
+
+  &lt;p class=3Dnote&gt;APIs for dynamically inserting markup into the d=
ocument interact with the parser,
+  and thus their behavior varies depending on whether they are used with=
 &lt;a href=3D#html-documents&gt;HTML documents&lt;/a&gt;
+  (and the &lt;a href=3D#html-parser&gt;HTML parser&lt;/a&gt;) or XHTML =
in &lt;a href=3D#xml-documents&gt;XML documents&lt;/a&gt; (and the &lt;a =
href=3D#xml-parser&gt;XML
+  parser&lt;/a&gt;).&lt;/p&gt;
+
+
+
+  &lt;h4 id=3Dopening-the-input-stream&gt;&lt;span class=3Dsecno&gt;7.3.=
1 &lt;/span&gt;Opening the input stream&lt;/h4&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-document-open title=3Ddom-document-open&=
gt;&lt;code&gt;open()&lt;/code&gt;&lt;/dfn&gt; method comes in several va=
riants
+  with different numbers of arguments.&lt;/p&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;d=
ocument&lt;/var&gt; =3D &lt;var title=3D&quot;&quot;&gt;document&lt;/var&=
gt; . &lt;code title=3Ddom-document-open&gt;&lt;a href=3D#dom-document-op=
en&gt;open&lt;/a&gt;&lt;/code&gt;( [ &lt;var title=3D&quot;&quot;&gt;type=
&lt;/var&gt; [, &lt;var title=3D&quot;&quot;&gt;replace&lt;/var&gt; ] ] )=
&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Causes the &lt;code&gt;&lt;a href=3D#document&gt;Document&l=
t;/a&gt;&lt;/code&gt; to be replaced in-place, as if it was a new
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; object, but reusing the previous object, which is then returned.&lt;/p&=
gt;
+
+    &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt; arg=
ument is omitted or has the value
+    &quot;&lt;code&gt;&lt;a href=3D#text/html&gt;text/html&lt;/a&gt;&lt;=
/code&gt;&quot;, then the resulting &lt;code&gt;&lt;a href=3D#document&gt=
;Document&lt;/a&gt;&lt;/code&gt; has an HTML parser associated
+    with it, which can be given data to parse using &lt;code title=3Ddom=
-document-write&gt;&lt;a href=3D#dom-document-write&gt;document.write()&l=
t;/a&gt;&lt;/code&gt;. Otherwise, all content passed to &lt;code title=3D=
dom-document-write&gt;&lt;a href=3D#dom-document-write&gt;document.write(=
)&lt;/a&gt;&lt;/code&gt; will be parsed as plain text.&lt;/p&gt;
+
+    &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;replace&lt;/var&gt; =
argument is present and has the value &quot;&lt;code title=3D&quot;&quot;=
&gt;replace&lt;/code&gt;&quot;, the existing entries in the session histo=
ry for the
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; object are removed.&lt;/p&gt;
+
+    &lt;p&gt;The method has no effect if the &lt;code&gt;&lt;a href=3D#d=
ocument&gt;Document&lt;/a&gt;&lt;/code&gt; is still being parsed.&lt;/p&g=
t;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;In=
validStateError&lt;/a&gt;&lt;/code&gt; exception if the &lt;code&gt;&lt;a=
 href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; is an &lt;a href=3D#=
xml-documents title=3D&quot;XML documents&quot;&gt;XML document&lt;/a&gt;=
.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; =3D &lt;=
var title=3D&quot;&quot;&gt;document&lt;/var&gt; . &lt;code title=3Ddom-d=
ocument-open&gt;&lt;a href=3D#dom-document-open&gt;open&lt;/a&gt;&lt;/cod=
e&gt;( &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt;, &lt;var title=3D&=
quot;&quot;&gt;name&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;features=
&lt;/var&gt; [, &lt;var title=3D&quot;&quot;&gt;replace&lt;/var&gt; ] )&l=
t;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Works like the &lt;code title=3Ddom-open&gt;&lt;a href=3D#d=
om-open&gt;window.open()&lt;/a&gt;&lt;/code&gt; method.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/=
code&gt; objects have an &lt;dfn id=3Dignore-opens-during-unload-counter&=
gt;ignore-opens-during-unload counter&lt;/dfn&gt;, which is
+  used to prevent scripts from invoking the &lt;code title=3Ddom-documen=
t-open&gt;&lt;a href=3D#dom-document-open&gt;document.open()&lt;/a&gt;&lt=
;/code&gt;
+  method (directly or indirectly) while the document is &lt;a href=3D#un=
load-a-document title=3D&quot;unload a document&quot;&gt;being
+  unloaded&lt;/a&gt;. Initially, the counter must be set to zero.&lt;/p&=
gt; &lt;!--
+  http://www.hixie.ch/tests/adhoc/dom/level0/document/open/unload/ --&gt=
;
+
+  &lt;p&gt;When called with two arguments, the &lt;code title=3Ddom-docu=
ment-open&gt;&lt;a href=3D#dom-document-open&gt;document.open()&lt;/a&gt;=
&lt;/code&gt;
+  method must act as follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document=
&gt;Document&lt;/a&gt;&lt;/code&gt; object is not flagged as an &lt;a hre=
f=3D#html-documents title=3D&quot;HTML documents&quot;&gt;HTML
+   document&lt;/a&gt;, throw an &lt;code&gt;&lt;a href=3D#invalidstateer=
ror&gt;InvalidStateError&lt;/a&gt;&lt;/code&gt; exception and abort these=
 steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt; object is not an &lt;a href=3D#active-document=
&gt;active document&lt;/a&gt;, then abort
+   these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;type&lt;/var&g=
t; be the value of the first argument.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the second argument is an &lt;a href=3D#ascii-case-insen=
sitive&gt;ASCII case-insensitive&lt;/a&gt; match for the value
+    &quot;replace&quot;, then let &lt;var title=3D&quot;&quot;&gt;replac=
e&lt;/var&gt; be true.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if the &lt;a href=3D#browsing-context&gt;browsin=
g context&lt;/a&gt;'s &lt;a href=3D#session-history&gt;session history&lt=
;/a&gt; contains only
+    one &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/cod=
e&gt;, and that was the &lt;code&gt;&lt;a href=3D#about:blank&gt;about:bl=
ank&lt;/a&gt;&lt;/code&gt; &lt;code&gt;&lt;a href=3D#document&gt;Document=
&lt;/a&gt;&lt;/code&gt;
+    created when the &lt;a href=3D#browsing-context&gt;browsing context&=
lt;/a&gt; was created, and that &lt;code&gt;&lt;a href=3D#document&gt;Doc=
ument&lt;/a&gt;&lt;/code&gt; has
+    never had the &lt;a href=3D#unload-a-document&gt;unload a document&l=
t;/a&gt; algorithm invoked on it (e.g. by a previous call to
+    &lt;code title=3Ddom-document-open&gt;&lt;a href=3D#dom-document-ope=
n&gt;document.open()&lt;/a&gt;&lt;/code&gt;), then let &lt;var title=3D&q=
uot;&quot;&gt;replace&lt;/var&gt; be
+    true.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, let &lt;var title=3D&quot;&quot;&gt;replace&lt;/=
var&gt; be false.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a=
&gt;&lt;/code&gt; has an &lt;a href=3D#active-parser&gt;active parser&lt;=
/a&gt; whose &lt;a href=3D#script-nesting-level&gt;script nesting
+    level&lt;/a&gt; is greater than zero, then the method does nothing. =
Abort these steps and return
+    the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/cod=
e&gt; object on which the method was invoked.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This basically causes &lt;code title=3Ddom-doc=
ument-open&gt;&lt;a href=3D#dom-document-open&gt;document.open()&lt;/a&gt=
;&lt;/code&gt; to
+    be ignored when it's called in an inline script found during parsing=
, while still letting it
+    have an effect when called asynchronously.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Similarly, if the &lt;code&gt;&lt;a href=3D#document&gt;Doc=
ument&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#ignore-opens-during-unload-c=
ounter&gt;ignore-opens-during-unload counter&lt;/a&gt; is
+    greater than zero, then the method does nothing. Abort these steps a=
nd return the
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; object on which the method was invoked.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This basically causes &lt;code title=3Ddom-doc=
ument-open&gt;&lt;a href=3D#dom-document-open&gt;document.open()&lt;/a&gt=
;&lt;/code&gt; to
+    be ignored when it's called from a &lt;code title=3Devent-beforeunlo=
ad&gt;beforeunload&lt;/code&gt; &lt;code title=3Devent-pagehide&gt;&lt;a =
href=3D#event-pagehide&gt;pagehide&lt;/a&gt;&lt;/code&gt;, or &lt;code ti=
tle=3Devent-unload&gt;unload&lt;/code&gt; event
+    handler while the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;=
/a&gt;&lt;/code&gt; is being unloaded.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Release the &lt;a href=3D#storage-mutex&gt;storage=
 mutex&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set the &lt;code&gt;&lt;a href=3D#document&gt;Docu=
ment&lt;/a&gt;&lt;/code&gt;'s &lt;i title=3Dconcept-document-salvageable&=
gt;&lt;a href=3D#concept-document-salvageable&gt;salvageable&lt;/a&gt;&lt=
;/i&gt; state to false.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#prompt-to-unload-a-document title=3D=
&quot;prompt to unload a document&quot;&gt;Prompt to unload&lt;/a&gt; the
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
 object. If the user &lt;a href=3D#refused-to-allow-the-document-to-be-un=
loaded&gt;refused to allow the document to be
+   unloaded&lt;/a&gt;, then abort these steps and return the &lt;code&gt=
;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; object on whic=
h the
+   method was invoked.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#unload-a-document title=3D&quot;unlo=
ad a document&quot;&gt;Unload&lt;/a&gt; the &lt;code&gt;&lt;a href=3D#doc=
ument&gt;Document&lt;/a&gt;&lt;/code&gt; object, with the
+   &lt;var title=3D&quot;&quot;&gt;recycle&lt;/var&gt; parameter set to =
true.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#abort-a-document title=3D&quot;abort=
 a document&quot;&gt;Abort&lt;/a&gt; the &lt;code&gt;&lt;a href=3D#docume=
nt&gt;Document&lt;/a&gt;&lt;/code&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Unregister all event listeners registered on the &=
lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; node=
 and its
+   descendants.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove any &lt;a href=3D#concept-task title=3Dconc=
ept-task&gt;tasks&lt;/a&gt; associated with the
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
 in any &lt;a href=3D#task-source&gt;task source&lt;/a&gt;.&lt;/li&gt; &l=
t;!-- removes callbacks that fired
+   between this algorithm starting and the times and databases being abo=
rted in the &quot;unload&quot; step
+   above --&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove all child nodes of the document, without fi=
ring any mutation events.&lt;/li&gt; &lt;!--
+   as of 2009-03-30, only WebKit fired mutation events here. --&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Replace the &lt;code&gt;&lt;a href=3D#document&gt;Document&=
lt;/a&gt;&lt;/code&gt;'s singleton objects with new instances of those ob=
jects.
+    (This includes in particular the &lt;code&gt;&lt;a href=3D#window&gt=
;Window&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#location&gt;Loc=
ation&lt;/a&gt;&lt;/code&gt;,
+    &lt;code&gt;&lt;a href=3D#history-0&gt;History&lt;/a&gt;&lt;/code&gt=
;, &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&lt;/a&g=
t;&lt;/code&gt;, and &lt;code&gt;&lt;a href=3D#navigator&gt;Navigator&lt;=
/a&gt;&lt;/code&gt;, objects, the
+    various &lt;code&gt;&lt;a href=3D#barprop&gt;BarProp&lt;/a&gt;&lt;/c=
ode&gt; objects, the two &lt;code&gt;&lt;a href=3D#storage-0&gt;Storage&l=
t;/a&gt;&lt;/code&gt; objects, the various
+    &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTMLCollection&lt;/a&gt;=
&lt;/code&gt; objects, and objects defined by other specifications, like
+    &lt;code&gt;Selection&lt;/code&gt; and the document's &lt;code&gt;Un=
doManager&lt;/code&gt;. It also includes all the Web
+    IDL prototypes in the JavaScript binding, including the &lt;code&gt;=
&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; object's
+    prototype.)&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The new &lt;code&gt;&lt;a href=3D#window&gt;Wi=
ndow&lt;/a&gt;&lt;/code&gt; object has a new &lt;a href=3D#script-setting=
s-object&gt;script settings
+    object&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;!-- http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DO=
CTYPE%20html%3E...%3Ciframe%20src%3D%22document%22%3E%3C%2Fiframe%3E%0A%3=
Cscript%3Eonload%20%3D%20function%20()%20%7B%20f%20%3D%20document.getElem=
entsByTagName('iframe')%5B0%5D%3B%20d%20%3D%20f.contentWindow.document%3B=
%20%7D%3C%2Fscript%3E%0A%3Cinput%20type%3Dbutton%20onclick%3D%22w(d.docum=
entElement.innerHTML)%22%20value%3D%22dump%22%3E%0A%3Cinput%20type%3Dbutt=
on%20onclick%3D%22d.open()%3B%20d.write('%3Cscript%3Evar%20x%20%3D%20new%=
20XMLHttpRequest()%3Bx.open(%26quot%3BGET%26quot%3B%2C%20%26quot%3BGET%26=
quot%3B)%3Bx.onreadystatechange%3Dfunction()%20%7B%20alert(x.readyState)%=
3B%20%7D%3Bx.send(null)%3B%3C%2Fscript%3E')%3Bd.close()%3B%20setTimeout(f=
unction()%20%7B%20d.open()%3B%20d.write('%3Cp%3Etest%3C%2Fp%3E')%3B%20d.c=
lose()%20%7D%2C%200)%3B%22%20value%3D%22xhr%22%3E%0A%3Cinput%20type%3Dbut=
ton%20onclick%3D%22d.onclick%20%3D%20function()%20%7B%20w('click')%20%7D%=
22%20value%3D%22add%20click%20handler%22%3E%0A%3Cinput%20type%3Dbutton%20=
onclick%3D%22d.open()%3B%20d.write('%3Cp%3Etest%3C%2Fp%3E')%3B%20d.close(=
)%22%20value%3D%22replace%22%3E%0A%3Cinput%20type%3Dbutton%20onclick%3D%2=
2d.open()%3B%20d.write('%3Cp%3E%3Cscript%3Ei%20%3D%200%3B%20setTimeout(%2=
6quot%3Bparent.w(i%2B%2B)%26quot%3B%2C%202000)%3C%2Fscript%3E%3C%2Fp%3E')=
%3B%20d.close()%22%20value%3D%22replace%20with%20timer%22%3E --&gt;
+   &lt;!-- http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DO=
CTYPE%20html%3E%0D%0A...%3Ciframe%3E%3C%2Fiframe%3E%0D%0A%3Cscript%3E%0D%=
0Aonload%20%3D%20function%20()%20%7B%0D%0A%20frames%5B0%5D.test%20%3D%201=
%0D%0A%20w(frames%5B0%5D.test)%3B%0D%0A%20var%20a%20%3D%20frames%5B0%5D.d=
ocument.location.assign%3B%0D%0A%20w(a)%3B%0D%0A%20w(frames%5B0%5D.docume=
nt.location.assign%20%3D%3D%3D%20a)%3B%0D%0A%20frames%5B0%5D.document.ope=
n()%3B%0D%0A%20frames%5B0%5D.document.write('%3Cscript%3Edocument.write(t=
est)%3C%5C%2Fscript%3E')%3B%0D%0A%20frames%5B0%5D.document.close()%3B%0D%=
0A%20w(frames%5B0%5D.test)%3B%0D%0A%20w(frames%5B0%5D.document.location.a=
ssign%20%3D%3D%3D%20a)%3B%0D%0A%7D%0D%0A%3C%2Fscript%3E --&gt;
+
+   &lt;li&gt;&lt;p&gt;Change the &lt;a href=3D&quot;#document's-characte=
r-encoding&quot;&gt;document's character encoding&lt;/a&gt; to UTF-8.&lt;=
/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt; is &lt;a href=3D#ready-for-post-load-tasks&gt;=
ready for post-load tasks&lt;/a&gt;, then set the
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
 object's &lt;a href=3D#reload-override-flag&gt;reload override flag&lt;/=
a&gt; and set the
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
's &lt;a href=3D#reload-override-buffer&gt;reload override buffer&lt;/a&g=
t; to the empty string.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set the &lt;code&gt;&lt;a href=3D#document&gt;Docu=
ment&lt;/a&gt;&lt;/code&gt;'s &lt;i title=3Dconcept-document-salvageable&=
gt;&lt;a href=3D#concept-document-salvageable&gt;salvageable&lt;/a&gt;&lt=
;/i&gt; state back to true.&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;Change &lt;a href=3D&quot;#the-document's-address&=
quot;&gt;the document's address&lt;/a&gt; to the &lt;a href=3D&quot;#the-=
document's-address&quot; title=3D&quot;the document's
+   address&quot;&gt;address&lt;/a&gt; of the &lt;a href=3D#responsible-d=
ocument&gt;responsible document&lt;/a&gt; specified by
+   the &lt;a href=3D#entry-settings-object&gt;entry settings object&lt;/=
a&gt;.&lt;/li&gt;
+
+   &lt;!-- &lt;span&gt;the document's referrer&lt;/span&gt; stays the sa=
me --&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#iframe-load-in-progress&gt;ifr=
ame load in progress&lt;/a&gt; flag is set, set the
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
's &lt;a href=3D#mute-iframe-load&gt;mute iframe load&lt;/a&gt; flag.&lt;=
/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Create a new &lt;a href=3D#html-parser&gt;HTML par=
ser&lt;/a&gt; and associate it with the document. This is a
+   &lt;dfn id=3Dscript-created-parser&gt;script-created parser&lt;/dfn&g=
t; (meaning that it can be closed by the &lt;code title=3Ddom-document-op=
en&gt;&lt;a href=3D#dom-document-open&gt;document.open()&lt;/a&gt;&lt;/co=
de&gt; and &lt;code title=3Ddom-document-close&gt;&lt;a href=3D#dom-docum=
ent-close&gt;document.close()&lt;/a&gt;&lt;/code&gt; methods, and that th=
e tokenizer will wait for
+   an explicit call to &lt;code title=3Ddom-document-close&gt;&lt;a href=
=3D#dom-document-close&gt;document.close()&lt;/a&gt;&lt;/code&gt; before =
emitting an
+   end-of-file token). The encoding &lt;a href=3D#concept-encoding-confi=
dence title=3Dconcept-encoding-confidence&gt;confidence&lt;/a&gt; is
+   &lt;i&gt;irrelevant&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set the &lt;a href=3D#current-document-readiness&g=
t;current document readiness&lt;/a&gt; of the document to &quot;&lt;code =
title=3D&quot;&quot;&gt;loading&lt;/code&gt;&quot;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;!-- text/plain handling --&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt; is an &=
lt;a href=3D#ascii-case-insensitive&gt;ASCII case-insensitive&lt;/a&gt; m=
atch for the string
+    &quot;&lt;code&gt;replace&lt;/code&gt;&quot;, then, for historical r=
easons, set it to the string &quot;&lt;code title=3D&quot;&quot;&gt;text/=
html&lt;/code&gt;&quot;.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise:&lt;/p&gt;
+
+    &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt; str=
ing contains a U+003B SEMICOLON character (;), remove the
+    first such character and all characters from it up to the end of the=
 string.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#strip-leading-and-trailing-whitespace&gt;Stri=
p leading and trailing whitespace&lt;/a&gt; from &lt;var title=3D&quot;&q=
uot;&gt;type&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt; is &lt;=
em&gt;not&lt;/em&gt; now an &lt;a href=3D#ascii-case-insensitive&gt;ASCII=
 case-insensitive&lt;/a&gt; match
+    for the string &quot;&lt;code&gt;&lt;a href=3D#text/html&gt;text/htm=
l&lt;/a&gt;&lt;/code&gt;&quot;, then act as if the tokenizer had emitted =
a start tag
+    token with the tag name &quot;pre&quot; followed by a single U+000A =
LINE FEED (LF) character&lt;!-- to get
+    eaten, so that a leading LF in the written text doesn't get eaten it=
self--&gt;, then switch the
+    &lt;a href=3D#html-parser&gt;HTML parser&lt;/a&gt;'s tokenizer to th=
e &lt;a href=3D#plaintext-state&gt;PLAINTEXT state&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;!--
+ http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20ht=
ml%3E...%3Ciframe%3E%3C%2Fiframe%3E%3Cscript%3Eonload%20%3D%20function%20=
()%20%7B%20%0D%0A%20%20var%20d%20%3D%20document.getElementsByTagName('ifr=
ame')%5B0%5D.contentDocument%3B%0D%0A%20%20d.open('image%2Fsvg%2Bxml')%3B=
%0D%0A%20%20d.write(%22%3Cinput%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F1999=
%2Fxhtml'%20value%3D'(x)html'%2F%3E%22)%3B%0D%0A%20%20d.close()%3B%0D%0A%=
7D%3B%3C%2Fscript%3E
+ http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20ht=
ml%3E...%3Ciframe%3E%3C%2Fiframe%3E%3Cscript%3Eonload%20%3D%20function%20=
()%20%7B%20%0D%0A%20%20var%20d%20%3D%20document.getElementsByTagName('ifr=
ame')%5B0%5D.contentDocument%3B%0D%0A%20%20d.open('image%2Fgif')%3B%0D%0A=
%20%20var%20a%20%3D%20%5B%200x47%2C%200x49%2C%200x46%2C%200x38%2C%200x39%=
2C%200x61%2C%200x01%2C%200x00%2C%200x01%2C%200x00%2C%0D%0A%20%20%20%20%20=
%20%20%20%20%20%20%200x80%2C%200xff%2C%200x00%2C%200xc0%2C%200xc0%2C%200x=
c0%2C%200x00%2C%200x00%2C%200x00%2C%200x21%2C%0D%0A%20%20%20%20%20%20%20%=
20%20%20%20%200xf9%2C%200x04%2C%200x01%2C%200x00%2C%200x00%2C%200x00%2C%2=
00x00%2C%200x2c%2C%200x00%2C%200x00%2C%0D%0A%20%20%20%20%20%20%20%20%20%2=
0%20%200x00%2C%200x00%2C%200x01%2C%200x00%2C%200x01%2C%200x00%2C%200x00%2=
C%200x02%2C%200x02%2C%200x44%2C%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20=
0x01%2C%200x00%2C%200x3b%20%5D%3B%0D%0A%20%20var%20s%20%3D%20%22%22%3B%0D=
%0A%20%20for%20(var%20i%20%3D%200%3B%20i%20%3C%20a.length%3B%20i%20%2B%3D=
%201)%0D%0A%20%20%20%20s%20%2B%3D%20String.fromCharCode(a%5Bi%5D)%3B%0D%0=
A%20%20d.write(s)%3B%0D%0A%20%20d.close()%3B%0D%0A%7D%3B%3C%2Fscript%3E
+ http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20ht=
ml%3E...%3Ciframe%3E%3C%2Fiframe%3E%3Cscript%3Eonload%20%3D%20function%20=
()%20{%20%0A%20%20var%20d%20%3D%20document.getElementsByTagName(%27iframe=
%27)[0].contentDocument%3B%0A%20%20d.open(%27Text%2Fplain%27)%3B%0A%20%20=
d.write(%27%3Cb%3Etest%27)%3B%0A%20%20d.close()%3B%0A}%3B%3C%2Fscript%3E
+ http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20ht=
ml%3E...%3Ciframe%3E%3C%2Fiframe%3E%3Cscript%3Eonload%20%3D%20function%20=
()%20{%20%0A%20%20var%20d%20%3D%20document.getElementsByTagName(%27iframe=
%27)[0].contentDocument%3B%0A%20%20d.open(%27%20text%2Fplain%27)%3B%0A%20=
%20d.write(%27%3Cb%3Etest%27)%3B%0A%20%20d.close()%3B%0A}%3B%3C%2Fscript%=
3E
+ http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20ht=
ml%3E...%3Ciframe%3E%3C%2Fiframe%3E%3Cscript%3Eonload%20%3D%20function%20=
()%20{%20%0A%20%20var%20d%20%3D%20document.getElementsByTagName(%27iframe=
%27)[0].contentDocument%3B%0A%20%20d.open(%27text%2Fplain%3B%27)%3B%0A%20=
%20d.write(%27%3Cb%3Etest%27)%3B%0A%20%20d.close()%3B%0A}%3B%3C%2Fscript%=
3E
+    --&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Remove all the entries in the &lt;a href=3D#browsing-contex=
t&gt;browsing context&lt;/a&gt;'s &lt;a href=3D#session-history&gt;sessio=
n history&lt;/a&gt;
+    after the &lt;a href=3D#current-entry&gt;current entry&lt;/a&gt;. If=
 the &lt;a href=3D#current-entry&gt;current entry&lt;/a&gt; is the last e=
ntry in the
+    session history, then no entries are removed.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This &lt;a href=3D#history-notes&gt;doesn't ne=
cessarily have to affect&lt;/a&gt; the user
+    agent's user interface.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove any &lt;a href=3D#concept-task title=3Dconc=
ept-task&gt;tasks&lt;/a&gt; queued by the &lt;a href=3D#history-traversal=
-task-source&gt;history traversal
+   task source&lt;/a&gt; that are associated with any &lt;code&gt;&lt;a =
href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; objects in the
+   &lt;a href=3D#top-level-browsing-context&gt;top-level browsing contex=
t&lt;/a&gt;'s &lt;a href=3D#document-family&gt;document family&lt;/a&gt;.=
&lt;/li&gt;
+
+   &lt;li&gt;Remove any earlier entries that share the same &lt;code&gt;=
&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;replace&lt;/var=
&gt; is false, then add a new entry, just before the last entry,
+   and associate with the new entry the text that was parsed by the prev=
ious parser associated with
+   the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code=
&gt; object, as well as the state of the document at the start of these
+   steps. This allows the user to step backwards in the session history =
to see the page before it
+   was blown away by the &lt;code title=3Ddom-document-open&gt;&lt;a hre=
f=3D#dom-document-open&gt;document.open()&lt;/a&gt;&lt;/code&gt; call. Th=
is new entry
+   does not have a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&=
gt;&lt;/code&gt; object, so a new one will be created if the session hist=
ory
+   is traversed to that entry.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Finally, set the &lt;a href=3D#insertion-point&gt;=
insertion point&lt;/a&gt; to point at just before the end of the
+   &lt;a href=3D#input-stream&gt;input stream&lt;/a&gt; (which at this p=
oint will be empty).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the &lt;code&gt;&lt;a href=3D#document&gt;D=
ocument&lt;/a&gt;&lt;/code&gt; on which the method was invoked.&lt;/li&gt=
;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;The &lt;code title=3Ddom-document-ope=
n&gt;&lt;a href=3D#dom-document-open&gt;document.open()&lt;/a&gt;&lt;/cod=
e&gt; method does not affect
+  whether a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;=
/code&gt; is &lt;a href=3D#ready-for-post-load-tasks&gt;ready for post-lo=
ad tasks&lt;/a&gt; or &lt;a href=3D#completely-loaded&gt;completely
+  loaded&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When called with four arguments, the &lt;code title=3Ddom-doc=
ument-open&gt;&lt;a href=3D#dom-document-open&gt;open()&lt;/a&gt;&lt;/cod=
e&gt; method on
+  the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&=
gt; object must call the &lt;code title=3Ddom-open&gt;&lt;a href=3D#dom-o=
pen&gt;open()&lt;/a&gt;&lt;/code&gt; method on the
+  &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obje=
ct of the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/co=
de&gt; object, with the same arguments as the
+  original call to the &lt;code title=3Ddom-document-open&gt;&lt;a href=3D=
#dom-document-open&gt;open()&lt;/a&gt;&lt;/code&gt; method, and return wh=
atever
+  that method returned. If the &lt;code&gt;&lt;a href=3D#document&gt;Doc=
ument&lt;/a&gt;&lt;/code&gt; object has no &lt;code&gt;&lt;a href=3D#wind=
ow&gt;Window&lt;/a&gt;&lt;/code&gt; object, then
+  the method must throw an &lt;code&gt;&lt;a href=3D#invalidaccesserror&=
gt;InvalidAccessError&lt;/a&gt;&lt;/code&gt; exception.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dclosing-the-input-stream&gt;&lt;span class=3Dsecno&gt;7.3.=
2 &lt;/span&gt;Closing the input stream&lt;/h4&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;d=
ocument&lt;/var&gt; . &lt;code title=3Ddom-document-close&gt;&lt;a href=3D=
#dom-document-close&gt;close&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Closes the input stream that was opened by the &lt;code tit=
le=3Ddom-document-open&gt;&lt;a href=3D#dom-document-open&gt;document.ope=
n()&lt;/a&gt;&lt;/code&gt; method.&lt;/p&gt;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;In=
validStateError&lt;/a&gt;&lt;/code&gt; exception if the
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; is an &lt;a href=3D#xml-documents title=3D&quot;XML documents&quot;&gt;=
XML
+    document&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-document-close title=3Ddom-document-clos=
e&gt;&lt;code&gt;close()&lt;/code&gt;&lt;/dfn&gt; method must run the fol=
lowing
+  steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document=
&gt;Document&lt;/a&gt;&lt;/code&gt; object is not flagged as an &lt;a hre=
f=3D#html-documents title=3D&quot;HTML documents&quot;&gt;HTML
+   document&lt;/a&gt;, throw an &lt;code&gt;&lt;a href=3D#invalidstateer=
ror&gt;InvalidStateError&lt;/a&gt;&lt;/code&gt; exception and abort these
+   steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If there is no &lt;a href=3D#script-created-parser=
&gt;script-created parser&lt;/a&gt; associated with the document, then ab=
ort
+   these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Insert an &lt;a href=3D#explicit-eof-character&gt;=
explicit &quot;EOF&quot; character&lt;/a&gt; at the end of the parser's &=
lt;a href=3D#input-stream&gt;input
+   stream&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If there is a &lt;a href=3D#pending-parsing-blocki=
ng-script&gt;pending parsing-blocking script&lt;/a&gt;, then abort these
+   steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Run the tokenizer, processing resulting tokens as =
they are emitted, and stopping when the
+   tokenizer reaches the &lt;a href=3D#explicit-eof-character&gt;explici=
t &quot;EOF&quot; character&lt;/a&gt; or &lt;a href=3D#spin-the-event-loo=
p title=3D&quot;spin the event
+   loop&quot;&gt;spins the event loop&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+
+  &lt;h4 id=3Ddocument.write()&gt;&lt;span class=3Dsecno&gt;7.3.3 &lt;/s=
pan&gt;&lt;code title=3Ddom-document-write&gt;&lt;a href=3D#dom-document-=
write&gt;document.write()&lt;/a&gt;&lt;/code&gt;&lt;/h4&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;d=
ocument&lt;/var&gt; . &lt;code title=3Ddom-document-write&gt;&lt;a href=3D=
#dom-document-write&gt;write&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot=
;&quot;&gt;text&lt;/var&gt;...)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;In general, adds the given string(s) to the &lt;code&gt;&lt=
;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'s input stream.&lt=
;/p&gt;
+
+    &lt;p class=3Dwarning&gt;This method has very idiosyncratic behavior=
. In some cases, this method can
+    affect the state of the &lt;a href=3D#html-parser&gt;HTML parser&lt;=
/a&gt; while the parser is running, resulting in a DOM
+    that does not correspond to the source of the document (e.g. if the =
string written is the string
+    &quot;&lt;code title=3D&quot;&quot;&gt;&amp;lt;plaintext&amp;gt;&lt;=
/code&gt;&quot; or &quot;&lt;code title=3D&quot;&quot;&gt;&amp;lt;!--&lt;=
/code&gt;&quot;). In other cases,
+    the call can clear the current page first, as if &lt;code title=3Ddo=
m-document-open&gt;&lt;a href=3D#dom-document-open&gt;document.open()&lt;=
/a&gt;&lt;/code&gt; had been called. In yet more cases, the method
+    is simply ignored, or throws an exception. To make matters worse, th=
e exact behavior of this
+    method can in some cases be dependent on network latency&lt;!--
+
+     Namely, in the following case:
+
+        &lt;script&gt;
+         document.write('&lt;link rel=3Dstylesheet href=3Dfoo.css&gt;&lt=
;script&gt;&lt;/script&gt;x');
+         // at this point, whether the DOM contains an &quot;x&quot; or =
not depends on how quickly the foo.css file could be processed
+        &lt;/script&gt;
+
+    --&gt;, which can lead to failures that are very hard to debug. &lt;=
strong&gt;For all these reasons, use
+    of this method is strongly discouraged.&lt;/strong&gt;&lt;/p&gt;
+
+    &lt;p&gt;This method throws an &lt;code&gt;&lt;a href=3D#invalidstat=
eerror&gt;InvalidStateError&lt;/a&gt;&lt;/code&gt; exception when invoked=
 on &lt;a href=3D#xml-documents&gt;XML
+    documents&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/=
code&gt; objects have an &lt;dfn id=3Dignore-destructive-writes-counter&g=
t;ignore-destructive-writes counter&lt;/dfn&gt;, which is
+  used in conjunction with the processing of &lt;code&gt;&lt;a href=3D#t=
he-script-element&gt;script&lt;/a&gt;&lt;/code&gt; elements to prevent ex=
ternal
+  scripts from being able to use &lt;code title=3Ddom-document-write&gt;=
&lt;a href=3D#dom-document-write&gt;document.write()&lt;/a&gt;&lt;/code&g=
t; to blow
+  away the document by implicitly calling &lt;code title=3Ddom-document-=
open&gt;&lt;a href=3D#dom-document-open&gt;document.open()&lt;/a&gt;&lt;/=
code&gt;.
+  Initially, the counter must be set to zero.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-document-write title=3Ddom-document-writ=
e&gt;&lt;code&gt;document.write(...)&lt;/code&gt;&lt;/dfn&gt; method must=
 act as
+  follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;If the method was invoked on an &lt;a href=3D#xml-documents=
 title=3D&quot;XML documents&quot;&gt;XML document&lt;/a&gt;, throw an
+    &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateError&lt;=
/a&gt;&lt;/code&gt; exception and abort these steps.&lt;/p&gt;
+
+    &lt;!--
+    Where would document.write() insert?
+    Consider: data:text/xml,&lt;script xmlns=3D&quot;http://www.w3.org/1=
999/xhtml&quot;&gt;&lt;![CDATA[ document.write('&lt;foo&gt;Test&lt;/foo&g=
t;'); ]]&gt;&lt;/script&gt;
+    --&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt; object is not an &lt;a href=3D#active-document=
&gt;active document&lt;/a&gt;, then abort
+   these steps.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#insertion-point&gt;insertion point&lt;=
/a&gt; is undefined and either the &lt;code&gt;&lt;a href=3D#document&gt;=
Document&lt;/a&gt;&lt;/code&gt;'s
+    &lt;a href=3D#ignore-opens-during-unload-counter&gt;ignore-opens-dur=
ing-unload counter&lt;/a&gt; is greater than zero or the
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
;'s &lt;a href=3D#ignore-destructive-writes-counter&gt;ignore-destructive=
-writes counter&lt;/a&gt; is greater than zero,
+    abort these steps.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#insertion-point&gt;insertion point&lt;=
/a&gt; is undefined, call the &lt;code title=3Ddom-document-open&gt;&lt;a=
 href=3D#dom-document-open&gt;open()&lt;/a&gt;&lt;/code&gt; method on the=
 &lt;code title=3DDocument&gt;&lt;a href=3D#document&gt;document&lt;/a&gt=
;&lt;/code&gt;
+    object (with no arguments). If the user &lt;a href=3D#refused-to-all=
ow-the-document-to-be-unloaded&gt;refused to allow the document to be
+    unloaded&lt;/a&gt;, then abort these steps. Otherwise, the &lt;a hre=
f=3D#insertion-point&gt;insertion point&lt;/a&gt; will point
+    at just before the end of the (empty) &lt;a href=3D#input-stream&gt;=
input stream&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Insert the string consisting of the concatenation of all th=
e arguments to the method into the
+    &lt;a href=3D#input-stream&gt;input stream&lt;/a&gt; just before the=
 &lt;a href=3D#insertion-point&gt;insertion point&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a=
&gt;&lt;/code&gt; object's &lt;a href=3D#reload-override-flag&gt;reload o=
verride flag&lt;/a&gt; is set, then append
+    the string consisting of the concatenation of all the arguments to t=
he method to the
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
;'s &lt;a href=3D#reload-override-buffer&gt;reload override buffer&lt;/a&=
gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If there is no &lt;a href=3D#pending-parsing-blocking-scrip=
t&gt;pending parsing-blocking script&lt;/a&gt;, have the &lt;a href=3D#ht=
ml-parser&gt;HTML
+    parser&lt;/a&gt; process the characters that were inserted, one at a=
 time, processing resulting
+    tokens as they are emitted, and stopping when the tokenizer reaches =
the insertion point or when
+    the processing of the tokenizer is aborted by the tree construction =
stage (this can happen if a
+    &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;=
/code&gt; end tag token is emitted by the tokenizer).
+
+    &lt;p class=3Dnote&gt;If the &lt;code title=3Ddom-document-write&gt;=
&lt;a href=3D#dom-document-write&gt;document.write()&lt;/a&gt;&lt;/code&g=
t; method was
+    called from script executing inline (i.e. executing because the pars=
er parsed a set of
+    &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;=
/code&gt; tags), then this is a &lt;a href=3D#nestedParsing&gt;reentrant =
invocation of the
+    parser&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Finally, return from the method.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+  &lt;h4 id=3Ddocument.writeln()&gt;&lt;span class=3Dsecno&gt;7.3.4 &lt;=
/span&gt;&lt;code title=3Ddom-document-writeln&gt;&lt;a href=3D#dom-docum=
ent-writeln&gt;document.writeln()&lt;/a&gt;&lt;/code&gt;&lt;/h4&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;d=
ocument&lt;/var&gt; . &lt;code title=3Ddom-document-writeln&gt;&lt;a href=
=3D#dom-document-writeln&gt;writeln&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D=
&quot;&quot;&gt;text&lt;/var&gt;...)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Adds the given string(s) to the &lt;code&gt;&lt;a href=3D#d=
ocument&gt;Document&lt;/a&gt;&lt;/code&gt;'s input stream, followed by a =
newline
+    character. If necessary, calls the &lt;code title=3Ddom-document-ope=
n&gt;&lt;a href=3D#dom-document-open&gt;open()&lt;/a&gt;&lt;/code&gt; met=
hod
+    implicitly first.&lt;/p&gt;
+
+    &lt;p&gt;This method throws an &lt;code&gt;&lt;a href=3D#invalidstat=
eerror&gt;InvalidStateError&lt;/a&gt;&lt;/code&gt; exception when invoked=
 on &lt;a href=3D#xml-documents&gt;XML
+    documents&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-document-writeln title=3Ddom-document-wr=
iteln&gt;&lt;code&gt;document.writeln(...)&lt;/code&gt;&lt;/dfn&gt; metho=
d, when
+  invoked, must act as if the &lt;code title=3Ddom-document-write&gt;&lt=
;a href=3D#dom-document-write&gt;document.write()&lt;/a&gt;&lt;/code&gt; =
method had
+  been invoked with the same argument(s), plus an extra argument consist=
ing of a string containing a
+  single line feed character (U+000A).&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h3 id=3Dtimers&gt;&lt;span class=3Dsecno&gt;7.4 &lt;/span&gt;Timer=
s&lt;/h3&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-windowtimers-setTimeout&gt;&lt;a hre=
f=3D#dom-windowtimers-settimeout&gt;setTimeout()&lt;/a&gt;&lt;/code&gt;
+  and &lt;code title=3Ddom-windowtimers-setInterval&gt;&lt;a href=3D#dom=
-windowtimers-setinterval&gt;setInterval()&lt;/a&gt;&lt;/code&gt;
+  methods allow authors to schedule timer-based callbacks.&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;[NoInterfaceObject]
+interface &lt;dfn id=3Dwindowtimers&gt;WindowTimers&lt;/dfn&gt; {
+  long &lt;a href=3D#dom-windowtimers-settimeout title=3Ddom-windowtimer=
s-setTimeout&gt;setTimeout&lt;/a&gt;(&lt;span&gt;Function&lt;/span&gt; ha=
ndler, optional long timeout, any... arguments);
+  long &lt;a href=3D#dom-windowtimers-settimeout title=3Ddom-windowtimer=
s-setTimeout&gt;setTimeout&lt;/a&gt;(DOMString handler, optional long tim=
eout, any... arguments);
+  void &lt;a href=3D#dom-windowtimers-cleartimeout title=3Ddom-windowtim=
ers-clearTimeout&gt;clearTimeout&lt;/a&gt;(long handle);
+  long &lt;a href=3D#dom-windowtimers-setinterval title=3Ddom-windowtime=
rs-setInterval&gt;setInterval&lt;/a&gt;(&lt;span&gt;Function&lt;/span&gt;=
 handler, optional long timeout, any... arguments);
+  long &lt;a href=3D#dom-windowtimers-setinterval title=3Ddom-windowtime=
rs-setInterval&gt;setInterval&lt;/a&gt;(DOMString handler, optional long =
timeout, any... arguments);
+  void &lt;a href=3D#dom-windowtimers-clearinterval title=3Ddom-windowti=
mers-clearInterval&gt;clearInterval&lt;/a&gt;(long handle);
+};
+&lt;a href=3D#window&gt;Window&lt;/a&gt; implements &lt;a href=3D#window=
timers&gt;WindowTimers&lt;/a&gt;;&lt;/pre&gt;
+
+  &lt;!-- Demonstrating the need for wrapping of the timeout argument va=
lue treated as long rather than clamping or treating as double:
+          http://software.hixie.ch/utilities/js/live-dom-viewer/saved/12=
28
+       Demonstrating the need for the timeout argument to be signed rath=
er than unsigned:
+          http://software.hixie.ch/utilities/js/live-dom-viewer/saved/12=
29
+  --&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;h=
andle&lt;/var&gt; =3D &lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; =
. &lt;code title=3Ddom-windowtimers-setTimeout&gt;&lt;a href=3D#dom-windo=
wtimers-settimeout&gt;setTimeout&lt;/a&gt;&lt;/code&gt;( &lt;var title=3D=
&quot;&quot;&gt;handler&lt;/var&gt; [, &lt;var title=3D&quot;&quot;&gt;ti=
meout&lt;/var&gt; [, &lt;var title=3D&quot;&quot;&gt;arguments&lt;/var&gt=
;... ] ] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Schedules a timeout to run &lt;var title=3D&quot;&quot;&gt;=
handler&lt;/var&gt; after &lt;var title=3D&quot;&quot;&gt;timeout&lt;/var=
&gt;
+    milliseconds. Any &lt;var title=3D&quot;&quot;&gt;arguments&lt;/var&=
gt; are passed straight through to the &lt;var title=3D&quot;&quot;&gt;ha=
ndler&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;handle&lt;/var&gt; =3D &lt;=
var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;code title=3Ddom-win=
dowtimers-setTimeout&gt;&lt;a href=3D#dom-windowtimers-settimeout&gt;setT=
imeout&lt;/a&gt;&lt;/code&gt;( &lt;var title=3D&quot;&quot;&gt;code&lt;/v=
ar&gt; [, &lt;var title=3D&quot;&quot;&gt;timeout&lt;/var&gt; ] )&lt;/dt&=
gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Schedules a timeout to compile and run &lt;var title=3D&quo=
t;&quot;&gt;code&lt;/var&gt; after &lt;var title=3D&quot;&quot;&gt;timeou=
t&lt;/var&gt; milliseconds.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-windowtimers-clearTimeout&gt;&lt;a href=3D#dom-windowtimer=
s-cleartimeout&gt;clearTimeout&lt;/a&gt;&lt;/code&gt;( &lt;var title=3D&q=
uot;&quot;&gt;handle&lt;/var&gt; )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Cancels the timeout set with &lt;code title=3Ddom-windowtim=
ers-setTimeout&gt;&lt;a href=3D#dom-windowtimers-settimeout&gt;setTimeout=
()&lt;/a&gt;&lt;/code&gt;
+    identified by &lt;var title=3D&quot;&quot;&gt;handle&lt;/var&gt;.&lt=
;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;handle&lt;/var&gt; =3D &lt;=
var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;code title=3Ddom-win=
dowtimers-setInterval&gt;&lt;a href=3D#dom-windowtimers-setinterval&gt;se=
tInterval&lt;/a&gt;&lt;/code&gt;( &lt;var title=3D&quot;&quot;&gt;handler=
&lt;/var&gt; [, &lt;var title=3D&quot;&quot;&gt;timeout&lt;/var&gt; [, &l=
t;var title=3D&quot;&quot;&gt;arguments&lt;/var&gt;... ] ] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Schedules a timeout to run &lt;var title=3D&quot;&quot;&gt;=
handler&lt;/var&gt; every &lt;var title=3D&quot;&quot;&gt;timeout&lt;/var=
&gt;
+    milliseconds. Any &lt;var title=3D&quot;&quot;&gt;arguments&lt;/var&=
gt; are passed straight through to the &lt;var title=3D&quot;&quot;&gt;ha=
ndler&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;handle&lt;/var&gt; =3D &lt;=
var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;code title=3Ddom-win=
dowtimers-setInterval&gt;&lt;a href=3D#dom-windowtimers-setinterval&gt;se=
tInterval&lt;/a&gt;&lt;/code&gt;( &lt;var title=3D&quot;&quot;&gt;code&lt=
;/var&gt; [, &lt;var title=3D&quot;&quot;&gt;timeout&lt;/var&gt; ] )&lt;/=
dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Schedules a timeout to compile and run &lt;var title=3D&quo=
t;&quot;&gt;code&lt;/var&gt; every &lt;var title=3D&quot;&quot;&gt;timeou=
t&lt;/var&gt; milliseconds.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-windowtimers-clearInterval&gt;&lt;a href=3D#dom-windowtime=
rs-clearinterval&gt;clearInterval&lt;/a&gt;&lt;/code&gt;( &lt;var title=3D=
&quot;&quot;&gt;handle&lt;/var&gt; )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Cancels the timeout set with &lt;code title=3Ddom-windowtim=
ers-setInterval&gt;&lt;a href=3D#dom-windowtimers-setinterval&gt;setInter=
val()&lt;/a&gt;&lt;/code&gt; identified by &lt;var title=3D&quot;&quot;&g=
t;handle&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p class=3Dnote&gt;Timers can be nested; after five such=
 nested timers, however, the interval is
+  forced to be at least four milliseconds.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This API does not guarantee that timers will run=
 exactly on schedule. Delays due
+  to CPU load, other tasks, etc, are to be expected.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code&gt;&lt;a href=3D#windowtimers&gt;Wi=
ndowTimers&lt;/a&gt;&lt;/code&gt; interface adds to the &lt;code&gt;&lt;a=
 href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; interface
+  and the &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalSco=
pe&lt;/a&gt;&lt;/code&gt; interface (part of Web Workers).&lt;/p&gt;
+
+  &lt;p&gt;Each object that implements the &lt;code&gt;&lt;a href=3D#win=
dowtimers&gt;WindowTimers&lt;/a&gt;&lt;/code&gt; interface has a &lt;dfn =
id=3Dlist-of-active-timers&gt;list of active
+  timers&lt;/dfn&gt;. Each entry in this lists is identified by a number=
, which must be unique within the
+  list for the lifetime of the object that implements the &lt;code&gt;&l=
t;a href=3D#windowtimers&gt;WindowTimers&lt;/a&gt;&lt;/code&gt; interface=
.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-windowtimers-settimeout title=3D=
dom-windowtimers-setTimeout&gt;&lt;code&gt;setTimeout()&lt;/code&gt;&lt;/=
dfn&gt; method must return
+  the value returned by the &lt;a href=3D#timer-initialization-steps&gt;=
timer initialization steps&lt;/a&gt;, passing them the method's
+  arguments, the object on which the method for which the algorithm is r=
unning is implemented (a
+  &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; or &=
lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope&lt;/a&gt;=
&lt;/code&gt; object) as the &lt;var title=3D&quot;&quot;&gt;method
+  context&lt;/var&gt;, and the &lt;var title=3D&quot;&quot;&gt;repeat&lt=
;/var&gt; flag set to false.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-windowtimers-setinterval title=3Ddom-win=
dowtimers-setInterval&gt;&lt;code&gt;setInterval()&lt;/code&gt;&lt;/dfn&g=
t; method must
+  return the value returned by the &lt;a href=3D#timer-initialization-st=
eps&gt;timer initialization steps&lt;/a&gt;, passing them the
+  method's arguments, the object on which the method for which the algor=
ithm is running is
+  implemented (a &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt=
;/code&gt; or &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobal=
Scope&lt;/a&gt;&lt;/code&gt; object) as the &lt;var title=3D&quot;&quot;&=
gt;method context&lt;/var&gt;, and the &lt;var title=3D&quot;&quot;&gt;re=
peat&lt;/var&gt; flag set to true.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-windowtimers-cleartimeout title=3Ddom-wi=
ndowtimers-clearTimeout&gt;&lt;code&gt;clearTimeout()&lt;/code&gt;&lt;/df=
n&gt; and &lt;dfn id=3Ddom-windowtimers-clearinterval title=3Ddom-windowt=
imers-clearInterval&gt;&lt;code&gt;clearInterval()&lt;/code&gt;&lt;/dfn&g=
t; methods must clear the
+  entry identified as &lt;var title=3D&quot;&quot;&gt;handle&lt;/var&gt;=
 from the &lt;a href=3D#list-of-active-timers&gt;list of active timers&lt=
;/a&gt; of the
+  &lt;code&gt;&lt;a href=3D#windowtimers&gt;WindowTimers&lt;/a&gt;&lt;/c=
ode&gt; object on which the method was invoked, where &lt;var title=3D&qu=
ot;&quot;&gt;handle&lt;/var&gt;
+  is the argument passed to the method, if any. (If &lt;var title=3D&quo=
t;&quot;&gt;handle&lt;/var&gt; does not identify an
+  entry in the &lt;a href=3D#list-of-active-timers&gt;list of active tim=
ers&lt;/a&gt; of the &lt;code&gt;&lt;a href=3D#windowtimers&gt;WindowTime=
rs&lt;/a&gt;&lt;/code&gt; object on which
+  the method was invoked, the method does nothing.)&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Dtimer-initialization-steps&gt;time=
r initialization steps&lt;/dfn&gt;, which are invoked with some method ar=
guments, a &lt;var title=3D&quot;&quot;&gt;method context&lt;/var&gt;, a =
&lt;var title=3D&quot;&quot;&gt;repeat&lt;/var&gt; flag which can be true=
 or false, and
+  optionally (and only if the &lt;var title=3D&quot;&quot;&gt;repeat&lt;=
/var&gt; flag is true) a &lt;var title=3D&quot;&quot;&gt;previous
+  handle&lt;/var&gt;, are as follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;metho=
d context proxy&lt;/var&gt; be &lt;var title=3D&quot;&quot;&gt;method con=
text&lt;/var&gt; if that
+   is a &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope=
&lt;/a&gt;&lt;/code&gt; object, or else the &lt;code&gt;&lt;a href=3D#win=
dowproxy&gt;WindowProxy&lt;/a&gt;&lt;/code&gt; that corresponds
+   to &lt;var title=3D&quot;&quot;&gt;method context&lt;/var&gt;.&lt;/li=
&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;previous handle=
&lt;/var&gt; was provided, let &lt;var title=3D&quot;&quot;&gt;handle&lt;=
/var&gt; be
+   &lt;var title=3D&quot;&quot;&gt;previous handle&lt;/var&gt;; otherwis=
e, let &lt;var title=3D&quot;&quot;&gt;handle&lt;/var&gt; be a
+   user-agent-defined integer that is greater than zero that will identi=
fy the timeout to be set by
+   this call in the &lt;a href=3D#list-of-active-timers&gt;list of activ=
e timers&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;previous handle=
&lt;/var&gt; was not provided, add an entry to the &lt;a href=3D#list-of-=
active-timers&gt;list of
+   active timers&lt;/a&gt; for &lt;var title=3D&quot;&quot;&gt;handle&lt=
;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;task&lt;/var&gt; be a &=
lt;a href=3D#concept-task title=3Dconcept-task&gt;task&lt;/a&gt; that run=
s the
+    following substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;If the entry for &lt;var title=3D&quot;&quot;&gt;handle&l=
t;/var&gt; in the &lt;a href=3D#list-of-active-timers&gt;list of active t=
imers&lt;/a&gt; has
+      been cleared, then abort this &lt;a href=3D#concept-task title=3Dc=
oncept-task&gt;task&lt;/a&gt;'s substeps.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Run the appropriate set of steps from the following list:=
&lt;/p&gt;
+
+      &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the first method argument is=
 a &lt;code&gt;Function&lt;/code&gt;&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;Call the &lt;code&gt;Function&lt;/code&gt;. Use the thi=
rd and subsequent method arguments (if any) as
+        the arguments for invoking the &lt;code&gt;Function&lt;/code&gt;=
. Use &lt;var title=3D&quot;&quot;&gt;method context
+        proxy&lt;/var&gt; as the &lt;var title=3D&quot;&quot;&gt;thisArg=
&lt;/var&gt; for invoking the &lt;code&gt;Function&lt;/code&gt;. &lt;a hr=
ef=3D#refsECMA262&gt;[ECMA262]&lt;/a&gt;&lt;/p&gt;
+
+       &lt;/dd&gt;
+
+       &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt=
;script source&lt;/var&gt; be the first method argument.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;script l=
anguage&lt;/var&gt; be JavaScript.&lt;/li&gt;
+
+         &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;settings=
 object&lt;/var&gt; be &lt;var title=3D&quot;&quot;&gt;method context&lt;=
/var&gt;'s
+         &lt;a href=3D#script-settings-object&gt;script settings object&=
lt;/a&gt;.&lt;/li&gt;
+
+         &lt;li&gt;&lt;!--CLEANUP--&gt;&lt;!--no need for all this white=
space--&gt;
+
+          &lt;p&gt;&lt;a href=3D#create-a-script&gt;Create a script&lt;/=
a&gt; using &lt;var title=3D&quot;&quot;&gt;script source&lt;/var&gt; as =
the script
+          source, the &lt;a href=3D#url&gt;URL&lt;/a&gt; where &lt;var t=
itle=3D&quot;&quot;&gt;script source&lt;/var&gt; can be found, &lt;var ti=
tle=3D&quot;&quot;&gt;scripting language&lt;/var&gt; as the scripting lan=
guage, and &lt;var title=3D&quot;&quot;&gt;settings
+          object&lt;/var&gt; as the &lt;a href=3D#script-settings-object=
&gt;script settings object&lt;/a&gt;.&lt;/p&gt;
+
+         &lt;/li&gt;
+
+        &lt;/ol&gt;&lt;/dd&gt;
+
+      &lt;/dl&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;!--CLEANUP--&gt;&lt;!--no need for all this whitespac=
e--&gt;
+
+      &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;repeat&lt;/var&gt;=
 flag is true, then call &lt;a href=3D#timer-initialization-steps&gt;time=
r initialization
+      steps&lt;/a&gt; again, passing them the same method arguments, the=
 same &lt;var title=3D&quot;&quot;&gt;method
+      context&lt;/var&gt;, with the &lt;var title=3D&quot;&quot;&gt;repe=
at&lt;/var&gt; flag still set to true, and with the &lt;var title=3D&quot=
;&quot;&gt;previous handle&lt;/var&gt; set to &lt;var title=3D&quot;&quot=
;&gt;handler&lt;/var&gt;.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;timeout&lt;/va=
r&gt; be the second method argument, or zero if the argument was
+   omitted.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the currently running &lt;a href=3D#concept-tas=
k title=3Dconcept-task&gt;task&lt;/a&gt; is a task that was created
+   by this algorithm, then let &lt;var title=3D&quot;&quot;&gt;nesting l=
evel&lt;/var&gt; be the &lt;a href=3D#concept-task title=3Dconcept-task&g=
t;task&lt;/a&gt;'s &lt;a href=3D#timer-nesting-level&gt;timer nesting lev=
el&lt;/a&gt;. Otherwise, let &lt;var title=3D&quot;&quot;&gt;nesting leve=
l&lt;/var&gt; be zero.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;nesting level&l=
t;/var&gt; is greater than 5, and &lt;var title=3D&quot;&quot;&gt;timeout=
&lt;/var&gt; is
+   less than 4, then increase &lt;var title=3D&quot;&quot;&gt;timeout&lt=
;/var&gt; to 4.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Increment &lt;var title=3D&quot;&quot;&gt;nesting =
level&lt;/var&gt; by one.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;task&lt;/var&g=
t;'s &lt;dfn id=3Dtimer-nesting-level&gt;timer nesting level&lt;/dfn&gt; =
be &lt;var title=3D&quot;&quot;&gt;nesting
+   level&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;handle&lt;/=
var&gt;, and then continue running this algorithm
+   asynchronously.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;method context&lt;/var&g=
t; is a &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt;=
 object, wait until the
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; associated with &lt;var title=3D&quot;&quot;&gt;method context&lt;/var&=
gt; has been &lt;a href=3D#fully-active&gt;fully
+    active&lt;/a&gt; for a further &lt;var title=3D&quot;&quot;&gt;timeo=
ut&lt;/var&gt; milliseconds (not necessarily
+    consecutively).&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, &lt;var title=3D&quot;&quot;&gt;method context&l=
t;/var&gt; is a &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlob=
alScope&lt;/a&gt;&lt;/code&gt; object;
+    wait until &lt;var title=3D&quot;&quot;&gt;timeout&lt;/var&gt; milli=
seconds have passed with the worker not suspended
+    (not necessarily consecutively).&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Wait until any invocations of this algorithm that had the s=
ame &lt;var title=3D&quot;&quot;&gt;method
+    context&lt;/var&gt;, that started before this one, and whose &lt;var=
 title=3D&quot;&quot;&gt;timeout&lt;/var&gt; is equal to
+    or less than this one's, have completed.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;Argument conversion as defined by Web IDL (for=
 example, invoking &lt;code title=3D&quot;&quot;&gt;toString()&lt;/code&g=
t; methods on objects passed as the first argument) happens in the
+    algorithms defined in Web IDL, before this algorithm is invoked.&lt;=
/p&gt;
+
+    &lt;div class=3Dexample&gt;
+
+     &lt;p&gt;So for example, the following rather silly code will resul=
t in the log containing &quot;&lt;code title=3D&quot;&quot;&gt;ONE&amp;nb=
sp;TWO&amp;nbsp;&lt;/code&gt;&quot;:&lt;/p&gt;
+
+     &lt;pre&gt;var log =3D '';
+function logger(s) { log +=3D s + ' '; }
+
+setTimeout({ toString: function () {
+  setTimeout(&quot;logger('ONE')&quot;, 100);
+  return &quot;logger('TWO')&quot;;
+} }, 100);&lt;/pre&gt;
+
+    &lt;/div&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Optionally, wait a further user-agent defined length of tim=
e.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This is intended to allow user agents to pad t=
imeouts as needed to optimise the
+    power usage of the device. For example, some processors have a low-p=
ower mode where the
+    granularity of timers is reduced; on such platforms, user agents can=
 slow timers down to fit
+    this schedule instead of requiring the processor to use the more acc=
urate mode with its
+    associated higher power usage.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#queue-a-task title=3D&quot;queue a task&quot;=
&gt;Queue&lt;/a&gt; the &lt;a href=3D#concept-task title=3Dconcept-task&g=
t;task&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;task&lt;/var&gt;.&lt;/p&=
gt;
+
+    &lt;p class=3Dnote&gt;Once the task has been processed, if the &lt;v=
ar title=3D&quot;&quot;&gt;repeat&lt;/var&gt; flag is
+    false, it is safe to remove the entry for &lt;var title=3D&quot;&quo=
t;&gt;handle&lt;/var&gt; from the &lt;a href=3D#list-of-active-timers&gt;=
list of
+    active timers&lt;/a&gt; (there is no way for the entry's existence t=
o be detected past this point,
+    so it does not technically matter one way or the other).&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;a href=3D#task-source&gt;task source&lt;/a=
&gt; for these &lt;a href=3D#concept-task title=3Dconcept-task&gt;tasks&l=
t;/a&gt; is the
+  &lt;dfn id=3Dtimer-task-source&gt;timer task source&lt;/dfn&gt;.&lt;/p=
&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;To run tasks of several milliseconds back to back without an=
y delay, while still yielding back
+   to the browser to avoid starving the user interface (and to avoid the=
 browser killing the script
+   for hogging the CPU), simply queue the next timer before performing w=
ork:&lt;/p&gt;
+
+   &lt;pre&gt;function doExpensiveWork() {
+  var done =3D false;
+  // ...
+  // this part of the function takes up to five milliseconds
+  // set done to true if we're done
+  // ...
+  return done;
+}
+
+function rescheduleWork() {
+  var handle =3D setTimeout(rescheduleWork, 0); // preschedule next iter=
ation
+  if (doExpensiveWork())
+    clearTimeout(handle); // clear the timeout if we don't need it
+}
+
+function scheduleWork() {
+  setTimeout(rescheduleWork, 0);
+}
+
+scheduleWork(); // queues a task to do lots of work&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h3 id=3Duser-prompts&gt;&lt;span class=3Dsecno&gt;7.5 &lt;/span&gt=
;User prompts&lt;/h3&gt;
+
+  &lt;!--
+   v2 ideas:
+    * in-window modal dialogs
+       - escape/enter handling
+       - dragging the window out of the tab
+    * in-window non-modal palettes
+       - with a solution for the mobile space
+  --&gt;
+
+  &lt;h4 id=3Dsimple-dialogs&gt;&lt;span class=3Dsecno&gt;7.5.1 &lt;/spa=
n&gt;Simple dialogs&lt;/h4&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;w=
indow&lt;/var&gt; . &lt;code title=3Ddom-alert&gt;&lt;a href=3D#dom-alert=
&gt;alert&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;message&=
lt;/var&gt;)&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Displays a modal alert with the given message, and waits fo=
r the user to dismiss it.&lt;/p&gt;
+
+    &lt;p&gt;A call to the &lt;code title=3Ddom-navigator-yieldForStorag=
eUpdates&gt;&lt;a href=3D#dom-navigator-yieldforstorageupdates&gt;navigat=
or.yieldForStorageUpdates()&lt;/a&gt;&lt;/code&gt; method is
+    implied when this method is invoked.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;result&lt;/var&gt; =3D &lt;=
var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;code title=3Ddom-con=
firm&gt;&lt;a href=3D#dom-confirm&gt;confirm&lt;/a&gt;&lt;/code&gt;(&lt;v=
ar title=3D&quot;&quot;&gt;message&lt;/var&gt;)&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Displays a modal OK/Cancel prompt with the given message, w=
aits for the user to dismiss it,
+    and returns true if the user clicks OK and false if the user clicks =
Cancel.&lt;/p&gt;
+
+    &lt;p&gt;A call to the &lt;code title=3Ddom-navigator-yieldForStorag=
eUpdates&gt;&lt;a href=3D#dom-navigator-yieldforstorageupdates&gt;navigat=
or.yieldForStorageUpdates()&lt;/a&gt;&lt;/code&gt; method is
+    implied when this method is invoked.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;result&lt;/var&gt; =3D &lt;=
var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;code title=3Ddom-pro=
mpt&gt;&lt;a href=3D#dom-prompt&gt;prompt&lt;/a&gt;&lt;/code&gt;(&lt;var =
title=3D&quot;&quot;&gt;message&lt;/var&gt; [, &lt;var title=3D&quot;&quo=
t;&gt;default&lt;/var&gt;] )&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Displays a modal text field prompt with the given message, =
waits for the user to dismiss it,
+    and returns the value that the user entered. If the user cancels the=
 prompt, then returns null
+    instead. If the second argument is present, then the given value is =
used as a default.&lt;/p&gt;
+
+    &lt;p&gt;A call to the &lt;code title=3Ddom-navigator-yieldForStorag=
eUpdates&gt;&lt;a href=3D#dom-navigator-yieldforstorageupdates&gt;navigat=
or.yieldForStorageUpdates()&lt;/a&gt;&lt;/code&gt; method is
+    implied when this method is invoked.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-alert title=3Ddom-alert&gt;&lt;code&gt;a=
lert(&lt;var title=3D&quot;&quot;&gt;message&lt;/var&gt;)&lt;/code&gt;&lt=
;/dfn&gt; method, when
+  invoked, must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;a href=3D#event-loop&gt;event =
loop&lt;/a&gt;'s &lt;a href=3D#termination-nesting-level&gt;termination n=
esting level&lt;/a&gt; is non-zero,
+   optionally abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Release the &lt;a href=3D#storage-mutex&gt;storage=
 mutex&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Optionally, abort these steps. (For example, the u=
ser agent might give the user the option
+   to ignore all alerts, and would thus abort at this step whenever the =
method was
+   invoked.)&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Show the given &lt;var title=3D&quot;&quot;&gt;mes=
sage&lt;/var&gt; to the user.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Optionally, &lt;a href=3D#pause&gt;pause&lt;/a&gt;=
 while waiting for the user to acknowledge the
+   message.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Ddom-confirm title=3Ddom-confirm&g=
t;&lt;code&gt;confirm(&lt;var title=3D&quot;&quot;&gt;message&lt;/var&gt;=
)&lt;/code&gt;&lt;/dfn&gt; method,
+  when invoked, must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;a href=3D#event-loop&gt;event =
loop&lt;/a&gt;'s &lt;a href=3D#termination-nesting-level&gt;termination n=
esting level&lt;/a&gt; is non-zero,
+   optionally abort these steps, returning false.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Release the &lt;a href=3D#storage-mutex&gt;storage=
 mutex&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Optionally, return false and abort these steps. (F=
or example, the user agent might give
+   the user the option to ignore all prompts, and would thus abort at th=
is step whenever the method
+   was invoked.)&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Show the given &lt;var title=3D&quot;&quot;&gt;mes=
sage&lt;/var&gt; to the user, and ask the user to respond with a
+   positive or negative response.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#pause&gt;Pause&lt;/a&gt; until the u=
ser responds either positively or negatively.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the user responded positively, return true; oth=
erwise, the user responded negatively:
+   return false.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Ddom-prompt title=3Ddom-prompt&gt;=
&lt;code&gt;prompt(&lt;var title=3D&quot;&quot;&gt;message&lt;/var&gt;, &=
lt;var title=3D&quot;&quot;&gt;default&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&=
gt; method, when invoked, must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;a href=3D#event-loop&gt;event =
loop&lt;/a&gt;'s &lt;a href=3D#termination-nesting-level&gt;termination n=
esting level&lt;/a&gt; is non-zero,
+   optionally abort these steps, returning null.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Release the &lt;a href=3D#storage-mutex&gt;storage=
 mutex&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Optionally, return null and abort these steps. (Fo=
r example, the user agent might give the
+   user the option to ignore all prompts, and would thus abort at this s=
tep whenever the method was
+   invoked.)&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Show the given &lt;var title=3D&quot;&quot;&gt;mes=
sage&lt;/var&gt; to the user, and ask the user to either respond
+   with a string value or abort. The response must be defaulted to the v=
alue given by
+   &lt;var title=3D&quot;&quot;&gt;default&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#pause&gt;Pause&lt;/a&gt; while waiti=
ng for the user's response.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the user aborts, then return null; otherwise, r=
eturn the string that the user responded
+   with.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+  &lt;h4 id=3Dprinting&gt;&lt;span class=3Dsecno&gt;7.5.2 &lt;/span&gt;P=
rinting&lt;/h4&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;w=
indow&lt;/var&gt; . &lt;code title=3Ddom-print&gt;&lt;a href=3D#dom-print=
&gt;print&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Prompts the user to print the page.&lt;/p&gt;
+
+    &lt;p&gt;A call to the &lt;code title=3Ddom-navigator-yieldForStorag=
eUpdates&gt;&lt;a href=3D#dom-navigator-yieldforstorageupdates&gt;navigat=
or.yieldForStorageUpdates()&lt;/a&gt;&lt;/code&gt; method is
+    implied when this method is invoked.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When the &lt;dfn id=3Ddom-print title=3Ddom-print&gt;&lt;code=
&gt;print()&lt;/code&gt;&lt;/dfn&gt; method is invoked, if the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
is &lt;a href=3D#ready-for-post-load-tasks&gt;ready for post-load tasks&l=
t;/a&gt;, then the user agent must
+  synchronously run the &lt;a href=3D#printing-steps&gt;printing steps&l=
t;/a&gt;. Otherwise, the user agent must only set the
+  &lt;dfn id=3Dprint-when-loaded&gt;print when loaded&lt;/dfn&gt; flag o=
n the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&g=
t;.&lt;/p&gt;
+
+&lt;!--TOPIC:HTML--&gt;
+
+  &lt;p&gt;User agents should also run the &lt;a href=3D#printing-steps&=
gt;printing steps&lt;/a&gt; whenever the user asks for the
+  opportunity to &lt;a href=3D#obtain-a-physical-form&gt;obtain a physic=
al form&lt;/a&gt; (e.g. printed copy), or the representation of a
+  physical form (e.g. PDF copy), of a document.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dprinting-steps&gt;printing steps&lt;/dfn&gt;=
 are as follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;The user agent may display a message to the user or abort t=
hese steps (or both).&lt;/p&gt;
+
+    &lt;p class=3Dexample&gt;For instance, a kiosk browser could silentl=
y ignore any invocations of the
+    &lt;code title=3Ddom-print&gt;&lt;a href=3D#dom-print&gt;print()&lt;=
/a&gt;&lt;/code&gt; method.&lt;/p&gt;
+
+    &lt;p class=3Dexample&gt;For instance, a browser on a mobile device =
could detect that there are no
+    printers in the vicinity and display a message saying so before cont=
inuing to offer a &quot;save to
+    PDF&quot; option.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;The user agent must &lt;a href=3D#fire-a-simple-event&gt;fi=
re a simple event&lt;/a&gt; named &lt;code title=3Devent-beforeprint&gt;b=
eforeprint&lt;/code&gt; at the &lt;code&gt;&lt;a href=3D#window&gt;Window=
&lt;/a&gt;&lt;/code&gt; object of the
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; that is being printed, as well as any &lt;a href=3D#nested-browsing-con=
text title=3D&quot;nested browsing
+    context&quot;&gt;nested browsing contexts&lt;/a&gt; in it.&lt;/p&gt;
+
+    &lt;p class=3Dexample&gt;The &lt;code title=3Devent-beforeprint&gt;b=
eforeprint&lt;/code&gt; event can be used to
+    annotate the printed copy, for instance adding the time at which the=
 document was printed.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;The user agent must release the &lt;a href=3D#storage-mutex=
&gt;storage mutex&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;The user agent should offer the user the opportunity to &lt=
;a href=3D#obtain-a-physical-form&gt;obtain a physical form&lt;/a&gt;
+    (or the representation of a physical form) of the document. The user=
 agent may wait for the user
+    to either accept or decline before returning; if so, the user agent =
must &lt;a href=3D#pause&gt;pause&lt;/a&gt;
+    while the method is waiting. Even if the user agent doesn't wait at =
this point, the user agent
+    must use the state of the relevant documents as they are at this poi=
nt in the algorithm if and
+    when it eventually creates the alternate form.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;The user agent must &lt;a href=3D#fire-a-simple-event&gt;fi=
re a simple event&lt;/a&gt; named &lt;code title=3Devent-afterprint&gt;af=
terprint&lt;/code&gt; at the &lt;code&gt;&lt;a href=3D#window&gt;Window&l=
t;/a&gt;&lt;/code&gt; object of the
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; that is being printed, as well as any &lt;a href=3D#nested-browsing-con=
text title=3D&quot;nested browsing
+    context&quot;&gt;nested browsing contexts&lt;/a&gt; in it.&lt;/p&gt;
+
+    &lt;p class=3Dexample&gt;The &lt;code title=3Devent-afterprint&gt;af=
terprint&lt;/code&gt; event can be used to
+    revert annotations added in the earlier event, as well as showing po=
st-printing UI. For
+    instance, if a page is walking the user through the steps of applyin=
g for a home loan, the
+    script could automatically advance to the next step after having pri=
nted a form or other.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;h4 id=3Ddialogs-implemented-using-separate-documents&gt;&lt;span c=
lass=3Dsecno&gt;7.5.3 &lt;/span&gt;Dialogs implemented using separate doc=
uments&lt;/h4&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;r=
esult&lt;/var&gt; =3D &lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; =
. &lt;code title=3Ddom-showModalDialog&gt;&lt;a href=3D#dom-showmodaldial=
og&gt;showModalDialog&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;=
&gt;url&lt;/var&gt; [, &lt;var title=3D&quot;&quot;&gt;argument&lt;/var&g=
t;] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Prompts the user with the given page, waits for that page t=
o
+    close, and returns the return value.&lt;/p&gt;
+
+    &lt;p&gt;A call to the &lt;code title=3Ddom-navigator-yieldForStorag=
eUpdates&gt;&lt;a href=3D#dom-navigator-yieldforstorageupdates&gt;navigat=
or.yieldForStorageUpdates()&lt;/a&gt;&lt;/code&gt;
+    method is implied when this method is invoked.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-showmodaldialog title=3Ddom-showModalDia=
log&gt;&lt;code&gt;showModalDialog(&lt;var title=3D&quot;&quot;&gt;url&lt=
;/var&gt;, &lt;var title=3D&quot;&quot;&gt;argument&lt;/var&gt;&lt;!--, &=
lt;var title=3D&quot;&quot;&gt;features&lt;/var&gt;--&gt;)&lt;/code&gt;&l=
t;/dfn&gt; method, when invoked,
+  must cause the user agent to run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;&lt;a href=3D#resolve-a-url title=3D&quot;resolve a url&quo=
t;&gt;Resolve&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt; r=
elative to the
+    &lt;a href=3D#api-base-url&gt;API base URL&lt;/a&gt; specified by
+    the &lt;a href=3D#entry-settings-object&gt;entry settings object&lt;=
/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;If this fails, then throw a &lt;code&gt;&lt;a href=3D#synta=
xerror&gt;SyntaxError&lt;/a&gt;&lt;/code&gt; exception and abort these st=
eps.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#event-loop&gt;event loop&lt;/=
a&gt;'s &lt;a href=3D#termination-nesting-level&gt;termination nesting le=
vel&lt;/a&gt; is non-zero,
+   optionally abort these steps, returning the empty string.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Release the &lt;a href=3D#storage-mutex&gt;storage mutex&lt=
;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the user agent is configured such that this invocation o=
f &lt;code title=3Ddom-showModalDialog&gt;&lt;a href=3D#dom-showmodaldial=
og&gt;showModalDialog()&lt;/a&gt;&lt;/code&gt; is somehow disabled, then =
return the empty
+    string and abort these steps.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;User agents are expected to disable this metho=
d in certain cases to avoid user
+    annoyance (e.g. as part of their popup blocker feature). For instanc=
e, a user agent could
+    require that a site be white-listed before enabling this method, or =
the user agent could be
+    configured to only allow one modal dialog at a time.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;If the &lt;a href=3D#active-sandboxing-flag-set&gt;active s=
andboxing flag set&lt;/a&gt; of the &lt;a href=3D#active-document&gt;acti=
ve document&lt;/a&gt; of the
+    &lt;a href=3D#responsible-browsing-context&gt;responsible browsing c=
ontext&lt;/a&gt; specified by the &lt;a href=3D#incumbent-settings-object=
&gt;incumbent
+    settings object&lt;/a&gt; has its &lt;a href=3D#sandboxed-auxiliary-=
navigation-browsing-context-flag&gt;sandboxed auxiliary navigation browsi=
ng context flag&lt;/a&gt; set,
+    then return the empty string and abort these steps.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;incumbent origin&lt;/va=
r&gt; be the &lt;a href=3D#effective-script-origin&gt;effective script or=
igin&lt;/a&gt; specified by the
+    &lt;a href=3D#incumbent-settings-object&gt;incumbent settings object=
&lt;/a&gt; at the time the &lt;code title=3Ddom-showModalDialog&gt;&lt;a =
href=3D#dom-showmodaldialog&gt;showModalDialog()&lt;/a&gt;&lt;/code&gt; m=
ethod was called.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;the list of background =
browsing contexts&lt;/var&gt; be a list of all the
+    browsing contexts that:&lt;/p&gt;
+
+    &lt;ul&gt;&lt;li&gt;are part of the same &lt;a href=3D#unit-of-relat=
ed-browsing-contexts&gt;unit of related browsing contexts&lt;/a&gt; as th=
e browsing context
+     of the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/cod=
e&gt; object on which the &lt;code title=3Ddom-showModalDialog&gt;&lt;a h=
ref=3D#dom-showmodaldialog&gt;showModalDialog()&lt;/a&gt;&lt;/code&gt; me=
thod was called, and that&lt;/li&gt;
+
+     &lt;li&gt;have an &lt;a href=3D#active-document&gt;active document&=
lt;/a&gt; whose &lt;a href=3D#origin&gt;origin&lt;/a&gt; is the &lt;a hre=
f=3D#same-origin title=3D&quot;same
+     origin&quot;&gt;same&lt;/a&gt; as &lt;var title=3D&quot;&quot;&gt;i=
ncumbent origin&lt;/var&gt;,&lt;/li&gt; &lt;!-- Note that changing
+     document.domain to talk to another domain doesn't make you able to =
block that domain --&gt;
+
+    &lt;/ul&gt;&lt;p&gt;...as well as any browsing contexts that are nes=
ted inside any of the browsing contexts
+    matching those conditions.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Disable the user interface for all the browsing contexts in=
 &lt;var title=3D&quot;&quot;&gt;the list of
+    background browsing contexts&lt;/var&gt;. This should prevent the us=
er from navigating those browsing
+    contexts, causing events to be sent to those browsing context, or ed=
iting any content in those
+    browsing contexts. However, it does not prevent those browsing conte=
xts from receiving events
+    from sources other than the user, from running scripts, from running=
 animations, and so
+    forth.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Create a new &lt;a href=3D#auxiliary-browsing-context&gt;au=
xiliary browsing context&lt;/a&gt;, with the &lt;a href=3D#opener-browsin=
g-context&gt;opener browsing
+    context&lt;/a&gt; being the browsing context of the &lt;code&gt;&lt;=
a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object on which the &lt=
;code title=3Ddom-showModalDialog&gt;&lt;a href=3D#dom-showmodaldialog&gt=
;showModalDialog()&lt;/a&gt;&lt;/code&gt; method was called. The new auxi=
liary
+    browsing context has no name.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This &lt;a href=3D#browsing-context&gt;browsin=
g context&lt;/a&gt;'s &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/=
a&gt;&lt;/code&gt;s' &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;=
&lt;/code&gt;
+    objects all implement the &lt;code&gt;&lt;a href=3D#windowmodal&gt;W=
indowModal&lt;/a&gt;&lt;/code&gt; interface.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;Set all the flags in the new browsing context's &lt;a href=3D=
#popup-sandboxing-flag-set&gt;popup sandboxing flag set&lt;/a&gt; that
+    are set in the &lt;a href=3D#active-sandboxing-flag-set&gt;active sa=
ndboxing flag set&lt;/a&gt; of the &lt;a href=3D#active-document&gt;activ=
e document&lt;/a&gt; of
+    the &lt;a href=3D#responsible-browsing-context&gt;responsible browsi=
ng context&lt;/a&gt; specified by the &lt;a href=3D#incumbent-settings-ob=
ject&gt;incumbent
+    settings object&lt;/a&gt;. The &lt;a href=3D#responsible-browsing-co=
ntext&gt;responsible browsing context&lt;/a&gt; specified by the &lt;a hr=
ef=3D#incumbent-settings-object&gt;incumbent settings object&lt;/a&gt;
+    must be set as the new browsing context's &lt;a href=3D#one-permitte=
d-sandboxed-navigator&gt;one permitted sandboxed
+    navigator&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let the &lt;a href=3D#dialog-arguments&gt;dialog arguments&=
lt;/a&gt; of the new browsing context be set to the value of &lt;var titl=
e=3D&quot;&quot;&gt;argument&lt;/var&gt;, or the &lt;i&gt;undefined&lt;/i=
&gt; value if the argument was omitted.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let the &lt;a href=3D&quot;#dialog-arguments'-origin&quot;&=
gt;dialog arguments' origin&lt;/a&gt; be &lt;var title=3D&quot;&quot;&gt;=
incumbent origin&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let the &lt;a href=3D#return-value&gt;return value&lt;/a&gt=
; of the new browsing context be the &lt;i&gt;undefined&lt;/i&gt; value.&=
lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let the &lt;a href=3D#return-value-origin&gt;return value o=
rigin&lt;/a&gt; be &lt;var title=3D&quot;&quot;&gt;incumbent origin&lt;/v=
ar&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;&lt;a href=3D#navigate&gt;Navigate&lt;/a&gt;&lt;!--DONAV sh=
owModalDialog--&gt; the new &lt;a href=3D#browsing-context&gt;browsing co=
ntext&lt;/a&gt; to
+    the &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt; that result=
ed from &lt;a href=3D#resolve-a-url title=3D&quot;resolve a url&quot;&gt;=
resolving&lt;/a&gt;
+    &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt; earlier, with &lt;a =
href=3D#replacement-enabled&gt;replacement enabled&lt;/a&gt;, and with th=
e &lt;a href=3D#responsible-browsing-context&gt;responsible
+    browsing context&lt;/a&gt; specified by the &lt;a href=3D#incumbent-=
settings-object&gt;incumbent settings object&lt;/a&gt;
+    as the &lt;a href=3D#source-browsing-context&gt;source browsing cont=
ext&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#spin-the-event-loop&gt;Spin the event loop&lt=
;/a&gt; until the new &lt;a href=3D#browsing-context&gt;browsing context&=
lt;/a&gt; is &lt;a href=3D#close-a-browsing-context title=3D&quot;close a=
 browsing context&quot;&gt;closed&lt;/a&gt;. The user agent must allow th=
e user to indicate
+    that the &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt=
; is to be closed.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Reenable the user interface for all the browsing contexts i=
n &lt;var title=3D&quot;&quot;&gt;the list of
+    background browsing contexts&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#auxiliary-browsing-context&gt;auxiliar=
y browsing context&lt;/a&gt;'s &lt;a href=3D#return-value-origin&gt;retur=
n value origin&lt;/a&gt; at the time
+    the browsing context was &lt;a href=3D#close-a-browsing-context titl=
e=3D&quot;close a browsing context&quot;&gt;closed&lt;/a&gt; was the &lt;=
a href=3D#same-origin title=3D&quot;same origin&quot;&gt;same&lt;/a&gt; a=
s &lt;var title=3D&quot;&quot;&gt;incumbent origin&lt;/var&gt;, then let =
&lt;var title=3D&quot;&quot;&gt;return value&lt;/var&gt; be the &lt;a hre=
f=3D#auxiliary-browsing-context&gt;auxiliary browsing context&lt;/a&gt;'s=
 &lt;a href=3D#return-value&gt;return
+    value&lt;/a&gt; as it stood when the browsing context was &lt;a href=
=3D#close-a-browsing-context title=3D&quot;close a browsing
+    context&quot;&gt;closed&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, let &lt;var title=3D&quot;&quot;&gt;return value=
&lt;/var&gt; be undefined.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;return value&lt;/var=
&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;=
/a&gt;&lt;/code&gt; objects of &lt;code&gt;&lt;a href=3D#document&gt;Docu=
ment&lt;/a&gt;&lt;/code&gt;s hosted by &lt;a href=3D#browsing-context tit=
le=3D&quot;browsing
+  context&quot;&gt;browsing contexts&lt;/a&gt; created by the above algo=
rithm must also implement the
+  &lt;code&gt;&lt;a href=3D#windowmodal&gt;WindowModal&lt;/a&gt;&lt;/cod=
e&gt; interface.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;When this happens, the members of the &lt;code&g=
t;&lt;a href=3D#windowmodal&gt;WindowModal&lt;/a&gt;&lt;/code&gt; interfa=
ce, in
+  JavaScript environments, appear to actually be part of the &lt;code&gt=
;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; interface (e.g.
+  they are on the same prototype chain as the &lt;code title=3Ddom-alert=
&gt;&lt;a href=3D#dom-alert&gt;window.alert()&lt;/a&gt;&lt;/code&gt;
+  method).&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;pre class=3Didl&gt;[NoInterfaceObject] interface &lt;dfn id=3Dwind=
owmodal&gt;WindowModal&lt;/dfn&gt; {
+  readonly attribute any &lt;a href=3D#dom-windowmodal-dialogarguments t=
itle=3Ddom-WindowModal-dialogArguments&gt;dialogArguments&lt;/a&gt;;
+           attribute any &lt;a href=3D#dom-windowmodal-returnvalue title=
=3Ddom-WindowModal-returnValue&gt;returnValue&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;w=
indow&lt;/var&gt; . &lt;code title=3Ddom-WindowModal-dialogArguments&gt;&=
lt;a href=3D#dom-windowmodal-dialogarguments&gt;dialogArguments&lt;/a&gt;=
&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the &lt;var title=3D&quot;&quot;&gt;argument&lt;/va=
r&gt; argument that was passed to the &lt;code title=3Ddom-showModalDialo=
g&gt;&lt;a href=3D#dom-showmodaldialog&gt;showModalDialog()&lt;/a&gt;&lt;=
/code&gt; method.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-WindowModal-returnValue&gt;&lt;a href=3D#dom-windowmodal-r=
eturnvalue&gt;returnValue&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&q=
uot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the current return value for the window.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the value that will be returned by th=
e &lt;code title=3Ddom-showModalDialog&gt;&lt;a href=3D#dom-showmodaldial=
og&gt;showModalDialog()&lt;/a&gt;&lt;/code&gt; method.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;Such browsing contexts have associated &lt;dfn id=3Ddialog-ar=
guments&gt;dialog arguments&lt;/dfn&gt;, which are stored along with
+  the &lt;dfn id=3D&quot;dialog-arguments'-origin&quot;&gt;dialog argume=
nts' origin&lt;/dfn&gt;. These values are set by the &lt;code title=3Ddom=
-showModalDialog&gt;&lt;a href=3D#dom-showmodaldialog&gt;showModalDialog(=
)&lt;/a&gt;&lt;/code&gt; method in the algorithm above, when the
+  browsing context is created, based on the arguments provided to the me=
thod.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-windowmodal-dialogarguments title=3Ddom-=
WindowModal-dialogArguments&gt;&lt;code&gt;dialogArguments&lt;/code&gt;&l=
t;/dfn&gt; IDL
+  attribute, on getting, must check whether its browsing context's &lt;a=
 href=3D#active-document&gt;active document&lt;/a&gt;'s
+  &lt;a href=3D#effective-script-origin&gt;effective script origin&lt;/a=
&gt; is the &lt;a href=3D#same-origin title=3D&quot;same origin&quot;&gt;=
same&lt;/a&gt; as the &lt;a href=3D&quot;#dialog-arguments'-origin&quot;&=
gt;dialog arguments'
+  origin&lt;/a&gt;. If it is, then the browsing context's &lt;a href=3D#=
dialog-arguments&gt;dialog arguments&lt;/a&gt; must be
+  returned unchanged. Otherwise, the IDL attribute must return &lt;i&gt;=
undefined&lt;/i&gt;.&lt;/p&gt;
+
+  &lt;p&gt;These browsing contexts also have an associated &lt;dfn id=3D=
return-value&gt;return value&lt;/dfn&gt; and &lt;dfn id=3Dreturn-value-or=
igin&gt;return value
+  origin&lt;/dfn&gt;. As with the previous two values, these values are =
set by the &lt;code title=3Ddom-showModalDialog&gt;&lt;a href=3D#dom-show=
modaldialog&gt;showModalDialog()&lt;/a&gt;&lt;/code&gt; method in the alg=
orithm above, when the
+  browsing context is created.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-windowmodal-returnvalue title=3Ddom-Wind=
owModal-returnValue&gt;&lt;code&gt;returnValue&lt;/code&gt;&lt;/dfn&gt; I=
DL attribute, on
+  getting, must check whether its browsing context's &lt;a href=3D#activ=
e-document&gt;active document&lt;/a&gt;'s &lt;a href=3D#effective-script-=
origin&gt;effective
+  script origin&lt;/a&gt; is the &lt;a href=3D#same-origin title=3D&quot=
;same origin&quot;&gt;same&lt;/a&gt; as the current &lt;a href=3D#return-=
value-origin&gt;return
+  value origin&lt;/a&gt;. If it is, then the browsing context's &lt;a hr=
ef=3D#return-value&gt;return value&lt;/a&gt; must be
+  returned unchanged. Otherwise, the IDL attribute must return &lt;i&gt;=
undefined&lt;/i&gt;. On setting, the
+  attribute must set the &lt;a href=3D#return-value&gt;return value&lt;/=
a&gt; to the given new value, and the &lt;a href=3D#return-value-origin&g=
t;return
+  value origin&lt;/a&gt; to the browsing context's &lt;a href=3D#active-=
document&gt;active document&lt;/a&gt;'s &lt;a href=3D#effective-script-or=
igin&gt;effective
+  script origin&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code title=3Ddom-window-close&gt;&lt;a h=
ref=3D#dom-window-close&gt;window.close()&lt;/a&gt;&lt;/code&gt; method c=
an be used to
+  close the browsing context.&lt;/p&gt;
+
+
+  &lt;h3 id=3Dsystem-state-and-capabilities&gt;&lt;span class=3Dsecno&gt=
;7.6 &lt;/span&gt;System state and capabilities&lt;/h3&gt;
+
+  &lt;h4 id=3Dthe-navigator-object&gt;&lt;span class=3Dsecno&gt;7.6.1 &l=
t;/span&gt;The &lt;code&gt;&lt;a href=3D#navigator&gt;Navigator&lt;/a&gt;=
&lt;/code&gt; object&lt;/h4&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-navigator title=3Ddom-navigator&gt;&lt;c=
ode&gt;navigator&lt;/code&gt;&lt;/dfn&gt; attribute of the
+  &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; inte=
rface must return an instance of the &lt;code&gt;&lt;a href=3D#navigator&=
gt;Navigator&lt;/a&gt;&lt;/code&gt; interface,
+  which represents the identity and state of the user agent (the client)=
, and allows Web pages to
+  register themselves as potential protocol and content handlers:&lt;/p&=
gt;
+
+  &lt;/div&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dnavigator&gt;Navigator&l=
t;/dfn&gt; {
+  // objects implementing this interface also implement the interfaces g=
iven below
+};
+&lt;a href=3D#navigator&gt;Navigator&lt;/a&gt; implements &lt;a href=3D#=
navigatorid&gt;NavigatorID&lt;/a&gt;;
+&lt;a href=3D#navigator&gt;Navigator&lt;/a&gt; implements &lt;a href=3D#=
navigatorlanguage&gt;NavigatorLanguage&lt;/a&gt;;
+&lt;a href=3D#navigator&gt;Navigator&lt;/a&gt; implements &lt;a href=3D#=
navigatoronline&gt;NavigatorOnLine&lt;/a&gt;;
+&lt;a href=3D#navigator&gt;Navigator&lt;/a&gt; implements &lt;a href=3D#=
navigatorcontentutils&gt;NavigatorContentUtils&lt;/a&gt;;
+&lt;a href=3D#navigator&gt;Navigator&lt;/a&gt; implements &lt;a href=3D#=
navigatorstorageutils&gt;NavigatorStorageUtils&lt;/a&gt;;
+&lt;a href=3D#navigator&gt;Navigator&lt;/a&gt; implements &lt;a href=3D#=
navigatorplugins&gt;NavigatorPlugins&lt;/a&gt;;&lt;/pre&gt;
+
+&lt;!-- v2:
+  geolocator mozIsLocallyAvailable preference
+--&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;These interfaces are defined separately so that other specifi=
cations can re-use parts of the
+  &lt;code&gt;&lt;a href=3D#navigator&gt;Navigator&lt;/a&gt;&lt;/code&gt=
; interface.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Dclient-identification&gt;&lt;span class=3Dsecno&gt;7.6.1.1=
 &lt;/span&gt;Client identification&lt;/h5&gt;
+
+  &lt;pre class=3Didl&gt;[NoInterfaceObject]
+interface &lt;dfn id=3Dnavigatorid&gt;NavigatorID&lt;/dfn&gt; {
+  readonly attribute DOMString &lt;a href=3D#dom-navigator-appcodename t=
itle=3Ddom-navigator-appCodeName&gt;appCodeName&lt;/a&gt;; // constant &q=
uot;Mozilla&quot;
+  readonly attribute DOMString &lt;a href=3D#dom-navigator-appname title=
=3Ddom-navigator-appName&gt;appName&lt;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-navigator-appversion ti=
tle=3Ddom-navigator-appVersion&gt;appVersion&lt;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-navigator-platform titl=
e=3Ddom-navigator-platform&gt;platform&lt;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-navigator-product title=
=3Ddom-navigator-product&gt;product&lt;/a&gt;; // constant &quot;Gecko&qu=
ot;
+  boolean &lt;a href=3D#dom-navigator-taintenabled title=3Ddom-navigator=
-taintEnabled&gt;taintEnabled&lt;/a&gt;(); // constant false
+  readonly attribute DOMString &lt;a href=3D#dom-navigator-useragent tit=
le=3Ddom-navigator-userAgent&gt;userAgent&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;In certain cases, despite the best efforts of the entire indu=
stry, Web browsers have bugs and
+  limitations that Web authors are forced to work around.&lt;/p&gt;
+
+  &lt;p&gt;This section defines a collection of attributes that can be u=
sed to determine, from script, the
+  kind of user agent in use, in order to work around these issues.&lt;/p=
&gt;
+
+  &lt;p&gt;Client detection should always be limited to detecting known =
current versions; future versions
+  and unknown versions should always be assumed to be fully compliant.&l=
t;/p&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;w=
indow&lt;/var&gt; . &lt;code title=3Ddom-navigator&gt;&lt;a href=3D#dom-n=
avigator&gt;navigator&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-navig=
ator-appCodeName&gt;&lt;a href=3D#dom-navigator-appcodename&gt;appCodeNam=
e&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the string &quot;&lt;code title=3D&quot;&quot;&gt;M=
ozilla&lt;/code&gt;&quot;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-navigator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/=
a&gt;&lt;/code&gt; . &lt;code title=3Ddom-navigator-appName&gt;&lt;a href=
=3D#dom-navigator-appname&gt;appName&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the name of the browser.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-navigator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/=
a&gt;&lt;/code&gt; . &lt;code title=3Ddom-navigator-appVersion&gt;&lt;a h=
ref=3D#dom-navigator-appversion&gt;appVersion&lt;/a&gt;&lt;/code&gt;&lt;/=
dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the version of the browser.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-navigator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/=
a&gt;&lt;/code&gt; . &lt;code title=3Ddom-navigator-platform&gt;&lt;a hre=
f=3D#dom-navigator-platform&gt;platform&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the name of the platform.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-navigator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/=
a&gt;&lt;/code&gt; . &lt;code title=3Ddom-navigator-product&gt;&lt;a href=
=3D#dom-navigator-product&gt;product&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the string &quot;&lt;code title=3D&quot;&quot;&gt;G=
ecko&lt;/code&gt;&quot;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-navigator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/=
a&gt;&lt;/code&gt; . &lt;code title=3Ddom-navigator-taintEnabled&gt;&lt;a=
 href=3D#dom-navigator-taintenabled&gt;taintEnabled&lt;/a&gt;&lt;/code&gt=
;()&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns false.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-navigator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/=
a&gt;&lt;/code&gt; . &lt;code title=3Ddom-navigator-userAgent&gt;&lt;a hr=
ef=3D#dom-navigator-useragent&gt;userAgent&lt;/a&gt;&lt;/code&gt;&lt;/dt&=
gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the complete User-Agent header.&lt;/p&gt;
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Ddom-navigator-appcodename title=3Ddom=
-navigator-appCodeName&gt;&lt;code&gt;appCodeName&lt;/code&gt;&lt;/dfn&gt=
;&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Must return the string &quot;&lt;code title=3D&quo=
t;&quot;&gt;Mozilla&lt;/code&gt;&quot;.&lt;/dd&gt;
+
+   &lt;!-- appMinorVersion: IE only. In IE8b1, returns &quot; Beta&quot;=
 (with the space) --&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-navigator-appname title=3Ddom-navigator-ap=
pName&gt;&lt;code&gt;appName&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Must return either the string &quot;&lt;code title=
=3D&quot;&quot;&gt;Netscape&lt;/code&gt;&quot; or the full name of the
+   browser, e.g. &quot;&lt;code title=3D&quot;&quot;&gt;Mellblom Browser=
nator&lt;/code&gt;&quot;.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-navigator-appversion title=3Ddom-navigator=
-appVersion&gt;&lt;code&gt;appVersion&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Must return either the string &quot;&lt;code title=
=3D&quot;&quot;&gt;4.0&lt;/code&gt;&quot; or a string representing the
+   version of the browser in detail, e.g. &quot;&lt;code title=3D&quot;&=
quot;&gt;1.0 (VMS; en-US)
+   Mellblomenator/9000&lt;/code&gt;&quot;.&lt;/dd&gt;
+
+   &lt;!-- buildID: Mozilla only --&gt;
+
+   &lt;!-- oscpu: Mozilla only --&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-navigator-platform title=3Ddom-navigator-p=
latform&gt;&lt;code&gt;platform&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Must return either the empty string or a string re=
presenting the platform on which the
+   browser is executing, e.g. &quot;&lt;code title=3D&quot;&quot;&gt;Mac=
Intel&lt;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;Win32&lt=
;/code&gt;&quot;,
+   &quot;&lt;code title=3D&quot;&quot;&gt;FreeBSD i386&lt;/code&gt;&quot=
;, &quot;&lt;code title=3D&quot;&quot;&gt;WebTV OS&lt;/code&gt;&quot;.&lt=
;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-navigator-product title=3Ddom-navigator-pr=
oduct&gt;&lt;code&gt;product&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Must return the string &quot;&lt;code title=3D&quo=
t;&quot;&gt;Gecko&lt;/code&gt;&quot;.&lt;/dd&gt;
+
+   &lt;!-- productSub: Mozilla and Safari only; returns same as buildID =
in Mozilla, and returns the fixed string &quot;20030107&quot; in Safari -=
-&gt;
+
+   &lt;!-- securityPolicy: Mozilla only; always returns &quot;&quot; --&=
gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-navigator-taintenabled title=3Ddom-navigat=
or-taintEnabled&gt;&lt;code&gt;taintEnabled()&lt;/code&gt;&lt;/dfn&gt;&lt=
;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Must return false.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-navigator-useragent title=3Ddom-navigator-=
userAgent&gt;&lt;code&gt;userAgent&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Must return the string used for the value of the &=
quot;&lt;code title=3D&quot;&quot;&gt;User-Agent&lt;/code&gt;&quot; heade=
r
+   in HTTP requests, or the empty string if no such header is ever sent.=
&lt;/dd&gt;
+
+   &lt;!-- vendor: Mozilla and Safari only; always returns &quot;&quot; =
in Mozilla, and returns the fixed string &quot;Apple Computer, Inc.&quot;=
 in Safari --&gt;
+
+   &lt;!-- vendorSub: Mozilla and Safari only; always returns &quot;&quo=
t; --&gt;
+
+  &lt;/dl&gt;&lt;!-- similar paragraph in next section --&gt;&lt;p class=
=3Dwarning&gt;Any information in this API that varies from user to user c=
an be used to
+  profile the user. In fact, if enough such information is available, a =
user can actually be
+  uniquely identified. For this reason, user agent implementors are stro=
ngly urged to include as
+  little information in this API as possible.
+  &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot;=
fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fin=
gerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&qu=
ot; height=3D64&gt;&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;!-- next section refers to previous section as &quot;previous sect=
ion&quot; --&gt;
+
+  &lt;h5 id=3Dlanguage-preferences&gt;&lt;span class=3Dsecno&gt;7.6.1.2 =
&lt;/span&gt;Language preferences&lt;/h5&gt;
+
+  &lt;pre class=3Didl&gt;[NoInterfaceObject]
+interface &lt;dfn id=3Dnavigatorlanguage&gt;NavigatorLanguage&lt;/dfn&gt=
; {
+  readonly attribute DOMString? &lt;a href=3D#dom-navigator-language tit=
le=3Ddom-navigator-language&gt;language&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;w=
indow&lt;/var&gt; . &lt;code title=3Ddom-navigator&gt;&lt;a href=3D#dom-n=
avigator&gt;navigator&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-navig=
ator-language&gt;&lt;a href=3D#dom-navigator-language&gt;language&lt;/a&g=
t;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns a language tag representing the user's preferred la=
nguage.&lt;/p&gt;
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;dl&gt;&lt;!--
+   &lt;dt&gt;&lt;dfn title=3D&quot;dom-navigator-browserLanguage&quot;&g=
t;&lt;code&gt;browserLanguage&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt; &lt;!- =
- Opera and IE only - -&gt;
+   &lt;dd&gt;&lt;p&gt;Must return a language tag representing either &lt=
;span&gt;a plausible language&lt;/span&gt; or the
+   language the browser uses in its interface.&lt;/p&gt;&lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;dfn title=3D&quot;dom-navigator-userLanguage&quot;&gt;&=
lt;code&gt;userLanguage&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt; &lt;!- - Oper=
a and IE only - -&gt;
+   --&gt;&lt;!-- at time of testing, this was supported by Opera, Safari=
, and Mozilla only --&gt;&lt;dt&gt;&lt;dfn id=3Ddom-navigator-language ti=
tle=3Ddom-navigator-language&gt;&lt;code&gt;language&lt;/code&gt;&lt;/dfn=
&gt;&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Must return a valid BCP 47 language tag representi=
ng either &lt;a href=3D#a-plausible-language&gt;a plausible
+   language&lt;/a&gt; or the user's preferred language. &lt;a href=3D#re=
fsBCP47&gt;[BCP47]&lt;/a&gt;&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;To determine &lt;dfn id=3Da-plausible-language&gt;=
a plausible language&lt;/dfn&gt;, the user agent should bear in mind the =
following:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;Any information in this API that varies from user =
to user can be used to profile or identify
+   the user.
+   &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot=
;fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fi=
ngerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&q=
uot; height=3D64&gt;&lt;/a&gt;
+   &lt;/li&gt;
+
+   &lt;li&gt;If the user is not using a service that obfuscates the user=
's point of origin (e.g. the Tor
+   anonymity network), then the value that is least likely to distinguis=
h the user from other users
+   with similar origins (e.g. from the same IP address block) is the lan=
guage used by the majority
+   of such users. &lt;a href=3D#refsTOR&gt;[TOR]&lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;If the user is using an anonymizing service, then the value=
 &quot;&lt;code title=3D&quot;&quot;&gt;en-US&lt;/code&gt;&quot; is
+   suggested; if all users of the service use that same value, that redu=
ces the possibility of
+   distinguishing the users from each other.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;/div&gt;
+
+
+
+  &lt;h5 id=3Dcustom-handlers&gt;&lt;span class=3Dsecno&gt;7.6.1.3 &lt;/=
span&gt;Custom scheme and content handlers&lt;/h5&gt;
+
+  &lt;pre class=3Didl&gt;[NoInterfaceObject]
+interface &lt;dfn id=3Dnavigatorcontentutils&gt;NavigatorContentUtils&lt=
;/dfn&gt; {
+  // content handler registration
+  void &lt;a href=3D#dom-navigator-registerprotocolhandler title=3Ddom-n=
avigator-registerProtocolHandler&gt;registerProtocolHandler&lt;/a&gt;(DOM=
String scheme, DOMString url, DOMString title);
+  void &lt;a href=3D#dom-navigator-registercontenthandler title=3Ddom-na=
vigator-registerContentHandler&gt;registerContentHandler&lt;/a&gt;(DOMStr=
ing mimeType, DOMString url, DOMString title);
+  DOMString &lt;a href=3D#dom-navigator-isprotocolhandlerregistered titl=
e=3Ddom-navigator-isProtocolHandlerRegistered&gt;isProtocolHandlerRegiste=
red&lt;/a&gt;(DOMString scheme, DOMString url);
+  DOMString &lt;a href=3D#dom-navigator-iscontenthandlerregistered title=
=3Ddom-navigator-isContentHandlerRegistered&gt;isContentHandlerRegistered=
&lt;/a&gt;(DOMString mimeType, DOMString url);
+  void &lt;a href=3D#dom-navigator-unregisterprotocolhandler title=3Ddom=
-navigator-unregisterProtocolHandler&gt;unregisterProtocolHandler&lt;/a&g=
t;(DOMString scheme, DOMString url);
+  void &lt;a href=3D#dom-navigator-unregistercontenthandler title=3Ddom-=
navigator-unregisterContentHandler&gt;unregisterContentHandler&lt;/a&gt;(=
DOMString mimeType, DOMString url);
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-navigator-registerprotocolhandler title=3D=
dom-navigator-registerProtocolHandler&gt;&lt;code&gt;registerProtocolHand=
ler()&lt;/code&gt;&lt;/dfn&gt; method
+  allows Web sites to register themselves as possible handlers for parti=
cular schemes. For example,
+  an online telephone messaging service could register itself as a handl=
er of the &lt;code&gt;sms:&lt;/code&gt;
+  scheme, so that if the user clicks on such a link, he is given the opp=
ortunity to use that Web
+  site. Analogously, the &lt;dfn id=3Ddom-navigator-registercontenthandl=
er title=3Ddom-navigator-registerContentHandler&gt;&lt;code&gt;registerCo=
ntentHandler()&lt;/code&gt;&lt;/dfn&gt; method
+  allows Web sites to register themselves as possible handlers for conte=
nt in a particular
+  &lt;a href=3D#mime-type&gt;MIME type&lt;/a&gt;. For example, the same =
online telephone messaging service could register
+  itself as a handler for &lt;code&gt;text/vcard&lt;/code&gt; files, so =
that if the user has no native
+  application capable of handling vCards, his Web browser can instead su=
ggest he use that site to
+  view contact information stored on vCards that he opens. &lt;a href=3D=
#refsRFC5724&gt;[RFC5724]&lt;/a&gt; &lt;a href=3D#refsRFC6350&gt;[RFC6350=
]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;w=
indow&lt;/var&gt; . &lt;code title=3Ddom-navigator&gt;&lt;a href=3D#dom-n=
avigator&gt;navigator&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-navig=
ator-registerProtocolHandler&gt;&lt;a href=3D#dom-navigator-registerproto=
colhandler&gt;registerProtocolHandler&lt;/a&gt;&lt;/code&gt;(&lt;var titl=
e=3D&quot;&quot;&gt;scheme&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;u=
rl&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;title&lt;/var&gt;)&lt;/dt=
&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-navigator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/=
a&gt;&lt;/code&gt; . &lt;code title=3Ddom-navigator-registerContentHandle=
r&gt;&lt;a href=3D#dom-navigator-registercontenthandler&gt;registerConten=
tHandler&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;mimeType&=
lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt;, &lt;var tit=
le=3D&quot;&quot;&gt;title&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Registers a handler for the given scheme or content type, a=
t the given URL, with the given
+    title.&lt;/p&gt;
+
+    &lt;p&gt;The string &quot;&lt;code title=3D&quot;&quot;&gt;%s&lt;/co=
de&gt;&quot; in the URL is used as a placeholder for where to put
+    the URL of the content to be handled.&lt;/p&gt;
+
+    &lt;p&gt;Throws a &lt;code&gt;&lt;a href=3D#securityerror&gt;Securit=
yError&lt;/a&gt;&lt;/code&gt; exception if the user agent blocks the regi=
stration (this
+    might happen if trying to register as a handler for &quot;http&quot;=
, for instance).&lt;/p&gt;
+
+    &lt;p&gt;Throws a &lt;code&gt;&lt;a href=3D#syntaxerror&gt;SyntaxErr=
or&lt;/a&gt;&lt;/code&gt; exception if the &quot;&lt;code title=3D&quot;&=
quot;&gt;%s&lt;/code&gt;&quot; string is
+    missing in the URL.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;User agents may, within the constraints described in this sec=
tion, do whatever they like when
+  the methods are called. A UA could, for instance, prompt the user and =
offer the user the
+  opportunity to add the site to a shortlist of handlers, or make the ha=
ndlers his default, or
+  cancel the request. UAs could provide such a UI through modal UI or th=
rough a non-modal transient
+  notification interface. UAs could also simply silently collect the inf=
ormation, providing it only
+  when relevant to the user.&lt;/p&gt;
+
+  &lt;p&gt;User agents should keep track of which sites have registered =
handlers (even if the user has
+  declined such registrations) so that the user is not repeatedly prompt=
ed with the same
+  request.&lt;/p&gt;
+
+  &lt;p&gt;The arguments to the methods have the following meanings and =
corresponding implementation
+  requirements. The requirements that involve throwing exceptions must b=
e processed in the order
+  given below, stopping at the first exception thrown. (So the exception=
s for the first argument
+  take precedence over the exceptions for the second argument.)&lt;/p&gt=
;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;scheme&lt;/var&gt;=
 (&lt;code title=3Ddom-navigator-registerProtocolHandler&gt;&lt;a href=3D=
#dom-navigator-registerprotocolhandler&gt;registerProtocolHandler()&lt;/a=
&gt;&lt;/code&gt; only)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;A scheme, such as &lt;code&gt;mailto&lt;/code&gt; or &lt;co=
de&gt;web+auth&lt;/code&gt;. The scheme must be compared
+    in an &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-insensitive=
&lt;/a&gt; manner by user agents for the purposes of comparing
+    with the scheme part of URLs that they consider against the list of =
registered handlers.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;var title=3D&quot;&quot;&gt;scheme&lt;/var&gt; valu=
e, if it contains a colon (as in &quot;&lt;code&gt;mailto:&lt;/code&gt;&q=
uot;),
+    will never match anything, since schemes don't contain colons.&lt;/p=
&gt;
+
+    &lt;p&gt;If the &lt;code title=3Ddom-navigator-registerProtocolHandl=
er&gt;&lt;a href=3D#dom-navigator-registerprotocolhandler&gt;registerProt=
ocolHandler()&lt;/a&gt;&lt;/code&gt;
+    method is invoked with a scheme that is neither a &lt;a href=3D#whit=
elisted-scheme&gt;whitelisted scheme&lt;/a&gt; nor a scheme
+    whose value starts with the substring &quot;&lt;code title=3D&quot;&=
quot;&gt;web+&lt;/code&gt;&quot; and otherwise contains only
+    &lt;a href=3D#lowercase-ascii-letters&gt;lowercase ASCII letters&lt;=
/a&gt;, and whose length is at least five characters (including
+    the &quot;&lt;code title=3D&quot;&quot;&gt;web+&lt;/code&gt;&quot; p=
refix), the user agent must throw a &lt;code&gt;&lt;a href=3D#securityerr=
or&gt;SecurityError&lt;/a&gt;&lt;/code&gt;
+    exception.&lt;/p&gt;
+
+    &lt;p&gt;The following schemes are the &lt;dfn id=3Dwhitelisted-sche=
me title=3D&quot;whitelisted scheme&quot;&gt;whitelisted schemes&lt;/dfn&=
gt;:&lt;/p&gt;
+
+    &lt;ul class=3Dbrief&gt;&lt;li&gt;&lt;code title=3D&quot;&quot;&gt;b=
itcoin&lt;/code&gt;&lt;/li&gt; &lt;!-- https://en.bitcoin.it/wiki/BIP_002=
1 --&gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;geo&lt;/code&gt;&lt;/li&=
gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;im&lt;/code&gt;&lt;/li&g=
t;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;irc&lt;/code&gt;&lt;/li&=
gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;ircs&lt;/code&gt;&lt;/li=
&gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;magnet&lt;/code&gt;&lt;/=
li&gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;mailto&lt;/code&gt;&lt;/=
li&gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;mms&lt;/code&gt;&lt;/li&=
gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;news&lt;/code&gt;&lt;/li=
&gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;nntp&lt;/code&gt;&lt;/li=
&gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;sip&lt;/code&gt;&lt;/li&=
gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;sms&lt;/code&gt;&lt;/li&=
gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;smsto&lt;/code&gt;&lt;/l=
i&gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;ssh&lt;/code&gt;&lt;/li&=
gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;tel&lt;/code&gt;&lt;/li&=
gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;urn&lt;/code&gt;&lt;/li&=
gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;webcal&lt;/code&gt;&lt;/=
li&gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;wtai&lt;/code&gt;&lt;/li=
&gt;
+     &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;xmpp&lt;/code&gt;&lt;/li=
&gt;
+    &lt;/ul&gt;&lt;p class=3Dnote&gt;This list can be changed. If there =
are schemes that should be added, please send
+    feedback.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This list excludes any schemes that could reas=
onably be expected to be supported
+    inline, e.g. in an &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;i=
frame&lt;/a&gt;&lt;/code&gt;, such as &lt;code title=3D&quot;&quot;&gt;ht=
tp&lt;/code&gt; or (more
+    theoretically) &lt;code title=3D&quot;&quot;&gt;gopher&lt;/code&gt;.=
 If those were supported, they could potentially be
+    used in man-in-the-middle attacks, by replacing pages that have fram=
es with such content with
+    content under the control of the protocol handler. If the user agent=
 has native support for the
+    schemes, this could further be used for cookie-theft attacks.&lt;/p&=
gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;mimeType&lt;/var&gt; (&lt;c=
ode title=3Ddom-navigator-registerContentHandler&gt;&lt;a href=3D#dom-nav=
igator-registercontenthandler&gt;registerContentHandler()&lt;/a&gt;&lt;/c=
ode&gt; only)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;A &lt;a href=3D#mime-type&gt;MIME type&lt;/a&gt;, such as &=
lt;code&gt;model/vnd.flatland.3dml&lt;/code&gt; or
+    &lt;code&gt;application/vnd.google-earth.kml+xml&lt;/code&gt;. The &=
lt;a href=3D#mime-type&gt;MIME type&lt;/a&gt; must be compared
+    in an &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-insensitive=
&lt;/a&gt; manner by user agents for the purposes of comparing
+    with MIME types of documents that they consider against the list of =
registered handlers.&lt;/p&gt;
+
+    &lt;p&gt;User agents must compare the given values only to the MIME =
type/subtype parts of content
+    types, not to the complete type including parameters. Thus, if &lt;v=
ar title=3D&quot;&quot;&gt;mimeType&lt;/var&gt;
+    values passed to this method include characters such as commas or wh=
itespace, or include MIME
+    parameters, then the handler being registered will never be used.&lt=
;/p&gt;
+
+    &lt;p class=3Dnote&gt;The type is compared to the &lt;a href=3D#mime=
-type&gt;MIME type&lt;/a&gt; used by the user agent
+    &lt;em&gt;after&lt;/em&gt; the sniffing algorithms have been applied=
.&lt;/p&gt;
+
+    &lt;p&gt;If the &lt;code title=3Ddom-navigator-registerContentHandle=
r&gt;&lt;a href=3D#dom-navigator-registercontenthandler&gt;registerConten=
tHandler()&lt;/a&gt;&lt;/code&gt;
+    method is invoked with a &lt;a href=3D#mime-type&gt;MIME type&lt;/a&=
gt; that is in the &lt;a href=3D#type-blacklist&gt;type blacklist&lt;/a&g=
t; or
+    that the user agent has deemed a privileged type, the user agent mus=
t throw a
+    &lt;code&gt;&lt;a href=3D#securityerror&gt;SecurityError&lt;/a&gt;&l=
t;/code&gt; exception.&lt;/p&gt;
+
+    &lt;p&gt;The following &lt;a href=3D#mime-type title=3D&quot;MIME ty=
pe&quot;&gt;MIME types&lt;/a&gt; are in the &lt;dfn id=3Dtype-blacklist&g=
t;type
+    blacklist&lt;/dfn&gt;:&lt;/p&gt;
+
+    &lt;ul class=3Dbrief&gt;&lt;li&gt;&lt;code&gt;&lt;a href=3D#applicat=
ion/x-www-form-urlencoded&gt;application/x-www-form-urlencoded&lt;/a&gt;&=
lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#application/xhtml+xml&gt;applic=
ation/xhtml+xml&lt;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;application/xml&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;image/gif&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;image/jpeg&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;image/png&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;image/svg+xml&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#multipart/x-mixed-replace&gt;mu=
ltipart/x-mixed-replace&lt;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#text/cache-manifest&gt;text/cac=
he-manifest&lt;/a&gt;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;text/css&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#text/html&gt;text/html&lt;/a&gt=
;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#text/ping&gt;text/ping&lt;/a&gt=
;&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;text/plain&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;&lt;code&gt;text/xml&lt;/code&gt;&lt;/li&gt;
+     &lt;li&gt;All types that the user agent supports displaying nativel=
y in a &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; durin=
g &lt;a href=3D#navigate title=3Dnavigate&gt;navigation&lt;/a&gt;, except=
 for &lt;code&gt;application/rss+xml&lt;/code&gt; and &lt;code&gt;applica=
tion/atom+xml&lt;/code&gt;&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;p class=3Dnote&gt;This list can be changed. If there =
are MIME types that should be added, please
+    send feedback.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;A string used to build the &lt;a href=3D#url&gt;URL&lt;/a&g=
t; of the page that will handle the requests.&lt;/p&gt;
+
+    &lt;p&gt;User agents must throw a &lt;code&gt;&lt;a href=3D#syntaxer=
ror&gt;SyntaxError&lt;/a&gt;&lt;/code&gt; exception if the &lt;var title=3D=
&quot;&quot;&gt;url&lt;/var&gt;
+    argument passed to one of these methods does not contain the exact l=
iteral string
+    &quot;&lt;code&gt;%s&lt;/code&gt;&quot;.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;User agents must throw a &lt;code&gt;&lt;a href=3D#syntaxer=
ror&gt;SyntaxError&lt;/a&gt;&lt;/code&gt; exception if &lt;a href=3D#reso=
lve-a-url title=3D&quot;resolve a
+    url&quot;&gt;resolving&lt;/a&gt; the &lt;var title=3D&quot;&quot;&gt=
;url&lt;/var&gt; argument relative to the
+    &lt;a href=3D#api-base-url&gt;API base URL&lt;/a&gt; specified by th=
e &lt;a href=3D#entry-settings-object&gt;entry settings object&lt;/a&gt; =
is not successful.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The resulting &lt;a href=3D#absolute-url&gt;ab=
solute URL&lt;/a&gt; would by definition not be a &lt;a href=3D#valid-url=
&gt;valid
+    URL&lt;/a&gt; as it would include the string &quot;&lt;code title=3D=
&quot;&quot;&gt;%s&lt;/code&gt;&quot; which is not a valid
+    component in a URL.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;User agents must throw a &lt;code&gt;&lt;a href=3D#security=
error&gt;SecurityError&lt;/a&gt;&lt;/code&gt; exception if the resulting =
&lt;a href=3D#absolute-url&gt;absolute
+    URL&lt;/a&gt; has an &lt;a href=3D#origin&gt;origin&lt;/a&gt; that d=
iffers from the &lt;a href=3D#origin&gt;origin&lt;/a&gt; specified by the
+    &lt;a href=3D#entry-settings-object&gt;entry settings object&lt;/a&g=
t;.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This is forcibly the case if the &lt;code titl=
e=3D&quot;&quot;&gt;%s&lt;/code&gt; placeholder is in the
+    scheme, host, or port parts of the URL.&lt;/p&gt;
+
+    &lt;p&gt;The resulting &lt;a href=3D#absolute-url&gt;absolute URL&lt=
;/a&gt; is the &lt;dfn id=3Dproto-url&gt;proto-URL&lt;/dfn&gt;. It identi=
fies the
+    handler for the purposes of the methods described below.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;When the user agent uses this handler, it must replace the =
first occurrence of the exact
+    literal string &quot;&lt;code title=3D&quot;&quot;&gt;%s&lt;/code&gt=
;&quot; in the &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt; argument w=
ith an
+    escaped version of the &lt;a href=3D#absolute-url&gt;absolute URL&lt=
;/a&gt; of the content in question (as defined below),
+    then &lt;a href=3D#resolve-a-url title=3D&quot;resolve a url&quot;&g=
t;resolve&lt;/a&gt; the resulting URL, relative to the &lt;a href=3D#api-=
base-url&gt;API
+    base URL&lt;/a&gt; specified by the &lt;a href=3D#entry-settings-obj=
ect&gt;entry settings object&lt;/a&gt; at the time the &lt;code title=3Dd=
om-navigator-registerContentHandler&gt;&lt;a href=3D#dom-navigator-regist=
ercontenthandler&gt;registerContentHandler()&lt;/a&gt;&lt;/code&gt; or &l=
t;code title=3Ddom-navigator-registerProtocolHandler&gt;&lt;a href=3D#dom=
-navigator-registerprotocolhandler&gt;registerProtocolHandler()&lt;/a&gt;=
&lt;/code&gt; methods were
+    invoked, and then &lt;a href=3D#navigate&gt;navigate&lt;/a&gt;&lt;!-=
-DONAV user--&gt; an appropriate &lt;a href=3D#browsing-context&gt;browsi=
ng
+    context&lt;/a&gt; to the resulting URL using the GET method (&lt;a h=
ref=3D#concept-http-equivalent-get title=3Dconcept-http-equivalent-get&gt=
;or equivalent&lt;/a&gt; for non-HTTP URLs).&lt;/p&gt;
+
+    &lt;p&gt;To get the escaped version of the &lt;a href=3D#absolute-ur=
l&gt;absolute URL&lt;/a&gt; of the content in question, the
+    user agent must replace every character in that &lt;a href=3D#absolu=
te-url&gt;absolute URL&lt;/a&gt; that is not a
+    character in the URL &lt;a href=3D#default-encode-set&gt;default enc=
ode set&lt;/a&gt; with the result of &lt;a href=3D#utf-8-percent-encode t=
itle=3D&quot;UTF-8
+    percent encode&quot;&gt;UTF-8 percent encoding&lt;/a&gt; that charac=
ter.&lt;/p&gt;
+
+    &lt;div class=3Dexample&gt;
+
+     &lt;p&gt;If the user had visited a site at &lt;code title=3D&quot;&=
quot;&gt;http://example.com/&lt;/code&gt; that made the
+     following call:&lt;/p&gt;
+
+     &lt;pre&gt;navigator.registerContentHandler('application/x-soup', '=
soup?url=3D%s', 'SoupWeb&amp;trade;')&lt;/pre&gt;
+
+     &lt;p&gt;...and then, much later, while visiting &lt;code title=3D&=
quot;&quot;&gt;http://www.example.net/&lt;/code&gt;,
+     clicked on a link such as:&lt;/p&gt;
+
+     &lt;pre&gt;&amp;lt;a href=3D&quot;chickenk&amp;iuml;wi.soup&quot;&a=
mp;gt;Download our Chicken K&amp;iuml;wi soup!&amp;lt;/a&amp;gt;&lt;/pre&=
gt;
+
+     &lt;p&gt;...then, assuming this &lt;code&gt;chickenk&amp;iuml;wi.so=
up&lt;/code&gt; file was served with the
+     &lt;a href=3D#mime-type&gt;MIME type&lt;/a&gt; &lt;code&gt;applicat=
ion/x-soup&lt;/code&gt;, the UA might navigate to the following
+     URL:&lt;/p&gt;
+
+     &lt;pre&gt;http://example.com/soup?url=3Dhttp://www.example.net/chi=
ckenk%C3%AFwi.soup&lt;/pre&gt;
+
+     &lt;p&gt;This site could then fetch the &lt;code&gt;chickenk&amp;iu=
ml;wi.soup&lt;/code&gt; file and do whatever it is
+     that it does with soup (synthesize it and ship it to the user, or w=
hatever).&lt;/p&gt;
+
+    &lt;/div&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;title&lt;/var&gt;&lt;/dt&gt=
;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;A descriptive title of the handler, which the UA might use =
to remind the user what the site
+    in question is.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;This section does not define how the pages registe=
red by these methods are used, beyond the
+  requirements on how to process the &lt;var title=3D&quot;&quot;&gt;url=
&lt;/var&gt; value (see above). To some extent, the
+  &lt;a href=3D#navigate title=3Dnavigate&gt;processing model for naviga=
ting across documents&lt;/a&gt; defines some cases
+  where these methods are relevant, but in general UAs may use this info=
rmation wherever they would
+  otherwise consider handing content to native plugins or helper applica=
tions.&lt;/p&gt;
+
+  &lt;p&gt;UAs must not use registered content handlers to handle conten=
t that was returned as part of a
+  non-GET transaction (or rather, as part of any non-idempotent transact=
ion), as the remote site
+  would not be able to fetch the same data.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;/div&gt;
+
+  &lt;p&gt;In addition to the registration methods, there are also metho=
ds for determining if particular
+  handlers have been registered, and for unregistering handlers.&lt;/p&g=
t;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;s=
tate&lt;/var&gt; =3D &lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; .=
 &lt;code title=3Ddom-navigator&gt;&lt;a href=3D#dom-navigator&gt;navigat=
or&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-navigator-isProtocolHand=
lerRegistered&gt;&lt;a href=3D#dom-navigator-isprotocolhandlerregistered&=
gt;isProtocolHandlerRegistered&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&qu=
ot;&quot;&gt;scheme&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;url&lt;/=
var&gt;)&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;state&lt;/var&gt; =3D &lt;v=
ar title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;code title=3Ddom-navi=
gator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/a&gt;&lt;/code&gt; =
. &lt;code title=3Ddom-navigator-isContentHandlerRegistered&gt;&lt;a href=
=3D#dom-navigator-iscontenthandlerregistered&gt;isContentHandlerRegistere=
d&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;mimeType&lt;/var=
&gt;, &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns one of the following strings describing the state o=
f the handler given by the
+    arguments:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;&lt;code title=3D&quot;&quot;&gt;new&lt;/code&gt=
;
+
+     &lt;dd&gt;Indicates that no attempt has been made to register the g=
iven handler (or that the handler
+     has been unregistered). It would be appropriate to promote the avai=
lability of the handler or
+     to just automatically register the handler.
+
+     &lt;dt&gt;&lt;code title=3D&quot;&quot;&gt;registered&lt;/code&gt;
+
+     &lt;dd&gt;Indicates that the given handler has been registered or t=
hat the site is blocked from
+     registering the handler. Trying to register the handler again would=
 have no effect.
+
+     &lt;dt&gt;&lt;code title=3D&quot;&quot;&gt;declined&lt;/code&gt;
+
+     &lt;dd&gt;Indicates that the given handler has been offered but was=
 rejected. Trying to register the
+     handler again may prompt the user again.
+
+    &lt;/dl&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;state&lt;/var&gt; =3D &lt;v=
ar title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;code title=3Ddom-navi=
gator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/a&gt;&lt;/code&gt; =
. &lt;code title=3Ddom-navigator-unregisterProtocolHandler&gt;&lt;a href=3D=
#dom-navigator-unregisterprotocolhandler&gt;unregisterProtocolHandler&lt;=
/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;scheme&lt;/var&gt;, &=
lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt;)&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;state&lt;/var&gt; =3D &lt;v=
ar title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;code title=3Ddom-navi=
gator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/a&gt;&lt;/code&gt; =
. &lt;code title=3Ddom-navigator-unregisterContentHandler&gt;&lt;a href=3D=
#dom-navigator-unregistercontenthandler&gt;unregisterContentHandler&lt;/a=
&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;mimeType&lt;/var&gt;, &=
lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Unregisters the handler given by the arguments.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-navigator-isprotocolhandlerregistered ti=
tle=3Ddom-navigator-isProtocolHandlerRegistered&gt;&lt;code&gt;isProtocol=
HandlerRegistered()&lt;/code&gt;&lt;/dfn&gt;
+  method must return the &lt;a href=3D#handler-state-string&gt;handler s=
tate string&lt;/a&gt; that most closely describes the current
+  state of the handler described by the two arguments to the method, whe=
re the first argument gives
+  the scheme and the second gives the string used to build the &lt;a hre=
f=3D#url&gt;URL&lt;/a&gt; of the page that
+  will handle the requests.
+  &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot;=
fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fin=
gerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&qu=
ot; height=3D64&gt;&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;p&gt;The first argument must be compared to the schemes for which =
custom protocol handlers are
+  registered in an &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-in=
sensitive&lt;/a&gt; manner to find the relevant handlers.&lt;/p&gt;
+
+  &lt;p&gt;The second argument must be preprocessed as described below, =
and if that is successful, must
+  then be matched against the &lt;a href=3D#proto-url title=3Dproto-URL&=
gt;proto-URLs&lt;/a&gt; of the relevant handlers to
+  find the described handler.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-navigator-iscontenthandlerregi=
stered title=3Ddom-navigator-isContentHandlerRegistered&gt;&lt;code&gt;is=
ContentHandlerRegistered()&lt;/code&gt;&lt;/dfn&gt;
+  method must return the &lt;a href=3D#handler-state-string&gt;handler s=
tate string&lt;/a&gt; that most closely describes the current
+  state of the handler described by the two arguments to the method, whe=
re the first argument gives
+  the &lt;a href=3D#mime-type&gt;MIME type&lt;/a&gt; and the second give=
s the string used to build the &lt;a href=3D#url&gt;URL&lt;/a&gt; of
+  the page that will handle the requests.
+  &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot;=
fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fin=
gerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&qu=
ot; height=3D64&gt;&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;p&gt;The first argument must be compared to the &lt;a href=3D#mime=
-type title=3D&quot;MIME type&quot;&gt;MIME types&lt;/a&gt; for which
+  custom content handlers are registered in an &lt;a href=3D#ascii-case-=
insensitive&gt;ASCII case-insensitive&lt;/a&gt; manner to find
+  the relevant handlers.&lt;/p&gt;
+
+  &lt;p&gt;The second argument must be preprocessed as described below, =
and if that is successful, must
+  then be matched against the &lt;a href=3D#proto-url title=3Dproto-URL&=
gt;proto-URLs&lt;/a&gt; of the relevant handlers to
+  find the described handler.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Dhandler-state-string title=3D&quot=
;handler state string&quot;&gt;handler state strings&lt;/dfn&gt; are the =
following strings.
+  Each string describes several situations, as given by the following li=
st.&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;code title=3D&quot;&quot;&gt;new&lt;/code&gt;
+
+   &lt;dd&gt;The described handler has never been registered for the giv=
en scheme or type.
+
+   &lt;dd&gt;The described handler was once registered for the given sch=
eme or type, but the site has
+   since unregistered it. If the handler were to be reregistered, the us=
er would be notified
+   accordingly.
+
+   &lt;dd&gt;The described handler was once registered for the given sch=
eme or type, but the site has
+   since unregistered it, but the user has indicated that the site is to=
 be blocked from registering
+   the type again, so the user agent would ignore further registration a=
ttempts.
+
+
+   &lt;dt&gt;&lt;code title=3D&quot;&quot;&gt;registered&lt;/code&gt;
+
+   &lt;dd&gt;An attempt was made to register the described handler for t=
he given scheme or type, but the
+   user has not yet been notified, and the user agent would ignore furth=
er registration attempts.
+   (Maybe the user agent batches registration requests to display them w=
hen the user requests to be
+   notified about them, and the user has not yet requested that the user=
 agent notify it of the
+   previous registration attempt.)
+
+   &lt;dd&gt;The described handler is registered for the given scheme or=
 type (maybe, or maybe not, as the
+   default handler).
+
+   &lt;dd&gt;The described handler is permanently blocked from being (re=
)registered. (Maybe the user
+   marked the registration attempt as spam, or blocked the site for othe=
r reasons.)
+
+
+   &lt;dt&gt;&lt;code title=3D&quot;&quot;&gt;declined&lt;/code&gt;
+
+   &lt;dd&gt;An attempt was made to register the described handler for t=
he given scheme or type, but the
+   user has not yet been notified; however, the user might be notified i=
f another registration
+   attempt were to be made. (Maybe the last registration attempt was mad=
e while the page was in the
+   background and the user closed the page without looking at it, and th=
e user agent requires
+   confirmation for this registration attempt.)
+
+   &lt;dd&gt;An attempt was made to register the described handler for t=
he given scheme or type, but the
+   user has not yet responded.
+
+   &lt;dd&gt;An attempt was made to register the described handler for t=
he given scheme or type, but the
+   user declined the offer. The user has not indicated that the handler =
is to be permanently
+   blocked, however, so another attempt to register the described handle=
r might result in the user
+   being prompted again.
+
+   &lt;dd&gt;The described handler was once registered for the given sch=
eme or type, but the user has
+   since removed it. The user has not indicated that the handler is to b=
e permanently blocked,
+   however, so another attempt to register the described handler might r=
esult in the user being
+   prompted again.
+
+  &lt;/dl&gt;&lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-navigator-unregiste=
rprotocolhandler title=3Ddom-navigator-unregisterProtocolHandler&gt;&lt;c=
ode&gt;unregisterProtocolHandler()&lt;/code&gt;&lt;/dfn&gt;
+  method must unregister the handler described by the two arguments to t=
he method, where the first
+  argument gives the scheme and the second gives the string used to buil=
d the &lt;a href=3D#url&gt;URL&lt;/a&gt; of
+  the page that will handle the requests.&lt;/p&gt;
+
+  &lt;p&gt;The first argument must be compared to the schemes for which =
custom protocol handlers are
+  registered in an &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-in=
sensitive&lt;/a&gt; manner to find the relevant handlers.&lt;/p&gt;
+
+  &lt;p&gt;The second argument must be preprocessed as described below, =
and if that is successful, must
+  then be matched against the &lt;a href=3D#proto-url title=3Dproto-URL&=
gt;proto-URLs&lt;/a&gt; of the relevant handlers to
+  find the described handler.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-navigator-unregistercontenthan=
dler title=3Ddom-navigator-unregisterContentHandler&gt;&lt;code&gt;unregi=
sterContentHandler()&lt;/code&gt;&lt;/dfn&gt;
+  method must unregister the handler described by the two arguments to t=
he method, where the first
+  argument gives the &lt;a href=3D#mime-type&gt;MIME type&lt;/a&gt; and =
the second gives the string used to build the
+  &lt;a href=3D#url&gt;URL&lt;/a&gt; of the page that will handle the re=
quests.&lt;/p&gt;
+
+  &lt;p&gt;The first argument must be compared to the &lt;a href=3D#mime=
-type title=3D&quot;MIME type&quot;&gt;MIME types&lt;/a&gt; for which
+  custom content handlers are registered in an &lt;a href=3D#ascii-case-=
insensitive&gt;ASCII case-insensitive&lt;/a&gt; manner to find
+  the relevant handlers.&lt;/p&gt;
+
+  &lt;p&gt;The second argument must be preprocessed as described below, =
and if that is successful, must
+  then be matched against the &lt;a href=3D#proto-url title=3Dproto-URL&=
gt;proto-URLs&lt;/a&gt; of the relevant handlers to
+  find the described handler.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The second argument of the four methods described a=
bove must be preprocessed as follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the string does not contain the substr=
ing &quot;&lt;code title=3D&quot;&quot;&gt;%s&lt;/code&gt;&quot;, abort t=
hese
+   steps. There's no matching handler.&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#resolve-a-url title=3D&quot;resolve =
a URL&quot;&gt;Resolve&lt;/a&gt; the string relative to the &lt;a href=3D=
#api-base-url&gt;API base URL&lt;/a&gt;
+   specified by the &lt;a href=3D#entry-settings-object&gt;entry setting=
s object&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If this fails, then throw a &lt;code&gt;&lt;a href=
=3D#syntaxerror&gt;SyntaxError&lt;/a&gt;&lt;/code&gt; exception, aborting=
 the
+   method.&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;If the resulting &lt;a href=3D#absolute-url&gt;abs=
olute URL&lt;/a&gt;'s &lt;a href=3D#origin&gt;origin&lt;/a&gt; is not the=
 &lt;a href=3D#same-origin&gt;same
+   origin&lt;/a&gt; as the &lt;a href=3D#origin&gt;origin&lt;/a&gt; spec=
ified by the &lt;a href=3D#entry-settings-object&gt;entry settings object=
&lt;/a&gt;, throw a &lt;code&gt;&lt;a href=3D#securityerror&gt;SecurityEr=
ror&lt;/a&gt;&lt;/code&gt;
+   exception, aborting the method.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the resulting &lt;a href=3D#absolute-url&gt=
;absolute URL&lt;/a&gt; as the result of preprocessing the
+   argument.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+
+&lt;!--ADD-TOPIC:Security--&gt;
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h6 id=3Dsecurity-and-privacy&gt;&lt;span class=3Dsecno&gt;7.6.1.3.=
1 &lt;/span&gt;Security and privacy&lt;/h6&gt;
+
+  &lt;p&gt;These mechanisms can introduce a number of concerns, in parti=
cular privacy concerns.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Hijacking all Web usage.&lt;/strong&gt; User ag=
ents should not allow schemes that are key to
+  its normal operation, such as &lt;code&gt;http&lt;/code&gt; or &lt;cod=
e&gt;https&lt;/code&gt;, to be rerouted through
+  third-party sites. This would allow a user's activities to be triviall=
y tracked, and would allow
+  user information, even in secure connections, to be collected.&lt;/p&g=
t;
+
+  &lt;p&gt;&lt;strong&gt;Hijacking defaults.&lt;/strong&gt; User agents =
are strongly urged to not automatically change
+  any defaults, as this could lead the user to send data to remote hosts=
 that the user is not
+  expecting. New handlers registering themselves should never automatica=
lly cause those sites to be
+  used.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Registration spamming.&lt;/strong&gt; User agen=
ts should consider the possibility that a site
+  will attempt to register a large number of handlers, possibly from mul=
tiple domains (e.g. by
+  redirecting through a series of pages each on a different domain, and =
each registering a handler
+  for &lt;code&gt;video/mpeg&lt;/code&gt; &amp;mdash; analogous practice=
s abusing other Web browser features have
+  been used by pornography Web sites for many years). User agents should=
 gracefully handle such
+  hostile attempts, protecting the user.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Misleading titles.&lt;/strong&gt; User agents s=
hould not rely wholly on the &lt;var title=3D&quot;&quot;&gt;title&lt;/va=
r&gt; argument to the methods when presenting the registered handlers to =
the user,
+  since sites could easily lie. For example, a site &lt;code&gt;hostile.=
example.net&lt;/code&gt; could claim
+  that it was registering the &quot;Cuddly Bear Happy Content Handler&qu=
ot;. User agents should therefore use
+  the handler's domain in any UI along with any title.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Hostile handler metadata.&lt;/strong&gt; User a=
gents should protect against typical attacks
+  against strings embedded in their interface, for example ensuring that=
 markup or escape characters
+  in such strings are not executed, that null bytes are properly handled=
, that over-long strings do
+  not cause crashes or buffer overruns, and so forth.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Leaking Intranet URLs.&lt;/strong&gt; The mecha=
nism described in this section can result in
+  secret Intranet URLs being leaked, in the following manner:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;The user registers a third-party content handler a=
s the default handler for a content
+   type.&lt;/li&gt;
+
+   &lt;li&gt;The user then browses his corporate Intranet site and acces=
ses a document that uses that
+   content type.&lt;/li&gt;
+
+   &lt;li&gt;The user agent contacts the third party and hands the third=
 party the URL to the Intranet
+   content.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;No actual confidential file data is leaked in this=
 manner, but the URLs themselves could
+  contain confidential information. For example, the URL could be
+  &lt;code&gt;http://www.corp.example.com/upcoming-aquisitions/the-sampl=
e-company.egf&lt;/code&gt;, which might
+  tell the third party that Example Corporation is intending to merge wi=
th The Sample Company.
+  Implementors might wish to consider allowing administrators to disable=
 this feature for certain
+  subdomains, content types, or schemes.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Leaking secure URLs.&lt;/strong&gt; User agents=
 should not send HTTPS URLs to third-party
+  sites registered as content handlers without the user's informed conse=
nt, for the same reason that
+  user agents sometimes avoid sending &lt;code title=3Dhttp-referer&gt;R=
eferer&lt;/code&gt; (sic) HTTP headers
+  from secure sites to third-party sites.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Leaking credentials.&lt;/strong&gt; User agents=
 must never send username or password
+  information in the URLs that are escaped and included sent to the hand=
ler sites. User agents may
+  even avoid attempting to pass to Web-based handlers the URLs of resour=
ces that are known to
+  require authentication to access, as such sites would be unable to acc=
ess the resources in
+  question without prompting the user for credentials themselves (a prac=
tice that would require the
+  user to know whether to trust the third-party handler, a decision many=
 users are unable to make or
+  even understand).&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Interface interference.&lt;/strong&gt; User age=
nts should be prepared to handle intentionally
+  long arguments to the methods. For example, if the user interface expo=
sed consists of an &quot;accept&quot;
+  button and a &quot;deny&quot; button, with the &quot;accept&quot; bind=
ing containing the name of the handler, it's
+  important that a long name not cause the &quot;deny&quot; button to be=
 pushed off the screen.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Fingerprinting users.&lt;/strong&gt; Since a si=
te can detect if it has attempted to register
+  a particular handler or not, whether or not the user responds, the mec=
hanism can be used to store
+  data. User agents are therefore strongly urged to treat registrations =
in the same manner as
+  cookies: clearing cookies for a site should also clear all registratio=
ns for that site, and
+  disabling cookies for a site should also disable registrations.&lt;/p&=
gt;
+
+  &lt;/div&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h6 id=3Dsample-handler-impl&gt;&lt;span class=3Dsecno&gt;7.6.1.3.2=
 &lt;/span&gt;Sample user interface&lt;/h6&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;A simple implementation of this feature for a desktop Web bro=
wser might work as follows.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-navigator-registerContentHandler&gt;=
&lt;a href=3D#dom-navigator-registercontenthandler&gt;registerContentHand=
ler()&lt;/a&gt;&lt;/code&gt; method
+  could display a modal dialog box:&lt;/p&gt;
+
+  &lt;p&gt;&lt;img src=3Dhttp://images.whatwg.org/sample-content-handler=
-registration.png width=3D534 alt=3D&quot;The modal dialog box could have=
 the title 'Content Handler Registration', and could say 'This Web page: =
Kittens at work http://kittens.example.org/ ...would like permission to h=
andle files of type: application/x-meowmeow using the following Web-based=
 application: Kittens-at-work displayer http://kittens.example.org/?show=3D=
%s Do you trust the administrators of the &amp;quot;kittens.example.org&a=
mp;quot; domain?' with two buttons, 'Trust kittens.example.org' and 'Canc=
el'.&quot; height=3D374&gt;&lt;/p&gt;
+
+  &lt;p&gt;In this dialog box, &quot;Kittens at work&quot; is the title =
of the page that invoked the method,
+  &quot;http://kittens.example.org/&quot; is the URL of that page, &quot=
;application/x-meowmeow&quot; is the string that
+  was passed to the &lt;code title=3Ddom-navigator-registerContentHandle=
r&gt;&lt;a href=3D#dom-navigator-registercontenthandler&gt;registerConten=
tHandler()&lt;/a&gt;&lt;/code&gt; method as its first
+  argument (&lt;var title=3D&quot;&quot;&gt;mimeType&lt;/var&gt;), &quot=
;http://kittens.example.org/?show=3D%s&quot; was the second
+  argument (&lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt;), and &quot;=
Kittens-at-work displayer&quot; was the third argument (&lt;var title=3D&=
quot;&quot;&gt;title&lt;/var&gt;).&lt;/p&gt;
+
+  &lt;p&gt;If the user clicks the Cancel button, then nothing further ha=
ppens. If the user clicks the
+  &quot;Trust&quot; button, then the handler is remembered.&lt;/p&gt;
+
+  &lt;p&gt;When the user then attempts to fetch a URL that uses the &quo=
t;application/x-meowmeow&quot; &lt;a href=3D#mime-type&gt;MIME
+  type&lt;/a&gt;, then it might display a dialog as follows:&lt;/p&gt;
+
+  &lt;p&gt;&lt;img src=3Dhttp://images.whatwg.org/sample-content-handler=
.png width=3D577 alt=3D&quot;The dialog box could have the title 'Unknown=
 File Type' and could say 'You have attempted to access:' followed by a U=
RL, followed by a prompt such as 'How would you like FerretBrowser to han=
dle this resource?' with three radio buttons, one saying 'Contact the Fer=
retBrowser plugin registry to see if there is an official way to handle t=
his resource.', one saying 'Pass this URL to a local application' with an=
 application selector, and one saying 'Pass this URL to the &amp;quot;Kit=
tens-at-work displayer&amp;quot; application at &amp;quot;kittens.example=
.org&amp;quot;', with a checkbox labeled 'Always do this for resources us=
ing the &amp;quot;application/x-meowmeow&amp;quot; type in future.', and =
with two buttons, 'Ok' and 'Cancel'.&quot; height=3D428&gt;&lt;/p&gt;
+
+  &lt;p&gt;In this dialog, the third option is the one that was primed b=
y the site registering itself
+  earlier.&lt;/p&gt;
+
+  &lt;p&gt;If the user does select that option, then the browser, in acc=
ordance with the requirements
+  described in the previous two sections, will redirect the user to
+  &quot;http://kittens.example.org/?show=3Ddata%3Aapplication/x-meowmeow=
;base64,S2l0dGVucyBhcmUgdGhlIGN1dGVzdCE%253D&quot;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-navigator-registerProtocolHandler&gt=
;&lt;a href=3D#dom-navigator-registerprotocolhandler&gt;registerProtocolH=
andler()&lt;/a&gt;&lt;/code&gt; method
+  would work equivalently, but for schemes instead of unknown content ty=
pes.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h5 id=3Dmanually-releasing-the-storage-mutex&gt;&lt;span class=3Ds=
ecno&gt;7.6.1.4 &lt;/span&gt;Manually releasing the storage mutex&lt;/h5&=
gt;
+
+  &lt;pre class=3Didl&gt;[NoInterfaceObject]
+interface &lt;dfn id=3Dnavigatorstorageutils&gt;NavigatorStorageUtils&lt=
;/dfn&gt; {
+  readonly attribute boolean &lt;a href=3D#dom-navigator-cookieenabled t=
itle=3Ddom-navigator-cookieEnabled&gt;cookieEnabled&lt;/a&gt;;
+  void &lt;a href=3D#dom-navigator-yieldforstorageupdates title=3Ddom-na=
vigator-yieldForStorageUpdates&gt;yieldForStorageUpdates&lt;/a&gt;();
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;w=
indow&lt;/var&gt; . &lt;code title=3Ddom-navigator&gt;&lt;a href=3D#dom-n=
avigator&gt;navigator&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-navig=
ator-cookieEnabled&gt;&lt;a href=3D#dom-navigator-cookieenabled&gt;cookie=
Enabled&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns false if setting a cookie will be ignored, and true=
 otherwise.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-navigator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/=
a&gt;&lt;/code&gt; . &lt;code title=3Ddom-navigator-yieldForStorageUpdate=
s&gt;&lt;a href=3D#dom-navigator-yieldforstorageupdates&gt;yieldForStorag=
eUpdates&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;If a script uses the &lt;code title=3Ddom-document-cookie&g=
t;&lt;a href=3D#dom-document-cookie&gt;document.cookie&lt;/a&gt;&lt;/code=
&gt; API, or the
+    &lt;code title=3Ddom-localStorage&gt;&lt;a href=3D#dom-localstorage&=
gt;localStorage&lt;/a&gt;&lt;/code&gt; API, the browser will block other =
scripts
+    from accessing cookies or storage until the first script finishes.
+    &lt;/p&gt;
+
+    &lt;p&gt;Calling the &lt;code title=3Ddom-navigator-yieldForStorageU=
pdates&gt;&lt;a href=3D#dom-navigator-yieldforstorageupdates&gt;navigator=
.yieldForStorageUpdates()&lt;/a&gt;&lt;/code&gt; method
+    tells the user agent to unblock any other scripts that may be blocke=
d, even though the script
+    hasn't returned.&lt;/p&gt;
+
+    &lt;p&gt;Values of cookies and items in the &lt;code&gt;&lt;a href=3D=
#storage-0&gt;Storage&lt;/a&gt;&lt;/code&gt; objects of &lt;code title=3D=
dom-localStorage&gt;&lt;a href=3D#dom-localstorage&gt;localStorage&lt;/a&=
gt;&lt;/code&gt; attributes can change after calling this method,
+    whence its name.
+    &lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+   &lt;p&gt;The &lt;dfn id=3Ddom-navigator-cookieenabled title=3Ddom-nav=
igator-cookieEnabled&gt;&lt;code&gt;cookieEnabled&lt;/code&gt;&lt;/dfn&gt=
; attribute must
+   return true if the user agent attempts to handle cookies according to=
 the cookie specification,
+   and false if it ignores cookie change requests. &lt;a href=3D#refsCOO=
KIES&gt;[COOKIES]&lt;/a&gt;&lt;/p&gt;
+
+   &lt;p&gt;The &lt;dfn id=3Ddom-navigator-yieldforstorageupdates title=3D=
dom-navigator-yieldForStorageUpdates&gt;&lt;code&gt;yieldForStorageUpdate=
s()&lt;/code&gt;&lt;/dfn&gt; method,
+   when invoked, must, if the &lt;a href=3D#storage-mutex&gt;storage mut=
ex&lt;/a&gt; is owned by the &lt;a href=3D#event-loop&gt;event loop&lt;/a=
&gt; of
+   the &lt;a href=3D#concept-task title=3Dconcept-task&gt;task&lt;/a&gt;=
 that resulted in the method being called, release the
+   &lt;a href=3D#storage-mutex&gt;storage mutex&lt;/a&gt; so that it is =
once again free. Otherwise, it must do nothing.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h5 id=3Dplugins-0&gt;&lt;span class=3Dsecno&gt;7.6.1.5 &lt;/span&g=
t;Plugins&lt;/h5&gt;
+
+  &lt;pre class=3Didl&gt;[NoInterfaceObject]
+interface &lt;dfn id=3Dnavigatorplugins&gt;NavigatorPlugins&lt;/dfn&gt; =
{
+  readonly attribute &lt;a href=3D#pluginarray&gt;PluginArray&lt;/a&gt; =
&lt;a href=3D#dom-navigator-plugins title=3Ddom-navigator-plugins&gt;plug=
ins&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#mimetypearray&gt;MimeTypeArray&lt;/a&=
gt; &lt;a href=3D#dom-navigator-mimetypes title=3Ddom-navigator-mimeTypes=
&gt;mimeTypes&lt;/a&gt;;
+  readonly attribute boolean &lt;a href=3D#dom-navigator-javaenabled tit=
le=3Ddom-navigator-javaEnabled&gt;javaEnabled&lt;/a&gt;;
+};
+
+interface &lt;dfn id=3Dpluginarray&gt;PluginArray&lt;/dfn&gt; {
+  void &lt;a href=3D#dom-pluginarray-refresh title=3Ddom-PluginArray-ref=
resh&gt;refresh&lt;/a&gt;(optional boolean reload =3D false);
+  readonly attribute unsigned long &lt;a href=3D#dom-pluginarray-length =
title=3Ddom-PluginArray-length&gt;length&lt;/a&gt;;
+  getter &lt;a href=3D#dom-plugin title=3Ddom-Plugin&gt;Plugin&lt;/a&gt;=
? &lt;a href=3D#dom-pluginarray-item title=3Ddom-PluginArray-item&gt;item=
&lt;/a&gt;(unsigned long index);
+  getter &lt;a href=3D#dom-plugin title=3Ddom-Plugin&gt;Plugin&lt;/a&gt;=
? &lt;a href=3D#dom-pluginarray-nameditem title=3Ddom-PluginArray-namedIt=
em&gt;namedItem&lt;/a&gt;(DOMString name);
+};
+
+interface &lt;dfn id=3Dmimetypearray&gt;MimeTypeArray&lt;/dfn&gt; {
+  readonly attribute unsigned long &lt;a href=3D#dom-mimetypearray-lengt=
h title=3Ddom-MimeTypeArray-length&gt;length&lt;/a&gt;;
+  getter &lt;a href=3D#mimetype&gt;MimeType&lt;/a&gt;? &lt;a href=3D#dom=
-mimetypearray-item title=3Ddom-MimeTypeArray-item&gt;item&lt;/a&gt;(unsi=
gned long index);
+  getter &lt;a href=3D#mimetype&gt;MimeType&lt;/a&gt;? &lt;a href=3D#dom=
-mimetypearray-nameditem title=3Ddom-MimeTypeArray-namedItem&gt;namedItem=
&lt;/a&gt;(DOMString name);
+};
+
+interface &lt;dfn id=3Ddom-plugin title=3Ddom-Plugin&gt;Plugin&lt;/dfn&g=
t; {
+  readonly attribute DOMString &lt;a href=3D#dom-plugin-name title=3Ddom=
-Plugin-name&gt;name&lt;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-plugin-description titl=
e=3Ddom-Plugin-description&gt;description&lt;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-plugin-filename title=3D=
dom-Plugin-filename&gt;filename&lt;/a&gt;;
+  readonly attribute unsigned long &lt;a href=3D#dom-plugin-length title=
=3Ddom-Plugin-length&gt;length&lt;/a&gt;;
+  getter &lt;a href=3D#mimetype&gt;MimeType&lt;/a&gt;? &lt;a href=3D#dom=
-plugin-item title=3Ddom-Plugin-item&gt;item&lt;/a&gt;(unsigned long inde=
x);
+  getter &lt;a href=3D#mimetype&gt;MimeType&lt;/a&gt;? &lt;a href=3D#dom=
-plugin-nameditem title=3Ddom-Plugin-namedItem&gt;namedItem&lt;/a&gt;(DOM=
String name);
+};
+
+interface &lt;dfn id=3Dmimetype&gt;MimeType&lt;/dfn&gt; {
+  readonly attribute DOMString &lt;a href=3D#dom-mimetype-type title=3Dd=
om-MimeType-type&gt;type&lt;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-mimetype-description ti=
tle=3Ddom-MimeType-description&gt;description&lt;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-mimetype-suffixes title=
=3Ddom-MimeType-suffixes&gt;suffixes&lt;/a&gt;; // comma-separated
+  readonly attribute &lt;a href=3D#dom-plugin title=3Ddom-Plugin&gt;Plug=
in&lt;/a&gt; &lt;a href=3D#dom-mimetype-enabledplugin title=3Ddom-MimeTyp=
e-enabledPlugin&gt;enabledPlugin&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;w=
indow&lt;/var&gt; . &lt;code title=3Ddom-navigator&gt;&lt;a href=3D#dom-n=
avigator&gt;navigator&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-navig=
ator-plugins&gt;&lt;a href=3D#dom-navigator-plugins&gt;plugins&lt;/a&gt;&=
lt;/code&gt; . &lt;code title=3Ddom-PluginArray-refresh&gt;&lt;a href=3D#=
dom-pluginarray-refresh&gt;refresh&lt;/a&gt;&lt;/code&gt;( [ &lt;var titl=
e=3D&quot;&quot;&gt;refresh&lt;/var&gt; ] )&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Updates the lists of supported plugins and MIME types for t=
his page, and reloads the page if the lists have changed.&lt;/p&gt;
+    &lt;!-- that's not quite what all browsers have always done --&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-navigator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/=
a&gt;&lt;/code&gt; . &lt;code title=3Ddom-navigator-plugins&gt;&lt;a href=
=3D#dom-navigator-plugins&gt;plugins&lt;/a&gt;&lt;/code&gt; . &lt;code ti=
tle=3Ddom-PluginArray-length&gt;&lt;a href=3D#dom-pluginarray-length&gt;l=
ength&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the number of plugins, represented by &lt;code titl=
e=3Ddom-Plugin&gt;&lt;a href=3D#dom-plugin&gt;Plugin&lt;/a&gt;&lt;/code&g=
t; objects, that the user agent reports.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;plugin&lt;/var&gt; =3D &lt;=
var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;code title=3Ddom-nav=
igator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/a&gt;&lt;/code&gt;=
 . &lt;code title=3Ddom-navigator-plugins&gt;&lt;a href=3D#dom-navigator-=
plugins&gt;plugins&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-PluginAr=
ray-item&gt;&lt;a href=3D#dom-pluginarray-item&gt;item&lt;/a&gt;&lt;/code=
&gt;(&lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt;)&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-navigator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/=
a&gt;&lt;/code&gt; . &lt;code title=3Ddom-navigator-plugins&gt;&lt;a href=
=3D#dom-navigator-plugins&gt;plugins&lt;/a&gt;&lt;/code&gt;[&lt;var title=
=3D&quot;&quot;&gt;index&lt;/var&gt;]&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the specified &lt;code title=3Ddom-Plugin&gt;&lt;a =
href=3D#dom-plugin&gt;Plugin&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;plugin&lt;/var&gt; =3D &lt;=
var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;code title=3Ddom-nav=
igator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/a&gt;&lt;/code&gt;=
 . &lt;code title=3Ddom-navigator-plugins&gt;&lt;a href=3D#dom-navigator-=
plugins&gt;plugins&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-PluginAr=
ray-item&gt;&lt;a href=3D#dom-pluginarray-item&gt;item&lt;/a&gt;&lt;/code=
&gt;(&lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt;)&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-navigator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/=
a&gt;&lt;/code&gt; . &lt;code title=3Ddom-navigator-plugins&gt;&lt;a href=
=3D#dom-navigator-plugins&gt;plugins&lt;/a&gt;&lt;/code&gt;[&lt;var title=
=3D&quot;&quot;&gt;name&lt;/var&gt;]&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the &lt;code title=3Ddom-Plugin&gt;&lt;a href=3D#do=
m-plugin&gt;Plugin&lt;/a&gt;&lt;/code&gt; object for the plugin with the =
given name.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-navigator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/=
a&gt;&lt;/code&gt; . &lt;code title=3Ddom-mimeTypes&gt;mimeTypes&lt;/code=
&gt; . &lt;code title=3Ddom-MimeTypeArray-length&gt;&lt;a href=3D#dom-mim=
etypearray-length&gt;length&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the number of MIME types, represented by &lt;code&g=
t;&lt;a href=3D#mimetype&gt;MimeType&lt;/a&gt;&lt;/code&gt; objects, supp=
orted by the plugins that the user agent reports.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;mimeType&lt;/var&gt; =3D &l=
t;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;code title=3Ddom-n=
avigator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/a&gt;&lt;/code&g=
t; . &lt;code title=3Ddom-mimeTypes&gt;mimeTypes&lt;/code&gt; . &lt;code =
title=3Ddom-MimeTypeArray-item&gt;&lt;a href=3D#dom-mimetypearray-item&gt=
;item&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;index&lt;/va=
r&gt;)&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-navigator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/=
a&gt;&lt;/code&gt; . &lt;code title=3Ddom-mimeTypes&gt;mimeTypes&lt;/code=
&gt;[&lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt;]&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the specified &lt;code&gt;&lt;a href=3D#mimetype&gt=
;MimeType&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;mimeType&lt;/var&gt; =3D &l=
t;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;code title=3Ddom-n=
avigator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/a&gt;&lt;/code&g=
t; . &lt;code title=3Ddom-mimeTypes&gt;mimeTypes&lt;/code&gt; . &lt;code =
title=3Ddom-MimeTypeArray-item&gt;&lt;a href=3D#dom-mimetypearray-item&gt=
;item&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;name&lt;/var=
&gt;)&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-navigator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/=
a&gt;&lt;/code&gt; . &lt;code title=3Ddom-mimeTypes&gt;mimeTypes&lt;/code=
&gt;[&lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt;]&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the &lt;code&gt;&lt;a href=3D#mimetype&gt;MimeType&=
lt;/a&gt;&lt;/code&gt; object for the given MIME type.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;plugin&lt;/var&gt; . &lt;co=
de title=3Ddom-Plugin-name&gt;&lt;a href=3D#dom-plugin-name&gt;name&lt;/a=
&gt;&lt;/code&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the plugin's name.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;plugin&lt;/var&gt; . &lt;co=
de title=3Ddom-Plugin-description&gt;&lt;a href=3D#dom-plugin-description=
&gt;description&lt;/a&gt;&lt;/code&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the plugin's description.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;plugin&lt;/var&gt; . &lt;co=
de title=3Ddom-Plugin-filename&gt;&lt;a href=3D#dom-plugin-filename&gt;fi=
lename&lt;/a&gt;&lt;/code&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the plugin library's filename, if applicable on the=
 current platform.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;plugin&lt;/var&gt; . &lt;co=
de title=3Ddom-Plugin-length&gt;&lt;a href=3D#dom-plugin-length&gt;length=
&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the number of MIME types, represented by &lt;code&g=
t;&lt;a href=3D#mimetype&gt;MimeType&lt;/a&gt;&lt;/code&gt; objects, supp=
orted by the plugin.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;mimeType&lt;/var&gt; =3D &l=
t;var title=3D&quot;&quot;&gt;plugin&lt;/var&gt; . &lt;code title=3Ddom-P=
lugin-item&gt;&lt;a href=3D#dom-plugin-item&gt;item&lt;/a&gt;&lt;/code&gt=
;(&lt;var title=3D&quot;&quot;&gt;index&lt;/var&gt;)&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;plugin&lt;/var&gt;[&lt;var =
title=3D&quot;&quot;&gt;index&lt;/var&gt;]&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the specified &lt;code&gt;&lt;a href=3D#mimetype&gt=
;MimeType&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;mimeType&lt;/var&gt; =3D &l=
t;var title=3D&quot;&quot;&gt;plugin&lt;/var&gt; . &lt;code title=3Ddom-P=
lugin-item&gt;&lt;a href=3D#dom-plugin-item&gt;item&lt;/a&gt;&lt;/code&gt=
;(&lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt;)&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;plugin&lt;/var&gt;[&lt;var =
title=3D&quot;&quot;&gt;name&lt;/var&gt;]&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the &lt;code&gt;&lt;a href=3D#mimetype&gt;MimeType&=
lt;/a&gt;&lt;/code&gt; object for the given MIME type.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;mimeType&lt;/var&gt; . &lt;=
code title=3Ddom-MimeType-type&gt;&lt;a href=3D#dom-mimetype-type&gt;type=
&lt;/a&gt;&lt;/code&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the MIME type.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;mimeType&lt;/var&gt; . &lt;=
code title=3Ddom-MimeType-description&gt;&lt;a href=3D#dom-mimetype-descr=
iption&gt;description&lt;/a&gt;&lt;/code&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the MIME type's description.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;mimeType&lt;/var&gt; . &lt;=
code title=3Ddom-MimeType-suffixes&gt;&lt;a href=3D#dom-mimetype-suffixes=
&gt;suffixes&lt;/a&gt;&lt;/code&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the MIME type's typical file extensions, in a comma=
-separated list.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;mimeType&lt;/var&gt; . &lt;=
code title=3Ddom-MimeType-enabledPlugin&gt;&lt;a href=3D#dom-mimetype-ena=
bledplugin&gt;enabledPlugin&lt;/a&gt;&lt;/code&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns the &lt;code title=3Ddom-Plugin&gt;&lt;a href=3D#do=
m-plugin&gt;Plugin&lt;/a&gt;&lt;/code&gt; object that implements this MIM=
E type.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-navigator&gt;&lt;a href=3D#dom-navigator&gt;navigator&lt;/=
a&gt;&lt;/code&gt; . &lt;code title=3Ddom-navigator-javaEnabled&gt;&lt;a =
href=3D#dom-navigator-javaenabled&gt;javaEnabled&lt;/a&gt;&lt;/code&gt;&l=
t;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Returns true if there's a plugin that supports the MIME typ=
e &quot;&lt;code title=3D&quot;&quot;&gt;application/x-java-vm&lt;/code&g=
t;&quot;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-navigator-plugins title=3Ddom-navigator-=
plugins&gt;&lt;code&gt;navigator.plugins&lt;/code&gt;&lt;/dfn&gt; attribu=
te must
+  return a &lt;code&gt;&lt;a href=3D#pluginarray&gt;PluginArray&lt;/a&gt=
;&lt;/code&gt; object. The same object must be returned each time.&lt;/p&=
gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-navigator-mimetypes title=3Ddom-navigato=
r-mimeTypes&gt;&lt;code&gt;navigator.mimeTypes&lt;/code&gt;&lt;/dfn&gt; a=
ttribute must
+  return a &lt;code&gt;&lt;a href=3D#mimetypearray&gt;MimeTypeArray&lt;/=
a&gt;&lt;/code&gt; object. The same object must be returned each time.&lt=
;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;A &lt;code&gt;&lt;a href=3D#pluginarray&gt;PluginAr=
ray&lt;/a&gt;&lt;/code&gt; object represents none, some, or all of the &l=
t;a href=3D#plugin title=3Dplugin&gt;plugins&lt;/a&gt; supported by the u=
ser agent, each of which is represented by a &lt;code title=3Ddom-Plugin&=
gt;&lt;a href=3D#dom-plugin&gt;Plugin&lt;/a&gt;&lt;/code&gt; object. Each=
 of these &lt;code title=3Ddom-Plugin&gt;&lt;a href=3D#dom-plugin&gt;Plug=
in&lt;/a&gt;&lt;/code&gt;
+  objects may be &lt;dfn id=3Dhidden-plugin title=3D&quot;hidden plugin&=
quot;&gt;hidden plugins&lt;/dfn&gt;. A &lt;a href=3D#hidden-plugin&gt;hid=
den plugin&lt;/a&gt; can't
+  be enumerated, but can still be inspected by using its name.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The fewer &lt;a href=3D#plugin title=3Dplugin&gt=
;plugins&lt;/a&gt; are represented by the
+  &lt;code&gt;&lt;a href=3D#pluginarray&gt;PluginArray&lt;/a&gt;&lt;/cod=
e&gt; object, and of those, the more that are &lt;a href=3D#hidden-plugin=
 title=3D&quot;hidden
+  plugin&quot;&gt;hidden&lt;/a&gt;, the more the user's privacy will be =
protected. Each exposed plugin
+  increases the number of bits that can be derived for fingerprinting. H=
iding a plugin helps, but
+  unless it is an extremely rare plugin, it is likely that a site attemp=
ting to derive the list of
+  plugins can still determine whether the plugin is supported or not by =
probing for it by name (the
+  names of popular plugins are widely known). Therefore not exposing a p=
lugin at all is preferred.
+  Unfortunately, many legacy sites use this feature to determine, for ex=
ample, which plugin to use
+  to play video. Not exposing any plugins at all might therefore not be =
entirely plausible.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#pluginarray&gt;PluginArray&lt;/=
a&gt;&lt;/code&gt; objects created by a user agent must not be &lt;a href=
=3D#live&gt;live&lt;/a&gt;. The
+  set of plugins represented by the objects must not change once an obje=
ct is created, except when
+  it is updated by the &lt;code title=3Ddom-PluginArray-refresh&gt;&lt;a=
 href=3D#dom-pluginarray-refresh&gt;refresh()&lt;/a&gt;&lt;/code&gt; meth=
od.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;a href=3D#plugin&gt;plugin&lt;/a&gt; represented by =
a &lt;code&gt;&lt;a href=3D#pluginarray&gt;PluginArray&lt;/a&gt;&lt;/code=
&gt; can support a number of
+  &lt;a href=3D#mime-type title=3D&quot;MIME type&quot;&gt;MIME types&lt=
;/a&gt;. For each such &lt;a href=3D#plugin&gt;plugin&lt;/a&gt;, the user=
 agent must
+  pick one or more of these &lt;a href=3D#mime-type title=3D&quot;MIME t=
ype&quot;&gt;MIME types&lt;/a&gt; to be those that are
+  &lt;dfn id=3Dexplicitly-supported&gt;explicitly supported&lt;/dfn&gt;.=
&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;a href=3D#explicitly-supported&gt;explic=
itly supported&lt;/a&gt; &lt;a href=3D#mime-type title=3D&quot;MIME type&=
quot;&gt;MIME types&lt;/a&gt; of
+  a &lt;a href=3D#plugin&gt;plugin&lt;/a&gt; are those that are exposed =
through the &lt;code title=3Ddom-Plugin&gt;&lt;a href=3D#dom-plugin&gt;Pl=
ugin&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#mimetypearray&g=
t;MimeTypeArray&lt;/a&gt;&lt;/code&gt; interfaces. As with &lt;a href=3D#=
plugin title=3Dplugin&gt;plugins&lt;/a&gt; themselves, any variation betw=
een users regarding what is exposed
+  allows sites to fingerprint users. User agents are therefore encourage=
d to expose the same &lt;a href=3D#mime-type title=3D&quot;MIME type&quot=
;&gt;MIME types&lt;/a&gt; for all users of a &lt;a href=3D#plugin&gt;plug=
in&lt;/a&gt;, regardless of the
+  actual types supported... at least, within the constraints imposed by =
compatibility with legacy
+  content.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#supported-property-indices&gt;supported pro=
perty indices&lt;/a&gt; of a &lt;code&gt;&lt;a href=3D#pluginarray&gt;Plu=
ginArray&lt;/a&gt;&lt;/code&gt; object are the
+  numbers from zero to the number of non-&lt;a href=3D#hidden-plugin tit=
le=3D&quot;hidden plugin&quot;&gt;hidden&lt;/a&gt; &lt;a href=3D#plugin t=
itle=3Dplugin&gt;plugins&lt;/a&gt; represented by the object, if any.
+  &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot;=
fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fin=
gerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&qu=
ot; height=3D64&gt;&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-pluginarray-length title=3Ddom-PluginArr=
ay-length&gt;&lt;code&gt;length&lt;/code&gt;&lt;/dfn&gt; attribute must r=
eturn the
+  number of non-&lt;a href=3D#hidden-plugin title=3D&quot;hidden plugin&=
quot;&gt;hidden&lt;/a&gt; &lt;a href=3D#plugin title=3Dplugin&gt;plugins&=
lt;/a&gt;
+  represented by the object.
+  &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot;=
fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fin=
gerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&qu=
ot; height=3D64&gt;&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-pluginarray-item title=3Ddom-PluginArray=
-item&gt;&lt;code&gt;item()&lt;/code&gt;&lt;/dfn&gt; method of a
+  &lt;code&gt;&lt;a href=3D#pluginarray&gt;PluginArray&lt;/a&gt;&lt;/cod=
e&gt; object must return null if the argument is not one of the object's
+  &lt;a href=3D#supported-property-indices&gt;supported property indices=
&lt;/a&gt;, and otherwise must return the result of running the
+  following steps, using the method's argument as &lt;var title=3D&quot;=
&quot;&gt;index&lt;/var&gt;:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;list&=
lt;/var&gt; be the &lt;code title=3Ddom-Plugin&gt;&lt;a href=3D#dom-plugi=
n&gt;Plugin&lt;/a&gt;&lt;/code&gt; objects
+   representing the non-&lt;a href=3D#hidden-plugin title=3D&quot;hidden=
 plugin&quot;&gt;hidden&lt;/a&gt; &lt;a href=3D#plugin title=3Dplugin&gt;=
plugins&lt;/a&gt; represented by the &lt;code&gt;&lt;a href=3D#pluginarra=
y&gt;PluginArray&lt;/a&gt;&lt;/code&gt; object.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Sort &lt;var title=3D&quot;&quot;&gt;list&lt;/var&=
gt; alphabetically by the &lt;code title=3Ddom-Plugin-name&gt;&lt;a href=3D=
#dom-plugin-name&gt;name&lt;/a&gt;&lt;/code&gt; of each &lt;code title=3D=
dom-Plugin&gt;&lt;a href=3D#dom-plugin&gt;Plugin&lt;/a&gt;&lt;/code&gt;.&=
lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the &lt;var title=3D&quot;&quot;&gt;index&l=
t;/var&gt;th entry in &lt;var title=3D&quot;&quot;&gt;list&lt;/var&gt;.&l=
t;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;It is important &lt;a href=3D#fingerp=
rinting-vector class=3Dno-backref title=3D&quot;fingerprinting vector&quo=
t;&gt;for
+  privacy&lt;/a&gt; that the order of plugins not leak additional inform=
ation, e.g. the order in which
+  plugins were installed.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#supported-property-names&gt;supported prope=
rty names&lt;/a&gt; of a &lt;code&gt;&lt;a href=3D#pluginarray&gt;PluginA=
rray&lt;/a&gt;&lt;/code&gt; object are the values
+  of the &lt;code title=3Ddom-Plugin-name&gt;&lt;a href=3D#dom-plugin-na=
me&gt;name&lt;/a&gt;&lt;/code&gt; attributes of all the &lt;code title=3D=
dom-Plugin&gt;&lt;a href=3D#dom-plugin&gt;Plugin&lt;/a&gt;&lt;/code&gt; o=
bjects represented by the &lt;code&gt;&lt;a href=3D#pluginarray&gt;Plugin=
Array&lt;/a&gt;&lt;/code&gt; object. The
+  properties exposed in this way must not be enumerable.
+  &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot;=
fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fin=
gerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&qu=
ot; height=3D64&gt;&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-pluginarray-nameditem title=3Ddom-Plugin=
Array-namedItem&gt;&lt;code&gt;namedItem()&lt;/code&gt;&lt;/dfn&gt; metho=
d of a
+  &lt;code&gt;&lt;a href=3D#pluginarray&gt;PluginArray&lt;/a&gt;&lt;/cod=
e&gt; object must return null if the argument is not one of the object's
+  &lt;a href=3D#supported-property-names&gt;supported property names&lt;=
/a&gt;, and otherwise must return the &lt;code title=3Ddom-Plugin&gt;&lt;=
a href=3D#dom-plugin&gt;Plugin&lt;/a&gt;&lt;/code&gt; object, of those re=
presented by the &lt;code&gt;&lt;a href=3D#pluginarray&gt;PluginArray&lt;=
/a&gt;&lt;/code&gt;
+  object, that has a &lt;code title=3Ddom-Plugin-name&gt;&lt;a href=3D#d=
om-plugin-name&gt;name&lt;/a&gt;&lt;/code&gt; equal to the method's argum=
ent.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-pluginarray-refresh title=3Ddom-PluginAr=
ray-refresh&gt;&lt;code&gt;refresh()&lt;/code&gt;&lt;/dfn&gt; method of t=
he
+  &lt;code&gt;&lt;a href=3D#pluginarray&gt;PluginArray&lt;/a&gt;&lt;/cod=
e&gt; object of a &lt;code&gt;&lt;a href=3D#navigator&gt;Navigator&lt;/a&=
gt;&lt;/code&gt; object, when invoked, must check to
+  see if any &lt;a href=3D#plugin title=3Dplugin&gt;plugins&lt;/a&gt; ha=
ve been installed or reconfigured since the user
+  agent created the &lt;code&gt;&lt;a href=3D#pluginarray&gt;PluginArray=
&lt;/a&gt;&lt;/code&gt; object. If so, and the method's argument is true,=
 then
+  the user agent must act as if the &lt;code title=3Ddom-location-reload=
&gt;&lt;a href=3D#dom-location-reload&gt;location.reload()&lt;/a&gt;&lt;/=
code&gt;
+  method was called instead. Otherwise, the user agent must update the &=
lt;code&gt;&lt;a href=3D#pluginarray&gt;PluginArray&lt;/a&gt;&lt;/code&gt=
;
+  object and &lt;code&gt;&lt;a href=3D#mimetypearray&gt;MimeTypeArray&lt=
;/a&gt;&lt;/code&gt; object created for attributes of that &lt;code&gt;&l=
t;a href=3D#navigator&gt;Navigator&lt;/a&gt;&lt;/code&gt;
+  object, and the &lt;code title=3Ddom-Plugin&gt;&lt;a href=3D#dom-plugi=
n&gt;Plugin&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#mimetype=
&gt;MimeType&lt;/a&gt;&lt;/code&gt; objects created
+  for those &lt;code&gt;&lt;a href=3D#pluginarray&gt;PluginArray&lt;/a&g=
t;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#mimetypearray&gt;MimeTypeAr=
ray&lt;/a&gt;&lt;/code&gt; objects, using the same &lt;code title=3Ddom-P=
lugin&gt;&lt;a href=3D#dom-plugin&gt;Plugin&lt;/a&gt;&lt;/code&gt; object=
s for cases where the &lt;code title=3Ddom-Plugin-name&gt;&lt;a href=3D#d=
om-plugin-name&gt;name&lt;/a&gt;&lt;/code&gt; is the same, and the same &=
lt;code&gt;&lt;a href=3D#mimetype&gt;MimeType&lt;/a&gt;&lt;/code&gt; obje=
cts for
+  cases where the &lt;code title=3Ddom-MimeType-type&gt;&lt;a href=3D#do=
m-mimetype-type&gt;type&lt;/a&gt;&lt;/code&gt; is the same, and creating =
new objects
+  for cases where there were no matching objects immediately prior to th=
e &lt;code title=3Ddom-PluginArray-refresh&gt;&lt;a href=3D#dom-pluginarr=
ay-refresh&gt;refresh()&lt;/a&gt;&lt;/code&gt; call. Old &lt;code title=3D=
dom-Plugin&gt;&lt;a href=3D#dom-plugin&gt;Plugin&lt;/a&gt;&lt;/code&gt;
+  and &lt;code&gt;&lt;a href=3D#mimetype&gt;MimeType&lt;/a&gt;&lt;/code&=
gt; objects must continue to return the same values that they had prior t=
o
+  the update, though naturally now the data is stale and may appear inco=
nsistent (for example, an
+  old &lt;code&gt;&lt;a href=3D#mimetype&gt;MimeType&lt;/a&gt;&lt;/code&=
gt; entry might list as its &lt;code title=3Ddom-MimeType-enabledPlugin&g=
t;&lt;a href=3D#dom-mimetype-enabledplugin&gt;enabledPlugin&lt;/a&gt;&lt;=
/code&gt; a &lt;code title=3Ddom-Plugin&gt;&lt;a href=3D#dom-plugin&gt;Pl=
ugin&lt;/a&gt;&lt;/code&gt;
+  object that no longer lists that &lt;code&gt;&lt;a href=3D#mimetype&gt=
;MimeType&lt;/a&gt;&lt;/code&gt; as a supported &lt;code&gt;&lt;a href=3D=
#mimetype&gt;MimeType&lt;/a&gt;&lt;/code&gt;).&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;A &lt;code&gt;&lt;a href=3D#mimetypearray&gt;MimeTy=
peArray&lt;/a&gt;&lt;/code&gt; object represents the &lt;a href=3D#mime-t=
ype title=3D&quot;MIME type&quot;&gt;MIME types&lt;/a&gt;
+  &lt;a href=3D#explicitly-supported&gt;explicitly supported&lt;/a&gt; b=
y &lt;a href=3D#plugin title=3Dplugin&gt;plugins&lt;/a&gt; supported by t=
he user
+  agent, each of which is represented by a &lt;code&gt;&lt;a href=3D#mim=
etype&gt;MimeType&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#mimetypearray&gt;MimeTypeArray&=
lt;/a&gt;&lt;/code&gt; objects created by a user agent must not be &lt;a =
href=3D#live&gt;live&lt;/a&gt;.
+  The set of MIME types represented by the objects must not change once =
an object is created, except
+  when it is updated by the &lt;code&gt;&lt;a href=3D#pluginarray&gt;Plu=
ginArray&lt;/a&gt;&lt;/code&gt; object's &lt;code title=3Ddom-PluginArray=
-refresh&gt;&lt;a href=3D#dom-pluginarray-refresh&gt;refresh()&lt;/a&gt;&=
lt;/code&gt; method.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#supported-property-indices&gt;supported pro=
perty indices&lt;/a&gt; of a &lt;code&gt;&lt;a href=3D#mimetypearray&gt;M=
imeTypeArray&lt;/a&gt;&lt;/code&gt; object are the
+  numbers from zero to the number of &lt;a href=3D#mime-type title=3D&qu=
ot;MIME type&quot;&gt;MIME types&lt;/a&gt; &lt;a href=3D#explicitly-suppo=
rted&gt;explicitly
+  supported&lt;/a&gt; by non-&lt;a href=3D#hidden-plugin title=3D&quot;h=
idden plugin&quot;&gt;hidden&lt;/a&gt; &lt;a href=3D#plugin title=3Dplugi=
n&gt;plugins&lt;/a&gt; represented by the corresponding &lt;code&gt;&lt;a=
 href=3D#pluginarray&gt;PluginArray&lt;/a&gt;&lt;/code&gt; object, if
+  any.
+  &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot;=
fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fin=
gerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&qu=
ot; height=3D64&gt;&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-mimetypearray-length title=3Ddom-MimeTyp=
eArray-length&gt;&lt;code&gt;length&lt;/code&gt;&lt;/dfn&gt; attribute mu=
st return the
+  number of &lt;a href=3D#mime-type title=3D&quot;MIME type&quot;&gt;MIM=
E types&lt;/a&gt; &lt;a href=3D#explicitly-supported&gt;explicitly suppor=
ted&lt;/a&gt; by non-&lt;a href=3D#hidden-plugin title=3D&quot;hidden plu=
gin&quot;&gt;hidden&lt;/a&gt; &lt;a href=3D#plugin title=3Dplugin&gt;plug=
ins&lt;/a&gt; represented by the
+  corresponding &lt;code&gt;&lt;a href=3D#pluginarray&gt;PluginArray&lt;=
/a&gt;&lt;/code&gt; object, if any.
+  &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot;=
fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fin=
gerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&qu=
ot; height=3D64&gt;&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-mimetypearray-item title=3Ddom-MimeTypeA=
rray-item&gt;&lt;code&gt;item()&lt;/code&gt;&lt;/dfn&gt; method of a
+  &lt;code&gt;&lt;a href=3D#mimetypearray&gt;MimeTypeArray&lt;/a&gt;&lt;=
/code&gt; object must return null if the argument is not one of the objec=
t's
+  &lt;a href=3D#supported-property-indices&gt;supported property indices=
&lt;/a&gt;, and otherwise must return the result of running the
+  following steps, using the method's argument as &lt;var title=3D&quot;=
&quot;&gt;index&lt;/var&gt;:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;list&=
lt;/var&gt; be the &lt;code&gt;&lt;a href=3D#mimetype&gt;MimeType&lt;/a&g=
t;&lt;/code&gt; objects representing the &lt;a href=3D#mime-type title=3D=
&quot;MIME type&quot;&gt;MIME types&lt;/a&gt; &lt;a href=3D#explicitly-su=
pported&gt;explicitly supported&lt;/a&gt; by non-&lt;a href=3D#hidden-plu=
gin title=3D&quot;hidden
+   plugin&quot;&gt;hidden&lt;/a&gt; &lt;a href=3D#plugin title=3Dplugin&=
gt;plugins&lt;/a&gt; represented by the corresponding
+   &lt;code&gt;&lt;a href=3D#pluginarray&gt;PluginArray&lt;/a&gt;&lt;/co=
de&gt; object, if any.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Sort &lt;var title=3D&quot;&quot;&gt;list&lt;/var&=
gt; alphabetically by the &lt;code title=3Ddom-MimeType-type&gt;&lt;a hre=
f=3D#dom-mimetype-type&gt;type&lt;/a&gt;&lt;/code&gt; of each &lt;code&gt=
;&lt;a href=3D#mimetype&gt;MimeType&lt;/a&gt;&lt;/code&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the &lt;var title=3D&quot;&quot;&gt;index&l=
t;/var&gt;th entry in &lt;var title=3D&quot;&quot;&gt;list&lt;/var&gt;.&l=
t;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;It is important &lt;a href=3D#fingerp=
rinting-vector class=3Dno-backref title=3D&quot;fingerprinting vector&quo=
t;&gt;for
+  privacy&lt;/a&gt; that the order of MIME types not leak additional inf=
ormation, e.g. the order in
+  which plugins were installed.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#supported-property-names&gt;supported prope=
rty names&lt;/a&gt; of a &lt;code&gt;&lt;a href=3D#mimetypearray&gt;MimeT=
ypeArray&lt;/a&gt;&lt;/code&gt; object are the values
+  of the &lt;code title=3Ddom-MimeType-type&gt;&lt;a href=3D#dom-mimetyp=
e-type&gt;type&lt;/a&gt;&lt;/code&gt; attributes of all the &lt;code&gt;&=
lt;a href=3D#mimetype&gt;MimeType&lt;/a&gt;&lt;/code&gt;
+  objects represented by the &lt;code&gt;&lt;a href=3D#mimetypearray&gt;=
MimeTypeArray&lt;/a&gt;&lt;/code&gt; object. The properties exposed in th=
is way
+  must not be enumerable.
+  &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot;=
fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fin=
gerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&qu=
ot; height=3D64&gt;&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-mimetypearray-nameditem title=3Ddom-Mime=
TypeArray-namedItem&gt;&lt;code&gt;namedItem()&lt;/code&gt;&lt;/dfn&gt; m=
ethod of a
+  &lt;code&gt;&lt;a href=3D#mimetypearray&gt;MimeTypeArray&lt;/a&gt;&lt;=
/code&gt; object must return null if the argument is not one of the objec=
t's
+  &lt;a href=3D#supported-property-names&gt;supported property names&lt;=
/a&gt;, and otherwise must return the &lt;code&gt;&lt;a href=3D#mimetype&=
gt;MimeType&lt;/a&gt;&lt;/code&gt; object
+  that has a &lt;code title=3Ddom-MimeType-type&gt;&lt;a href=3D#dom-mim=
etype-type&gt;type&lt;/a&gt;&lt;/code&gt; equal to the method's argument.=
&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;A &lt;code title=3Ddom-Plugin&gt;&lt;a href=3D#dom-=
plugin&gt;Plugin&lt;/a&gt;&lt;/code&gt; object represents a &lt;a href=3D=
#plugin&gt;plugin&lt;/a&gt;. It has
+  several attributes to provide details about the plugin, and can be enu=
merated to obtain the list
+  of &lt;a href=3D#mime-type title=3D&quot;MIME type&quot;&gt;MIME types=
&lt;/a&gt; that it &lt;a href=3D#explicitly-supported title=3D&quot;expli=
citly supported&quot;&gt;explicitly
+  supports&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-Plugin&gt;&lt;a href=3D#dom-plugin&g=
t;Plugin&lt;/a&gt;&lt;/code&gt; objects created by a user agent must not =
be
+  &lt;a href=3D#live&gt;live&lt;/a&gt;. The set of MIME types represente=
d by the objects, and the values of the
+  objects' attributes, must not change once an object is created, except=
 when updated by the
+  &lt;code&gt;&lt;a href=3D#pluginarray&gt;PluginArray&lt;/a&gt;&lt;/cod=
e&gt; object's &lt;code title=3Ddom-PluginArray-refresh&gt;&lt;a href=3D#=
dom-pluginarray-refresh&gt;refresh()&lt;/a&gt;&lt;/code&gt;
+  method.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dreported-mime-types&gt;reported MIME types&l=
t;/dfn&gt; for a &lt;code title=3Ddom-Plugin&gt;&lt;a href=3D#dom-plugin&=
gt;Plugin&lt;/a&gt;&lt;/code&gt; object are the
+  &lt;a href=3D#mime-type title=3D&quot;MIME type&quot;&gt;MIME types&lt=
;/a&gt; &lt;a href=3D#explicitly-supported&gt;explicitly supported&lt;/a&=
gt; by the corresponding
+  &lt;a href=3D#plugin&gt;plugin&lt;/a&gt; when this object was last cre=
ated or updated by &lt;code title=3Ddom-PluginArray-refresh&gt;&lt;a href=
=3D#dom-pluginarray-refresh&gt;PluginArray.refresh()&lt;/a&gt;&lt;/code&g=
t;, whichever happened most
+  recently.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#supported-property-indices&gt;supported pro=
perty indices&lt;/a&gt; of a &lt;code title=3Ddom-Plugin&gt;&lt;a href=3D=
#dom-plugin&gt;Plugin&lt;/a&gt;&lt;/code&gt; object
+  are the numbers from zero to the number of &lt;a href=3D#reported-mime=
-types&gt;reported MIME types&lt;/a&gt;.
+  &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot;=
fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fin=
gerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&qu=
ot; height=3D64&gt;&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-plugin-length title=3Ddom-Plugin-length&=
gt;&lt;code&gt;length&lt;/code&gt;&lt;/dfn&gt; attribute must return the =
number
+  of &lt;a href=3D#reported-mime-types&gt;reported MIME types&lt;/a&gt;.
+  &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot;=
fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fin=
gerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&qu=
ot; height=3D64&gt;&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-plugin-item title=3Ddom-Plugin-item&gt;&=
lt;code&gt;item()&lt;/code&gt;&lt;/dfn&gt; method of a &lt;code title=3Dd=
om-Plugin&gt;&lt;a href=3D#dom-plugin&gt;Plugin&lt;/a&gt;&lt;/code&gt; ob=
ject must return null if the argument is not one of the
+  object's &lt;a href=3D#supported-property-indices&gt;supported propert=
y indices&lt;/a&gt;, and otherwise must return the result of running
+  the following steps, using the method's argument as &lt;var title=3D&q=
uot;&quot;&gt;index&lt;/var&gt;:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;list&=
lt;/var&gt; be the &lt;code&gt;&lt;a href=3D#mimetype&gt;MimeType&lt;/a&g=
t;&lt;/code&gt; objects representing the
+   &lt;a href=3D#reported-mime-types&gt;reported MIME types&lt;/a&gt;.&l=
t;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Sort &lt;var title=3D&quot;&quot;&gt;list&lt;/var&=
gt; alphabetically by the &lt;code title=3Ddom-MimeType-type&gt;&lt;a hre=
f=3D#dom-mimetype-type&gt;type&lt;/a&gt;&lt;/code&gt; of each &lt;code&gt=
;&lt;a href=3D#mimetype&gt;MimeType&lt;/a&gt;&lt;/code&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the &lt;var title=3D&quot;&quot;&gt;index&l=
t;/var&gt;th entry in &lt;var title=3D&quot;&quot;&gt;list&lt;/var&gt;.&l=
t;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;It is important &lt;a href=3D#fingerp=
rinting-vector class=3Dno-backref title=3D&quot;fingerprinting vector&quo=
t;&gt;for
+  privacy&lt;/a&gt; that the order of MIME types not leak additional inf=
ormation, e.g. the order in
+  which plugins were installed.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#supported-property-names&gt;supported prope=
rty names&lt;/a&gt; of a &lt;code title=3Ddom-Plugin&gt;&lt;a href=3D#dom=
-plugin&gt;Plugin&lt;/a&gt;&lt;/code&gt; object
+  are the values of the &lt;code title=3Ddom-MimeType-type&gt;&lt;a href=
=3D#dom-mimetype-type&gt;type&lt;/a&gt;&lt;/code&gt; attributes of the
+  &lt;code&gt;&lt;a href=3D#mimetype&gt;MimeType&lt;/a&gt;&lt;/code&gt; =
objects representing the &lt;a href=3D#reported-mime-types&gt;reported MI=
ME types&lt;/a&gt;. The properties
+  exposed in this way must not be enumerable.
+  &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot;=
fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fin=
gerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&qu=
ot; height=3D64&gt;&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-plugin-nameditem title=3Ddom-Plugin-name=
dItem&gt;&lt;code&gt;namedItem()&lt;/code&gt;&lt;/dfn&gt; method of a &lt=
;code title=3Ddom-Plugin&gt;&lt;a href=3D#dom-plugin&gt;Plugin&lt;/a&gt;&=
lt;/code&gt; object must return null if the argument is not one of the
+  object's &lt;a href=3D#supported-property-names&gt;supported property =
names&lt;/a&gt;, and otherwise must return the
+  &lt;code&gt;&lt;a href=3D#mimetype&gt;MimeType&lt;/a&gt;&lt;/code&gt; =
object that has a &lt;code title=3Ddom-MimeType-type&gt;&lt;a href=3D#dom=
-mimetype-type&gt;type&lt;/a&gt;&lt;/code&gt; equal to the
+  method's argument.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-plugin-name title=3Ddom-Plugin-name&gt;&=
lt;code&gt;name&lt;/code&gt;&lt;/dfn&gt; attribute must return the
+  &lt;a href=3D#plugin&gt;plugin&lt;/a&gt;'s name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-plugin-description title=3Ddom-Plugin-de=
scription&gt;&lt;code&gt;description&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn=
 id=3Ddom-plugin-filename title=3Ddom-Plugin-filename&gt;&lt;code&gt;file=
name&lt;/code&gt;&lt;/dfn&gt; attributes must return user-agent-defined
+  (or, in all likelihood, &lt;a href=3D#plugin&gt;plugin&lt;/a&gt;-defin=
ed) strings. In each case, the same string must
+  be returned each time, except that the strings returned may change whe=
n the &lt;code title=3Ddom-PluginArray-refresh&gt;&lt;a href=3D#dom-plugi=
narray-refresh&gt;PluginArray.refresh()&lt;/a&gt;&lt;/code&gt; method upd=
ates the object.&lt;/p&gt;
+
+  &lt;p class=3Dwarning&gt;If the values returned by the &lt;code title=3D=
dom-Plugin-description&gt;&lt;a href=3D#dom-plugin-description&gt;descrip=
tion&lt;/a&gt;&lt;/code&gt; or &lt;code title=3Ddom-Plugin-filename&gt;&l=
t;a href=3D#dom-plugin-filename&gt;filename&lt;/a&gt;&lt;/code&gt; attrib=
utes vary between versions of a
+  &lt;a href=3D#plugin&gt;plugin&lt;/a&gt;, they can be used both as a f=
ingerprinting vector and, even more importantly,
+  as a trivial way to determine what security vulnerabilities a &lt;a hr=
ef=3D#plugin&gt;plugin&lt;/a&gt; (and thus a
+  browser) may have. It is thus highly recommended that the &lt;code tit=
le=3Ddom-Plugin-description&gt;&lt;a href=3D#dom-plugin-description&gt;de=
scription&lt;/a&gt;&lt;/code&gt; attribute just return the same value as =
the
+  &lt;code title=3Ddom-Plugin-name&gt;&lt;a href=3D#dom-plugin-name&gt;n=
ame&lt;/a&gt;&lt;/code&gt; attribute, and that the &lt;code title=3Ddom-P=
lugin-filename&gt;&lt;a href=3D#dom-plugin-filename&gt;filename&lt;/a&gt;=
&lt;/code&gt; attribute return the empty string.
+  &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot;=
fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fin=
gerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&qu=
ot; height=3D64&gt;&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;A &lt;code&gt;&lt;a href=3D#mimetype&gt;MimeType&lt=
;/a&gt;&lt;/code&gt; object represents a &lt;a href=3D#mime-type&gt;MIME =
type&lt;/a&gt; that is, or was,
+  &lt;a href=3D#explicitly-supported&gt;explicitly supported&lt;/a&gt; b=
y a &lt;a href=3D#plugin&gt;plugin&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#mimetype&gt;MimeType&lt;/a&gt;&=
lt;/code&gt; objects created by a user agent must not be &lt;a href=3D#li=
ve&gt;live&lt;/a&gt;. The
+  values of the objects' attributes must not change once an object is cr=
eated, except when updated
+  by the &lt;code&gt;&lt;a href=3D#pluginarray&gt;PluginArray&lt;/a&gt;&=
lt;/code&gt; object's &lt;code title=3Ddom-PluginArray-refresh&gt;&lt;a h=
ref=3D#dom-pluginarray-refresh&gt;refresh()&lt;/a&gt;&lt;/code&gt;
+  method.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-mimetype-type title=3Ddom-MimeType-type&=
gt;&lt;code&gt;type&lt;/code&gt;&lt;/dfn&gt; attribute must return the
+  &lt;a href=3D#valid-mime-type-with-no-parameters&gt;valid MIME type wi=
th no parameters&lt;/a&gt; describing the &lt;a href=3D#mime-type&gt;MIME=
 type&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-mimetype-description title=3Ddom-MimeTyp=
e-description&gt;&lt;code&gt;description&lt;/code&gt;&lt;/dfn&gt; and &lt=
;dfn id=3Ddom-mimetype-suffixes title=3Ddom-MimeType-suffixes&gt;&lt;code=
&gt;suffixes&lt;/code&gt;&lt;/dfn&gt; attributes must return
+  user-agent-defined (or, in all likelihood, &lt;a href=3D#plugin&gt;plu=
gin&lt;/a&gt;-defined) strings. In each case, the
+  same string must be returned each time, except that the strings return=
ed may change when the &lt;code title=3Ddom-PluginArray-refresh&gt;&lt;a =
href=3D#dom-pluginarray-refresh&gt;PluginArray.refresh()&lt;/a&gt;&lt;/co=
de&gt; method updates the object.&lt;/p&gt;
+
+  &lt;p class=3Dwarning&gt;If the values returned by the &lt;code title=3D=
dom-MimeType-description&gt;&lt;a href=3D#dom-mimetype-description&gt;des=
cription&lt;/a&gt;&lt;/code&gt; or &lt;code title=3Ddom-MimeType-suffixes=
&gt;&lt;a href=3D#dom-mimetype-suffixes&gt;suffxies&lt;/a&gt;&lt;/code&gt=
; attributes vary between versions of a
+  &lt;a href=3D#plugin&gt;plugin&lt;/a&gt;, they can be used both as a f=
ingerprinting vector and, even more importantly,
+  as a trivial way to determine what security vulnerabilities a &lt;a hr=
ef=3D#plugin&gt;plugin&lt;/a&gt; (and thus a
+  browser) may have. It is thus highly recommended that the &lt;code tit=
le=3Ddom-MimeType-description&gt;&lt;a href=3D#dom-mimetype-description&g=
t;description&lt;/a&gt;&lt;/code&gt; attribute just return the same value=
 as the
+  &lt;code title=3Ddom-MimeType-type&gt;&lt;a href=3D#dom-mimetype-type&=
gt;type&lt;/a&gt;&lt;/code&gt; attribute, and that the &lt;code title=3Dd=
om-MimeType-suffixes&gt;&lt;a href=3D#dom-mimetype-suffixes&gt;suffixes&l=
t;/a&gt;&lt;/code&gt; attribute return the empty string.
+  &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot;=
fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fin=
gerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&qu=
ot; height=3D64&gt;&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Commas in the &lt;code title=3Ddom-MimeType-suff=
ixes&gt;&lt;a href=3D#dom-mimetype-suffixes&gt;suffixes&lt;/a&gt;&lt;/cod=
e&gt; attribute are
+  interpreted as separating subsequent filename extensions, as in &quot;=
&lt;code title=3D&quot;&quot;&gt;htm,html&lt;/code&gt;&quot;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-mimetype-enabledplugin title=3Ddom-MimeT=
ype-enabledPlugin&gt;&lt;code&gt;enabledPlugin&lt;/code&gt;&lt;/dfn&gt; a=
ttribute must
+  return the &lt;code title=3Ddom-Plugin&gt;&lt;a href=3D#dom-plugin&gt;=
Plugin&lt;/a&gt;&lt;/code&gt; object that represents the &lt;a href=3D#pl=
ugin&gt;plugin&lt;/a&gt;
+  that &lt;a href=3D#explicitly-supported&gt;explicitly supported&lt;/a&=
gt; the &lt;a href=3D#mime-type&gt;MIME type&lt;/a&gt; that this &lt;code=
&gt;&lt;a href=3D#mimetype&gt;MimeType&lt;/a&gt;&lt;/code&gt;
+  object represents when this object was last created or updated by &lt;=
code title=3Ddom-PluginArray-refresh&gt;&lt;a href=3D#dom-pluginarray-ref=
resh&gt;PluginArray.refresh()&lt;/a&gt;&lt;/code&gt;, whichever happened =
most
+  recently.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-navigator-javaenabled title=3D=
dom-navigator-javaEnabled&gt;&lt;code&gt;navigator.javaEnabled&lt;/code&g=
t;&lt;/dfn&gt; attribute
+  must return true if the user agent supports a &lt;a href=3D#plugin&gt;=
plugin&lt;/a&gt; that supports the &lt;a href=3D#mime-type&gt;MIME
+  type&lt;/a&gt; &quot;&lt;code title=3D&quot;&quot;&gt;application/x-ja=
va-vm&lt;/code&gt;&quot;.
+  &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot;=
fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fin=
gerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&qu=
ot; height=3D64&gt;&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dthe-external-interface&gt;&lt;span class=3Dsecno&gt;7.6.2 =
&lt;/span&gt;The &lt;code&gt;&lt;a href=3D#external&gt;External&lt;/a&gt;=
&lt;/code&gt; interface&lt;/h4&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-external title=3Ddom-external&gt;&lt;cod=
e&gt;external&lt;/code&gt;&lt;/dfn&gt; attribute of the &lt;code&gt;&lt;a=
 href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt;
+  interface must return an instance of the &lt;code&gt;&lt;a href=3D#ext=
ernal&gt;External&lt;/a&gt;&lt;/code&gt; interface. The same object must =
be
+  returned each time.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dexternal&gt;External&lt;=
/dfn&gt; {
+  void &lt;a href=3D#dom-external-addsearchprovider title=3Ddom-external=
-AddSearchProvider&gt;AddSearchProvider&lt;/a&gt;(DOMString engineURL);
+  unsigned long &lt;a href=3D#dom-external-issearchproviderinstalled tit=
le=3Ddom-external-IsSearchProviderInstalled&gt;IsSearchProviderInstalled&=
lt;/a&gt;(DOMString engineURL);
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;w=
indow&lt;/var&gt; . &lt;code title=3Ddom-external&gt;&lt;a href=3D#dom-ex=
ternal&gt;external&lt;/a&gt;&lt;/code&gt; . &lt;code title=3Ddom-external=
-AddSearchProvider&gt;&lt;a href=3D#dom-external-addsearchprovider&gt;Add=
SearchProvider&lt;/a&gt;&lt;/code&gt;( &lt;var title=3D&quot;&quot;&gt;ur=
l&lt;/var&gt; )&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Adds the search engine described by the OpenSearch descript=
ion document at &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt;. &lt;a hr=
ef=3D#refsOPENSEARCH&gt;[OPENSEARCH]&lt;/a&gt;&lt;/p&gt;
+
+    &lt;p&gt;The OpenSearch description document has to be on the same s=
erver as the script that calls
+    this method.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;installed&lt;/var&gt; =3D &=
lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;code title=3Ddom-=
external&gt;&lt;a href=3D#dom-external&gt;external&lt;/a&gt;&lt;/code&gt;=
 . &lt;code title=3Ddom-external-IsSearchProviderInstalled&gt;&lt;a href=3D=
#dom-external-issearchproviderinstalled&gt;IsSearchProviderInstalled&lt;/=
a&gt;&lt;/code&gt;( &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt; )&lt;=
/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a value based on comparing &lt;var title=3D&quot;&q=
uot;&gt;url&lt;/var&gt; to the URLs of the results pages
+    of the installed search engines.&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;0 &lt;dd&gt;None of the installed search engines=
 match &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt;.
+     &lt;dt&gt;1 &lt;dd&gt;One or more installed search engines match &l=
t;var title=3D&quot;&quot;&gt;url&lt;/var&gt;, but none are the user's de=
fault search engine.
+     &lt;dt&gt;2 &lt;dd&gt;The user's default search engine matches &lt;=
var title=3D&quot;&quot;&gt;url&lt;/var&gt;.
+    &lt;/dl&gt;&lt;p&gt;The &lt;var title=3D&quot;&quot;&gt;url&lt;/var&=
gt; is compared to the URLs of the results pages of the installed
+    search engines using a prefix match. Only results pages on the same =
domain as the script that
+    calls this method are checked.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p class=3Dnote&gt;Another way of exposing search engine=
s using OpenSearch description documents is
+  using a &lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&l=
t;/code&gt; element with the &lt;code title=3Drel-search&gt;&lt;a href=3D=
#link-type-search&gt;search&lt;/a&gt;&lt;/code&gt; link type.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+   &lt;p&gt;The &lt;dfn id=3Ddom-external-addsearchprovider title=3Ddom-=
external-AddSearchProvider&gt;&lt;code&gt;AddSearchProvider()&lt;/code&gt=
;&lt;/dfn&gt; method,
+   when invoked, must run the following steps:&lt;/p&gt;
+
+   &lt;ol&gt;&lt;li&gt;&lt;p&gt;Optionally, abort these steps. User agen=
ts may implement the method as a stub method that
+    never does anything, or may arbitrarily ignore invocations with part=
icular arguments for
+    security, privacy, or usability reasons.&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;li&gt;&lt;p&gt;&lt;a href=3D#resolve-a-url title=3D&quot;resolve=
 a url&quot;&gt;Resolve&lt;/a&gt; the value of the method's first argumen=
t
+    relative to the &lt;a href=3D#api-base-url&gt;API base URL&lt;/a&gt;=
 specified by the &lt;a href=3D#entry-settings-object&gt;entry settings o=
bject&lt;/a&gt;.&lt;/li&gt;
+
+    &lt;li&gt;&lt;p&gt;If this fails, abort these steps.&lt;/li&gt;
+
+    &lt;li&gt;&lt;p&gt;Process the resulting &lt;a href=3D#absolute-url&=
gt;absolute URL&lt;/a&gt; as the &lt;a href=3D#url&gt;URL&lt;/a&gt; to an=
 OpenSearch
+    description document. &lt;a href=3D#refsOPENSEARCH&gt;[OPENSEARCH]&l=
t;/a&gt;&lt;/li&gt;
+
+   &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Ddom-external-issearchproviderins=
talled title=3Ddom-external-IsSearchProviderInstalled&gt;&lt;code&gt;IsSe=
archProviderInstalled()&lt;/code&gt;&lt;/dfn&gt;
+   method, when invoked, must run the following steps:
+   &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot=
;fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fi=
ngerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&q=
uot; height=3D64&gt;&lt;/a&gt;
+   &lt;/p&gt;
+
+   &lt;ol&gt;&lt;li&gt;&lt;p&gt;Optionally, return 0 and abort these ste=
ps. User agents may implement the method as a
+    stub method that never returns a non-zero value, or may arbitrarily =
ignore invocations with
+    particular arguments for security, privacy, or usability reasons.&lt=
;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#origin&gt;origin&lt;/a&gt; s=
pecified by the &lt;a href=3D#entry-settings-object&gt;entry settings obj=
ect&lt;/a&gt; is an opaque identifier (i.e.
+    it has no host component), then return 0 and abort these steps.&lt;/=
li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;host1&lt;/var=
&gt; be the host component of the &lt;a href=3D#origin&gt;origin&lt;/a&gt=
; specified by the
+    &lt;a href=3D#entry-settings-object&gt;entry settings object&lt;/a&g=
t;.&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;li&gt;&lt;p&gt;&lt;a href=3D#resolve-a-url title=3D&quot;resolve=
 a url&quot;&gt;Resolve&lt;/a&gt; the &lt;var title=3D&quot;&quot;&gt;scr=
iptURL&lt;/var&gt; argument
+    relative to the &lt;a href=3D#api-base-url&gt;API base URL&lt;/a&gt;=
 specified by the &lt;a href=3D#entry-settings-object&gt;entry settings
+    object&lt;/a&gt;.&lt;/li&gt;
+
+    &lt;li&gt;&lt;p&gt;If this fails, return 0 and abort these steps.&lt=
;/li&gt;
+
+    &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;host2&lt;/var=
&gt; be the &lt;a href=3D#concept-url-host title=3Dconcept-url-host&gt;ho=
st&lt;/a&gt; component
+    of the resulting &lt;a href=3D#parsed-url&gt;parsed URL&lt;/a&gt;.&l=
t;/li&gt;
+
+    &lt;li&gt;
+
+     &lt;p&gt;If the longest suffix in the Public Suffix List that match=
es the end of &lt;var title=3D&quot;&quot;&gt;host1&lt;/var&gt; is differ=
ent than the longest suffix in the Public Suffix List that
+     matches the end of &lt;var title=3D&quot;&quot;&gt;host2&lt;/var&gt=
;, then return 0 and abort these steps. &lt;a href=3D#refsPSL&gt;[PSL]&lt=
;/a&gt;&lt;/p&gt;
+
+     &lt;p&gt;If the next domain component of &lt;var title=3D&quot;&quo=
t;&gt;host1&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt;host2&lt;/var=
&gt;
+     after their common suffix are not the same, then return 0 and abort=
 these steps.&lt;/p&gt;
+
+     &lt;!-- host1 is ascii here because origins are ascii. host2 is asc=
ii because resolve urls
+     punycodes idna. --&gt;
+
+    &lt;/li&gt;
+
+    &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;search engine=
s&lt;/var&gt; be the list of search engines known by the user
+    agent and made available to the user by the user agent for which the=
 resulting &lt;a href=3D#absolute-url&gt;absolute
+    URL&lt;/a&gt; is a &lt;a href=3D#prefix-match&gt;prefix match&lt;/a&=
gt; of the search engine's &lt;a href=3D#url&gt;URL&lt;/a&gt;, if any. Fo=
r
+    search engines registered using OpenSearch description documents, th=
e &lt;a href=3D#url&gt;URL&lt;/a&gt; of the
+    search engine corresponds to the URL given in a &lt;code title=3D&qu=
ot;&quot;&gt;Url&lt;/code&gt; element whose &lt;code title=3D&quot;&quot;=
&gt;rel&lt;/code&gt; attribute is &quot;&lt;code title=3D&quot;&quot;&gt;=
results&lt;/code&gt;&quot; (the default). &lt;a href=3D#refsOPENSEARCH&gt=
;[OPENSEARCH]&lt;/a&gt;&lt;/li&gt;
+
+    &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;search engines=
&lt;/var&gt; is empty, return 0 and abort these steps.&lt;/li&gt;
+
+    &lt;li&gt;&lt;p&gt;If the user's default search engine (as determine=
d by the user agent) is one of the
+    search engines in &lt;var title=3D&quot;&quot;&gt;search engines&lt;=
/var&gt;, then return 2 and abort these
+    steps.&lt;/li&gt;
+
+    &lt;li&gt;&lt;p&gt;Return 1.&lt;/li&gt;
+
+   &lt;/ol&gt;&lt;/div&gt;
+
+
+&lt;!--TOPIC:Canvas--&gt;
+
+  &lt;h3 id=3Dimages&gt;&lt;span class=3Dsecno&gt;7.7 &lt;/span&gt;Image=
s&lt;/h3&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dimagebitmap&gt;ImageBitm=
ap&lt;/dfn&gt; {
+  readonly attribute unsigned long &lt;a href=3D#dom-imagebitmap-width t=
itle=3Ddom-ImageBitmap-width&gt;width&lt;/a&gt;;
+  readonly attribute unsigned long &lt;a href=3D#dom-imagebitmap-height =
title=3Ddom-ImageBitmap-height&gt;height&lt;/a&gt;;
+  readonly attribute double &lt;a href=3D#dom-imagebitmap-resolution tit=
le=3Ddom-ImageBitmap-resolution&gt;resolution&lt;/a&gt;;
+};
+
+typedef (&lt;a href=3D#htmlimageelement&gt;HTMLImageElement&lt;/a&gt; or
+         &lt;a href=3D#htmlvideoelement&gt;HTMLVideoElement&lt;/a&gt; or
+         &lt;a href=3D#htmlcanvaselement&gt;HTMLCanvasElement&lt;/a&gt; =
or
+         &lt;a href=3D#blob&gt;Blob&lt;/a&gt; or
+         &lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt; or
+         &lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingContex=
t2D&lt;/a&gt; or
+         &lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a&gt;) &lt;dfn id=3D=
imagebitmapsource&gt;ImageBitmapSource&lt;/dfn&gt;;
+
+[NoInterfaceObject]
+interface &lt;dfn id=3Dimagebitmapfactories&gt;ImageBitmapFactories&lt;/=
dfn&gt; {
+  &lt;a href=3D#promise&gt;Promise&lt;/a&gt; &lt;a href=3D#dom-createima=
gebitmap title=3Ddom-createImageBitmap&gt;createImageBitmap&lt;/a&gt;(&lt=
;a href=3D#imagebitmapsource&gt;ImageBitmapSource&lt;/a&gt; image, option=
al long sx, long sy, long sw, long sh);
+};
+&lt;a href=3D#window&gt;Window&lt;/a&gt; implements &lt;a href=3D#imageb=
itmapfactories&gt;ImageBitmapFactories&lt;/a&gt;;
+&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope&lt;/a&gt; implement=
s &lt;a href=3D#imagebitmapfactories&gt;ImageBitmapFactories&lt;/a&gt;;&l=
t;/pre&gt;
+
+  &lt;p&gt;An &lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a=
&gt;&lt;/code&gt; object represents a bitmap image that can be painted to=
 a canvas
+  without undue latency.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The exact judgement of what is undue latency of =
this is left up to the
+  implementer, but in general if making use of the bitmap requires netwo=
rk I/O, or even local disk
+  I/O, then the latency is probably undue; whereas if it only requires a=
 blocking read from a GPU or
+  system RAM, the latency is probably acceptable.&lt;/p&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;p=
romise&lt;/var&gt; =3D &lt;var title=3D&quot;&quot;&gt;Window&lt;/var&gt;=
 . &lt;code title=3Ddom-createImageBitmap&gt;&lt;a href=3D#dom-createimag=
ebitmap&gt;createImageBitmap&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot=
;&quot;&gt;image&lt;/var&gt; [, &lt;var title=3D&quot;&quot;&gt;sx&lt;/va=
r&gt;, &lt;var title=3D&quot;&quot;&gt;sy&lt;/var&gt;, &lt;var title=3D&q=
uot;&quot;&gt;sw&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&=
gt; ] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Takes &lt;var title=3D&quot;&quot;&gt;image&lt;/var&gt;, wh=
ich can be an &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&=
lt;/code&gt; element,
+    &lt;code&gt;&lt;a href=3D#the-video-element&gt;video&lt;/a&gt;&lt;/c=
ode&gt;, or &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&=
gt;&lt;/code&gt; element, a &lt;code&gt;&lt;a href=3D#blob&gt;Blob&lt;/a&=
gt;&lt;/code&gt; object, an
+    &lt;code&gt;&lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt;&lt;/code&=
gt; object, a &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;Canva=
sRenderingContext2D&lt;/a&gt;&lt;/code&gt; object, or another
+    &lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a&gt;&lt;/c=
ode&gt; object, and returns a &lt;code&gt;&lt;a href=3D#promise&gt;Promis=
e&lt;/a&gt;&lt;/code&gt; that is resolved when a
+    new &lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a&gt;&l=
t;/code&gt; is created.&lt;/p&gt;
+
+    &lt;p&gt;If no &lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&=
lt;/a&gt;&lt;/code&gt; object can be constructed, for example because the=
 provided
+    &lt;var title=3D&quot;&quot;&gt;image&lt;/var&gt; data is not actual=
ly an image, then the promise is rejected instead.&lt;/p&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;sx&lt;/var&gt;, &lt;var =
title=3D&quot;&quot;&gt;sy&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;s=
w&lt;/var&gt;, and &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt; argumen=
ts are provided, the source image is cropped to the given pixels, with
+    any pixels missing in the original replaced by transparent black. Th=
ese coordinates are in the
+    source image's pixel coordinate space, &lt;em&gt;not&lt;/em&gt; in C=
SS pixels.&lt;/p&gt;
+
+    &lt;p&gt;Throws an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;In=
validStateError&lt;/a&gt;&lt;/code&gt; exception if the source image is n=
ot in a valid
+    state (e.g. an &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/=
a&gt;&lt;/code&gt; element that hasn't finished loading, or a
+    &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderin=
gContext2D&lt;/a&gt;&lt;/code&gt; object whose bitmap data has zero lengt=
h along one or both
+    dimensions). Throws a &lt;code&gt;&lt;a href=3D#securityerror&gt;Sec=
urityError&lt;/a&gt;&lt;/code&gt; exception if the script is not allowed =
to
+    access the image data of the source image (e.g. a &lt;code&gt;&lt;a =
href=3D#the-video-element&gt;video&lt;/a&gt;&lt;/code&gt; that is
+    &lt;a href=3D#cors-cross-origin&gt;CORS-cross-origin&lt;/a&gt;, or a=
 &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/cod=
e&gt; being drawn on by a script in a worker
+    from another &lt;a href=3D#origin&gt;origin&lt;/a&gt;).&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;imageBitmap&lt;/var&gt; . &=
lt;code title=3Ddom-ImageBitmap-width&gt;&lt;a href=3D#dom-imagebitmap-wi=
dth&gt;width&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the intrinsic width of the image, in CSS pixels.&lt=
;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;imageBitmap&lt;/var&gt; . &=
lt;code title=3Ddom-ImageBitmap-height&gt;&lt;a href=3D#dom-imagebitmap-h=
eight&gt;height&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the intrinsic height of the image, in CSS pixels.&l=
t;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;imageBitmap&lt;/var&gt; . &=
lt;code title=3Ddom-ImageBitmap-resolution&gt;&lt;a href=3D#dom-imagebitm=
ap-resolution&gt;resolution&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the intrinsic linear pixel density of the image, in=
 image pixels per CSS pixels.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;An &lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a=
&gt;&lt;/code&gt; object always has associated bitmap data, with a width,=
 a
+  height, and a pixel density. However, it is possible for this data to =
be corrupted. If an &lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&=
lt;/a&gt;&lt;/code&gt;
+  object's media data can be decoded without errors, it is said to be &l=
t;dfn id=3Dconcept-imagebitmap-good title=3Dconcept-ImageBitmap-good&gt;f=
ully decodable&lt;/dfn&gt;.&lt;/p&gt;
+
+  &lt;p&gt;An &lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a=
&gt;&lt;/code&gt; object can be obtained from a variety of different obje=
cts, using
+  the &lt;dfn id=3Ddom-createimagebitmap title=3Ddom-createImageBitmap&g=
t;&lt;code&gt;createImageBitmap()&lt;/code&gt;&lt;/dfn&gt; method. When i=
nvoked, the
+  method must act as follows:&lt;/p&gt;
+  &lt;!-- the canvas createPattern() and drawImage() methods have simila=
r requirements --&gt;
+
+  &lt;dl&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;image&lt;/var&g=
t; is an &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/c=
ode&gt; element
+
+   &lt;dd&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If either the &lt;var title=3D&quot;&qu=
ot;&gt;sw&lt;/var&gt; or &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt; a=
rguments are specified
+     but zero, throw an &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;Inde=
xSizeError&lt;/a&gt;&lt;/code&gt; exception and abort these steps.&lt;/li=
&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-img-element=
&gt;img&lt;/a&gt;&lt;/code&gt; element is not &lt;a href=3D#img-all title=
=3Dimg-all&gt;completely
+     available&lt;/a&gt;, then throw an &lt;code&gt;&lt;a href=3D#invali=
dstateerror&gt;InvalidStateError&lt;/a&gt;&lt;/code&gt; exception and abo=
rt these
+     steps.&lt;/li&gt;
+
+&lt;!--ADD-TOPIC:Security--&gt;
+&lt;!--CLEANUP--&gt;
+     &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#origin&gt;origin&lt;/a&gt; =
of the &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/cod=
e&gt; element's image is not the &lt;a href=3D#same-origin&gt;same
+     origin&lt;/a&gt; as the &lt;a href=3D#origin&gt;origin&lt;/a&gt; sp=
ecified by the &lt;a href=3D#entry-settings-object&gt;entry settings obje=
ct&lt;/a&gt;, then throw a
+     &lt;code&gt;&lt;a href=3D#securityerror&gt;SecurityError&lt;/a&gt;&=
lt;/code&gt; exception and abort these steps.&lt;/li&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-img-element=
&gt;img&lt;/a&gt;&lt;/code&gt; element's media data is not a bitmap (e.g.=
 it's a vector
+     graphic), then throw an &lt;code&gt;&lt;a href=3D#invalidstateerror=
&gt;InvalidStateError&lt;/a&gt;&lt;/code&gt; exception and abort these
+     steps.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Create a new &lt;code&gt;&lt;a href=3D#imagebitm=
ap&gt;ImageBitmap&lt;/a&gt;&lt;/code&gt; object.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let the &lt;code&gt;&lt;a href=3D#imagebitmap&gt=
;ImageBitmap&lt;/a&gt;&lt;/code&gt; object's bitmap data be a copy of the=
 &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt;
+     element's media data, &lt;a href=3D#cropped-to-the-source-rectangle=
&gt;cropped to the source rectangle&lt;/a&gt;. If this is an animated
+     image, the &lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;=
/a&gt;&lt;/code&gt; object's bitmap data must only be taken from the defa=
ult
+     image of the animation (the one that the format defines is to be us=
ed when animation is not
+     supported or is disabled), or, if there is no such image, the first=
 frame of the
+     animation.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Return a new &lt;code&gt;&lt;a href=3D#promise&g=
t;Promise&lt;/a&gt;&lt;/code&gt;, but continue running these steps
+     asynchronously.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#concept-resolver-fulfill title=3Dc=
oncept-resolver-fulfill&gt;Fulfill&lt;/a&gt; the &lt;code&gt;&lt;a href=3D=
#promise&gt;Promise&lt;/a&gt;&lt;/code&gt;'s
+     associated &lt;a href=3D#concept-resolver title=3Dconcept-resolver&=
gt;resolver&lt;/a&gt;, with the new
+     &lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a&gt;&lt;/=
code&gt; object as the value.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;image&lt;/var&gt; is a &=
lt;code&gt;&lt;a href=3D#the-video-element&gt;video&lt;/a&gt;&lt;/code&gt=
; element
+
+   &lt;dd&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If either the &lt;var title=3D&quot;&qu=
ot;&gt;sw&lt;/var&gt; or &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt; a=
rguments are specified
+     but zero, throw an &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;Inde=
xSizeError&lt;/a&gt;&lt;/code&gt; exception and abort these steps.&lt;/li=
&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-video-eleme=
nt&gt;video&lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Ddom-media-n=
etworkState&gt;&lt;a href=3D#dom-media-networkstate&gt;networkState&lt;/a=
&gt;&lt;/code&gt; attribute is &lt;code title=3Ddom-media-NETWORK_EMPTY&g=
t;&lt;a href=3D#dom-media-network_empty&gt;NETWORK_EMPTY&lt;/a&gt;&lt;/co=
de&gt;, then throw an
+     &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateError&lt=
;/a&gt;&lt;/code&gt; exception and abort these steps.&lt;/li&gt;
+
+&lt;!--ADD-TOPIC:Security--&gt;
+&lt;!--CLEANUP--&gt;
+     &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#origin&gt;origin&lt;/a&gt; =
of the &lt;code&gt;&lt;a href=3D#the-video-element&gt;video&lt;/a&gt;&lt;=
/code&gt; element is not the &lt;a href=3D#same-origin&gt;same
+     origin&lt;/a&gt; as the &lt;a href=3D#origin&gt;origin&lt;/a&gt; sp=
ecified by the &lt;a href=3D#entry-settings-object&gt;entry settings obje=
ct&lt;/a&gt;, then throw a
+     &lt;code&gt;&lt;a href=3D#securityerror&gt;SecurityError&lt;/a&gt;&=
lt;/code&gt; exception and abort these steps.&lt;/li&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-video-eleme=
nt&gt;video&lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Ddom-media-r=
eadyState&gt;&lt;a href=3D#dom-media-readystate&gt;readyState&lt;/a&gt;&l=
t;/code&gt;
+     attribute is either &lt;code title=3Ddom-media-HAVE_NOTHING&gt;&lt;=
a href=3D#dom-media-have_nothing&gt;HAVE_NOTHING&lt;/a&gt;&lt;/code&gt; o=
r &lt;code title=3Ddom-media-HAVE_METADATA&gt;&lt;a href=3D#dom-media-hav=
e_metadata&gt;HAVE_METADATA&lt;/a&gt;&lt;/code&gt;, then throw an
+     &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateError&lt=
;/a&gt;&lt;/code&gt; exception and abort these steps.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Create a new &lt;code&gt;&lt;a href=3D#imagebitm=
ap&gt;ImageBitmap&lt;/a&gt;&lt;/code&gt; object.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let the &lt;code&gt;&lt;a href=3D#imagebitmap&gt=
;ImageBitmap&lt;/a&gt;&lt;/code&gt; object's bitmap data be a copy of the=
 frame at the
+     &lt;a href=3D#current-playback-position&gt;current playback positio=
n&lt;/a&gt;, at the &lt;a href=3D#media-resource&gt;media resource&lt;/a&=
gt;'s &lt;a href=3D#concept-video-intrinsic-width title=3Dconcept-video-i=
ntrinsic-width&gt;intrinsic width&lt;/a&gt; and &lt;a href=3D#concept-vid=
eo-intrinsic-height title=3Dconcept-video-intrinsic-height&gt;intrinsic h=
eight&lt;/a&gt; (i.e. after any aspect-ratio
+     correction has been applied), &lt;a href=3D#cropped-to-the-source-r=
ectangle&gt;cropped to the source rectangle&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;li&gt;&lt;p&gt;Return a new &lt;code&gt;&lt;a href=3D#promise&g=
t;Promise&lt;/a&gt;&lt;/code&gt;, but continue running these steps asynch=
ronously.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#concept-resolver-fulfill title=3Dc=
oncept-resolver-fulfill&gt;Fulfill&lt;/a&gt; the &lt;code&gt;&lt;a href=3D=
#promise&gt;Promise&lt;/a&gt;&lt;/code&gt;'s
+     associated &lt;a href=3D#concept-resolver title=3Dconcept-resolver&=
gt;resolver&lt;/a&gt;, with the new
+     &lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a&gt;&lt;/=
code&gt; object as the value.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;image&lt;/var&gt; is a &=
lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/code&=
gt; element
+
+   &lt;dd&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If either the &lt;var title=3D&quot;&qu=
ot;&gt;sw&lt;/var&gt; or &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt; a=
rguments are specified
+     but zero, throw an &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;Inde=
xSizeError&lt;/a&gt;&lt;/code&gt; exception and abort these steps.&lt;/li=
&gt;
+
+&lt;!--ADD-TOPIC:Security--&gt;
+     &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-canvas-elem=
ent&gt;canvas&lt;/a&gt;&lt;/code&gt; element's bitmap data does not have =
its &lt;a href=3D#concept-canvas-origin-clean title=3Dconcept-canvas-orig=
in-clean&gt;origin-clean&lt;/a&gt; flag set, then throw an
+     &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateError&lt=
;/a&gt;&lt;/code&gt; exception and abort these steps.&lt;/li&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-canvas-elem=
ent&gt;canvas&lt;/a&gt;&lt;/code&gt; element's bitmap has either a horizo=
ntal dimension or a
+     vertical dimension equal to zero, then throw an &lt;code&gt;&lt;a h=
ref=3D#invalidstateerror&gt;InvalidStateError&lt;/a&gt;&lt;/code&gt; exce=
ption and
+     abort these steps.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Create a new &lt;code&gt;&lt;a href=3D#imagebitm=
ap&gt;ImageBitmap&lt;/a&gt;&lt;/code&gt; object.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let the &lt;code&gt;&lt;a href=3D#imagebitmap&gt=
;ImageBitmap&lt;/a&gt;&lt;/code&gt; object's bitmap data be a copy of the
+     &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt=
;/code&gt; element's bitmap data, &lt;a href=3D#cropped-to-the-source-rec=
tangle&gt;cropped to the source
+     rectangle&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Return a new &lt;code&gt;&lt;a href=3D#promise&g=
t;Promise&lt;/a&gt;&lt;/code&gt;, but continue running these steps asynch=
ronously.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#concept-resolver-fulfill title=3Dc=
oncept-resolver-fulfill&gt;Fulfill&lt;/a&gt; the &lt;code&gt;&lt;a href=3D=
#promise&gt;Promise&lt;/a&gt;&lt;/code&gt;'s
+     associated &lt;a href=3D#concept-resolver title=3Dconcept-resolver&=
gt;resolver&lt;/a&gt;, with the new
+     &lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a&gt;&lt;/=
code&gt; object as the value.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+
+   &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;image&lt;/var&gt; is a &=
lt;code&gt;&lt;a href=3D#blob&gt;Blob&lt;/a&gt;&lt;/code&gt; object
+
+   &lt;dd&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If either the &lt;var title=3D&quot;&qu=
ot;&gt;sw&lt;/var&gt; or &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt; a=
rguments are specified
+     but zero, throw an &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;Inde=
xSizeError&lt;/a&gt;&lt;/code&gt; exception and abort these steps.&lt;/li=
&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#blob&gt;Blob&lt=
;/a&gt;&lt;/code&gt; object has been neutered through the &lt;code title=3D=
dom-Blob-close&gt;close&lt;/code&gt; method, then throw an &lt;code&gt;&l=
t;a href=3D#invalidstateerror&gt;InvalidStateError&lt;/a&gt;&lt;/code&gt;
+     exception and abort these steps.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Return a new &lt;code&gt;&lt;a href=3D#promise&g=
t;Promise&lt;/a&gt;&lt;/code&gt;, but continue running these steps asynch=
ronously.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Read the &lt;code&gt;&lt;a href=3D#blob&gt;Blob&=
lt;/a&gt;&lt;/code&gt; object's data. If an &lt;a href=3D#file-error-read=
 title=3Dfile-error-read&gt;error
+     occurs during reading of the object&lt;/a&gt;, then &lt;a href=3D#c=
oncept-resolver-reject title=3Dconcept-resolver-reject&gt;reject&lt;/a&gt=
; the &lt;code&gt;&lt;a href=3D#promise&gt;Promise&lt;/a&gt;&lt;/code&gt;=
's associated &lt;a href=3D#concept-resolver title=3Dconcept-resolver&gt;=
resolver&lt;/a&gt;, with null as the value, and abort these
+     steps.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Apply the &lt;a href=3D#content-type-sniffing:-i=
mage title=3D&quot;Content-Type sniffing: image&quot;&gt;image sniffing r=
ules&lt;/a&gt; to
+     determine the file format of the image data, with MIME type of the =
&lt;code&gt;&lt;a href=3D#blob&gt;Blob&lt;/a&gt;&lt;/code&gt; (as given
+     by the &lt;code&gt;&lt;a href=3D#blob&gt;Blob&lt;/a&gt;&lt;/code&gt=
; object's &lt;code title=3Ddom-Blob-type&gt;type&lt;/code&gt; attribute)=
 giving the
+     official type.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the image data is not in a supported file for=
mat (e.g. it's not actually an image at
+     all), or if the image data is corrupted in some fatal way such that=
 the image dimensions cannot
+     be obtained, then &lt;a href=3D#concept-resolver-reject title=3Dcon=
cept-resolver-reject&gt;reject&lt;/a&gt; the
+     &lt;code&gt;&lt;a href=3D#promise&gt;Promise&lt;/a&gt;&lt;/code&gt;=
's associated &lt;a href=3D#concept-resolver title=3Dconcept-resolver&gt;=
resolver&lt;/a&gt;, with null as
+     the value, and abort these steps.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Create a new &lt;code&gt;&lt;a href=3D#imagebitm=
ap&gt;ImageBitmap&lt;/a&gt;&lt;/code&gt; object.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let the &lt;code&gt;&lt;a href=3D#imagebitmap&gt=
;ImageBitmap&lt;/a&gt;&lt;/code&gt; object's bitmap data be the image dat=
a read from the
+     &lt;code&gt;&lt;a href=3D#blob&gt;Blob&lt;/a&gt;&lt;/code&gt; objec=
t, &lt;a href=3D#cropped-to-the-source-rectangle&gt;cropped to the source=
 rectangle&lt;/a&gt;. If this is an animated
+     image, the &lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;=
/a&gt;&lt;/code&gt; object's bitmap data must only be taken from the defa=
ult
+     image of the animation (the one that the format defines is to be us=
ed when animation is not
+     supported or is disabled), or, if there is no such image, the first=
 frame of the
+     animation.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#concept-resolver-fulfill title=3Dc=
oncept-resolver-fulfill&gt;Fulfill&lt;/a&gt; the &lt;code&gt;&lt;a href=3D=
#promise&gt;Promise&lt;/a&gt;&lt;/code&gt;'s
+     associated &lt;a href=3D#concept-resolver title=3Dconcept-resolver&=
gt;resolver&lt;/a&gt;, with the new
+     &lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a&gt;&lt;/=
code&gt; object as the value.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+
+   &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;image&lt;/var&gt; is an =
&lt;code&gt;&lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt;&lt;/code&gt; o=
bject
+
+   &lt;dd&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If either the &lt;var title=3D&quot;&qu=
ot;&gt;sw&lt;/var&gt; or &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt; a=
rguments are specified
+     but zero, throw an &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;Inde=
xSizeError&lt;/a&gt;&lt;/code&gt; exception and abort these steps.&lt;/li=
&gt;
+
+     &lt;li&gt;&lt;p&gt;Create a new &lt;code&gt;&lt;a href=3D#imagebitm=
ap&gt;ImageBitmap&lt;/a&gt;&lt;/code&gt; object.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let the &lt;code&gt;&lt;a href=3D#imagebitmap&gt=
;ImageBitmap&lt;/a&gt;&lt;/code&gt; object's bitmap data be the image dat=
a given by the
+     &lt;code&gt;&lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt;&lt;/code=
&gt; object, &lt;a href=3D#cropped-to-the-source-rectangle&gt;cropped to =
the source rectangle&lt;/a&gt;, using the value
+     of the object's &lt;code title=3Ddom-imagedata-resolution&gt;&lt;a =
href=3D#dom-imagedata-resolution&gt;resolution&lt;/a&gt;&lt;/code&gt; att=
ribute as the
+     object's pixel density.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Return a new &lt;code&gt;&lt;a href=3D#promise&g=
t;Promise&lt;/a&gt;&lt;/code&gt;, but continue running these steps asynch=
ronously.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#concept-resolver-fulfill title=3Dc=
oncept-resolver-fulfill&gt;Fulfill&lt;/a&gt; the &lt;code&gt;&lt;a href=3D=
#promise&gt;Promise&lt;/a&gt;&lt;/code&gt;'s
+     associated &lt;a href=3D#concept-resolver title=3Dconcept-resolver&=
gt;resolver&lt;/a&gt;, with the new
+     &lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a&gt;&lt;/=
code&gt; object as the value.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;image&lt;/var&gt; is a &=
lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderingConte=
xt2D&lt;/a&gt;&lt;/code&gt; object
+
+   &lt;dd&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If either the &lt;var title=3D&quot;&qu=
ot;&gt;sw&lt;/var&gt; or &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt; a=
rguments are specified
+     but zero, throw an &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;Inde=
xSizeError&lt;/a&gt;&lt;/code&gt; exception and abort these steps.&lt;/li=
&gt;
+
+&lt;!--ADD-TOPIC:Security--&gt;
+     &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#canvasrendering=
context2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object's &lt=
;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt; does
+     not have its &lt;a href=3D#concept-canvas-origin-clean title=3Dconc=
ept-canvas-origin-clean&gt;origin-clean&lt;/a&gt; flag set, then throw
+     an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateError=
&lt;/a&gt;&lt;/code&gt; exception and abort these steps.&lt;/li&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#canvasrendering=
context2d&gt;CanvasRenderingContext2D&lt;/a&gt;&lt;/code&gt; object's &lt=
;a href=3D#scratch-bitmap&gt;scratch bitmap&lt;/a&gt; has
+     either a horizontal dimension or a vertical dimension equal to zero=
, then throw an
+     &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateError&lt=
;/a&gt;&lt;/code&gt; exception and abort these steps.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Create a new &lt;code&gt;&lt;a href=3D#imagebitm=
ap&gt;ImageBitmap&lt;/a&gt;&lt;/code&gt; object.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let the &lt;code&gt;&lt;a href=3D#imagebitmap&gt=
;ImageBitmap&lt;/a&gt;&lt;/code&gt; object's bitmap data be a copy of the
+     &lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;CanvasRenderi=
ngContext2D&lt;/a&gt;&lt;/code&gt; object's &lt;a href=3D#scratch-bitmap&=
gt;scratch bitmap&lt;/a&gt;, &lt;a href=3D#cropped-to-the-source-rectangl=
e&gt;cropped to
+     the source rectangle&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Return a new &lt;code&gt;&lt;a href=3D#promise&g=
t;Promise&lt;/a&gt;&lt;/code&gt;, but continue running these steps
+     asynchronously.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#concept-resolver-fulfill title=3Dc=
oncept-resolver-fulfill&gt;Fulfill&lt;/a&gt; the &lt;code&gt;&lt;a href=3D=
#promise&gt;Promise&lt;/a&gt;&lt;/code&gt;'s
+     associated &lt;a href=3D#concept-resolver title=3Dconcept-resolver&=
gt;resolver&lt;/a&gt;, with the new
+     &lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a&gt;&lt;/=
code&gt; object as the value.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+
+   &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;image&lt;/var&gt; is an =
&lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a&gt;&lt;/code&g=
t; object
+
+   &lt;dd&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If either the &lt;var title=3D&quot;&qu=
ot;&gt;sw&lt;/var&gt; or &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt; a=
rguments are specified
+     but zero, throw an &lt;code&gt;&lt;a href=3D#indexsizeerror&gt;Inde=
xSizeError&lt;/a&gt;&lt;/code&gt; exception and abort these steps.&lt;/li=
&gt;
+
+     &lt;li&gt;&lt;p&gt;Create a new &lt;code&gt;&lt;a href=3D#imagebitm=
ap&gt;ImageBitmap&lt;/a&gt;&lt;/code&gt; object.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let the &lt;code&gt;&lt;a href=3D#imagebitmap&gt=
;ImageBitmap&lt;/a&gt;&lt;/code&gt; object's bitmap data be a copy of the=
 &lt;var title=3D&quot;&quot;&gt;image&lt;/var&gt; argument's bitmap data=
, &lt;a href=3D#cropped-to-the-source-rectangle&gt;cropped to the source
+     rectangle&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Return a new &lt;code&gt;&lt;a href=3D#promise&g=
t;Promise&lt;/a&gt;&lt;/code&gt;, but continue running these steps
+     asynchronously.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#concept-resolver-fulfill title=3Dc=
oncept-resolver-fulfill&gt;Fulfill&lt;/a&gt; the &lt;code&gt;&lt;a href=3D=
#promise&gt;Promise&lt;/a&gt;&lt;/code&gt;'s
+     associated &lt;a href=3D#concept-resolver title=3Dconcept-resolver&=
gt;resolver&lt;/a&gt;, with the new
+     &lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a&gt;&lt;/=
code&gt; object as the value.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+
+  &lt;/dl&gt;&lt;p&gt;When the steps above require that the user agent &=
lt;dfn id=3Dcropped-to-the-source-rectangle title=3D&quot;cropped to the =
source
+  rectangle&quot;&gt;crop bitmap data to the source rectangle&lt;/dfn&gt=
;, the user agent must run the following
+  steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;input=
&lt;/var&gt; be the image data being cropped.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;sx&lt;/var&=
gt;, &lt;var title=3D&quot;&quot;&gt;sy&lt;/var&gt;, &lt;var title=3D&quo=
t;&quot;&gt;sw&lt;/var&gt;, and &lt;var title=3D&quot;&quot;&gt;sh&lt;/va=
r&gt; arguments are omitted, return &lt;var title=3D&quot;&quot;&gt;input=
&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Place &lt;var title=3D&quot;&quot;&gt;input&lt;/va=
r&gt; on an infinite transparent black grid plane, positioned so
+   that it's top left corner is at the origin of the plane, with the &lt=
;var title=3D&quot;&quot;&gt;x&lt;/var&gt;-coordinate increasing to the r=
ight, and the &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;-coordinate
+   increasing down, and with each pixel in the &lt;var title=3D&quot;&qu=
ot;&gt;input&lt;/var&gt; image data occupying a cell
+   on the plane's grid.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;output&lt;/var&gt; be t=
he rectangle on the plane denoted by the rectangle whose
+    corners are the four points (&lt;var title=3D&quot;&quot;&gt;sx&lt;/=
var&gt;, &lt;var title=3D&quot;&quot;&gt;sy&lt;/var&gt;), (&lt;span title=
=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;sx&lt;/var&gt;+&lt;var=
 title=3D&quot;&quot;&gt;sw&lt;/var&gt;&lt;/span&gt;, &lt;var title=3D&qu=
ot;&quot;&gt;sy&lt;/var&gt;), (&lt;span title=3D&quot;&quot;&gt;&lt;var t=
itle=3D&quot;&quot;&gt;sx&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;sw&=
lt;/var&gt;&lt;/span&gt;, &lt;span title=3D&quot;&quot;&gt;&lt;var title=3D=
&quot;&quot;&gt;sy&lt;/var&gt;+&lt;var title=3D&quot;&quot;&gt;sh&lt;/var=
&gt;&lt;/span&gt;), (&lt;var title=3D&quot;&quot;&gt;sx&lt;/var&gt;, &lt;=
span title=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;sy&lt;/var&g=
t;+&lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt;&lt;/span&gt;).&lt;/p&gt=
;
+
+    &lt;p class=3Dnote&gt;If either &lt;var title=3D&quot;&quot;&gt;sw&l=
t;/var&gt; or &lt;var title=3D&quot;&quot;&gt;sh&lt;/var&gt; are negative=
, then
+    the top-left corner of this rectangle will be to the left or above t=
he (&lt;var title=3D&quot;&quot;&gt;sx&lt;/var&gt;,
+    &lt;var title=3D&quot;&quot;&gt;sy&lt;/var&gt;) point. If any of the=
 pixels on this rectangle are outside the area where
+    the &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt; bitmap was pla=
ced, then they will be transparent black in &lt;var title=3D&quot;&quot;&=
gt;output&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;output&lt;/var=
&gt;'s pixel density be &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt;=
's pixel
+   density.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;output&lt;/=
var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Ddom-imagebitmap-width title=3Ddom=
-ImageBitmap-width&gt;&lt;code&gt;width&lt;/code&gt;&lt;/dfn&gt; attribut=
e must return the
+  &lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a&gt;&lt;/cod=
e&gt; object's width, in CSS pixels.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-imagebitmap-height title=3Ddom-ImageBitm=
ap-height&gt;&lt;code&gt;height&lt;/code&gt;&lt;/dfn&gt; attribute must r=
eturn the
+  &lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a&gt;&lt;/cod=
e&gt; object's height, in CSS pixels.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-imagebitmap-resolution title=3Ddom-Image=
Bitmap-resolution&gt;&lt;code&gt;resolution&lt;/code&gt;&lt;/dfn&gt; attr=
ibute must return the
+  &lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a&gt;&lt;/cod=
e&gt; object's linear pixel density, in image data pixels per CSS pixel.&=
lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Using this API, a sprite sheet can be precut and prepared:&l=
t;/p&gt;
+
+   &lt;pre&gt;var sprites =3D {};
+function loadMySprites() {
+  var image =3D new Image();
+  image.src =3D 'mysprites.png';
+  var resolver;
+  var promise =3D new Promise(function (arg) { resolver =3D arg });
+  image.onload =3D function () {
+    resolver.resolve(Promise.every(
+      createImageBitmap(image,  0,  0, 40, 40).then(function (image) { s=
prites.woman =3D image }),
+      createImageBitmap(image, 40,  0, 40, 40).then(function (image) { s=
prites.man   =3D image }),
+      createImageBitmap(image, 80,  0, 40, 40).then(function (image) { s=
prites.tree  =3D image }),
+      createImageBitmap(image,  0, 40, 40, 40).then(function (image) { s=
prites.hut   =3D image }),
+      createImageBitmap(image, 40, 40, 40, 40).then(function (image) { s=
prites.apple =3D image }),
+      createImageBitmap(image, 80, 40, 40, 40).then(function (image) { s=
prites.snake =3D image }),
+    ));
+  };
+  return promise;
+}
+
+function runDemo() {
+  var canvas =3D document.querySelector('canvas#demo');
+  var context =3D canvas.getContext('2d');
+  context.drawImage(sprites.tree, 30, 10);
+  context.drawImage(sprites.snake, 70, 10);
+}
+
+loadMySprites().then(runDemo);&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+&lt;!--TOPIC:HTML--&gt;
+
+  &lt;h2 id=3Dediting&gt;&lt;span class=3Dsecno&gt;8 &lt;/span&gt;&lt;df=
n&gt;User interaction&lt;/dfn&gt;&lt;/h2&gt;
+
+
+  &lt;h3 id=3Dthe-hidden-attribute&gt;&lt;span class=3Dsecno&gt;8.1 &lt;=
/span&gt;The &lt;dfn title=3Dattr-hidden&gt;&lt;code&gt;hidden&lt;/code&g=
t;&lt;/dfn&gt; attribute&lt;/h3&gt;
+
+  &lt;p&gt;All &lt;a href=3D#html-elements&gt;HTML elements&lt;/a&gt; ma=
y have the &lt;code title=3Dattr-hidden&gt;&lt;a href=3D#the-hidden-attri=
bute&gt;hidden&lt;/a&gt;&lt;/code&gt; content
+  attribute set. The &lt;code title=3Dattr-hidden&gt;&lt;a href=3D#the-h=
idden-attribute&gt;hidden&lt;/a&gt;&lt;/code&gt; attribute is a &lt;a hre=
f=3D#boolean-attribute&gt;boolean
+  attribute&lt;/a&gt;. When specified on an element, it indicates that t=
he element is not yet, or is no
+  longer, directly relevant to the page's current state, or that it is b=
eing used to declare content
+  to be reused by other parts of the page as opposed to being directly a=
ccessed by the user. &lt;span class=3Dimpl&gt;User agents should not rend=
er elements that have the &lt;code title=3Dattr-hidden&gt;&lt;a href=3D#t=
he-hidden-attribute&gt;hidden&lt;/a&gt;&lt;/code&gt; attribute specified.=
 This requirement may be implemented
+  indirectly through the style layer. For example, an HTML+CSS user agen=
t could implement these
+  requirements &lt;a href=3D#hiddenCSS&gt;using the rules suggested in t=
he Rendering
+  section&lt;/a&gt;.&lt;/span&gt;&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In the following skeletal example, the attribute is used to =
hide the Web game's main screen
+   until the user logs in:&lt;/p&gt;
+
+   &lt;pre&gt;  &amp;lt;h1&amp;gt;The Example Game&amp;lt;/h1&amp;gt;
+  &amp;lt;section id=3D&quot;login&quot;&amp;gt;
+   &amp;lt;h2&amp;gt;Login&amp;lt;/h2&amp;gt;
+   &amp;lt;form&amp;gt;
+    ...
+    &amp;lt;!-- calls login() once the user's credentials have been chec=
ked --&amp;gt;
+   &amp;lt;/form&amp;gt;
+   &amp;lt;script&amp;gt;
+    function login() {
+      // switch screens
+      document.getElementById('login').hidden =3D true;
+      document.getElementById('game').hidden =3D false;
+    }
+   &amp;lt;/script&amp;gt;
+  &amp;lt;/section&amp;gt;
+  &amp;lt;section id=3D&quot;game&quot; hidden&amp;gt;
+   ...
+  &amp;lt;/section&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-hidden&gt;&lt;a href=3D#the-hidden-=
attribute&gt;hidden&lt;/a&gt;&lt;/code&gt; attribute must not be used to =
hide content that
+  could legitimately be shown in another presentation. For example, it i=
s incorrect to use &lt;code title=3Dattr-hidden&gt;&lt;a href=3D#the-hidd=
en-attribute&gt;hidden&lt;/a&gt;&lt;/code&gt; to hide panels in a tabbed =
dialog, because the tabbed interface
+  is merely a kind of overflow presentation &amp;mdash; one could equall=
y well just show all the form
+  controls in one big page with a scrollbar. It is similarly incorrect t=
o use this attribute to hide
+  content just from one presentation &amp;mdash; if something is marked =
&lt;code title=3Dattr-hidden&gt;&lt;a href=3D#the-hidden-attribute&gt;hid=
den&lt;/a&gt;&lt;/code&gt;, it is hidden from all presentations, includin=
g, for instance,
+  screen readers.&lt;/p&gt;
+
+  &lt;!-- for example, &quot;&lt;a hidden href=3D#content&gt;Skip to con=
tent&lt;/a&gt;&quot; would be inappropriate. --&gt;
+  &lt;!-- (but only add that example if you first add some more good val=
id examples --&gt;
+
+  &lt;p&gt;Elements that are not themselves &lt;code title=3Dattr-hidden=
&gt;&lt;a href=3D#the-hidden-attribute&gt;hidden&lt;/a&gt;&lt;/code&gt; m=
ust not
+  &lt;a href=3D#hyperlink&gt;hyperlink&lt;/a&gt; to elements that are &l=
t;code title=3Dattr-hidden&gt;&lt;a href=3D#the-hidden-attribute&gt;hidde=
n&lt;/a&gt;&lt;/code&gt;. The &lt;code title=3D&quot;&quot;&gt;for&lt;/co=
de&gt; attributes of &lt;code&gt;&lt;a href=3D#the-label-element&gt;label=
&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-output-element&=
gt;output&lt;/a&gt;&lt;/code&gt; elements that are not
+  themselves &lt;code title=3Dattr-hidden&gt;&lt;a href=3D#the-hidden-at=
tribute&gt;hidden&lt;/a&gt;&lt;/code&gt; must similarly not refer to elem=
ents that are
+  &lt;code title=3Dattr-hidden&gt;&lt;a href=3D#the-hidden-attribute&gt;=
hidden&lt;/a&gt;&lt;/code&gt;. In both cases, such references would cause=
 user
+  confusion.&lt;/p&gt;
+
+  &lt;p&gt;Elements and scripts may, however, refer to elements that are=
 &lt;code title=3Dattr-hidden&gt;&lt;a href=3D#the-hidden-attribute&gt;hi=
dden&lt;/a&gt;&lt;/code&gt; in other contexts.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For example, it would be incorrect to use the &lt;code title=
=3Dattr-hyperlink-href&gt;&lt;a href=3D#attr-hyperlink-href&gt;href&lt;/a=
&gt;&lt;/code&gt;
+   attribute to link to a section marked with the &lt;code title=3Dattr-=
hidden&gt;&lt;a href=3D#the-hidden-attribute&gt;hidden&lt;/a&gt;&lt;/code=
&gt; attribute.
+   If the content is not applicable or relevant, then there is no reason=
 to link to it.&lt;/p&gt;
+
+   &lt;p&gt;It would be fine, however, to use the ARIA &lt;code title=3D=
attr-aria-describedby&gt;aria-describedby&lt;/code&gt; attribute to refer=
 to descriptions that are
+   themselves &lt;code title=3Dattr-hidden&gt;&lt;a href=3D#the-hidden-a=
ttribute&gt;hidden&lt;/a&gt;&lt;/code&gt;. While hiding the descriptions =
implies that
+   they are not useful alone, they could be written in such a way that t=
hey are useful in the
+   specific context of being referenced from the images that they descri=
be.&lt;/p&gt;
+
+   &lt;p&gt;Similarly, a &lt;code&gt;&lt;a href=3D#the-canvas-element&gt=
;canvas&lt;/a&gt;&lt;/code&gt; element with the &lt;code title=3Dattr-hid=
den&gt;&lt;a href=3D#the-hidden-attribute&gt;hidden&lt;/a&gt;&lt;/code&gt=
;
+   attribute could be used by a scripted graphics engine as an off-scree=
n buffer, and a form control
+   could refer to a hidden &lt;code&gt;&lt;a href=3D#the-form-element&gt=
;form&lt;/a&gt;&lt;/code&gt; element using its &lt;code title=3Dattr-fae-=
form&gt;&lt;a href=3D#attr-fae-form&gt;form&lt;/a&gt;&lt;/code&gt; attrib=
ute.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;Elements in a section hidden by the &lt;code title=3Dattr-hid=
den&gt;&lt;a href=3D#the-hidden-attribute&gt;hidden&lt;/a&gt;&lt;/code&gt=
; attribute are still
+  active, e.g. scripts and form controls in such sections still execute =
and submit respectively.
+  Only their presentation to the user changes.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-hidden title=3Ddom-hidden&gt;&lt;code&gt=
;hidden&lt;/code&gt;&lt;/dfn&gt; IDL attribute must &lt;a href=3D#reflect=
&gt;reflect&lt;/a&gt;
+  the content attribute of the same name.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h3 id=3Dinert-subtrees&gt;&lt;span class=3Dsecno&gt;8.2 &lt;/span&=
gt;Inert subtrees&lt;/h3&gt;
+
+  &lt;p&gt;A subtree of a &lt;code&gt;&lt;a href=3D#document&gt;Document=
&lt;/a&gt;&lt;/code&gt; can be marked as &lt;dfn id=3Dinert&gt;inert&lt;/=
dfn&gt;. When a node or one of
+  its ancestors is &lt;a href=3D#inert&gt;inert&lt;/a&gt;, then the user=
 agent must act as if the element was absent for
+  the purposes of targeting user interaction events, may ignore the node=
 for the purposes of text
+  search user interfaces (commonly known as &quot;find in page&quot;), a=
nd may prevent the user from selecting
+  text in that node. User agents should allow the user to override the r=
estrictions on search and
+  text selection, however.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;For example, consider a page that consists of=
 just a single &lt;a href=3D#inert&gt;inert&lt;/a&gt;
+  paragraph positioned in the middle of a &lt;code&gt;&lt;a href=3D#the-=
body-element&gt;body&lt;/a&gt;&lt;/code&gt;. If a user moves their pointi=
ng device
+  from the &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&=
lt;/code&gt; over to the &lt;a href=3D#inert&gt;inert&lt;/a&gt; paragraph=
 and clicks on the paragraph,
+  no &lt;code title=3Devent-mouseover&gt;mouseover&lt;/code&gt; event wo=
uld be fired, and the &lt;code title=3Devent-mousemove&gt;mousemove&lt;/c=
ode&gt; and &lt;code title=3Devent-click&gt;&lt;a href=3D#event-click&gt;=
click&lt;/a&gt;&lt;/code&gt; events would
+  be fired on the &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;=
/a&gt;&lt;/code&gt; element rather than the paragraph.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;When a node or one of its ancestors is inert, it=
 also can't be
+  &lt;a href=3D#focusable&gt;focusable&lt;/a&gt;, and it is disabled if =
it is a &lt;a href=3D#concept-command title=3Dconcept-command&gt;command&=
lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;An entire &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/=
a&gt;&lt;/code&gt; can be marked as &lt;dfn id=3Dblocked-by-a-modal-dialo=
g&gt;blocked by a modal dialog&lt;/dfn&gt; &lt;var title=3D&quot;&quot;&g=
t;subject&lt;/var&gt;. While a &lt;code&gt;&lt;a href=3D#document&gt;Docu=
ment&lt;/a&gt;&lt;/code&gt; is so marked, every node that is &lt;a href=3D=
#in-a-document title=3D&quot;in a Document&quot;&gt;in the &lt;code&gt;Do=
cument&lt;/code&gt;&lt;/a&gt;, with the exception of the &lt;var title=3D=
&quot;&quot;&gt;subject&lt;/var&gt; element, its ancestors, and its desce=
ndants, must be marked
+  &lt;a href=3D#inert&gt;inert&lt;/a&gt;. (The elements excepted by this=
 paragraph can additionally be marked
+  &lt;a href=3D#inert&gt;inert&lt;/a&gt; through other means; being part=
 of a modal dialog does not &quot;protect&quot; a node
+  from being marked &lt;a href=3D#inert&gt;inert&lt;/a&gt;.)&lt;/p&gt;
+
+  &lt;p&gt;Only one element at a time can mark a &lt;code&gt;&lt;a href=3D=
#document&gt;Document&lt;/a&gt;&lt;/code&gt; as being &lt;a href=3D#block=
ed-by-a-modal-dialog&gt;blocked by a modal
+  dialog&lt;/a&gt;. When a new &lt;code&gt;&lt;a href=3D#the-dialog-elem=
ent&gt;dialog&lt;/a&gt;&lt;/code&gt; is made to &lt;a href=3D#blocked-by-=
a-modal-dialog title=3D&quot;blocked by a modal
+  dialog&quot;&gt;block&lt;/a&gt; a &lt;code&gt;&lt;a href=3D#document&g=
t;Document&lt;/a&gt;&lt;/code&gt;, the previous element, if any, stops bl=
ocking the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;.=
&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code&gt;&lt;a href=3D#the-dialog-element=
&gt;dialog&lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Ddom-dialog-s=
howModal&gt;&lt;a href=3D#dom-dialog-showmodal&gt;showModal()&lt;/a&gt;&l=
t;/code&gt; method makes use of this mechanism.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dthe-inert-attribute&gt;&lt;span class=3Dsecno&gt;8.2.1 &lt=
;/span&gt;The &lt;dfn title=3Dattr-inert&gt;&lt;code&gt;inert&lt;/code&gt=
;&lt;/dfn&gt; attribute&lt;/h4&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-inert&gt;&lt;a href=3D#the-inert-at=
tribute&gt;inert&lt;/a&gt;&lt;/code&gt; attribute is a &lt;a href=3D#bool=
ean-attribute&gt;boolean attribute&lt;/a&gt; that
+  indicates, by its presence, that the element is to be made &lt;a href=3D=
#inert&gt;inert&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an element has an &lt;code title=3Dattr-inert&gt;&lt;a h=
ref=3D#the-inert-attribute&gt;inert&lt;/a&gt;&lt;/code&gt; attribute, the=
 user agent must
+  mark that element as &lt;a href=3D#inert&gt;inert&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;By default, there is no visual indication of a s=
ubtree being inert. Authors are
+  encouraged to clearly mark what parts of their document are active and=
 which are inert, to avoid
+  user confusion. In particular, it is worth remembering that not all us=
ers can see all parts of a
+  page at once; for example, users of screen readers, users on small dev=
ices or with magnifiers, and
+  even users just using particularly small windows might not be able to =
see the active part of a
+  page and may get frustrated if inert sections are not obviously inert.=
 For individual controls,
+  the &lt;code title=3Dattr-input-disabled&gt;disabled&lt;/code&gt; attr=
ibute is probably more appropriate.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-inert title=3Ddom-inert&gt;&lt;code&gt;i=
nert&lt;/code&gt;&lt;/dfn&gt; IDL attribute must &lt;a href=3D#reflect&gt=
;reflect&lt;/a&gt; the
+  content attribute of the same name.&lt;/p&gt;
+
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;h3 id=3Dactivation&gt;&lt;span class=3Dsecno&gt;8.3 &lt;/span&gt;A=
ctivation&lt;/h3&gt;
+
+  &lt;!-- v2 idea: HTMLImageElement.click(x, y); or clickPoint(), if cli=
ck() can't be done in IE; can
+       this be emulated in IE by posting a synthetic mouse click event w=
ith those X and Y coords?
+       (ack Csaba Gabor)
+  --&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;e=
lement&lt;/var&gt; . &lt;code title=3Ddom-click&gt;&lt;a href=3D#dom-clic=
k&gt;click&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Acts as if the element was clicked.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-click title=3Ddom-click&gt;&lt;code&gt;c=
lick()&lt;/code&gt;&lt;/dfn&gt; method must &lt;a href=3D#run-synthetic-c=
lick-activation-steps&gt;run synthetic click
+  activation steps&lt;/a&gt; on the element.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+
+  &lt;h3 id=3Dfocus&gt;&lt;span class=3Dsecno&gt;8.4 &lt;/span&gt;Focus&=
lt;/h3&gt;
+
+  &lt;!-- http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOC=
TYPE%20html%3E%20%0A...%3Cform%3E%3Cinput%20name%3Da%20onfocus%3D%22value=
%2B%3D1%3Bd.name%3D%27a%27%3Bname%3D%27d%27%3Bb.focus()%22%3E%0A%3Cinput%=
20name%3Db%20onfocus%3D%22value%2B%3D1%3Bc.focus()%22%3E%0A%3Cinput%20nam=
e%3Dc%20onfocus%3D%22value%2B%3D1%3Bd.focus()%22%3E%0A%3Cinput%20name%3Dd=
%20onfocus%3D%22value%2B%3D1%3Ba.focus()%22%3E --&gt;
+
+  &lt;!-- http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOC=
TYPE%20html%3E%0A...%3Cform%3E%0A%3Ctextarea%20name%3Dt%20cols%3D100%20ro=
ws%3D3%3E%3C%2Ftextarea%3E%3Cp%3E%0A%3Cinput%20name%3Da%20onfocus%3D%22t.=
value%2B%3D%27af1%20%27%3Bb.focus()%3Balert(document.activeElement.name)%=
3Bt.value%2B%3D%27af2%20%27%3B%22%20onblur%3D%22t.value%2B%3D%27ab%20%27%=
3B%22%3E%0A%3Cinput%20name%3Db%20onfocus%3D%22t.value%2B%3D%27bf1%20%27%3=
Bc.focus()%3Bt.value%2B%3D%27bf2%20%27%3B%22%20onblur%3D%22t.value%2B%3D%=
27bb%20%27%3B%22%3E%0A%3Cinput%20name%3Dc%20onfocus%3D%22t.value%2B%3D%27=
cf1%20%27%3Bc.focus()%3Bt.value%2B%3D%27cf2%20%27%3B%22%20onblur%3D%22t.v=
alue%2B%3D%27cb%20%27%3B%22%3E%0A --&gt;
+
+  &lt;!-- http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOC=
TYPE%20html%3E%3Cbody%20onload%3D%22document.forms%5B0%5D.a.focus()%22%3E=
%0A...%3Cform%3E%0A%3Ctextarea%20name%3Dt%20cols%3D100%20rows%3D3%3E%3C%2=
Ftextarea%3E%3Cp%3E%0A%3Cinput%20name%3Da%20onblur%3D%22t.value%2B%3D'ab%=
20'%3B%20b.focus()%3B%22%3E%0A%3Cinput%20name%3Db%20onfocus%3D%22t.value%=
2B%3D'bf1%20'%3Ba.focus()%3Bt.value%2B%3D'bf2%20'%3B%22%20onblur%3D%22t.v=
alue%2B%3D'bb%20'%3B%22%3E --&gt;
+
+  &lt;!-- http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOC=
TYPE%20html%3E%3Cbody%3E...%3Cform%3E%0A%3Ctextarea%20name%3Dt%20cols%3D1=
00%20rows%3D3%3E%3C%2Ftextarea%3E%3Cp%3E%0A%3Cinput%20name%3Da%20onfocus%=
3D%22t.value%2B%3D%27af%20%27%3B%22%20onblur%3D%22t.value%2B%3D%27ab1%20%=
27%3Bb.focus()%3Bt.value%2B%3D%27ab2%20%27%3B%22%3E%0A%3Cinput%20name%3Db=
%20onfocus%3D%22t.value%2B%3D%27bf1%20%27%3Ba.focus()%3Bt.value%2B%3D%27b=
f2%20%27%3B%22%20onblur%3D%22t.value%2B%3D%27bb%20%27%3B%22%3E --&gt;
+
+  &lt;!-- v2: more things to define, if no other specs define them:
+   - define onfocus/onblur behaviour for Window
+   - Other things to look at are IE's focus APIs (HTMLElement.setActive(=
),
+     onBeforeActivate, onActivate, onBeforeDeactivate, onDeactivate):
+       https://bugzilla.mozilla.org/show_bug.cgi?id=3D296471
+       https://bugzilla.mozilla.org/show_bug.cgi?id=3D296469
+       http://msdn.microsoft.com/workshop/author/dhtml/reference/methods=
/setactive.asp
+       http://msdn.microsoft.com/workshop/author/dhtml/reference/events/=
onbeforeactivate.asp
+  --&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When an element is &lt;i&gt;focused&lt;/i&gt;, key events rec=
eived by the document must be targeted at that
+  element. There may be no element focused; when no element is focused, =
key events received by the
+  document must be targeted at &lt;a href=3D#the-body-element-0&gt;the b=
ody element&lt;/a&gt;, if there is one, or else at the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'=
s root element, if there is one. If there is no root element, key events
+  must not be fired.&lt;/p&gt;
+
+  &lt;p&gt;User agents may track focus for each &lt;a href=3D#browsing-c=
ontext&gt;browsing context&lt;/a&gt; or &lt;code&gt;&lt;a href=3D#documen=
t&gt;Document&lt;/a&gt;&lt;/code&gt;
+  individually, or may support only one focused element per &lt;a href=3D=
#top-level-browsing-context&gt;top-level browsing context&lt;/a&gt;
+  &amp;mdash; user agents should follow platform conventions in this reg=
ard.&lt;/p&gt;
+
+  &lt;p&gt;Which elements within a &lt;a href=3D#top-level-browsing-cont=
ext&gt;top-level browsing context&lt;/a&gt; currently have focus must be
+  independent of whether or not the &lt;a href=3D#top-level-browsing-con=
text&gt;top-level browsing context&lt;/a&gt; itself has the &lt;i&gt;syst=
em
+  focus&lt;/i&gt;.&lt;/p&gt;
+
+  &lt;p id=3Dbc-focus-ergo-bcc-focus&gt;When a &lt;a href=3D#child-brows=
ing-context&gt;child browsing context&lt;/a&gt; is focused, its
+  &lt;a href=3D#browsing-context-container&gt;browsing context container=
&lt;/a&gt; must also have focus.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;When an element is focused, the element matches =
the CSS &lt;code&gt;:focus&lt;/code&gt;
+  pseudo-class.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dsequential-focus-navigation-and-the-tabindex-attribute&gt;=
&lt;span class=3Dsecno&gt;8.4.1 &lt;/span&gt;Sequential focus navigation =
and the &lt;code title=3Dattr-tabindex&gt;&lt;a href=3D#attr-tabindex&gt;=
tabindex&lt;/a&gt;&lt;/code&gt; attribute&lt;/h4&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-tabindex title=3Dattr-tabindex&gt;&lt;c=
ode&gt;tabindex&lt;/code&gt;&lt;/dfn&gt; content attribute allows authors=
 to
+  control whether an element is supposed to be focusable, whether it is =
supposed to be reachable
+  using sequential focus navigation, and what is to be the relative orde=
r of the element for the
+  purposes of sequential focus navigation. The name &quot;tab index&quot=
; comes from the common use of the
+  &quot;tab&quot; key to navigate through the focusable elements. The te=
rm &quot;tabbing&quot; refers to moving forward
+  through the focusable elements that can be reached using sequential fo=
cus navigation.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-tabindex&gt;&lt;a href=3D#attr-tabi=
ndex&gt;tabindex&lt;/a&gt;&lt;/code&gt; attribute, if specified, must hav=
e a value that
+  is a &lt;a href=3D#valid-integer&gt;valid integer&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;Each element can have a &lt;dfn id=3Dspecially-focusable&gt;t=
abindex focus flag&lt;/dfn&gt; set, as defined
+  below. This flag is a factor that contributes towards determining whet=
her an element is
+  &lt;a href=3D#focusable&gt;focusable&lt;/a&gt;, as described in the ne=
xt section.&lt;/p&gt;
+
+  &lt;p&gt;If the attribute is specified, it must be parsed using the &l=
t;a href=3D#rules-for-parsing-integers&gt;rules for parsing
+  integers&lt;/a&gt;. The attribute's values have the following meanings=
:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;If the attribute is omitted or parsing the value r=
eturns an error&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The user agent should follow platform conventions to determ=
ine if the element's
+    &lt;a href=3D#specially-focusable&gt;tabindex focus flag&lt;/a&gt; i=
s set and, if so, whether the element can be reached using
+    sequential focus navigation, and if so, what its relative order shou=
ld be.&lt;/p&gt;
+
+    &lt;p&gt;Modulo platform conventions, it is suggested that for the f=
ollowing elements, the
+    &lt;a href=3D#specially-focusable&gt;tabindex focus flag&lt;/a&gt; b=
e set:&lt;/p&gt;
+
+    &lt;ul&gt;&lt;li&gt;&lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;=
/a&gt;&lt;/code&gt; elements that have an &lt;code title=3Dattr-hyperlink=
-href&gt;&lt;a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&gt;
+     attribute&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&=
gt;&lt;/code&gt; elements that have an &lt;code title=3Dattr-link-href&gt=
;&lt;a href=3D#attr-link-href&gt;href&lt;/a&gt;&lt;/code&gt; attribute&lt=
;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-button-element&gt;button&lt=
;/a&gt;&lt;/code&gt; elements&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; elements whose &lt;code title=3Dattr-input-type&gt;&lt=
;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute are
+     not in the &lt;a href=3D&quot;#hidden-state-(type=3Dhidden)&quot; t=
itle=3Dattr-input-type-hidden&gt;Hidden&lt;/a&gt; state&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt=
;/a&gt;&lt;/code&gt; elements&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textare=
a&lt;/a&gt;&lt;/code&gt; elements&lt;/li&gt;
+
+     &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-menuitem-element&gt;menuite=
m&lt;/a&gt;&lt;/code&gt; elements&lt;/li&gt;
+
+     &lt;li&gt;Elements with a &lt;code title=3Dattr-draggable&gt;&lt;a =
href=3D#the-draggable-attribute&gt;draggable&lt;/a&gt;&lt;/code&gt; attri=
bute set, if that would
+     enable the user agent to allow the user to begin a drag operations =
for those elements without
+     the use of a pointing device&lt;/li&gt;
+
+     &lt;li&gt;&lt;a href=3D#editing-host title=3D&quot;editing host&quo=
t;&gt;Editing hosts&lt;/a&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;a href=3D#browsing-context-container title=3D&quot;br=
owsing context container&quot;&gt;Browsing context containers&lt;/a&gt;&l=
t;/li&gt; &lt;!-- like
+     &lt;iframe&gt;s --&gt;
+
+     &lt;li&gt;&lt;a href=3D#sorting-interface-th-element title=3D&quot;=
sorting interface th element&quot;&gt;Sorting interface &lt;code&gt;th&lt=
;/code&gt;
+     elements&lt;/a&gt;&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;p class=3Dnote&gt;One valid reason to ignore the plat=
form conventions and always allow an element
+    to be focused (by setting its &lt;a href=3D#specially-focusable&gt;t=
abindex focus flag&lt;/a&gt;) would be if the user's only
+    mechanism for activating an element is through a keyboard action tha=
t triggers the focused
+    element.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt id=3Dnegative-tabindex&gt;If the value is a negative integer&l=
t;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The user agent must set the element's &lt;a href=3D#special=
ly-focusable&gt;tabindex focus flag&lt;/a&gt;, but should not allow
+    the element to be reached using sequential focus navigation.&lt;/p&g=
t;
+
+    &lt;p class=3Dnote&gt;One valid reason to ignore the requirement tha=
t sequential focus navigation not
+    allow the author to lead to the element would be if the user's only =
mechanism for moving the
+    focus is sequential focus navigation. For instance, a keyboard-only =
user would be unable to
+    click on a text field with a negative &lt;code title=3Dattr-tabindex=
&gt;&lt;a href=3D#attr-tabindex&gt;tabindex&lt;/a&gt;&lt;/code&gt;, so th=
at
+    user's user agent would be well justified in allowing the user to ta=
b to the control
+    regardless.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;If the value is a zero&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The user agent must set the element's &lt;a href=3D#special=
ly-focusable&gt;tabindex focus flag&lt;/a&gt;, should allow the
+    element to be reached using sequential focus navigation, and should =
follow platform conventions
+    to determine the element's relative order.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;If the value is greater than zero&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The user agent must set the element's &lt;a href=3D#special=
ly-focusable&gt;tabindex focus flag&lt;/a&gt;, should allow the
+    element to be reached using sequential focus navigation, and should =
place the element in the
+    sequential focus navigation order so that it is:&lt;/p&gt;
+
+    &lt;ul&gt;&lt;li&gt;before any &lt;a href=3D#focusable&gt;focusable&=
lt;/a&gt; element whose &lt;code title=3Dattr-tabindex&gt;&lt;a href=3D#a=
ttr-tabindex&gt;tabindex&lt;/a&gt;&lt;/code&gt;
+     attribute has been omitted or whose value, when parsed, returns an =
error,&lt;/li&gt;
+
+     &lt;li&gt;before any &lt;a href=3D#focusable&gt;focusable&lt;/a&gt;=
 element whose &lt;code title=3Dattr-tabindex&gt;&lt;a href=3D#attr-tabin=
dex&gt;tabindex&lt;/a&gt;&lt;/code&gt;
+     attribute has a value equal to or less than zero,&lt;/li&gt;
+
+     &lt;li&gt;after any element whose &lt;code title=3Dattr-tabindex&gt=
;&lt;a href=3D#attr-tabindex&gt;tabindex&lt;/a&gt;&lt;/code&gt; attribute=
 has a value
+     greater than zero but less than the value of the &lt;code title=3Da=
ttr-tabindex&gt;&lt;a href=3D#attr-tabindex&gt;tabindex&lt;/a&gt;&lt;/cod=
e&gt;
+     attribute on the element,&lt;/li&gt;
+
+     &lt;li&gt;after any element whose &lt;code title=3Dattr-tabindex&gt=
;&lt;a href=3D#attr-tabindex&gt;tabindex&lt;/a&gt;&lt;/code&gt; attribute=
 has a value
+     equal to the value of the &lt;code title=3Dattr-tabindex&gt;&lt;a h=
ref=3D#attr-tabindex&gt;tabindex&lt;/a&gt;&lt;/code&gt; attribute on the =
element
+     but that is earlier in the document in &lt;a href=3D#tree-order&gt;=
tree order&lt;/a&gt; than the element,&lt;/li&gt;
+
+     &lt;li&gt;before any element whose &lt;code title=3Dattr-tabindex&g=
t;&lt;a href=3D#attr-tabindex&gt;tabindex&lt;/a&gt;&lt;/code&gt; attribut=
e has a value
+     equal to the value of the &lt;code title=3Dattr-tabindex&gt;&lt;a h=
ref=3D#attr-tabindex&gt;tabindex&lt;/a&gt;&lt;/code&gt; attribute on the =
element
+     but that is later in the document in &lt;a href=3D#tree-order&gt;tr=
ee order&lt;/a&gt; than the element, and&lt;/li&gt;
+
+     &lt;li&gt;before any element whose &lt;code title=3Dattr-tabindex&g=
t;&lt;a href=3D#attr-tabindex&gt;tabindex&lt;/a&gt;&lt;/code&gt; attribut=
e has a value
+     greater than the value of the &lt;code title=3Dattr-tabindex&gt;&lt=
;a href=3D#attr-tabindex&gt;tabindex&lt;/a&gt;&lt;/code&gt; attribute on =
the
+     element.&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;An element that has its &lt;a href=3D#specially-fo=
cusable&gt;tabindex focus flag&lt;/a&gt; set but does not otherwise have =
an
+  &lt;a href=3D#activation-behavior&gt;activation behavior&lt;/a&gt; def=
ined has an &lt;a href=3D#activation-behavior&gt;activation behavior&lt;/=
a&gt; that does
+  nothing.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This means that an element that is only focusabl=
e because of its &lt;code title=3Dattr-tabindex&gt;&lt;a href=3D#attr-tab=
index&gt;tabindex&lt;/a&gt;&lt;/code&gt; attribute will fire a &lt;code t=
itle=3Devent-click&gt;&lt;a href=3D#event-click&gt;click&lt;/a&gt;&lt;/co=
de&gt;
+  event in response to a non-mouse activation (e.g. hitting the &quot;en=
ter&quot; key while the element is
+  focused).&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tabindex title=3Ddom-tabIndex&gt;&lt;cod=
e&gt;tabIndex&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the value of the &lt;code t=
itle=3Dattr-tabindex&gt;&lt;a href=3D#attr-tabindex&gt;tabindex&lt;/a&gt;=
&lt;/code&gt; content
+  attribute. Its default value is 0 for elements that are focusable and =
&amp;minus;1 for elements that
+  are not focusable.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dfocus-management&gt;&lt;span class=3Dsecno&gt;8.4.2 &lt;/s=
pan&gt;Focus management&lt;/h4&gt;
+
+  &lt;p&gt;An element is &lt;dfn id=3Dfocusable&gt;focusable&lt;/dfn&gt;=
 if all of the following conditions are met:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;The element's &lt;a href=3D#specially-focusable&gt=
;tabindex focus flag&lt;/a&gt; is set.&lt;/li&gt;
+
+   &lt;li&gt;The element is either &lt;a href=3D#being-rendered&gt;being=
 rendered&lt;/a&gt; or &lt;!-- CANVAS-FOCUS-FALLBACK --&gt; is a
+   descendant of a &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canva=
s&lt;/a&gt;&lt;/code&gt; element that &lt;a href=3D#represents&gt;represe=
nts&lt;/a&gt; &lt;a href=3D#embedded-content&gt;embedded
+   content&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;Neither the element nor any of its ancestors are &lt;a href=
=3D#inert&gt;inert&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;The element is not &lt;a href=3D#concept-element-disabled t=
itle=3Dconcept-element-disabled&gt;disabled&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;In addition, each shape that is generated for an &=
lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&gt; =
element, any
+  user-agent-provided interface components of &lt;a href=3D#media-elemen=
t title=3D&quot;media element&quot;&gt;media elements&lt;/a&gt;
+  (e.g. a play button), and distinct user interface components of form c=
ontrols (e.g. &quot;up&quot; and
+  &quot;down&quot; buttons on an &lt;code title=3Dattr-input-type-number=
&gt;&lt;a href=3D&quot;#number-state-(type=3Dnumber)&quot;&gt;&amp;lt;inp=
ut type=3Dnumber&amp;gt;&lt;/a&gt;&lt;/code&gt; spin
+  control), should be &lt;a href=3D#focusable&gt;focusable&lt;/a&gt;, un=
less platform conventions dictate otherwise or
+  unless their corresponding element is &lt;a href=3D#concept-element-di=
sabled title=3Dconcept-element-disabled&gt;disabled&lt;/a&gt;. (A
+  single &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt=
;/code&gt; element can correspond to multiple shapes, since image maps ca=
n be reused
+  with multiple images on a page.)&lt;/p&gt;
+
+  &lt;p&gt;The user agent may also make part of a &lt;code&gt;&lt;a href=
=3D#the-details-element&gt;details&lt;/a&gt;&lt;/code&gt; element's rende=
ring
+  &lt;a href=3D#focusable&gt;focusable&lt;/a&gt;, to enable the element =
to be opened or closed using keyboard input.
+  However, this is distinct from the &lt;code&gt;&lt;a href=3D#the-detai=
ls-element&gt;details&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D=
#the-summary-element&gt;summary&lt;/a&gt;&lt;/code&gt; element being
+  focusable.&lt;/p&gt;
+
+  &lt;p&gt;Notwithstanding the above, user agents may make &lt;em&gt;any=
&lt;/em&gt; element or part of an element
+  focusable, especially to aid with accessibility or to better match pla=
tform conventions.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Dfocusing-steps&gt;focusing steps&l=
t;/dfn&gt; for an element are as follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the element is not &lt;a href=3D#in-a-=
document title=3D&quot;in a Document&quot;&gt;in a &lt;code&gt;Document&l=
t;/code&gt;&lt;/a&gt;, or if
+   the element's &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt; has no &lt;a href=3D#browsing-context&gt;browsing context&=
lt;/a&gt;, or if the element's
+   &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
's &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; has no &l=
t;a href=3D#top-level-browsing-context&gt;top-level browsing
+   context&lt;/a&gt;, or if the element is not &lt;a href=3D#focusable&g=
t;focusable&lt;/a&gt;, or if the element is already
+   focused, then abort these steps.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;If focusing the element will remove the focus from=
 another element, then run the
+   &lt;a href=3D#unfocusing-steps&gt;unfocusing steps&lt;/a&gt; for that=
 element.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Make the element the currently focused element in its &lt;a=
 href=3D#top-level-browsing-context&gt;top-level browsing
+    context&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Some elements, most notably &lt;code&gt;&lt;a href=3D#the-a=
rea-element&gt;area&lt;/a&gt;&lt;/code&gt;, can correspond to more than o=
ne distinct
+    focusable area. If a particular area was indicated when the element =
was focused, then that is
+    the area that must get focus; otherwise, e.g. when using the &lt;cod=
e title=3Ddom-focus&gt;&lt;a href=3D#dom-focus&gt;focus()&lt;/a&gt;&lt;/c=
ode&gt; method, the first such region in tree order is the one that
+    must be focused.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;The user agent may apply relevant platform-specific convent=
ions for focusing widgets.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;For example, some platforms select the content=
s of a text field when that field
+    is focused.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#fire-a-simple-event&gt;Fire a simple=
 event&lt;/a&gt; named &lt;code title=3Devent-focus&gt;focus&lt;/code&gt;=
 at the element.&lt;/li&gt;
+   &lt;!-- http://software.hixie.ch/utilities/js/live-dom-viewer/saved/7=
23 --&gt;
+
+  &lt;/ol&gt;&lt;p&gt;User agents must synchronously run the &lt;a href=3D=
#focusing-steps&gt;focusing steps&lt;/a&gt; for an element whenever the
+  user moves the focus to a &lt;a href=3D#focusable&gt;focusable&lt;/a&g=
t; element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dunfocusing-steps&gt;unfocusing steps&lt;/dfn=
&gt; for an element are as follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the element is an &lt;code&gt;&lt;a hr=
ef=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element, and the =
&lt;code title=3Devent-input-change&gt;&lt;a href=3D#event-input-change&g=
t;change&lt;/a&gt;&lt;/code&gt; event applies to the element, and the ele=
ment does not
+   have a defined &lt;a href=3D#activation-behavior&gt;activation behavi=
or&lt;/a&gt;, and the user has changed the element's &lt;a href=3D#concep=
t-fe-value title=3Dconcept-fe-value&gt;value&lt;/a&gt; or its list of &lt=
;a href=3D#concept-input-type-file-selected title=3Dconcept-input-type-fi=
le-selected&gt;selected files&lt;/a&gt; while the control was focused
+   without committing that change, then &lt;a href=3D#fire-a-simple-even=
t&gt;fire a simple event&lt;/a&gt; that bubbles named &lt;code title=3Dev=
ent-change&gt;change&lt;/code&gt; at the element.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Unfocus the element.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#fire-a-simple-event&gt;Fire a simple=
 event&lt;/a&gt; named &lt;code title=3Devent-blur&gt;blur&lt;/code&gt; a=
t the element.&lt;/li&gt;
+   &lt;!-- http://software.hixie.ch/utilities/js/live-dom-viewer/saved/7=
23 --&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When an element that is focused stops being a &lt;=
a href=3D#focusable&gt;focusable&lt;/a&gt; element, or stops being
+  focused without another element being explicitly focused in its stead,=
 the user agent should
+  synchronously run the &lt;a href=3D#unfocusing-steps&gt;unfocusing ste=
ps&lt;/a&gt; for the affected element only.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;For example, this might happen because the el=
ement is removed from its
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;,=
 or has a &lt;code title=3Dattr-hidden&gt;&lt;a href=3D#the-hidden-attrib=
ute&gt;hidden&lt;/a&gt;&lt;/code&gt; attribute added. It would
+  also happen to an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input=
&lt;/a&gt;&lt;/code&gt; element when the element gets &lt;a href=3D#conce=
pt-fe-disabled title=3Dconcept-fe-disabled&gt;disabled&lt;/a&gt;.&lt;/p&g=
t;
+
+  &lt;/div&gt;
+
+
+&lt;!--TOPIC:DOM APIs--&gt;
+  &lt;h4 id=3Ddocument-level-focus-apis&gt;&lt;span class=3Dsecno&gt;8.4=
.3 &lt;/span&gt;Document-level focus APIs&lt;/h4&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;d=
ocument&lt;/var&gt; . &lt;code title=3Ddom-document-activeElement&gt;&lt;=
a href=3D#dom-document-activeelement&gt;activeElement&lt;/a&gt;&lt;/code&=
gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the currently focused element.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;document&lt;/var&gt; . &lt;=
code title=3Ddom-document-hasFocus&gt;&lt;a href=3D#dom-document-hasfocus=
&gt;hasFocus&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the document has focus; otherwise, returns =
false.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-window-focus&gt;&lt;a href=3D#dom-window-focus&gt;focus&lt=
;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Focuses the window. Use of this method is discouraged. Allo=
w the user to control window focus
+    instead.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;window&lt;/var&gt; . &lt;co=
de title=3Ddom-window-blur&gt;&lt;a href=3D#dom-window-blur&gt;blur&lt;/a=
&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Unfocuses the window. Use of this method is discouraged. Al=
low the user to control window
+    focus instead.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-document-activeelement title=3Ddom-docum=
ent-activeElement&gt;&lt;code&gt;activeElement&lt;/code&gt;&lt;/dfn&gt; a=
ttribute on
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
objects must return the element in the document that is focused. If no
+  element in the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt; is focused, this must return &lt;a href=3D#the-body-elemen=
t-0&gt;the body
+  element&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;When a &lt;a href=3D#child-browsing-context&gt;c=
hild browsing context&lt;/a&gt; is focused, its &lt;a href=3D#browsing-co=
ntext-container&gt;browsing context
+  container&lt;/a&gt; is also focused, &lt;a href=3D#bc-focus-ergo-bcc-f=
ocus&gt;by definition&lt;/a&gt;. For
+  example, if the user moves the focus to a text field in an &lt;code&gt=
;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt;, the
+  &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/c=
ode&gt; is the element with focus in the &lt;a href=3D#parent-browsing-co=
ntext&gt;parent browsing context&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-document-hasfocus title=3Ddom-document-h=
asFocus&gt;&lt;code&gt;hasFocus()&lt;/code&gt;&lt;/dfn&gt; method on
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
objects must return true if the &lt;code&gt;&lt;a href=3D#document&gt;Doc=
ument&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#browsing-context&gt;browsing
+  context&lt;/a&gt; is focused, and all its &lt;a href=3D#ancestor-brows=
ing-context title=3D&quot;ancestor browsing context&quot;&gt;ancestor bro=
wsing
+  contexts&lt;/a&gt; are also focused, and the &lt;a href=3D#top-level-b=
rowsing-context&gt;top-level browsing context&lt;/a&gt; has the
+  &lt;i&gt;system focus&lt;/i&gt;. If the &lt;code&gt;&lt;a href=3D#docu=
ment&gt;Document&lt;/a&gt;&lt;/code&gt; has no &lt;a href=3D#browsing-con=
text&gt;browsing context&lt;/a&gt; or if its
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; has no &l=
t;a href=3D#top-level-browsing-context&gt;top-level browsing context&lt;/=
a&gt;, then the method will
+  always return false.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-window-focus title=3Ddom-window-focus&gt=
;&lt;code&gt;focus()&lt;/code&gt;&lt;/dfn&gt; method on the &lt;code&gt;&=
lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt;
+  object, when invoked, provides a hint to the user agent that the scrip=
t believes the user might be
+  interested in the contents of the &lt;a href=3D#browsing-context&gt;br=
owsing context&lt;/a&gt; of the &lt;code&gt;&lt;a href=3D#window&gt;Windo=
w&lt;/a&gt;&lt;/code&gt; object
+  on which the method was invoked.&lt;/p&gt;
+
+  &lt;p&gt;User agents are encouraged to have this &lt;code title=3Ddom-=
window-focus&gt;&lt;a href=3D#dom-window-focus&gt;focus()&lt;/a&gt;&lt;/c=
ode&gt; method
+  trigger some kind of notification.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-window-blur title=3Ddom-window-blur&gt;&=
lt;code&gt;blur()&lt;/code&gt;&lt;/dfn&gt; method on the &lt;code&gt;&lt;=
a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt;
+  object, when invoked, provides a hint to the user agent that the scrip=
t believes the user probably
+  is not currently interested in the contents of the &lt;a href=3D#brows=
ing-context&gt;browsing context&lt;/a&gt; of the
+  &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obje=
ct on which the method was invoked, but that the contents might become
+  interesting again in the future.&lt;/p&gt;
+
+  &lt;p&gt;User agents are encouraged to ignore calls to this &lt;code t=
itle=3Ddom-window-blur&gt;&lt;a href=3D#dom-window-blur&gt;blur()&lt;/a&g=
t;&lt;/code&gt;
+  method entirely.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Historically the &lt;code title=3Ddom-window-blu=
r&gt;&lt;a href=3D#dom-window-blur&gt;focus()&lt;/a&gt;&lt;/code&gt; and =
&lt;code title=3Ddom-window-blur&gt;&lt;a href=3D#dom-window-blur&gt;blur=
()&lt;/a&gt;&lt;/code&gt; methods actually affected the system focus, but=
 hostile
+  sites widely abuse this behavior to the user's detriment.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Delement-level-focus-apis&gt;&lt;span class=3Dsecno&gt;8.4.=
4 &lt;/span&gt;Element-level focus APIs&lt;/h4&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;e=
lement&lt;/var&gt; . &lt;code title=3Ddom-focus&gt;&lt;a href=3D#dom-focu=
s&gt;focus&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Focuses the element.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-blur&gt;&lt;a href=3D#dom-blur&gt;blur&lt;/a&gt;&lt;/code=
&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Unfocuses the element. Use of this method is discouraged. F=
ocus another element instead.&lt;/p&gt;
+
+    &lt;p&gt;Do not use this method to hide the focus ring if you find t=
he focus ring unsightly. Instead,
+    use a CSS rule to override the 'outline' property. Be aware, however=
, that if an alternative
+    focusing style isn't made available instead, the page will be signif=
icantly less usable for
+    people who primarily navigate pages using a keyboard, or those with =
reduced vision who use focus
+    outlines to help them navigate the page.&lt;/p&gt;
+
+    &lt;!-- we suggest using CSS here because users can override CSS, so=
 it's no the end of the world,
+    unlike using .blur(), which cannot be easily overridden by users and=
 completely breaks tab
+    navigation. --&gt;
+
+    &lt;div class=3Dexample&gt;
+
+     &lt;p&gt;For example, to hide the outline from links and instead us=
e a yellow background, you could
+     use:&lt;/p&gt;
+
+     &lt;pre&gt;:link:focus, :visited:focus { outline: none; background:=
 yellow; color: black; }&lt;/pre&gt;
+
+    &lt;/div&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-focus title=3Ddom-focus&gt;&lt;code&gt;f=
ocus()&lt;/code&gt;&lt;/dfn&gt; method, when invoked, must run the
+  following algorithm:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the element is marked as &lt;i&gt;&lt;=
a href=3D#locked-for-focus&gt;locked for focus&lt;/a&gt;&lt;/i&gt;, then =
abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Mark the element as &lt;dfn id=3Dlocked-for-focus&=
gt;locked for focus&lt;/dfn&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Run the &lt;a href=3D#focusing-steps&gt;focusing s=
teps&lt;/a&gt; for the element.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Unmark the element as &lt;i&gt;&lt;a href=3D#locke=
d-for-focus&gt;locked for focus&lt;/a&gt;&lt;/i&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Ddom-blur title=3Ddom-blur&gt;&lt;=
code&gt;blur()&lt;/code&gt;&lt;/dfn&gt; method, when invoked, should run =
the
+  &lt;a href=3D#unfocusing-steps&gt;unfocusing steps&lt;/a&gt; for the e=
lement on which the method was called instead. User agents
+  may selectively or uniformly ignore calls to this method for usability=
 reasons.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;For example, if the &lt;code title=3Ddom-blur=
&gt;&lt;a href=3D#dom-blur&gt;blur()&lt;/a&gt;&lt;/code&gt; method is unw=
isely
+  being used to remove the focus ring for aesthetics reasons, the page w=
ould become unusable by
+  keyboard users. Ignoring calls to this method would thus allow keyboar=
d users to interact with the
+  page.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--TOPIC:HTML--&gt;
+
+
+
+  &lt;h3 id=3Dassigning-keyboard-shortcuts&gt;&lt;span class=3Dsecno&gt;=
8.5 &lt;/span&gt;Assigning keyboard shortcuts&lt;/h3&gt;
+
+  &lt;h4 id=3Dintroduction-7&gt;&lt;span class=3Dsecno&gt;8.5.1 &lt;/spa=
n&gt;Introduction&lt;/h4&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;Each element that can be activated or focused can be assigned=
 a single key combination to
+  activate it, using the &lt;code title=3Dattr-accesskey&gt;&lt;a href=3D=
#the-accesskey-attribute&gt;accesskey&lt;/a&gt;&lt;/code&gt; attribute.&l=
t;/p&gt;
+
+  &lt;p&gt;The exact shortcut is determined by the user agent, based on =
information about the user's
+  keyboard, what keyboard shortcuts already exist on the platform, and w=
hat other shortcuts have
+  been specified on the page, using the information provided in the &lt;=
code title=3Dattr-accesskey&gt;&lt;a href=3D#the-accesskey-attribute&gt;a=
ccesskey&lt;/a&gt;&lt;/code&gt; attribute as a guide.&lt;/p&gt;
+
+  &lt;p&gt;In order to ensure that a relevant keyboard shortcut is avail=
able on a wide variety of input
+  devices, the author can provide a number of alternatives in the &lt;co=
de title=3Dattr-accesskey&gt;&lt;a href=3D#the-accesskey-attribute&gt;acc=
esskey&lt;/a&gt;&lt;/code&gt; attribute.&lt;/p&gt;
+
+  &lt;p&gt;Each alternative consists of a single character, such as a le=
tter or digit.&lt;/p&gt;
+
+  &lt;p&gt;User agents can provide users with a list of the keyboard sho=
rtcuts, but authors are encouraged
+  to do so also. The &lt;code title=3Ddom-accessKeyLabel&gt;&lt;a href=3D=
#dom-accesskeylabel&gt;accessKeyLabel&lt;/a&gt;&lt;/code&gt; IDL attribut=
e returns a
+  string representing the actual key combination assigned by the user ag=
ent.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this example, an author has provided a button that can be=
 invoked using a shortcut key. To
+   support full keyboards, the author has provided &quot;C&quot; as a po=
ssible key. To support devices
+   equipped only with numeric keypads, the author has provided &quot;1&q=
uot; as another possibly key.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;input type=3Dbutton value=3DCollect onclick=3D&quo=
t;collect()&quot;
+       &lt;strong&gt;accesskey=3D&quot;C 1&quot;&lt;/strong&gt; id=3Dc&a=
mp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;To tell the user what the shortcut key is, the author has th=
is script here opted to explicitly
+   add the key combination to the button's label:&lt;/p&gt;
+
+   &lt;pre&gt;function addShortcutKeyLabel(button) {
+&lt;strong&gt;  if (button.accessKeyLabel !=3D '')
+    button.value +=3D ' (' + button.accessKeyLabel + ')';&lt;/strong&gt;
+}
+addShortcutKeyLabel(document.getElementById('c'));&lt;/pre&gt;
+
+   &lt;p&gt;Browsers on different platforms will show different labels, =
even for the same key combination,
+   based on the convention prevalent on that platform. For example, if t=
he key combination is the
+   Control key, the Shift key, and the letter C, a Windows browser might=
 display
+   &quot;&lt;samp&gt;Ctrl+Shift+C&lt;/samp&gt;&quot;, whereas a Mac brow=
ser might display &quot;&lt;samp&gt;^&amp;#x21e7;C&lt;/samp&gt;&quot;, wh=
ile
+   an Emacs browser might just display &quot;&lt;samp&gt;C-C&lt;/samp&gt=
;&quot;. Similarly, if the key combination is the
+   Alt key and the Escape key, Windows might use &quot;&lt;samp&gt;Alt+E=
sc&lt;/samp&gt;&quot;, Mac might use
+   &quot;&lt;samp&gt;&amp;#x2325;&amp;#x238b;&lt;/samp&gt;&quot;, and an=
 Emacs browser might use &quot;&lt;samp&gt;M-ESC&lt;/samp&gt;&quot; or
+   &quot;&lt;samp&gt;ESC ESC&lt;/samp&gt;&quot;.&lt;/p&gt;
+
+   &lt;p&gt;In general, therefore, it is unwise to attempt to parse the =
value returned from the &lt;code title=3Ddom-accessKeyLabel&gt;&lt;a href=
=3D#dom-accesskeylabel&gt;accessKeyLabel&lt;/a&gt;&lt;/code&gt; IDL attri=
bute.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dthe-accesskey-attribute&gt;&lt;span class=3Dsecno&gt;8.5.2=
 &lt;/span&gt;The &lt;dfn title=3Dattr-accesskey&gt;&lt;code&gt;accesskey=
&lt;/code&gt;&lt;/dfn&gt; attribute&lt;/h4&gt;
+
+  &lt;p&gt;All &lt;a href=3D#html-elements&gt;HTML elements&lt;/a&gt; ma=
y have the &lt;code title=3Dattr-accesskey&gt;&lt;a href=3D#the-accesskey=
-attribute&gt;accesskey&lt;/a&gt;&lt;/code&gt;
+  content attribute set. The &lt;code title=3Dattr-accesskey&gt;&lt;a hr=
ef=3D#the-accesskey-attribute&gt;accesskey&lt;/a&gt;&lt;/code&gt; attribu=
te's value is used
+  by the user agent as a guide for creating a keyboard shortcut that act=
ivates or focuses the
+  element.&lt;/p&gt;
+
+  &lt;p&gt;If specified, the value must be an &lt;a href=3D#ordered-set-=
of-unique-space-separated-tokens&gt;ordered set of unique space-separated=
 tokens&lt;/a&gt;
+  that are &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt;, eac=
h of which must be exactly one Unicode code point in
+  length.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In the following example, a variety of links are given with =
access keys so that keyboard users
+   familiar with the site can more quickly navigate to the relevant page=
s:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;nav&amp;gt;
+ &amp;lt;p&amp;gt;
+  &amp;lt;a title=3D&quot;Consortium Activities&quot; accesskey=3D&quot;=
A&quot; href=3D&quot;/Consortium/activities&quot;&amp;gt;Activities&amp;l=
t;/a&amp;gt; |
+  &amp;lt;a title=3D&quot;Technical Reports and Recommendations&quot; ac=
cesskey=3D&quot;T&quot; href=3D&quot;/TR/&quot;&amp;gt;Technical Reports&=
amp;lt;/a&amp;gt; |
+  &amp;lt;a title=3D&quot;Alphabetical Site Index&quot; accesskey=3D&quo=
t;S&quot; href=3D&quot;/Consortium/siteindex&quot;&amp;gt;Site Index&amp;=
lt;/a&amp;gt; |
+  &amp;lt;a title=3D&quot;About This Site&quot; accesskey=3D&quot;B&quot=
; href=3D&quot;/Consortium/&quot;&amp;gt;About Consortium&amp;lt;/a&amp;g=
t; |
+  &amp;lt;a title=3D&quot;Contact Consortium&quot; accesskey=3D&quot;C&q=
uot; href=3D&quot;/Consortium/contact&quot;&amp;gt;Contact&amp;lt;/a&amp;=
gt;
+ &amp;lt;/p&amp;gt;
+&amp;lt;/nav&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In the following example, the search field is given two poss=
ible access keys, &quot;s&quot; and &quot;0&quot; (in
+   that order). A user agent on a device with a full keyboard might pick
+   &lt;kbd&gt;&lt;kbd&gt;Ctrl&lt;/kbd&gt;+&lt;kbd&gt;Alt&lt;/kbd&gt;+&lt=
;kbd&gt;&lt;a href=3D#the-s-element&gt;S&lt;/a&gt;&lt;/kbd&gt;&lt;/kbd&gt=
; as the shortcut key, while a user agent on
+   a small device with just a numeric keypad might pick just the plain u=
nadorned key
+   &lt;kbd&gt;&lt;kbd&gt;0&lt;/kbd&gt;&lt;/kbd&gt;:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;form action=3D&quot;/search&quot;&amp;gt;
+ &amp;lt;label&amp;gt;Search: &amp;lt;input type=3D&quot;search&quot; na=
me=3D&quot;q&quot; accesskey=3D&quot;s 0&quot;&amp;gt;&amp;lt;/label&amp;=
gt;
+ &amp;lt;input type=3D&quot;submit&quot;&amp;gt;
+&amp;lt;/form&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In the following example, a button has possible access keys =
described. A script then tries to
+   update the button's label to advertise the key combination the user a=
gent selected.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;input type=3Dsubmit accesskey=3D&quot;N @ 1&quot; =
value=3D&quot;Compose&quot;&amp;gt;
+...
+&amp;lt;script&amp;gt;
+ function labelButton(button) {
+   if (button.accessKeyLabel)
+     button.value +=3D ' (' + button.accessKeyLabel + ')';
+ }
+ var inputs =3D document.getElementsByTagName('input');
+ for (var i =3D 0; i &amp;lt; inputs.length; i +=3D 1) {
+   if (inputs[i].type =3D=3D &quot;submit&quot;)
+     labelButton(inputs[i]);
+ }
+&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;On one user agent, the button's label might become &quot;&lt=
;samp&gt;Compose (&amp;#x2318;N)&lt;/samp&gt;&quot;. On
+   another, it might become &quot;&lt;samp&gt;Compose (Alt+&amp;#x21e7;+=
1)&lt;/samp&gt;&quot;. If the user agent doesn't
+   assign a key, it will be just &quot;&lt;samp&gt;Compose&lt;/samp&gt;&=
quot;. The exact string depends on what the
+   &lt;a href=3D#assigned-access-key&gt;assigned access key&lt;/a&gt; is=
, and on how the user agent represents that key
+   combination.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dprocessing-model-5&gt;&lt;span class=3Dsecno&gt;8.5.3 &lt;=
/span&gt;Processing model&lt;/h4&gt;
+
+  &lt;p&gt;An element's &lt;dfn id=3Dassigned-access-key&gt;assigned acc=
ess key&lt;/dfn&gt; is a key combination derived from the element's
+  &lt;code title=3Dattr-accesskey&gt;&lt;a href=3D#the-accesskey-attribu=
te&gt;accesskey&lt;/a&gt;&lt;/code&gt; content attribute. Initially, an e=
lement must not
+  have an &lt;a href=3D#assigned-access-key&gt;assigned access key&lt;/a=
&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Whenever an element's &lt;code title=3Dattr-accesskey&gt;&lt;=
a href=3D#the-accesskey-attribute&gt;accesskey&lt;/a&gt;&lt;/code&gt; att=
ribute is set, changed,
+  or removed, the user agent must update the element's &lt;a href=3D#ass=
igned-access-key&gt;assigned access key&lt;/a&gt; by running
+  the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the element has no &lt;code title=3Dat=
tr-accesskey&gt;&lt;a href=3D#the-accesskey-attribute&gt;accesskey&lt;/a&=
gt;&lt;/code&gt; attribute, then skip
+   to the &lt;i&gt;fallback&lt;/i&gt; step below.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, &lt;a href=3D#split-a-string-on-spaces =
title=3D&quot;split a string on spaces&quot;&gt;split the attribute's val=
ue on
+   spaces&lt;/a&gt;, and let &lt;var title=3D&quot;&quot;&gt;keys&lt;/va=
r&gt; be the resulting tokens.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each value in &lt;var title=3D&quot;&quot;&gt;keys&lt;/=
var&gt; in turn, in the order the tokens appeared in the
+    attribute's value, run the following substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the value is not a string exactly on=
e Unicode code point in length, then skip the
+     remainder of these steps for this value.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the value does not correspond to a key on the=
 system's keyboard, then skip the
+     remainder of these steps for this value.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the user agent can find a mix of zero or more=
 modifier keys that, combined with the
+     key that corresponds to the value given in the attribute, can be us=
ed as the access key, then
+     the user agent may assign that combination of keys as the element's=
 &lt;a href=3D#assigned-access-key&gt;assigned access
+     key&lt;/a&gt; and abort these steps.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Fallback&lt;/i&gt;: Optionally, the user =
agent may assign a key combination of its choosing
+   as the element's &lt;a href=3D#assigned-access-key&gt;assigned access=
 key&lt;/a&gt; and then abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If this step is reached, the element has no &lt;a =
href=3D#assigned-access-key&gt;assigned access key&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;Once a user agent has selected and assigned an acc=
ess key for an element, the user agent should
+  not change the element's &lt;a href=3D#assigned-access-key&gt;assigned=
 access key&lt;/a&gt; unless the &lt;code title=3Dattr-accesskey&gt;&lt;a=
 href=3D#the-accesskey-attribute&gt;accesskey&lt;/a&gt;&lt;/code&gt; cont=
ent attribute is changed or the element is moved to
+  another &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/c=
ode&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When the user presses the key combination corresponding to th=
e &lt;a href=3D#assigned-access-key&gt;assigned access key&lt;/a&gt;
+  for an element, if the element &lt;a href=3D#concept-command title=3Dc=
oncept-command&gt;defines a command&lt;/a&gt;, the
+  command's &lt;a href=3D#command-facet-hiddenstate title=3Dcommand-face=
t-HiddenState&gt;Hidden State&lt;/a&gt; facet is false (visible),
+  the command's &lt;a href=3D#command-facet-disabledstate title=3Dcomman=
d-facet-DisabledState&gt;Disabled State&lt;/a&gt; facet is also false
+  (enabled), the element is &lt;a href=3D#in-a-document&gt;in a &lt;code=
&gt;Document&lt;/code&gt;&lt;/a&gt; that has an associated
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;, and neit=
her the element nor any of its ancestors has a &lt;code title=3Dattr-hidd=
en&gt;&lt;a href=3D#the-hidden-attribute&gt;hidden&lt;/a&gt;&lt;/code&gt;=
 attribute specified, then the user agent must trigger the &lt;a href=3D#=
command-facet-action title=3Dcommand-facet-Action&gt;Action&lt;/a&gt; of =
the command.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;User agents &lt;a href=3D#expose-commands-in-ui&=
gt;might expose&lt;/a&gt; elements that have
+  an &lt;code title=3Dattr-accesskey&gt;&lt;a href=3D#the-accesskey-attr=
ibute&gt;accesskey&lt;/a&gt;&lt;/code&gt; attribute in other ways as well=
, e.g. in a menu
+  displayed in response to a specific key combination.&lt;/p&gt; &lt;!--=
 the actual conformance criteria for
+  this is in the section that defines commands --&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-accesskey title=3Ddom-accessKe=
y&gt;&lt;code&gt;accessKey&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-a=
ccesskey&gt;&lt;a href=3D#the-accesskey-attribute&gt;accesskey&lt;/a&gt;&=
lt;/code&gt; content attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-accesskeylabel title=3Ddom-accessKeyLabe=
l&gt;&lt;code&gt;accessKeyLabel&lt;/code&gt;&lt;/dfn&gt; IDL attribute mu=
st return
+  a string that represents the element's &lt;a href=3D#assigned-access-k=
ey&gt;assigned access key&lt;/a&gt;, if any. If the element
+  does not have one, then the IDL attribute must return the empty string=
.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h3 id=3Dediting-0&gt;&lt;span class=3Dsecno&gt;8.6 &lt;/span&gt;Ed=
iting&lt;/h3&gt;
+
+  &lt;h4 id=3Dcontenteditable&gt;&lt;span class=3Dsecno&gt;8.6.1 &lt;/sp=
an&gt;Making document regions editable: The &lt;code title=3Dattr-content=
editable&gt;&lt;a href=3D#attr-contenteditable&gt;contenteditable&lt;/a&g=
t;&lt;/code&gt; content attribute&lt;/h4&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-contenteditable title=3Dattr-contentedi=
table&gt;&lt;code&gt;contenteditable&lt;/code&gt;&lt;/dfn&gt; attribute i=
s an
+  &lt;a href=3D#enumerated-attribute&gt;enumerated attribute&lt;/a&gt; w=
hose keywords are the empty string, &lt;code title=3D&quot;&quot;&gt;true=
&lt;/code&gt;,
+  and &lt;code title=3D&quot;&quot;&gt;false&lt;/code&gt;. The empty str=
ing and the &lt;code title=3D&quot;&quot;&gt;true&lt;/code&gt; keyword ma=
p
+  to the &lt;i&gt;true&lt;/i&gt; state. The &lt;code title=3D&quot;&quot=
;&gt;false&lt;/code&gt; keyword maps to the &lt;i&gt;false&lt;/i&gt; stat=
e.
+  In addition, there is a third state, the &lt;i&gt;inherit&lt;/i&gt; st=
ate, which is the &lt;i&gt;missing value
+  default&lt;/i&gt; (and the &lt;i&gt;invalid value default&lt;/i&gt;).&=
lt;/p&gt;
+
+  &lt;p&gt;The &lt;i&gt;true&lt;/i&gt; state indicates that the element =
is editable. The &lt;i&gt;inherit&lt;/i&gt; state
+  indicates that the element is editable if its parent is. The &lt;i&gt;=
false&lt;/i&gt; state indicates that the
+  element is not editable.&lt;/p&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;e=
lement&lt;/var&gt; . &lt;code title=3Ddom-contentEditable&gt;&lt;a href=3D=
#dom-contenteditable&gt;contentEditable&lt;/a&gt;&lt;/code&gt; [ =3D &lt;=
var title=3D&quot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns &quot;&lt;code title=3D&quot;&quot;&gt;true&lt;/cod=
e&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;false&lt;/code&gt;&qu=
ot;, or &quot;&lt;code title=3D&quot;&quot;&gt;inherit&lt;/code&gt;&quot;=
, based on the state of the &lt;code title=3Dattr-contenteditable&gt;&lt;=
a href=3D#attr-contenteditable&gt;contenteditable&lt;/a&gt;&lt;/code&gt; =
attribute.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change that state.&lt;/p&gt;
+
+    &lt;p&gt;Throws a &lt;code&gt;&lt;a href=3D#syntaxerror&gt;SyntaxErr=
or&lt;/a&gt;&lt;/code&gt; exception if the new value isn't one of those s=
trings.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-isContentEditable&gt;&lt;a href=3D#dom-iscontenteditable&=
gt;isContentEditable&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the element is editable; otherwise, returns=
 false.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-contenteditable title=3Ddom-contentEdita=
ble&gt;&lt;code&gt;contentEditable&lt;/code&gt;&lt;/dfn&gt; IDL attribute=
, on
+  getting, must return the string &quot;&lt;code title=3D&quot;&quot;&gt=
;true&lt;/code&gt;&quot; if the content attribute is set to
+  the true state, &quot;&lt;code title=3D&quot;&quot;&gt;false&lt;/code&=
gt;&quot; if the content attribute is set to the false state,
+  and &quot;&lt;code title=3D&quot;&quot;&gt;inherit&lt;/code&gt;&quot; =
otherwise. On setting, if the new value is an &lt;a href=3D#ascii-case-in=
sensitive&gt;ASCII
+  case-insensitive&lt;/a&gt; match for the string &quot;&lt;code title=3D=
&quot;&quot;&gt;inherit&lt;/code&gt;&quot; then the content
+  attribute must be removed, if the new value is an &lt;a href=3D#ascii-=
case-insensitive&gt;ASCII case-insensitive&lt;/a&gt; match for
+  the string &quot;&lt;code title=3D&quot;&quot;&gt;true&lt;/code&gt;&qu=
ot; then the content attribute must be set to the string
+  &quot;&lt;code title=3D&quot;&quot;&gt;true&lt;/code&gt;&quot;, if the=
 new value is an &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-insen=
sitive&lt;/a&gt; match for
+  the string &quot;&lt;code title=3D&quot;&quot;&gt;false&lt;/code&gt;&q=
uot; then the content attribute must be set to the string
+  &quot;&lt;code title=3D&quot;&quot;&gt;false&lt;/code&gt;&quot;, and o=
therwise the attribute setter must throw a
+  &lt;code&gt;&lt;a href=3D#syntaxerror&gt;SyntaxError&lt;/a&gt;&lt;/cod=
e&gt; exception.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-iscontenteditable title=3Ddom-isContentE=
ditable&gt;&lt;code&gt;isContentEditable&lt;/code&gt;&lt;/dfn&gt; IDL att=
ribute, on
+  getting, must return true if the element is either an &lt;a href=3D#ed=
iting-host&gt;editing host&lt;/a&gt; or
+  &lt;a href=3D#editable&gt;editable&lt;/a&gt;, and false otherwise.&lt;=
/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dmaking-entire-documents-editable:-the-designmode-idl-attri=
bute&gt;&lt;span class=3Dsecno&gt;8.6.2 &lt;/span&gt;Making entire docume=
nts editable: The &lt;code title=3Ddom-document-designMode&gt;&lt;a href=3D=
#designMode&gt;designMode&lt;/a&gt;&lt;/code&gt; IDL attribute&lt;/h4&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;Documents have a &lt;dfn id=3DdesignMode title=3Ddom-document=
-designMode&gt;&lt;code&gt;designMode&lt;/code&gt;&lt;/dfn&gt;, which can=
 be either enabled or
+  disabled.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;d=
ocument&lt;/var&gt; . &lt;code title=3Ddom-document-designMode&gt;&lt;a h=
ref=3D#designMode&gt;designMode&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var titl=
e=3D&quot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns &quot;&lt;code title=3D&quot;&quot;&gt;on&lt;/code&=
gt;&quot; if the document is editable, and &quot;&lt;code title=3D&quot;&=
quot;&gt;off&lt;/code&gt;&quot; if it isn't.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the document's current state. This fo=
cuses the document and resets the
+    selection in that document.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-document-designMode&gt;&lt;a href=3D=
#designMode&gt;designMode&lt;/a&gt;&lt;/code&gt; IDL attribute on the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
object takes two values, &quot;&lt;code title=3D&quot;&quot;&gt;on&lt;/co=
de&gt;&quot; and &quot;&lt;code title=3D&quot;&quot;&gt;off&lt;/code&gt;&=
quot;. On setting, the new value must be compared in an &lt;a href=3D#asc=
ii-case-insensitive&gt;ASCII
+  case-insensitive&lt;/a&gt; manner to these two values; if it matches t=
he &quot;&lt;code title=3D&quot;&quot;&gt;on&lt;/code&gt;&quot;
+  value, then &lt;code title=3Ddom-document-designMode&gt;&lt;a href=3D#=
designMode&gt;designMode&lt;/a&gt;&lt;/code&gt; must be enabled, and if i=
t
+  matches the &quot;&lt;code title=3D&quot;&quot;&gt;off&lt;/code&gt;&qu=
ot; value, then &lt;code title=3Ddom-document-designMode&gt;&lt;a href=3D=
#designMode&gt;designMode&lt;/a&gt;&lt;/code&gt; must be disabled. Other =
values must be
+  ignored.&lt;/p&gt;
+
+  &lt;p&gt;On getting, if &lt;code title=3Ddom-document-designMode&gt;&l=
t;a href=3D#designMode&gt;designMode&lt;/a&gt;&lt;/code&gt; is enabled, t=
he IDL
+  attribute must return the value &quot;&lt;code title=3D&quot;&quot;&gt=
;on&lt;/code&gt;&quot;; otherwise it is disabled, and the
+  attribute must return the value &quot;&lt;code title=3D&quot;&quot;&gt=
;off&lt;/code&gt;&quot;.&lt;/p&gt;
+
+  &lt;p&gt;The last state set must persist until the document is destroy=
ed or the state is changed.
+  Initially, documents must have their &lt;code title=3Ddom-document-des=
ignMode&gt;&lt;a href=3D#designMode&gt;designMode&lt;/a&gt;&lt;/code&gt;
+  disabled.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;code title=3Ddom-document-designMode&gt;&lt;a hr=
ef=3D#designMode&gt;designMode&lt;/a&gt;&lt;/code&gt; changes from being =
disabled to
+  being enabled, the user agent must synchronously reset the document's =
&lt;a href=3D#active-range&gt;active range&lt;/a&gt;'s
+  start and end boundary points to be at the start of the &lt;code&gt;&l=
t;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; and then run the
+  &lt;a href=3D#focusing-steps&gt;focusing steps&lt;/a&gt; for the root =
element of the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&l=
t;/code&gt;, if any.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dbest-practices-for-in-page-editors&gt;&lt;span class=3Dsec=
no&gt;8.6.3 &lt;/span&gt;Best practices for in-page editors&lt;/h4&gt;
+
+  &lt;p&gt;Authors are encouraged to set the 'white-space' property on &=
lt;a href=3D#editing-host title=3D&quot;editing host&quot;&gt;editing
+  hosts&lt;/a&gt; and on markup that was originally created through thes=
e editing mechanisms to the
+  value 'pre-wrap'. Default HTML whitespace handling is not well suited =
to WYSIWYG editing, and line
+  wrapping will not work correctly in some corner cases if 'white-space'=
 is left at its default
+  value.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;As an example of problems that occur if the default 'normal'=
 value is used instead, consider
+   the case of the user typing &quot;&lt;kbd&gt;yellow&amp;blank;&amp;bl=
ank;ball&lt;/kbd&gt;&quot;, with two spaces (here
+   represented by &quot;&amp;blank;&quot;) between the words. With the e=
diting rules in place for the default
+   value of 'white-space' ('normal'), the resulting markup will either c=
onsist of
+   &quot;&lt;samp&gt;yellow&amp;amp;nbsp;&amp;nbsp;ball&lt;/samp&gt;&quo=
t; or &quot;&lt;samp&gt;yellow&amp;nbsp;&amp;amp;nbsp;ball&lt;/samp&gt;&q=
uot;; i.e.,
+   there will be a non-breaking space between the two words in addition =
to the regular space. This
+   is necessary because the 'normal' value for 'white-space' requires ad=
jacent regular spaces to be
+   collapsed together.&lt;/p&gt;
+
+   &lt;p&gt;In the former case, &quot;&lt;samp&gt;yellow&amp;#x237d;&lt;=
/samp&gt;&quot; might wrap to the next line (&quot;&amp;#x237d;&quot;
+   being used here to represent a non-breaking space) even though &quot;=
&lt;samp&gt;yellow&lt;/samp&gt;&quot; alone might
+   fit at the end of the line; in the latter case, &quot;&lt;samp&gt;&am=
p;#x237d;ball&lt;/samp&gt;&quot;, if wrapped to the
+   start of the line, would have visible indentation from the non-breaki=
ng space.&lt;/p&gt;
+
+   &lt;p&gt;When 'white-space' is set to 'pre-wrap', however, the editin=
g rules will instead simply put
+   two regular spaces between the words, and should the two words be spl=
it at the end of a line, the
+   spaces would be neatly removed from the rendering.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dediting-apis&gt;&lt;span class=3Dsecno&gt;8.6.4 &lt;/span&=
gt;Editing APIs&lt;/h4&gt;
+
+  &lt;p&gt;The definition of the terms &lt;dfn id=3Dactive-range&gt;acti=
ve range&lt;/dfn&gt;, &lt;dfn id=3Dediting-host&gt;editing host&lt;/dfn&g=
t;, and
+  &lt;dfn id=3Deditable&gt;editable&lt;/dfn&gt;, the user interface requ=
irements of elements that are &lt;a href=3D#editing-host title=3D&quot;ed=
iting
+  host&quot;&gt;editing hosts&lt;/a&gt; or &lt;a href=3D#editable&gt;edi=
table&lt;/a&gt;, the
+
+  &lt;dfn id=3DexecCommand title=3Ddom-document-execCommand&gt;&lt;code&=
gt;execCommand()&lt;/code&gt;&lt;/dfn&gt;,
+  &lt;dfn id=3Ddom-document-querycommandenabled title=3Ddom-document-que=
ryCommandEnabled&gt;&lt;code&gt;queryCommandEnabled()&lt;/code&gt;&lt;/df=
n&gt;,
+  &lt;dfn id=3Ddom-document-querycommandindeterm title=3Ddom-document-qu=
eryCommandIndeterm&gt;&lt;code&gt;queryCommandIndeterm()&lt;/code&gt;&lt;=
/dfn&gt;,
+  &lt;dfn id=3Ddom-document-querycommandstate title=3Ddom-document-query=
CommandState&gt;&lt;code&gt;queryCommandState()&lt;/code&gt;&lt;/dfn&gt;,
+  &lt;dfn id=3Ddom-document-querycommandsupported title=3Ddom-document-q=
ueryCommandSupported&gt;&lt;code&gt;queryCommandSupported()&lt;/code&gt;&=
lt;/dfn&gt;, and
+  &lt;dfn id=3Ddom-document-querycommandvalue title=3Ddom-document-query=
CommandValue&gt;&lt;code&gt;queryCommandValue()&lt;/code&gt;&lt;/dfn&gt;
+
+  methods, text selections, and the &lt;dfn id=3Ddelete-the-selection&gt=
;delete the selection&lt;/dfn&gt; algorithm are defined in the
+  HTML Editing APIs specification. The interaction of editing and the un=
do/redo features in user
+  agents is defined by the UndoManager and DOM Transaction specification=
. &lt;a href=3D#refsEDITING&gt;[EDITING]&lt;/a&gt; &lt;a href=3D#refsUNDO=
&gt;[UNDO]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;!-- those might get merged in here eventually --&gt;
+
+
+
+  &lt;h4 id=3Dspelling-and-grammar-checking&gt;&lt;span class=3Dsecno&gt=
;8.6.5 &lt;/span&gt;Spelling and grammar checking&lt;/h4&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;User agents can support the checking of spelling and grammar =
of editable text, either in form
+  controls (such as the value of &lt;code&gt;&lt;a href=3D#the-textarea-=
element&gt;textarea&lt;/a&gt;&lt;/code&gt; elements), or in elements in a=
n &lt;a href=3D#editing-host&gt;editing
+  host&lt;/a&gt; (e.g. using &lt;code title=3Dattr-contenteditable&gt;&l=
t;a href=3D#attr-contenteditable&gt;contenteditable&lt;/a&gt;&lt;/code&gt=
;).&lt;/p&gt;
+
+  &lt;p&gt;For each element, user agents must establish a &lt;dfn id=3Dc=
oncept-spellcheck-default title=3Dconcept-spellcheck-default&gt;default
+  behavior&lt;/dfn&gt;, either through defaults or through preferences e=
xpressed by the user. There are
+  three possible default behaviors for each element:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dconcept-spellcheck-default-true title=
=3Dconcept-spellcheck-default-true&gt;true-by-default&lt;/dfn&gt;
+
+   &lt;dd&gt;The element will be checked for spelling and grammar if its=
 contents are editable.
+
+   &lt;dt&gt;&lt;dfn id=3Dconcept-spellcheck-default-false title=3Dconce=
pt-spellcheck-default-false&gt;false-by-default&lt;/dfn&gt;
+
+   &lt;dd&gt;The element will never be checked for spelling and grammar.
+
+   &lt;dt&gt;&lt;dfn id=3Dconcept-spellcheck-default-inherit title=3Dcon=
cept-spellcheck-default-inherit&gt;inherit-by-default&lt;/dfn&gt;
+
+   &lt;dd&gt;The element's default behavior is the same as its parent el=
ement's. Elements that have no
+   parent element cannot have this as their default behavior.
+
+  &lt;/dl&gt;&lt;hr&gt;&lt;/div&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dattr-spellcheck title=3Dattr-spellcheck&gt;&=
lt;code&gt;spellcheck&lt;/code&gt;&lt;/dfn&gt; attribute is an &lt;a href=
=3D#enumerated-attribute&gt;enumerated
+  attribute&lt;/a&gt; whose keywords are the empty string, &lt;code titl=
e=3D&quot;&quot;&gt;true&lt;/code&gt; and &lt;code title=3D&quot;&quot;&g=
t;false&lt;/code&gt;. The empty string and the &lt;code title=3D&quot;&qu=
ot;&gt;true&lt;/code&gt; keyword map to the
+  &lt;i&gt;true&lt;/i&gt; state. The &lt;code title=3D&quot;&quot;&gt;fa=
lse&lt;/code&gt; keyword maps to the &lt;i&gt;false&lt;/i&gt; state. In
+  addition, there is a third state, the &lt;i&gt;default&lt;/i&gt; state=
, which is the &lt;i&gt;missing value
+  default&lt;/i&gt; (and the &lt;i&gt;invalid value default&lt;/i&gt;).&=
lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;i&gt;true&lt;/i&gt; state indicates that=
 the element is to have its spelling and
+  grammar checked. The &lt;i&gt;default&lt;/i&gt; state indicates that t=
he element is to act according to a
+  default behavior, possibly based on the parent element's own &lt;code =
title=3Dattr-spellcheck&gt;&lt;a href=3D#attr-spellcheck&gt;spellcheck&lt=
;/a&gt;&lt;/code&gt; state, as defined below. The &lt;i&gt;false&lt;/i&gt=
; state
+  indicates that the element is not to be checked.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;hr&gt;&lt;/div&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;e=
lement&lt;/var&gt; . &lt;code title=3Ddom-spellcheck&gt;&lt;a href=3D#dom=
-spellcheck&gt;spellcheck&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&q=
uot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the element is to have its spelling and gra=
mmar checked; otherwise, returns
+    false.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to override the default and set the &lt;code ti=
tle=3Dattr-spellcheck&gt;&lt;a href=3D#attr-spellcheck&gt;spellcheck&lt;/=
a&gt;&lt;/code&gt; content attribute.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; . &lt;c=
ode title=3Ddom-forceSpellCheck&gt;&lt;a href=3D#dom-forcespellcheck&gt;f=
orceSpellCheck&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Forces the user agent to report spelling and grammar errors=
 on the element (if checking is
+    enabled), even if the user has never focused the element. (If the me=
thod is not invoked, user
+    agents can hide errors in text that wasn't just entered by the user.=
)&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-spellcheck title=3Ddom-spellcheck&gt;&lt=
;code&gt;spellcheck&lt;/code&gt;&lt;/dfn&gt; IDL attribute, on getting, m=
ust
+  return true if the element's &lt;code title=3Dattr-spellcheck&gt;&lt;a=
 href=3D#attr-spellcheck&gt;spellcheck&lt;/a&gt;&lt;/code&gt; content att=
ribute is
+  in the &lt;i&gt;true&lt;/i&gt; state, or if the element's &lt;code tit=
le=3Dattr-spellcheck&gt;&lt;a href=3D#attr-spellcheck&gt;spellcheck&lt;/a=
&gt;&lt;/code&gt;
+  content attribute is in the &lt;i&gt;default&lt;/i&gt; state and the e=
lement's &lt;a href=3D#concept-spellcheck-default title=3Dconcept-spellch=
eck-default&gt;default behavior&lt;/a&gt; is &lt;a href=3D#concept-spellc=
heck-default-true title=3Dconcept-spellcheck-default-true&gt;true-by-defa=
ult&lt;/a&gt;, or if the element's &lt;code title=3Dattr-spellcheck&gt;&l=
t;a href=3D#attr-spellcheck&gt;spellcheck&lt;/a&gt;&lt;/code&gt; content =
attribute is in the &lt;i&gt;default&lt;/i&gt; state and the
+  element's &lt;a href=3D#concept-spellcheck-default title=3Dconcept-spe=
llcheck-default&gt;default behavior&lt;/a&gt; is &lt;a href=3D#concept-sp=
ellcheck-default-inherit title=3Dconcept-spellcheck-default-inherit&gt;in=
herit-by-default&lt;/a&gt; and the element's parent
+  element's &lt;code title=3Ddom-spellcheck&gt;&lt;a href=3D#dom-spellch=
eck&gt;spellcheck&lt;/a&gt;&lt;/code&gt; IDL attribute would return true;
+  otherwise, if none of those conditions applies, then the attribute mus=
t instead return false.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code title=3Ddom-spellcheck&gt;&lt;a hre=
f=3D#dom-spellcheck&gt;spellcheck&lt;/a&gt;&lt;/code&gt; IDL attribute is=
 not affected
+  by user preferences that override the &lt;code title=3Dattr-spellcheck=
&gt;&lt;a href=3D#attr-spellcheck&gt;spellcheck&lt;/a&gt;&lt;/code&gt; co=
ntent
+  attribute, and therefore might not reflect the actual spellchecking st=
ate.&lt;/p&gt;
+
+  &lt;p&gt;On setting, if the new value is true, then the element's &lt;=
code title=3Dattr-spellcheck&gt;&lt;a href=3D#attr-spellcheck&gt;spellche=
ck&lt;/a&gt;&lt;/code&gt; content attribute must be set to the literal st=
ring
+  &quot;&lt;code title=3D&quot;&quot;&gt;true&lt;/code&gt;&quot;, otherw=
ise it must be set to the literal string &quot;&lt;code title=3D&quot;&qu=
ot;&gt;false&lt;/code&gt;&quot;.
+
+  &lt;hr&gt;&lt;p&gt;User agents must only consider the following pieces=
 of text as checkable for the purposes of
+  this feature:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;The &lt;a href=3D#concept-fe-value title=3Dconcept=
-fe-value&gt;value&lt;/a&gt; of &lt;code&gt;&lt;a href=3D#the-input-eleme=
nt&gt;input&lt;/a&gt;&lt;/code&gt; elements whose &lt;code title=3Dattr-i=
nput-type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt;=
 attributes are in the &lt;a href=3D&quot;#text-(type=3Dtext)-state-and-s=
earch-state-(type=3Dsearch)&quot; title=3Dattr-input-type-text&gt;Text&lt=
;/a&gt;, &lt;a href=3D&quot;#text-(type=3Dtext)-state-and-search-state-(t=
ype=3Dsearch)&quot; title=3Dattr-input-type-search&gt;Search&lt;/a&gt;,
+   &lt;a href=3D&quot;#url-state-(type=3Durl)&quot; title=3Dattr-input-t=
ype-url&gt;URL&lt;/a&gt;, or &lt;a href=3D&quot;#e-mail-state-(type=3Dema=
il)&quot; title=3Dattr-input-type-email&gt;E-mail&lt;/a&gt; states and th=
at are &lt;i title=3Dconcept-fe-mutable&gt;&lt;a href=3D#concept-fe-mutab=
le&gt;mutable&lt;/a&gt;&lt;/i&gt; (i.e. that do not have the &lt;code tit=
le=3Dattr-input-readonly&gt;&lt;a href=3D#attr-input-readonly&gt;readonly=
&lt;/a&gt;&lt;/code&gt; attribute specified and that are not &lt;a href=3D=
#concept-fe-disabled title=3Dconcept-fe-disabled&gt;disabled&lt;/a&gt;).&=
lt;/li&gt;
+
+   &lt;li&gt;The &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value=
&gt;value&lt;/a&gt; of &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;=
textarea&lt;/a&gt;&lt;/code&gt; elements that do not
+   have a &lt;code title=3Dattr-textarea-readonly&gt;&lt;a href=3D#attr-=
textarea-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt; attribute and that a=
re not &lt;a href=3D#concept-fe-disabled title=3Dconcept-fe-disabled&gt;d=
isabled&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;Text in &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt=
;/code&gt; nodes that are children of &lt;a href=3D#editing-host title=3D=
&quot;editing host&quot;&gt;editing
+   hosts&lt;/a&gt; or &lt;a href=3D#editable&gt;editable&lt;/a&gt; eleme=
nts.&lt;/li&gt;
+
+   &lt;li&gt;Text in attributes of &lt;a href=3D#editable&gt;editable&lt=
;/a&gt; elements.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;For text that is part of a &lt;code&gt;&lt;a href=3D=
#text&gt;Text&lt;/a&gt;&lt;/code&gt; node, the element with which the tex=
t is
+  associated is the element that is the immediate parent of the first ch=
aracter of the word,
+  sentence, or other piece of text. For text in attributes, it is the at=
tribute's element. For the
+  values of &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&g=
t;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;tex=
tarea&lt;/a&gt;&lt;/code&gt; elements, it is the element itself.&lt;/p&gt=
;
+
+  &lt;p&gt;To determine if a word, sentence, or other piece of text in a=
n applicable element (as defined
+  above) is to have spelling- and grammar-checking enabled, the UA must =
use the following
+  algorithm:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!-- user override --&gt;&lt;li&gt;If the user has disabl=
ed the checking for this text, then the checking is disabled.&lt;/li&gt;
+
+   &lt;li&gt;Otherwise, if the user has forced the checking for this tex=
t to always be enabled, then the
+   checking is enabled.&lt;/li&gt;
+
+   &lt;!-- content attribute: on, off --&gt;
+
+   &lt;li&gt;Otherwise, if the element with which the text is associated=
 has a &lt;code title=3Dattr-spellcheck&gt;&lt;a href=3D#attr-spellcheck&=
gt;spellcheck&lt;/a&gt;&lt;/code&gt; content attribute, then: if that att=
ribute is in the
+   &lt;i&gt;true&lt;/i&gt; state, then checking is enabled; otherwise, i=
f that attribute is in the &lt;i&gt;false&lt;/i&gt;
+   state, then checking is disabled.&lt;/li&gt;
+
+   &lt;!-- inherit, if there is one to inherit from --&gt;
+
+   &lt;li&gt;Otherwise, if there is an ancestor element with a &lt;code =
title=3Dattr-spellcheck&gt;&lt;a href=3D#attr-spellcheck&gt;spellcheck&lt=
;/a&gt;&lt;/code&gt; content attribute that is not in the &lt;i&gt;defaul=
t&lt;/i&gt;
+   state, then: if the nearest such ancestor's &lt;code title=3Dattr-spe=
llcheck&gt;&lt;a href=3D#attr-spellcheck&gt;spellcheck&lt;/a&gt;&lt;/code=
&gt;
+   content attribute is in the &lt;i&gt;true&lt;/i&gt; state, then check=
ing is enabled; otherwise, checking is
+   disabled.&lt;/li&gt;
+
+   &lt;!-- default --&gt;
+
+   &lt;li&gt;Otherwise, if the element's &lt;a href=3D#concept-spellchec=
k-default title=3Dconcept-spellcheck-default&gt;default behavior&lt;/a&gt=
;
+   is &lt;a href=3D#concept-spellcheck-default-true title=3Dconcept-spel=
lcheck-default-true&gt;true-by-default&lt;/a&gt;, then checking is
+   enabled.&lt;/li&gt;
+
+   &lt;li&gt;Otherwise, if the element's &lt;a href=3D#concept-spellchec=
k-default title=3Dconcept-spellcheck-default&gt;default behavior&lt;/a&gt=
;
+   is &lt;a href=3D#concept-spellcheck-default-false title=3Dconcept-spe=
llcheck-default-false&gt;false-by-default&lt;/a&gt;, then checking is
+   disabled.&lt;/li&gt;
+
+   &lt;!-- default inheritance --&gt;
+
+   &lt;li&gt;Otherwise, if the element's parent element has &lt;em&gt;it=
s&lt;/em&gt; checking enabled, then checking
+   is enabled.&lt;/li&gt;
+
+   &lt;li&gt;Otherwise, checking is disabled.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;If the checking is enabled for a word/sentence/tex=
t, the user agent should indicate spelling
+  and grammar errors in that text. User agents should take into account =
the other semantics given in
+  the document when suggesting spelling and grammar corrections. User ag=
ents may use the language of
+  the element to determine what spelling and grammar rules to use, or ma=
y use the user's preferred
+  language settings. UAs should use &lt;code&gt;&lt;a href=3D#the-input-=
element&gt;input&lt;/a&gt;&lt;/code&gt; element attributes such as &lt;co=
de title=3Dattr-input-pattern&gt;&lt;a href=3D#attr-input-pattern&gt;patt=
ern&lt;/a&gt;&lt;/code&gt; to ensure that the resulting value is valid, w=
here
+  possible.&lt;/p&gt;
+
+  &lt;p&gt;If checking is disabled, the user agent should not indicate s=
pelling or grammar errors for that
+  text.&lt;/p&gt;
+
+  &lt;p&gt;Even when checking is enabled, user agents may opt to not rep=
ort spelling or grammar errors in
+  text that the user agent deems the user has no interest in having chec=
ked (e.g. text that was
+  already present when the page was loaded, or that the user did not typ=
e, or text in controls that
+  the user has not focused, or in parts of e-mail addresses that the use=
r agent is not confident
+  were misspelt). The &lt;dfn id=3Ddom-forcespellcheck title=3Ddom-force=
SpellCheck&gt;&lt;code&gt;forceSpellCheck()&lt;/code&gt;&lt;/dfn&gt; meth=
od,
+  when invoked on an element, must override this behavior, forcing the u=
ser agent to consider all
+  spelling and grammar errors in text in that element for which checking=
 is enabled to be of
+  interest to the user.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The element with ID &quot;a&quot; in the following example w=
ould be the one used to determine if the
+   word &quot;Hello&quot; is checked for spelling errors. In this exampl=
e, it would not be.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;div contenteditable=3D&quot;true&quot;&amp;gt;
+ &amp;lt;span spellcheck=3D&quot;false&quot; id=3D&quot;a&quot;&amp;gt;H=
ell&amp;lt;/span&amp;gt;&amp;lt;em&amp;gt;o!&amp;lt;/em&amp;gt;
+&amp;lt;/div&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;The element with ID &quot;b&quot; in the following example w=
ould have checking enabled (the leading
+   space character in the attribute's value on the &lt;code&gt;&lt;a hre=
f=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element causes the=
 attribute
+   to be ignored, so the ancestor's value is used instead, regardless of=
 the default).&lt;/p&gt;
+
+   &lt;pre class=3Dbad&gt;&amp;lt;p spellcheck=3D&quot;true&quot;&amp;gt=
;
+ &amp;lt;label&amp;gt;Name: &amp;lt;input spellcheck=3D&quot; false&quot=
; id=3D&quot;b&quot;&amp;gt;&amp;lt;/label&amp;gt;
+&amp;lt;/p&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;This specification does not define the user inte=
rface for spelling and grammar
+  checkers. A user agent could offer on-demand checking, could perform c=
ontinuous checking while the
+  checking is enabled, or could use other interfaces.&lt;/p&gt;
+
+
+  &lt;h3 id=3Ddnd&gt;&lt;span class=3Dsecno&gt;8.7 &lt;/span&gt;&lt;dfn&=
gt;Drag and drop&lt;/dfn&gt;&lt;/h3&gt;
+
+&lt;!-- v2: ideas for drag and drop:
+
+     * being able to animate a drop target:
+
+       &gt; To implement this with simple interface I've proposed, event=
s should be handled either by
+       &gt; existing elements (like list items that compare their size a=
nd position of dragged element
+       &gt; to decide whether element should be dropped before or after)=
 or handled by container that
+       &gt; would probably need to calculate positions of it's children =
and create new element to show
+       &gt; drop target. Smooth Mac-like drag'n'drop can be implemented =
by animating drop target's
+       &gt; padding/margin. So that's quite a bit of code that's going t=
o be reinvented each time
+       &gt; someone implements reordering.
+
+       &lt;hyatt&gt; :droptarget
+       &lt;hyatt&gt; or something
+       &lt;hyatt&gt; we don't support a pseudo-class for the drop target=
 but that's a great idea
+       &lt;Hixie_&gt; yeah, thinking about that too
+       &lt;Hixie_&gt; :drop-target, :drop-target(above), :drop-target(be=
low) and having ondragover be able to say &quot;not on me, but next to me=
 maybe&quot;
+
+       - some way to be able to match an element that is being dragged o=
ver.
+
+       - some way to be able to animate an element as it goes into and o=
ut of this state (CSS
+         transitions?), e.g. to be able to animate something &quot;getti=
ng out of the way&quot; to let you
+         drop an item between others.
+
+       - as an extension to the previous feature, a way to distinguish b=
eing dragged above or to the
+         left of the drag target vs below or to the right of the drag ta=
rget.
+
+     * We should let drop targets communicate back to drag sources if th=
ey want to communicate.
+       (e.g. expose Window, and thus postMessage(), on the dataTransfer =
object on drop.) Or maybe
+       just use a MessagePort!
+
+       We should let drag sources provide a set of options via a context=
 menu when the drop happens.
+       (So that, e.g., the source can know whether a capabilities URI th=
at it is passing along is
+       supposed to be read-write access or read-only access to the objec=
t being dragged.)
+
+       We should let potential drop targets see the types (but not the c=
ontents!) of dragged data so
+       they can establish if they care or not. (dataTransfer.hasType())
+
+       Ack: Ben Laurie (@g)
+
+     * Interop with native apps. In particular, we probably want to whit=
elist the list of types that
+       a Web page can see, since otherwise we'll end up exposing things =
like the username (if a user
+       drags a file from their desktop, the path is exposed on some OSes=
).
+
+     * Alex Velkov suggests that drags to and from the same origin shoul=
d be able to read the data
+       even before the drop.
+
+     Other things listed below:
+      DND-v2: more native support: text/html from selections, etc
+      DND-v3: add Blob support
+      DND-v4: add structured clone support
+      DND-v5: add promises (should be able to say &quot;if you accept th=
is
+              drop, then I can provide the File object that
+              corresponds to it eventually&quot;)
+
+         DataTransferPromise.type =3D 'string' or 'file' or 'blob' or 'd=
ata'
+                            .onneeddata - can wait until this fires to p=
rovide data
+                            .setData() - call this once you have data, m=
ust be the right type
+
+--&gt;
+
+  &lt;p&gt;This section defines an event-based drag-and-drop mechanism.&=
lt;/p&gt;
+
+  &lt;p&gt;This specification does not define exactly what a &lt;em&gt;d=
rag-and-drop operation&lt;/em&gt; actually
+  is.&lt;/p&gt;
+
+  &lt;p&gt;On a visual medium with a pointing device, a drag operation c=
ould be the default action of a
+  &lt;code title=3Devent-mousedown&gt;mousedown&lt;/code&gt; event that =
is followed by a series of &lt;code title=3Devent-mousemove&gt;mousemove&=
lt;/code&gt; events, and the drop could be triggered by the mouse
+  being released.&lt;/p&gt;
+
+  &lt;p&gt;When using an input modality other than a pointing device, us=
ers would probably have to
+  explicitly indicate their intention to perform a drag-and-drop operati=
on, stating what they wish
+  to drag and where they wish to drop it, respectively.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;However it is implemented, drag-and-drop operations must have=
 a starting point (e.g. where the
+  mouse was clicked, or the start of the selection or element that was s=
elected for the drag), may
+  have any number of intermediate steps (elements that the mouse moves o=
ver during a drag, or
+  elements that the user picks as possible drop points as he cycles thro=
ugh possibilities), and must
+  either have an end point (the element above which the mouse button was=
 released, or the element
+  that was finally selected), or be canceled. The end point must be the =
last element selected as a
+  possible drop point before the drop occurs (so if the operation is not=
 canceled, there must be at
+  least one element in the middle step).&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dintroduction-8&gt;&lt;span class=3Dsecno&gt;8.7.1 &lt;/spa=
n&gt;Introduction&lt;/h4&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;To make an element draggable is simple: give the element a &l=
t;code title=3Dattr-draggable&gt;&lt;a href=3D#the-draggable-attribute&gt=
;draggable&lt;/a&gt;&lt;/code&gt; attribute, and set an event listener fo=
r &lt;code title=3Devent-dragstart&gt;&lt;a href=3D#event-dragstart&gt;dr=
agstart&lt;/a&gt;&lt;/code&gt; that stores the data being dragged.&lt;/p&=
gt;
+
+  &lt;p&gt;The event handler typically needs to check that it's not a te=
xt selection that is being
+  dragged, and then needs to store data into the &lt;code&gt;&lt;a href=3D=
#datatransfer&gt;DataTransfer&lt;/a&gt;&lt;/code&gt; object and set the
+  allowed effects (copy, move, link, or some combination).&lt;/p&gt;
+
+  &lt;p&gt;For example:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;p&amp;gt;What fruits do you like?&amp;lt;/p&amp;gt;
+&amp;lt;ol ondragstart=3D&quot;dragStartHandler(event)&quot;&amp;gt;
+ &amp;lt;li draggable=3D&quot;true&quot; data-value=3D&quot;fruit-apple&=
quot;&amp;gt;Apples&amp;lt;/li&amp;gt;
+ &amp;lt;li draggable=3D&quot;true&quot; data-value=3D&quot;fruit-orange=
&quot;&amp;gt;Oranges&amp;lt;/li&amp;gt;
+ &amp;lt;li draggable=3D&quot;true&quot; data-value=3D&quot;fruit-pear&q=
uot;&amp;gt;Pears&amp;lt;/li&amp;gt;
+&amp;lt;/ol&amp;gt;
+&amp;lt;script&amp;gt;
+  var internalDNDType =3D 'text/x-example'; // set this to something spe=
cific to your site
+  function dragStartHandler(event) {
+    if (event.target instanceof HTMLLIElement) {
+      // use the element's data-value=3D&quot;&quot; attribute as the va=
lue to be moving:
+      event.dataTransfer.setData(internalDNDType, event.target.dataset.v=
alue);
+      event.dataTransfer.effectAllowed =3D 'move'; // only allow moves
+    } else {
+      event.preventDefault(); // don't allow selection to be dragged
+    }
+  }
+&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+  &lt;hr&gt;&lt;p&gt;To accept a drop, the drop target has to have a &lt=
;code title=3Dattr-dropzone&gt;&lt;a href=3D#the-dropzone-attribute&gt;dr=
opzone&lt;/a&gt;&lt;/code&gt;
+  attribute and listen to the &lt;code title=3Ddrop-event&gt;drop&lt;/co=
de&gt; event.&lt;/p&gt;
+
+  &lt;p&gt;The value of the &lt;code title=3Dattr-dropzone&gt;&lt;a href=
=3D#the-dropzone-attribute&gt;dropzone&lt;/a&gt;&lt;/code&gt; attribute s=
pecifies what kind of
+  data to accept (e.g. &quot;&lt;code title=3D&quot;&quot;&gt;string:tex=
t/plain&lt;/code&gt;&quot; to accept any text strings, or
+  &quot;&lt;code&gt;file:image/png&lt;/code&gt;&quot; to accept a PNG im=
age file) and what kind of feedback to give (e.g.
+  &quot;&lt;code&gt;move&lt;/code&gt;&quot; to indicate that the data wi=
ll be moved).&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Instead of using the &lt;code title=3Dattr-dropz=
one&gt;&lt;a href=3D#the-dropzone-attribute&gt;dropzone&lt;/a&gt;&lt;/cod=
e&gt; attribute, a drop
+  target can handle the &lt;code title=3Devent-dragenter&gt;&lt;a href=3D=
#event-dragenter&gt;dragenter&lt;/a&gt;&lt;/code&gt; event (to report whe=
ther or
+  not the drop target is to accept the drop) and the &lt;code title=3Dev=
ent-dragover&gt;&lt;a href=3D#event-dragover&gt;dragover&lt;/a&gt;&lt;/co=
de&gt;
+  event (to specify what feedback is to be shown to the user).&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Devent-drop&gt;&lt;a href=3D#event-drop&g=
t;drop&lt;/a&gt;&lt;/code&gt; event allows the actual drop to be performe=
d. This
+  event needs to be canceled, so that the &lt;code title=3Ddom-DataTrans=
fer-DropEffect&gt;&lt;a href=3D#dom-datatransfer-dropeffect&gt;dropEffect=
&lt;/a&gt;&lt;/code&gt; attribute's value can be used by the source
+  (otherwise it's reset).&lt;/p&gt;
+
+  &lt;p&gt;For example:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;p&amp;gt;Drop your favorite fruits below:&amp;lt;/p=
&amp;gt;
+&amp;lt;ol dropzone=3D&quot;move string:text/x-example&quot; ondrop=3D&q=
uot;dropHandler(event)&quot;&amp;gt;
+ &amp;lt;!-- don't forget to change the &quot;text/x-example&quot; type =
to something
+ specific to your site --&amp;gt;
+&amp;lt;/ol&amp;gt;
+&amp;lt;script&amp;gt;
+  var internalDNDType =3D 'text/x-example'; // set this to something spe=
cific to your site
+  function dropHandler(event) {
+    var li =3D document.createElement('li');
+    var data =3D event.dataTransfer.getData(internalDNDType);
+    if (data =3D=3D 'fruit-apple') {
+      li.textContent =3D 'Apples';
+    } else if (data =3D=3D 'fruit-orange') {
+      li.textContent =3D 'Oranges';
+    } else if (data =3D=3D 'fruit-pear') {
+      li.textContent =3D 'Pears';
+    } else {
+      li.textContent =3D 'Unknown Fruit';
+    }
+    event.target.appendChild(li);
+  }
+&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+  &lt;hr&gt;&lt;p&gt;To remove the original element (the one that was dr=
agged) from the display, the &lt;code title=3Devent-dragend&gt;&lt;a href=
=3D#event-dragend&gt;dragend&lt;/a&gt;&lt;/code&gt; event can be used.&lt=
;/p&gt;
+
+  &lt;p&gt;For our example here, that means updating the original markup=
 to handle that event:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;p&amp;gt;What fruits do you like?&amp;lt;/p&amp;gt;
+&amp;lt;ol ondragstart=3D&quot;dragStartHandler(event)&quot; ondragend=3D=
&quot;dragEndHandler(event)&quot;&amp;gt;
+ &lt;em&gt;...as before...&lt;/em&gt;
+&amp;lt;/ol&amp;gt;
+&amp;lt;script&amp;gt;
+  function dragStartHandler(event) {
+    // &lt;em&gt;...as before...&lt;/em&gt;
+  }
+  function dragEndHandler(event) {
+    if (event.dataTransfer.dropEffect =3D=3D 'move') {
+      // remove the dragged element
+      event.target.parentNode.removeChild(event.target);
+    }
+  }
+&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+
+
+  &lt;h4 id=3Dthe-drag-data-store&gt;&lt;span class=3Dsecno&gt;8.7.2 &lt=
;/span&gt;The drag data store&lt;/h4&gt;
+
+  &lt;p&gt;The data that underlies a drag-and-drop operation, known as t=
he &lt;dfn id=3Ddrag-data-store&gt;drag data store&lt;/dfn&gt;,
+  consists of the following information:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;&lt;p&gt;A &lt;dfn id=3Ddrag-data-store-item-list&=
gt;drag data store item list&lt;/dfn&gt;, which is a list of items repres=
enting the dragged
+   data, each consisting of the following information:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dthe-drag-data-item-kind&gt;The drag=
 data item kind&lt;/dfn&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;The kind of data:&lt;/p&gt;
+
+      &lt;dl&gt;&lt;dt&gt;&lt;i&gt;Plain Unicode string&lt;/i&gt;&lt;/dt=
&gt;
+       &lt;dd&gt;
+        &lt;p&gt;Text.&lt;/p&gt;
+       &lt;/dd&gt;
+
+&lt;!-- DND-v3:
+       &lt;dt&gt;&lt;i title=3D&quot;&quot;&gt;Blob&lt;/i&gt;&lt;/dt&gt;
+       &lt;dd&gt;
+        &lt;p&gt;Binary data.&lt;/p&gt;
+       &lt;/dd&gt;
+--&gt;
+
+       &lt;dt&gt;&lt;i title=3D&quot;&quot;&gt;File&lt;/i&gt;&lt;/dt&gt;
+       &lt;dd&gt;
+        &lt;p&gt;Binary data with a file name.&lt;/p&gt;
+       &lt;/dd&gt;
+
+&lt;!-- DND-v4:
+       &lt;dt&gt;&lt;i&gt;Structured object&lt;/i&gt;&lt;/dt&gt;
+       &lt;dd&gt;
+        &lt;p&gt;An object that will be cloned using the &lt;span&gt;str=
uctured clone&lt;/span&gt; algorithm.&lt;/p&gt;
+       &lt;/dd&gt;
+--&gt;
+
+      &lt;/dl&gt;&lt;/dd&gt;
+
+     &lt;dt&gt;&lt;dfn id=3Dthe-drag-data-item-type-string&gt;The drag d=
ata item type string&lt;/dfn&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;A Unicode string giving the type or format of the data, g=
enerally given by a &lt;a href=3D#mime-type&gt;MIME
+      type&lt;/a&gt;. Some values that are not &lt;a href=3D#mime-type t=
itle=3D&quot;MIME type&quot;&gt;MIME types&lt;/a&gt; are
+      special-cased for legacy reasons. The API does not enforce the use=
 of &lt;a href=3D#mime-type title=3D&quot;MIME
+      type&quot;&gt;MIME types&lt;/a&gt;; other values can be used as we=
ll. In all cases, however, the values
+      are all &lt;a href=3D#converted-to-ascii-lowercase&gt;converted to=
 ASCII lowercase&lt;/a&gt; by the API.&lt;/p&gt;
+
+      &lt;p class=3Dnote&gt;Strings that contain &lt;a href=3D#space-cha=
racter title=3D&quot;space character&quot;&gt;space characters&lt;/a&gt;
+      cannot be used with the &lt;code title=3Dattr-dropzone&gt;&lt;a hr=
ef=3D#the-dropzone-attribute&gt;dropzone&lt;/a&gt;&lt;/code&gt; attribute=
, so authors are
+      encouraged to use only &lt;a href=3D#mime-type title=3D&quot;MIME =
type&quot;&gt;MIME types&lt;/a&gt; or custom strings (without
+      spaces).&lt;/p&gt;
+
+      &lt;p&gt;There is a limit of one &lt;i&gt;Plain Unicode string&lt;=
/i&gt; item per &lt;a href=3D#the-drag-data-item-type-string title=3D&quo=
t;The drag data
+      item type string&quot;&gt;item type string&lt;/a&gt;.&lt;/p&gt; &l=
t;!-- DND-v4: consider limiting the structured
+      objects too --&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;The actual data&lt;/dt&gt;
+
+     &lt;dd&gt;&lt;p&gt;A Unicode or binary string, in some cases with a=
 file name (itself a Unicode string),
+     &lt;!-- (DND-v4:) or an object, --&gt; as per &lt;a href=3D#the-dra=
g-data-item-kind&gt;the drag data item kind&lt;/a&gt;.&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;p&gt;The &lt;a href=3D#drag-data-store-item-list&gt;d=
rag data store item list&lt;/a&gt; is ordered in the order that the items=
 were added
+    to the list; most recently added last.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;The following information, used to generate the UI feedback=
 during the drag:&lt;/p&gt;
+
+    &lt;ul&gt;&lt;li&gt;User-agent-defined default feedback information,=
 known as the &lt;dfn id=3Ddrag-data-store-default-feedback&gt;drag data =
store default
+     feedback&lt;/dfn&gt;.&lt;/li&gt;
+
+     &lt;li&gt;Optionally, a bitmap image and the coordinate of a point =
within that image, known as the
+     &lt;dfn id=3Ddrag-data-store-bitmap&gt;drag data store bitmap&lt;/d=
fn&gt; and &lt;dfn id=3Ddrag-data-store-hot-spot-coordinate&gt;drag data =
store hot spot coordinate&lt;/dfn&gt;.&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;A &lt;dfn id=3Ddrag-data-store-mode&gt;drag data store mode=
&lt;/dfn&gt;, which is one of the following:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dconcept-dnd-rw title=3Dconcept-dnd-=
rw&gt;Read/write mode&lt;/dfn&gt;&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;For the &lt;code title=3Devent-dragstart&gt;&lt;a href=3D=
#event-dragstart&gt;dragstart&lt;/a&gt;&lt;/code&gt; event. New data can =
be added to the
+      &lt;a href=3D#drag-data-store&gt;drag data store&lt;/a&gt;.&lt;/p&=
gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;&lt;dfn id=3Dconcept-dnd-ro title=3Dconcept-dnd-ro&gt;Rea=
d-only mode&lt;/dfn&gt;&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;For the &lt;code title=3Devent-drop&gt;&lt;a href=3D#even=
t-drop&gt;drop&lt;/a&gt;&lt;/code&gt; event. The list of items representi=
ng dragged
+      data can be read, including the data. No new data can be added.&lt=
;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;&lt;dfn id=3Dconcept-dnd-p title=3Dconcept-dnd-p&gt;Prote=
cted mode&lt;/dfn&gt;&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;For all other events. The formats and kinds in the &lt;a =
href=3D#drag-data-store&gt;drag data store&lt;/a&gt; list of
+      items representing dragged data can be enumerated, but the data it=
self is unavailable and no
+      new data can be added.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;A &lt;dfn id=3Ddrag-data-store-allowed-effects-state&gt;dra=
g data store allowed effects state&lt;/dfn&gt;, which is a string.&lt;/p&=
gt;
+
+   &lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;When a &lt;a href=3D#drag-data-store&gt;drag data =
store&lt;/a&gt; is &lt;dfn id=3Dcreate-a-drag-data-store title=3D&quot;cr=
eate a drag data store&quot;&gt;created&lt;/dfn&gt;, it
+  must be initialized such that its &lt;a href=3D#drag-data-store-item-l=
ist&gt;drag data store item list&lt;/a&gt; is empty, it has no
+  &lt;a href=3D#drag-data-store-default-feedback&gt;drag data store defa=
ult feedback&lt;/a&gt;, it has no &lt;a href=3D#drag-data-store-bitmap&gt=
;drag data store bitmap&lt;/a&gt; and
+  &lt;a href=3D#drag-data-store-hot-spot-coordinate&gt;drag data store h=
ot spot coordinate&lt;/a&gt;, its &lt;a href=3D#drag-data-store-mode&gt;d=
rag data store mode&lt;/a&gt; is &lt;a href=3D#concept-dnd-p title=3Dconc=
ept-dnd-p&gt;protected mode&lt;/a&gt;, and its &lt;a href=3D#drag-data-st=
ore-allowed-effects-state&gt;drag data store allowed effects
+  state&lt;/a&gt; is the string &quot;&lt;code title=3D&quot;&quot;&gt;u=
ninitialized&lt;/code&gt;&quot;.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dthe-datatransfer-interface&gt;&lt;span class=3Dsecno&gt;8.=
7.3 &lt;/span&gt;The &lt;code&gt;&lt;a href=3D#datatransfer&gt;DataTransf=
er&lt;/a&gt;&lt;/code&gt; interface&lt;/h4&gt;
+
+  &lt;p&gt;&lt;code&gt;&lt;a href=3D#datatransfer&gt;DataTransfer&lt;/a&=
gt;&lt;/code&gt; objects are used to expose the &lt;a href=3D#drag-data-s=
tore&gt;drag data store&lt;/a&gt; that
+  underlies a drag-and-drop operation.&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Ddatatransfer&gt;DataTran=
sfer&lt;/dfn&gt; {
+           attribute DOMString &lt;a href=3D#dom-datatransfer-dropeffect=
 title=3Ddom-DataTransfer-dropEffect&gt;dropEffect&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-datatransfer-effectallo=
wed title=3Ddom-DataTransfer-effectAllowed&gt;effectAllowed&lt;/a&gt;;
+
+  readonly attribute &lt;a href=3D#datatransferitemlist&gt;DataTransferI=
temList&lt;/a&gt; &lt;a href=3D#dom-datatransfer-items title=3Ddom-DataTr=
ansfer-items&gt;items&lt;/a&gt;;
+
+  void &lt;a href=3D#dom-datatransfer-setdragimage title=3Ddom-DataTrans=
fer-setDragImage&gt;setDragImage&lt;/a&gt;(Element image, long x, long y)=
;
+
+  /* old interface */
+  readonly attribute DOMString[] &lt;a href=3D#dom-datatransfer-types ti=
tle=3Ddom-DataTransfer-types&gt;types&lt;/a&gt;;
+  DOMString &lt;a href=3D#dom-datatransfer-getdata title=3Ddom-DataTrans=
fer-getData&gt;getData&lt;/a&gt;(DOMString format);
+  void &lt;a href=3D#dom-datatransfer-setdata title=3Ddom-DataTransfer-s=
etData&gt;setData&lt;/a&gt;(DOMString format, DOMString data);
+  void &lt;a href=3D#dom-datatransfer-cleardata title=3Ddom-DataTransfer=
-clearData&gt;clearData&lt;/a&gt;(optional DOMString format);
+  readonly attribute &lt;a href=3D#filelist&gt;FileList&lt;/a&gt; &lt;a =
href=3D#dom-datatransfer-files title=3Ddom-DataTransfer-files&gt;files&lt=
;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;d=
ataTransfer&lt;/var&gt; . &lt;code title=3Ddom-DataTransfer-dropEffect&gt=
;&lt;a href=3D#dom-datatransfer-dropeffect&gt;dropEffect&lt;/a&gt;&lt;/co=
de&gt; [ =3D &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&g=
t;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the kind of operation that is currently selected. I=
f the kind of operation isn't one
+    of those that is allowed by the &lt;code title=3Ddom-DataTransfer-ef=
fectAllowed&gt;&lt;a href=3D#dom-datatransfer-effectallowed&gt;effectAllo=
wed&lt;/a&gt;&lt;/code&gt; attribute, then the operation will
+    fail.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to change the selected operation.&lt;/p&gt;
+
+    &lt;p&gt;The possible values are &quot;&lt;code title=3D&quot;&quot;=
&gt;none&lt;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;copy&=
lt;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;link&lt;/code&=
gt;&quot;, and &quot;&lt;code title=3D&quot;&quot;&gt;move&lt;/code&gt;&q=
uot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;dataTransfer&lt;/var&gt; . =
&lt;code title=3Ddom-DataTransfer-effectAllowed&gt;&lt;a href=3D#dom-data=
transfer-effectallowed&gt;effectAllowed&lt;/a&gt;&lt;/code&gt; [ =3D &lt;=
var title=3D&quot;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the kinds of operations that are to be allowed.&lt;=
/p&gt;
+
+    &lt;p&gt;Can be set (during the &lt;code title=3Devent-dragstart&gt;=
&lt;a href=3D#event-dragstart&gt;dragstart&lt;/a&gt;&lt;/code&gt; event),=
 to change the
+    allowed operations.&lt;/p&gt;
+
+    &lt;p&gt;The possible values are &quot;&lt;code title=3D&quot;&quot;=
&gt;none&lt;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;copy&=
lt;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;copyLink&lt;/c=
ode&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;copyMove&lt;/code&g=
t;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;link&lt;/code&gt;&quot;,
+    &quot;&lt;code title=3D&quot;&quot;&gt;linkMove&lt;/code&gt;&quot;, =
&quot;&lt;code title=3D&quot;&quot;&gt;move&lt;/code&gt;&quot;, &quot;&lt=
;code title=3D&quot;&quot;&gt;all&lt;/code&gt;&quot;, and
+    &quot;&lt;code title=3D&quot;&quot;&gt;uninitialized&lt;/code&gt;&qu=
ot;,&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;dataTransfer&lt;/var&gt; . =
&lt;code title=3Ddom-DataTransfer-items&gt;&lt;a href=3D#dom-datatransfer=
-items&gt;items&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a &lt;code&gt;&lt;a href=3D#datatransferitemlist&gt=
;DataTransferItemList&lt;/a&gt;&lt;/code&gt; object, with the drag data.&=
lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;dataTransfer&lt;/var&gt; . =
&lt;code title=3Ddom-DataTransfer-setDragImage&gt;&lt;a href=3D#dom-datat=
ransfer-setdragimage&gt;setDragImage&lt;/a&gt;&lt;/code&gt;(&lt;var title=
=3D&quot;&quot;&gt;element&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;x=
&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Uses the given element to update the drag feedback, replaci=
ng any previously specified
+    feedback.&lt;/p&gt;
+
+   &lt;/dd&gt;
+  =20
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;dataTransfer&lt;/var&gt; . =
&lt;code title=3Ddom-DataTransfer-types&gt;&lt;a href=3D#dom-datatransfer=
-types&gt;types&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns an array listing the formats that were set in the &=
lt;code title=3Devent-dragstart&gt;&lt;a href=3D#event-dragstart&gt;drags=
tart&lt;/a&gt;&lt;/code&gt; event. In addition, if any files are being dr=
agged,
+    then one of the types will be the string &quot;&lt;code title=3D&quo=
t;&quot;&gt;Files&lt;/code&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;data&lt;/var&gt; =3D &lt;va=
r title=3D&quot;&quot;&gt;dataTransfer&lt;/var&gt; . &lt;code title=3Ddom=
-DataTransfer-getData&gt;&lt;a href=3D#dom-datatransfer-getdata&gt;getDat=
a&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;format&lt;/var&g=
t;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the specified data. If there is no such data, retur=
ns the empty string.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;dataTransfer&lt;/var&gt; . =
&lt;code title=3Ddom-DataTransfer-setData&gt;&lt;a href=3D#dom-datatransf=
er-setdata&gt;setData&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;=
&gt;format&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;data&lt;/var&gt;)=
&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Adds the specified data.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;dataTransfer&lt;/var&gt; . =
&lt;code title=3Ddom-DataTransfer-clearData&gt;&lt;a href=3D#dom-datatran=
sfer-cleardata&gt;clearData&lt;/a&gt;&lt;/code&gt;( [ &lt;var title=3D&qu=
ot;&quot;&gt;format&lt;/var&gt; ] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Removes the data of the specified formats. Removes all data=
 if the argument is omitted.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;dataTransfer&lt;/var&gt; . =
&lt;code title=3Ddom-DataTransfer-files&gt;&lt;a href=3D#dom-datatransfer=
-files&gt;files&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a &lt;code&gt;&lt;a href=3D#filelist&gt;FileList&lt=
;/a&gt;&lt;/code&gt; of the files being dragged, if any.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;&lt;code&gt;&lt;a href=3D#datatransfer&gt;DataTran=
sfer&lt;/a&gt;&lt;/code&gt; objects are used during the &lt;a href=3D#dnd=
events&gt;drag-and-drop
+  events&lt;/a&gt;, and are only valid while those events are being fire=
d.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#datatransfer&gt;DataTransfer&lt;/=
a&gt;&lt;/code&gt; object is associated with a &lt;a href=3D#drag-data-st=
ore&gt;drag data store&lt;/a&gt; while it
+  is valid.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-datatransfer-dropeffect title=3Ddom-Data=
Transfer-dropEffect&gt;&lt;code&gt;dropEffect&lt;/code&gt;&lt;/dfn&gt; at=
tribute controls
+  the drag-and-drop feedback that the user is given during a drag-and-dr=
op operation. When the
+  &lt;code&gt;&lt;a href=3D#datatransfer&gt;DataTransfer&lt;/a&gt;&lt;/c=
ode&gt; object is created, the &lt;code title=3Ddom-DataTransfer-dropEffe=
ct&gt;&lt;a href=3D#dom-datatransfer-dropeffect&gt;dropEffect&lt;/a&gt;&l=
t;/code&gt; attribute is set to a string value. On
+  getting, it must return its current value. On setting, if the new valu=
e is one of &quot;&lt;code title=3D&quot;&quot;&gt;none&lt;/code&gt;&quot=
;, &quot;&lt;code title=3D&quot;&quot;&gt;copy&lt;/code&gt;&quot;, &quot;=
&lt;code title=3D&quot;&quot;&gt;link&lt;/code&gt;&quot;, or &quot;&lt;co=
de title=3D&quot;&quot;&gt;move&lt;/code&gt;&quot;, then the attribute's =
current value must be set to the new value. Other
+  values must be ignored.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-datatransfer-effectallowed title=3Ddom-D=
ataTransfer-effectAllowed&gt;&lt;code&gt;effectAllowed&lt;/code&gt;&lt;/d=
fn&gt; attribute is
+  used in the drag-and-drop processing model to initialize the &lt;code =
title=3Ddom-DataTransfer-dropEffect&gt;&lt;a href=3D#dom-datatransfer-dro=
peffect&gt;dropEffect&lt;/a&gt;&lt;/code&gt; attribute during the &lt;cod=
e title=3Devent-dragenter&gt;&lt;a href=3D#event-dragenter&gt;dragenter&l=
t;/a&gt;&lt;/code&gt; and &lt;code title=3Devent-dragover&gt;&lt;a href=3D=
#event-dragover&gt;dragover&lt;/a&gt;&lt;/code&gt; events.
+  When the &lt;code&gt;&lt;a href=3D#datatransfer&gt;DataTransfer&lt;/a&=
gt;&lt;/code&gt; object is created, the &lt;code title=3Ddom-DataTransfer=
-effectAllowed&gt;&lt;a href=3D#dom-datatransfer-effectallowed&gt;effectA=
llowed&lt;/a&gt;&lt;/code&gt; attribute is set to a string value. On
+  getting, it must return its current value. On setting, if &lt;a href=3D=
#drag-data-store&gt;drag data store&lt;/a&gt;'s &lt;a href=3D#drag-data-s=
tore-mode title=3D&quot;drag data store mode&quot;&gt;mode&lt;/a&gt; is t=
he &lt;a href=3D#concept-dnd-rw title=3Dconcept-dnd-rw&gt;read/write
+  mode&lt;/a&gt; and the new value is one of &quot;&lt;code title=3D&quo=
t;&quot;&gt;none&lt;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&=
gt;copy&lt;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;copyLi=
nk&lt;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;copyMove&lt=
;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;link&lt;/code&gt=
;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;linkMove&lt;/code&gt;&quo=
t;, &quot;&lt;code title=3D&quot;&quot;&gt;move&lt;/code&gt;&quot;, &quot=
;&lt;code title=3D&quot;&quot;&gt;all&lt;/code&gt;&quot;, or &quot;&lt;co=
de title=3D&quot;&quot;&gt;uninitialized&lt;/code&gt;&quot;, then the att=
ribute's current value
+  must be set to the new value. Otherwise it must be left unchanged.&lt;=
/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-datatransfer-items title=3Ddom-DataTrans=
fer-items&gt;&lt;code&gt;items&lt;/code&gt;&lt;/dfn&gt; attribute must re=
turn a
+  &lt;code&gt;&lt;a href=3D#datatransferitemlist&gt;DataTransferItemList=
&lt;/a&gt;&lt;/code&gt; object associated with the &lt;code&gt;&lt;a href=
=3D#datatransfer&gt;DataTransfer&lt;/a&gt;&lt;/code&gt; object. The
+  same object must be returned each time.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-datatransfer-setdragimage title=3Ddom-Da=
taTransfer-setDragImage&gt;&lt;code&gt;setDragImage(&lt;var title=3D&quot=
;&quot;&gt;element&lt;/var&gt;,
+  &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&=
quot;&gt;y&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; method must run the foll=
owing
+  steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#datatran=
sfer&gt;DataTransfer&lt;/a&gt;&lt;/code&gt; object is no longer associate=
d with a &lt;a href=3D#drag-data-store&gt;drag data
+   store&lt;/a&gt;, abort these steps. Nothing happens.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#drag-data-store&gt;drag data =
store&lt;/a&gt;'s &lt;a href=3D#drag-data-store-mode title=3D&quot;drag d=
ata store mode&quot;&gt;mode&lt;/a&gt; is
+   not the &lt;a href=3D#concept-dnd-rw title=3Dconcept-dnd-rw&gt;read/w=
rite mode&lt;/a&gt;, abort these steps. Nothing
+   happens.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;element&lt;=
/var&gt; argument is an &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&=
lt;/a&gt;&lt;/code&gt; element, then set the
+   &lt;a href=3D#drag-data-store-bitmap&gt;drag data store bitmap&lt;/a&=
gt; to the element's image (at its intrinsic size); otherwise,
+   set the &lt;a href=3D#drag-data-store-bitmap&gt;drag data store bitma=
p&lt;/a&gt; to an image generated from the given element (the
+   exact mechanism for doing so is not currently specified).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set the &lt;a href=3D#drag-data-store-hot-spot-coo=
rdinate&gt;drag data store hot spot coordinate&lt;/a&gt; to the given &lt=
;var title=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;var title=3D&quot;&quot;&=
gt;y&lt;/var&gt; coordinate.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Ddom-datatransfer-types title=3Ddo=
m-DataTransfer-types&gt;&lt;code&gt;types&lt;/code&gt;&lt;/dfn&gt; attrib=
ute must return a
+  &lt;a href=3D#live&gt;live&lt;/a&gt; &lt;a href=3D#dfn-read-only-array=
 title=3Ddfn-read-only-array&gt;read only&lt;/a&gt; array giving the stri=
ngs that
+  the following steps would produce. The same object must be returned ea=
ch time.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Start with an empty list &lt;var title=3D=
&quot;&quot;&gt;L&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#datatransfer&gt;D=
ataTransfer&lt;/a&gt;&lt;/code&gt; object is no longer associated with a =
&lt;a href=3D#drag-data-store&gt;drag data
+   store&lt;/a&gt;, the array is empty. Abort these steps; return the em=
pty list &lt;var title=3D&quot;&quot;&gt;L&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;For each item in the &lt;a href=3D#drag-data-store=
-item-list&gt;drag data store item list&lt;/a&gt; &lt;!-- in some order..=
.? --&gt;
+   whose &lt;a href=3D#the-drag-data-item-kind title=3D&quot;the drag da=
ta item kind&quot;&gt;kind&lt;/a&gt; is &lt;i&gt;Plain Unicode string&lt;=
/i&gt;, add an
+   entry to the list &lt;var title=3D&quot;&quot;&gt;L&lt;/var&gt; consi=
sting of the item's &lt;a href=3D#the-drag-data-item-type-string title=3D=
&quot;the drag data item
+   type string&quot;&gt;type string&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If there are any items in the &lt;a href=3D#drag-d=
ata-store-item-list&gt;drag data store item list&lt;/a&gt; whose &lt;a hr=
ef=3D#the-drag-data-item-kind title=3D&quot;the drag data item kind&quot;=
&gt;kind&lt;/a&gt; is &lt;i&gt;&lt;a href=3D#file&gt;File&lt;/a&gt;&lt;/i=
&gt;, then add an entry to the list &lt;var title=3D&quot;&quot;&gt;L&lt;=
/var&gt; consisting of the string &quot;&lt;code title=3D&quot;&quot;&gt;=
Files&lt;/code&gt;&quot;. (This value can be
+   distinguished from the other values because it is not lowercase.)&lt;=
/li&gt;
+
+   &lt;!-- &lt;li&gt;&lt;p&gt;Sort the list...?&lt;/p&gt;&lt;/li&gt; --&=
gt;
+
+   &lt;li&gt;&lt;p&gt;The strings produced by these steps are those in t=
he list &lt;var title=3D&quot;&quot;&gt;L&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Ddom-datatransfer-getdata title=3D=
dom-DataTransfer-getData&gt;&lt;code&gt;getData(&lt;var title=3D&quot;&qu=
ot;&gt;format&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; method must run the f=
ollowing steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#datatran=
sfer&gt;DataTransfer&lt;/a&gt;&lt;/code&gt; object is no longer associate=
d with a &lt;a href=3D#drag-data-store&gt;drag data
+   store&lt;/a&gt;, return the empty string and abort these steps.&lt;/l=
i&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#drag-data-store&gt;drag data =
store&lt;/a&gt;'s &lt;a href=3D#drag-data-store-mode title=3D&quot;drag d=
ata store mode&quot;&gt;mode&lt;/a&gt; is
+   the &lt;a href=3D#concept-dnd-p title=3Dconcept-dnd-p&gt;protected mo=
de&lt;/a&gt;, return the empty string and abort these
+   steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;format&lt;/var=
&gt; be the first argument, &lt;a href=3D#converted-to-ascii-lowercase&gt=
;converted to ASCII
+   lowercase&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;convert-to-URL=
&lt;/var&gt; be false.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;format&lt;/var&=
gt; equals &quot;&lt;code title=3D&quot;&quot;&gt;text&lt;/code&gt;&quot;=
, change it to &quot;&lt;code title=3D&quot;&quot;&gt;text/plain&lt;/code=
&gt;&quot;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;format&lt;/var&=
gt; equals &quot;&lt;code title=3D&quot;&quot;&gt;url&lt;/code&gt;&quot;,=
 change it to &quot;&lt;code title=3D&quot;&quot;&gt;text/uri-list&lt;/co=
de&gt;&quot; and set &lt;var title=3D&quot;&quot;&gt;convert-to-URL&lt;/v=
ar&gt; to true.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If there is no item in the &lt;a href=3D#drag-data=
-store-item-list&gt;drag data store item list&lt;/a&gt; whose &lt;a href=3D=
#the-drag-data-item-kind title=3D&quot;the
+   drag data item kind&quot;&gt;kind&lt;/a&gt; is &lt;i&gt;Plain Unicode=
 string&lt;/i&gt; and whose &lt;a href=3D#the-drag-data-item-type-string =
title=3D&quot;the drag
+   data item type string&quot;&gt;type string&lt;/a&gt; is equal to &lt;=
var title=3D&quot;&quot;&gt;format&lt;/var&gt;, return the
+   empty string and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;result&lt;/var=
&gt; be the data of the item in the &lt;a href=3D#drag-data-store-item-li=
st&gt;drag data store item
+   list&lt;/a&gt; whose &lt;a href=3D#the-drag-data-item-kind title=3D&q=
uot;the drag data item kind&quot;&gt;kind&lt;/a&gt; is &lt;i&gt;Plain Uni=
code
+   string&lt;/i&gt; and whose &lt;a href=3D#the-drag-data-item-type-stri=
ng title=3D&quot;the drag data item type string&quot;&gt;type string&lt;/=
a&gt; is equal to
+   &lt;var title=3D&quot;&quot;&gt;format&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;convert-to-URL&=
lt;/var&gt; is true, then parse &lt;var title=3D&quot;&quot;&gt;result&lt=
;/var&gt; as
+   appropriate for &lt;code title=3D&quot;&quot;&gt;text/uri-list&lt;/co=
de&gt; data, and then set &lt;var title=3D&quot;&quot;&gt;result&lt;/var&=
gt;
+   to the first URL from the list, if any, or the empty string otherwise=
. &lt;a href=3D#refsRFC2483&gt;[RFC2483]&lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;result&lt;/=
var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Ddom-datatransfer-setdata title=3D=
dom-DataTransfer-setData&gt;&lt;code&gt;setData(&lt;var title=3D&quot;&qu=
ot;&gt;format&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;data&lt;/var&g=
t;)&lt;/code&gt;&lt;/dfn&gt; method must run the following steps:&lt;/p&g=
t;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#datatran=
sfer&gt;DataTransfer&lt;/a&gt;&lt;/code&gt; object is no longer associate=
d with a &lt;a href=3D#drag-data-store&gt;drag data
+   store&lt;/a&gt;, abort these steps. Nothing happens.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#drag-data-store&gt;drag data =
store&lt;/a&gt;'s &lt;a href=3D#drag-data-store-mode title=3D&quot;drag d=
ata store mode&quot;&gt;mode&lt;/a&gt; is
+   not the &lt;a href=3D#concept-dnd-rw title=3Dconcept-dnd-rw&gt;read/w=
rite mode&lt;/a&gt;, abort these steps. Nothing
+   happens.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;format&lt;/var=
&gt; be the first argument, &lt;a href=3D#converted-to-ascii-lowercase&gt=
;converted to ASCII
+   lowercase&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;format&lt;/var&gt; equal=
s &quot;&lt;code title=3D&quot;&quot;&gt;text&lt;/code&gt;&quot;, change =
it to &quot;&lt;code title=3D&quot;&quot;&gt;text/plain&lt;/code&gt;&quot=
;.&lt;/p&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;format&lt;/var&gt; equal=
s &quot;&lt;code title=3D&quot;&quot;&gt;url&lt;/code&gt;&quot;, change i=
t to &quot;&lt;code title=3D&quot;&quot;&gt;text/uri-list&lt;/code&gt;&qu=
ot;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove the item in the &lt;a href=3D#drag-data-sto=
re-item-list&gt;drag data store item list&lt;/a&gt; whose &lt;a href=3D#t=
he-drag-data-item-kind title=3D&quot;the drag
+   data item kind&quot;&gt;kind&lt;/a&gt; is &lt;i&gt;Plain Unicode stri=
ng&lt;/i&gt; and whose &lt;a href=3D#the-drag-data-item-type-string title=
=3D&quot;the drag data
+   item type string&quot;&gt;type string&lt;/a&gt; is equal to &lt;var t=
itle=3D&quot;&quot;&gt;format&lt;/var&gt;, if there is
+   one.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Add an item to the &lt;a href=3D#drag-data-store-i=
tem-list&gt;drag data store item list&lt;/a&gt; whose &lt;a href=3D#the-d=
rag-data-item-kind title=3D&quot;the drag data
+   item kind&quot;&gt;kind&lt;/a&gt; is &lt;i&gt;Plain Unicode string&lt=
;/i&gt;, whose &lt;a href=3D#the-drag-data-item-type-string title=3D&quot=
;the drag data item type
+   string&quot;&gt;type string&lt;/a&gt; is equal to &lt;var title=3D&qu=
ot;&quot;&gt;format&lt;/var&gt;, and whose data is the string
+   given by the method's second argument.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Ddom-datatransfer-cleardata title=3D=
dom-DataTransfer-clearData&gt;&lt;code&gt;clearData()&lt;/code&gt;&lt;/df=
n&gt; method must run the
+  following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#datatran=
sfer&gt;DataTransfer&lt;/a&gt;&lt;/code&gt; object is no longer associate=
d with a &lt;a href=3D#drag-data-store&gt;drag data
+   store&lt;/a&gt;, abort these steps. Nothing happens.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#drag-data-store&gt;drag data =
store&lt;/a&gt;'s &lt;a href=3D#drag-data-store-mode title=3D&quot;drag d=
ata store mode&quot;&gt;mode&lt;/a&gt; is
+   not the &lt;a href=3D#concept-dnd-rw title=3Dconcept-dnd-rw&gt;read/w=
rite mode&lt;/a&gt;, abort these steps. Nothing
+   happens.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the method was called with no arguments, remove=
 each item in the &lt;a href=3D#drag-data-store-item-list&gt;drag data st=
ore
+   item list&lt;/a&gt; whose &lt;a href=3D#the-drag-data-item-kind title=
=3D&quot;the drag data item kind&quot;&gt;kind&lt;/a&gt; is &lt;i&gt;Plai=
n Unicode
+   string&lt;/i&gt;, and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;format&lt;/var=
&gt; be the first argument, &lt;a href=3D#converted-to-ascii-lowercase&gt=
;converted to ASCII
+   lowercase&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;format&lt;/var&gt; equal=
s &quot;&lt;code title=3D&quot;&quot;&gt;text&lt;/code&gt;&quot;, change =
it to &quot;&lt;code title=3D&quot;&quot;&gt;text/plain&lt;/code&gt;&quot=
;.&lt;/p&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;format&lt;/var&gt; equal=
s &quot;&lt;code title=3D&quot;&quot;&gt;url&lt;/code&gt;&quot;, change i=
t to &quot;&lt;code title=3D&quot;&quot;&gt;text/uri-list&lt;/code&gt;&qu=
ot;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove the item in the &lt;a href=3D#drag-data-sto=
re-item-list&gt;drag data store item list&lt;/a&gt; whose &lt;a href=3D#t=
he-drag-data-item-kind title=3D&quot;the drag
+   data item kind&quot;&gt;kind&lt;/a&gt; is &lt;i&gt;Plain Unicode stri=
ng&lt;/i&gt; and whose &lt;a href=3D#the-drag-data-item-type-string title=
=3D&quot;the drag data
+   item type string&quot;&gt;type string&lt;/a&gt; is equal to &lt;var t=
itle=3D&quot;&quot;&gt;format&lt;/var&gt;, if there is
+   one.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;The &lt;code title=3Ddom-DataTransfer=
-clearData&gt;&lt;a href=3D#dom-datatransfer-cleardata&gt;clearData()&lt;=
/a&gt;&lt;/code&gt; method does not
+  affect whether any files were included in the drag, so the &lt;code ti=
tle=3Ddom-DataTransfer-types&gt;&lt;a href=3D#dom-datatransfer-types&gt;t=
ypes&lt;/a&gt;&lt;/code&gt; attribute's list might still not be empty aft=
er
+  calling &lt;code title=3Ddom-DataTransfer-clearData&gt;&lt;a href=3D#d=
om-datatransfer-cleardata&gt;clearData()&lt;/a&gt;&lt;/code&gt; (it would=
 still contain the
+  &quot;&lt;code title=3D&quot;&quot;&gt;Files&lt;/code&gt;&quot; string=
 if any files were included in the drag).&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-datatransfer-files title=3Ddom-DataTrans=
fer-files&gt;&lt;code&gt;files&lt;/code&gt;&lt;/dfn&gt; attribute must re=
turn a
+  &lt;a href=3D#live&gt;live&lt;/a&gt; &lt;code&gt;&lt;a href=3D#filelis=
t&gt;FileList&lt;/a&gt;&lt;/code&gt; sequence consisting of &lt;code&gt;&=
lt;a href=3D#file&gt;File&lt;/a&gt;&lt;/code&gt; objects
+  representing the files found by the following steps. The same object m=
ust be returned each time.
+  Furthermore, for a given &lt;code&gt;&lt;a href=3D#filelist&gt;FileLis=
t&lt;/a&gt;&lt;/code&gt; object and a given underlying file, the same
+  &lt;code&gt;&lt;a href=3D#file&gt;File&lt;/a&gt;&lt;/code&gt; object m=
ust be used each time.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Start with an empty list &lt;var title=3D=
&quot;&quot;&gt;L&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#datatransfer&gt;D=
ataTransfer&lt;/a&gt;&lt;/code&gt; object is no longer associated with a =
&lt;a href=3D#drag-data-store&gt;drag data
+   store&lt;/a&gt;, the &lt;code&gt;&lt;a href=3D#filelist&gt;FileList&l=
t;/a&gt;&lt;/code&gt; is empty. Abort these steps; return the empty list =
&lt;var title=3D&quot;&quot;&gt;L&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#drag-data-store&gt;drag data =
store&lt;/a&gt;'s &lt;a href=3D#drag-data-store-mode title=3D&quot;drag d=
ata store mode&quot;&gt;mode&lt;/a&gt; is
+   the &lt;a href=3D#concept-dnd-p title=3Dconcept-dnd-p&gt;protected mo=
de&lt;/a&gt;, abort these steps; return the empty list
+   &lt;var title=3D&quot;&quot;&gt;L&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;For each item in the &lt;a href=3D#drag-data-store=
-item-list&gt;drag data store item list&lt;/a&gt; &lt;!-- in some order..=
.? --&gt;
+   whose &lt;a href=3D#the-drag-data-item-kind title=3D&quot;the drag da=
ta item kind&quot;&gt;kind&lt;/a&gt; is &lt;i&gt;&lt;a href=3D#file&gt;Fi=
le&lt;/a&gt;&lt;/i&gt; &lt;!-- DND-v3: (not
+   &lt;i&gt;Blob&lt;/i&gt;) --&gt;, add the item's data (the file, in pa=
rticular its name and contents, as well as
+   its &lt;a href=3D#the-drag-data-item-type-string title=3D&quot;the dr=
ag data item type string&quot;&gt;type&lt;/a&gt;) to the list &lt;var tit=
le=3D&quot;&quot;&gt;L&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;!-- &lt;li&gt;&lt;p&gt;Sort the list...?&lt;/p&gt;&lt;/li&gt; --&=
gt;
+
+   &lt;li&gt;&lt;p&gt;The files found by these steps are those in the li=
st &lt;var title=3D&quot;&quot;&gt;L&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;This version of the API does not expo=
se the types of the files during the
+  drag.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Dthe-datatransferitemlist-interface&gt;&lt;span class=3Dsec=
no&gt;8.7.3.1 &lt;/span&gt;The &lt;code&gt;&lt;a href=3D#datatransferitem=
list&gt;DataTransferItemList&lt;/a&gt;&lt;/code&gt; interface&lt;/h5&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#datatransfer&gt;DataTransfer&l=
t;/a&gt;&lt;/code&gt; object is associated with a &lt;code&gt;&lt;a href=3D=
#datatransferitemlist&gt;DataTransferItemList&lt;/a&gt;&lt;/code&gt;
+  object.&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Ddatatransferitemlist&gt;=
DataTransferItemList&lt;/dfn&gt; {
+  readonly attribute unsigned long &lt;a href=3D#dom-datatransferitemlis=
t-length title=3Ddom-DataTransferItemList-length&gt;length&lt;/a&gt;;
+  &lt;a href=3D#dom-datatransferitemlist-item title=3Ddom-DataTransferIt=
emList-item&gt;getter&lt;/a&gt; &lt;a href=3D#datatransferitem&gt;DataTra=
nsferItem&lt;/a&gt; (unsigned long index);
+  &lt;a href=3D#datatransferitem&gt;DataTransferItem&lt;/a&gt;? &lt;a hr=
ef=3D#dom-datatransferitemlist-add title=3Ddom-DataTransferItemList-add&g=
t;add&lt;/a&gt;(DOMString data, DOMString type);&lt;!--
+DND-v3:  &lt;span&gt;DataTransferItem&lt;/span&gt;? &lt;span title=3D&qu=
ot;dom-DataTransferItemList-add&quot;&gt;add&lt;/span&gt;(&lt;span&gt;Blo=
b&lt;/span&gt; data);--&gt;
+  &lt;a href=3D#datatransferitem&gt;DataTransferItem&lt;/a&gt;? &lt;a hr=
ef=3D#dom-datatransferitemlist-add title=3Ddom-DataTransferItemList-add&g=
t;add&lt;/a&gt;(&lt;a href=3D#file&gt;File&lt;/a&gt; data);&lt;!--
+DND-v4:  &lt;span&gt;DataTransferItem&lt;/span&gt;? &lt;span title=3D&qu=
ot;dom-DataTransferItemList-add&quot;&gt;add&lt;/span&gt;(any data, DOMSt=
ring type);--&gt;&lt;!--
+DND-v5:  &lt;span&gt;DataTransferItem&lt;/span&gt;? &lt;span title=3D&qu=
ot;dom-DataTransferItemList-add&quot;&gt;add&lt;/span&gt;(&lt;span&gt;Dat=
aTransferPromise&lt;/span&gt; data);--&gt;
+  void &lt;a href=3D#dom-datatransferitemlist-remove title=3Ddom-DataTra=
nsferItemList-remove&gt;remove&lt;/a&gt;(unsigned long index);
+  void &lt;a href=3D#dom-datatransferitemlist-clear title=3Ddom-DataTran=
sferItemList-clear&gt;clear&lt;/a&gt;();
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;i=
tems&lt;/var&gt; . &lt;code title=3Ddom-DataTransferItemList-length&gt;&l=
t;a href=3D#dom-datatransferitemlist-length&gt;length&lt;/a&gt;&lt;/code&=
gt;&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;Returns the number of items in the &lt;a href=3D#d=
rag-data-store&gt;drag data store&lt;/a&gt;.&lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;items&lt;/var&gt;[&lt;var t=
itle=3D&quot;&quot;&gt;index&lt;/var&gt;]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the &lt;code&gt;&lt;a href=3D#datatransferitem&gt;D=
ataTransferItem&lt;/a&gt;&lt;/code&gt; object representing the &lt;var ti=
tle=3D&quot;&quot;&gt;index&lt;/var&gt;th
+    entry in the &lt;a href=3D#drag-data-store&gt;drag data store&lt;/a&=
gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;items&lt;/var&gt; . &lt;cod=
e title=3Ddom-DataTransferItemList-remove&gt;&lt;a href=3D#dom-datatransf=
eritemlist-remove&gt;remove&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;=
&quot;&gt;index&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Removes the &lt;var title=3D&quot;&quot;&gt;index&lt;/var&g=
t;th entry in the &lt;a href=3D#drag-data-store&gt;drag data store&lt;/a&=
gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;items&lt;/var&gt; . &lt;cod=
e title=3Ddom-DataTransferItemList-clear&gt;&lt;a href=3D#dom-datatransfe=
ritemlist-clear&gt;clear&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Removes all the entries in the &lt;a href=3D#drag-data-stor=
e&gt;drag data store&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;items&lt;/var&gt; . &lt;cod=
e title=3Ddom-DataTransferItemList-add&gt;&lt;a href=3D#dom-datatransferi=
temlist-add&gt;add&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt=
;data&lt;/var&gt;)&lt;/dt&gt;
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;items&lt;/var&gt; . &lt;cod=
e title=3Ddom-DataTransferItemList-add&gt;&lt;a href=3D#dom-datatransferi=
temlist-add&gt;add&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt=
;data&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt;)&lt;/=
dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Adds a new entry for the given data to the &lt;a href=3D#dr=
ag-data-store&gt;drag data store&lt;/a&gt;. If the data is plain
+    text &lt;!-- DND-v4: or an object --&gt; then a &lt;var title=3D&quo=
t;&quot;&gt;type&lt;/var&gt; string has to be provided
+    also.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;While the &lt;code&gt;&lt;a href=3D#datatransferitemlist&gt;D=
ataTransferItemList&lt;/a&gt;&lt;/code&gt; object's &lt;code&gt;&lt;a hre=
f=3D#datatransfer&gt;DataTransfer&lt;/a&gt;&lt;/code&gt; object is
+  associated with a &lt;a href=3D#drag-data-store&gt;drag data store&lt;=
/a&gt;, the &lt;code&gt;&lt;a href=3D#datatransferitemlist&gt;DataTransfe=
rItemList&lt;/a&gt;&lt;/code&gt; object's
+  &lt;i&gt;mode&lt;/i&gt; is the same as the &lt;a href=3D#drag-data-sto=
re-mode&gt;drag data store mode&lt;/a&gt;. When the
+  &lt;code&gt;&lt;a href=3D#datatransferitemlist&gt;DataTransferItemList=
&lt;/a&gt;&lt;/code&gt; object's &lt;code&gt;&lt;a href=3D#datatransfer&g=
t;DataTransfer&lt;/a&gt;&lt;/code&gt; object is &lt;em&gt;not&lt;/em&gt;
+  associated with a &lt;a href=3D#drag-data-store&gt;drag data store&lt;=
/a&gt;, the &lt;code&gt;&lt;a href=3D#datatransferitemlist&gt;DataTransfe=
rItemList&lt;/a&gt;&lt;/code&gt; object's
+  &lt;i&gt;mode&lt;/i&gt; is the &lt;i&gt;disabled mode&lt;/i&gt;. The &=
lt;a href=3D#drag-data-store&gt;drag data store&lt;/a&gt; referenced in t=
his
+  section (which is used only when the &lt;code&gt;&lt;a href=3D#datatra=
nsferitemlist&gt;DataTransferItemList&lt;/a&gt;&lt;/code&gt; object is no=
t in the
+  &lt;i&gt;disabled mode&lt;/i&gt;) is the &lt;a href=3D#drag-data-store=
&gt;drag data store&lt;/a&gt; with which the
+  &lt;code&gt;&lt;a href=3D#datatransferitemlist&gt;DataTransferItemList=
&lt;/a&gt;&lt;/code&gt; object's &lt;code&gt;&lt;a href=3D#datatransfer&g=
t;DataTransfer&lt;/a&gt;&lt;/code&gt; object is associated.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-datatransferitemlist-length title=3Ddom-=
DataTransferItemList-length&gt;&lt;code&gt;length&lt;/code&gt;&lt;/dfn&gt=
; attribute must
+  return zero if the object is in the &lt;i&gt;disabled mode&lt;/i&gt;; =
otherwise it must return the number of
+  items in the &lt;a href=3D#drag-data-store-item-list&gt;drag data stor=
e item list&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#datatransferitemlist&gt;Data=
TransferItemList&lt;/a&gt;&lt;/code&gt; object is not in the &lt;i&gt;dis=
abled mode&lt;/i&gt;, its
+  &lt;a href=3D#supported-property-indices&gt;supported property indices=
&lt;/a&gt; are the numbers in the range
+
+    &lt;span title=3D&quot;&quot;&gt;0 .. &lt;var title=3D&quot;&quot;&g=
t;n&lt;/var&gt;-1&lt;/span&gt;,
+
+  where &lt;var title=3D&quot;&quot;&gt;n&lt;/var&gt; is the number of i=
tems in the &lt;a href=3D#drag-data-store-item-list&gt;drag data store it=
em
+  list&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;To &lt;dfn id=3Ddom-datatransferitemlist-item title=3Ddom-Dat=
aTransferItemList-item&gt;determine the value of an indexed property&lt;/=
dfn&gt;
+  &lt;var title=3D&quot;&quot;&gt;i&lt;/var&gt; of a &lt;code&gt;&lt;a h=
ref=3D#datatransferitemlist&gt;DataTransferItemList&lt;/a&gt;&lt;/code&gt=
; object, the user agent must return a
+  &lt;code&gt;&lt;a href=3D#datatransferitem&gt;DataTransferItem&lt;/a&g=
t;&lt;/code&gt; object representing the &lt;var title=3D&quot;&quot;&gt;i=
&lt;/var&gt;th item in the
+  &lt;a href=3D#drag-data-store&gt;drag data store&lt;/a&gt;. The same o=
bject must be returned each time a particular item is
+  obtained from this &lt;code&gt;&lt;a href=3D#datatransferitemlist&gt;D=
ataTransferItemList&lt;/a&gt;&lt;/code&gt; object. The &lt;code&gt;&lt;a =
href=3D#datatransferitem&gt;DataTransferItem&lt;/a&gt;&lt;/code&gt;
+  object must be associated with the same &lt;code&gt;&lt;a href=3D#data=
transfer&gt;DataTransfer&lt;/a&gt;&lt;/code&gt; object as the
+  &lt;code&gt;&lt;a href=3D#datatransferitemlist&gt;DataTransferItemList=
&lt;/a&gt;&lt;/code&gt; object when it is first created.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-datatransferitemlist-add title=3Ddom-Dat=
aTransferItemList-add&gt;&lt;code&gt;add()&lt;/code&gt;&lt;/dfn&gt; metho=
d must run the
+  following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#datatran=
sferitemlist&gt;DataTransferItemList&lt;/a&gt;&lt;/code&gt; object is not=
 in the &lt;i title=3Dconcept-dnd-rw&gt;&lt;a href=3D#concept-dnd-rw&gt;r=
ead/write mode&lt;/a&gt;&lt;/i&gt;, return null and abort these steps.&lt=
;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Jump to the appropriate set of steps from the following lis=
t:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the first argument to the meth=
od is a string&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;If there is already an item in the &lt;a href=3D#drag-dat=
a-store-item-list&gt;drag data store item list&lt;/a&gt; whose &lt;a href=
=3D#the-drag-data-item-kind title=3D&quot;the drag data item kind&quot;&g=
t;kind&lt;/a&gt; is &lt;i&gt;Plain Unicode string&lt;/i&gt; and whose &lt=
;a href=3D#the-drag-data-item-type-string title=3D&quot;the drag data ite=
m type string&quot;&gt;type string&lt;/a&gt; is equal to the value of the
+      method's second argument, &lt;a href=3D#converted-to-ascii-lowerca=
se&gt;converted to ASCII lowercase&lt;/a&gt;, then throw a
+      &lt;code&gt;&lt;a href=3D#notsupportederror&gt;NotSupportedError&l=
t;/a&gt;&lt;/code&gt; exception and abort these steps.&lt;/p&gt;
+
+      &lt;p&gt;Otherwise, add an item to the &lt;a href=3D#drag-data-sto=
re-item-list&gt;drag data store item list&lt;/a&gt; whose &lt;a href=3D#t=
he-drag-data-item-kind title=3D&quot;the
+      drag data item kind&quot;&gt;kind&lt;/a&gt; is &lt;i&gt;Plain Unic=
ode string&lt;/i&gt;, whose &lt;a href=3D#the-drag-data-item-type-string =
title=3D&quot;the drag
+      data item type string&quot;&gt;type string&lt;/a&gt; is equal to t=
he value of the method's second
+      argument, &lt;a href=3D#converted-to-ascii-lowercase&gt;converted =
to ASCII lowercase&lt;/a&gt;, and whose data is the string given by the
+      method's first argument.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+&lt;!--DND-v3:
+     &lt;dt&gt;If the first argument to the method is a &lt;code&gt;Blob=
&lt;/code&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Add an item to the &lt;span&gt;drag data store item list&=
lt;/span&gt; whose &lt;span title=3D&quot;the drag data
+      item kind&quot;&gt;kind&lt;/span&gt; is &lt;i&gt;Blob&lt;/i&gt;, w=
hose &lt;span title=3D&quot;the drag data item type string&quot;&gt;type
+      string&lt;/span&gt; is the &lt;code title=3D&quot;dom-Blob-type&qu=
ot;&gt;type&lt;/code&gt; of the &lt;code&gt;Blob&lt;/code&gt;,
+      &lt;span&gt;converted to ASCII lowercase&lt;/span&gt;, and whose d=
ata is the same as the
+      &lt;code&gt;Blob&lt;/code&gt;'s data.&lt;/p&gt;
+
+     &lt;/dd&gt;
+--&gt;
+
+     &lt;dt&gt;If the first argument to the method is a &lt;code&gt;&lt;=
a href=3D#file&gt;File&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Add an item to the &lt;a href=3D#drag-data-store-item-lis=
t&gt;drag data store item list&lt;/a&gt; whose &lt;a href=3D#the-drag-dat=
a-item-kind title=3D&quot;the drag data
+      item kind&quot;&gt;kind&lt;/a&gt; is &lt;i&gt;&lt;a href=3D#file&g=
t;File&lt;/a&gt;&lt;/i&gt;, whose &lt;a href=3D#the-drag-data-item-type-s=
tring title=3D&quot;the drag data item type string&quot;&gt;type
+      string&lt;/a&gt; is the &lt;code title=3Ddom-Blob-type&gt;type&lt;=
/code&gt; of the &lt;code&gt;&lt;a href=3D#file&gt;File&lt;/a&gt;&lt;/cod=
e&gt;,
+      &lt;a href=3D#converted-to-ascii-lowercase&gt;converted to ASCII l=
owercase&lt;/a&gt;, and whose data is the same as the
+      &lt;code&gt;&lt;a href=3D#file&gt;File&lt;/a&gt;&lt;/code&gt;'s da=
ta.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+&lt;!--DND-v4: (might want to prevent duplicates like for strings; see a=
bove)
+[make sure that the cloning happens before any side-effects can happen]
+     &lt;dt&gt;Otherwise
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Add an item to the &lt;span&gt;drag data store item list&=
lt;/span&gt; whose &lt;span title=3D&quot;the drag data
+      item kind&quot;&gt;kind&lt;/span&gt; is &lt;i&gt;Object&lt;/i&gt;,=
 whose &lt;span title=3D&quot;the drag data item type
+      string&quot;&gt;type string&lt;/span&gt; is equal to the value of =
the method's second argument,
+      &lt;span&gt;converted to ASCII lowercase&lt;/span&gt;, and whose d=
ata is a &lt;span&gt;structured clone&lt;/span&gt;
+      of the method's first argument. If creating the clone throws an ex=
ception, then throw that
+      exception and abort these steps.&lt;/p&gt;
+
+     &lt;/dd&gt;
+--&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#dom-datatransferitemlist-item title=3D=
dom-DataTransferItemList-item&gt;Determine the value of the indexed
+   property&lt;/a&gt; corresponding to the newly added item, and return =
that value (a newly created
+   &lt;code&gt;&lt;a href=3D#datatransferitem&gt;DataTransferItem&lt;/a&=
gt;&lt;/code&gt; object).&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Ddom-datatransferitemlist-remove t=
itle=3Ddom-DataTransferItemList-remove&gt;&lt;code&gt;remove()&lt;/code&g=
t;&lt;/dfn&gt; method, when
+  invoked with the argument &lt;var title=3D&quot;&quot;&gt;i&lt;/var&gt=
;, must run these steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#datatran=
sferitemlist&gt;DataTransferItemList&lt;/a&gt;&lt;/code&gt; object is not=
 in the &lt;i title=3Dconcept-dnd-rw&gt;&lt;a href=3D#concept-dnd-rw&gt;r=
ead/write mode&lt;/a&gt;&lt;/i&gt;, throw an &lt;code&gt;&lt;a href=3D#in=
validstateerror&gt;InvalidStateError&lt;/a&gt;&lt;/code&gt; exception and
+   abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove the &lt;var title=3D&quot;&quot;&gt;i&lt;/v=
ar&gt;th item from the &lt;a href=3D#drag-data-store&gt;drag data store&l=
t;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Ddom-datatransferitemlist-clear ti=
tle=3Ddom-DataTransferItemList-clear&gt;&lt;code&gt;clear&lt;/code&gt;&lt=
;/dfn&gt; method, if the
+  &lt;code&gt;&lt;a href=3D#datatransferitemlist&gt;DataTransferItemList=
&lt;/a&gt;&lt;/code&gt; object is in the &lt;i title=3Dconcept-dnd-rw&gt;=
&lt;a href=3D#concept-dnd-rw&gt;read/write mode&lt;/a&gt;&lt;/i&gt;,
+  must remove all the items from the &lt;a href=3D#drag-data-store&gt;dr=
ag data store&lt;/a&gt;. Otherwise, it must do
+  nothing.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Dthe-datatransferitem-interface&gt;&lt;span class=3Dsecno&g=
t;8.7.3.2 &lt;/span&gt;The &lt;code&gt;&lt;a href=3D#datatransferitem&gt;=
DataTransferItem&lt;/a&gt;&lt;/code&gt; interface&lt;/h5&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#datatransferitem&gt;DataTransf=
erItem&lt;/a&gt;&lt;/code&gt; object is associated with a &lt;code&gt;&lt=
;a href=3D#datatransfer&gt;DataTransfer&lt;/a&gt;&lt;/code&gt;
+  object.&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Ddatatransferitem&gt;Data=
TransferItem&lt;/dfn&gt; {
+  readonly attribute DOMString &lt;a href=3D#dom-datatransferitem-kind t=
itle=3Ddom-DataTransferItem-kind&gt;kind&lt;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-datatransferitem-type t=
itle=3Ddom-DataTransferItem-type&gt;type&lt;/a&gt;;
+  void &lt;a href=3D#dom-datatransferitem-getasstring title=3Ddom-DataTr=
ansferItem-getAsString&gt;getAsString&lt;/a&gt;(&lt;a href=3D#functionstr=
ingcallback&gt;FunctionStringCallback&lt;/a&gt;? _callback);&lt;!--
+DND-v3:  &lt;span&gt;Blob&lt;/span&gt; &lt;span title=3D&quot;dom-DataTr=
ansferItem-getAsBlob&quot;&gt;getAsBlob&lt;/span&gt;();--&gt;
+  &lt;a href=3D#file&gt;File&lt;/a&gt;? &lt;a href=3D#dom-datatransferit=
em-getasfile title=3Ddom-DataTransferItem-getAsFile&gt;getAsFile&lt;/a&gt=
;();&lt;!--
+DND-v4:  void &lt;span title=3D&quot;dom-DataTransferItem-getAsObject&qu=
ot;&gt;getAsObject&lt;/span&gt;(&lt;span&gt;FunctionObjectCallback&lt;/sp=
an&gt; _callback);--&gt;
+};
+
+callback &lt;dfn id=3Dfunctionstringcallback&gt;FunctionStringCallback&l=
t;/dfn&gt; =3D void (DOMString data);&lt;!--
+
+// DND-v4:
+callback &lt;dfn&gt;FunctionObjectCallback&lt;/dfn&gt; =3D void (any dat=
a);--&gt;&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;i=
tem&lt;/var&gt; . &lt;code title=3Ddom-DataTransferItem-kind&gt;&lt;a hre=
f=3D#dom-datatransferitem-kind&gt;kind&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns &lt;a href=3D#the-drag-data-item-kind&gt;the drag d=
ata item kind&lt;/a&gt;, one of: &quot;string&quot;,
+    &lt;!-- DND-v3: &quot;blob&quot;, --&gt; &quot;file&quot;&lt;!-- DND=
-v4: , &quot;object&quot; --&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;item&lt;/var&gt; . &lt;code=
 title=3Ddom-DataTransferItem-type&gt;&lt;a href=3D#dom-datatransferitem-=
type&gt;type&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns &lt;a href=3D#the-drag-data-item-type-string&gt;the=
 drag data item type string&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;item&lt;/var&gt; . &lt;code=
 title=3Ddom-DataTransferItem-getAsString&gt;&lt;a href=3D#dom-datatransf=
eritem-getasstring&gt;getAsString&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D=
&quot;&quot;&gt;callback&lt;/var&gt;)&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Invokes the callback with the string data as the argument, =
if &lt;a href=3D#the-drag-data-item-kind&gt;the drag data item
+    kind&lt;/a&gt; is &lt;i&gt;Plain Unicode string&lt;/i&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+&lt;!-- DND-v3:
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;file&lt;/var&gt; =3D &lt;va=
r title=3D&quot;&quot;&gt;item&lt;/var&gt; . &lt;code title=3D&quot;dom-D=
ataTransferItem-getAsBlob&quot;&gt;getAsBlob&lt;/code&gt;()&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a &lt;code&gt;Blob&lt;/code&gt; object, if &lt;span=
&gt;the drag data item kind&lt;/span&gt; is &lt;i&gt;Blob&lt;/i&gt; or &l=
t;i&gt;File&lt;/i&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+--&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;file&lt;/var&gt; =3D &lt;va=
r title=3D&quot;&quot;&gt;item&lt;/var&gt; . &lt;code title=3Ddom-DataTra=
nsferItem-getAsFile&gt;&lt;a href=3D#dom-datatransferitem-getasfile&gt;ge=
tAsFile&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a &lt;code&gt;&lt;a href=3D#file&gt;File&lt;/a&gt;&=
lt;/code&gt; object, if &lt;a href=3D#the-drag-data-item-kind&gt;the drag=
 data item kind&lt;/a&gt; is &lt;i&gt;&lt;a href=3D#file&gt;File&lt;/a&gt=
;&lt;/i&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+&lt;!-- DND-v4:
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;file&lt;/var&gt; =3D &lt;va=
r title=3D&quot;&quot;&gt;item&lt;/var&gt; . &lt;code title=3D&quot;dom-D=
ataTransferItem-getAsObject&quot;&gt;getAsObject&lt;/code&gt;()&lt;/dt&gt=
;
+   &lt;dd&gt;
+
+    &lt;p&gt;Invokes the callback with the cloned object data as the arg=
ument, if &lt;span&gt;the drag data item
+    kind&lt;/span&gt; is &lt;i&gt;Plain Unicode string&lt;/i&gt; or &lt;=
i&gt;Object&lt;/i&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+--&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;While the &lt;code&gt;&lt;a href=3D#datatransferitem&gt;DataT=
ransferItem&lt;/a&gt;&lt;/code&gt; object's &lt;code&gt;&lt;a href=3D#dat=
atransfer&gt;DataTransfer&lt;/a&gt;&lt;/code&gt; object is associated
+  with a &lt;a href=3D#drag-data-store&gt;drag data store&lt;/a&gt; and =
that &lt;a href=3D#drag-data-store&gt;drag data store&lt;/a&gt;'s &lt;a h=
ref=3D#drag-data-store-item-list&gt;drag data store
+  item list&lt;/a&gt; still contains the item that the &lt;code&gt;&lt;a=
 href=3D#datatransferitem&gt;DataTransferItem&lt;/a&gt;&lt;/code&gt; obje=
ct represents,
+  the &lt;code&gt;&lt;a href=3D#datatransferitem&gt;DataTransferItem&lt;=
/a&gt;&lt;/code&gt; object's &lt;i&gt;mode&lt;/i&gt; is the same as the &=
lt;a href=3D#drag-data-store-mode&gt;drag data store
+  mode&lt;/a&gt;. When the &lt;code&gt;&lt;a href=3D#datatransferitem&gt=
;DataTransferItem&lt;/a&gt;&lt;/code&gt; object's &lt;code&gt;&lt;a href=3D=
#datatransfer&gt;DataTransfer&lt;/a&gt;&lt;/code&gt; object is
+  &lt;em&gt;not&lt;/em&gt; associated with a &lt;a href=3D#drag-data-sto=
re&gt;drag data store&lt;/a&gt;, or if the item that the
+  &lt;code&gt;&lt;a href=3D#datatransferitem&gt;DataTransferItem&lt;/a&g=
t;&lt;/code&gt; object represents has been removed from the relevant &lt;=
a href=3D#drag-data-store-item-list&gt;drag data
+  store item list&lt;/a&gt;, the &lt;code&gt;&lt;a href=3D#datatransferi=
tem&gt;DataTransferItem&lt;/a&gt;&lt;/code&gt; object's &lt;i&gt;mode&lt;=
/i&gt; is the &lt;i&gt;disabled
+  mode&lt;/i&gt;. The &lt;a href=3D#drag-data-store&gt;drag data store&l=
t;/a&gt; referenced in this section (which is used only when the
+  &lt;code&gt;&lt;a href=3D#datatransferitem&gt;DataTransferItem&lt;/a&g=
t;&lt;/code&gt; object is not in the &lt;i&gt;disabled mode&lt;/i&gt;) is=
 the &lt;a href=3D#drag-data-store&gt;drag data
+  store&lt;/a&gt; with which the &lt;code&gt;&lt;a href=3D#datatransferi=
tem&gt;DataTransferItem&lt;/a&gt;&lt;/code&gt; object's &lt;code&gt;&lt;a=
 href=3D#datatransfer&gt;DataTransfer&lt;/a&gt;&lt;/code&gt;
+  object is associated.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-datatransferitem-kind title=3Ddom-DataTr=
ansferItem-kind&gt;&lt;code&gt;kind&lt;/code&gt;&lt;/dfn&gt; attribute mu=
st return the
+  empty string if the &lt;code&gt;&lt;a href=3D#datatransferitem&gt;Data=
TransferItem&lt;/a&gt;&lt;/code&gt; object is in the &lt;i&gt;disabled mo=
de&lt;/i&gt;; otherwise
+  it must return the string given in the cell from the second column of =
the following table from the
+  row whose cell in the first column contains &lt;a href=3D#the-drag-dat=
a-item-kind&gt;the drag data item kind&lt;/a&gt; of the item
+  represented by the &lt;code&gt;&lt;a href=3D#datatransferitem&gt;DataT=
ransferItem&lt;/a&gt;&lt;/code&gt; object:&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt; Kind &lt;th&gt; String
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt; &lt;i&gt;Plain Unicode string&lt;/i=
&gt; &lt;td&gt; &quot;&lt;code title=3D&quot;&quot;&gt;string&lt;/code&gt=
;&quot;
+&lt;!-- DND-v3:    &lt;tr&gt; &lt;td&gt; &lt;i&gt;Blob&lt;/i&gt; &lt;td&=
gt; &quot;&lt;code title=3D&quot;&quot;&gt;blob&lt;/code&gt;&quot;--&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;i&gt;&lt;a href=3D#file&gt;File&lt;/a&gt;&l=
t;/i&gt; &lt;td&gt; &quot;&lt;code title=3D&quot;&quot;&gt;file&lt;/code&=
gt;&quot;
+&lt;!-- DND-v4:    &lt;tr&gt; &lt;td&gt; &lt;i&gt;Object&lt;/i&gt; &lt;t=
d&gt; &quot;&lt;code title=3D&quot;&quot;&gt;object&lt;/code&gt;&quot;--&=
gt;
+  &lt;/table&gt;&lt;p&gt;The &lt;dfn id=3Ddom-datatransferitem-type titl=
e=3Ddom-DataTransferItem-type&gt;&lt;code&gt;type&lt;/code&gt;&lt;/dfn&gt=
; attribute must return the
+  empty string if the &lt;code&gt;&lt;a href=3D#datatransferitem&gt;Data=
TransferItem&lt;/a&gt;&lt;/code&gt; object is in the &lt;i&gt;disabled mo=
de&lt;/i&gt;; otherwise
+  it must return &lt;a href=3D#the-drag-data-item-type-string&gt;the dra=
g data item type string&lt;/a&gt; of the item represented by the
+  &lt;code&gt;&lt;a href=3D#datatransferitem&gt;DataTransferItem&lt;/a&g=
t;&lt;/code&gt; object.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-datatransferitem-getasstring title=3Ddom=
-DataTransferItem-getAsString&gt;&lt;code&gt;getAsString(&lt;var title=3D=
&quot;&quot;&gt;callback&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; method mus=
t run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;ca=
llback&lt;/var&gt; is null, abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#datatransferitem&=
gt;DataTransferItem&lt;/a&gt;&lt;/code&gt; object is not in the &lt;i tit=
le=3Dconcept-dnd-rw&gt;&lt;a href=3D#concept-dnd-rw&gt;read/write mode&lt=
;/a&gt;&lt;/i&gt; or the &lt;i title=3Dconcept-dnd-ro&gt;&lt;a href=3D#co=
ncept-dnd-ro&gt;read-only mode&lt;/a&gt;&lt;/i&gt;,
+   abort these steps. The callback is never invoked.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;a href=3D#the-drag-data-item-kind&gt;the dr=
ag data item kind&lt;/a&gt; is not &lt;i&gt;Plain Unicode string&lt;/i&gt=
;, abort these
+   steps. The callback is never invoked.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, &lt;a href=3D#queue-a-task&gt;queue a t=
ask&lt;/a&gt; to invoke &lt;var title=3D&quot;&quot;&gt;callback&lt;/var&=
gt;, passing the
+   actual data of the item represented by the &lt;code&gt;&lt;a href=3D#=
datatransferitem&gt;DataTransferItem&lt;/a&gt;&lt;/code&gt; object as the
+   argument.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;!--DND-v3:
+  &lt;p&gt;The &lt;dfn title=3D&quot;dom-DataTransferItem-getAsBlob&quot=
;&gt;&lt;code&gt;getAsBlob()&lt;/code&gt;&lt;/dfn&gt; method must run
+  the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;DataTransferItem&lt;/code&gt; o=
bject is not in the &lt;i
+   title=3D&quot;concept-dnd-rw&quot;&gt;read/write mode&lt;/i&gt; or th=
e &lt;i title=3D&quot;concept-dnd-ro&quot;&gt;read-only mode&lt;/i&gt;,
+   return null and abort these steps.&lt;/p&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+--&gt;&lt;!--DND-v4:
+    &lt;p&gt;If &lt;span&gt;the drag data item kind&lt;/span&gt; is &lt;=
i&gt;Object&lt;/i&gt;, return null.&lt;/p&gt;&lt;/li&gt;
+--&gt;&lt;!--DND-v3:
+
+    &lt;p&gt;If &lt;span&gt;the drag data item kind&lt;/span&gt; is &lt;=
i&gt;File&lt;/i&gt;, then return a new &lt;code&gt;File&lt;/code&gt;
+    object representing the actual data of the item represented by the &=
lt;code&gt;DataTransferItem&lt;/code&gt;
+    object.&lt;/p&gt;
+
+    &lt;p&gt;If &lt;span&gt;the drag data item kind&lt;/span&gt; is &lt;=
i&gt;Unicode Data string&lt;/i&gt;, then return a new
+    &lt;code&gt;Blob&lt;/code&gt; object representing the actual data of=
 the item represented by the
+    &lt;code&gt;DataTransferItem&lt;/code&gt; object, with the &lt;code =
title=3D&quot;dom-Blob-type&quot;&gt;type&lt;/code&gt; of the
+    &lt;code&gt;Blob&lt;/code&gt; being &lt;span&gt;the drag data item t=
ype string&lt;/span&gt; and with the binary data of
+    the &lt;code&gt;Blob&lt;/code&gt; object being the Unicode string en=
coded as UTF-8. &lt;a
+    href=3D&quot;#refsRFC3629&quot;&gt;[RFC3629]&lt;/a&gt;&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, &lt;span&gt;the drag data item kind&lt;/span&gt;=
 is &lt;i&gt;Blob&lt;/i&gt;; return a new
+    &lt;code&gt;Blob&lt;/code&gt; object representing the actual data of=
 the item represented by the
+    &lt;code&gt;DataTransferItem&lt;/code&gt; object.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;
+--&gt;&lt;p&gt;The &lt;dfn id=3Ddom-datatransferitem-getasfile title=3Dd=
om-DataTransferItem-getAsFile&gt;&lt;code&gt;getAsFile()&lt;/code&gt;&lt;=
/dfn&gt;
+  method must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#datatran=
sferitem&gt;DataTransferItem&lt;/a&gt;&lt;/code&gt; object is not in the =
&lt;i title=3Dconcept-dnd-rw&gt;&lt;a href=3D#concept-dnd-rw&gt;read/writ=
e mode&lt;/a&gt;&lt;/i&gt; or the &lt;i title=3Dconcept-dnd-ro&gt;&lt;a h=
ref=3D#concept-dnd-ro&gt;read-only mode&lt;/a&gt;&lt;/i&gt;,
+   return null and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;a href=3D#the-drag-data-item-kind&gt;the dr=
ag data item kind&lt;/a&gt; is not &lt;i&gt;&lt;a href=3D#file&gt;File&lt=
;/a&gt;&lt;/i&gt;, then return null and abort
+   these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return a new &lt;code&gt;&lt;a href=3D#file&gt;Fil=
e&lt;/a&gt;&lt;/code&gt; object representing the actual data of the item =
represented
+   by the &lt;code&gt;&lt;a href=3D#datatransferitem&gt;DataTransferItem=
&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+  &lt;/ol&gt;&lt;!--DND-v4:
+  &lt;p&gt;The &lt;dfn title=3D&quot;dom-DataTransferItem-getAsObject&qu=
ot;&gt;&lt;code&gt;getAsObject(&lt;var
+  title=3D&quot;&quot;&gt;callback&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt;=
 method must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;DataTransferItem&lt;/code&gt; o=
bject is not in the &lt;i
+   title=3D&quot;concept-dnd-rw&quot;&gt;read/write mode&lt;/i&gt; or th=
e &lt;i title=3D&quot;concept-dnd-ro&quot;&gt;read-only mode&lt;/i&gt;,
+   return null and abort these steps.&lt;/p&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;data&lt;/var&gt; be the=
 actual data of the item represented by the
+    &lt;code&gt;DataTransferItem&lt;/code&gt; object.&lt;/p&gt;
+
+    &lt;p&gt;If &lt;span&gt;the drag data item kind&lt;/span&gt; is &lt;=
i&gt;Unicode Data string&lt;/i&gt;, then &lt;var
+    title=3D&quot;&quot;&gt;data&lt;/var&gt; is a &lt;code title=3D&quot=
;&quot;&gt;DOMString&lt;/code&gt; containing the actual data.&lt;/p&gt;
+
+    &lt;p&gt;If &lt;span&gt;the drag data item kind&lt;/span&gt; is &lt;=
i&gt;Blob&lt;/i&gt;, then &lt;var title=3D&quot;&quot;&gt;data&lt;/var&gt=
; is a
+    &lt;code&gt;Blob&lt;/code&gt; representing the actual data.&lt;/p&gt=
;
+
+    &lt;p&gt;If &lt;span&gt;the drag data item kind&lt;/span&gt; is &lt;=
i&gt;File&lt;/i&gt;, then &lt;var title=3D&quot;&quot;&gt;data&lt;/var&gt=
; is a
+    &lt;code&gt;File&lt;/code&gt; representing the actual data.&lt;/p&gt=
;
+
+    &lt;p&gt;If &lt;span&gt;the drag data item kind&lt;/span&gt; is &lt;=
i&gt;Object&lt;/i&gt;, then &lt;var title=3D&quot;&quot;&gt;data&lt;/var&=
gt; is
+    the object that is the actual data.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;span&gt;Queue a task&lt;/span&gt; to invoke &lt;var tit=
le=3D&quot;&quot;&gt;callback&lt;/var&gt;, passing a &lt;span&gt;structur=
ed
+   clone&lt;/span&gt; of &lt;var title=3D&quot;&quot;&gt;data&lt;/var&gt=
; as the argument.&lt;/p&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;
+--&gt;&lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dthe-dragevent-interface&gt;&lt;span class=3Dsecno&gt;8.7.4=
 &lt;/span&gt;The &lt;code&gt;&lt;a href=3D#dragevent&gt;DragEvent&lt;/a&=
gt;&lt;/code&gt; interface&lt;/h4&gt;
+
+  &lt;p&gt;The drag-and-drop processing model involves several events. T=
hey all use the
+  &lt;code&gt;&lt;a href=3D#dragevent&gt;DragEvent&lt;/a&gt;&lt;/code&gt=
; interface.&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;[Constructor(DOMString type, optional &lt;a hre=
f=3D#drageventinit&gt;DragEventInit&lt;/a&gt; eventInitDict)]
+interface &lt;dfn id=3Ddragevent&gt;DragEvent&lt;/dfn&gt; : &lt;a href=3D=
#mouseevent&gt;MouseEvent&lt;/a&gt; {
+  readonly attribute &lt;a href=3D#datatransfer&gt;DataTransfer&lt;/a&gt=
;? &lt;a href=3D#dom-dragevent-datatransfer title=3Ddom-DragEvent-dataTra=
nsfer&gt;dataTransfer&lt;/a&gt;;
+};
+
+dictionary &lt;dfn id=3Ddrageventinit&gt;DragEventInit&lt;/dfn&gt; : &lt=
;a href=3D#mouseeventinit&gt;MouseEventInit&lt;/a&gt; {
+  &lt;a href=3D#datatransfer&gt;DataTransfer&lt;/a&gt;? dataTransfer;
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;e=
vent&lt;/var&gt; . &lt;code title=3Ddom-DragEvent-dataTransfer&gt;&lt;a h=
ref=3D#dom-dragevent-datatransfer&gt;dataTransfer&lt;/a&gt;&lt;/code&gt;&=
lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the &lt;code&gt;&lt;a href=3D#datatransfer&gt;DataT=
ransfer&lt;/a&gt;&lt;/code&gt; object for the event.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p class=3Dnote&gt;Although, for consistency with other =
event interfaces, the &lt;code&gt;&lt;a href=3D#dragevent&gt;DragEvent&lt=
;/a&gt;&lt;/code&gt;
+  interface has a constructor, it is not particularly useful. In particu=
lar, there's no way to
+  create a useful &lt;code&gt;&lt;a href=3D#datatransfer&gt;DataTransfer=
&lt;/a&gt;&lt;/code&gt; object from script, as &lt;code&gt;&lt;a href=3D#=
datatransfer&gt;DataTransfer&lt;/a&gt;&lt;/code&gt; objects
+  have a processing and security model that is coordinated by the browse=
r during drag-and-drops.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-dragevent-datatransfer title=3Ddom-DragE=
vent-dataTransfer&gt;&lt;code&gt;dataTransfer&lt;/code&gt;&lt;/dfn&gt; at=
tribute of the
+  &lt;code&gt;&lt;a href=3D#dragevent&gt;DragEvent&lt;/a&gt;&lt;/code&gt=
; interface must return the value it was initialized to. When the object =
is
+  created, this attribute must be initialized to null. It represents the=
 context information for the
+  event.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When a user agent is required to &lt;dfn id=3Dfire-a-dnd-even=
t&gt;fire a DND event&lt;/dfn&gt; named &lt;var title=3D&quot;&quot;&gt;e=
&lt;/var&gt; at an
+  element, using a particular &lt;a href=3D#drag-data-store&gt;drag data=
 store&lt;/a&gt;, the user agent must run the following
+  steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;e&lt;/var&gt; is &lt;cod=
e title=3Devent-dragstart&gt;&lt;a href=3D#event-dragstart&gt;dragstart&l=
t;/a&gt;&lt;/code&gt;, set the
+    &lt;a href=3D#drag-data-store-mode&gt;drag data store mode&lt;/a&gt;=
 to the &lt;a href=3D#concept-dnd-rw title=3Dconcept-dnd-rw&gt;read/write
+    mode&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;e&lt;/var&gt; is &lt;cod=
e title=3Devent-drop&gt;&lt;a href=3D#event-drop&gt;drop&lt;/a&gt;&lt;/co=
de&gt;, set the &lt;a href=3D#drag-data-store-mode&gt;drag data
+    store mode&lt;/a&gt; to the &lt;a href=3D#concept-dnd-ro title=3Dcon=
cept-dnd-ro&gt;read-only mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;dataTransfer&l=
t;/var&gt; be a newly created &lt;code&gt;&lt;a href=3D#datatransfer&gt;D=
ataTransfer&lt;/a&gt;&lt;/code&gt; object
+   associated with the given &lt;a href=3D#drag-data-store&gt;drag data =
store&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p id=3DeffectAllowed-initialization&gt;Set the &lt;code=
 title=3Ddom-DataTransfer-effectAllowed&gt;&lt;a href=3D#dom-datatransfer=
-effectallowed&gt;effectAllowed&lt;/a&gt;&lt;/code&gt; attribute to the &=
lt;a href=3D#drag-data-store&gt;drag data
+   store&lt;/a&gt;'s &lt;a href=3D#drag-data-store-allowed-effects-state=
&gt;drag data store allowed effects state&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p id=3DdropEffect-initialization&gt;Set the &lt;code title=3Ddom=
-DataTransfer-dropEffect&gt;&lt;a href=3D#dom-datatransfer-dropeffect&gt;=
dropEffect&lt;/a&gt;&lt;/code&gt; attribute to &quot;&lt;code title=3D&qu=
ot;&quot;&gt;none&lt;/code&gt;&quot;
+    if &lt;var title=3D&quot;&quot;&gt;e&lt;/var&gt; is &lt;code title=3D=
event-dragstart&gt;&lt;a href=3D#event-dragstart&gt;dragstart&lt;/a&gt;&l=
t;/code&gt;, &lt;code title=3Devent-drag&gt;&lt;a href=3D#event-drag&gt;d=
rag&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Devent-dragexit&gt;&lt;a href=
=3D#event-dragexit&gt;dragexit&lt;/a&gt;&lt;/code&gt;, or &lt;code title=3D=
event-dragleave&gt;&lt;a href=3D#event-dragleave&gt;dragleave&lt;/a&gt;&l=
t;/code&gt;; to the value corresponding to the &lt;a href=3D#current-drag=
-operation&gt;current drag
+    operation&lt;/a&gt; if &lt;var title=3D&quot;&quot;&gt;e&lt;/var&gt;=
 is &lt;code title=3Devent-drop&gt;&lt;a href=3D#event-drop&gt;drop&lt;/a=
&gt;&lt;/code&gt; or &lt;code title=3Devent-dragend&gt;&lt;a href=3D#even=
t-dragend&gt;dragend&lt;/a&gt;&lt;/code&gt;; and to a value based on the =
&lt;code title=3Ddom-DataTransfer-effectAllowed&gt;&lt;a href=3D#dom-data=
transfer-effectallowed&gt;effectAllowed&lt;/a&gt;&lt;/code&gt; attribute'=
s value and the
+    drag-and-drop source, as given by the following table, otherwise (i.=
e. if &lt;var title=3D&quot;&quot;&gt;e&lt;/var&gt;
+    is &lt;code title=3Devent-dragenter&gt;&lt;a href=3D#event-dragenter=
&gt;dragenter&lt;/a&gt;&lt;/code&gt; or &lt;code title=3Devent-dragover&g=
t;&lt;a href=3D#event-dragover&gt;dragover&lt;/a&gt;&lt;/code&gt;):&lt;/p=
&gt;
+
+    &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;code title=3Ddom-D=
ataTransfer-effectAllowed&gt;&lt;a href=3D#dom-datatransfer-effectallowed=
&gt;effectAllowed&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+       &lt;th&gt;&lt;code title=3Ddom-DataTransfer-dropEffect&gt;&lt;a h=
ref=3D#dom-datatransfer-dropeffect&gt;dropEffect&lt;/a&gt;&lt;/code&gt;&l=
t;/th&gt;
+      &lt;/thead&gt;&lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3D&quot;&qu=
ot;&gt;none&lt;/code&gt;&quot;&lt;/td&gt;
+      &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;none&lt;/code&gt;=
&quot;&lt;/td&gt;
+     &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;copy&lt;=
/code&gt;&quot;&lt;/td&gt;
+      &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;copy&lt;/code&gt;=
&quot;&lt;/td&gt;
+     &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;copyLink=
&lt;/code&gt;&quot;&lt;/td&gt;
+      &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;copy&lt;/code&gt;=
&quot;, or, &lt;a href=3D#concept-platform-dropeffect-override title=3Dco=
ncept-platform-dropEffect-override&gt;if appropriate&lt;/a&gt;, &quot;&lt=
;code title=3D&quot;&quot;&gt;link&lt;/code&gt;&quot;&lt;/td&gt;
+     &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;copyMove=
&lt;/code&gt;&quot;&lt;/td&gt;
+      &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;copy&lt;/code&gt;=
&quot;, or, &lt;a href=3D#concept-platform-dropeffect-override title=3Dco=
ncept-platform-dropEffect-override&gt;if appropriate&lt;/a&gt;, &quot;&lt=
;code title=3D&quot;&quot;&gt;move&lt;/code&gt;&quot;&lt;/td&gt;
+     &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;all&lt;/=
code&gt;&quot;&lt;/td&gt;
+      &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;copy&lt;/code&gt;=
&quot;, or, &lt;a href=3D#concept-platform-dropeffect-override title=3Dco=
ncept-platform-dropEffect-override&gt;if appropriate&lt;/a&gt;, either &q=
uot;&lt;code title=3D&quot;&quot;&gt;link&lt;/code&gt;&quot; or &quot;&lt=
;code title=3D&quot;&quot;&gt;move&lt;/code&gt;&quot;&lt;/td&gt;
+     &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;link&lt;=
/code&gt;&quot;&lt;/td&gt;
+      &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;link&lt;/code&gt;=
&quot;&lt;/td&gt;
+     &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;linkMove=
&lt;/code&gt;&quot;&lt;/td&gt;
+      &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;link&lt;/code&gt;=
&quot;, or, &lt;a href=3D#concept-platform-dropeffect-override title=3Dco=
ncept-platform-dropEffect-override&gt;if appropriate&lt;/a&gt;, &quot;&lt=
;code title=3D&quot;&quot;&gt;move&lt;/code&gt;&quot;&lt;/td&gt;
+     &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;move&lt;=
/code&gt;&quot;&lt;/td&gt;
+      &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;move&lt;/code&gt;=
&quot;&lt;/td&gt;
+     &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;uninitia=
lized&lt;/code&gt;&quot; when what is being dragged is a selection from a=
 text field&lt;/td&gt;
+      &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;move&lt;/code&gt;=
&quot;, or, &lt;a href=3D#concept-platform-dropeffect-override title=3Dco=
ncept-platform-dropEffect-override&gt;if appropriate&lt;/a&gt;, either &q=
uot;&lt;code title=3D&quot;&quot;&gt;copy&lt;/code&gt;&quot; or &quot;&lt=
;code title=3D&quot;&quot;&gt;link&lt;/code&gt;&quot;&lt;/td&gt;
+     &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;uninitia=
lized&lt;/code&gt;&quot; when what is being dragged is a selection&lt;/td=
&gt;
+      &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;copy&lt;/code&gt;=
&quot;, or, &lt;a href=3D#concept-platform-dropeffect-override title=3Dco=
ncept-platform-dropEffect-override&gt;if appropriate&lt;/a&gt;, either &q=
uot;&lt;code title=3D&quot;&quot;&gt;link&lt;/code&gt;&quot; or &quot;&lt=
;code title=3D&quot;&quot;&gt;move&lt;/code&gt;&quot;&lt;/td&gt;
+     &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;uninitia=
lized&lt;/code&gt;&quot; when what is being dragged is an &lt;code&gt;&lt=
;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; element with an &lt;=
code&gt;href&lt;/code&gt; attribute&lt;/td&gt;
+      &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;link&lt;/code&gt;=
&quot;, or, &lt;a href=3D#concept-platform-dropeffect-override title=3Dco=
ncept-platform-dropEffect-override&gt;if appropriate&lt;/a&gt;, either &q=
uot;&lt;code title=3D&quot;&quot;&gt;copy&lt;/code&gt;&quot; or &quot;&lt=
;code title=3D&quot;&quot;&gt;move&lt;/code&gt;&quot;&lt;/td&gt;
+     &lt;tr&gt;&lt;td&gt;Any other case&lt;/td&gt;
+      &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;copy&lt;/code&gt;=
&quot;, or, &lt;a href=3D#concept-platform-dropeffect-override title=3Dco=
ncept-platform-dropEffect-override&gt;if appropriate&lt;/a&gt;, either &q=
uot;&lt;code title=3D&quot;&quot;&gt;link&lt;/code&gt;&quot; or &quot;&lt=
;code title=3D&quot;&quot;&gt;move&lt;/code&gt;&quot;&lt;/td&gt;
+     &lt;/table&gt;&lt;p&gt;Where the table above provides &lt;dfn id=3D=
concept-platform-dropeffect-override title=3Dconcept-platform-dropEffect-=
override&gt;possibly
+    appropriate alternatives&lt;/dfn&gt;, user agents may instead use th=
e listed alternative values if
+    platform conventions dictate that the user has requested those alter=
nate effects.&lt;/p&gt;
+
+    &lt;p class=3Dexample&gt;For example, Windows platform conventions a=
re such that dragging while
+    holding the &quot;alt&quot; key indicates a preference for linking t=
he data, rather than moving or copying
+    it. Therefore, on a Windows system, if &quot;&lt;code title=3D&quot;=
&quot;&gt;link&lt;/code&gt;&quot; is an option according to
+    the table above while the &quot;alt&quot; key is depressed, the user=
 agent could select that instead of
+    &quot;&lt;code title=3D&quot;&quot;&gt;copy&lt;/code&gt;&quot; or &q=
uot;&lt;code title=3D&quot;&quot;&gt;move&lt;/code&gt;&quot;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Create a &lt;a href=3D#concept-events-trusted title=3Dconce=
pt-events-trusted&gt;trusted&lt;/a&gt; &lt;code&gt;&lt;a href=3D#drageven=
t&gt;DragEvent&lt;/a&gt;&lt;/code&gt; object
+    and initialize it to have the given name &lt;var title=3D&quot;&quot=
;&gt;e&lt;/var&gt;, to bubble, to be cancelable
+    unless &lt;var title=3D&quot;&quot;&gt;e&lt;/var&gt; is &lt;code tit=
le=3Devent-dragexit&gt;&lt;a href=3D#event-dragexit&gt;dragexit&lt;/a&gt;=
&lt;/code&gt;, &lt;code title=3Devent-dragleave&gt;&lt;a href=3D#event-dr=
agleave&gt;dragleave&lt;/a&gt;&lt;/code&gt;, or &lt;code title=3Devent-dr=
agend&gt;&lt;a href=3D#event-dragend&gt;dragend&lt;/a&gt;&lt;/code&gt;, a=
nd to
+    have the &lt;code title=3Ddom-UIEvent-detail&gt;&lt;a href=3D#dom-ui=
event-detail&gt;detail&lt;/a&gt;&lt;/code&gt; attribute initialized to ze=
ro, the mouse
+    and key attributes initialized according to the state of the input d=
evices as they would be for
+    user interaction events, the &lt;code title=3D&quot;&quot;&gt;relate=
dTarget&lt;/code&gt; attribute initialized to null,
+    and the &lt;code title=3Ddom-DragEvent-dataTransfer&gt;&lt;a href=3D=
#dom-dragevent-datatransfer&gt;dataTransfer&lt;/a&gt;&lt;/code&gt; attrib=
ute initialized to
+    &lt;var title=3D&quot;&quot;&gt;dataTransfer&lt;/var&gt;, the &lt;co=
de&gt;&lt;a href=3D#datatransfer&gt;DataTransfer&lt;/a&gt;&lt;/code&gt; o=
bject created above.&lt;/p&gt;
+
+    &lt;!-- interaction event spec point --&gt;
+
+    &lt;p&gt;If there is no relevant pointing device, the object must ha=
ve its &lt;code title=3D&quot;&quot;&gt;screenX&lt;/code&gt;, &lt;code ti=
tle=3D&quot;&quot;&gt;screenY&lt;/code&gt;, &lt;code title=3D&quot;&quot;=
&gt;clientX&lt;/code&gt;, &lt;code title=3D&quot;&quot;&gt;clientY&lt;/co=
de&gt;, and &lt;code title=3D&quot;&quot;&gt;button&lt;/code&gt; attribut=
es set to 0.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#concept-event-dispatch title=3Dconce=
pt-event-dispatch&gt;Dispatch&lt;/a&gt; the newly created
+   &lt;code&gt;&lt;a href=3D#dragevent&gt;DragEvent&lt;/a&gt;&lt;/code&g=
t; object at the specified target element.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set the &lt;a href=3D#drag-data-store-allowed-effe=
cts-state&gt;drag data store allowed effects state&lt;/a&gt; to the curre=
nt value of &lt;var title=3D&quot;&quot;&gt;dataTransfer&lt;/var&gt;'s &l=
t;code title=3Ddom-DataTransfer-effectAllowed&gt;&lt;a href=3D#dom-datatr=
ansfer-effectallowed&gt;effectAllowed&lt;/a&gt;&lt;/code&gt;
+   attribute. (It can only have changed value if &lt;var title=3D&quot;&=
quot;&gt;e&lt;/var&gt; is &lt;code title=3Devent-dragstart&gt;&lt;a href=3D=
#event-dragstart&gt;dragstart&lt;/a&gt;&lt;/code&gt;.)&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set the &lt;a href=3D#drag-data-store-mode&gt;drag=
 data store mode&lt;/a&gt; back to the &lt;a href=3D#concept-dnd-p title=3D=
concept-dnd-p&gt;protected mode&lt;/a&gt; if it was changed in the first =
step.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Break the association between &lt;var title=3D&quo=
t;&quot;&gt;dataTransfer&lt;/var&gt; and the &lt;a href=3D#drag-data-stor=
e&gt;drag data
+   store&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Ddrag-and-drop-processing-model&gt;&lt;span class=3Dsecno&g=
t;8.7.5 &lt;/span&gt;Drag-and-drop processing model&lt;/h4&gt;
+
+  &lt;p&gt;When the user attempts to begin a drag operation, the user ag=
ent must run the following steps.
+  User agents must act as if these steps were run even if the drag actua=
lly started in another
+  document or application and the user agent was not aware that the drag=
 was occurring until it
+  intersected with a document under the user agent's purview.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;Determine what is being dragged, as follows:&lt;/p&gt;
+
+    &lt;p&gt;If the drag operation was invoked on a selection, then it i=
s the selection that is being
+    dragged.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if the drag operation was invoked on a &lt;code&=
gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;, it is the f=
irst
+    element, going up the ancestor chain, starting at the node that the =
user tried to drag, that has
+    the IDL attribute &lt;code title=3Ddom-draggable&gt;&lt;a href=3D#do=
m-draggable&gt;draggable&lt;/a&gt;&lt;/code&gt; set to true. If there is =
no such
+    element, then nothing is being dragged; abort these steps, the drag-=
and-drop operation is never
+    started.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, the drag operation was invoked outside the user =
agent's purview. What is being
+    dragged is defined by the document or application where the drag was=
 started.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;&lt;code&gt;&lt;a href=3D#the-img-element&gt;i=
mg&lt;/a&gt;&lt;/code&gt; elements and &lt;code&gt;&lt;a href=3D#the-a-el=
ement&gt;a&lt;/a&gt;&lt;/code&gt; elements with an &lt;code title=3Dattr-=
hyperlink-href&gt;&lt;a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;=
/code&gt; attribute have their &lt;code title=3Ddom-draggable&gt;&lt;a hr=
ef=3D#dom-draggable&gt;draggable&lt;/a&gt;&lt;/code&gt; attribute set to =
true by default.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#create-a-drag-data-store&gt;Create a=
 drag data store&lt;/a&gt;. All the DND events fired subsequently by the =
steps
+   in this section must use this &lt;a href=3D#drag-data-store&gt;drag d=
ata store&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Establish which DOM node is the &lt;dfn id=3Dsource-node&gt=
;source node&lt;/dfn&gt;, as follows:&lt;/p&gt;
+
+    &lt;p&gt;If it is a selection that is being dragged, then the &lt;a =
href=3D#source-node&gt;source node&lt;/a&gt; is the
+    &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt;/code&gt; node t=
hat the user started the drag on (typically the &lt;code&gt;&lt;a href=3D=
#text&gt;Text&lt;/a&gt;&lt;/code&gt; node
+    that the user originally clicked). If the user did not specify a par=
ticular node, for example if
+    the user just told the user agent to begin a drag of &quot;the selec=
tion&quot;, then the &lt;a href=3D#source-node&gt;source
+    node&lt;/a&gt; is the first &lt;code&gt;&lt;a href=3D#text&gt;Text&l=
t;/a&gt;&lt;/code&gt; node containing a part of the selection.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if it is an element that is being dragged, then =
the &lt;a href=3D#source-node&gt;source node&lt;/a&gt; is
+    the element that is being dragged.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, the &lt;a href=3D#source-node&gt;source node&lt;=
/a&gt; is part of another document or application. When this
+    specification requires that an event be dispatched at the &lt;a href=
=3D#source-node&gt;source node&lt;/a&gt; in this case,
+    the user agent must instead follow the platform-specific conventions=
 relevant to that
+    situation.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;Multiple events are fired on the &lt;a href=3D=
#source-node&gt;source node&lt;/a&gt; during the course of
+    the drag-and-drop operation.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Determine the &lt;dfn id=3Dlist-of-dragged-nodes&gt;list of=
 dragged nodes&lt;/dfn&gt;, as follows:&lt;/p&gt;
+
+    &lt;p&gt;If it is a selection that is being dragged, then the &lt;a =
href=3D#list-of-dragged-nodes&gt;list of dragged nodes&lt;/a&gt;
+    contains, in &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt;, every=
 node that is partially or completely included in the
+    selection (including all their ancestors).&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, the &lt;a href=3D#list-of-dragged-nodes&gt;list =
of dragged nodes&lt;/a&gt; contains only the &lt;a href=3D#source-node&gt=
;source node&lt;/a&gt;,
+    if any.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If it is a selection that is being dragged, then add an ite=
m to the &lt;a href=3D#drag-data-store-item-list&gt;drag data store
+    item list&lt;/a&gt;, with its properties set as follows:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;&lt;a href=3D#the-drag-data-item-type-string&gt;=
The drag data item type string&lt;/a&gt;
+     &lt;dd&gt;&quot;&lt;code&gt;text/plain&lt;/code&gt;&quot;&lt;/dd&gt=
;
+
+     &lt;dt&gt;&lt;a href=3D#the-drag-data-item-kind&gt;The drag data it=
em kind&lt;/a&gt;
+     &lt;dd&gt;&lt;i&gt;Plain Unicode string&lt;/i&gt;&lt;/dd&gt;
+
+     &lt;dt&gt;The actual data&lt;/dt&gt;
+     &lt;dd&gt;The text of the selection&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;p&gt;Otherwise, if any files are being dragged, then =
add one item per file to the &lt;a href=3D#drag-data-store-item-list&gt;d=
rag data
+    store item list&lt;/a&gt;, with their properties set as follows:&lt;=
/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;&lt;a href=3D#the-drag-data-item-type-string&gt;=
The drag data item type string&lt;/a&gt;
+     &lt;dd&gt;The MIME type of the file, if known, or &quot;&lt;code&gt=
;application/octet-stream&lt;/code&gt;&quot; otherwise.&lt;/dd&gt;
+
+     &lt;dt&gt;&lt;a href=3D#the-drag-data-item-kind&gt;The drag data it=
em kind&lt;/a&gt;
+     &lt;dd&gt;&lt;i&gt;&lt;a href=3D#file&gt;File&lt;/a&gt;&lt;/i&gt;&l=
t;/dd&gt;
+
+     &lt;dt&gt;The actual data&lt;/dt&gt;
+     &lt;dd&gt;The file's contents and name.&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;p class=3Dnote&gt;Dragging files can currently only h=
appen from outside a &lt;a href=3D#browsing-context&gt;browsing
+    context&lt;/a&gt;, for example from a file system manager applicatio=
n.&lt;/p&gt;
+
+    &lt;p&gt;If the drag initiated outside of the application, the user =
agent must add items to the
+    &lt;a href=3D#drag-data-store-item-list&gt;drag data store item list=
&lt;/a&gt; as appropriate for the data being dragged, honoring
+    platform conventions where appropriate; however, if the platform con=
ventions do not use &lt;a href=3D#mime-type title=3D&quot;MIME type&quot;=
&gt;MIME types&lt;/a&gt; to label dragged data, the user agent must make =
a
+    best-effort attempt to map the types to MIME types, and, in any case=
, all the &lt;a href=3D#the-drag-data-item-type-string title=3D&quot;the
+    drag data item type string&quot;&gt;drag data item type strings&lt;/=
a&gt; must be &lt;a href=3D#converted-to-ascii-lowercase&gt;converted to =
ASCII
+    lowercase&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;User agents may also add one or more items representing the=
 selection or dragged element(s)
+    in other forms, e.g. as HTML.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;!-- DND-v2: text/html as an export format --&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#list-of-dragged-nodes&gt;list of dragg=
ed nodes&lt;/a&gt; is not empty, then &lt;a href=3D#extracting-json title=
=3D&quot;extracting
+    JSON&quot;&gt;extract the microdata from those nodes into a JSON for=
m&lt;/a&gt;, and add one item to the
+    &lt;a href=3D#drag-data-store-item-list&gt;drag data store item list=
&lt;/a&gt;, with its properties set as follows:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;&lt;a href=3D#the-drag-data-item-type-string&gt;=
The drag data item type string&lt;/a&gt;
+     &lt;dd&gt;&lt;code&gt;&lt;a href=3D#application/microdata+json&gt;a=
pplication/microdata+json&lt;/a&gt;&lt;/code&gt;&lt;/dd&gt;
+
+     &lt;dt&gt;&lt;a href=3D#the-drag-data-item-kind&gt;The drag data it=
em kind&lt;/a&gt;
+     &lt;dd&gt;&lt;i&gt;Plain Unicode string&lt;/i&gt;&lt;/dd&gt;
+
+     &lt;dt&gt;The actual data&lt;/dt&gt;
+     &lt;dd&gt;The resulting JSON string.&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Run the following substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;url=
s&lt;/var&gt; be an empty list of &lt;a href=3D#absolute-url title=3D&quo=
t;absolute URL&quot;&gt;absolute
+     URLs&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;For each &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt;=
 in the &lt;a href=3D#list-of-dragged-nodes&gt;list of dragged nodes&lt;/=
a&gt;:&lt;/p&gt;
+
+      &lt;dl&gt;&lt;dt&gt;If the node is an &lt;code&gt;&lt;a href=3D#th=
e-a-element&gt;a&lt;/a&gt;&lt;/code&gt; element with an &lt;code title=3D=
attr-hyperlink-href&gt;&lt;a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt=
;&lt;/code&gt; attribute&lt;/dt&gt;
+
+       &lt;dd&gt;Add to &lt;var title=3D&quot;&quot;&gt;urls&lt;/var&gt;=
 the result of &lt;a href=3D#resolve-a-url title=3D&quot;resolve a
+       url&quot;&gt;resolving&lt;/a&gt; the element's &lt;code title=3Da=
ttr-hyperlink-href&gt;&lt;a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt;=
&lt;/code&gt; content
+       attribute relative to the element.&lt;/dd&gt;
+
+       &lt;dt&gt;If the node is an &lt;code&gt;&lt;a href=3D#the-img-ele=
ment&gt;img&lt;/a&gt;&lt;/code&gt; element with a &lt;code title=3Dattr-i=
mg-src&gt;&lt;a href=3D#attr-img-src&gt;src&lt;/a&gt;&lt;/code&gt;
+       attribute&lt;/dt&gt;
+
+       &lt;dd&gt;Add to &lt;var title=3D&quot;&quot;&gt;urls&lt;/var&gt;=
 the result of &lt;a href=3D#resolve-a-url title=3D&quot;resolve a
+       url&quot;&gt;resolving&lt;/a&gt; the element's &lt;code title=3Da=
ttr-img-src&gt;&lt;a href=3D#attr-img-src&gt;src&lt;/a&gt;&lt;/code&gt; c=
ontent attribute
+       relative to the element.&lt;/dd&gt;
+
+       &lt;!-- DND-v2: more --&gt;
+
+      &lt;/dl&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;urls&lt;/var&=
gt; is still empty, abort these substeps.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;url string&l=
t;/var&gt; be the result of concatenating the strings in &lt;var title=3D=
&quot;&quot;&gt;urls&lt;/var&gt;, in the order they were added, separated=
 by a U+000D CARRIAGE RETURN U+000A
+     LINE FEED character pair (CRLF).&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Add one item to the &lt;a href=3D#drag-data-stor=
e-item-list&gt;drag data store item list&lt;/a&gt;, with its properties s=
et as
+     follows:&lt;/p&gt;
+
+      &lt;dl&gt;&lt;dt&gt;&lt;a href=3D#the-drag-data-item-type-string&g=
t;The drag data item type string&lt;/a&gt;
+       &lt;dd&gt;&lt;code&gt;text/uri-list&lt;/code&gt;&lt;/dd&gt;
+
+       &lt;dt&gt;&lt;a href=3D#the-drag-data-item-kind&gt;The drag data =
item kind&lt;/a&gt;
+       &lt;dd&gt;&lt;i&gt;Plain Unicode string&lt;/i&gt;&lt;/dd&gt;
+
+       &lt;dt&gt;The actual data&lt;/dt&gt;
+       &lt;dd&gt;&lt;var title=3D&quot;&quot;&gt;url string&lt;/var&gt;&=
lt;/dd&gt;
+
+      &lt;/dl&gt;&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Update the &lt;a href=3D#drag-data-store-default-feedback&g=
t;drag data store default feedback&lt;/a&gt; as appropriate for the user =
agent
+    (if the user is dragging the selection, then the selection would lik=
ely be the basis for this
+    feedback; if the user is dragging an element, then that element's re=
ndering would be used; if
+    the drag began outside the user agent, then the platform conventions=
 for determining the drag
+    feedback should be used).&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#fire-a-dnd-event&gt;Fire a DND event&lt;/a&gt=
; named &lt;code title=3Devent-dragstart&gt;&lt;a href=3D#event-dragstart=
&gt;dragstart&lt;/a&gt;&lt;/code&gt; at the
+    &lt;a href=3D#source-node&gt;source node&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;If the event is canceled, then the drag-and-drop operation =
should not occur; abort these
+    steps.&lt;/p&gt; &lt;!-- only a should because the UA can always all=
ow the user to drag without the page
+    knowing --&gt;
+
+    &lt;p class=3Dnote&gt;Since events with no event listeners registere=
d are, almost by definition, never
+    canceled, drag-and-drop is always available to the user if the autho=
r does not specifically
+    prevent it.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#initiate-the-drag-and-drop-operation&gt;Initi=
ate the drag-and-drop operation&lt;/a&gt; in a manner consistent with pla=
tform
+    conventions, and as described below.&lt;/p&gt;
+
+    &lt;p id=3Dbase-dnd-feedback&gt;The drag-and-drop feedback must be g=
enerated from the first of the
+    following sources that is available:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;The &lt;a href=3D#drag-data-store-bitmap&gt;drag=
 data store bitmap&lt;/a&gt;, if any. In this case, the &lt;a href=3D#dra=
g-data-store-hot-spot-coordinate&gt;drag data store
+     hot spot coordinate&lt;/a&gt; should be used as hints for where to =
put the cursor relative to the
+     resulting image. The values are expressed as distances in CSS pixel=
s from the left side and
+     from the top side of the image respectively. &lt;a href=3D#refsCSS&=
gt;[CSS]&lt;/a&gt;&lt;/li&gt;
+
+     &lt;li&gt;The &lt;a href=3D#drag-data-store-default-feedback&gt;dra=
g data store default feedback&lt;/a&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;From the moment that the user agent is to &lt;dfn =
id=3Dinitiate-the-drag-and-drop-operation&gt;initiate the drag-and-drop o=
peration&lt;/dfn&gt;,
+  until the end of the drag-and-drop operation, device input events (e.g=
. mouse and keyboard events)
+  must be suppressed.&lt;/p&gt;
+
+  &lt;p&gt;During the drag operation, the element directly indicated by =
the user as the drop target is
+  called the &lt;dfn id=3Dimmediate-user-selection&gt;immediate user sel=
ection&lt;/dfn&gt;. (Only elements can be selected by the user; other
+  nodes must not be made available as drop targets.) However, the &lt;a =
href=3D#immediate-user-selection&gt;immediate user
+  selection&lt;/a&gt; is not necessarily the &lt;dfn id=3Dcurrent-target=
-element&gt;current target element&lt;/dfn&gt;, which is the element
+  currently selected for the drop part of the drag-and-drop operation.&l=
t;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#immediate-user-selection&gt;immediate user =
selection&lt;/a&gt; changes as the user selects different elements
+  (either by pointing at them with a pointing device, or by selecting th=
em in some other way). The
+  &lt;a href=3D#current-target-element&gt;current target element&lt;/a&g=
t; changes when the &lt;a href=3D#immediate-user-selection&gt;immediate u=
ser selection&lt;/a&gt;
+  changes, based on the results of event listeners in the document, as d=
escribed below.&lt;/p&gt;
+
+  &lt;p&gt;Both the &lt;a href=3D#current-target-element&gt;current targ=
et element&lt;/a&gt; and the &lt;a href=3D#immediate-user-selection&gt;im=
mediate user selection&lt;/a&gt; can
+  be null, which means no target element is selected. They can also both=
 be elements in other
+  (DOM-based) documents, or other (non-Web) programs altogether. (For ex=
ample, a user could drag
+  text to a word-processor.) The &lt;a href=3D#current-target-element&gt=
;current target element&lt;/a&gt; is initially null.&lt;/p&gt;
+
+  &lt;p&gt;In addition, there is also a &lt;dfn id=3Dcurrent-drag-operat=
ion&gt;current drag operation&lt;/dfn&gt;, which can take on the values
+  &quot;&lt;code title=3D&quot;&quot;&gt;none&lt;/code&gt;&quot;, &quot;=
&lt;code title=3D&quot;&quot;&gt;copy&lt;/code&gt;&quot;, &quot;&lt;code =
title=3D&quot;&quot;&gt;link&lt;/code&gt;&quot;, and
+  &quot;&lt;code title=3D&quot;&quot;&gt;move&lt;/code&gt;&quot;. Initia=
lly, it has the value &quot;&lt;code title=3D&quot;&quot;&gt;none&lt;/cod=
e&gt;&quot;. It is
+  updated by the user agent as described in the steps below.&lt;/p&gt;
+
+  &lt;p&gt;User agents must, as soon as the drag operation is &lt;a href=
=3D#initiate-the-drag-and-drop-operation title=3D&quot;initiate the drag-=
and-drop
+  operation&quot;&gt;initiated&lt;/a&gt; and every 350ms (&amp;plusmn;20=
0ms) thereafter for as long as the drag
+  operation is ongoing, &lt;a href=3D#queue-a-task&gt;queue a task&lt;/a=
&gt; to perform the following steps in sequence:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;If the user agent is still performing the previous iteratio=
n of the sequence (if any) when
+    the next iteration becomes due, abort these steps for this iteration=
 (effectively &quot;skipping
+    missed frames&quot; of the drag-and-drop operation).&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#fire-a-dnd-event&gt;Fire a DND event&lt;/a&gt=
; named &lt;code title=3Devent-drag&gt;&lt;a href=3D#event-drag&gt;drag&l=
t;/a&gt;&lt;/code&gt; at the
+    &lt;a href=3D#source-node&gt;source node&lt;/a&gt;. If this event is=
 canceled, the user agent must set the &lt;a href=3D#current-drag-operati=
on&gt;current
+    drag operation&lt;/a&gt; to &quot;&lt;code title=3D&quot;&quot;&gt;n=
one&lt;/code&gt;&quot; (no drag operation).&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;code title=3Devent-drag&gt;&lt;a href=3D#event-d=
rag&gt;drag&lt;/a&gt;&lt;/code&gt; event was not canceled and the user ha=
s not ended
+    the drag-and-drop operation, check the state of the drag-and-drop op=
eration, as follows:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;If the user is indicating a different &lt;a href=3D#immed=
iate-user-selection&gt;immediate user selection&lt;/a&gt; than during the
+      last iteration (or if this is the first iteration), and if this &l=
t;a href=3D#immediate-user-selection&gt;immediate user
+      selection&lt;/a&gt; is not the same as the &lt;a href=3D#current-t=
arget-element&gt;current target element&lt;/a&gt;, then &lt;a href=3D#fir=
e-a-dnd-event&gt;fire a
+      DND event&lt;/a&gt; named &lt;code title=3Devent-dragexit&gt;&lt;a=
 href=3D#event-dragexit&gt;dragexit&lt;/a&gt;&lt;/code&gt; at the &lt;a h=
ref=3D#current-target-element&gt;current
+      target element&lt;/a&gt;, and then update the &lt;a href=3D#curren=
t-target-element&gt;current target element&lt;/a&gt; as follows:&lt;/p&gt=
;
+
+      &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the new &lt;a href=3D#immedi=
ate-user-selection&gt;immediate user selection&lt;/a&gt; is null&lt;/dt&g=
t;
+
+       &lt;dd&gt;&lt;p&gt;Set the &lt;a href=3D#current-target-element&g=
t;current target element&lt;/a&gt; to null also.&lt;/dd&gt;
+
+       &lt;dt&gt;If the new &lt;a href=3D#immediate-user-selection&gt;im=
mediate user selection&lt;/a&gt; is in a non-DOM document or
+       application&lt;/dt&gt;
+
+       &lt;dd&gt;&lt;p&gt;Set the &lt;a href=3D#current-target-element&g=
t;current target element&lt;/a&gt; to the &lt;a href=3D#immediate-user-se=
lection&gt;immediate user
+       selection&lt;/a&gt;.&lt;/dd&gt;
+
+       &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;&lt;a href=3D#fire-a-dnd-event&gt;Fire a DND event&lt;/=
a&gt; named &lt;code title=3Devent-dragenter&gt;&lt;a href=3D#event-drage=
nter&gt;dragenter&lt;/a&gt;&lt;/code&gt; at the
+        &lt;a href=3D#immediate-user-selection&gt;immediate user selecti=
on&lt;/a&gt;.&lt;/p&gt;
+
+        &lt;p&gt;If the event is canceled, then set the &lt;a href=3D#cu=
rrent-target-element&gt;current target element&lt;/a&gt; to the
+        &lt;a href=3D#immediate-user-selection&gt;immediate user selecti=
on&lt;/a&gt;.&lt;/p&gt;
+
+        &lt;p&gt;Otherwise, run the appropriate step from the following =
list:&lt;/p&gt;
+
+        &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the &lt;a href=3D#immediat=
e-user-selection&gt;immediate user selection&lt;/a&gt; is a text field (e=
.g.
+         &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/=
a&gt;&lt;/code&gt;, or an &lt;code&gt;&lt;a href=3D#the-input-element&gt;=
input&lt;/a&gt;&lt;/code&gt; element whose &lt;code title=3Dattr-input-ty=
pe&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attrib=
ute is in the &lt;a href=3D&quot;#text-(type=3Dtext)-state-and-search-sta=
te-(type=3Dsearch)&quot; title=3Dattr-input-type-text&gt;Text&lt;/a&gt; s=
tate) or an &lt;a href=3D#editing-host&gt;editing host&lt;/a&gt; or
+         &lt;a href=3D#editable&gt;editable&lt;/a&gt; element, and the &=
lt;a href=3D#drag-data-store-item-list&gt;drag data store item list&lt;/a=
&gt; has an item
+         with &lt;a href=3D#the-drag-data-item-type-string&gt;the drag d=
ata item type string&lt;/a&gt; &quot;&lt;code&gt;text/plain&lt;/code&gt;&=
quot; and &lt;a href=3D#the-drag-data-item-kind&gt;the
+         drag data item kind&lt;/a&gt; &lt;i&gt;Plain Unicode string&lt;=
/i&gt;&lt;/dt&gt;
+
+         &lt;dd&gt;&lt;p&gt;Set the &lt;a href=3D#current-target-element=
&gt;current target element&lt;/a&gt; to the &lt;a href=3D#immediate-user-=
selection&gt;immediate user
+         selection&lt;/a&gt; anyway.&lt;/dd&gt;
+
+
+         &lt;dt&gt;If the &lt;a href=3D#immediate-user-selection&gt;imme=
diate user selection&lt;/a&gt; is an element with a &lt;code title=3Dattr=
-dropzone&gt;&lt;a href=3D#the-dropzone-attribute&gt;dropzone&lt;/a&gt;&l=
t;/code&gt; attribute that &lt;a href=3D#concept-dropzone-match title=3Dc=
oncept-dropzone-match&gt;matches&lt;/a&gt; the &lt;a href=3D#drag-data-st=
ore&gt;drag data store&lt;/a&gt;&lt;/dt&gt;
+
+         &lt;dd&gt;&lt;p&gt;Set the &lt;a href=3D#current-target-element=
&gt;current target element&lt;/a&gt; to the &lt;a href=3D#immediate-user-=
selection&gt;immediate user
+         selection&lt;/a&gt; anyway.&lt;/dd&gt;
+
+
+         &lt;dt&gt;If the &lt;a href=3D#immediate-user-selection&gt;imme=
diate user selection&lt;/a&gt; is an element that itself has an ancestor
+         element with a &lt;code title=3Dattr-dropzone&gt;&lt;a href=3D#=
the-dropzone-attribute&gt;dropzone&lt;/a&gt;&lt;/code&gt; attribute that =
&lt;a href=3D#concept-dropzone-match title=3Dconcept-dropzone-match&gt;ma=
tches&lt;/a&gt; the &lt;a href=3D#drag-data-store&gt;drag data store&lt;/=
a&gt;&lt;/dt&gt;
+
+         &lt;dd&gt;
+
+          &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;new target&lt;/va=
r&gt; be the nearest (deepest) such ancestor element.&lt;/p&gt;
+
+          &lt;p&gt;If the &lt;a href=3D#immediate-user-selection&gt;imme=
diate user selection&lt;/a&gt; is &lt;var title=3D&quot;&quot;&gt;new tar=
get&lt;/var&gt;, then
+          leave the &lt;a href=3D#current-target-element&gt;current targ=
et element&lt;/a&gt; unchanged.&lt;/p&gt;
+
+          &lt;p&gt;Otherwise, &lt;a href=3D#fire-a-dnd-event&gt;fire a D=
ND event&lt;/a&gt; named &lt;code title=3Devent-dragenter&gt;&lt;a href=3D=
#event-dragenter&gt;dragenter&lt;/a&gt;&lt;/code&gt; at &lt;var title=3D&=
quot;&quot;&gt;new target&lt;/var&gt;. Then, set the
+          &lt;a href=3D#current-target-element&gt;current target element=
&lt;/a&gt; to &lt;var title=3D&quot;&quot;&gt;new target&lt;/var&gt;, reg=
ardless of
+          whether that event was canceled or not.&lt;/p&gt;
+
+         &lt;/dd&gt;
+
+
+         &lt;dt&gt;If the &lt;a href=3D#immediate-user-selection&gt;imme=
diate user selection&lt;/a&gt; is &lt;a href=3D#the-body-element-0&gt;the=
 body element&lt;/a&gt;&lt;/dt&gt;
+
+         &lt;dd&gt;&lt;p&gt;Leave the &lt;a href=3D#current-target-eleme=
nt&gt;current target element&lt;/a&gt; unchanged.&lt;/dd&gt;
+
+
+         &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+         &lt;dd&gt;
+
+          &lt;p&gt;&lt;a href=3D#fire-a-dnd-event&gt;Fire a DND event&lt=
;/a&gt; named &lt;code title=3Devent-dragenter&gt;&lt;a href=3D#event-dra=
genter&gt;dragenter&lt;/a&gt;&lt;/code&gt; at
+          &lt;a href=3D#the-body-element-0&gt;the body element&lt;/a&gt;=
, if there is one, or at the &lt;code&gt;&lt;a href=3D#document&gt;Docume=
nt&lt;/a&gt;&lt;/code&gt; object, if
+          not. Then, set the &lt;a href=3D#current-target-element&gt;cur=
rent target element&lt;/a&gt; to &lt;a href=3D#the-body-element-0&gt;the =
body element&lt;/a&gt;,
+          regardless of whether that event was canceled or not.&lt;/p&gt=
;
+
+         &lt;/dd&gt;
+
+        &lt;/dl&gt;&lt;/dd&gt;
+
+      &lt;/dl&gt;&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If the previous step caused the &lt;a href=3D#current-tar=
get-element&gt;current target element&lt;/a&gt; to change, and if the
+      previous target element was not null or a part of a non-DOM docume=
nt, then &lt;a href=3D#fire-a-dnd-event&gt;fire a DND
+      event&lt;/a&gt; named &lt;code title=3Devent-dragleave&gt;&lt;a hr=
ef=3D#event-dragleave&gt;dragleave&lt;/a&gt;&lt;/code&gt; at the previous=
 target
+      element.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If the &lt;a href=3D#current-target-element&gt;current ta=
rget element&lt;/a&gt; is a DOM element, then &lt;a href=3D#fire-a-dnd-ev=
ent&gt;fire a DND
+      event&lt;/a&gt; named &lt;code title=3Devent-dragover&gt;&lt;a hre=
f=3D#event-dragover&gt;dragover&lt;/a&gt;&lt;/code&gt; at this &lt;a href=
=3D#current-target-element&gt;current target
+      element&lt;/a&gt;.&lt;/p&gt;
+
+      &lt;p&gt;If the &lt;code title=3Devent-dragover&gt;&lt;a href=3D#e=
vent-dragover&gt;dragover&lt;/a&gt;&lt;/code&gt; event is not canceled, r=
un the
+      appropriate step from the following list:&lt;/p&gt;
+
+      &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the &lt;a href=3D#current-ta=
rget-element&gt;current target element&lt;/a&gt; is a text field (e.g. &l=
t;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&gt;&lt;/co=
de&gt;,
+       or an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&=
gt;&lt;/code&gt; element whose &lt;code title=3Dattr-input-type&gt;&lt;a =
href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is
+       in the &lt;a href=3D&quot;#text-(type=3Dtext)-state-and-search-st=
ate-(type=3Dsearch)&quot; title=3Dattr-input-type-text&gt;Text&lt;/a&gt; =
state) or an &lt;a href=3D#editing-host&gt;editing host&lt;/a&gt;
+       or &lt;a href=3D#editable&gt;editable&lt;/a&gt; element, and the =
&lt;a href=3D#drag-data-store-item-list&gt;drag data store item list&lt;/=
a&gt; has an item
+       with &lt;a href=3D#the-drag-data-item-type-string&gt;the drag dat=
a item type string&lt;/a&gt; &quot;&lt;code&gt;text/plain&lt;/code&gt;&qu=
ot; and &lt;a href=3D#the-drag-data-item-kind&gt;the drag
+       data item kind&lt;/a&gt; &lt;i&gt;Plain Unicode string&lt;/i&gt;&=
lt;/dt&gt;
+
+       &lt;dd&gt;&lt;p&gt;Set the &lt;a href=3D#current-drag-operation&g=
t;current drag operation&lt;/a&gt; to either &quot;&lt;code title=3D&quot=
;&quot;&gt;copy&lt;/code&gt;&quot; or
+       &quot;&lt;code title=3D&quot;&quot;&gt;move&lt;/code&gt;&quot;, a=
s appropriate given the platform conventions.&lt;/dd&gt;
+
+
+       &lt;dt&gt;If the &lt;a href=3D#current-target-element&gt;current =
target element&lt;/a&gt; is an element with a &lt;code title=3Dattr-dropz=
one&gt;&lt;a href=3D#the-dropzone-attribute&gt;dropzone&lt;/a&gt;&lt;/cod=
e&gt; attribute that &lt;a href=3D#concept-dropzone-match title=3Dconcept=
-dropzone-match&gt;matches&lt;/a&gt; the &lt;a href=3D#drag-data-store&gt=
;drag data store&lt;/a&gt; and &lt;a href=3D#concept-dropzone-operation t=
itle=3Dconcept-dropzone-operation&gt;specifies an operation&lt;/a&gt;&lt;=
/dt&gt;
+
+       &lt;dd&gt;&lt;p&gt;Set the &lt;a href=3D#current-drag-operation&g=
t;current drag operation&lt;/a&gt; to the operation &lt;a href=3D#concept=
-dropzone-operation title=3Dconcept-dropzone-operation&gt;specified&lt;/a=
&gt; by the &lt;code title=3Dattr-dropzone&gt;&lt;a href=3D#the-dropzone-=
attribute&gt;dropzone&lt;/a&gt;&lt;/code&gt; attribute of the &lt;a href=3D=
#current-target-element&gt;current target
+       element&lt;/a&gt;.&lt;/p&gt;
+
+
+       &lt;dt&gt;If the &lt;a href=3D#current-target-element&gt;current =
target element&lt;/a&gt; is an element with a &lt;code title=3Dattr-dropz=
one&gt;&lt;a href=3D#the-dropzone-attribute&gt;dropzone&lt;/a&gt;&lt;/cod=
e&gt; attribute that &lt;a href=3D#concept-dropzone-match title=3Dconcept=
-dropzone-match&gt;matches&lt;/a&gt; the &lt;a href=3D#drag-data-store&gt=
;drag data store&lt;/a&gt; and does not
+       &lt;a href=3D#concept-dropzone-operation title=3Dconcept-dropzone=
-operation&gt;specify an operation&lt;/a&gt;&lt;/dt&gt;
+
+       &lt;dd&gt;&lt;p&gt;Set the &lt;a href=3D#current-drag-operation&g=
t;current drag operation&lt;/a&gt; to &quot;&lt;code title=3D&quot;&quot;=
&gt;copy&lt;/code&gt;&quot;.&lt;/p&gt;
+
+
+       &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+       &lt;dd&gt;&lt;p&gt;Reset the &lt;a href=3D#current-drag-operation=
&gt;current drag operation&lt;/a&gt; to &quot;&lt;code title=3D&quot;&quo=
t;&gt;none&lt;/code&gt;&quot;.&lt;/dd&gt;
+
+      &lt;/dl&gt;&lt;p&gt;Otherwise (if the &lt;code title=3Devent-drago=
ver&gt;&lt;a href=3D#event-dragover&gt;dragover&lt;/a&gt;&lt;/code&gt; ev=
ent &lt;em&gt;is&lt;/em&gt; canceled),
+      set the &lt;a href=3D#current-drag-operation&gt;current drag opera=
tion&lt;/a&gt; based on the values of the &lt;code title=3Ddom-DataTransf=
er-effectAllowed&gt;&lt;a href=3D#dom-datatransfer-effectallowed&gt;effec=
tAllowed&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Ddom-DataTransfer-dro=
pEffect&gt;&lt;a href=3D#dom-datatransfer-dropeffect&gt;dropEffect&lt;/a&=
gt;&lt;/code&gt; attributes of the &lt;code&gt;&lt;a href=3D#dragevent&gt=
;DragEvent&lt;/a&gt;&lt;/code&gt;
+      object's &lt;code title=3Ddom-DragEvent-dataTransfer&gt;&lt;a href=
=3D#dom-dragevent-datatransfer&gt;dataTransfer&lt;/a&gt;&lt;/code&gt; obj=
ect as they stood
+      after the event &lt;a href=3D#concept-event-dispatch title=3Dconce=
pt-event-dispatch&gt;dispatch&lt;/a&gt; finished, as per the
+      following table:&lt;/p&gt;
+
+      &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;code title=3Ddom=
-DataTransfer-effectAllowed&gt;&lt;a href=3D#dom-datatransfer-effectallow=
ed&gt;effectAllowed&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+         &lt;th&gt;&lt;code title=3Ddom-DataTransfer-dropEffect&gt;&lt;a=
 href=3D#dom-datatransfer-dropeffect&gt;dropEffect&lt;/a&gt;&lt;/code&gt;=
&lt;/th&gt;
+         &lt;th&gt;Drag operation&lt;/th&gt;
+        &lt;/thead&gt;&lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3D&quot;&=
quot;&gt;uninitialized&lt;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&=
quot;&gt;copy&lt;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;=
copyLink&lt;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;copyM=
ove&lt;/code&gt;&quot;, or &quot;&lt;code title=3D&quot;&quot;&gt;all&lt;=
/code&gt;&quot;&lt;/td&gt;
+        &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;copy&lt;/code&g=
t;&quot;&lt;/td&gt;
+        &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;copy&lt;/code&g=
t;&quot;&lt;/td&gt;
+       &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;uninit=
ialized&lt;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;link&l=
t;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;copyLink&lt;/co=
de&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;linkMove&lt;/code&gt=
;&quot;, or &quot;&lt;code title=3D&quot;&quot;&gt;all&lt;/code&gt;&quot;=
&lt;/td&gt;
+        &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;link&lt;/code&g=
t;&quot;&lt;/td&gt;
+        &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;link&lt;/code&g=
t;&quot;&lt;/td&gt;
+       &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;uninit=
ialized&lt;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;move&l=
t;/code&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;copyMove&lt;/co=
de&gt;&quot;, &quot;&lt;code title=3D&quot;&quot;&gt;linkMove&lt;/code&gt=
;&quot;, or &quot;&lt;code title=3D&quot;&quot;&gt;all&lt;/code&gt;&quot;=
&lt;/td&gt;
+        &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;move&lt;/code&g=
t;&quot;&lt;/td&gt;
+        &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;move&lt;/code&g=
t;&quot;&lt;/td&gt;
+       &lt;tr&gt;&lt;td colspan=3D2&gt;Any other case&lt;/td&gt;
+        &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;none&lt;/code&g=
t;&quot;&lt;/td&gt;
+       &lt;/table&gt;&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Otherwise, if the &lt;a href=3D#current-target-element&gt=
;current target element&lt;/a&gt; is not a DOM element, use
+      platform-specific mechanisms to determine what drag operation is b=
eing performed (none, copy,
+      link, or move), and set the &lt;i&gt;&lt;a href=3D#current-drag-op=
eration&gt;current drag operation&lt;/a&gt;&lt;/i&gt; accordingly.&lt;/p&=
gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Update the drag feedback (e.g. the mouse cursor) to match=
 the &lt;a href=3D#current-drag-operation&gt;current drag
+      operation&lt;/a&gt;, as follows:&lt;/p&gt;
+
+      &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Drag operation&lt;/t=
h&gt;
+         &lt;th&gt;Feedback&lt;/th&gt;
+        &lt;/thead&gt;&lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3D&quot;&=
quot;&gt;copy&lt;/code&gt;&quot;&lt;/td&gt;
+        &lt;td&gt;Data will be copied if dropped here.&lt;/td&gt;
+       &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;link&l=
t;/code&gt;&quot;&lt;/td&gt;
+        &lt;td&gt;Data will be linked if dropped here.&lt;/td&gt;
+       &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;move&l=
t;/code&gt;&quot;&lt;/td&gt;
+        &lt;td&gt;Data will be moved if dropped here.&lt;/td&gt;
+       &lt;tr&gt;&lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;none&l=
t;/code&gt;&quot;&lt;/td&gt;
+        &lt;td&gt;No operation allowed, dropping here will cancel the dr=
ag-and-drop operation.&lt;/td&gt;
+       &lt;/table&gt;&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Otherwise, if the user ended the drag-and-drop operation (e=
.g. by releasing the mouse button
+    in a mouse-driven drag-and-drop interface), or if the &lt;code title=
=3Devent-drag&gt;&lt;a href=3D#event-drag&gt;drag&lt;/a&gt;&lt;/code&gt; =
event
+    was canceled, then this will be the last iteration. Run the followin=
g steps, then stop the
+    drag-and-drop operation:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;If the &lt;a href=3D#current-drag-operation&gt;current dr=
ag operation&lt;/a&gt; is &quot;&lt;code title=3D&quot;&quot;&gt;none&lt;=
/code&gt;&quot; (no drag
+      operation), or, if the user ended the drag-and-drop operation by c=
anceling it (e.g. by hitting
+      the &lt;kbd&gt;Escape&lt;/kbd&gt; key), or if the &lt;a href=3D#cu=
rrent-target-element&gt;current target element&lt;/a&gt; is null, then th=
e
+      drag operation failed. Run these substeps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;d=
ropped&lt;/var&gt; be false.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#current-target-element&gt=
;current target element&lt;/a&gt; is a DOM element, &lt;a href=3D#fire-a-=
dnd-event&gt;fire a DND
+       event&lt;/a&gt; named &lt;code title=3Devent-dragleave&gt;&lt;a h=
ref=3D#event-dragleave&gt;dragleave&lt;/a&gt;&lt;/code&gt; at it; otherwi=
se, if it is
+       not null, use platform-specific conventions for drag cancellation=
.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Set the &lt;a href=3D#current-drag-operation&g=
t;current drag operation&lt;/a&gt; to &quot;&lt;code title=3D&quot;&quot;=
&gt;none&lt;/code&gt;&quot;.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;p&gt;Otherwise, the drag operation might be a succe=
ss; run these substeps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;d=
ropped&lt;/var&gt; be true.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#current-target-element&gt=
;current target element&lt;/a&gt; is a DOM element, &lt;a href=3D#fire-a-=
dnd-event&gt;fire a DND
+       event&lt;/a&gt; named &lt;code title=3Devent-drop&gt;&lt;a href=3D=
#event-drop&gt;drop&lt;/a&gt;&lt;/code&gt; at it; otherwise, use
+       platform-specific conventions for indicating a drop.&lt;/li&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;If the event is canceled, set the &lt;a href=3D#current=
-drag-operation&gt;current drag operation&lt;/a&gt; to the value of the
+        &lt;code title=3Ddom-DataTransfer-dropEffect&gt;&lt;a href=3D#do=
m-datatransfer-dropeffect&gt;dropEffect&lt;/a&gt;&lt;/code&gt; attribute =
of the
+        &lt;code&gt;&lt;a href=3D#dragevent&gt;DragEvent&lt;/a&gt;&lt;/c=
ode&gt; object's &lt;code title=3Ddom-DragEvent-dataTransfer&gt;&lt;a hre=
f=3D#dom-dragevent-datatransfer&gt;dataTransfer&lt;/a&gt;&lt;/code&gt;
+        object as it stood after the event &lt;a href=3D#concept-event-d=
ispatch title=3Dconcept-event-dispatch&gt;dispatch&lt;/a&gt;
+        finished.&lt;/p&gt;
+
+        &lt;p&gt;Otherwise, the event is not canceled; perform the event=
's default action, which depends
+        on the exact target as follows:&lt;/p&gt;
+
+        &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the &lt;a href=3D#current-=
target-element&gt;current target element&lt;/a&gt; is a text field (e.g. =
&lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&gt;&lt;/=
code&gt;,
+         or an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/=
a&gt;&lt;/code&gt; element whose &lt;code title=3Dattr-input-type&gt;&lt;=
a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute
+         is in the &lt;a href=3D&quot;#text-(type=3Dtext)-state-and-sear=
ch-state-(type=3Dsearch)&quot; title=3Dattr-input-type-text&gt;Text&lt;/a=
&gt; state) or an &lt;a href=3D#editing-host&gt;editing
+         host&lt;/a&gt; or &lt;a href=3D#editable&gt;editable&lt;/a&gt; =
element, and the &lt;a href=3D#drag-data-store-item-list&gt;drag data sto=
re item
+         list&lt;/a&gt; has an item with &lt;a href=3D#the-drag-data-ite=
m-type-string&gt;the drag data item type string&lt;/a&gt;
+         &quot;&lt;code&gt;text/plain&lt;/code&gt;&quot; and &lt;a href=3D=
#the-drag-data-item-kind&gt;the drag data item kind&lt;/a&gt; &lt;i&gt;Pl=
ain Unicode
+         string&lt;/i&gt;&lt;/dt&gt;
+
+         &lt;dd&gt;&lt;p&gt;Insert the actual data of the first item in =
the &lt;a href=3D#drag-data-store-item-list&gt;drag data store item
+         list&lt;/a&gt; to have &lt;a href=3D#the-drag-data-item-type-st=
ring title=3D&quot;the drag data item type string&quot;&gt;a drag data it=
em type
+         string&lt;/a&gt; of &quot;&lt;code&gt;text/plain&lt;/code&gt;&q=
uot; and &lt;a href=3D#the-drag-data-item-kind title=3D&quot;the drag dat=
a item kind&quot;&gt;a drag
+         data item kind&lt;/a&gt; that is &lt;i&gt;Plain Unicode string&=
lt;/i&gt; into the text field or
+         &lt;a href=3D#editing-host&gt;editing host&lt;/a&gt; or &lt;a h=
ref=3D#editable&gt;editable&lt;/a&gt; element in a manner consistent with
+         platform-specific conventions (e.g. inserting it at the current=
 mouse cursor position, or
+         inserting it at the end of the field).&lt;/dd&gt;
+
+         &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+         &lt;dd&gt;&lt;p&gt;Reset the &lt;a href=3D#current-drag-operati=
on&gt;current drag operation&lt;/a&gt; to &quot;&lt;code title=3D&quot;&q=
uot;&gt;none&lt;/code&gt;&quot;.&lt;/dd&gt;
+
+        &lt;/dl&gt;&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;&lt;a href=3D#fire-a-dnd-event&gt;Fire a DND event&lt;/a&=
gt; named &lt;code title=3Devent-dragend&gt;&lt;a href=3D#event-dragend&g=
t;dragend&lt;/a&gt;&lt;/code&gt; at the
+      &lt;a href=3D#source-node&gt;source node&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Run the appropriate steps from the following list as the =
default action of the &lt;code title=3Devent-dragend&gt;&lt;a href=3D#eve=
nt-dragend&gt;dragend&lt;/a&gt;&lt;/code&gt; event:&lt;/p&gt;
+
+      &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quot;=
&gt;dropped&lt;/var&gt; is true, the &lt;a href=3D#current-target-element=
&gt;current target element&lt;/a&gt; is a
+       &lt;i&gt;text field&lt;/i&gt; (see below), the &lt;a href=3D#curr=
ent-drag-operation&gt;current drag operation&lt;/a&gt; is &quot;&lt;code =
title=3D&quot;&quot;&gt;move&lt;/code&gt;&quot;, and the source of the dr=
ag-and-drop operation is a selection in the
+       DOM that is entirely contained within an &lt;a href=3D#editing-ho=
st&gt;editing host&lt;/a&gt;&lt;/dt&gt;
+
+       &lt;dd&gt;&lt;p&gt;&lt;a href=3D#delete-the-selection&gt;Delete t=
he selection&lt;/a&gt;.&lt;/dd&gt;
+
+       &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;dropped&lt;/var&gt; =
is true, the &lt;a href=3D#current-target-element&gt;current target eleme=
nt&lt;/a&gt; is a
+       &lt;i&gt;text field&lt;/i&gt; (see below), the &lt;a href=3D#curr=
ent-drag-operation&gt;current drag operation&lt;/a&gt; is &quot;&lt;code =
title=3D&quot;&quot;&gt;move&lt;/code&gt;&quot;, and the source of the dr=
ag-and-drop operation is a selection in a text
+       field&lt;/dt&gt;
+
+       &lt;dd&gt;&lt;p&gt;The user agent should delete the dragged selec=
tion from the relevant text
+       field.&lt;/dd&gt;
+
+       &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;dropped&lt;/var&gt; =
is false or if the &lt;a href=3D#current-drag-operation&gt;current drag o=
peration&lt;/a&gt; is
+       &quot;&lt;code title=3D&quot;&quot;&gt;none&lt;/code&gt;&quot;&lt=
;/dt&gt;
+
+       &lt;dd&gt;&lt;p&gt;The drag was canceled. If the platform convent=
ions dictate that this be represented to
+       the user (e.g. by animating the dragged selection going back to t=
he source of the
+       drag-and-drop operation), then do so.&lt;/dd&gt;
+
+       &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+       &lt;dd&gt;&lt;p&gt;The event has no default action.&lt;/dd&gt;
+
+      &lt;/dl&gt;&lt;p&gt;For the purposes of this step, a &lt;i&gt;text=
 field&lt;/i&gt; is a &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;t=
extarea&lt;/a&gt;&lt;/code&gt; element or an
+      &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;=
/code&gt; element whose &lt;code title=3Dattr-input-type&gt;&lt;a href=3D=
#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in one
+      of the
+      &lt;a href=3D&quot;#text-(type=3Dtext)-state-and-search-state-(typ=
e=3Dsearch)&quot; title=3Dattr-input-type-text&gt;Text&lt;/a&gt;,
+      &lt;a href=3D&quot;#text-(type=3Dtext)-state-and-search-state-(typ=
e=3Dsearch)&quot; title=3Dattr-input-type-search&gt;Search&lt;/a&gt;,
+      &lt;a href=3D&quot;#telephone-state-(type=3Dtel)&quot; title=3Datt=
r-input-type-tel&gt;Tel&lt;/a&gt;,
+      &lt;a href=3D&quot;#url-state-(type=3Durl)&quot; title=3Dattr-inpu=
t-type-url&gt;URL&lt;/a&gt;,
+      &lt;a href=3D&quot;#e-mail-state-(type=3Demail)&quot; title=3Dattr=
-input-type-email&gt;E-mail&lt;/a&gt;,
+      &lt;a href=3D&quot;#password-state-(type=3Dpassword)&quot; title=3D=
attr-input-type-password&gt;Password&lt;/a&gt;, or
+      &lt;a href=3D&quot;#number-state-(type=3Dnumber)&quot; title=3Datt=
r-input-type-number&gt;Number&lt;/a&gt;
+      states.&lt;/p&gt;
+
+
+     &lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;User agents are encouraged to conside=
r how to react to drags near the edge of
+  scrollable regions. For example, if a user drags a link to the bottom =
of the viewport on a long
+  page, it might make sense to scroll the page so that the user can drop=
 the link lower on the
+  page.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This model is independent of which &lt;code&gt;&=
lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; object the nodes=
 involved
+  are from; the events are fired as described above and the rest of the =
processing model runs as
+  described above, irrespective of how many documents are involved in th=
e operation.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Ddndevents&gt;&lt;span class=3Dsecno&gt;8.7.6 &lt;/span&gt;=
Events summary&lt;/h4&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;The following events are involved in the drag-and-drop
+  model.&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt; Event Name &lt;/th&gt;
+     &lt;th&gt; Target &lt;/th&gt;
+     &lt;!-- &lt;th&gt; Bubbles? &lt;/th&gt; --&gt;
+     &lt;th&gt; Cancelable? &lt;/th&gt;
+     &lt;th&gt; &lt;a href=3D#drag-data-store-mode&gt;Drag data store mo=
de&lt;/a&gt; &lt;/th&gt;
+     &lt;!-- &lt;th&gt; &lt;code title=3D&quot;dom-DataTransfer-effectAl=
lowed&quot;&gt;effectAllowed&lt;/code&gt; &lt;/th&gt; --&gt;
+     &lt;th&gt; &lt;code title=3Ddom-DataTransfer-dropEffect&gt;&lt;a hr=
ef=3D#dom-datatransfer-dropeffect&gt;dropEffect&lt;/a&gt;&lt;/code&gt; &l=
t;/th&gt;
+     &lt;th&gt; Default Action &lt;/th&gt;
+    &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;dfn id=3Devent-dragstart title=3D=
event-dragstart&gt;&lt;code&gt;dragstart&lt;/code&gt;&lt;/dfn&gt;&lt;/td&=
gt;
+     &lt;td&gt;&lt;a href=3D#source-node&gt;Source node&lt;/a&gt;&lt;/td=
&gt;
+     &lt;!-- &lt;td&gt;&amp;#x2713; Bubbles&lt;/td&gt; --&gt;
+     &lt;td&gt;&amp;check; Cancelable&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#concept-dnd-rw title=3Dconcept-dnd-rw&gt;Re=
ad/write mode&lt;/a&gt;
+     &lt;!-- &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;uninitiali=
zed&lt;/code&gt;&quot;&lt;/td&gt; --&gt;
+     &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;none&lt;/code&gt;&=
quot;&lt;/td&gt;
+     &lt;td&gt;Initiate the drag-and-drop operation&lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Devent-drag title=3Devent-drag&gt;&l=
t;code&gt;drag&lt;/code&gt;&lt;/dfn&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#source-node&gt;Source node&lt;/a&gt;&lt;/td=
&gt;
+     &lt;!-- &lt;td&gt;&amp;#x2713; Bubbles&lt;/td&gt; --&gt;
+     &lt;td&gt;&amp;check; Cancelable&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#concept-dnd-p title=3Dconcept-dnd-p&gt;Prot=
ected mode&lt;/a&gt;
+     &lt;!-- &lt;td&gt;Same as last event&lt;/td&gt; --&gt;
+     &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;none&lt;/code&gt;&=
quot;&lt;/td&gt;
+     &lt;td&gt;Continue the drag-and-drop operation&lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Devent-dragenter title=3Devent-drage=
nter&gt;&lt;code&gt;dragenter&lt;/code&gt;&lt;/dfn&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#immediate-user-selection&gt;Immediate user =
selection&lt;/a&gt; or &lt;a href=3D#the-body-element-0&gt;the body eleme=
nt&lt;/a&gt;&lt;/td&gt;
+     &lt;!-- &lt;td&gt;&amp;#x2713; Bubbles&lt;/td&gt; --&gt;
+     &lt;td&gt;&amp;check; Cancelable&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#concept-dnd-p title=3Dconcept-dnd-p&gt;Prot=
ected mode&lt;/a&gt;
+     &lt;!-- &lt;td&gt;Same as last event&lt;/td&gt; --&gt;
+     &lt;td&gt;&lt;a href=3D#dropEffect-initialization&gt;Based on &lt;c=
ode&gt;effectAllowed&lt;/code&gt; value&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;Reject &lt;a href=3D#immediate-user-selection&gt;immediat=
e user selection&lt;/a&gt; as potential &lt;a href=3D#current-target-elem=
ent title=3D&quot;current target element&quot;&gt;target element&lt;/a&gt=
;&lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Devent-dragexit title=3Devent-dragex=
it&gt;&lt;code&gt;dragexit&lt;/code&gt;&lt;/dfn&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#current-target-element title=3D&quot;curren=
t target element&quot;&gt;Previous target element&lt;/a&gt;&lt;/td&gt;
+     &lt;!-- &lt;td&gt;&amp;#x2713; Bubbles&lt;/td&gt; --&gt;
+     &lt;td&gt;&amp;mdash;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#concept-dnd-p title=3Dconcept-dnd-p&gt;Prot=
ected mode&lt;/a&gt;
+     &lt;!-- &lt;td&gt;Same as last event&lt;/td&gt; --&gt;
+     &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;none&lt;/code&gt;&=
quot;&lt;/td&gt;
+     &lt;td&gt;None&lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Devent-dragleave title=3Devent-dragl=
eave&gt;&lt;code&gt;dragleave&lt;/code&gt;&lt;/dfn&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#current-target-element title=3D&quot;curren=
t target element&quot;&gt;Previous target element&lt;/a&gt;&lt;/td&gt;
+     &lt;!-- &lt;td&gt;&amp;#x2713; Bubbles&lt;/td&gt; --&gt;
+     &lt;td&gt;&amp;mdash;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#concept-dnd-p title=3Dconcept-dnd-p&gt;Prot=
ected mode&lt;/a&gt;
+     &lt;!-- &lt;td&gt;Same as last event&lt;/td&gt; --&gt;
+     &lt;td&gt;&quot;&lt;code title=3D&quot;&quot;&gt;none&lt;/code&gt;&=
quot;&lt;/td&gt;
+     &lt;td&gt;None&lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Devent-dragover title=3Devent-dragov=
er&gt;&lt;code&gt;dragover&lt;/code&gt;&lt;/dfn&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#current-target-element&gt;Current target el=
ement&lt;/a&gt;&lt;/td&gt;
+     &lt;!-- &lt;td&gt;&amp;#x2713; Bubbles&lt;/td&gt; --&gt;
+     &lt;td&gt;&amp;check; Cancelable&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#concept-dnd-p title=3Dconcept-dnd-p&gt;Prot=
ected mode&lt;/a&gt;
+     &lt;!-- &lt;td&gt;Same as last event&lt;/td&gt; --&gt;
+     &lt;td&gt;&lt;a href=3D#dropEffect-initialization&gt;Based on &lt;c=
ode&gt;effectAllowed&lt;/code&gt; value&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;Reset the &lt;a href=3D#current-drag-operation&gt;current=
 drag operation&lt;/a&gt; to &quot;none&quot;&lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Devent-drop title=3Devent-drop&gt;&l=
t;code&gt;drop&lt;/code&gt;&lt;/dfn&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#current-target-element&gt;Current target el=
ement&lt;/a&gt;&lt;/td&gt;
+     &lt;!-- &lt;td&gt;&amp;#x2713; Bubbles&lt;/td&gt; --&gt;
+     &lt;td&gt;&amp;check; Cancelable&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#concept-dnd-ro title=3Dconcept-dnd-ro&gt;Re=
ad-only mode&lt;/a&gt;
+     &lt;!-- &lt;td&gt;Same as last event&lt;/td&gt; --&gt;
+     &lt;td&gt;&lt;a href=3D#current-drag-operation&gt;Current drag oper=
ation&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;Varies&lt;/td&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Devent-dragend title=3Devent-dragend=
&gt;&lt;code&gt;dragend&lt;/code&gt;&lt;/dfn&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#source-node&gt;Source node&lt;/a&gt;&lt;/td=
&gt;
+     &lt;!-- &lt;td&gt;&amp;#x2713; Bubbles&lt;/td&gt; --&gt;
+     &lt;td&gt;&amp;mdash;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#concept-dnd-p title=3Dconcept-dnd-p&gt;Prot=
ected mode&lt;/a&gt;
+     &lt;!-- &lt;td&gt;Same as last event&lt;/td&gt; --&gt;
+     &lt;td&gt;&lt;a href=3D#current-drag-operation&gt;Current drag oper=
ation&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;Varies&lt;/td&gt;
+    &lt;/table&gt;&lt;p&gt;Not shown in the above table: all these event=
s bubble, and the &lt;code title=3Ddom-DataTransfer-effectAllowed&gt;&lt;=
a href=3D#dom-datatransfer-effectallowed&gt;effectAllowed&lt;/a&gt;&lt;/c=
ode&gt; attribute always has the value it had
+  after the &lt;code title=3Devent-dragstart&gt;&lt;a href=3D#event-drag=
start&gt;dragstart&lt;/a&gt;&lt;/code&gt; event, defaulting to &quot;&lt;=
code title=3D&quot;&quot;&gt;uninitialized&lt;/code&gt;&quot; in the &lt;=
code title=3Devent-dragstart&gt;&lt;a href=3D#event-dragstart&gt;dragstar=
t&lt;/a&gt;&lt;/code&gt; event.&lt;/p&gt;
+
+
+
+  &lt;h4 id=3Dthe-draggable-attribute&gt;&lt;span class=3Dsecno&gt;8.7.7=
 &lt;/span&gt;The &lt;dfn title=3Dattr-draggable&gt;&lt;code&gt;draggable=
&lt;/code&gt;&lt;/dfn&gt; attribute&lt;/h4&gt;
+
+  &lt;p&gt;All &lt;a href=3D#html-elements&gt;HTML elements&lt;/a&gt; ma=
y have the &lt;code title=3Dattr-draggable&gt;&lt;a href=3D#the-draggable=
-attribute&gt;draggable&lt;/a&gt;&lt;/code&gt;
+  content attribute set. The &lt;code title=3Dattr-draggable&gt;&lt;a hr=
ef=3D#the-draggable-attribute&gt;draggable&lt;/a&gt;&lt;/code&gt; attribu=
te is an
+  &lt;a href=3D#enumerated-attribute&gt;enumerated attribute&lt;/a&gt;. =
It has three states. The first state is &lt;i&gt;true&lt;/i&gt; and it ha=
s
+  the keyword &lt;code title=3D&quot;&quot;&gt;true&lt;/code&gt;. The se=
cond state is &lt;i&gt;false&lt;/i&gt; and it has the keyword
+  &lt;code title=3D&quot;&quot;&gt;false&lt;/code&gt;. The third state i=
s &lt;i&gt;auto&lt;/i&gt;; it has no keywords but it is the
+  &lt;i&gt;missing value default&lt;/i&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;i&gt;true&lt;/i&gt; state means the element is dragga=
ble; the &lt;i&gt;false&lt;/i&gt; state means that it is
+  not. The &lt;i&gt;auto&lt;/i&gt; state uses the default behavior of th=
e user agent.&lt;/p&gt;
+
+  &lt;p&gt;An element with a &lt;code title=3Dattr-draggable&gt;&lt;a hr=
ef=3D#the-draggable-attribute&gt;draggable&lt;/a&gt;&lt;/code&gt; attribu=
te should also have a
+  &lt;code title=3Dattr-title&gt;&lt;a href=3D#attr-title&gt;title&lt;/a=
&gt;&lt;/code&gt; attribute that names the element for the purpose of
+  non-visual interactions. &lt;!-- &quot;should&quot;, not &quot;must&qu=
ot;, only because this is a relatively new
+  attribute and its design implications are not entirely obvious yet. Fo=
r example, what happens if
+  you use an element with text as a drag source? Is that sufficiently cl=
ear for ATs? Indeed,
+  shouldn't the element generally be distinguishable anyway for it to be=
 useful to drag? See also
+  the dropzone attribute. --&gt;&lt;/p&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;e=
lement&lt;/var&gt; . &lt;code title=3Ddom-draggable&gt;&lt;a href=3D#dom-=
draggable&gt;draggable&lt;/a&gt;&lt;/code&gt; [ =3D &lt;var title=3D&quot=
;&quot;&gt;value&lt;/var&gt; ]&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the element is draggable; otherwise, return=
s false.&lt;/p&gt;
+
+    &lt;p&gt;Can be set, to override the default and set the &lt;code ti=
tle=3Dattr-draggable&gt;&lt;a href=3D#the-draggable-attribute&gt;draggabl=
e&lt;/a&gt;&lt;/code&gt;
+    content attribute.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-draggable title=3Ddom-draggable&gt;&lt;c=
ode&gt;draggable&lt;/code&gt;&lt;/dfn&gt; IDL attribute, whose value depe=
nds
+  on the content attribute's in the way described below, controls whethe=
r or not the element is
+  draggable. Generally, only text selections are draggable, but elements=
 whose &lt;code title=3Ddom-draggable&gt;&lt;a href=3D#dom-draggable&gt;d=
raggable&lt;/a&gt;&lt;/code&gt; IDL attribute is true become draggable as=
 well.&lt;/p&gt;
+
+  &lt;p&gt;If an element's &lt;code title=3Dattr-draggable&gt;&lt;a href=
=3D#the-draggable-attribute&gt;draggable&lt;/a&gt;&lt;/code&gt; content a=
ttribute has the state
+  &lt;i&gt;true&lt;/i&gt;, the &lt;code title=3Ddom-draggable&gt;&lt;a h=
ref=3D#dom-draggable&gt;draggable&lt;/a&gt;&lt;/code&gt; IDL attribute mu=
st return true.&lt;/p&gt;
+
+  &lt;p&gt;Otherwise, if the element's &lt;code title=3Dattr-draggable&g=
t;&lt;a href=3D#the-draggable-attribute&gt;draggable&lt;/a&gt;&lt;/code&g=
t; content attribute has
+  the state &lt;i&gt;false&lt;/i&gt;, the &lt;code title=3Ddom-draggable=
&gt;&lt;a href=3D#dom-draggable&gt;draggable&lt;/a&gt;&lt;/code&gt; IDL a=
ttribute must return
+  false.&lt;/p&gt;
+
+  &lt;p&gt;Otherwise, the element's &lt;code title=3Dattr-draggable&gt;&=
lt;a href=3D#the-draggable-attribute&gt;draggable&lt;/a&gt;&lt;/code&gt; =
content attribute has
+  the state &lt;i&gt;auto&lt;/i&gt;. If the element is an &lt;code&gt;&l=
t;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt; element, an &lt=
;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&lt;/code&gt=
;
+  element that &lt;a href=3D#represents&gt;represents&lt;/a&gt; an image=
, or an &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&g=
t; element with an &lt;code title=3Dattr-hyperlink-href&gt;&lt;a href=3D#=
attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&gt; content attribute, the=
 &lt;code title=3Ddom-draggable&gt;&lt;a href=3D#dom-draggable&gt;draggab=
le&lt;/a&gt;&lt;/code&gt; IDL attribute must return true; otherwise, the =
&lt;code title=3Ddom-draggable&gt;&lt;a href=3D#dom-draggable&gt;draggabl=
e&lt;/a&gt;&lt;/code&gt; IDL attribute must return false.&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;code title=3Ddom-draggable&gt;&lt;a href=3D#dom-dr=
aggable&gt;draggable&lt;/a&gt;&lt;/code&gt; IDL attribute is set to the v=
alue false,
+  the &lt;code title=3Dattr-draggable&gt;&lt;a href=3D#the-draggable-att=
ribute&gt;draggable&lt;/a&gt;&lt;/code&gt; content attribute must be set =
to the literal
+  value &lt;code title=3D&quot;&quot;&gt;false&lt;/code&gt;. If the &lt;=
code title=3Ddom-draggable&gt;&lt;a href=3D#dom-draggable&gt;draggable&lt=
;/a&gt;&lt;/code&gt; IDL
+  attribute is set to the value true, the &lt;code title=3Dattr-draggabl=
e&gt;&lt;a href=3D#the-draggable-attribute&gt;draggable&lt;/a&gt;&lt;/cod=
e&gt; content
+  attribute must be set to the literal value &lt;code title=3D&quot;&quo=
t;&gt;true&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dthe-dropzone-attribute&gt;&lt;span class=3Dsecno&gt;8.7.8 =
&lt;/span&gt;The &lt;dfn title=3Dattr-dropzone&gt;&lt;code&gt;dropzone&lt=
;/code&gt;&lt;/dfn&gt; attribute&lt;/h4&gt;
+
+  &lt;p&gt;All &lt;a href=3D#html-elements&gt;HTML elements&lt;/a&gt; ma=
y have the &lt;code title=3Dattr-dropzone&gt;&lt;a href=3D#the-dropzone-a=
ttribute&gt;dropzone&lt;/a&gt;&lt;/code&gt; content
+  attribute set. When specified, its value must be an &lt;a href=3D#unor=
dered-set-of-unique-space-separated-tokens&gt;unordered set of unique spa=
ce-separated
+  tokens&lt;/a&gt; that are &lt;a href=3D#ascii-case-insensitive&gt;ASCI=
I case-insensitive&lt;/a&gt;. The allowed values are the
+  following:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dattr-dropzone-copy title=3Dattr-dropz=
one-copy&gt;&lt;code&gt;copy&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;Indicates that dropping an accepted item on the el=
ement will result in a copy of the
+   dragged data.&lt;/p&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-dropzone-move title=3Dattr-dropzone-move&=
gt;&lt;code&gt;move&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;Indicates that dropping an accepted item on the el=
ement will result in the dragged data
+   being moved to the new location.&lt;/p&gt;
+
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-dropzone-link title=3Dattr-dropzone-link&=
gt;&lt;code&gt;link&lt;/code&gt;&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;Indicates that dropping an accepted item on the el=
ement will result in a link to the
+   original data.&lt;/p&gt;
+
+
+   &lt;dt&gt;Any keyword with eight characters or more, beginning with t=
he an &lt;a href=3D#ascii-case-insensitive&gt;ASCII
+   case-insensitive&lt;/a&gt; match for the string &quot;&lt;code title=3D=
&quot;&quot;&gt;string:&lt;/code&gt;&quot;&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;Indicates that items with &lt;a href=3D#the-drag-d=
ata-item-kind&gt;the drag data item kind&lt;/a&gt; &lt;i&gt;Plain Unicode=
 string&lt;/i&gt;
+   and &lt;a href=3D#the-drag-data-item-type-string&gt;the drag data ite=
m type string&lt;/a&gt; set to a value that matches the remainder of the
+   keyword are accepted.&lt;/dd&gt;
+
+&lt;!--DND-v3:
+   &lt;dt&gt;Any keyword with six characters or more, beginning with an =
&lt;span&gt;ASCII
+   case-insensitive&lt;/span&gt; match for the string &quot;&lt;code tit=
le=3D&quot;&quot;&gt;blob:&lt;/code&gt;&quot;&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;Indicates that items with &lt;span&gt;the drag dat=
a item kind&lt;/span&gt; &lt;i&gt;Blob&lt;/i&gt;, &lt;i&gt;File&lt;/i&gt;=
,
+   or &lt;i&gt;Plain Unicode string&lt;/i&gt; and &lt;span&gt;the drag d=
ata item type string&lt;/span&gt; set to a value
+   that matches the remainder of the keyword are accepted.&lt;/p&gt;&lt;=
/dd&gt;
+--&gt;
+
+   &lt;dt&gt;Any keyword with six characters or more, beginning with an =
&lt;a href=3D#ascii-case-insensitive&gt;ASCII
+   case-insensitive&lt;/a&gt; match for the string &quot;&lt;code title=3D=
&quot;&quot;&gt;file:&lt;/code&gt;&quot;&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;Indicates that items with &lt;a href=3D#the-drag-d=
ata-item-kind&gt;the drag data item kind&lt;/a&gt; &lt;i&gt;&lt;a href=3D=
#file&gt;File&lt;/a&gt;&lt;/i&gt; and &lt;a href=3D#the-drag-data-item-ty=
pe-string&gt;the
+   drag data item type string&lt;/a&gt; set to a value that matches the =
remainder of the keyword are
+   accepted.&lt;/dd&gt;
+
+&lt;!--DND-v4:
+   &lt;dt&gt;Any keyword with eight characters or more, beginning with a=
n &lt;span&gt;ASCII
+   case-insensitive&lt;/span&gt; match for the string &quot;&lt;code tit=
le=3D&quot;&quot;&gt;object:&lt;/code&gt;&quot;&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;Indicates that items with &lt;span&gt;the drag dat=
a item type string&lt;/span&gt; set to a value that
+   matches the remainder of the keyword are accepted.&lt;/p&gt;&lt;/dd&g=
t;
+--&gt;
+
+  &lt;/dl&gt;&lt;p&gt;The &lt;code title=3Dattr-dropzone&gt;&lt;a href=3D=
#the-dropzone-attribute&gt;dropzone&lt;/a&gt;&lt;/code&gt; content attrib=
ute's values must not have more
+  than one of the three feedback values (&lt;code title=3Dattr-dropzone-=
copy&gt;&lt;a href=3D#attr-dropzone-copy&gt;copy&lt;/a&gt;&lt;/code&gt;, =
&lt;code title=3Dattr-dropzone-move&gt;&lt;a href=3D#attr-dropzone-move&g=
t;move&lt;/a&gt;&lt;/code&gt;, and &lt;code title=3Dattr-dropzone-link&gt=
;&lt;a href=3D#attr-dropzone-link&gt;link&lt;/a&gt;&lt;/code&gt;)
+  specified. If none are specified, the &lt;code title=3Dattr-dropzone-c=
opy&gt;&lt;a href=3D#attr-dropzone-copy&gt;copy&lt;/a&gt;&lt;/code&gt; va=
lue is
+  implied.&lt;/p&gt;
+
+  &lt;p&gt;An element with a &lt;code title=3Dattr-dropzone&gt;&lt;a hre=
f=3D#the-dropzone-attribute&gt;dropzone&lt;/a&gt;&lt;/code&gt; attribute =
should also have a
+  &lt;code title=3Dattr-title&gt;&lt;a href=3D#attr-title&gt;title&lt;/a=
&gt;&lt;/code&gt; attribute that names the element for the purpose of
+  non-visual interactions. &lt;!-- &quot;should&quot;, not &quot;must&qu=
ot;, only because this is a relatively new
+  attribute and its design implications are not entirely obvious yet. Fo=
r example, what happens if
+  you use an element with text as a drop zone? Is that sufficiently clea=
r for ATs? See also the
+  draggable attribute. --&gt;&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;A &lt;code title=3Dattr-dropzone&gt;&lt;a href=3D#the-dropzon=
e-attribute&gt;dropzone&lt;/a&gt;&lt;/code&gt; attribute &lt;dfn id=3Dcon=
cept-dropzone-match title=3Dconcept-dropzone-match&gt;matches a drag data=
 store&lt;/dfn&gt; if the &lt;a href=3D#dropzone-processing-steps&gt;&lt;=
code title=3Dattr-dropzone&gt;dropzone&lt;/code&gt; processing steps&lt;/=
a&gt; result in a match.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code title=3Dattr-dropzone&gt;&lt;a href=3D#the-dropzon=
e-attribute&gt;dropzone&lt;/a&gt;&lt;/code&gt; attribute &lt;dfn id=3Dcon=
cept-dropzone-operation title=3Dconcept-dropzone-operation&gt;specifies a=
n operation&lt;/dfn&gt; if the &lt;a href=3D#dropzone-processing-steps&gt=
;&lt;code title=3Dattr-dropzone&gt;dropzone&lt;/code&gt; processing steps=
&lt;/a&gt; result in a specified operation. The
+  specified operation is as given by those steps.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddropzone-processing-steps&gt;&lt;code title=3D=
attr-dropzone&gt;dropzone&lt;/code&gt; processing steps&lt;/dfn&gt; are a=
s follows.
+  They either result in a match or not, and separate from this result ei=
ther in a specified
+  operation or not, as defined below.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;value=
&lt;/var&gt; be the value of the &lt;code title=3Dattr-dropzone&gt;&lt;a =
href=3D#the-dropzone-attribute&gt;dropzone&lt;/a&gt;&lt;/code&gt; attribu=
te.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;keywords&lt;/v=
ar&gt; be the result of &lt;a href=3D#split-a-string-on-spaces title=3D&q=
uot;split a string on
+   spaces&quot;&gt;splitting &lt;var title=3D&quot;&quot;&gt;value&lt;/v=
ar&gt; on spaces&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;matched&lt;/va=
r&gt; be false.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;operation&lt;/=
var&gt; be unspecified.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each value in &lt;var title=3D&quot;&quot;&gt;keywords&=
lt;/var&gt;, if any, in the order that they were found in
+    &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;, run the following=
 steps.&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;key=
word&lt;/var&gt; be the keyword.&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;keyword&lt;/var&gt; is=
 one of &quot;&lt;code title=3Dattr-dropzone-copy&gt;&lt;a href=3D#attr-d=
ropzone-copy&gt;copy&lt;/a&gt;&lt;/code&gt;&quot;,
+      &quot;&lt;code title=3Dattr-dropzone-move&gt;&lt;a href=3D#attr-dr=
opzone-move&gt;move&lt;/a&gt;&lt;/code&gt;&quot;, or &quot;&lt;code title=
=3Dattr-dropzone-link&gt;&lt;a href=3D#attr-dropzone-link&gt;link&lt;/a&g=
t;&lt;/code&gt;&quot;, then: run the following substeps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;op=
eration&lt;/var&gt; is still unspecified, then let &lt;var title=3D&quot;=
&quot;&gt;operation&lt;/var&gt; be the string given by &lt;var title=3D&q=
uot;&quot;&gt;keyword&lt;/var&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Skip to the step labeled &lt;i&gt;end of keywo=
rd&lt;/i&gt; below.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;keyword&lt;/v=
ar&gt; does not contain a U+003A COLON character (:), or if the
+     first such character in &lt;var title=3D&quot;&quot;&gt;keyword&lt;=
/var&gt; is either the first character or the last
+     character in the string, then skip to the step labeled &lt;i&gt;end=
 of keyword&lt;/i&gt; below.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;kind code&lt=
;/var&gt; be the substring of &lt;var title=3D&quot;&quot;&gt;keyword&lt;=
/var&gt; from
+     the first character in the string to the last character in the stri=
ng that is before the first
+     U+003A COLON character (:) in the string, &lt;a href=3D#converted-t=
o-ascii-lowercase&gt;converted to ASCII lowercase&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Jump to the appropriate step from the list below, based o=
n the value of &lt;var title=3D&quot;&quot;&gt;kind
+      code&lt;/var&gt;:&lt;/p&gt;
+
+      &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quot;=
&gt;kind code&lt;/var&gt; is the string &quot;&lt;code title=3D&quot;&quo=
t;&gt;string&lt;/code&gt;&quot;&lt;/dt&gt;
+       &lt;dd&gt;
+
+        &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;kind&lt;!--DND-v3:/=
DND-v4: s--&gt;&lt;/var&gt; be &lt;i&gt;Plain Unicode string&lt;/i&gt;.&l=
t;/p&gt;
+
+       &lt;/dd&gt;
+
+&lt;!--DND-v3:
+       &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;kind code&lt;/var&gt=
; is the string &quot;&lt;code title=3D&quot;&quot;&gt;blob&lt;/code&gt;&=
quot;&lt;/dt&gt;
+       &lt;dd&gt;
+
+        &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;kinds&lt;/var&gt; b=
e &lt;i&gt;Plain Unicode string&lt;/i&gt;, &lt;i&gt;Blob&lt;/i&gt;, and
+        &lt;i&gt;File&lt;/i&gt;.&lt;/p&gt;
+
+       &lt;/dd&gt;
+--&gt;
+
+       &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;kind code&lt;/var&gt=
; is the string &quot;&lt;code title=3D&quot;&quot;&gt;file&lt;/code&gt;&=
quot;&lt;/dt&gt;
+       &lt;dd&gt;
+
+        &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;kind&lt;!--DND-v3:/=
DND-v4: s--&gt;&lt;/var&gt; be &lt;i&gt;&lt;a href=3D#file&gt;File&lt;/a&=
gt;&lt;/i&gt;.&lt;/p&gt;
+
+       &lt;/dd&gt;
+
+&lt;!--DND-v4:
+       &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;kind code&lt;/var&gt=
; is the string &quot;&lt;code title=3D&quot;&quot;&gt;object&lt;/code&gt=
;&quot;&lt;/dt&gt;
+       &lt;dd&gt;
+
+        &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;kinds&lt;/var&gt; b=
e &lt;i&gt;Plain Unicode string&lt;/i&gt;, &lt;i&gt;Blob&lt;/i&gt;, &lt;i=
&gt;File&lt;/i&gt;,
+        and &lt;i&gt;Object&lt;/i&gt;.&lt;/p&gt;
+
+       &lt;/dd&gt;
+--&gt;
+
+       &lt;dt&gt;Otherwise&lt;/dt&gt;
+       &lt;dd&gt;
+
+        &lt;p&gt;Skip to the step labeled &lt;i&gt;end of keyword&lt;/i&=
gt; below.&lt;/p&gt;
+
+       &lt;/dd&gt;
+
+      &lt;/dl&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;type&lt;/var=
&gt; be the substring of &lt;var title=3D&quot;&quot;&gt;keyword&lt;/var&=
gt; from the
+     first character after the first U+003A COLON character (:) in the s=
tring, to the last character
+     in the string, &lt;a href=3D#converted-to-ascii-lowercase&gt;conver=
ted to ASCII lowercase&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If there exist any items in the &lt;a href=3D#dr=
ag-data-store-item-list&gt;drag data store item list&lt;/a&gt; whose &lt;=
a href=3D#the-drag-data-item-kind title=3D&quot;the drag data item kind&q=
uot;&gt;drag data item kind&lt;/a&gt; is &lt;!--DND-v3:/DND-v4: one of--&=
gt; the
+     kind&lt;!--DND-v3:/DND-v4: s--&gt; given in &lt;var title=3D&quot;&=
quot;&gt;kind&lt;!--DND-v3:/DND-v4: s--&gt;&lt;/var&gt; and
+     whose &lt;a href=3D#the-drag-data-item-type-string title=3D&quot;th=
e drag data item type string&quot;&gt;drag data item type string&lt;/a&gt=
; is &lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt;, then let &lt;var t=
itle=3D&quot;&quot;&gt;matched&lt;/var&gt; be true.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;i&gt;End of keyword&lt;/i&gt;: Go on to the =
next keyword, if any, or the next step in the
+     overall algorithm, if there are no more.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;The algorithm results in a match if &lt;var title=3D&quot;&=
quot;&gt;matched&lt;/var&gt; is true, and does not
+    otherwise.&lt;/p&gt;
+
+    &lt;p&gt;The algorithm results in a specified operation if &lt;var t=
itle=3D&quot;&quot;&gt;operation&lt;/var&gt; is not
+    unspecified. The specified operation, if one is specified, is the on=
e given by &lt;var title=3D&quot;&quot;&gt;operation&lt;/var&gt;.&lt;/p&g=
t;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Ddom-dropzone title=3Ddom-dropzone=
&gt;&lt;code&gt;dropzone&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content attribute of th=
e same name.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this example, a &lt;code&gt;&lt;a href=3D#the-div-element=
&gt;div&lt;/a&gt;&lt;/code&gt; element is made into a drop target for ima=
ge files using
+   the &lt;code title=3Dattr-dropzone&gt;&lt;a href=3D#the-dropzone-attr=
ibute&gt;dropzone&lt;/a&gt;&lt;/code&gt; attribute. Images dropped into t=
he target are
+   then displayed.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;div dropzone=3D&quot;copy file:image/png file:imag=
e/gif file:image/jpeg&quot; ondrop=3D&quot;receive(event, this)&quot;&amp=
;gt;
+ &amp;lt;p&amp;gt;Drop an image here to have it displayed.&amp;lt;/p&amp=
;gt;
+&amp;lt;/div&amp;gt;
+&amp;lt;script&amp;gt;
+ function receive(event, element) {
+   var data =3D event.dataTransfer.items;
+   for (var i =3D 0; i &amp;lt; data.length; i +=3D 1) {
+     if ((data[i].kind =3D=3D 'file') &amp;amp;&amp;amp; (data[i].type.m=
atch('^image/'))) {
+       var img =3D new Image();
+       img.src =3D window.createObjectURL(data[i].getAsFile());
+       element.appendChild(img);
+     }
+   }
+ }
+&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+&lt;!--
+  &lt;h4&gt;Copy and paste&lt;/h4&gt;
+
+  &lt;p&gt;Copy-and-paste is a form of drag-and-drop: the &quot;copy&quo=
t; part is equivalent to dragging content to
+  another application (the &quot;clipboard&quot;), and the &quot;paste&q=
uot; part is equivalent to dragging content
+  &lt;em&gt;from&lt;/em&gt; another application.&lt;/p&gt;
+
+  &lt;p&gt;Select-and-paste (a model used by mouse operations in the X W=
indow System) is equivalent to a
+  drag-and-drop operation where the source is the selection.&lt;/p&gt;
+
+
+  &lt;div class=3D&quot;impl&quot;&gt;
+
+  &lt;h5&gt;Copy to clipboard&lt;/h5&gt;
+
+  &lt;p&gt;When the user invokes a copy operation, the user agent must a=
ct as if the user had invoked a
+  drag on the current selection. If the drag-and-drop operation initiate=
s, then the user agent must
+  act as if the user had indicated (as the &lt;span&gt;immediate user se=
lection&lt;/span&gt;) a hypothetical
+  application representing the clipboard. Then, the user agent must act =
as if the user had ended the
+  drag-and-drop operation without canceling it. If the drag-and-drop ope=
ration didn't get canceled,
+  the user agent should then follow the relevant platform-specific conve=
ntions for copy operations
+  (e.g. updating the clipboard).&lt;/p&gt;
+
+  &lt;p&gt;The events involved in this process are the &lt;code title=3D=
&quot;event-dragstart&quot;&gt;dragstart&lt;/code&gt;,
+  &lt;code title=3D&quot;event-drag&quot;&gt;drag&lt;/code&gt;, and &lt;=
code title=3D&quot;event-dragend&quot;&gt;dragend&lt;/code&gt; events.&lt=
;/p&gt;
+
+
+  &lt;h5&gt;Cut to clipboard&lt;/h5&gt;
+
+  &lt;p&gt;When the user invokes a cut operation, the user agent must ac=
t as if the user had invoked a
+  copy operation (see the previous section), followed, if the copy was c=
ompleted successfully, by &lt;a
+  href=3D&quot;#contenteditable-delete&quot;&gt;a selection delete opera=
tion&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The events involved in this process are the &lt;code title=3D=
&quot;event-dragstart&quot;&gt;dragstart&lt;/code&gt;,
+  &lt;code title=3D&quot;event-drag&quot;&gt;drag&lt;/code&gt;, and &lt;=
code title=3D&quot;event-dragend&quot;&gt;dragend&lt;/code&gt; events.&lt=
;/p&gt;
+
+
+  &lt;h5&gt;Paste from clipboard&lt;/h5&gt;
+
+  &lt;p&gt;When the user invokes a clipboard paste operation, the user a=
gent must act as if the user had
+  invoked a drag on a hypothetical application representing the clipboar=
d, setting the data
+  associated with the drag as the content on the clipboard (in whatever =
formats are available).&lt;/p&gt;
+
+  &lt;p&gt;Then, the user agent must act as if the user had indicated (a=
s the &lt;span&gt;immediate user
+  selection&lt;/span&gt;) the element with the keyboard focus, and then =
ended the drag-and-drop operation
+  without canceling it.&lt;/p&gt;
+
+  &lt;p&gt;The events involved in this process are the &lt;code title=3D=
&quot;event-dragenter&quot;&gt;dragenter&lt;/code&gt;,
+  &lt;code title=3D&quot;event-dragover&quot;&gt;dragover&lt;/code&gt;, =
&lt;code title=3D&quot;event-dragexit&quot;&gt;dragexit&lt;/code&gt;, &lt=
;code
+  title=3D&quot;event-dragleave&quot;&gt;dragleave&lt;/code&gt;, and &lt=
;code title=3D&quot;event-drop&quot;&gt;drop&lt;/code&gt; events.&lt;/p&g=
t;
+
+
+  &lt;h5&gt;Paste from selection&lt;/h5&gt;
+
+  &lt;p&gt;When the user invokes a selection paste operation, the user a=
gent must act as if the user had
+  invoked a drag on the current selection, then indicated (as the &lt;sp=
an&gt;immediate user
+  selection&lt;/span&gt;) the element with the keyboard focus, and then =
ended the drag-and-drop operation
+  without canceling it.&lt;/p&gt;
+
+  &lt;p&gt;All the drag-and-drop events can be involved in this process.=
&lt;/p&gt;
+
+  &lt;/div&gt;
+--&gt;
+
+
+&lt;!--ADD-TOPIC:Security--&gt;
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dsecurity-risks-in-the-drag-and-drop-model&gt;&lt;span clas=
s=3Dsecno&gt;8.7.9 &lt;/span&gt;Security risks in the drag-and-drop model=
&lt;/h4&gt;
+
+  &lt;p&gt;User agents must not make the data added to the &lt;code&gt;&=
lt;a href=3D#datatransfer&gt;DataTransfer&lt;/a&gt;&lt;/code&gt; object d=
uring the
+  &lt;code title=3Devent-dragstart&gt;&lt;a href=3D#event-dragstart&gt;d=
ragstart&lt;/a&gt;&lt;/code&gt; event available to scripts until the &lt;=
code title=3Devent-drop&gt;&lt;a href=3D#event-drop&gt;drop&lt;/a&gt;&lt;=
/code&gt; event, because otherwise, if a user were to drag sensitive
+  information from one document to a second document, crossing a hostile=
 third document in the
+  process, the hostile document could intercept the data.&lt;/p&gt;
+
+  &lt;p&gt;For the same reason, user agents must consider a drop to be s=
uccessful only if the user
+  specifically ended the drag operation &amp;mdash; if any scripts end t=
he drag operation, it must be
+  considered unsuccessful (canceled) and the &lt;code title=3Devent-drop=
&gt;&lt;a href=3D#event-drop&gt;drop&lt;/a&gt;&lt;/code&gt; event must no=
t be
+  fired.&lt;/p&gt;
+
+  &lt;p&gt;User agents should take care to not start drag-and-drop opera=
tions in response to script
+  actions. For example, in a mouse-and-window environment, if a script m=
oves a window while the user
+  has his mouse button depressed, the UA would not consider that to star=
t a drag. This is important
+  because otherwise UAs could cause data to be dragged from sensitive so=
urces and dropped into
+  hostile documents without the user's consent.&lt;/p&gt;
+
+  &lt;p&gt;User agents should filter potentially active (scripted) conte=
nt (e.g. HTML) when it is dragged
+  and when it is dropped, using a whitelist of known-safe features. Simi=
larly, &lt;a href=3D#relative-url title=3D&quot;relative
+  URL&quot;&gt;relative URLs&lt;/a&gt; should be turned into absolute UR=
Ls to avoid references changing in
+  unexpected ways. This specification does not specify how this is perfo=
rmed.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Consider a hostile page providing some content and getting t=
he user to select and drag and
+   drop (or indeed, copy and paste) that content to a victim page's &lt;=
code title=3Dattr-contenteditable&gt;&lt;a href=3D#attr-contenteditable&g=
t;contenteditable&lt;/a&gt;&lt;/code&gt; region. If the browser does not =
ensure that
+   only safe content is dragged, potentially unsafe content such as scri=
pts and event handlers in
+   the selection, once dropped (or pasted) into the victim site, get the=
 privileges of the victim
+   site. This would thus enable a cross-site scripting attack.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;/div&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+
+
+  &lt;h2 id=3Dcomms&gt;&lt;span class=3Dsecno&gt;9 &lt;/span&gt;Communic=
ation&lt;/h2&gt;
+
+
+
+  &lt;h3 id=3Devent-definitions-2&gt;&lt;span class=3Dsecno&gt;9.1 &lt;/=
span&gt;Event definitions&lt;/h3&gt;
+
+  &lt;p&gt;Messages in &lt;a href=3D#server-sent-events&gt;server-sent e=
vents&lt;/a&gt;, &lt;a href=3D#network&gt;Web sockets&lt;/a&gt;, &lt;a hr=
ef=3D#web-messaging&gt;cross-document
+  messaging&lt;/a&gt;, and &lt;a href=3D#channel-messaging&gt;channel me=
ssaging&lt;/a&gt; use the &lt;dfn id=3Devent-message title=3Devent-messag=
e&gt;&lt;code&gt;message&lt;/code&gt;&lt;/dfn&gt; event. &lt;/p&gt;
+
+  &lt;p&gt;The following interface is defined for this event:&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;[Constructor(DOMString type, optional &lt;a hre=
f=3D#messageeventinit&gt;MessageEventInit&lt;/a&gt; eventInitDict)]
+interface &lt;dfn id=3Dmessageevent&gt;MessageEvent&lt;/dfn&gt; : &lt;a =
href=3D#event&gt;Event&lt;/a&gt; {
+  readonly attribute any &lt;a href=3D#dom-messageevent-data title=3Ddom=
-MessageEvent-data&gt;data&lt;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-messageevent-origin tit=
le=3Ddom-MessageEvent-origin&gt;origin&lt;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-messageevent-lasteventi=
d title=3Ddom-MessageEvent-lastEventId&gt;lastEventId&lt;/a&gt;;
+  readonly attribute (&lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&gt;=
 or &lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;)? &lt;a href=3D#do=
m-messageevent-source title=3Ddom-MessageEvent-source&gt;source&lt;/a&gt;=
;
+  readonly attribute &lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;[=
]? &lt;a href=3D#dom-messageevent-ports title=3Ddom-MessageEvent-ports&gt=
;ports&lt;/a&gt;;
+};
+
+dictionary &lt;dfn id=3Dmessageeventinit&gt;MessageEventInit&lt;/dfn&gt;=
 : &lt;a href=3D#eventinit&gt;EventInit&lt;/a&gt; {
+  any data;
+  DOMString origin;
+  DOMString lastEventId;
+  (&lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&gt; or &lt;a href=3D#m=
essageport&gt;MessagePort&lt;/a&gt;)? source;
+  sequence&amp;lt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&amp=
;gt; ports;
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;e=
vent&lt;/var&gt; . &lt;code title=3Ddom-MessageEvent-data&gt;&lt;a href=3D=
#dom-messageevent-data&gt;data&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the data of the message.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;event&lt;/var&gt; . &lt;cod=
e title=3Ddom-MessageEvent-origin&gt;&lt;a href=3D#dom-messageevent-origi=
n&gt;origin&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the origin of the message, for &lt;a href=3D#server=
-sent-events&gt;server-sent events&lt;/a&gt; and
+    &lt;a href=3D#web-messaging&gt;cross-document messaging&lt;/a&gt;.&l=
t;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;event&lt;/var&gt; . &lt;cod=
e title=3Ddom-MessageEvent-lastEventId&gt;&lt;a href=3D#dom-messageevent-=
lasteventid&gt;lastEventId&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the &lt;a href=3D#concept-event-stream-last-event-i=
d title=3Dconcept-event-stream-last-event-id&gt;last event ID string&lt;/=
a&gt;, for
+    &lt;a href=3D#server-sent-events&gt;server-sent events&lt;/a&gt;.&lt=
;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;event&lt;/var&gt; . &lt;cod=
e title=3Ddom-MessageEvent-source&gt;&lt;a href=3D#dom-messageevent-sourc=
e&gt;source&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the &lt;code&gt;&lt;a href=3D#windowproxy&gt;Window=
Proxy&lt;/a&gt;&lt;/code&gt; of the source window, for &lt;a href=3D#web-=
messaging&gt;cross-document
+    messaging&lt;/a&gt;, and the &lt;code&gt;&lt;a href=3D#messageport&g=
t;MessagePort&lt;/a&gt;&lt;/code&gt; being attached, in the &lt;code titl=
e=3Devent-connect&gt;connect&lt;/code&gt; event fired at &lt;code&gt;&lt;=
a href=3D#sharedworkerglobalscope&gt;SharedWorkerGlobalScope&lt;/a&gt;&lt=
;/code&gt;
+    objects.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;event&lt;/var&gt; . &lt;cod=
e title=3Ddom-MessageEvent-ports&gt;&lt;a href=3D#dom-messageevent-ports&=
gt;ports&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the &lt;code&gt;&lt;a href=3D#messageport&gt;Messag=
ePort&lt;/a&gt;&lt;/code&gt; array sent with the message, for &lt;a href=3D=
#web-messaging&gt;cross-document
+    messaging&lt;/a&gt; and &lt;a href=3D#channel-messaging&gt;channel m=
essaging&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-messageevent-data title=3Ddom-MessageEve=
nt-data&gt;&lt;code&gt;data&lt;/code&gt;&lt;/dfn&gt; attribute must retur=
n the value
+  it was initialized to. When the object is created, this attribute must=
 be initialized to null. It
+  represents the message being sent.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-messageevent-origin title=3Ddom-MessageE=
vent-origin&gt;&lt;code&gt;origin&lt;/code&gt;&lt;/dfn&gt; attribute must=
 return the
+  value it was initialized to. When the object is created, this attribut=
e must be initialized to the
+  empty string. It represents, in &lt;a href=3D#server-sent-events&gt;se=
rver-sent events&lt;/a&gt; and &lt;a href=3D#web-messaging&gt;cross-docum=
ent
+  messaging&lt;/a&gt;, the &lt;a href=3D#origin&gt;origin&lt;/a&gt; of t=
he document that sent the message (typically the
+  scheme, hostname, and port of the document, but not its path or fragme=
nt identifier).&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-messageevent-lasteventid title=3Ddom-Mes=
sageEvent-lastEventId&gt;&lt;code&gt;lastEventId&lt;/code&gt;&lt;/dfn&gt;=
 attribute must
+  return the value it was initialized to. When the object is created, th=
is attribute must be
+  initialized to the empty string. It represents, in &lt;a href=3D#serve=
r-sent-events&gt;server-sent events&lt;/a&gt;, the &lt;a href=3D#concept-=
event-stream-last-event-id title=3Dconcept-event-stream-last-event-id&gt;=
last event ID string&lt;/a&gt; of the event source.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-messageevent-source title=3Ddom-MessageE=
vent-source&gt;&lt;code&gt;source&lt;/code&gt;&lt;/dfn&gt; attribute must=
 return the
+  value it was initialized to. When the object is created, this attribut=
e must be initialized to
+  null. It represents, in &lt;a href=3D#web-messaging&gt;cross-document =
messaging&lt;/a&gt;, the &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowP=
roxy&lt;/a&gt;&lt;/code&gt; of the
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; of the &l=
t;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object fr=
om which the message came; and
+  in the &lt;code title=3Devent-connect&gt;connect&lt;/code&gt; events u=
sed by &lt;a href=3D#sharedworkerglobalscope title=3DSharedWorkerGlobalSc=
ope&gt;shared workers&lt;/a&gt;, the newly connecting
+  &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/cod=
e&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-messageevent-ports title=3Ddom-MessageEv=
ent-ports&gt;&lt;code&gt;ports&lt;/code&gt;&lt;/dfn&gt; attribute must re=
turn the
+  value it was initialized to. When the object is created, this attribut=
e must be initialized to
+  null&lt;!-- a &lt;span title=3D&quot;dfn-read-only-array&quot;&gt;read=
 only&lt;/span&gt; empty array--&gt;. It represents, in
+  &lt;a href=3D#web-messaging&gt;cross-document messaging&lt;/a&gt; and =
&lt;a href=3D#channel-messaging&gt;channel messaging&lt;/a&gt;, the
+  &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/cod=
e&gt; array being sent, if any.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+ =20
+
+
+  &lt;h3 id=3Dserver-sent-events&gt;&lt;span class=3Dsecno&gt;9.2 &lt;/s=
pan&gt;&lt;dfn&gt;Server-sent events&lt;/dfn&gt;&lt;/h3&gt;
+
+ =20
+
+  &lt;h4 id=3Dserver-sent-events-intro&gt;&lt;span class=3Dsecno&gt;9.2.=
1 &lt;/span&gt;Introduction&lt;/h4&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;To enable servers to push data to Web pages over HTTP or usin=
g dedicated server-push protocols,
+  this specification introduces the &lt;code&gt;&lt;a href=3D#eventsourc=
e&gt;EventSource&lt;/a&gt;&lt;/code&gt; interface.&lt;/p&gt;
+
+  &lt;p&gt;Using this API consists of creating an &lt;code&gt;&lt;a href=
=3D#eventsource&gt;EventSource&lt;/a&gt;&lt;/code&gt; object and register=
ing an event
+  listener.&lt;/p&gt;
+
+  &lt;pre&gt;var source =3D new EventSource('updates.cgi');
+source.onmessage =3D function (event) {
+  alert(event.data);
+};&lt;/pre&gt;
+
+  &lt;p&gt;On the server-side, the script (&quot;&lt;code title=3D&quot;=
&quot;&gt;updates.cgi&lt;/code&gt;&quot; in this case) sends
+  messages in the following form, with the &lt;code&gt;&lt;a href=3D#tex=
t/event-stream&gt;text/event-stream&lt;/a&gt;&lt;/code&gt; MIME type:&lt;=
/p&gt;
+
+  &lt;pre&gt;data: This is the first message.
+
+data: This is the second message, it
+data: has two lines.
+
+data: This is the third message.&lt;/pre&gt;
+
+  &lt;hr&gt;&lt;p&gt;Authors can separate events by using different even=
t types. Here is a stream that has two event
+  types, &quot;add&quot; and &quot;remove&quot;:&lt;/p&gt;
+
+  &lt;pre&gt;event: add
+data: 73857293
+
+event: remove
+data: 2153
+
+event: add
+data: 113411&lt;/pre&gt;
+
+  &lt;p&gt;The script to handle such a stream would look like this (wher=
e &lt;code title=3D&quot;&quot;&gt;addHandler&lt;/code&gt;
+  and &lt;code title=3D&quot;&quot;&gt;removeHandler&lt;/code&gt; are fu=
nctions that take one argument, the event):&lt;/p&gt;
+
+  &lt;pre&gt;var source =3D new EventSource('updates.cgi');
+source.addEventListener('add', addHandler, false);
+source.addEventListener('remove', removeHandler, false);&lt;/pre&gt;
+
+  &lt;p&gt;The default event type is &quot;message&quot;.&lt;/p&gt;
+
+  &lt;p&gt;Event streams are always decoded as UTF-8. There is no way to=
 specify another character
+  encoding.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;Event stream requests can be redirected using HTTP =
301 and 307 redirects as with normal HTTP
+  requests. Clients will reconnect if the connection is closed; a client=
 can be told to stop
+  reconnecting using the HTTP 204 No Content response code.&lt;/p&gt;
+
+  &lt;p&gt;Using this API rather than emulating it using &lt;code&gt;XML=
HttpRequest&lt;/code&gt; or an
+  &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/c=
ode&gt; allows the user agent to make better use of network resources in =
cases where
+  the user agent implementor and the network operator are able to coordi=
nate in advance. Amongst
+  other benefits, this can result in significant savings in battery life=
 on portable devices. This
+  is discussed further in the section below on &lt;a href=3D#eventsource=
-push&gt;connectionless
+  push&lt;/a&gt;.&lt;/p&gt;
+
+
+
+  &lt;h4 id=3Dthe-eventsource-interface&gt;&lt;span class=3Dsecno&gt;9.2=
.2 &lt;/span&gt;The &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSource&=
lt;/a&gt;&lt;/code&gt; interface&lt;/h4&gt;
+
+  &lt;pre class=3Didl&gt;[&lt;a href=3D#dom-eventsource title=3Ddom-Even=
tSource&gt;Constructor&lt;/a&gt;(DOMString url, optional &lt;a href=3D#ev=
entsourceinit&gt;EventSourceInit&lt;/a&gt; eventSourceInitDict)]
+interface &lt;dfn id=3Deventsource&gt;EventSource&lt;/dfn&gt; : &lt;a hr=
ef=3D#eventtarget&gt;EventTarget&lt;/a&gt; {
+  readonly attribute DOMString &lt;a href=3D#dom-eventsource-url title=3D=
dom-EventSource-url&gt;url&lt;/a&gt;;
+  readonly attribute boolean &lt;a href=3D#dom-eventsource-withcredentia=
ls title=3Ddom-EventSource-withCredentials&gt;withCredentials&lt;/a&gt;;
+
+  // ready state
+  const unsigned short &lt;a href=3D#dom-eventsource-connecting title=3D=
dom-EventSource-CONNECTING&gt;CONNECTING&lt;/a&gt; =3D 0;
+  const unsigned short &lt;a href=3D#dom-eventsource-open title=3Ddom-Ev=
entSource-OPEN&gt;OPEN&lt;/a&gt; =3D 1;
+  const unsigned short &lt;a href=3D#dom-eventsource-closed title=3Ddom-=
EventSource-CLOSED&gt;CLOSED&lt;/a&gt; =3D 2;
+  readonly attribute unsigned short &lt;a href=3D#dom-eventsource-readys=
tate title=3Ddom-EventSource-readyState&gt;readyState&lt;/a&gt;;
+
+  // networking
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-eventsource-onopen title=3Dhandler-EventSource-on=
open&gt;onopen&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-eventsource-onmessage title=3Dhandler-EventSource=
-onmessage&gt;onmessage&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-eventsource-onerror title=3Dhandler-EventSource-o=
nerror&gt;onerror&lt;/a&gt;;
+  void &lt;a href=3D#dom-eventsource-close title=3Ddom-EventSource-close=
&gt;close&lt;/a&gt;();
+};
+
+dictionary &lt;dfn id=3Deventsourceinit&gt;EventSourceInit&lt;/dfn&gt; {
+  boolean &lt;dfn id=3Ddom-eventsourceinit-withcredentials title=3Ddom-E=
ventSourceInit-withCredentials&gt;withCredentials&lt;/dfn&gt; =3D false;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-eventsource title=3Ddom-EventSource&gt;&=
lt;code&gt;EventSource()&lt;/code&gt;&lt;/dfn&gt; constructor takes one o=
r two
+  arguments. The first specifies the &lt;a href=3D#url&gt;URL&lt;/a&gt; =
to which to connect. The second specifies the
+  settings, if any, in the form of an &lt;code&gt;&lt;a href=3D#eventsou=
rceinit&gt;EventSourceInit&lt;/a&gt;&lt;/code&gt; dictionary. When the
+  &lt;code&gt;EventSource()&lt;/code&gt; constructor is invoked, the UA =
must run these steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!--CLEANUP--&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#resolve=
-a-url title=3D&quot;resolve a url&quot;&gt;Resolve&lt;/a&gt; the &lt;a h=
ref=3D#url&gt;URL&lt;/a&gt; specified in the first
+   argument, relative to the &lt;a href=3D#api-base-url&gt;API base URL&=
lt;/a&gt; specified by the &lt;a href=3D#entry-settings-object&gt;entry s=
ettings
+   object&lt;/a&gt;.
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the previous step failed, then throw a &lt;code=
&gt;&lt;a href=3D#syntaxerror&gt;SyntaxError&lt;/a&gt;&lt;/code&gt; excep=
tion and abort
+   these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Create a new &lt;code&gt;&lt;a href=3D#eventsource=
&gt;EventSource&lt;/a&gt;&lt;/code&gt; object.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;CORS mode&lt;/=
var&gt; be &lt;a href=3D#attr-crossorigin-anonymous title=3Dattr-crossori=
gin-anonymous&gt;Anonymous&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the second argument is present, and the &lt;cod=
e title=3Ddom-EventSourceInit-withCredentials&gt;&lt;a href=3D#dom-events=
ourceinit-withcredentials&gt;withCredentials&lt;/a&gt;&lt;/code&gt; dicti=
onary member has the
+   value true, then set &lt;var title=3D&quot;&quot;&gt;CORS mode&lt;/va=
r&gt; to &lt;a href=3D#attr-crossorigin-use-credentials title=3Dattr-cros=
sorigin-use-credentials&gt;Use Credentials&lt;/a&gt; and initialize the n=
ew
+   &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSource&lt;/a&gt;&lt;/co=
de&gt; object's &lt;code title=3Ddom-EventSource-withCredentials&gt;&lt;a=
 href=3D#dom-eventsource-withcredentials&gt;withCredentials&lt;/a&gt;&lt;=
/code&gt; attribute to true.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the new &lt;code&gt;&lt;a href=3D#eventsour=
ce&gt;EventSource&lt;/a&gt;&lt;/code&gt; object, but continue these steps
+   asynchronously.&lt;/li&gt;
+
+   &lt;li&gt;&lt;!-- if you change this, don't forget to update the reco=
nnecting fetch lower down as well! --&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;Do a &lt;a href=3D#potentially-cors-enabled-fetch&gt;potent=
ially CORS-enabled fetch&lt;/a&gt;&lt;!--FETCH--&gt; of the resulting &lt=
;a href=3D#absolute-url&gt;absolute
+    URL&lt;/a&gt; using the &lt;a href=3D#api-referrer-source&gt;API ref=
errer source&lt;/a&gt; specified by the &lt;a href=3D#entry-settings-obje=
ct&gt;entry settings
+    object&lt;/a&gt;, with the &lt;i&gt;mode&lt;/i&gt; being &lt;var tit=
le=3D&quot;&quot;&gt;CORS mode&lt;/var&gt;, and the &lt;i title=3D&quot;&=
quot;&gt;origin&lt;/i&gt; being the &lt;a href=3D#origin&gt;origin&lt;/a&=
gt; specified by the &lt;a href=3D#entry-settings-object&gt;entry setting=
s object&lt;/a&gt;&lt;!--, and the
+    &lt;i&gt;default origin behaviour&lt;/i&gt; set to &lt;i&gt;fail&lt;=
/i&gt; (though it has no effect in the &quot;Anonymous&quot;
+    and &quot;Use Credentials&quot; modes)--&gt;, and process the resour=
ce obtained in this fashion, if any, as
+    described below.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The definition of the &lt;a href=3D#fetch titl=
e=3Dfetch&gt;fetching&lt;/a&gt; algorithm (which is
+    used by CORS) is such that if the browser is already fetching the re=
source identified by the
+    given &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt;, that con=
nection can be reused, instead of a new connection
+    being established. All messages received up to this point are dispat=
ched immediately, in this
+    case.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-eventsource-url tit=
le=3Ddom-EventSource-url&gt;&lt;code&gt;url&lt;/code&gt;&lt;/dfn&gt; attr=
ibute must return the
+  &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt; that resulted fro=
m &lt;a href=3D#resolve-a-url title=3D&quot;resolve a url&quot;&gt;resolv=
ing&lt;/a&gt; the
+  value that was passed to the constructor.&lt;/p&gt; &lt;!-- not the re=
sult of redirects, since that would
+  introduce race conditions --&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-eventsource-withcredentials title=3Ddom-=
EventSource-withCredentials&gt;&lt;code&gt;withCredentials&lt;/code&gt;&l=
t;/dfn&gt; attribute
+  must return the value to which it was last initialized. When the objec=
t is created, it must be
+  initialized to false.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-eventsource-readystate title=3Ddom-Event=
Source-readyState&gt;&lt;code&gt;readyState&lt;/code&gt;&lt;/dfn&gt; attr=
ibute represents
+  the state of the connection. It can have the following values:&lt;/p&g=
t;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Ddom-eventsource-connecting title=3Ddo=
m-EventSource-CONNECTING&gt;&lt;code&gt;CONNECTING&lt;/code&gt;&lt;/dfn&g=
t; (numeric value 0)&lt;/dt&gt;
+
+   &lt;dd&gt;The connection has not yet been established, or it was clos=
ed and the user agent is
+   reconnecting.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-eventsource-open title=3Ddom-EventSource-O=
PEN&gt;&lt;code&gt;OPEN&lt;/code&gt;&lt;/dfn&gt; (numeric value 1)&lt;/dt=
&gt;
+
+   &lt;dd&gt;The user agent has an open connection and is dispatching ev=
ents as it receives them.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-eventsource-closed title=3Ddom-EventSource=
-CLOSED&gt;&lt;code&gt;CLOSED&lt;/code&gt;&lt;/dfn&gt; (numeric value 2)&=
lt;/dt&gt;
+
+   &lt;dd&gt;The connection is not open, and the user agent is not tryin=
g to reconnect. Either there was a
+   fatal error or the &lt;code title=3Ddom-EventSource-close&gt;&lt;a hr=
ef=3D#dom-eventsource-close&gt;close()&lt;/a&gt;&lt;/code&gt; method was =
invoked.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;When the object is created its &lt;code title=3Ddo=
m-EventSource-readyState&gt;&lt;a href=3D#dom-eventsource-readystate&gt;r=
eadyState&lt;/a&gt;&lt;/code&gt; must
+  be set to &lt;code title=3Ddom-EventSource-CONNECTING&gt;&lt;a href=3D=
#dom-eventsource-connecting&gt;CONNECTING&lt;/a&gt;&lt;/code&gt; (0). The=
 rules given below
+  for handling the connection define when the value changes.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-eventsource-close title=3Ddom-EventSourc=
e-close&gt;&lt;code&gt;close()&lt;/code&gt;&lt;/dfn&gt; method must abort=
 any
+  instances of the &lt;a href=3D#fetch&gt;fetch&lt;/a&gt; algorithm star=
ted for this &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSource&lt;/a&g=
t;&lt;/code&gt; object,
+  and must set the &lt;code title=3Ddom-EventSource-readyState&gt;&lt;a =
href=3D#dom-eventsource-readystate&gt;readyState&lt;/a&gt;&lt;/code&gt; a=
ttribute to &lt;code title=3Ddom-EventSource-CLOSED&gt;&lt;a href=3D#dom-=
eventsource-closed&gt;CLOSED&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt; &lt;!-- th=
is also causes all the message events to
+  stop firing, even if they were queued before close() was called --&gt;
+
+  &lt;p&gt;The following are the &lt;a href=3D#event-handlers&gt;event h=
andlers&lt;/a&gt; (and their corresponding &lt;a href=3D#event-handler-ev=
ent-type title=3D&quot;event
+  handler event type&quot;&gt;event handler event types&lt;/a&gt;) that =
must be supported, as &lt;a href=3D#event-handler-idl-attributes&gt;event
+  handler IDL attributes&lt;/a&gt;, by all objects implementing the &lt;=
code&gt;&lt;a href=3D#eventsource&gt;EventSource&lt;/a&gt;&lt;/code&gt;
+  interface:&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;a href=3D#event-hand=
lers title=3D&quot;event handlers&quot;&gt;Event handler&lt;/a&gt; &lt;th=
&gt;&lt;a href=3D#event-handler-event-type&gt;Event handler event type&lt=
;/a&gt;
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-eventsource-ono=
pen title=3Dhandler-EventSource-onopen&gt;&lt;code&gt;onopen&lt;/code&gt;=
&lt;/dfn&gt; &lt;td&gt; &lt;code title=3Devent-open&gt;open&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-eventsource-onmessage title=
=3Dhandler-EventSource-onmessage&gt;&lt;code&gt;onmessage&lt;/code&gt;&lt=
;/dfn&gt; &lt;td&gt; &lt;code title=3Devent-message&gt;&lt;a href=3D#even=
t-message&gt;message&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-eventsource-onerror title=3D=
handler-EventSource-onerror&gt;&lt;code&gt;onerror&lt;/code&gt;&lt;/dfn&g=
t; &lt;td&gt; &lt;code title=3Devent-error&gt;error&lt;/code&gt;
+  &lt;/table&gt;&lt;hr&gt;&lt;p&gt;In addition to the above, each &lt;co=
de&gt;&lt;a href=3D#eventsource&gt;EventSource&lt;/a&gt;&lt;/code&gt; obj=
ect has the following associated
+  with it:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;A &lt;dfn id=3Dconcept-event-stream-reconnection-t=
ime title=3Dconcept-event-stream-reconnection-time&gt;reconnection time&l=
t;/dfn&gt;, in
+   milliseconds. This must initially be a user-agent-defined value, prob=
ably in the region of a few
+   seconds.&lt;/li&gt;
+
+   &lt;li&gt;A &lt;dfn id=3Dconcept-event-stream-last-event-id title=3Dc=
oncept-event-stream-last-event-id&gt;last event ID string&lt;/dfn&gt;. Th=
is must
+   initially be the empty string.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;These values are not currently exposed on the inte=
rface.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dprocessing-model-6&gt;&lt;span class=3Dsecno&gt;9.2.3 &lt;=
/span&gt;Processing model&lt;/h4&gt;
+
+  &lt;p&gt;The resource indicated in the argument to the &lt;code title=3D=
dom-EventSource&gt;&lt;a href=3D#dom-eventsource&gt;EventSource&lt;/a&gt;=
&lt;/code&gt;
+  constructor is &lt;a href=3D#fetch title=3Dfetch&gt;fetched&lt;/a&gt; =
when the constructor is run.&lt;/p&gt;
+
+  &lt;p&gt;For HTTP connections, the &lt;code title=3D&quot;&quot;&gt;Ac=
cept&lt;/code&gt; header may be included; if included, it
+  must contain only formats of event framing that are supported by the u=
ser agent (one of which must
+  be &lt;code&gt;&lt;a href=3D#text/event-stream&gt;text/event-stream&lt=
;/a&gt;&lt;/code&gt;, as described below).&lt;/p&gt;
+
+  &lt;p&gt;If the event source's &lt;a href=3D#concept-event-stream-last=
-event-id title=3Dconcept-event-stream-last-event-id&gt;last event ID
+  string&lt;/a&gt; is not the empty string, then a &lt;code title=3Dhttp=
-last-event-id&gt;&lt;a href=3D#last-event-id&gt;Last-Event-ID&lt;/a&gt;&=
lt;/code&gt; HTTP header must be included with the request,
+  whose value is the value of the event source's &lt;a href=3D#concept-e=
vent-stream-last-event-id title=3Dconcept-event-stream-last-event-id&gt;l=
ast event ID string&lt;/a&gt;, encoded as UTF-8.&lt;/p&gt;
+
+  &lt;p&gt;User agents should use the &lt;code&gt;Cache-Control: no-cach=
e&lt;/code&gt; header in requests to bypass
+  any caches for requests of event sources. (This header is not a &lt;a =
href=3D#custom-request-headers title=3D&quot;custom request
+  headers&quot;&gt;custom request header&lt;/a&gt;, so the user agent wi=
ll still use the CORS &lt;a href=3D#simple-cross-origin-request&gt;simple
+  cross-origin request&lt;/a&gt; mechanism.) User agents should ignore H=
TTP cache headers in the
+  response, never caching event sources.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;As data is received, the &lt;a href=3D#concept-task=
 title=3Dconcept-task&gt;tasks&lt;/a&gt; queued by the &lt;a href=3D#netw=
orking-task-source&gt;networking
+  task source&lt;/a&gt; to handle the data must act as follows.&lt;/p&gt=
;
+
+  &lt;p&gt;HTTP 200 OK responses with a &lt;a href=3D#content-type&gt;Co=
ntent-Type&lt;/a&gt; header specifying the type
+  &lt;code&gt;&lt;a href=3D#text/event-stream&gt;text/event-stream&lt;/a=
&gt;&lt;/code&gt;, ignoring any &lt;a href=3D#mime-type&gt;MIME type&lt;/=
a&gt; parameters, must be processed
+  line by line &lt;a href=3D#event-stream-interpretation&gt;as described=
 below&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When a successful response with a supported &lt;a href=3D#mim=
e-type&gt;MIME type&lt;/a&gt; is received, such that the
+  user agent begins parsing the contents of the stream, the user agent m=
ust &lt;a href=3D#announce-the-connection&gt;announce the
+  connection&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#concept-task title=3Dconcept-task&gt;task&l=
t;/a&gt; that the &lt;a href=3D#networking-task-source&gt;networking task=
 source&lt;/a&gt; places
+  on the &lt;a href=3D#task-queue&gt;task queue&lt;/a&gt; once the &lt;a=
 href=3D#fetch title=3Dfetch&gt;fetching algorithm&lt;/a&gt; for such a
+  resource (with the correct &lt;a href=3D#mime-type&gt;MIME type&lt;/a&=
gt;) has completed must cause the user agent to
+  asynchronously &lt;a href=3D#reestablish-the-connection&gt;reestablish=
 the connection&lt;/a&gt;. This applies whether the connection is
+  closed gracefully or unexpectedly (but does not apply when the &lt;a h=
ref=3D#fetch&gt;fetch&lt;/a&gt; algorithm is
+  canceled by the user agent, e.g. in response to &lt;code title=3Ddom-w=
indow-stop&gt;&lt;a href=3D#dom-window-stop&gt;window.stop()&lt;/a&gt;&lt=
;/code&gt;,
+  since in those cases the final &lt;a href=3D#concept-task title=3Dconc=
ept-task&gt;task&lt;/a&gt; is actually discarded).
+  It doesn't apply for the error conditions listed below except
+  where explicitly specified.&lt;/p&gt;
+
+  &lt;p&gt;HTTP 200 OK responses that have a &lt;a href=3D#content-type&=
gt;Content-Type&lt;/a&gt; specifying an unsupported type, or
+  that have no &lt;a href=3D#content-type&gt;Content-Type&lt;/a&gt; at a=
ll, must cause the user agent to &lt;a href=3D#fail-the-connection&gt;fai=
l the
+  connection&lt;/a&gt;.&lt;/p&gt; &lt;!-- about:blank is defined as havi=
ng no MIME type; javascript: as having
+  the type text/html --&gt;
+
+  &lt;p&gt;HTTP 305 Use Proxy, 401 Unauthorized, and 407 Proxy Authentic=
ation Required should be treated
+  transparently as for any other subresource.&lt;/p&gt;
+
+  &lt;p&gt;HTTP 301 Moved Permanently, 302 Found, 303 See Other, and 307=
 Temporary Redirect responses are
+  handled by the &lt;a href=3D#fetch title=3Dfetch&gt;fetching&lt;/a&gt;=
 and CORS algorithms. In the case of 301
+  redirects, the user agent must also remember the new URL so that subse=
quent requests for this
+  resource for this &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSource=
&lt;/a&gt;&lt;/code&gt; object start with the URL given for the last 301 =
seen
+  for requests for this object.&lt;/p&gt;
+
+  &lt;p id=3Devent-source-network-errors-reconnect&gt;Network errors tha=
t prevents the connection from
+  being established in the first place (e.g. DNS errors), must cause the=
 user agent to
+  asynchronously &lt;a href=3D#reestablish-the-connection&gt;reestablish=
 the connection&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p id=3Devent-source-fail-reasons&gt;Any other HTTP response code n=
ot listed here, as well as the
+  cancelation of the &lt;a href=3D#fetch&gt;fetch&lt;/a&gt; algorithm by=
 the user agent (e.g. in response to &lt;code title=3Ddom-window-stop&gt;=
&lt;a href=3D#dom-window-stop&gt;window.stop()&lt;/a&gt;&lt;/code&gt; or =
the user canceling the network connection
+  manually) must cause the user agent to &lt;a href=3D#fail-the-connecti=
on&gt;fail the connection&lt;/a&gt;.&lt;/p&gt; &lt;!-- including: HTTP
+  201 Created, 202 Accepted, 203 Non-Authoritative Information, 204 No C=
ontent, 205 Reset Content,
+  206 Partial Content, 300 Multiple Choices, 304 Not Modified, 400 Bad R=
equest, 403 Forbidden, 404
+  Not Found, 405 Method Not Allowed, 406 Not Acceptable, 408 Request Tim=
eout, 409 Conflict, 410
+  Gone, 411 Length Required, 412 Precondition Failed, 413 Request Entity=
 Too Large, 414 Request-URI
+  Too Long, 415 Unsupported Media Type, 416 Requested Range Not Satisfia=
ble, 417 Expectation Failed,
+  HTTP 500 Internal Server Error, 501 Not Implemented, 502 Bad Gateway, =
503 Service Unavailable, and
+  504 Gateway Timeout responses, and 505 HTTP Version Not Supported resp=
onses --&gt; &lt;!-- mailto: is
+  defined as equivalent to HTTP 204 --&gt;
+
+  &lt;p&gt;For non-HTTP protocols, UAs should act in equivalent ways.&lt=
;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;When a user agent is to &lt;dfn id=3Dannounce-the-c=
onnection&gt;announce the connection&lt;/dfn&gt;, the user agent must &lt=
;a href=3D#queue-a-task&gt;queue a
+  task&lt;/a&gt; which, if the &lt;code title=3Ddom-EventSource-readySta=
te&gt;&lt;a href=3D#dom-eventsource-readystate&gt;readyState&lt;/a&gt;&lt=
;/code&gt; attribute is
+  set to a value other than &lt;code title=3Ddom-EventSource-CLOSED&gt;&=
lt;a href=3D#dom-eventsource-closed&gt;CLOSED&lt;/a&gt;&lt;/code&gt;, set=
s the &lt;code title=3Ddom-EventSource-readyState&gt;&lt;a href=3D#dom-ev=
entsource-readystate&gt;readyState&lt;/a&gt;&lt;/code&gt; attribute to &l=
t;code title=3Ddom-EventSource-OPEN&gt;&lt;a href=3D#dom-eventsource-open=
&gt;OPEN&lt;/a&gt;&lt;/code&gt; and &lt;a href=3D#fire-a-simple-event tit=
le=3D&quot;fire a simple event&quot;&gt;fires a simple
+  event&lt;/a&gt; named &lt;code title=3Devent-open&gt;open&lt;/code&gt;=
 at the &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSource&lt;/a&gt;&lt=
;/code&gt;
+  object.&lt;/p&gt;
+
+  &lt;p&gt;When a user agent is to &lt;dfn id=3Dreestablish-the-connecti=
on&gt;reestablish the connection&lt;/dfn&gt;, the user agent must run the
+  following steps. These steps are run asynchronously, not as part of a =
&lt;a href=3D#concept-task title=3Dconcept-task&gt;task&lt;/a&gt;. (The t=
asks that it queues, of course, are run like normal tasks
+  and not asynchronously.)&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#queue-a-task&gt;Queue a task&lt;/a&gt; to run=
 the following steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code title=3Ddom-EventSource=
-readyState&gt;&lt;a href=3D#dom-eventsource-readystate&gt;readyState&lt;=
/a&gt;&lt;/code&gt; attribute is set to
+     &lt;code title=3Ddom-EventSource-CLOSED&gt;&lt;a href=3D#dom-events=
ource-closed&gt;CLOSED&lt;/a&gt;&lt;/code&gt;, abort the task.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Set the &lt;code title=3Ddom-EventSource-readySt=
ate&gt;&lt;a href=3D#dom-eventsource-readystate&gt;readyState&lt;/a&gt;&l=
t;/code&gt; attribute to &lt;code title=3Ddom-EventSource-CONNECTING&gt;&=
lt;a href=3D#dom-eventsource-connecting&gt;CONNECTING&lt;/a&gt;&lt;/code&=
gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#fire-a-simple-event&gt;Fire a simp=
le event&lt;/a&gt; named &lt;code title=3Devent-error&gt;error&lt;/code&g=
t; at the
+     &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSource&lt;/a&gt;&lt;/=
code&gt; object.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Wait a delay equal to the reconnection time of the=
 event source.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Optionally, wait some more. In particular, if the =
previous attempt failed, then user
+   agents might introduce an exponential backoff delay to avoid overload=
ing a potentially already
+   overloaded server. Alternatively, if the operating system has reporte=
d that there is no network
+   connectivity, user agents might wait for the operating system to anno=
unce that the network
+   connection has returned before retrying.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Wait until the aforementioned task has run, if it =
has not yet run.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#queue-a-task&gt;Queue a task&lt;/a&gt; to run=
 the following steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code title=3Ddom-EventSource=
-readyState&gt;&lt;a href=3D#dom-eventsource-readystate&gt;readyState&lt;=
/a&gt;&lt;/code&gt; attribute is not set
+     to &lt;code title=3Ddom-EventSource-CONNECTING&gt;&lt;a href=3D#dom=
-eventsource-connecting&gt;CONNECTING&lt;/a&gt;&lt;/code&gt;, abort these=
 steps.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Perform a &lt;a href=3D#potentially-cors-enabled=
-fetch&gt;potentially CORS-enabled fetch&lt;/a&gt;&lt;!--FETCH--&gt; of t=
he &lt;a href=3D#absolute-url&gt;absolute
+     URL&lt;/a&gt; of the event source resource, using the same &lt;i&gt=
;&lt;a href=3D#referrer-source&gt;referrer source&lt;/a&gt;&lt;/i&gt;, an=
d with the
+     same &lt;i&gt;mode&lt;/i&gt;&lt;!--, &lt;i&gt;default origin behavi=
our&lt;/i&gt;,--&gt; and &lt;i title=3D&quot;&quot;&gt;origin&lt;/i&gt;, =
as those
+     used in the original request triggered by the &lt;code title=3Ddom-=
EventSource&gt;&lt;a href=3D#dom-eventsource&gt;EventSource()&lt;/a&gt;&l=
t;/code&gt; constructor, and process the resource obtained in
+     this fashion, if any, as described earlier in this section.&lt;/li&=
gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When a user agent is to &lt;dfn id=3Dfail-the-conn=
ection&gt;fail the connection&lt;/dfn&gt;, the user agent must &lt;a href=
=3D#queue-a-task&gt;queue a
+  task&lt;/a&gt; which, if the &lt;code title=3Ddom-EventSource-readySta=
te&gt;&lt;a href=3D#dom-eventsource-readystate&gt;readyState&lt;/a&gt;&lt=
;/code&gt; attribute is
+  set to a value other than &lt;code title=3Ddom-EventSource-CLOSED&gt;&=
lt;a href=3D#dom-eventsource-closed&gt;CLOSED&lt;/a&gt;&lt;/code&gt;, set=
s the &lt;code title=3Ddom-EventSource-readyState&gt;&lt;a href=3D#dom-ev=
entsource-readystate&gt;readyState&lt;/a&gt;&lt;/code&gt; attribute to &l=
t;code title=3Ddom-EventSource-CLOSED&gt;&lt;a href=3D#dom-eventsource-cl=
osed&gt;CLOSED&lt;/a&gt;&lt;/code&gt; and &lt;a href=3D#fire-a-simple-eve=
nt title=3D&quot;fire a simple event&quot;&gt;fires a simple
+  event&lt;/a&gt; named &lt;code title=3Devent-error&gt;error&lt;/code&g=
t; at the &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSource&lt;/a&gt;&=
lt;/code&gt; object.
+  &lt;strong&gt;Once the user agent has &lt;a href=3D#fail-the-connectio=
n title=3D&quot;fail the connection&quot;&gt;failed the connection&lt;/a&=
gt;, it
+  does &lt;em&gt;not&lt;/em&gt; attempt to reconnect!&lt;/strong&gt;&lt;=
/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;a href=3D#task-source&gt;task source&lt;/a&=
gt; for any &lt;a href=3D#concept-task title=3Dconcept-task&gt;tasks&lt;/=
a&gt; that are &lt;a href=3D#queue-a-task title=3D&quot;queue a task&quot=
;&gt;queued&lt;/a&gt; by &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSo=
urce&lt;/a&gt;&lt;/code&gt; objects is the &lt;dfn id=3Dremote-event-task=
-source&gt;remote event
+  task source&lt;/dfn&gt;.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dparsing-an-event-stream&gt;&lt;span class=3Dsecno&gt;9.2.4=
 &lt;/span&gt;Parsing an event stream&lt;/h4&gt;
+
+  &lt;p&gt;This event stream format's &lt;a href=3D#mime-type&gt;MIME ty=
pe&lt;/a&gt; is &lt;code&gt;&lt;a href=3D#text/event-stream&gt;text/event=
-stream&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The event stream format is as described by the &lt;code title=
=3D&quot;&quot;&gt;stream&lt;/code&gt; production of the
+  following ABNF, the character set for which is Unicode. &lt;a href=3D#=
refsABNF&gt;[ABNF]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;pre&gt;stream        =3D [ bom ] *event
+event         =3D *( comment / field ) end-of-line
+comment       =3D colon *any-char end-of-line
+field         =3D 1*name-char [ colon [ space ] *any-char ] end-of-line
+end-of-line   =3D ( cr lf / cr / lf )
+
+; characters
+lf            =3D %x000A ; U+000A LINE FEED (LF)
+cr            =3D %x000D ; U+000D CARRIAGE RETURN (CR)
+space         =3D %x0020 ; U+0020 SPACE
+colon         =3D %x003A ; U+003A COLON (:)
+bom           =3D %xFEFF ; U+FEFF BYTE ORDER MARK
+name-char     =3D %x0000-0009 / %x000B-000C / %x000E-0039 / %x003B-10FFF=
F
+                ; a &lt;a href=3D#unicode-character&gt;Unicode character=
&lt;/a&gt; other than U+000A LINE FEED (LF), U+000D CARRIAGE RETURN (CR),=
 or U+003A COLON (:)
+any-char      =3D %x0000-0009 / %x000B-000C / %x000E-10FFFF
+                ; a &lt;a href=3D#unicode-character&gt;Unicode character=
&lt;/a&gt; other than U+000A LINE FEED (LF) or U+000D CARRIAGE RETURN (CR=
)&lt;/pre&gt;
+
+  &lt;p&gt;Event streams in this format must always be encoded as UTF-8.=
 &lt;a href=3D#refsRFC3629&gt;[RFC3629]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;Lines must be separated by either a U+000D CARRIAGE RETURN U+=
000A LINE FEED (CRLF) character
+  pair, a single U+000A LINE FEED (LF) character, or a single U+000D CAR=
RIAGE RETURN (CR)
+  character.&lt;/p&gt;
+
+  &lt;p&gt;Since connections established to remote servers for such reso=
urces are expected to be
+  long-lived, UAs should ensure that appropriate buffering is used. In p=
articular, while line
+  buffering with lines are defined to end with a single U+000A LINE FEED=
 (LF) character is safe,
+  block buffering or line buffering with different expected line endings=
 can cause delays in event
+  dispatch.&lt;/p&gt;
+
+
+  &lt;h4 id=3Devent-stream-interpretation&gt;&lt;span class=3Dsecno&gt;9=
.2.5 &lt;/span&gt;Interpreting an event stream&lt;/h4&gt;
+
+  &lt;p&gt;Streams must be decoded using the &lt;a href=3D#utf-8-decode&=
gt;UTF-8 decode&lt;/a&gt; algorithm.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;a href=3D#utf-8-decode&gt;UTF-8 decode&l=
t;/a&gt; algorithm strips one leading UTF-8 Byte Order Mark
+  (BOM), if any.&lt;/p&gt;
+
+  &lt;p&gt;The stream must then be parsed by reading everything line by =
line, with a U+000D CARRIAGE
+  RETURN U+000A LINE FEED (CRLF) character pair, a single U+000A LINE FE=
ED (LF) character not
+  preceded by a U+000D CARRIAGE RETURN (CR) character, and a single U+00=
0D CARRIAGE RETURN (CR)
+  character not followed by a U+000A LINE FEED (LF) character being the =
ways in which a line can
+  end.&lt;/p&gt;
+
+  &lt;p&gt;When a stream is parsed, a &lt;var title=3D&quot;&quot;&gt;da=
ta&lt;/var&gt; buffer, an &lt;var title=3D&quot;&quot;&gt;event type&lt;/=
var&gt;
+  buffer, and a &lt;var title=3D&quot;&quot;&gt;last event ID&lt;/var&gt=
; buffer must be associated with it. They must be
+  initialized to the empty string&lt;/p&gt;
+
+  &lt;p&gt;Lines must be processed, in the order they are received, as f=
ollows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the line is empty (a blank line)=
&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;&lt;a href=3D#dispatchMessage&gt;Dispatch the even=
t&lt;/a&gt;, as defined below.&lt;/dd&gt;
+
+
+   &lt;dt&gt;If the line starts with a U+003A COLON character (:)&lt;/dt=
&gt;
+
+   &lt;dd&gt;&lt;p&gt;Ignore the line.&lt;/dd&gt;
+
+
+   &lt;dt&gt;If the line contains a U+003A COLON character (:)&lt;/dt&gt=
;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Collect the characters on the line before the first U+003A =
COLON character (:), and let &lt;var title=3D&quot;&quot;&gt;field&lt;/va=
r&gt; be that string.&lt;/p&gt;
+
+    &lt;p&gt;Collect the characters on the line after the first U+003A C=
OLON character (:), and let &lt;var title=3D&quot;&quot;&gt;value&lt;/var=
&gt; be that string. If &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;=
 starts with a U+0020 SPACE
+    character, remove it from &lt;var title=3D&quot;&quot;&gt;value&lt;/=
var&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#processField&gt;Process the field&lt;/a&gt; u=
sing the steps described below, using &lt;var title=3D&quot;&quot;&gt;fie=
ld&lt;/var&gt; as the field name and &lt;var title=3D&quot;&quot;&gt;valu=
e&lt;/var&gt; as the field value.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;Otherwise, the string is not empty but does not contain a U=
+003A COLON character (:)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#processField&gt;Process the field&lt;/a&gt; u=
sing the steps described below, using the
+    whole line as the field name, and the empty string as the field valu=
e.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;Once the end of the file is reached, any pending d=
ata must be discarded. (If the file ends in
+  the middle of an event, before the final empty line, the incomplete ev=
ent is not dispatched.)&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p id=3DprocessField&gt;The steps to &lt;dfn title=3D&quo=
t;&quot;&gt;process the field&lt;/dfn&gt; given a field name and a
+  field value depend on the field name, as given in the following list. =
Field names must be compared
+  literally, with no case folding performed.&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the field name is &quot;event&qu=
ot;&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;Set the &lt;var title=3D&quot;&quot;&gt;event type=
&lt;/var&gt; buffer to field value.&lt;/dd&gt;
+
+
+   &lt;dt&gt;If the field name is &quot;data&quot;&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;Append the field value to the &lt;var title=3D&quo=
t;&quot;&gt;data&lt;/var&gt; buffer, then append a single U+000A
+   LINE FEED (LF) character to the &lt;var title=3D&quot;&quot;&gt;data&=
lt;/var&gt; buffer.&lt;/dd&gt;
+
+
+   &lt;dt&gt;If the field name is &quot;id&quot;&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;Set the &lt;var title=3D&quot;&quot;&gt;last event=
 ID&lt;/var&gt; buffer to the field value.&lt;/dd&gt;
+
+
+   &lt;dt&gt;If the field name is &quot;retry&quot;&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;If the field value consists of only &lt;a href=3D#=
ascii-digits&gt;ASCII digits&lt;/a&gt;, then interpret the field
+   value as an integer in base ten, and set the event stream's &lt;a hre=
f=3D#concept-event-stream-reconnection-time title=3Dconcept-event-stream-=
reconnection-time&gt;reconnection time&lt;/a&gt; to that integer.
+   Otherwise, ignore the field.&lt;/dd&gt;
+
+   &lt;!-- v2 feature request from Per-Erik Brodin:
+      &gt; &gt; &gt; Finally, it could be useful to be able to reset the=
 reconnection
+      &gt; &gt; &gt; time to the user agent default value by sending the=
 retry field only
+      &gt; &gt; &gt; and leave out the value similar to how you reset th=
e last event id.
+      &gt; &gt;
+      &gt; &gt; What's the use case?
+      &gt;
+      &gt; Take the stock ticker as an example. When the stock market cl=
oses the
+      &gt; server logic knows that there won't be any new events for a n=
umber of
+      &gt; hours and so it can send the corresponding reconnection time =
and close
+      &gt; the connection. If the client is still running by the time th=
e market
+      &gt; opens, it will reconnect, and the server can now reset the re=
connection
+      &gt; time to a time that is convenient for the user agent (which i=
s the user
+      &gt; agent default value, unknown to the server).
+    --&gt;
+
+&lt;!-- v2 feature request from John Fallows - http://www.w3.org/mid/c5b=
3a7130810271238h11e40a4fybfcd5983ed5dc08d at mail.gmail.com
+
+   &lt;dt&gt;If the field name is &quot;reconnect&quot;&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;If the field value is the empty string, then: &lt;=
a href=3D&quot;#dispatchMessage&quot;&gt;dispatch the
+   event&lt;/a&gt; as defined below, and then drop the connection and im=
mediately reconnect as if the
+   &lt;span title=3D&quot;concept-event-stream-reconnection-time&quot;&g=
t;reconnection time&lt;/span&gt; was zero for this
+   one time.&lt;/p&gt;&lt;/dd&gt;
+
+  --&gt;
+
+   &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;p&gt;The field is ignored.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p id=3DdispatchMessage&gt;When the user agent is requir=
ed to &lt;dfn title=3D&quot;&quot;&gt;dispatch the event&lt;/dfn&gt;,
+  then the user agent must act as follows:
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Set the &lt;a href=3D#concept-event-strea=
m-last-event-id title=3Dconcept-event-stream-last-event-id&gt;last event =
ID string&lt;/a&gt; of
+   the event source to the value of the &lt;var title=3D&quot;&quot;&gt;=
last event ID&lt;/var&gt; buffer. The buffer does
+   not get reset, so the &lt;a href=3D#concept-event-stream-last-event-i=
d title=3Dconcept-event-stream-last-event-id&gt;last event ID
+   string&lt;/a&gt; of the event source remains set to this value until =
the next time it is set by the
+   server.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;data&lt;/va=
r&gt; buffer is an empty string, set the &lt;var title=3D&quot;&quot;&gt;=
data&lt;/var&gt; buffer and the &lt;var title=3D&quot;&quot;&gt;event typ=
e&lt;/var&gt; buffer to the empty string and
+   abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;data&lt;/va=
r&gt; buffer's last character is a U+000A LINE FEED (LF)
+   character, then remove the last character from the &lt;var title=3D&q=
uot;&quot;&gt;data&lt;/var&gt; buffer.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Create an event that uses the &lt;code&gt;&lt;a hr=
ef=3D#messageevent&gt;MessageEvent&lt;/a&gt;&lt;/code&gt; interface, with=
 the event type
+   &lt;code title=3Devent-message&gt;&lt;a href=3D#event-message&gt;mess=
age&lt;/a&gt;&lt;/code&gt;, which does not bubble, is not cancelable, and=
 has no
+   default action. The &lt;code title=3Ddom-MessageEvent-data&gt;&lt;a h=
ref=3D#dom-messageevent-data&gt;data&lt;/a&gt;&lt;/code&gt; attribute mus=
t be initialized
+   to the value of the &lt;var title=3D&quot;&quot;&gt;data&lt;/var&gt; =
buffer, the &lt;code title=3Ddom-MessageEvent-origin&gt;&lt;a href=3D#dom=
-messageevent-origin&gt;origin&lt;/a&gt;&lt;/code&gt; attribute must be i=
nitialized to the &lt;a href=3D#unicode-serialization-of-an-origin title=3D=
&quot;Unicode serialization of an origin&quot;&gt;Unicode serialization&l=
t;/a&gt; of the
+   &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the event stream's final =
URL (i.e. the URL after redirects), and the &lt;code title=3Ddom-MessageE=
vent-lastEventId&gt;&lt;a href=3D#dom-messageevent-lasteventid&gt;lastEve=
ntId&lt;/a&gt;&lt;/code&gt; attribute must be initialized to the
+   &lt;a href=3D#concept-event-stream-last-event-id title=3Dconcept-even=
t-stream-last-event-id&gt;last event ID string&lt;/a&gt; of the event sou=
rce.
+   This event is not &lt;a href=3D#concept-events-trusted title=3Dconcep=
t-events-trusted&gt;trusted&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;event type&=
lt;/var&gt; buffer has a value other than the empty string,
+   change the &lt;a href=3D#concept-event-type title=3Dconcept-event-typ=
e&gt;type&lt;/a&gt; of the newly created event to equal the
+   value of the &lt;var title=3D&quot;&quot;&gt;event type&lt;/var&gt; b=
uffer.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set the &lt;var title=3D&quot;&quot;&gt;data&lt;/v=
ar&gt; buffer and the &lt;var title=3D&quot;&quot;&gt;event type&lt;/var&=
gt; buffer to
+   the empty string.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#queue-a-task&gt;Queue a task&lt;/a&g=
t; which, if the &lt;code title=3Ddom-EventSource-readyState&gt;&lt;a hre=
f=3D#dom-eventsource-readystate&gt;readyState&lt;/a&gt;&lt;/code&gt; attr=
ibute is set to a value other than &lt;code title=3Ddom-EventSource-CLOSE=
D&gt;&lt;a href=3D#dom-eventsource-closed&gt;CLOSED&lt;/a&gt;&lt;/code&gt=
;, &lt;a href=3D#concept-event-dispatch title=3Dconcept-event-dispatch&gt=
;dispatches&lt;/a&gt; the newly created event at the
+   &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSource&lt;/a&gt;&lt;/co=
de&gt; object.&lt;/li&gt; &lt;!-- so calling close() drops the messages i=
mmediately.
+   The connection dying doesn't interfere with already-sent messages sin=
ce it sets us to CLOSED via
+   a task, not synchronously --&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;If an event doesn't have an &quot;id&=
quot; field, but an earlier event did set the event
+  source's &lt;a href=3D#concept-event-stream-last-event-id title=3Dconc=
ept-event-stream-last-event-id&gt;last event ID string&lt;/a&gt;, then th=
e
+  event's &lt;code title=3Ddom-MessageEvent-lastEventId&gt;&lt;a href=3D=
#dom-messageevent-lasteventid&gt;lastEventId&lt;/a&gt;&lt;/code&gt; field=
 will be set to the
+  value of whatever the last seen &quot;id&quot; field was.&lt;/p&gt;
+
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following event stream, once followed by a blank line:&l=
t;/p&gt;
+   &lt;pre&gt;data: YHOO
+data: +2
+data: 10&lt;/pre&gt;
+
+   &lt;p&gt;...would cause an event &lt;code title=3Devent-message&gt;&l=
t;a href=3D#event-message&gt;message&lt;/a&gt;&lt;/code&gt; with the inte=
rface
+   &lt;code&gt;&lt;a href=3D#messageevent&gt;MessageEvent&lt;/a&gt;&lt;/=
code&gt; to be dispatched on the &lt;code&gt;&lt;a href=3D#eventsource&gt=
;EventSource&lt;/a&gt;&lt;/code&gt; object. The event's
+   &lt;code title=3Ddom-MessageEvent-data&gt;&lt;a href=3D#dom-messageev=
ent-data&gt;data&lt;/a&gt;&lt;/code&gt; attribute would contain the strin=
g
+   &lt;code&gt;YHOO\n+2\n10&lt;/code&gt; (where &lt;code&gt;\n&lt;/code&=
gt; represents a newline).&lt;/p&gt;
+
+   &lt;p&gt;This could be used as follows:
+   &lt;pre&gt;var stocks =3D new EventSource(&quot;http://stocks.example=
.com/ticker.php&quot;);
+stocks.onmessage =3D function (event) {
+  var data =3D event.data.split('\n');
+  updateStocks(data[0], data[1], data[2]);
+};&lt;/pre&gt;
+
+   &lt;p&gt;...where &lt;code title=3D&quot;&quot;&gt;updateStocks()&lt;=
/code&gt; is a function defined as:&lt;/p&gt;
+
+   &lt;pre&gt;function updateStocks(symbol, delta, value) { ... }&lt;/pr=
e&gt;
+
+   &lt;p&gt;...or some such.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following stream contains four blocks. The first block h=
as just a comment, and will fire
+   nothing. The second block has two fields with names &quot;data&quot; =
and &quot;id&quot; respectively; an event will
+   be fired for this block, with the data &quot;first event&quot;, and w=
ill then set the last event ID to &quot;1&quot;
+   so that if the connection died between this block and the next, the s=
erver would be sent a &lt;code title=3Dhttp-last-event-id&gt;&lt;a href=3D=
#last-event-id&gt;Last-Event-ID&lt;/a&gt;&lt;/code&gt; header with the va=
lue &quot;1&quot;. The third block fires
+   an event with data &quot;second event&quot;, and also has an &quot;id=
&quot; field, this time with no value, which
+   resets the last event ID to the empty string (meaning no &lt;code tit=
le=3Dhttp-last-event-id&gt;&lt;a href=3D#last-event-id&gt;Last-Event-ID&l=
t;/a&gt;&lt;/code&gt; header will now be sent in the event of a
+   reconnection being attempted). Finally, the last block just fires an =
event with the data
+   &quot;&amp;nbsp;third&amp;nbsp;event&quot; (with a single leading spa=
ce character). Note that the last still has to
+   end with a blank line, the end of the stream is not enough to trigger=
 the dispatch of the last
+   event.&lt;/p&gt;
+
+   &lt;pre&gt;: test stream
+
+data: first event
+id: 1
+
+data:second event
+id
+
+data:&amp;nbsp;&amp;nbsp;third event
+&lt;/pre&gt;
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following stream fires two events:&lt;/p&gt;
+
+   &lt;pre&gt;data
+
+data
+data
+
+data:&lt;/pre&gt;
+
+   &lt;p&gt;The first block fires events with the data set to the empty =
string, as would the last block if
+   it was followed by a blank line. The middle block fires an event with=
 the data set to a single
+   newline character. The last block is discarded because it is not foll=
owed by a blank line.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The following stream fires two identical events:&lt;/p&gt;
+
+   &lt;pre&gt;data:test
+
+data:&amp;nbsp;test
+&lt;/pre&gt;
+
+   &lt;p&gt;This is because the space after the colon is ignored if pres=
ent.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dauthoring-notes&gt;&lt;span class=3Dsecno&gt;9.2.6 &lt;/sp=
an&gt;Authoring notes&lt;/h4&gt;
+
+  &lt;p&gt;Legacy proxy servers are known to, in certain cases, drop HTT=
P connections after a short
+  timeout. To protect against such proxy servers, authors can include a =
comment line (one starting
+  with a ':' character) every 15 seconds or so.&lt;/p&gt;
+
+  &lt;p&gt;Authors wishing to relate event source connections to each ot=
her or to specific documents
+  previously served might find that relying on IP addresses doesn't work=
, as individual clients can
+  have multiple IP addresses (due to having multiple proxy servers) and =
individual IP addresses can
+  have multiple clients (due to sharing a proxy server). It is better to=
 include a unique identifier
+  in the document when it is served and then pass that identifier as par=
t of the URL when the
+  connection is established.&lt;/p&gt;
+
+  &lt;p&gt;Authors are also cautioned that HTTP chunking can have unexpe=
cted negative effects on the
+  reliability of this protocol. Where possible, chunking should be disab=
led for serving event
+  streams unless the rate of messages is high enough for this not to mat=
ter.&lt;/p&gt; &lt;!-- v2 can we get
+  a better solution? --&gt;
+
+  &lt;p&gt;Clients that support HTTP's per-server connection limitation =
might run into trouble when
+  opening multiple pages from a site if each page has an &lt;code&gt;&lt=
;a href=3D#eventsource&gt;EventSource&lt;/a&gt;&lt;/code&gt; to the same
+  domain. Authors can avoid this using the relatively complex mechanism =
of using unique domain names
+  per connection, or by allowing the user to enable or disable the &lt;c=
ode&gt;&lt;a href=3D#eventsource&gt;EventSource&lt;/a&gt;&lt;/code&gt;
+  functionality on a per-page basis, or by sharing a single &lt;code&gt;=
&lt;a href=3D#eventsource&gt;EventSource&lt;/a&gt;&lt;/code&gt; object us=
ing a
+  &lt;a href=3D#sharedworkerglobalscope title=3DSharedWorkerGlobalScope&=
gt;shared worker&lt;/a&gt;.&lt;/p&gt;
+
+
+  &lt;h4 id=3Deventsource-push&gt;&lt;span class=3Dsecno&gt;9.2.7 &lt;/s=
pan&gt;Connectionless push and other features&lt;/h4&gt;
+
+  &lt;p&gt;User agents running in controlled environments, e.g. browsers=
 on mobile handsets tied to
+  specific carriers, may offload the management of the connection to a p=
roxy on the network. In such
+  a situation, the user agent for the purposes of conformance is conside=
red to include both the
+  handset software and the network proxy.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For example, a browser on a mobile device, after having esta=
blished a connection, might detect
+   that it is on a supporting network and request that a proxy server on=
 the network take over the
+   management of the connection. The timeline for such a situation might=
 be as follows:&lt;/p&gt;
+
+   &lt;ol&gt;&lt;li&gt;Browser connects to a remote HTTP server and requ=
ests the resource specified by the author
+    in the &lt;code title=3Ddom-EventSource&gt;&lt;a href=3D#dom-eventso=
urce&gt;EventSource&lt;/a&gt;&lt;/code&gt; constructor.&lt;/li&gt;
+
+    &lt;li&gt;The server sends occasional messages.&lt;/li&gt;
+
+    &lt;li&gt;In between two messages, the browser detects that it is id=
le except for the network activity
+    involved in keeping the TCP connection alive, and decides to switch =
to sleep mode to save
+    power.&lt;/li&gt;
+
+    &lt;li&gt;The browser disconnects from the server.&lt;/li&gt;
+
+    &lt;li&gt;The browser contacts a service on the network, and request=
s that that service, a &quot;push
+    proxy&quot;, maintain the connection instead.&lt;/li&gt;
+
+    &lt;li&gt;The &quot;push proxy&quot; service contacts the remote HTT=
P server and requests the resource specified
+    by the author in the &lt;code title=3Ddom-EventSource&gt;&lt;a href=3D=
#dom-eventsource&gt;EventSource&lt;/a&gt;&lt;/code&gt; constructor (possi=
bly
+    including a &lt;code title=3Dhttp-last-event-id&gt;&lt;a href=3D#las=
t-event-id&gt;Last-Event-ID&lt;/a&gt;&lt;/code&gt; HTTP header, etc).&lt;=
/li&gt;
+
+    &lt;li&gt;The browser allows the mobile device to go to sleep.&lt;/l=
i&gt;
+
+    &lt;li&gt;The server sends another message.&lt;/li&gt;
+
+    &lt;li&gt;The &quot;push proxy&quot; service uses a technology such =
as OMA push to convey the event to the
+    mobile device, which wakes only enough to process the event and then=
 returns to sleep.&lt;/li&gt;
+
+   &lt;/ol&gt;&lt;/div&gt;
+
+  &lt;p&gt;This can reduce the total data usage, and can therefore resul=
t in considerable power
+  savings.&lt;/p&gt;
+
+  &lt;p&gt;As well as implementing the existing API and &lt;code&gt;&lt;=
a href=3D#text/event-stream&gt;text/event-stream&lt;/a&gt;&lt;/code&gt; w=
ire format as
+  defined by this specification and in more distributed ways as describe=
d above, formats of event
+  framing defined by &lt;a href=3D#other-applicable-specifications&gt;ot=
her applicable specifications&lt;/a&gt; may be supported. This
+  specification does not define how they are to be parsed or processed.&=
lt;/p&gt;
+
+
+  &lt;h4 id=3Dgarbage-collection-0&gt;&lt;span class=3Dsecno&gt;9.2.8 &l=
t;/span&gt;Garbage collection&lt;/h4&gt;
+
+  &lt;p&gt;While an &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSource=
&lt;/a&gt;&lt;/code&gt; object's &lt;code title=3Ddom-EventSource-readySt=
ate&gt;&lt;a href=3D#dom-eventsource-readystate&gt;readyState&lt;/a&gt;&l=
t;/code&gt; is &lt;code title=3Ddom-EventSource-CONNECTING&gt;&lt;a href=3D=
#dom-eventsource-connecting&gt;CONNECTING&lt;/a&gt;&lt;/code&gt;, and the=
 object has one or more event
+  listeners registered for &lt;code title=3Devent-open&gt;open&lt;/code&=
gt;, &lt;code title=3Devent-message&gt;&lt;a href=3D#event-message&gt;mes=
sage&lt;/a&gt;&lt;/code&gt; or &lt;code title=3Devent-error&gt;error&lt;/=
code&gt; events, there must
+  be a strong reference from the &lt;code&gt;&lt;a href=3D#window&gt;Win=
dow&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#workerglobalscope=
&gt;WorkerGlobalScope&lt;/a&gt;&lt;/code&gt; object that
+  the &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSource&lt;/a&gt;&lt;=
/code&gt; object's constructor was invoked from to the &lt;code&gt;&lt;a =
href=3D#eventsource&gt;EventSource&lt;/a&gt;&lt;/code&gt;
+  object itself.&lt;/p&gt;
+
+  &lt;p&gt;While an &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSource=
&lt;/a&gt;&lt;/code&gt; object's &lt;code title=3Ddom-EventSource-readySt=
ate&gt;&lt;a href=3D#dom-eventsource-readystate&gt;readyState&lt;/a&gt;&l=
t;/code&gt; is &lt;code title=3Ddom-EventSource-OPEN&gt;&lt;a href=3D#dom=
-eventsource-open&gt;OPEN&lt;/a&gt;&lt;/code&gt;, and the object has one =
or more event listeners
+  registered for &lt;code title=3Devent-message&gt;&lt;a href=3D#event-m=
essage&gt;message&lt;/a&gt;&lt;/code&gt; or &lt;code title=3Devent-error&=
gt;error&lt;/code&gt; events, there must be a strong reference from the
+  &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; or &=
lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope&lt;/a&gt;=
&lt;/code&gt; object that the &lt;code&gt;&lt;a href=3D#eventsource&gt;Ev=
entSource&lt;/a&gt;&lt;/code&gt;
+  object's constructor was invoked from to the &lt;code&gt;&lt;a href=3D=
#eventsource&gt;EventSource&lt;/a&gt;&lt;/code&gt; object itself.&lt;/p&g=
t;
+
+  &lt;p&gt;While there is a task queued by an &lt;code&gt;&lt;a href=3D#=
eventsource&gt;EventSource&lt;/a&gt;&lt;/code&gt; object on the &lt;a hre=
f=3D#remote-event-task-source&gt;remote event
+  task source&lt;/a&gt;, there must be a strong reference from the &lt;c=
ode&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; or
+  &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope&lt;/a=
&gt;&lt;/code&gt; object that the &lt;code&gt;&lt;a href=3D#eventsource&g=
t;EventSource&lt;/a&gt;&lt;/code&gt; object's constructor was
+  invoked from to that &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSou=
rce&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+  &lt;p&gt;If a user agent is to &lt;dfn id=3Dconcept-eventsource-forcib=
ly-close title=3Dconcept-EventSource-forcibly-close&gt;forcibly close&lt;=
/dfn&gt; an
+  &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSource&lt;/a&gt;&lt;/cod=
e&gt; object (this happens when a &lt;code&gt;&lt;a href=3D#document&gt;D=
ocument&lt;/a&gt;&lt;/code&gt; object goes away
+  permanently), the user agent must abort any instances of the &lt;a hre=
f=3D#fetch&gt;fetch&lt;/a&gt; algorithm started
+  for this &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSource&lt;/a&gt=
;&lt;/code&gt; object, and must set the &lt;code title=3Ddom-EventSource-=
readyState&gt;&lt;a href=3D#dom-eventsource-readystate&gt;readyState&lt;/=
a&gt;&lt;/code&gt; attribute to &lt;code title=3Ddom-EventSource-CLOSED&g=
t;&lt;a href=3D#dom-eventsource-closed&gt;CLOSED&lt;/a&gt;&lt;/code&gt;.&=
lt;/p&gt; &lt;!-- same as calling close() --&gt;
+
+  &lt;p&gt;If an &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSource&lt=
;/a&gt;&lt;/code&gt; object is garbage collected while its connection is =
still open,
+  the user agent must abort any instance of the &lt;a href=3D#fetch titl=
e=3Dfetch&gt;fetch&lt;/a&gt; algorithm opened by
+  this &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSource&lt;/a&gt;&lt=
;/code&gt;.&lt;/p&gt; &lt;!-- no need to throw tasks away or anything; fo=
r it to get
+  garbage collected, there can't be anything that would be able to recei=
ve those events --&gt;
+
+  &lt;p class=3Dnote&gt;It's possible for one active network connection =
to be shared by multiple
+  &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSource&lt;/a&gt;&lt;/cod=
e&gt; objects and their &lt;a href=3D#fetch&gt;fetch&lt;/a&gt; algorithms=
, which is why the above
+  is phrased in terms of aborting the &lt;a href=3D#fetch&gt;fetch&lt;/a=
&gt; algorithm and not the actual underlying
+  download.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dimplementation-advice&gt;&lt;span class=3Dsecno&gt;9.2.9 &=
lt;/span&gt;Implementation advice&lt;/h4&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;User agents are strongly urged to provide detailed diagnostic=
 information about
+  &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSource&lt;/a&gt;&lt;/cod=
e&gt; objects and their related network connections in their development
+  consoles, to aid authors in debugging code using this API.&lt;/p&gt;
+
+  &lt;p&gt;For example, a user agent could have a panel displaying all t=
he &lt;code&gt;&lt;a href=3D#eventsource&gt;EventSource&lt;/a&gt;&lt;/cod=
e&gt;
+  objects a page has created, each listing the constructor's arguments, =
whether there was a network
+  error, what the CORS status of the connection is and what headers were=
 sent by the client and
+  received from the server to lead to that status, the messages that wer=
e received and how they were
+  parsed, and so forth.&lt;/p&gt;
+
+  &lt;p&gt;Implementations are especially encouraged to report detailed =
information to their development
+  consoles whenever an &lt;code title=3Devent-error&gt;error&lt;/code&gt=
; event is fired, since little to no
+  information can be made available in the events themselves.&lt;/p&gt;
+
+
+  &lt;h4 id=3Diana-considerations&gt;&lt;span class=3Dsecno&gt;9.2.10 &l=
t;/span&gt;IANA considerations&lt;/h4&gt;
+
+  &lt;h5 id=3Dtext/event-stream&gt;&lt;span class=3Dsecno&gt;9.2.10.1 &l=
t;/span&gt;&lt;dfn&gt;&lt;code&gt;text/event-stream&lt;/code&gt;&lt;/dfn&=
gt;&lt;/h5&gt;
+
+  &lt;p&gt;This registration is for community review and will be submitt=
ed to the IESG for review,
+  approval, and registration with IANA.&lt;/p&gt;
+
+  &lt;!--
+   To: ietf-types at iana.org
+   Subject: Registration of media type text/event-stream
+  --&gt;
+
+  &lt;dl&gt;&lt;dt&gt;Type name:&lt;/dt&gt;
+   &lt;dd&gt;text&lt;/dd&gt;
+   &lt;dt&gt;Subtype name:&lt;/dt&gt;
+   &lt;dd&gt;event-stream&lt;/dd&gt;
+   &lt;dt&gt;Required parameters:&lt;/dt&gt;
+   &lt;dd&gt;No parameters&lt;/dd&gt;
+   &lt;dt&gt;Optional parameters:&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;dl&gt;&lt;dt&gt;&lt;code title=3D&quot;&quot;&gt;charset&lt;/cod=
e&gt;&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;The &lt;code title=3D&quot;&quot;&gt;charset&lt;/code&gt;=
 parameter may be provided. The parameter's value must be
+      &quot;&lt;code title=3D&quot;&quot;&gt;utf-8&lt;/code&gt;&quot;. T=
his parameter serves no purpose; it is only allowed for
+      compatibility with legacy servers.&lt;/p&gt;
+
+     &lt;/dd&gt;
+    &lt;/dl&gt;&lt;/dd&gt;
+   &lt;dt&gt;Encoding considerations:&lt;/dt&gt;
+   &lt;dd&gt;8bit (always UTF-8)&lt;/dd&gt;
+&lt;!--ADD-TOPIC:Security--&gt;
+   &lt;dt&gt;Security considerations:&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;An event stream from an origin distinct from the origin of =
the content consuming the event
+    stream can result in information leakage. To avoid this, user agents=
 are required to apply CORS
+    semantics. &lt;a href=3D#refsCORS&gt;[CORS]&lt;/a&gt;&lt;/p&gt;
+
+    &lt;p&gt;Event streams can overwhelm a user agent; a user agent is e=
xpected to apply suitable
+    restrictions to avoid depleting local resources because of an overab=
undance of information from
+    an event stream.&lt;/p&gt;
+
+    &lt;p&gt;Servers can be overwhelmed if a situation develops in which=
 the server is causing clients to
+    reconnect rapidly. Servers should use a 5xx status code to indicate =
capacity problems, as this
+    will prevent conforming clients from reconnecting automatically.&lt;=
/p&gt;
+
+   &lt;/dd&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+   &lt;dt&gt;Interoperability considerations:&lt;/dt&gt;
+   &lt;dd&gt;
+    Rules for processing both conforming and non-conforming content are =
defined in this
+    specification.
+   &lt;/dd&gt;
+   &lt;dt&gt;Published specification:&lt;/dt&gt;
+   &lt;dd&gt;
+    This document is the relevant specification.
+   &lt;/dd&gt;
+   &lt;dt&gt;Applications that use this media type:&lt;/dt&gt;
+   &lt;dd&gt;
+    Web browsers and tools using Web services.
+   &lt;/dd&gt;
+   &lt;dt&gt;Additional information:&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;dl&gt;&lt;dt&gt;Magic number(s):&lt;/dt&gt;
+     &lt;dd&gt;No sequence of bytes can uniquely identify an event strea=
m.&lt;/dd&gt;
+     &lt;dt&gt;File extension(s):&lt;/dt&gt;
+     &lt;dd&gt;No specific file extensions are recommended for this type=
.&lt;/dd&gt;
+     &lt;dt&gt;Macintosh file type code(s):&lt;/dt&gt;
+     &lt;dd&gt;No specific Macintosh file type codes are recommended for=
 this type.&lt;/dd&gt;
+    &lt;/dl&gt;&lt;/dd&gt;
+   &lt;dt&gt;Person &amp;amp; email address to contact for further infor=
mation:&lt;/dt&gt;
+   &lt;dd&gt;Ian Hickson &amp;lt;ian at hixie.ch&amp;gt;&lt;/dd&gt;
+   &lt;dt&gt;Intended usage:&lt;/dt&gt;
+   &lt;dd&gt;Common&lt;/dd&gt;
+   &lt;dt&gt;Restrictions on usage:&lt;/dt&gt;
+   &lt;dd&gt;This format is only expected to be used by dynamic open-end=
ed streams served using HTTP or a
+   similar protocol. Finite resources are not expected to be labeled wit=
h this type.&lt;/dd&gt;
+   &lt;dt&gt;Author:&lt;/dt&gt;
+   &lt;dd&gt;Ian Hickson &amp;lt;ian at hixie.ch&amp;gt;&lt;/dd&gt;
+   &lt;dt&gt;Change controller:&lt;/dt&gt;
+   &lt;dd&gt;W3C&lt;/dd&gt;
+  &lt;/dl&gt;&lt;p&gt;Fragment identifiers have no meaning with
+  &lt;code&gt;&lt;a href=3D#text/event-stream&gt;text/event-stream&lt;/a=
&gt;&lt;/code&gt; resources.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dlast-event-id&gt;&lt;span class=3Dsecno&gt;9.2.10.2 &lt;/s=
pan&gt;&lt;dfn title=3Dhttp-last-event-id&gt;&lt;code&gt;Last-Event-ID&lt=
;/code&gt;&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;This section describes a header for registration in the Perma=
nent Message Header Field
+  Registry. &lt;a href=3D#refsRFC3864&gt;[RFC3864]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;Header field name:&lt;/dt&gt;
+   &lt;dd&gt;Last-Event-ID&lt;/dd&gt;
+   &lt;dt&gt;Applicable protocol:&lt;/dt&gt;
+   &lt;dd&gt;http&lt;/dd&gt;
+   &lt;dt&gt;Status:&lt;/dt&gt;
+   &lt;dd&gt;standard&lt;/dd&gt;
+   &lt;dt&gt;Author/Change controller:&lt;/dt&gt;
+   &lt;dd&gt;W3C&lt;/dd&gt;
+   &lt;dt&gt;Specification document(s):&lt;/dt&gt;
+   &lt;dd&gt;
+    This document is the relevant specification.
+   &lt;/dd&gt;
+   &lt;dt&gt;Related information:&lt;/dt&gt;
+   &lt;dd&gt;None.&lt;/dd&gt;
+  &lt;/dl&gt;&lt;h3 id=3Dnetwork&gt;&lt;span class=3Dsecno&gt;9.3 &lt;/s=
pan&gt;&lt;dfn&gt;Web sockets&lt;/dfn&gt;&lt;/h3&gt;
+
+
+
+  &lt;h4 id=3Dnetwork-intro&gt;&lt;span class=3Dsecno&gt;9.3.1 &lt;/span=
&gt;Introduction&lt;/h4&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;To enable Web applications to maintain bidirectional communic=
ations with server-side processes,
+  this specification introduces the &lt;code&gt;&lt;a href=3D#websocket&=
gt;WebSocket&lt;/a&gt;&lt;/code&gt; interface.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This interface does not allow for raw access to =
the underlying network. For
+  example, this interface could not be used to implement an IRC client w=
ithout proxying messages
+  through a custom server.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dthe-websocket-interface&gt;&lt;span class=3Dsecno&gt;9.3.2=
 &lt;/span&gt;The &lt;code&gt;&lt;a href=3D#websocket&gt;WebSocket&lt;/a&=
gt;&lt;/code&gt; interface&lt;/h4&gt;
+
+  &lt;pre class=3Didl&gt;enum &lt;dfn id=3Dbinarytype&gt;BinaryType&lt;/=
dfn&gt; { &quot;&lt;span title=3Ddom-BinaryType-blob&gt;blob&lt;/span&gt;=
&quot;, &quot;&lt;span title=3Ddom-BinaryType-arraybuffer&gt;arraybuffer&=
lt;/span&gt;&quot; };
+[&lt;a href=3D#dom-websocket title=3Ddom-WebSocket&gt;Constructor&lt;/a&=
gt;(DOMString url, optional (DOMString or DOMString[]) protocols)]
+interface &lt;dfn id=3Dwebsocket&gt;WebSocket&lt;/dfn&gt; : &lt;a href=3D=
#eventtarget&gt;EventTarget&lt;/a&gt; {
+  readonly attribute DOMString &lt;a href=3D#dom-websocket-url title=3Dd=
om-WebSocket-url&gt;url&lt;/a&gt;;
+
+  // ready state
+  const unsigned short &lt;a href=3D#dom-websocket-connecting title=3Ddo=
m-WebSocket-CONNECTING&gt;CONNECTING&lt;/a&gt; =3D 0;
+  const unsigned short &lt;a href=3D#dom-websocket-open title=3Ddom-WebS=
ocket-OPEN&gt;OPEN&lt;/a&gt; =3D 1;
+  const unsigned short &lt;a href=3D#dom-websocket-closing title=3Ddom-W=
ebSocket-CLOSING&gt;CLOSING&lt;/a&gt; =3D 2;
+  const unsigned short &lt;a href=3D#dom-websocket-closed title=3Ddom-We=
bSocket-CLOSED&gt;CLOSED&lt;/a&gt; =3D 3;
+  readonly attribute unsigned short &lt;a href=3D#dom-websocket-readysta=
te title=3Ddom-WebSocket-readyState&gt;readyState&lt;/a&gt;;
+  readonly attribute unsigned long &lt;a href=3D#dom-websocket-buffereda=
mount title=3Ddom-WebSocket-bufferedAmount&gt;bufferedAmount&lt;/a&gt;;
+
+  // networking
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-websocket-onopen title=3Dhandler-WebSocket-onopen=
&gt;onopen&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-websocket-onerror title=3Dhandler-WebSocket-onerr=
or&gt;onerror&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-websocket-onclose title=3Dhandler-WebSocket-onclo=
se&gt;onclose&lt;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-websocket-extensions ti=
tle=3Ddom-WebSocket-extensions&gt;extensions&lt;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-websocket-protocol titl=
e=3Ddom-WebSocket-protocol&gt;protocol&lt;/a&gt;;
+  void &lt;a href=3D#dom-websocket-close title=3Ddom-WebSocket-close&gt;=
close&lt;/a&gt;([Clamp] optional unsigned short code, optional DOMString =
reason);
+
+  // messaging
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-websocket-onmessage title=3Dhandler-WebSocket-onm=
essage&gt;onmessage&lt;/a&gt;;
+           attribute &lt;a href=3D#binarytype&gt;BinaryType&lt;/a&gt; &l=
t;a href=3D#dom-websocket-binarytype title=3Ddom-WebSocket-binaryType&gt;=
binaryType&lt;/a&gt;;
+  void &lt;a href=3D#dom-websocket-send title=3Ddom-WebSocket-send&gt;se=
nd&lt;/a&gt;(DOMString data);
+  void &lt;a href=3D#dom-websocket-send title=3Ddom-WebSocket-send&gt;se=
nd&lt;/a&gt;(&lt;a href=3D#blob&gt;Blob&lt;/a&gt; data);
+  void &lt;a href=3D#dom-websocket-send title=3Ddom-WebSocket-send&gt;se=
nd&lt;/a&gt;(&lt;a href=3D#arraybuffer&gt;ArrayBuffer&lt;/a&gt; data);
+  void &lt;a href=3D#dom-websocket-send title=3Ddom-WebSocket-send&gt;se=
nd&lt;/a&gt;(&lt;a href=3D#arraybufferview&gt;ArrayBufferView&lt;/a&gt; d=
ata);
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-websocket title=3Ddom-WebSocket&gt;&lt;c=
ode&gt;WebSocket(&lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt;, &lt;var=
 title=3D&quot;&quot;&gt;protocols&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; =
constructor takes one or two arguments. The first argument,
+  &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt;, specifies the &lt;a h=
ref=3D#url&gt;URL&lt;/a&gt; to which to connect. The second, &lt;var titl=
e=3D&quot;&quot;&gt;protocols&lt;/var&gt;, if present, is either a string=
 or an array of strings. If it is a
+  string, it is equivalent to an array consisting of just that string; i=
f it is omitted, it is
+  equivalent to the empty array. Each string in the array is a subprotoc=
ol name. The connection will
+  only be established if the server reports that it has selected one of =
these subprotocols. The
+  subprotocol names must all be strings that match the requirements for =
elements that comprise the
+  value of &lt;code title=3Dhttp-sec-websocket-protocol&gt;Sec-WebSocket=
-Protocol&lt;/code&gt; fields as
+  defined by the WebSocket protocol specification. &lt;a href=3D#refsWSP=
&gt;[WSP]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;code&gt;WebSocket()&lt;/code&gt; constructor is =
invoked, the UA must run these steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;i&gt;&lt;a href=3D&quot;#parse-a-webs=
ocket-url's-components&quot;&gt;Parse a WebSocket URL's components&lt;/a&=
gt;&lt;/i&gt; from the &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt; ar=
gument, to
+   obtain &lt;var title=3D&quot;&quot;&gt;host&lt;/var&gt;, &lt;var titl=
e=3D&quot;&quot;&gt;port&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;res=
ource name&lt;/var&gt;, and
+   &lt;var title=3D&quot;&quot;&gt;secure&lt;/var&gt;. If this fails, th=
row a &lt;code&gt;&lt;a href=3D#syntaxerror&gt;SyntaxError&lt;/a&gt;&lt;/=
code&gt; exception and abort
+   these steps. &lt;a href=3D#refsWSP&gt;[WSP]&lt;/a&gt;&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;secure&lt;/var&=
gt; is false but the &lt;a href=3D#origin&gt;origin&lt;/a&gt; specified b=
y the &lt;a href=3D#entry-settings-object&gt;entry
+   settings object&lt;/a&gt; has a scheme component that is itself a sec=
ure protocol, e.g. HTTPS, then throw a
+   &lt;code&gt;&lt;a href=3D#securityerror&gt;SecurityError&lt;/a&gt;&lt=
;/code&gt; exception and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;port&lt;/var&gt; is a po=
rt to which the user agent is configured to block access,
+    then throw a &lt;code&gt;&lt;a href=3D#securityerror&gt;SecurityErro=
r&lt;/a&gt;&lt;/code&gt; exception and abort these steps. (User agents ty=
pically
+    block access to well-known ports like SMTP.)&lt;/p&gt;
+    &lt;!-- e.g. http://www.mozilla.org/projects/netlib/PortBanning.html=
 --&gt;
+
+    &lt;p&gt;Access to ports 80 and 443 should not be blocked, including=
 the unlikely cases when &lt;var title=3D&quot;&quot;&gt;secure&lt;/var&g=
t; is false but &lt;var title=3D&quot;&quot;&gt;port&lt;/var&gt; is 443 o=
r &lt;var title=3D&quot;&quot;&gt;secure&lt;/var&gt;
+    is true but &lt;var title=3D&quot;&quot;&gt;port&lt;/var&gt; is 80.&=
lt;/p&gt;
+    &lt;!-- paragraph requested by zcorpan --&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;protocols&lt;/var&gt; is=
 absent, let &lt;var title=3D&quot;&quot;&gt;protocols&lt;/var&gt; be an =
empty
+    array.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if &lt;var title=3D&quot;&quot;&gt;protocols&lt;=
/var&gt; is present and a string, let &lt;var title=3D&quot;&quot;&gt;pro=
tocols&lt;/var&gt; instead be an array consisting of just that string.&lt=
;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If any of the values in &lt;var title=3D&quot;&quo=
t;&gt;protocols&lt;/var&gt; occur more than once or otherwise
+   fail to match the requirements for elements that comprise the value o=
f &lt;code title=3Dhttp-sec-websocket-protocol&gt;Sec-WebSocket-Protocol&=
lt;/code&gt; fields as defined by the
+   WebSocket protocol specification, then throw a &lt;code&gt;&lt;a href=
=3D#syntaxerror&gt;SyntaxError&lt;/a&gt;&lt;/code&gt; exception and abort=
 these
+   steps. &lt;a href=3D#refsWSP&gt;[WSP]&lt;/a&gt;&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;origin&lt;/var=
&gt; be the &lt;a href=3D#ascii-serialization-of-an-origin title=3D&quot;=
ASCII serialization of an origin&quot;&gt;ASCII
+   serialization&lt;/a&gt; of the &lt;a href=3D#origin&gt;origin&lt;/a&g=
t; specified by the &lt;a href=3D#entry-settings-object&gt;entry settings=
 object&lt;/a&gt;, &lt;a href=3D#converted-to-ascii-lowercase&gt;converte=
d
+   to ASCII lowercase&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return a new &lt;code&gt;&lt;a href=3D#websocket&g=
t;WebSocket&lt;/a&gt;&lt;/code&gt; object, but continue these steps
+   asynchronously.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the new object's &lt;dfn id=3Dclient-specified=
-protocols&gt;client-specified protocols&lt;/dfn&gt; be the values (if an=
y) given in
+   &lt;var title=3D&quot;&quot;&gt;protocols&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;i&gt;&lt;a href=3D#establish-a-websocket-connection&gt;=
Establish a WebSocket connection&lt;/a&gt;&lt;/i&gt; given the set (&lt;v=
ar title=3D&quot;&quot;&gt;host&lt;/var&gt;, &lt;var title=3D&quot;&quot;=
&gt;port&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;resource name&lt;/v=
ar&gt;, &lt;var title=3D&quot;&quot;&gt;secure&lt;/var&gt;), along with
+    the &lt;var title=3D&quot;&quot;&gt;protocols&lt;/var&gt; list, an e=
mpty list for the extensions, and &lt;var title=3D&quot;&quot;&gt;origin&=
lt;/var&gt;. The &lt;i&gt;&lt;a href=3D#headers-to-send-appropriate-cooki=
es&gt;headers to send appropriate cookies&lt;/a&gt;&lt;/i&gt; must be a &=
lt;code title=3Dhttp-Cookie&gt;Cookie&lt;/code&gt; header whose value is =
the &lt;i&gt;&lt;a href=3D#cookie-string&gt;cookie-string&lt;/a&gt;&lt;/i=
&gt; computed from
+    the user's cookie store and the URL &lt;var title=3D&quot;&quot;&gt;=
url&lt;/var&gt;; for these purposes this is
+    &lt;em&gt;not&lt;/em&gt; a &quot;non-HTTP&quot; API. &lt;a href=3D#r=
efsWSP&gt;[WSP]&lt;/a&gt; &lt;a href=3D#refsCOOKIES&gt;[COOKIES]&lt;/a&gt=
;&lt;/p&gt;
+
+    &lt;p&gt;When the user agent &lt;i title=3D&quot;validate the server=
's response&quot;&gt;&lt;a href=3D&quot;#validate-the-server's-response&q=
uot;&gt;validates the server's
+    response&lt;/a&gt;&lt;/i&gt; during the &quot;&lt;i&gt;&lt;a href=3D=
#establish-a-websocket-connection&gt;establish a WebSocket connection&lt;=
/a&gt;&lt;/i&gt;&quot; algorithm, if the status code
+    received from the server is not 101 (e.g. it is a redirect), the use=
r agent must &lt;i&gt;&lt;a href=3D#fail-the-websocket-connection&gt;fail=
 the
+    WebSocket connection&lt;/a&gt;&lt;/i&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dwarning&gt;Following HTTP procedures here could introd=
uce serious security problems in a
+    Web browser context. For example, consider a host with a WebSocket s=
erver at one path and an
+    open HTTP redirector at another. Suddenly, any script that can be gi=
ven a particular WebSocket
+    URL can be tricked into communicating to (and potentially sharing se=
crets with) any host on the
+    Internet, even if the script checks that the URL has the right hostn=
ame.&lt;/p&gt;
+    &lt;!-- http://www.ietf.org/mail-archive/web/hybi/current/msg06951.h=
tml --&gt;
+
+    &lt;p class=3Dnote&gt;If the &lt;i&gt;&lt;a href=3D#establish-a-webs=
ocket-connection&gt;establish a WebSocket connection&lt;/a&gt;&lt;/i&gt; =
algorithm fails, it triggers the
+    &lt;i&gt;&lt;a href=3D#fail-the-websocket-connection&gt;fail the Web=
Socket connection&lt;/a&gt;&lt;/i&gt; algorithm, which then invokes the &=
lt;i&gt;&lt;a href=3D#close-the-websocket-connection&gt;close the WebSock=
et
+    connection&lt;/a&gt;&lt;/i&gt; algorithm, which then establishes tha=
t &lt;i&gt;&lt;a href=3D#the-websocket-connection-is-closed&gt;the WebSoc=
ket connection is closed&lt;/a&gt;&lt;/i&gt;,
+    which fires the &lt;code title=3Devent-socket-close&gt;close&lt;/cod=
e&gt; event &lt;a href=3D#closeWebSocket&gt;as
+    described below&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-websocket-url title=
=3Ddom-WebSocket-url&gt;&lt;code&gt;url&lt;/code&gt;&lt;/dfn&gt; attribut=
e must return the result of
+  &lt;a href=3D#resolve-a-url title=3D&quot;resolve a url&quot;&gt;resol=
ving&lt;/a&gt; the &lt;a href=3D#url&gt;URL&lt;/a&gt; that was passed to =
the
+  constructor. (It doesn't matter what it is resolved relative to, since=
 we already know it is an
+  &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt;.)&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-websocket-readystate title=3Ddom-WebSock=
et-readyState&gt;&lt;code&gt;readyState&lt;/code&gt;&lt;/dfn&gt; attribut=
e represents
+  the state of the connection. It can have the following values:&lt;/p&g=
t;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Ddom-websocket-connecting title=3Ddom-=
WebSocket-CONNECTING&gt;&lt;code&gt;CONNECTING&lt;/code&gt;&lt;/dfn&gt; (=
numeric value 0)&lt;/dt&gt;
+
+   &lt;dd&gt;The connection has not yet been established.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-websocket-open title=3Ddom-WebSocket-OPEN&=
gt;&lt;code&gt;OPEN&lt;/code&gt;&lt;/dfn&gt; (numeric value 1)&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;i&gt;&lt;a href=3D#the-websocket-connection-is-establis=
hed&gt;The WebSocket connection is established&lt;/a&gt;&lt;/i&gt; and co=
mmunication is possible.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-websocket-closing title=3Ddom-WebSocket-CL=
OSING&gt;&lt;code&gt;CLOSING&lt;/code&gt;&lt;/dfn&gt; (numeric value 2)&l=
t;/dt&gt;
+
+   &lt;dd&gt;The connection is going through the closing handshake, or t=
he &lt;code title=3Ddom-WebSocket-close&gt;&lt;a href=3D#dom-websocket-cl=
ose&gt;close()&lt;/a&gt;&lt;/code&gt; method has been invoked.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddom-websocket-closed title=3Ddom-WebSocket-CLO=
SED&gt;&lt;code&gt;CLOSED&lt;/code&gt;&lt;/dfn&gt; (numeric value 3)&lt;/=
dt&gt;
+
+   &lt;dd&gt;The connection has been closed or could not be opened.&lt;/=
dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;When the object is created its &lt;code title=3Ddo=
m-WebSocket-readyState&gt;&lt;a href=3D#dom-websocket-readystate&gt;ready=
State&lt;/a&gt;&lt;/code&gt; must be
+  set to &lt;code title=3Ddom-WebSocket-CONNECTING&gt;&lt;a href=3D#dom-=
websocket-connecting&gt;CONNECTING&lt;/a&gt;&lt;/code&gt; (0).&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-websocket-extensions title=3Ddom-WebSock=
et-extensions&gt;&lt;code&gt;extensions&lt;/code&gt;&lt;/dfn&gt; attribut=
e must
+  initially return the empty string. After &lt;i&gt;&lt;a href=3D#the-we=
bsocket-connection-is-established&gt;the WebSocket connection is establis=
hed&lt;/a&gt;&lt;/i&gt;, its value
+  might change, as defined below.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code title=3Ddom-WebSocket-extensions&gt=
;&lt;a href=3D#dom-websocket-extensions&gt;extensions&lt;/a&gt;&lt;/code&=
gt; attribute returns the
+  extensions selected by the server, if any. (Currently this will only e=
ver be the empty
+  string.)&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-websocket-protocol title=3Ddom-WebSocket=
-protocol&gt;&lt;code&gt;protocol&lt;/code&gt;&lt;/dfn&gt; attribute must=
 initially
+  return the empty string. After &lt;i&gt;&lt;a href=3D#the-websocket-co=
nnection-is-established&gt;the WebSocket connection is established&lt;/a&=
gt;&lt;/i&gt;, its value might
+  change, as defined below.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code title=3Ddom-WebSocket-protocol&gt;&=
lt;a href=3D#dom-websocket-protocol&gt;protocol&lt;/a&gt;&lt;/code&gt; at=
tribute returns the
+  subprotocol selected by the server, if any. It can be used in conjunct=
ion with the array form of
+  the constructor's second argument to perform subprotocol negotiation.&=
lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-websocket-close title=3Ddom-WebSocket-cl=
ose&gt;&lt;code&gt;close()&lt;/code&gt;&lt;/dfn&gt; method must run the f=
ollowing
+  steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the method's first argument is present=
 but is neither an integer equal to 1000 nor an
+   integer in the range 3000 to 4999, throw an &lt;code&gt;&lt;a href=3D=
#invalidaccesserror&gt;InvalidAccessError&lt;/a&gt;&lt;/code&gt; exceptio=
n and abort
+   these steps.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the method's second argument is present, then run these =
substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;raw=
 reason&lt;/var&gt; be the method's second argument.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;Unicode reas=
on&lt;/var&gt; be the result of &lt;a href=3D#convert-a-domstring-to-a-se=
quence-of-unicode-characters title=3D&quot;convert a DOMString
+     to a sequence of Unicode characters&quot;&gt;converting &lt;var tit=
le=3D&quot;&quot;&gt;raw reason&lt;/var&gt; to a sequence of
+     Unicode characters&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;reason&lt;/v=
ar&gt; be the result of encoding &lt;var title=3D&quot;&quot;&gt;Unicode
+     reason&lt;/var&gt; as UTF-8.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;reason&lt;/va=
r&gt; is longer than 123 bytes, then throw a
+     &lt;code&gt;&lt;a href=3D#syntaxerror&gt;SyntaxError&lt;/a&gt;&lt;/=
code&gt; exception and abort these steps. &lt;a href=3D#refsRFC3629&gt;[R=
FC3629]&lt;/a&gt;&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Run the first matching steps from the following li=
st:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the &lt;code title=3Ddom-WebSo=
cket-readyState&gt;&lt;a href=3D#dom-websocket-readystate&gt;readyState&l=
t;/a&gt;&lt;/code&gt; attribute is in the &lt;code title=3Ddom-WebSocket-=
CLOSING&gt;&lt;a href=3D#dom-websocket-closing&gt;CLOSING&lt;/a&gt;&lt;/c=
ode&gt; (2) or &lt;code title=3Ddom-WebSocket-CLOSED&gt;&lt;a href=3D#dom=
-websocket-closed&gt;CLOSED&lt;/a&gt;&lt;/code&gt; (3) state&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Do nothing.&lt;/p&gt;
+
+      &lt;p class=3Dnote&gt;The connection is already closing or is alre=
ady closed. If it has not already,
+      a &lt;code title=3Devent-socket-close&gt;close&lt;/code&gt; event =
will eventually fire &lt;a href=3D#closeWebSocket&gt;as described below&l=
t;/a&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+
+     &lt;dt&gt;If the WebSocket connection is not yet &lt;i title=3D&quo=
t;the WebSocket connection is
+     established&quot;&gt;&lt;a href=3D#the-websocket-connection-is-esta=
blished&gt;established&lt;/a&gt;&lt;/i&gt; &lt;a href=3D#refsWSP&gt;[WSP]=
&lt;/a&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;&lt;i&gt;&lt;a href=3D#fail-the-websocket-connection&gt;F=
ail the WebSocket connection&lt;/a&gt;&lt;/i&gt; and set the &lt;code tit=
le=3Ddom-WebSocket-readyState&gt;&lt;a href=3D#dom-websocket-readystate&g=
t;readyState&lt;/a&gt;&lt;/code&gt; attribute's value to &lt;code title=3D=
dom-WebSocket-CLOSING&gt;&lt;a href=3D#dom-websocket-closing&gt;CLOSING&l=
t;/a&gt;&lt;/code&gt; (2). &lt;a href=3D#refsWSP&gt;[WSP]&lt;/a&gt;&lt;/p=
&gt;
+
+      &lt;p class=3Dnote&gt;The &lt;i&gt;&lt;a href=3D#fail-the-websocke=
t-connection&gt;fail the WebSocket connection&lt;/a&gt;&lt;/i&gt; algorit=
hm invokes the &lt;i&gt;&lt;a href=3D#close-the-websocket-connection&gt;c=
lose the
+      WebSocket connection&lt;/a&gt;&lt;/i&gt; algorithm, which then est=
ablishes that &lt;i&gt;&lt;a href=3D#the-websocket-connection-is-closed&g=
t;the WebSocket connection is
+      closed&lt;/a&gt;&lt;/i&gt;, which fires the &lt;code title=3Devent=
-socket-close&gt;close&lt;/code&gt; event &lt;a href=3D#closeWebSocket&gt=
;as described below&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+
+     &lt;dt&gt;If the WebSocket closing handshake has not yet been &lt;i=
 title=3D&quot;the WebSocket closing
+     handshake is started&quot;&gt;&lt;a href=3D#the-websocket-closing-h=
andshake-is-started&gt;started&lt;/a&gt;&lt;/i&gt; &lt;a href=3D#refsWSP&=
gt;[WSP]&lt;/a&gt;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;&lt;i&gt;&lt;a href=3D#start-the-websocket-closing-handsh=
ake&gt;Start the WebSocket closing handshake&lt;/a&gt;&lt;/i&gt; and set =
the &lt;code title=3Ddom-WebSocket-readyState&gt;&lt;a href=3D#dom-websoc=
ket-readystate&gt;readyState&lt;/a&gt;&lt;/code&gt; attribute's value to =
&lt;code title=3Ddom-WebSocket-CLOSING&gt;&lt;a href=3D#dom-websocket-clo=
sing&gt;CLOSING&lt;/a&gt;&lt;/code&gt; (2). &lt;a href=3D#refsWSP&gt;[WSP=
]&lt;/a&gt;&lt;/p&gt;
+
+      &lt;p&gt;If the first argument is present, then the status code&lt=
;!--CLOSE CODE--&gt; to use in the
+      WebSocket Close message must be the integer given by the first arg=
ument. &lt;a href=3D#refsWSP&gt;[WSP]&lt;/a&gt;&lt;/p&gt;
+
+      &lt;p&gt;If the second argument is also present, then &lt;var titl=
e=3D&quot;&quot;&gt;reason&lt;/var&gt; must be provided in
+      the Close message after the status code&lt;!--CLOSE CODE--&gt;. &l=
t;a href=3D#refsRFC3629&gt;[RFC3629]&lt;/a&gt;
+      &lt;a href=3D#refsWSP&gt;[WSP]&lt;/a&gt;&lt;/p&gt;
+
+      &lt;p class=3Dnote&gt;The &lt;i&gt;&lt;a href=3D#start-the-websock=
et-closing-handshake&gt;start the WebSocket closing handshake&lt;/a&gt;&l=
t;/i&gt; algorithm eventually invokes
+      the &lt;i&gt;&lt;a href=3D#close-the-websocket-connection&gt;close=
 the WebSocket connection&lt;/a&gt;&lt;/i&gt; algorithm, which then estab=
lishes that &lt;i&gt;&lt;a href=3D#the-websocket-connection-is-closed&gt;=
the
+      WebSocket connection is closed&lt;/a&gt;&lt;/i&gt;, which fires th=
e &lt;code title=3Devent-socket-close&gt;close&lt;/code&gt; event &lt;a h=
ref=3D#closeWebSocket&gt;as described
+      below&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+
+     &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Set the &lt;code title=3Ddom-WebSocket-readyState&gt;&lt;=
a href=3D#dom-websocket-readystate&gt;readyState&lt;/a&gt;&lt;/code&gt; a=
ttribute's value to &lt;code title=3Ddom-WebSocket-CLOSING&gt;&lt;a href=3D=
#dom-websocket-closing&gt;CLOSING&lt;/a&gt;&lt;/code&gt; (2).&lt;/p&gt;
+
+      &lt;p class=3Dnote&gt;&lt;i&gt;&lt;a href=3D#the-websocket-closing=
-handshake-is-started&gt;The WebSocket closing handshake is started&lt;/a=
&gt;&lt;/i&gt;, and will eventually invoke
+      the &lt;i&gt;&lt;a href=3D#close-the-websocket-connection&gt;close=
 the WebSocket connection&lt;/a&gt;&lt;/i&gt; algorithm, which will estab=
lish that &lt;i&gt;&lt;a href=3D#the-websocket-connection-is-closed&gt;th=
e
+      WebSocket connection is closed&lt;/a&gt;&lt;/i&gt;, and thus the &=
lt;code title=3Devent-socket-close&gt;close&lt;/code&gt;
+      event will fire, &lt;a href=3D#closeWebSocket&gt;as described belo=
w&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-websocket-buffereda=
mount title=3Ddom-WebSocket-bufferedAmount&gt;&lt;code&gt;bufferedAmount&=
lt;/code&gt;&lt;/dfn&gt; attribute must
+  return the number of bytes of application data (UTF-8 text and binary =
data) that have been queued
+  using &lt;code title=3Ddom-WebSocket-send&gt;&lt;a href=3D#dom-websock=
et-send&gt;send()&lt;/a&gt;&lt;/code&gt; but that, as of the last time th=
e &lt;a href=3D#event-loop&gt;event
+  loop&lt;/a&gt; started executing a &lt;a href=3D#concept-task title=3D=
concept-task&gt;task&lt;/a&gt;, had not yet been
+  transmitted to the network. (This thus includes any text sent during t=
he execution of the current
+  task, regardless of whether the user agent is able to transmit text as=
ynchronously with script
+  execution.) This does not include framing overhead incurred by the pro=
tocol, or buffering done by
+  the operating system or network hardware. If the connection is closed,=
 this attribute's value will
+  only increase with each call to the &lt;code title=3Ddom-WebSocket-sen=
d&gt;&lt;a href=3D#dom-websocket-send&gt;send()&lt;/a&gt;&lt;/code&gt; me=
thod (the
+  number does not reset to zero once the connection closes).&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this simple example, the &lt;code title=3Ddom-WebSocket-b=
ufferedAmount&gt;&lt;a href=3D#dom-websocket-bufferedamount&gt;bufferedAm=
ount&lt;/a&gt;&lt;/code&gt;
+   attribute is used to ensure that updates are sent either at the rate =
of one update every 50ms, if
+   the network can handle that rate, or at whatever rate the network &lt=
;em&gt;can&lt;/em&gt; handle, if that is
+   too fast.&lt;/p&gt;
+
+   &lt;pre&gt;var socket =3D new WebSocket('ws://game.example.com:12010/=
updates');
+socket.onopen =3D function () {
+  setInterval(function() {
+    if (socket.bufferedAmount =3D=3D 0)
+      socket.send(getUpdateData());
+  }, 50);
+};&lt;/pre&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-WebSocket-bufferedAmount&gt;&lt;a h=
ref=3D#dom-websocket-bufferedamount&gt;bufferedAmount&lt;/a&gt;&lt;/code&=
gt; attribute can also be
+   used to saturate the network without sending the data at a higher rat=
e than the network can
+   handle, though this requires more careful monitoring of the value of =
the attribute over time.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;hr&gt;&lt;p&gt;When a &lt;code&gt;&lt;a href=3D#websocket&gt;WebSo=
cket&lt;/a&gt;&lt;/code&gt; object is created, its &lt;dfn id=3Ddom-webso=
cket-binarytype title=3Ddom-WebSocket-binaryType&gt;&lt;code&gt;binaryTyp=
e&lt;/code&gt;&lt;/dfn&gt; IDL attribute must be set to the
+  string &quot;&lt;code title=3D&quot;&quot;&gt;blob&lt;/code&gt;&quot;.=
 On getting, it must return the last value it was set to. On
+  setting, the user agent must set the IDL attribute to the new value.&l=
t;/p&gt;
+
+  &lt;p class=3Dnote&gt;This attribute allows authors to control how bin=
ary data is exposed to scripts. By
+  setting the attribute to &quot;&lt;code title=3D&quot;&quot;&gt;blob&l=
t;/code&gt;&quot;, binary data is returned in
+  &lt;code&gt;&lt;a href=3D#blob&gt;Blob&lt;/a&gt;&lt;/code&gt; form; by=
 setting it to &quot;&lt;code title=3D&quot;&quot;&gt;arraybuffer&lt;/cod=
e&gt;&quot;, it is returned in
+  &lt;code&gt;&lt;a href=3D#arraybuffer&gt;ArrayBuffer&lt;/a&gt;&lt;/cod=
e&gt; form. User agents can use this as a hint for how to handle incoming
+  binary data: if the attribute is set to &quot;&lt;code title=3D&quot;&=
quot;&gt;blob&lt;/code&gt;&quot;, it is safe to spool it to
+  disk, and if it is set to &quot;&lt;code title=3D&quot;&quot;&gt;array=
buffer&lt;/code&gt;&quot;, it is likely more efficient to keep
+  the data in memory. Naturally, user agents are encouraged to use more =
subtle heuristics to decide
+  whether to keep incoming data in memory or not, e.g. based on how big =
the data is or how common it
+  is for a script to change the attribute at the last minute. This latte=
r aspect is important in
+  particular because it is quite possible for the attribute to be change=
d after the user agent has
+  received the data but before the user agent has fired the event for it=
.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-websocket-send title=3Ddom-WebSocket-sen=
d&gt;&lt;code&gt;send(&lt;var title=3D&quot;&quot;&gt;data&lt;/var&gt;)&l=
t;/code&gt;&lt;/dfn&gt; method
+  transmits data using the connection. If the &lt;code title=3Ddom-WebSo=
cket-readyState&gt;&lt;a href=3D#dom-websocket-readystate&gt;readyState&l=
t;/a&gt;&lt;/code&gt; attribute is &lt;code title=3Ddom-WebSocket-CONNECT=
ING&gt;&lt;a href=3D#dom-websocket-connecting&gt;CONNECTING&lt;/a&gt;&lt;=
/code&gt;, it must throw an
+  &lt;code&gt;&lt;a href=3D#invalidstateerror&gt;InvalidStateError&lt;/a=
&gt;&lt;/code&gt; exception. Otherwise, the user agent must run the appro=
priate set
+  of steps from the following list:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;If the argument is a string&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;data&lt;/var&gt; be the=
 result of &lt;a href=3D#convert-a-domstring-to-a-sequence-of-unicode-cha=
racters title=3D&quot;convert a DOMString to a sequence
+    of Unicode characters&quot;&gt;converting the &lt;var title=3D&quot;=
&quot;&gt;data&lt;/var&gt; argument to a sequence of Unicode
+    characters&lt;/a&gt;. If &lt;i&gt;&lt;a href=3D#the-websocket-connec=
tion-is-established&gt;the WebSocket connection is established&lt;/a&gt;&=
lt;/i&gt; and &lt;i title=3D&quot;the WebSocket
+    closing handshake is started&quot;&gt;&lt;a href=3D#the-websocket-cl=
osing-handshake-is-started&gt;the WebSocket closing handshake has not yet=
 started&lt;/a&gt;&lt;/i&gt;, then the
+    user agent must &lt;i&gt;send a WebSocket Message&lt;/i&gt; comprise=
d of &lt;var title=3D&quot;&quot;&gt;data&lt;/var&gt; using a
+    text frame opcode; if the data cannot be sent, e.g. because it would=
 need to be buffered but the
+    buffer is full, the user agent must &lt;i&gt;&lt;a href=3D#close-the=
-websocket-connection&gt;close the WebSocket connection&lt;/a&gt;&lt;/i&g=
t; &lt;a href=3D#concept-websocket-close-fail title=3Dconcept-websocket-c=
lose-fail&gt;with prejudice&lt;/a&gt;. Any invocation of this method with=
 a
+    string argument that does not throw an exception must increase the &=
lt;code title=3Ddom-WebSocket-bufferedAmount&gt;&lt;a href=3D#dom-websock=
et-bufferedamount&gt;bufferedAmount&lt;/a&gt;&lt;/code&gt; attribute by t=
he number of bytes
+    needed to express the argument as UTF-8. &lt;a href=3D#refsUNICODE&g=
t;[UNICODE]&lt;/a&gt; &lt;a href=3D#refsRFC3629&gt;[RFC3629]&lt;/a&gt; &l=
t;a href=3D#refsWSP&gt;[WSP]&lt;/a&gt;&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;If the argument is a &lt;code&gt;&lt;a href=3D#blob&gt;Blob=
&lt;/a&gt;&lt;/code&gt; object&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;If &lt;i&gt;&lt;a href=3D#the-websocket-connection-is-estab=
lished&gt;the WebSocket connection is established&lt;/a&gt;&lt;/i&gt;, an=
d &lt;i title=3D&quot;the WebSocket closing
+    handshake is started&quot;&gt;&lt;a href=3D#the-websocket-closing-ha=
ndshake-is-started&gt;the WebSocket closing handshake has not yet started=
&lt;/a&gt;&lt;/i&gt;, then the user
+    agent must &lt;i&gt;send a WebSocket Message&lt;/i&gt; comprised of =
&lt;var title=3D&quot;&quot;&gt;data&lt;/var&gt; using a binary
+    frame opcode; if the data cannot be sent, e.g. because it would need=
 to be buffered but the
+    buffer is full, the user agent must &lt;i&gt;&lt;a href=3D#close-the=
-websocket-connection&gt;close the WebSocket connection&lt;/a&gt;&lt;/i&g=
t; &lt;a href=3D#concept-websocket-close-fail title=3Dconcept-websocket-c=
lose-fail&gt;with prejudice&lt;/a&gt;. The data to be sent is the raw dat=
a
+    represented by the &lt;code&gt;&lt;a href=3D#blob&gt;Blob&lt;/a&gt;&=
lt;/code&gt; object. &lt;!-- that sentence is meant to invoke &quot;This
+    interface represents immutable raw data.&quot; --&gt; Any invocation=
 of this method with a
+    &lt;code&gt;&lt;a href=3D#blob&gt;Blob&lt;/a&gt;&lt;/code&gt; argume=
nt that does not throw an exception must increase the &lt;code title=3Ddo=
m-WebSocket-bufferedAmount&gt;&lt;a href=3D#dom-websocket-bufferedamount&=
gt;bufferedAmount&lt;/a&gt;&lt;/code&gt; attribute by the size of the
+    &lt;code&gt;&lt;a href=3D#blob&gt;Blob&lt;/a&gt;&lt;/code&gt; object=
's raw data, in bytes. &lt;!-- that sentence is meant to invoke the same =
as
+    Blob.size --&gt; &lt;a href=3D#refsWSP&gt;[WSP]&lt;/a&gt; &lt;a href=
=3D#refsFILEAPI&gt;[FILEAPI]&lt;/a&gt;&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;If the argument is an &lt;code&gt;&lt;a href=3D#arraybuffer=
&gt;ArrayBuffer&lt;/a&gt;&lt;/code&gt; object&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;If &lt;i&gt;&lt;a href=3D#the-websocket-connection-is-estab=
lished&gt;the WebSocket connection is established&lt;/a&gt;&lt;/i&gt;, an=
d &lt;i title=3D&quot;the WebSocket closing
+    handshake is started&quot;&gt;&lt;a href=3D#the-websocket-closing-ha=
ndshake-is-started&gt;the WebSocket closing handshake has not yet started=
&lt;/a&gt;&lt;/i&gt;, then the user
+    agent must &lt;i&gt;send a WebSocket Message&lt;/i&gt; comprised of =
&lt;var title=3D&quot;&quot;&gt;data&lt;/var&gt; using a binary
+    frame opcode; if the data cannot be sent, e.g. because it would need=
 to be buffered but the
+    buffer is full, the user agent must &lt;i&gt;&lt;a href=3D#close-the=
-websocket-connection&gt;close the WebSocket connection&lt;/a&gt;&lt;/i&g=
t; &lt;a href=3D#concept-websocket-close-fail title=3Dconcept-websocket-c=
lose-fail&gt;with prejudice&lt;/a&gt;. The data to be sent is the data
+    stored in the buffer described by the &lt;code&gt;&lt;a href=3D#arra=
ybuffer&gt;ArrayBuffer&lt;/a&gt;&lt;/code&gt; object. &lt;!-- that senten=
ce is
+    meant to invoke &quot;The ArrayBuffer type describes a buffer used t=
o store data for the array buffer
+    views.&quot; at the top of the Typed Array spec, and &quot;Optional =
byteOffset and length can be used to
+    limit the section of the buffer referenced&quot; in the definition o=
f the TypedArray constructor --&gt;
+    Any invocation of this method with an &lt;code&gt;&lt;a href=3D#arra=
ybuffer&gt;ArrayBuffer&lt;/a&gt;&lt;/code&gt; argument that does not thro=
w an
+    exception must increase the &lt;code title=3Ddom-WebSocket-bufferedA=
mount&gt;&lt;a href=3D#dom-websocket-bufferedamount&gt;bufferedAmount&lt;=
/a&gt;&lt;/code&gt;
+    attribute by the length of the &lt;code&gt;&lt;a href=3D#arraybuffer=
&gt;ArrayBuffer&lt;/a&gt;&lt;/code&gt; in bytes. &lt;!-- that sentence is=
 meant to
+    invoke the same as ArrayBuffer.byteLength --&gt; &lt;a href=3D#refsW=
SP&gt;[WSP]&lt;/a&gt; &lt;a href=3D#refsTYPEDARRAY&gt;[TYPEDARRAY]&lt;/a&=
gt;&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;If the argument is an &lt;code&gt;&lt;a href=3D#arraybuffer=
view&gt;ArrayBufferView&lt;/a&gt;&lt;/code&gt; object&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;If &lt;i&gt;&lt;a href=3D#the-websocket-connection-is-estab=
lished&gt;the WebSocket connection is established&lt;/a&gt;&lt;/i&gt;, an=
d &lt;i title=3D&quot;the WebSocket closing
+    handshake is started&quot;&gt;&lt;a href=3D#the-websocket-closing-ha=
ndshake-is-started&gt;the WebSocket closing handshake has not yet started=
&lt;/a&gt;&lt;/i&gt;, then the user
+    agent must &lt;i&gt;send a WebSocket Message&lt;/i&gt; comprised of =
&lt;var title=3D&quot;&quot;&gt;data&lt;/var&gt; using a binary
+    frame opcode; if the data cannot be sent, e.g. because it would need=
 to be buffered but the
+    buffer is full, the user agent must &lt;i&gt;&lt;a href=3D#close-the=
-websocket-connection&gt;close the WebSocket connection&lt;/a&gt;&lt;/i&g=
t; &lt;a href=3D#concept-websocket-close-fail title=3Dconcept-websocket-c=
lose-fail&gt;with prejudice&lt;/a&gt;. The data to be sent is the data
+    stored in the section of the buffer described by the &lt;code&gt;&lt=
;a href=3D#arraybuffer&gt;ArrayBuffer&lt;/a&gt;&lt;/code&gt; object that =
the
+    &lt;code&gt;&lt;a href=3D#arraybufferview&gt;ArrayBufferView&lt;/a&g=
t;&lt;/code&gt; object references. &lt;!-- that sentence is meant to invo=
ke &quot;The
+    ArrayBuffer type describes a buffer used to store data for the array=
 buffer views.&quot; at the top
+    of the Typed Array spec, and &quot;Optional byteOffset and length ca=
n be used to limit the section of
+    the buffer referenced&quot; in the definition of the TypedArray cons=
tructor --&gt; Any invocation of
+    this method with an &lt;code&gt;&lt;a href=3D#arraybufferview&gt;Arr=
ayBufferView&lt;/a&gt;&lt;/code&gt; argument that does not throw an excep=
tion must
+    increase the &lt;code title=3Ddom-WebSocket-bufferedAmount&gt;&lt;a =
href=3D#dom-websocket-bufferedamount&gt;bufferedAmount&lt;/a&gt;&lt;/code=
&gt; attribute by the
+    length of the &lt;code&gt;&lt;a href=3D#arraybufferview&gt;ArrayBuff=
erView&lt;/a&gt;&lt;/code&gt; in bytes. &lt;!-- that sentence is meant to=
 invoke the
+    same as ArrayBufferView.byteLength --&gt; &lt;a href=3D#refsWSP&gt;[=
WSP]&lt;/a&gt; &lt;a href=3D#refsTYPEDARRAY&gt;[TYPEDARRAY]&lt;/a&gt;&lt;=
/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;hr&gt;&lt;p&gt;The following are the &lt;a href=3D#even=
t-handlers&gt;event handlers&lt;/a&gt; (and their corresponding &lt;a hre=
f=3D#event-handler-event-type title=3D&quot;event
+  handler event type&quot;&gt;event handler event types&lt;/a&gt;) that =
must be supported, as &lt;a href=3D#event-handler-idl-attributes&gt;event=
 handler IDL attributes&lt;/a&gt;,
+  by all objects implementing the &lt;code&gt;&lt;a href=3D#websocket&gt=
;WebSocket&lt;/a&gt;&lt;/code&gt; interface:&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;a href=3D#event-hand=
lers title=3D&quot;event handlers&quot;&gt;Event handler&lt;/a&gt; &lt;th=
&gt;&lt;a href=3D#event-handler-event-type&gt;Event handler event type&lt=
;/a&gt;
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-websocket-onope=
n title=3Dhandler-WebSocket-onopen&gt;&lt;code&gt;onopen&lt;/code&gt;&lt;=
/dfn&gt; &lt;td&gt; &lt;code title=3Devent-open&gt;open&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-websocket-onmessage title=3D=
handler-WebSocket-onmessage&gt;&lt;code&gt;onmessage&lt;/code&gt;&lt;/dfn=
&gt; &lt;td&gt; &lt;code title=3Devent-message&gt;&lt;a href=3D#event-mes=
sage&gt;message&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-websocket-onerror title=3Dh=
andler-WebSocket-onerror&gt;&lt;code&gt;onerror&lt;/code&gt;&lt;/dfn&gt; =
&lt;td&gt; &lt;code title=3Devent-error&gt;error&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-websocket-onclose title=3Dh=
andler-WebSocket-onclose&gt;&lt;code&gt;onclose&lt;/code&gt;&lt;/dfn&gt; =
&lt;td&gt; &lt;code title=3Devent-socket-close&gt;close&lt;/code&gt;
+  &lt;/table&gt;&lt;h4 id=3Dfeedback-from-the-protocol&gt;&lt;span class=
=3Dsecno&gt;9.3.3 &lt;/span&gt;Feedback from the protocol&lt;/h4&gt;
+
+  &lt;p&gt;When &lt;i&gt;&lt;a href=3D#the-websocket-connection-is-estab=
lished&gt;the WebSocket connection is established&lt;/a&gt;&lt;/i&gt;, th=
e user agent must &lt;a href=3D#queue-a-task&gt;queue a
+  task&lt;/a&gt; to run these steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#websocke=
t&gt;WebSocket&lt;/a&gt;&lt;/code&gt; object's &lt;a href=3D#client-speci=
fied-protocols&gt;client-specified protocols&lt;/a&gt; was not an
+   empty list, but the &lt;i&gt;&lt;a href=3D#subprotocol-in-use&gt;subp=
rotocol in use&lt;/a&gt;&lt;/i&gt; is the null value, then &lt;i&gt;&lt;a=
 href=3D#fail-the-websocket-connection&gt;fail the WebSocket
+   connection&lt;/a&gt;&lt;/i&gt;, set the &lt;code title=3Ddom-WebSocke=
t-readyState&gt;&lt;a href=3D#dom-websocket-readystate&gt;readyState&lt;/=
a&gt;&lt;/code&gt; attribute's
+   value to &lt;code title=3Ddom-WebSocket-CLOSING&gt;&lt;a href=3D#dom-=
websocket-closing&gt;CLOSING&lt;/a&gt;&lt;/code&gt; (2), and abort these =
steps. &lt;a href=3D#refsWSP&gt;[WSP]&lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Change the &lt;code title=3Ddom-WebSocket-readySta=
te&gt;&lt;a href=3D#dom-websocket-readystate&gt;readyState&lt;/a&gt;&lt;/=
code&gt; attribute's value to
+   &lt;code title=3Ddom-WebSocket-OPEN&gt;&lt;a href=3D#dom-websocket-op=
en&gt;OPEN&lt;/a&gt;&lt;/code&gt; (1).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Change the &lt;code title=3Ddom-WebSocket-extensio=
ns&gt;&lt;a href=3D#dom-websocket-extensions&gt;extensions&lt;/a&gt;&lt;/=
code&gt; attribute's value to
+   the &lt;i&gt;&lt;a href=3D#extensions-in-use&gt;extensions in use&lt;=
/a&gt;&lt;/i&gt;, if is not the null value. &lt;a href=3D#refsWSP&gt;[WSP=
]&lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Change the &lt;code title=3Ddom-WebSocket-protocol=
&gt;&lt;a href=3D#dom-websocket-protocol&gt;protocol&lt;/a&gt;&lt;/code&g=
t; attribute's value to the
+   &lt;i&gt;&lt;a href=3D#subprotocol-in-use&gt;subprotocol in use&lt;/a=
&gt;&lt;/i&gt;, if is not the null value. &lt;a href=3D#refsWSP&gt;[WSP]&=
lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Act as if the user agent had &lt;a href=3D#receive=
s-a-set-cookie-string title=3D&quot;receives a set-cookie-string&quot;&gt=
;received a
+   set-cookie-string&lt;/a&gt; consisting of the &lt;i&gt;&lt;a href=3D&=
quot;#cookies-set-during-the-server's-opening-handshake&quot;&gt;cookies =
set during the server's opening
+   handshake&lt;/a&gt;&lt;/i&gt;, for the URL &lt;var title=3D&quot;&quo=
t;&gt;url&lt;/var&gt; given to the &lt;code title=3Ddom-WebSocket&gt;&lt;=
a href=3D#dom-websocket&gt;WebSocket()&lt;/a&gt;&lt;/code&gt; constructor=
. &lt;a href=3D#refsCOOKIES&gt;[COOKIES]&lt;/a&gt; &lt;a href=3D#refsRFC3=
629&gt;[RFC3629]&lt;/a&gt; &lt;a href=3D#refsWSP&gt;[WSP]&lt;/a&gt;&lt;/l=
i&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#fire-a-simple-event&gt;Fire a simple=
 event&lt;/a&gt; named &lt;code title=3Devent-open&gt;open&lt;/code&gt; a=
t the
+   &lt;code&gt;&lt;a href=3D#websocket&gt;WebSocket&lt;/a&gt;&lt;/code&g=
t; object.&lt;/p&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;When &lt;i&gt;&lt;a href=3D#a-websocket-=
message-has-been-received&gt;a WebSocket message has been received&lt;/a&=
gt;&lt;/i&gt; with type &lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt; =
and data
+  &lt;var title=3D&quot;&quot;&gt;data&lt;/var&gt;, the user agent must =
&lt;a href=3D#queue-a-task&gt;queue a task&lt;/a&gt; to follow these step=
s: &lt;a href=3D#refsWSP&gt;[WSP]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;If the &lt;code title=3Ddom-WebSocket-readyState&gt;&lt;a h=
ref=3D#dom-websocket-readystate&gt;readyState&lt;/a&gt;&lt;/code&gt; attr=
ibute's value is not
+    &lt;code title=3Ddom-WebSocket-OPEN&gt;&lt;a href=3D#dom-websocket-o=
pen&gt;OPEN&lt;/a&gt;&lt;/code&gt; (1), then abort these steps.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;event&lt;/var&gt; be a =
newly created &lt;a href=3D#concept-events-trusted title=3Dconcept-events=
-trusted&gt;trusted&lt;/a&gt; event that uses the &lt;code&gt;&lt;a href=3D=
#messageevent&gt;MessageEvent&lt;/a&gt;&lt;/code&gt;
+    interface, with the event type &lt;code title=3Devent-message&gt;&lt=
;a href=3D#event-message&gt;message&lt;/a&gt;&lt;/code&gt;, which does no=
t
+    bubble, is not cancelable, and has no default action.
+    &lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Initialize &lt;var title=3D&quot;&quot;&gt;event&l=
t;/var&gt;'s &lt;code title=3Ddom-MessageEvent-origin&gt;&lt;a href=3D#do=
m-messageevent-origin&gt;origin&lt;/a&gt;&lt;/code&gt;
+   attribute to the &lt;a href=3D#unicode-serialization-of-an-origin tit=
le=3D&quot;Unicode serialization of an origin&quot;&gt;Unicode serializat=
ion&lt;/a&gt; of
+   the &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the &lt;a href=3D#url=
&gt;URL&lt;/a&gt; that was passed to the &lt;code&gt;&lt;a href=3D#websoc=
ket&gt;WebSocket&lt;/a&gt;&lt;/code&gt;
+   object's constructor.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt; indicat=
es that the data is Text, then initialize &lt;var title=3D&quot;&quot;&gt=
;event&lt;/var&gt;'s &lt;code title=3Ddom-MessageEvent-data&gt;&lt;a href=
=3D#dom-messageevent-data&gt;data&lt;/a&gt;&lt;/code&gt; attribute to &lt=
;var title=3D&quot;&quot;&gt;data&lt;/var&gt;.
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt; indicat=
es that the data is Binary, and &lt;code title=3Ddom-WebSocket-binaryType=
&gt;&lt;a href=3D#dom-websocket-binarytype&gt;binaryType&lt;/a&gt;&lt;/co=
de&gt; is set to &quot;&lt;code title=3D&quot;&quot;&gt;blob&lt;/code&gt;=
&quot;, then
+    initialize &lt;var title=3D&quot;&quot;&gt;event&lt;/var&gt;'s &lt;c=
ode title=3Ddom-MessageEvent-data&gt;&lt;a href=3D#dom-messageevent-data&=
gt;data&lt;/a&gt;&lt;/code&gt; attribute
+    to a new &lt;code&gt;&lt;a href=3D#blob&gt;Blob&lt;/a&gt;&lt;/code&g=
t; object that represents &lt;var title=3D&quot;&quot;&gt;data&lt;/var&gt=
; as its raw data. &lt;a href=3D#refsFILEAPI&gt;[FILEAPI]&lt;/a&gt;&lt;/p=
&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;type&lt;/var&gt; indicat=
es that the data is Binary, and &lt;code title=3Ddom-WebSocket-binaryType=
&gt;&lt;a href=3D#dom-websocket-binarytype&gt;binaryType&lt;/a&gt;&lt;/co=
de&gt; is set to &quot;&lt;code title=3D&quot;&quot;&gt;arraybuffer&lt;/c=
ode&gt;&quot;, then initialize &lt;var title=3D&quot;&quot;&gt;event&lt;/=
var&gt;'s &lt;code title=3Ddom-MessageEvent-data&gt;&lt;a href=3D#dom-mes=
sageevent-data&gt;data&lt;/a&gt;&lt;/code&gt; attribute to a new read-onl=
y &lt;code&gt;&lt;a href=3D#arraybuffer&gt;ArrayBuffer&lt;/a&gt;&lt;/code=
&gt;
+    object whose contents are &lt;var title=3D&quot;&quot;&gt;data&lt;/v=
ar&gt;. &lt;a href=3D#refsTYPEDARRAY&gt;[TYPEDARRAY]&lt;/a&gt;&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#concept-event-dispatch title=3Dconcept-event-=
dispatch&gt;Dispatch&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;event&lt;/=
var&gt; at the
+    &lt;code&gt;&lt;a href=3D#websocket&gt;WebSocket&lt;/a&gt;&lt;/code&=
gt; object.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;User agents are encouraged to check i=
f they can perform the above steps
+  efficiently before they run the task, picking tasks from other &lt;a h=
ref=3D#task-queue title=3D&quot;task queue&quot;&gt;task
+  queues&lt;/a&gt; while they prepare the buffers if not. For example, i=
f the &lt;code title=3Ddom-WebSocket-binaryType&gt;&lt;a href=3D#dom-webs=
ocket-binarytype&gt;binaryType&lt;/a&gt;&lt;/code&gt; attribute was set t=
o &quot;&lt;code title=3D&quot;&quot;&gt;blob&lt;/code&gt;&quot; when the=
 data arrived, and the user agent spooled all the data to disk, but
+  just before running the above &lt;a href=3D#concept-task title=3Dconce=
pt-task&gt;task&lt;/a&gt; for this particular message
+  the script switched &lt;code title=3Ddom-WebSocket-binaryType&gt;&lt;a=
 href=3D#dom-websocket-binarytype&gt;binaryType&lt;/a&gt;&lt;/code&gt; to=
 &quot;&lt;code title=3D&quot;&quot;&gt;arraybuffer&lt;/code&gt;&quot;, t=
he user agent would want to page the data back to RAM before
+  running this &lt;a href=3D#concept-task title=3Dconcept-task&gt;task&l=
t;/a&gt; so as to avoid stalling the main thread while
+  it created the &lt;code&gt;&lt;a href=3D#arraybuffer&gt;ArrayBuffer&lt=
;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here is an example of how to define a handler for the &lt;co=
de title=3Devent-message&gt;&lt;a href=3D#event-message&gt;message&lt;/a&=
gt;&lt;/code&gt; event in the case of text frames:&lt;/p&gt;
+
+   &lt;pre&gt;mysocket.onmessage =3D function (event) {
+  if (event.data =3D=3D 'on') {
+    turnLampOn();
+  } else if (event.data =3D=3D 'off') {
+    turnLampOff();
+  }
+};&lt;/pre&gt;
+
+   &lt;p&gt;The protocol here is a trivial one, with the server just sen=
ding &quot;on&quot; or &quot;off&quot; messages.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;hr&gt;&lt;p&gt;When &lt;i&gt;&lt;a href=3D#the-websocket-closing-h=
andshake-is-started&gt;the WebSocket closing handshake is started&lt;/a&g=
t;&lt;/i&gt;, the user agent must &lt;a href=3D#queue-a-task&gt;queue a
+  task&lt;/a&gt; to change the &lt;code title=3Ddom-WebSocket-readyState=
&gt;&lt;a href=3D#dom-websocket-readystate&gt;readyState&lt;/a&gt;&lt;/co=
de&gt; attribute's
+  value to &lt;code title=3Ddom-WebSocket-CLOSING&gt;&lt;a href=3D#dom-w=
ebsocket-closing&gt;CLOSING&lt;/a&gt;&lt;/code&gt; (2). (If the &lt;code =
title=3Ddom-WebSocket-close&gt;&lt;a href=3D#dom-websocket-close&gt;close=
()&lt;/a&gt;&lt;/code&gt; method was called, the &lt;code title=3Ddom-Web=
Socket-readyState&gt;&lt;a href=3D#dom-websocket-readystate&gt;readyState=
&lt;/a&gt;&lt;/code&gt; attribute's value will already be set to &lt;code=
 title=3Ddom-WebSocket-CLOSING&gt;&lt;a href=3D#dom-websocket-closing&gt;=
CLOSING&lt;/a&gt;&lt;/code&gt; (2) when this task runs.) &lt;a href=3D#re=
fsWSP&gt;[WSP]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p id=3DcloseWebSocket&gt;When &lt;i&gt;&lt;a href=3D#the=
-websocket-connection-is-closed&gt;the WebSocket connection is closed&lt;=
/a&gt;&lt;/i&gt;, possibly &lt;i title=3D&quot;&quot;&gt;cleanly&lt;/i&gt=
;, the user agent must &lt;a href=3D#queue-a-task&gt;queue a task&lt;/a&g=
t; to run the following
+  substeps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Change the &lt;code title=3Ddom-WebSocket=
-readyState&gt;&lt;a href=3D#dom-websocket-readystate&gt;readyState&lt;/a=
&gt;&lt;/code&gt; attribute's value to
+   &lt;code title=3Ddom-WebSocket-CLOSED&gt;&lt;a href=3D#dom-websocket-=
closed&gt;CLOSED&lt;/a&gt;&lt;/code&gt; (3).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the user agent was required to &lt;i&gt;&lt;a h=
ref=3D#fail-the-websocket-connection&gt;fail the WebSocket connection&lt;=
/a&gt;&lt;/i&gt; or &lt;i&gt;&lt;a href=3D#the-websocket-connection-is-cl=
osed&gt;the WebSocket
+   connection is closed&lt;/a&gt;&lt;/i&gt; &lt;dfn id=3Dconcept-websock=
et-close-fail title=3Dconcept-websocket-close-fail&gt;with prejudice&lt;/=
dfn&gt;,
+   &lt;a href=3D#fire-a-simple-event&gt;fire a simple event&lt;/a&gt; na=
med &lt;code title=3D&quot;&quot;&gt;error&lt;/code&gt; at the &lt;code&g=
t;&lt;a href=3D#websocket&gt;WebSocket&lt;/a&gt;&lt;/code&gt;
+   object. &lt;a href=3D#refsWSP&gt;[WSP]&lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Create a &lt;a href=3D#concept-events-trusted titl=
e=3Dconcept-events-trusted&gt;trusted&lt;/a&gt; event that uses the
+   &lt;code&gt;&lt;a href=3D#closeevent&gt;CloseEvent&lt;/a&gt;&lt;/code=
&gt; interface, with the event type &lt;code title=3Devent-socket-close&g=
t;close&lt;/code&gt;, which does not bubble, is not cancelable, has no de=
fault
+   action, whose &lt;code title=3Ddom-CloseEvent-wasClean&gt;&lt;a href=3D=
#dom-closeevent-wasclean&gt;wasClean&lt;/a&gt;&lt;/code&gt; attribute is =
initialized to
+   true if the connection closed &lt;i title=3D&quot;&quot;&gt;cleanly&l=
t;/i&gt; and false otherwise, whose &lt;code title=3Ddom-CloseEvent-code&=
gt;&lt;a href=3D#dom-closeevent-code&gt;code&lt;/a&gt;&lt;/code&gt; attri=
bute is initialized to &lt;i&gt;&lt;a href=3D#the-websocket-connection-cl=
ose-code&gt;the WebSocket connection
+   close code&lt;/a&gt;&lt;/i&gt;, and whose &lt;code title=3Ddom-CloseE=
vent-reason&gt;&lt;a href=3D#dom-closeevent-reason&gt;reason&lt;/a&gt;&lt=
;/code&gt; attribute is
+   initialized to the result of applying the &lt;a href=3D#utf-8-decoder=
&gt;UTF-8 decoder&lt;/a&gt; to &lt;i&gt;&lt;a href=3D#the-websocket-conne=
ction-close-reason&gt;the WebSocket
+   connection close reason&lt;/a&gt;&lt;/i&gt;, and &lt;a href=3D#concep=
t-event-dispatch title=3Dconcept-event-dispatch&gt;dispatch&lt;/a&gt; the=
 event
+   at the &lt;code&gt;&lt;a href=3D#websocket&gt;WebSocket&lt;/a&gt;&lt;=
/code&gt; object. &lt;a href=3D#refsWSP&gt;[WSP]&lt;/a&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;div class=3Dwarning&gt;
+
+   &lt;p&gt;User agents must not convey any failure information to scrip=
ts in a way that would allow a
+   script to distinguish the following situations:&lt;/p&gt;
+
+   &lt;ul&gt;&lt;li&gt;A server whose host name could not be resolved.
+
+    &lt;li&gt;A server to which packets could not successfully be routed=
.
+
+    &lt;li&gt;A server that refused the connection on the specified port=
.
+
+    &lt;li&gt;A server that failed to correctly perform a TLS handshake =
(e.g., the server certificate
+    can't be verified).
+
+    &lt;li&gt;A server that did not complete the opening handshake (e.g.=
 because it was not a WebSocket
+    server).
+
+    &lt;li&gt;A WebSocket server that sent a correct opening handshake, =
but that specified options that
+    caused the client to drop the connection (e.g. the server specified =
a subprotocol that the
+    client did not offer).
+
+    &lt;li&gt;A WebSocket server that abruptly closed the connection aft=
er successfully completing the
+    opening handshake.
+
+   &lt;/ul&gt;&lt;p&gt;In all of these cases, the &lt;i&gt;&lt;a href=3D=
#the-websocket-connection-close-code&gt;the WebSocket connection close co=
de&lt;/a&gt;&lt;/i&gt; would be 1006, as
+   required by the WebSocket Protocol specification. &lt;a href=3D#refsW=
SP&gt;[WSP]&lt;/a&gt;&lt;/p&gt;
+
+   &lt;p&gt;Allowing a script to distinguish these cases would allow a s=
cript to probe the user's local
+   network in preparation for an attack.&lt;/p&gt;
+
+   &lt;p class=3Dnote&gt;In particular, this means the code 1015 is not =
used by the user agent (unless the
+   server erroneously uses it in its close frame, of course).&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;a href=3D#task-source&gt;task source&lt;/a&=
gt; for all &lt;a href=3D#concept-task title=3Dconcept-task&gt;tasks&lt;/=
a&gt; &lt;a href=3D#queue-a-task title=3D&quot;queue
+  a task&quot;&gt;queued&lt;/a&gt; in this section is the &lt;dfn id=3Dw=
ebsocket-task-source&gt;WebSocket task source&lt;/dfn&gt;.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dping-and-pong-frames&gt;&lt;span class=3Dsecno&gt;9.3.4 &l=
t;/span&gt;Ping and Pong frames&lt;/h4&gt;
+
+  &lt;p&gt;The WebSocket protocol specification defines Ping and Pong fr=
ames that can be used for
+  keep-alive, heart-beats, network status probing, latency instrumentati=
on, and so forth. These are
+  not currently exposed in the API.&lt;/p&gt;
+
+  &lt;p&gt;User agents may send ping and unsolicited pong frames as desi=
red, for example in an attempt to
+  maintain local network NAT mappings, to detect failed connections, or =
to display latency metrics
+  to the user. User agents must not use pings or unsolicited pongs to ai=
d the server; it is assumed
+  that servers will solicit pongs whenever appropriate for the server's =
needs.&lt;/p&gt;
+
+  &lt;!-- v2: we'll probably add a way to make the client send pings and=
 automatically terminate the
+  connection if they don't get a pong within an author-provided timeout;=
 see
+  https://www.w3.org/Bugs/Public/show_bug.cgi?id=3D17264 --&gt;
+
+
+  &lt;h4 id=3Dparsing-websocket-urls&gt;&lt;span class=3Dsecno&gt;9.3.5 =
&lt;/span&gt;Parsing WebSocket URLs&lt;/h4&gt;
+
+  &lt;p&gt;The steps to &lt;dfn id=3D&quot;parse-a-websocket-url's-compo=
nents&quot;&gt;parse a WebSocket URL's components&lt;/dfn&gt; from a stri=
ng &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt; are as follows. These =
steps return either a &lt;var title=3D&quot;&quot;&gt;host&lt;/var&gt;, a=
 &lt;var title=3D&quot;&quot;&gt;port&lt;/var&gt;, a &lt;var title=3D&quo=
t;&quot;&gt;resource name&lt;/var&gt;, and a &lt;var title=3D&quot;&quot;=
&gt;secure&lt;/var&gt; flag,
+  or they fail.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;ur=
l&lt;/var&gt; string is not an &lt;a href=3D#absolute-url&gt;absolute URL=
&lt;/a&gt;, then fail this
+   algorithm.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#resolve-a-url title=3D&quot;resolve a url&quo=
t;&gt;Resolve&lt;/a&gt; the &lt;var title=3D&quot;&quot;&gt;url&lt;/var&g=
t; string, with the URL
+    character encoding set to UTF-8. &lt;a href=3D#refsRFC3629&gt;[RFC36=
29]&lt;/a&gt;&lt;/p&gt; &lt;!-- the URL character
+    encoding is used to escape the query component --&gt;
+
+    &lt;p class=3Dnote&gt;It doesn't matter what it is resolved relative=
 to, since we already know it is
+    an &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt; at this poin=
t.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the resulting &lt;a href=3D#parsed-url&gt;parse=
d URL&lt;/a&gt; does not have a &lt;a href=3D#concept-url-scheme title=3D=
concept-url-scheme&gt;scheme&lt;/a&gt; component whose value is either &q=
uot;&lt;code title=3D&quot;&quot;&gt;ws&lt;/code&gt;&quot; or &quot;&lt;c=
ode title=3D&quot;&quot;&gt;wss&lt;/code&gt;&quot;, then fail this algori=
thm.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the resulting &lt;a href=3D#parsed-url&gt;parse=
d URL&lt;/a&gt; has a non-null &lt;a href=3D#concept-url-fragment title=3D=
concept-url-fragment&gt;fragment&lt;/a&gt; component, then fail this algo=
rithm.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#concept-url-scheme title=3Dco=
ncept-url-scheme&gt;scheme&lt;/a&gt; component of the resulting
+   &lt;a href=3D#parsed-url&gt;parsed URL&lt;/a&gt; is &quot;&lt;code ti=
tle=3D&quot;&quot;&gt;ws&lt;/code&gt;&quot;, set &lt;var title=3D&quot;&q=
uot;&gt;secure&lt;/var&gt; to false;
+   otherwise, the &lt;a href=3D#concept-url-scheme title=3Dconcept-url-s=
cheme&gt;scheme&lt;/a&gt; component is &quot;&lt;code title=3D&quot;&quot=
;&gt;wss&lt;/code&gt;&quot;, set &lt;var title=3D&quot;&quot;&gt;secure&l=
t;/var&gt; to true.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;host&lt;/var&g=
t; be the value of the resulting &lt;a href=3D#parsed-url&gt;parsed URL&l=
t;/a&gt;'s &lt;a href=3D#concept-url-host title=3Dconcept-url-host&gt;hos=
t&lt;/a&gt; component.&lt;/li&gt; &lt;!-- at this point this is
+   Punycode-encoded and lowercased already --&gt;
+
+   &lt;li&gt;&lt;p&gt;If the resulting &lt;a href=3D#parsed-url&gt;parse=
d URL&lt;/a&gt; has a &lt;a href=3D#concept-url-port title=3Dconcept-url-=
port&gt;port&lt;/a&gt;
+   component that is not the empty string, then let &lt;var title=3D&quo=
t;&quot;&gt;port&lt;/var&gt; be that component's
+   value; otherwise, there is no explicit &lt;var title=3D&quot;&quot;&g=
t;port&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If there is no explicit &lt;var title=3D&quot;&quo=
t;&gt;port&lt;/var&gt;, then: if &lt;var title=3D&quot;&quot;&gt;secure&l=
t;/var&gt; is
+   false, let &lt;var title=3D&quot;&quot;&gt;port&lt;/var&gt; be 80, ot=
herwise let &lt;var title=3D&quot;&quot;&gt;port&lt;/var&gt; be
+   443.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;resource name&=
lt;/var&gt; be the value of the resulting &lt;a href=3D#parsed-url&gt;par=
sed
+   URL&lt;/a&gt;'s &lt;a href=3D#concept-url-path title=3Dconcept-url-pa=
th&gt;path&lt;/a&gt; component (which might be
+   empty).&lt;/li&gt; &lt;!-- at this point this is UTF-8 encoded and pe=
rcent encoded --&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;resource name&l=
t;/var&gt; is the empty string, set it to a single character
+   U+002F SOLIDUS (/).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the resulting &lt;a href=3D#parsed-url&gt;parse=
d URL&lt;/a&gt; has a non-null &lt;a href=3D#concept-url-query title=3Dco=
ncept-url-query&gt;query&lt;/a&gt; component, then append a single U+003F=
 QUESTION MARK
+   character (?) to &lt;var title=3D&quot;&quot;&gt;resource name&lt;/va=
r&gt;, followed by the value of the &lt;a href=3D#concept-url-query title=
=3Dconcept-url-query&gt;query&lt;/a&gt; component.&lt;/li&gt; &lt;!-- at =
this point this is UTF-8
+   encoded and percent encoded --&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;host&lt;/va=
r&gt;, &lt;var title=3D&quot;&quot;&gt;port&lt;/var&gt;, &lt;var title=3D=
&quot;&quot;&gt;resource
+   name&lt;/var&gt;, and &lt;var title=3D&quot;&quot;&gt;secure&lt;/var&=
gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;h4 id=3Devent-definitions-3&gt;&lt;span class=3Dsecno&g=
t;9.3.6 &lt;/span&gt;Event definitions&lt;/h4&gt;
+
+  &lt;pre class=3Didl&gt;[Constructor(DOMString type, optional &lt;a hre=
f=3D#closeeventinit&gt;CloseEventInit&lt;/a&gt; eventInitDict)]
+interface &lt;dfn id=3Dcloseevent&gt;CloseEvent&lt;/dfn&gt; : &lt;a href=
=3D#event&gt;Event&lt;/a&gt; {
+  readonly attribute boolean &lt;a href=3D#dom-closeevent-wasclean title=
=3Ddom-CloseEvent-wasClean&gt;wasClean&lt;/a&gt;;
+  readonly attribute unsigned short &lt;a href=3D#dom-closeevent-code ti=
tle=3Ddom-CloseEvent-code&gt;code&lt;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-closeevent-reason title=
=3Ddom-CloseEvent-reason&gt;reason&lt;/a&gt;;
+};
+
+dictionary &lt;dfn id=3Dcloseeventinit&gt;CloseEventInit&lt;/dfn&gt; : &=
lt;a href=3D#eventinit&gt;EventInit&lt;/a&gt; {
+  boolean wasClean;
+  unsigned short code;
+  DOMString reason;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-closeevent-wasclean title=3Ddom-CloseEve=
nt-wasClean&gt;&lt;code&gt;wasClean&lt;/code&gt;&lt;/dfn&gt; attribute mu=
st return the
+  value it was initialized to. When the object is created, this attribut=
e must be initialized to
+  false. It represents whether the connection closed cleanly or not.&lt;=
/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-closeevent-code title=3Ddom-CloseEvent-c=
ode&gt;&lt;code&gt;code&lt;/code&gt;&lt;/dfn&gt; attribute must return th=
e value it
+  was initialized to. When the object is created, this attribute must be=
 initialized to zero. It
+  represents the WebSocket connection close code provided by the server.=
&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-closeevent-reason title=3Ddom-CloseEvent=
-reason&gt;&lt;code&gt;reason&lt;/code&gt;&lt;/dfn&gt; attribute must ret=
urn the
+  value it was initialized to. When the object is created, this attribut=
e must be initialized to
+  empty string. It represents the WebSocket connection close reason prov=
ided by the server.&lt;/p&gt;
+
+
+
+  &lt;h4 id=3Dgarbage-collection-1&gt;&lt;span class=3Dsecno&gt;9.3.7 &l=
t;/span&gt;Garbage collection&lt;/h4&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#websocket&gt;WebSocket&lt;/a&gt;&=
lt;/code&gt; object whose &lt;code title=3Ddom-WebSocket-readyState&gt;&l=
t;a href=3D#dom-websocket-readystate&gt;readyState&lt;/a&gt;&lt;/code&gt;
+  attribute's value was set to &lt;code title=3Ddom-WebSocket-CONNECTING=
&gt;&lt;a href=3D#dom-websocket-connecting&gt;CONNECTING&lt;/a&gt;&lt;/co=
de&gt; (0) as of
+  the last time the &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; sta=
rted executing a &lt;a href=3D#concept-task title=3Dconcept-task&gt;task&=
lt;/a&gt; must not be garbage collected if there are any event listeners
+  registered for &lt;code title=3Devent-open&gt;open&lt;/code&gt; events=
, &lt;code title=3Devent-message&gt;&lt;a href=3D#event-message&gt;messag=
e&lt;/a&gt;&lt;/code&gt; events, &lt;code title=3Devent-error&gt;error&lt=
;/code&gt; events, or
+  &lt;code title=3Devent-socket-close&gt;close&lt;/code&gt; events.&lt;/=
p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#websocket&gt;WebSocket&lt;/a&gt;&=
lt;/code&gt; object whose &lt;code title=3Ddom-WebSocket-readyState&gt;&l=
t;a href=3D#dom-websocket-readystate&gt;readyState&lt;/a&gt;&lt;/code&gt;
+  attribute's value was set to &lt;code title=3Ddom-WebSocket-OPEN&gt;&l=
t;a href=3D#dom-websocket-open&gt;OPEN&lt;/a&gt;&lt;/code&gt; (1) as of t=
he last time
+  the &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; started executing=
 a &lt;a href=3D#concept-task title=3Dconcept-task&gt;task&lt;/a&gt; must=
 not be
+  garbage collected if there are any event listeners registered for &lt;=
code title=3Devent-message&gt;&lt;a href=3D#event-message&gt;message&lt;/=
a&gt;&lt;/code&gt; events, &lt;code title=3Devent-error&gt;error&lt;/code=
&gt;, or &lt;code title=3Devent-socket-close&gt;close&lt;/code&gt; events=
.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#websocket&gt;WebSocket&lt;/a&gt;&=
lt;/code&gt; object whose &lt;code title=3Ddom-WebSocket-readyState&gt;&l=
t;a href=3D#dom-websocket-readystate&gt;readyState&lt;/a&gt;&lt;/code&gt;
+  attribute's value was set to &lt;code title=3Ddom-WebSocket-CLOSING&gt=
;&lt;a href=3D#dom-websocket-closing&gt;CLOSING&lt;/a&gt;&lt;/code&gt; (2=
) as of the last
+  time the &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; started exec=
uting a &lt;a href=3D#concept-task title=3Dconcept-task&gt;task&lt;/a&gt;=
 must
+  not be garbage collected if there are any event listeners registered f=
or &lt;code title=3Devent-error&gt;error&lt;/code&gt; or &lt;code title=3D=
event-socket-close&gt;close&lt;/code&gt; events.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#websocket&gt;WebSocket&lt;/a&gt;&=
lt;/code&gt; object with &lt;i title=3D&quot;the WebSocket connection is =
established&quot;&gt;&lt;a href=3D#the-websocket-connection-is-establishe=
d&gt;an
+  established connection&lt;/a&gt;&lt;/i&gt; that has data queued to be =
transmitted to the network must not be
+  garbage collected. &lt;a href=3D#refsWSP&gt;[WSP]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;If a &lt;code&gt;&lt;a href=3D#websocket&gt;WebSocket&lt;/a&g=
t;&lt;/code&gt; object is garbage collected while its connection is still=
 open, the
+  user agent must &lt;i&gt;&lt;a href=3D#start-the-websocket-closing-han=
dshake&gt;start the WebSocket closing handshake&lt;/a&gt;&lt;/i&gt;, with=
 no status code&lt;!--CLOSE CODE--&gt;
+  for the Close message. &lt;a href=3D#refsWSP&gt;[WSP]&lt;/a&gt;&lt;/p&=
gt;
+
+  &lt;hr&gt;&lt;p&gt;If a user agent is to &lt;dfn id=3Dmake-disappear&g=
t;make disappear&lt;/dfn&gt; a &lt;code&gt;&lt;a href=3D#websocket&gt;Web=
Socket&lt;/a&gt;&lt;/code&gt; object (this happens
+  when a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/co=
de&gt; object goes away), the user agent must follow the first appropriat=
e
+  set of steps from the following list:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the WebSocket connection is not =
yet &lt;i title=3D&quot;the WebSocket connection is
+   established&quot;&gt;&lt;a href=3D#the-websocket-connection-is-establ=
ished&gt;established&lt;/a&gt;&lt;/i&gt; &lt;a href=3D#refsWSP&gt;[WSP]&l=
t;/a&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;i&gt;&lt;a href=3D#fail-the-websocket-connection&gt;Fai=
l the WebSocket connection&lt;/a&gt;&lt;/i&gt;. &lt;a href=3D#refsWSP&gt;=
[WSP]&lt;/a&gt;&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;If the WebSocket closing handshake has not yet been &lt;i t=
itle=3D&quot;the WebSocket closing handshake
+   is started&quot;&gt;&lt;a href=3D#the-websocket-closing-handshake-is-=
started&gt;started&lt;/a&gt;&lt;/i&gt; &lt;a href=3D#refsWSP&gt;[WSP]&lt;=
/a&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;i&gt;&lt;a href=3D#start-the-websocket-closing-handshak=
e&gt;Start the WebSocket closing handshake&lt;/a&gt;&lt;/i&gt;, with the =
status code&lt;!--CLOSE CODE--&gt; to use in
+    the WebSocket Close message being 1001. &lt;a href=3D#refsWSP&gt;[WS=
P]&lt;/a&gt;&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Do nothing.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;!--TOPIC:DOM APIs--&gt;&lt;!--POSTMSG--&gt;&lt;h3 id=3D=
web-messaging&gt;&lt;span class=3Dsecno&gt;9.4 &lt;/span&gt;&lt;dfn id=3D=
crossDocumentMessages&gt;Cross-document messaging&lt;/dfn&gt;&lt;/h3&gt;
+
+  &lt;p&gt;Web browsers, for security and privacy reasons, prevent docum=
ents in different domains from
+  affecting each other; that is, cross-site scripting is disallowed.&lt;=
/p&gt;
+
+  &lt;p&gt;While this is an important security feature, it prevents page=
s from different domains from
+  communicating even when those pages are not hostile. This section intr=
oduces a messaging system
+  that allows documents to communicate with each other regardless of the=
ir source domain, in a way
+  designed to not enable cross-site scripting attacks.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The &lt;a href=3D#task-source&gt;task source&lt;/a&gt; for th=
e &lt;a href=3D#concept-task title=3Dconcept-task&gt;tasks&lt;/a&gt; in
+  &lt;a href=3D#web-messaging&gt;cross-document messaging&lt;/a&gt; is t=
he &lt;dfn id=3Dposted-message-task-source&gt;posted message task source&=
lt;/dfn&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dintroduction-9&gt;&lt;span class=3Dsecno&gt;9.4.1 &lt;/spa=
n&gt;Introduction&lt;/h4&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For example, if document A contains an &lt;code&gt;&lt;a hre=
f=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt; element that con=
tains document B,
+   and script in document A calls &lt;code title=3Ddom-window-postMessag=
e&gt;&lt;a href=3D#dom-window-postmessage&gt;postMessage()&lt;/a&gt;&lt;/=
code&gt; on the
+   &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obj=
ect of document B, then a message event will be fired on that object,
+   marked as originating from the &lt;code&gt;&lt;a href=3D#window&gt;Wi=
ndow&lt;/a&gt;&lt;/code&gt; of document A. The script in document A might
+   look like:&lt;/p&gt;
+
+   &lt;pre&gt;var o =3D document.getElementsByTagName('iframe')[0];
+o.contentWindow.postMessage('Hello world', 'http://b.example.org/');&lt;=
/pre&gt;
+
+   &lt;p&gt;To register an event handler for incoming events, the script=
 would use &lt;code title=3D&quot;&quot;&gt;addEventListener()&lt;/code&g=
t; (or similar mechanisms). For example, the script in document B
+   might look like:&lt;/p&gt;
+
+   &lt;pre&gt;window.addEventListener('message', receiver, false);
+function receiver(e) {
+  if (e.origin =3D=3D 'http://example.com') {
+    if (e.data =3D=3D 'Hello world') {
+      e.source.postMessage('Hello', e.origin);
+    } else {
+      alert(e.data);
+    }
+  }
+}&lt;/pre&gt;
+
+   &lt;p&gt;This script first checks the domain is the expected domain, =
and then looks at the message,
+   which it either displays to the user, or responds to by sending a mes=
sage back to the document
+   which sent the message in the first place.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+&lt;!--ADD-TOPIC:Security--&gt;
+  &lt;h4 id=3Dsecurity-postmsg&gt;&lt;span class=3Dsecno&gt;9.4.2 &lt;/s=
pan&gt;Security&lt;/h4&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Dauthors&gt;&lt;span class=3Dsecno&gt;9.4.2.1 &lt;/span&gt;=
Authors&lt;/h5&gt;
+
+  &lt;/div&gt;
+
+  &lt;p id=3Dsecurity-4 class=3Dwarning&gt;Use of this API requires extr=
a care to protect users from
+  hostile entities abusing a site for their own purposes.&lt;/p&gt;
+
+  &lt;p&gt;Authors should check the &lt;code title=3Ddom-MessageEvent-or=
igin&gt;&lt;a href=3D#dom-messageevent-origin&gt;origin&lt;/a&gt;&lt;/cod=
e&gt; attribute to
+  ensure that messages are only accepted from domains that they expect t=
o receive messages from.
+  Otherwise, bugs in the author's message handling code could be exploit=
ed by hostile sites.&lt;/p&gt;
+
+  &lt;p&gt;Furthermore, even after checking the &lt;code title=3Ddom-Mes=
sageEvent-origin&gt;&lt;a href=3D#dom-messageevent-origin&gt;origin&lt;/a=
&gt;&lt;/code&gt;
+  attribute, authors should also check that the data in question is of t=
he expected format.
+  Otherwise, if the source of the event has been attacked using a cross-=
site scripting flaw, further
+  unchecked processing of information sent using the &lt;code title=3Ddo=
m-window-postMessage&gt;&lt;a href=3D#dom-window-postmessage&gt;postMessa=
ge()&lt;/a&gt;&lt;/code&gt; method could result in the attack being
+  propagated into the receiver.&lt;/p&gt;
+
+  &lt;p&gt;Authors should not use the wildcard keyword (*) in the &lt;va=
r title=3D&quot;&quot;&gt;targetOrigin&lt;/var&gt;
+  argument in messages that contain any confidential information, as oth=
erwise there is no way to
+  guarantee that the message is only delivered to the recipient to which=
 it was intended.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;Authors who accept messages from any origin are enc=
ouraged to consider the risks of a
+  denial-of-service attack. An attacker could send a high volume of mess=
ages; if the receiving page
+  performs expensive computation or causes network traffic to be sent fo=
r each such message, the
+  attacker's message could be multplied into a denial-of-service attack.=
 Authors are encouraged to
+  employ rate limiting (only accepting a certain number of messages per =
minute) to make such attacks
+  impractical.&lt;/p&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h5 id=3Duser-agents&gt;&lt;span class=3Dsecno&gt;9.4.2.2 &lt;/span=
&gt;User agents&lt;/h5&gt;
+
+  &lt;p&gt;The integrity of this API is based on the inability for scrip=
ts of one &lt;a href=3D#origin&gt;origin&lt;/a&gt; to
+  post arbitrary events (using &lt;code title=3D&quot;&quot;&gt;dispatch=
Event()&lt;/code&gt; or otherwise) to objects in
+  other origins (those that are not the &lt;a href=3D#same-origin title=3D=
&quot;same origin&quot;&gt;same&lt;/a&gt;).&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Implementors are urged to take extra care in the=
 implementation of this feature.
+  It allows authors to transmit information from one domain to another d=
omain, which is normally
+  disallowed for security reasons. It also requires that UAs be careful =
to allow access to certain
+  properties but not others.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;User agents are also encouraged to consider rate-li=
miting message traffic between different
+  &lt;a href=3D#origin title=3Dorigin&gt;origins&lt;/a&gt;, to protect n=
a&amp;iuml;ve sites from denial-of-service
+  attacks.&lt;/p&gt;
+
+  &lt;/div&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+
+  &lt;h4 id=3Dposting-messages&gt;&lt;span class=3Dsecno&gt;9.4.3 &lt;/s=
pan&gt;Posting messages&lt;/h4&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;w=
indow&lt;/var&gt; . &lt;code title=3Ddom-window-postMessage&gt;&lt;a href=
=3D#dom-window-postmessage&gt;postMessage&lt;/a&gt;&lt;/code&gt;(&lt;var =
title=3D&quot;&quot;&gt;message&lt;/var&gt;, &lt;var title=3D&quot;&quot;=
&gt;targetOrigin&lt;/var&gt; [, &lt;var title=3D&quot;&quot;&gt;transfer&=
lt;/var&gt; ])&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Posts a message to the given window. Messages can be struct=
ured objects, e.g. nested objects
+    and arrays, can contain JavaScript values (strings, numbers, &lt;cod=
e&gt;Date&lt;/code&gt;s, etc), and can
+    contain certain data objects such as &lt;code&gt;&lt;a href=3D#file&=
gt;File&lt;/a&gt;&lt;/code&gt; &lt;code&gt;&lt;a href=3D#blob&gt;Blob&lt;=
/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#filelist&gt;FileList&lt;/a=
&gt;&lt;/code&gt;,
+    and &lt;code&gt;&lt;a href=3D#arraybuffer&gt;ArrayBuffer&lt;/a&gt;&l=
t;/code&gt; objects.&lt;/p&gt;
+
+    &lt;p&gt;Objects listed in &lt;var title=3D&quot;&quot;&gt;transfer&=
lt;/var&gt; are transferred, not just cloned, meaning that
+    they are no longer usable on the sending side.&lt;/p&gt;
+
+    &lt;p&gt;If the origin of the target window doesn't match the given =
origin, the message is discarded,
+    to avoid information leakage. To send the message to the target rega=
rdless of origin, set the
+    target origin to &quot;&lt;code title=3D&quot;&quot;&gt;*&lt;/code&g=
t;&quot;. To restrict the message to same-origin targets only,
+    without needing to explicitly state the origin, set the target origi=
n to &quot;&lt;code title=3D&quot;&quot;&gt;/&lt;/code&gt;&quot;.&lt;/p&g=
t;
+
+    &lt;p&gt;Throws a &lt;code&gt;&lt;a href=3D#datacloneerror&gt;DataCl=
oneError&lt;/a&gt;&lt;/code&gt; exception if &lt;var title=3D&quot;&quot;=
&gt;transfer&lt;/var&gt; array contains
+    duplicate objects or if &lt;var title=3D&quot;&quot;&gt;message&lt;/=
var&gt; could not be cloned.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p class=3Dnote&gt;When posting a message to a &lt;code&=
gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; of a &lt;a href=3D=
#browsing-context&gt;browsing context&lt;/a&gt;
+  that has just been navigated to a new &lt;code&gt;&lt;a href=3D#docume=
nt&gt;Document&lt;/a&gt;&lt;/code&gt; is likely to result in the message =
not
+  receiving its intended recipient: the scripts in the target &lt;a href=
=3D#browsing-context&gt;browsing context&lt;/a&gt; have to
+  have had time to set up listeners for the messages. Thus, for instance=
, in situations where a
+  message is to be sent to the &lt;code&gt;&lt;a href=3D#window&gt;Windo=
w&lt;/a&gt;&lt;/code&gt; of newly created child &lt;code&gt;&lt;a href=3D=
#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt;,
+  authors are advised to have the child &lt;code&gt;&lt;a href=3D#docume=
nt&gt;Document&lt;/a&gt;&lt;/code&gt; post a message to their parent
+  announcing their readiness to receive messages, and for the parent to =
wait for this message before
+  beginning posting messages.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When a script invokes the &lt;dfn id=3Ddom-window-postmessage=
 title=3Ddom-window-postMessage&gt;&lt;code&gt;postMessage(&lt;var title=3D=
&quot;&quot;&gt;message&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;targ=
etOrigin&lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;transfer&lt;/var&gt=
;)&lt;/code&gt;&lt;/dfn&gt; method (with two or three arguments) on a
+  &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obje=
ct, the user agent must follow these steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!-- a lot of this is similar or identical to port.postMe=
ssage --&gt;&lt;li&gt;
+
+    &lt;p&gt;If the value of the &lt;var title=3D&quot;&quot;&gt;targetO=
rigin&lt;/var&gt; argument is neither a single U+002A
+    ASTERISK character (*), a single U+002F SOLIDUS character (/), nor a=
n &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt;,
+    then throw a &lt;code&gt;&lt;a href=3D#syntaxerror&gt;SyntaxError&lt=
;/a&gt;&lt;/code&gt; exception and abort the overall set of steps.&lt;/p&=
gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;new ports&lt;/var&gt; b=
e an empty array.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;transfer map&lt;/var&gt=
; be an empty association list of
+    &lt;code&gt;&lt;a href=3D#transferable&gt;Transferable&lt;/a&gt;&lt;=
/code&gt; objects to placeholder objects.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the method was invoked with a third argument &lt;var tit=
le=3D&quot;&quot;&gt;transfer&lt;/var&gt;, run these
+    substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;If any object is listed in &lt;var title=3D&quot;&quot;&g=
t;transfer&lt;/var&gt; more than once, or any of the
+      &lt;code&gt;&lt;a href=3D#transferable&gt;Transferable&lt;/a&gt;&l=
t;/code&gt; objects listed in &lt;var title=3D&quot;&quot;&gt;transfer&lt=
;/var&gt; are marked as &lt;a href=3D#concept-transferable-neutered title=
=3Dconcept-Transferable-neutered&gt;neutered&lt;/a&gt;, then throw a
+      &lt;code&gt;&lt;a href=3D#datacloneerror&gt;DataCloneError&lt;/a&g=
t;&lt;/code&gt; exception and abort these steps.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;For each object &lt;var title=3D&quot;&quot;&gt;x&lt;/var=
&gt; in &lt;var title=3D&quot;&quot;&gt;transfer&lt;/var&gt; in turn, add=
 a
+      mapping from &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; to a ne=
w unique placeholder object created for &lt;var title=3D&quot;&quot;&gt;x=
&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;transfer map&lt;/var&gt;,=
 and if &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; is a
+      &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;=
/code&gt; object, also append the placeholder object to the &lt;var title=
=3D&quot;&quot;&gt;new
+      ports&lt;/var&gt; array.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;!--CLEANUP--&gt;&lt;!--no need for all this whitespace-=
-&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;message clone&lt;/var&g=
t; be the result of obtaining a &lt;a href=3D#structured-clone&gt;structu=
red
+    clone&lt;/a&gt; of the &lt;var title=3D&quot;&quot;&gt;message&lt;/v=
ar&gt; argument, with &lt;var title=3D&quot;&quot;&gt;transfer map&lt;/va=
r&gt;
+    as the &lt;i&gt;transfer map&lt;/i&gt;. If this throws an exception,=
 then throw that exception and abort
+    these steps.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the method was invoked with a third argument &lt;var tit=
le=3D&quot;&quot;&gt;transfer&lt;/var&gt;, run these
+    substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;!--CLEANUP--&gt;&lt;!--no need for all this =
whitespace--&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;new owner&lt;/var&gt;=
 be the &lt;a href=3D#script-settings-object&gt;script settings object&lt=
;/a&gt; of the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/c=
ode&gt; object on which the method was
+      invoked.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;&lt;!--CLEANUP--&gt;&lt;!--no need for all this whitespac=
e--&gt;
+
+      &lt;p&gt;For each object &lt;var title=3D&quot;&quot;&gt;x&lt;/var=
&gt; in &lt;var title=3D&quot;&quot;&gt;transfer&lt;/var&gt; in turn, obt=
ain a new
+      object &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; by &lt;a href=
=3D#transfer-a-transferable-object title=3D&quot;transfer a Transferable
+      object&quot;&gt;transferring&lt;/a&gt; the object &lt;var title=3D=
&quot;&quot;&gt;x&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;new owne=
r&lt;/var&gt;,
+      and replace the placeholder object that was created for the object=
 &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; by
+      the new object &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; where=
ver the placeholder exists (i.e. in &lt;var title=3D&quot;&quot;&gt;messa=
ge clone&lt;/var&gt; and in &lt;var title=3D&quot;&quot;&gt;new ports&lt;=
/var&gt;).&lt;/p&gt;
+
+     &lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;!--CLEANUP--&gt;&lt;!--no need for all this whitespace-=
-&gt;
+
+    &lt;p&gt;Make &lt;var title=3D&quot;&quot;&gt;new ports&lt;/var&gt; =
into a &lt;a href=3D#dfn-read-only-array title=3Ddfn-read-only-array&gt;r=
ead only&lt;/a&gt;
+    array.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Return from the &lt;code title=3Ddom-window-postMessage&gt;=
&lt;a href=3D#dom-window-postmessage&gt;postMessage()&lt;/a&gt;&lt;/code&=
gt; method, but
+    asynchronously continue running these steps.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;targetOrigin&lt;/var=
&gt; argument is a single literal U+002F SOLIDUS character
+    (/), and the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt; of the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt=
;&lt;/code&gt; object on which the method was
+    invoked does not have the &lt;a href=3D#same-origin&gt;same origin&l=
t;/a&gt; as the &lt;a href=3D#responsible-document&gt;responsible documen=
t&lt;/a&gt; specified by the &lt;a href=3D#entry-settings-object&gt;entry=
 settings
+    object&lt;/a&gt;, then abort these steps silently.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if the &lt;var title=3D&quot;&quot;&gt;targetOri=
gin&lt;/var&gt; argument is an &lt;a href=3D#absolute-url&gt;absolute URL=
&lt;/a&gt;,
+    and the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;=
/code&gt; of the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;=
/code&gt; object on which the method was invoked
+    does not have the &lt;a href=3D#same-origin&gt;same origin&lt;/a&gt;=
 as &lt;var title=3D&quot;&quot;&gt;targetOrigin&lt;/var&gt;, then abort =
these
+    steps silently.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, the &lt;var title=3D&quot;&quot;&gt;targetOrigin=
&lt;/var&gt; argument is a single literal U+002A ASTERISK
+    character (*), and no origin check is made.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;Create a &lt;a href=3D#concept-events-trusted title=3Dconce=
pt-events-trusted&gt;trusted&lt;/a&gt; event that uses the
+    &lt;code&gt;&lt;a href=3D#messageevent&gt;MessageEvent&lt;/a&gt;&lt;=
/code&gt; interface, with the event type &lt;code title=3Devent-message&g=
t;&lt;a href=3D#event-message&gt;message&lt;/a&gt;&lt;/code&gt;, which do=
es not bubble, is not cancelable, and has no
+    default action. The &lt;code title=3Ddom-MessageEvent-data&gt;&lt;a =
href=3D#dom-messageevent-data&gt;data&lt;/a&gt;&lt;/code&gt; attribute mu=
st be
+    initialized to the value of &lt;var title=3D&quot;&quot;&gt;message =
clone&lt;/var&gt;, the &lt;code title=3Ddom-MessageEvent-origin&gt;&lt;a =
href=3D#dom-messageevent-origin&gt;origin&lt;/a&gt;&lt;/code&gt; attribut=
e must be initialized to the &lt;a href=3D#unicode-serialization-of-an-or=
igin title=3D&quot;Unicode serialization of an origin&quot;&gt;Unicode se=
rialization&lt;/a&gt; of the
+    &lt;a href=3D#origin&gt;origin&lt;/a&gt; specified by the &lt;a href=
=3D#incumbent-settings-object&gt;incumbent settings object&lt;/a&gt;, the=
 &lt;code title=3Ddom-MessageEvent-source&gt;&lt;a href=3D#dom-messageeve=
nt-source&gt;source&lt;/a&gt;&lt;/code&gt; attribute must be initialized =
to the
+    &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&gt;&lt;/c=
ode&gt; object corresponding to the
+    &lt;a href=3D#global-object&gt;global object&lt;/a&gt; (a &lt;code&g=
t;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object) specified=
 by the
+    &lt;a href=3D#incumbent-settings-object&gt;incumbent settings object=
&lt;/a&gt;,
+    and the &lt;code title=3Ddom-MessageEvent-ports&gt;&lt;a href=3D#dom=
-messageevent-ports&gt;ports&lt;/a&gt;&lt;/code&gt; attribute must be ini=
tialized to the &lt;var title=3D&quot;&quot;&gt;new ports&lt;/var&gt; arr=
ay.
+    &lt;/p&gt;
+    &lt;!-- invariant: the global object is always a Window if the scrip=
t can see this method --&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#queue-a-task&gt;Queue a task&lt;/a&gt; to &lt=
;a href=3D#concept-event-dispatch title=3Dconcept-event-dispatch&gt;dispa=
tch&lt;/a&gt; the event
+    created in the previous step at the &lt;code&gt;&lt;a href=3D#window=
&gt;Window&lt;/a&gt;&lt;/code&gt; object on which the method was invoked.
+    The &lt;a href=3D#task-source&gt;task source&lt;/a&gt; for this &lt;=
a href=3D#concept-task title=3Dconcept-task&gt;task&lt;/a&gt; is the &lt;=
a href=3D#posted-message-task-source&gt;posted
+    message task source&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+
+
+  &lt;h3 id=3Dchannel-messaging&gt;&lt;span class=3Dsecno&gt;9.5 &lt;/sp=
an&gt;&lt;dfn&gt;Channel messaging&lt;/dfn&gt;&lt;/h3&gt;
+
+  &lt;h4 id=3Dintroduction-10&gt;&lt;span class=3Dsecno&gt;9.5.1 &lt;/sp=
an&gt;Introduction&lt;/h4&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;To enable independent pieces of code (e.g. running in differe=
nt &lt;a href=3D#browsing-context title=3D&quot;browsing
+  context&quot;&gt;browsing contexts&lt;/a&gt;) to communicate directly,=
 authors can use &lt;a href=3D#channel-messaging&gt;channel
+  messaging&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Communication channels in this mechanism are implemented as t=
wo-ways pipes, with a port at each
+  end. Messages sent in one port are delivered at the other port, and vi=
ce-versa. Messages are
+  asynchronous, and delivered as DOM events.&lt;/p&gt;
+
+  &lt;p&gt;To create a connection (two &quot;entangled&quot; ports), the=
 &lt;code title=3D&quot;&quot;&gt;MessageChannel()&lt;/code&gt;
+  constructor is called:&lt;/p&gt;
+
+  &lt;pre&gt;var channel =3D new MessageChannel();&lt;/pre&gt;
+
+  &lt;p&gt;One of the ports is kept as the local port, and the other por=
t is sent to the remote code, e.g.
+  using &lt;code title=3Ddom-window-postMessage&gt;&lt;a href=3D#dom-win=
dow-postmessage&gt;postMessage()&lt;/a&gt;&lt;/code&gt;:&lt;/p&gt;
+
+  &lt;pre&gt;otherWindow.postMessage('hello', 'http://example.com', [cha=
nnel.port2]);&lt;/pre&gt;
+
+  &lt;p&gt;To send messages, the &lt;code title=3Ddom-MessagePort-postMe=
ssage&gt;&lt;a href=3D#dom-messageport-postmessage&gt;postMessage()&lt;/a=
&gt;&lt;/code&gt; method on
+  the port is used:&lt;/p&gt;
+
+  &lt;pre&gt;channel.port1.postMessage('hello');&lt;/pre&gt;
+
+  &lt;p&gt;To receive messages, one listens to &lt;code title=3Devent-me=
ssage&gt;&lt;a href=3D#event-message&gt;message&lt;/a&gt;&lt;/code&gt; ev=
ents:&lt;/p&gt;
+
+  &lt;pre&gt;channel.port1.onmessage =3D handleMessage;
+function handleMessage(event) {
+  // message is in event.data
+  // ...
+}&lt;/pre&gt;
+
+  &lt;p&gt;Data sent on a port can be structured data; for example here =
an array of strings is passed on a
+  &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/cod=
e&gt;:&lt;/p&gt;
+
+  &lt;pre&gt;port1.postMessage(['hello', 'world']);&lt;/pre&gt;
+
+
+  &lt;h5 id=3Dexamples-4&gt;&lt;span class=3Dsecno&gt;9.5.1.1 &lt;/span&=
gt;Examples&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In this example, two JavaScript libraries are connected to e=
ach other using
+   &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/co=
de&gt;s. This allows the libraries to later be hosted in different frames=
, or
+   in &lt;code&gt;&lt;a href=3D#worker&gt;Worker&lt;/a&gt;&lt;/code&gt; =
objects, without any change to the APIs.&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;script src=3D&quot;contacts.js&quot;&amp;gt;&amp;l=
t;/script&amp;gt; &amp;lt;!-- exposes a contacts object --&amp;gt;
+&amp;lt;script src=3D&quot;compose-mail.js&quot;&amp;gt;&amp;lt;/script&=
amp;gt; &amp;lt;!-- exposes a composer object --&amp;gt;
+&amp;lt;script&amp;gt;
+ var channel =3D new MessageChannel();
+ composer.addContactsProvider(channel.port1);
+ contacts.registerConsumer(channel.port2);
+&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;Here's what the &quot;addContactsProvider()&quot; function's=
 implementation could look like:&lt;/p&gt;
+
+   &lt;pre&gt;function addContactsProvider(port) {
+  port.onmessage =3D function (event) {
+    switch (event.data.messageType) {
+      'search-result': handleSearchResult(event.data.results); break;
+      'search-done': handleSearchDone(); break;
+      'search-error': handleSearchError(event.data.message); break;
+      // ...
+    }
+  };
+};&lt;/pre&gt;
+
+   &lt;p&gt;Alternatively, it could be implemented as follows:&lt;/p&gt;
+
+   &lt;pre&gt;function addContactsProvider(port) {
+  port.addEventListener('message', function (event) {
+    if (event.data.messageType =3D=3D 'search-result')
+      handleSearchResult(event.data.results);
+  });
+  port.addEventListener('message', function (event) {
+    if (event.data.messageType =3D=3D 'search-done')
+      handleSearchDone();
+  });
+  port.addEventListener('message', function (event) {
+    if (event.data.messageType =3D=3D 'search-error')
+      handleSearchError(event.data.message);
+  });
+  // ...
+  port.start();
+};&lt;/pre&gt;
+
+   &lt;p&gt;The key difference is that when using &lt;code title=3Ddom-E=
ventTarget-addEventListener&gt;addEventListener()&lt;/code&gt;, the &lt;c=
ode title=3Ddom-MessagePort-start&gt;&lt;a href=3D#dom-messageport-start&=
gt;start()&lt;/a&gt;&lt;/code&gt; method must also be invoked. When using=
 &lt;code title=3Dhandler-MessagePort-onmessage&gt;&lt;a href=3D#handler-=
messageport-onmessage&gt;onmessage&lt;/a&gt;&lt;/code&gt;, the call to &l=
t;code title=3Ddom-MessagePort-start&gt;&lt;a href=3D#dom-messageport-sta=
rt&gt;start()&lt;/a&gt;&lt;/code&gt; is implied.&lt;/p&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-MessagePort-start&gt;&lt;a href=3D#=
dom-messageport-start&gt;start()&lt;/a&gt;&lt;/code&gt; method, whether c=
alled explicitly or
+   implicitly (by setting &lt;code title=3Dhandler-MessagePort-onmessage=
&gt;&lt;a href=3D#handler-messageport-onmessage&gt;onmessage&lt;/a&gt;&lt=
;/code&gt;), starts the
+   flow of messages: messages posted on message ports are initially paus=
ed, so that they don't get
+   dropped on the floor before the script has had a chance to set up its=
 handlers.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Dports-as-the-basis-of-an-object-capability-model-on-the-we=
b&gt;&lt;span class=3Dsecno&gt;9.5.1.2 &lt;/span&gt;Ports as the basis of=
 an object-capability model on the Web&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;Ports can be viewed as a way to expose limited capabilities (=
in the object-capability model
+  sense) to other actors in the system. This can either be a weak capabi=
lity system, where the ports
+  are merely used as a convenient model within a particular origin, or a=
s a strong capability model,
+  where they are provided by one origin &lt;var title=3D&quot;&quot;&gt;=
provider&lt;/var&gt; as the only mechanism by which
+  another origin &lt;var title=3D&quot;&quot;&gt;consumer&lt;/var&gt; ca=
n effect change in or obtain information from &lt;var title=3D&quot;&quot=
;&gt;provider&lt;/var&gt;.&lt;/p&gt;
+
+  &lt;p&gt;For example, consider a situation in which a social Web site =
embeds in one &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/=
a&gt;&lt;/code&gt;
+  the user's e-mail contacts provider (an address book site, from a seco=
nd origin), and in a second
+  &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/c=
ode&gt; a game (from a third origin). The outer social site and the game =
in the second
+  &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/c=
ode&gt; cannot access anything inside the first &lt;code&gt;&lt;a href=3D=
#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt;; together they can
+  only:&lt;/p&gt;
+
+  &lt;ul class=3Dbrief&gt;&lt;li&gt;&lt;a href=3D#navigate&gt;Navigate&l=
t;/a&gt; the &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a=
&gt;&lt;/code&gt; to a new &lt;a href=3D#url&gt;URL&lt;/a&gt;, such as th=
e same
+   &lt;a href=3D#url&gt;URL&lt;/a&gt; but with a different fragment iden=
tifier, causing the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&=
lt;/code&gt; in the
+   &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/=
code&gt; to receive a &lt;code title=3Devent-hashchange&gt;&lt;a href=3D#=
event-hashchange&gt;hashchange&lt;/a&gt;&lt;/code&gt; event.&lt;/li&gt;
+
+   &lt;li&gt;Resize the &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;=
iframe&lt;/a&gt;&lt;/code&gt;, causing the &lt;code&gt;&lt;a href=3D#wind=
ow&gt;Window&lt;/a&gt;&lt;/code&gt; in the &lt;code&gt;&lt;a href=3D#the-=
iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt; to
+   receive a &lt;code title=3Devent-resize&gt;resize&lt;/code&gt; event.=
&lt;/li&gt;
+
+   &lt;!-- anything else? --&gt;
+
+   &lt;li&gt;Send a &lt;code title=3Devent-message&gt;&lt;a href=3D#even=
t-message&gt;message&lt;/a&gt;&lt;/code&gt; event to the &lt;code&gt;&lt;=
a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; in the
+   &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/=
code&gt; using the &lt;code title=3Ddom-window-postMessage&gt;&lt;a href=3D=
#dom-window-postmessage&gt;window.postMessage()&lt;/a&gt;&lt;/code&gt;
+   API.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;The contacts provider can use these methods, most =
particularly the third one, to provide an API
+  that can be accessed by other origins to manipulate the user's address=
 book. For example, it could
+  respond to a message &quot;&lt;code title=3D&quot;&quot;&gt;add-contac=
t Guillaume Tell
+  &amp;lt;tell at pomme.example.net&amp;gt;&lt;/code&gt;&quot; by adding th=
e given person and e-mail address to the user's
+  address book.&lt;/p&gt;
+
+  &lt;p&gt;To avoid any site on the Web being able to manipulate the use=
r's contacts, the contacts
+  provider might only allow certain trusted sites, such as the social si=
te, to do this.&lt;/p&gt;
+
+  &lt;p&gt;Now suppose the game wanted to add a contact to the user's ad=
dress book, and that the social
+  site was willing to allow it to do so on its behalf, essentially &quot=
;sharing&quot; the trust that the
+  contacts provider had with the social site. There are several ways it =
could do this; most simply,
+  it could just proxy messages between the game site and the contacts si=
te. However, this solution
+  has a number of difficulties: it requires the social site to either co=
mpletely trust the game site
+  not to abuse the privilege, or it requires that the social site verify=
 each request to make sure
+  it's not a request that it doesn't want to allow (such as adding multi=
ple contacts, reading the
+  contacts, or deleting them); it also requires some additional complexi=
ty if there's ever the
+  possibility of multiple games simultaneously trying to interact with t=
he contacts provider.&lt;/p&gt;
+
+  &lt;p&gt;Using message channels and &lt;code&gt;&lt;a href=3D#messagep=
ort&gt;MessagePort&lt;/a&gt;&lt;/code&gt; objects, however, all of these =
problems can
+  go away. When the game tells the social site that it wants to add a co=
ntact, the social site can
+  ask the contacts provider not for it to add a contact, but for the &lt=
;em&gt;capability&lt;/em&gt; to add a
+  single contact. The contacts provider then creates a pair of &lt;code&=
gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/code&gt; object=
s, and
+  sends one of them back to the social site, who forwards it on to the g=
ame. The game and the
+  contacts provider then have a direct connection, and the contacts prov=
ider knows to only honor a
+  single &quot;add contact&quot; request, nothing else. In other words, =
the game has been granted the
+  capability to add a single contact.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dports-as-the-basis-of-abstracting-out-service-implementati=
ons&gt;&lt;span class=3Dsecno&gt;9.5.1.3 &lt;/span&gt;Ports as the basis =
of abstracting out service implementations&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;Continuing the example from the previous section, consider th=
e contacts provider in particular.
+  While an initial implementation might have simply used &lt;code&gt;XML=
HttpRequest&lt;/code&gt; objects in the
+  service's &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a=
&gt;&lt;/code&gt;, an evolution of the service might instead want to use =
a &lt;a href=3D#sharedworker title=3DSharedWorker&gt;shared worker&lt;/a&=
gt; with a single &lt;code&gt;&lt;a href=3D#websocket&gt;WebSocket&lt;/a&=
gt;&lt;/code&gt; connection.&lt;/p&gt;
+
+  &lt;p&gt;If the initial design used &lt;code&gt;&lt;a href=3D#messagep=
ort&gt;MessagePort&lt;/a&gt;&lt;/code&gt; objects to grant capabilities, =
or even just
+  to allow multiple simultaneous independent sessions, the service imple=
mentation can switch from
+  the &lt;code&gt;XMLHttpRequest&lt;/code&gt;s-in-each-&lt;code&gt;&lt;a=
 href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt; model to the
+  shared-&lt;code&gt;&lt;a href=3D#websocket&gt;WebSocket&lt;/a&gt;&lt;/=
code&gt; model without changing the API at all: the ports on the service
+  provider side can all be forwarded to the shared worker without it aff=
ecting the users of the API
+  in the slightest.&lt;/p&gt;
+
+
+
+  &lt;h4 id=3Dmessage-channels&gt;&lt;span class=3Dsecno&gt;9.5.2 &lt;/s=
pan&gt;Message channels&lt;/h4&gt;
+
+  &lt;pre class=3Didl&gt;[&lt;a href=3D#dom-messagechannel title=3Ddom-M=
essageChannel&gt;Constructor&lt;/a&gt;]
+interface &lt;dfn id=3Dmessagechannel&gt;MessageChannel&lt;/dfn&gt; {
+  readonly attribute &lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt; =
&lt;a href=3D#dom-channel-port1 title=3Ddom-channel-port1&gt;port1&lt;/a&=
gt;;
+  readonly attribute &lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt; =
&lt;a href=3D#dom-channel-port2 title=3Ddom-channel-port2&gt;port2&lt;/a&=
gt;;
+};&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;c=
hannel&lt;/var&gt; =3D new &lt;code title=3Ddom-MessageChannel&gt;&lt;a h=
ref=3D#dom-messagechannel&gt;MessageChannel&lt;/a&gt;&lt;/code&gt;()&lt;/=
dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a new &lt;code&gt;&lt;a href=3D#messagechannel&gt;M=
essageChannel&lt;/a&gt;&lt;/code&gt; object with two new &lt;code&gt;&lt;=
a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/code&gt; objects.&lt;/=
p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;channel&lt;/var&gt; . &lt;c=
ode title=3Ddom-MessageChannel-port1&gt;port1&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the first &lt;code&gt;&lt;a href=3D#messageport&gt;=
MessagePort&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;channel&lt;/var&gt; . &lt;c=
ode title=3Ddom-MessageChannel-port2&gt;port2&lt;/code&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns the second &lt;code&gt;&lt;a href=3D#messageport&gt=
;MessagePort&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;When the &lt;dfn id=3Ddom-messagechannel title=3Ddom-MessageC=
hannel&gt;&lt;code&gt;MessageChannel()&lt;/code&gt;&lt;/dfn&gt; construct=
or is
+  called, it must run the following algorithm:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!--CLEANUP--&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#create-=
a-new-messageport-object&gt;Create a new &lt;code&gt;MessagePort&lt;/code=
&gt; object&lt;/a&gt; whose &lt;a href=3D#concept-port-owner title=3Dconc=
ept-port-owner&gt;owner&lt;/a&gt;
+   is the &lt;a href=3D#incumbent-settings-object&gt;incumbent settings =
object&lt;/a&gt;, and let &lt;var title=3D&quot;&quot;&gt;port1&lt;/var&g=
t; be that object.&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#create-a-new-messageport-object&gt;C=
reate a new &lt;code&gt;MessagePort&lt;/code&gt; object&lt;/a&gt; whose &=
lt;a href=3D#concept-port-owner title=3Dconcept-port-owner&gt;owner&lt;/a=
&gt;
+   is the &lt;a href=3D#incumbent-settings-object&gt;incumbent settings =
object&lt;/a&gt;, and let &lt;var title=3D&quot;&quot;&gt;port2&lt;/var&g=
t; be that object.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#entangle&gt;Entangle&lt;/a&gt; the &=
lt;var title=3D&quot;&quot;&gt;port1&lt;/var&gt; and &lt;var title=3D&quo=
t;&quot;&gt;port2&lt;/var&gt;
+   objects.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Instantiate a new &lt;code&gt;&lt;a href=3D#messag=
echannel&gt;MessageChannel&lt;/a&gt;&lt;/code&gt; object, and let &lt;var=
 title=3D&quot;&quot;&gt;channel&lt;/var&gt;
+   be that object.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the &lt;code title=3Ddom-channel-port1&gt;&lt;=
a href=3D#dom-channel-port1&gt;port1&lt;/a&gt;&lt;/code&gt; attribute of =
the &lt;var title=3D&quot;&quot;&gt;channel&lt;/var&gt; object be &lt;var=
 title=3D&quot;&quot;&gt;port1&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the &lt;code title=3Ddom-channel-port2&gt;&lt;=
a href=3D#dom-channel-port2&gt;port2&lt;/a&gt;&lt;/code&gt; attribute of =
the &lt;var title=3D&quot;&quot;&gt;channel&lt;/var&gt; object be &lt;var=
 title=3D&quot;&quot;&gt;port2&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;channel&lt;=
/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Ddom-channel-port1 title=3Ddom-cha=
nnel-port1&gt;&lt;code&gt;port1&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3D=
dom-channel-port2 title=3Ddom-channel-port2&gt;&lt;code&gt;port2&lt;/code=
&gt;&lt;/dfn&gt; attributes must return the values they were
+  assigned when the &lt;code&gt;&lt;a href=3D#messagechannel&gt;MessageC=
hannel&lt;/a&gt;&lt;/code&gt; object was created.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h4 id=3Dmessage-ports&gt;&lt;span class=3Dsecno&gt;9.5.3 &lt;/span=
&gt;Message ports&lt;/h4&gt;
+
+  &lt;p&gt;Each channel has two message ports. Data sent through one por=
t is received by the other port,
+  and vice versa.&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dmessageport&gt;MessagePo=
rt&lt;/dfn&gt; : &lt;a href=3D#eventtarget&gt;EventTarget&lt;/a&gt; {
+&lt;!-- v2-onclose  readonly attribute boolean &lt;span title=3D&quot;do=
m-MessagePort-active&quot;&gt;active&lt;/span&gt;;
+--&gt;  void &lt;a href=3D#dom-messageport-postmessage title=3Ddom-Messa=
gePort-postMessage&gt;postMessage&lt;/a&gt;(any message, optional sequenc=
e&amp;lt;&lt;a href=3D#transferable&gt;Transferable&lt;/a&gt;&amp;gt; tra=
nsfer);&lt;!--
+  &lt;span&gt;MessagePort&lt;/span&gt; &lt;span title=3D&quot;dom-Messag=
ePort-startConversation&quot;&gt;startConversation&lt;/span&gt;(any messa=
ge);--&gt;
+  void &lt;a href=3D#dom-messageport-start title=3Ddom-MessagePort-start=
&gt;start&lt;/a&gt;();
+  void &lt;a href=3D#dom-messageport-close title=3Ddom-MessagePort-close=
&gt;close&lt;/a&gt;();
+
+  // event handlers
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-messageport-onmessage title=3Dhandler-MessagePort=
-onmessage&gt;onmessage&lt;/a&gt;;
+};
+// &lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt; implements &lt;a h=
ref=3D#transferable&gt;Transferable&lt;/a&gt;;&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;!-- v2-onclose
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;port&lt;/var&gt; . &lt;code=
 title=3D&quot;dom-MessagePort-active&quot;&gt;active&lt;/code&gt;&lt;/dt=
&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns true if the port is still active; otherwise, return=
s false.&lt;/p&gt;
+
+   &lt;/dd&gt;
+--&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;port&lt;/var&gt; . &lt;c=
ode title=3Ddom-MessagePort-postMessage&gt;&lt;a href=3D#dom-messageport-=
postmessage&gt;postMessage&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&=
quot;&gt;message&lt;/var&gt; [, &lt;var title=3D&quot;&quot;&gt;transfer&=
lt;/var&gt;] )&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Posts a message through the channel. Objects listed in &lt;=
var title=3D&quot;&quot;&gt;transfer&lt;/var&gt; are
+    transferred, not just cloned, meaning that they are no longer usable=
 on the sending side.&lt;/p&gt;
+
+    &lt;p&gt;Throws a &lt;code&gt;&lt;a href=3D#datacloneerror&gt;DataCl=
oneError&lt;/a&gt;&lt;/code&gt; exception if &lt;var title=3D&quot;&quot;=
&gt;transfer&lt;/var&gt; array contains
+    duplicate objects or the source or target ports, or if &lt;var title=
=3D&quot;&quot;&gt;message&lt;/var&gt; could not be
+    cloned.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;port&lt;/var&gt; . &lt;code=
 title=3Ddom-MessagePort-start&gt;&lt;a href=3D#dom-messageport-start&gt;=
start&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Begins dispatching messages received on the port.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;port&lt;/var&gt; . &lt;code=
 title=3Ddom-MessagePort-close&gt;&lt;a href=3D#dom-messageport-close&gt;=
close&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Disconnects the port, so that it is no longer active.&lt;/p=
&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;=
/a&gt;&lt;/code&gt; object can be entangled with another (a symmetric rel=
ationship).
+  Each &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt=
;/code&gt; object also has a &lt;a href=3D#task-source&gt;task source&lt;=
/a&gt; called the &lt;dfn id=3Dport-message-queue&gt;port
+  message queue&lt;/dfn&gt;, initially empty. A &lt;a href=3D#port-messa=
ge-queue&gt;port message queue&lt;/a&gt; can be enabled or
+  disabled, and is initially disabled. Once enabled, a port can never be=
 disabled again (though
+  messages in the queue can get moved to another queue or removed altoge=
ther, which has much the
+  same effect). A &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&l=
t;/a&gt;&lt;/code&gt; also has a &lt;dfn id=3Dhas-been-shipped&gt;has bee=
n shipped&lt;/dfn&gt; flag, which must
+  initially be false, and an &lt;dfn id=3Dconcept-port-owner title=3Dcon=
cept-port-owner&gt;owner&lt;/dfn&gt;, which is a &lt;a href=3D#settings-o=
bject&gt;settings
+  object&lt;/a&gt; set when the object is created, as described below.&l=
t;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;When a port's &lt;a href=3D#port-message-queue&gt;port messag=
e queue&lt;/a&gt; is enabled, the &lt;a href=3D#event-loop&gt;event loop&=
lt;/a&gt; must use
+  it as one of its &lt;a href=3D#task-source title=3D&quot;task source&q=
uot;&gt;task sources&lt;/a&gt;. All &lt;a href=3D#concept-task title=3Dco=
ncept-task&gt;tasks&lt;/a&gt; &lt;a href=3D#queue-a-task title=3D&quot;qu=
eue a task&quot;&gt;queued&lt;/a&gt; on the &lt;a href=3D#port-message-qu=
eue&gt;port
+  message queue&lt;/a&gt; must be associated with the &lt;a href=3D#resp=
onsible-document&gt;responsible document&lt;/a&gt; specified by
+  the port's &lt;a href=3D#concept-port-owner title=3Dconcept-port-owner=
&gt;owner&lt;/a&gt;.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p class=3Dnote&gt;If the port's &lt;a href=3D#concept-port-owner t=
itle=3Dconcept-port-owner&gt;owner&lt;/a&gt; specifies a &lt;a href=3D#re=
sponsible-document&gt;responsible document&lt;/a&gt; that is &lt;a href=3D=
#fully-active&gt;fully active&lt;/a&gt;,
+  but the event listeners all have scripts whose &lt;a href=3D#settings-=
object title=3D&quot;settings object&quot;&gt;settings objects&lt;/a&gt;
+  specify &lt;a href=3D#responsible-document title=3D&quot;responsible d=
ocument&quot;&gt;responsible documents&lt;/a&gt; that are &lt;em&gt;not&l=
t;/em&gt; &lt;a href=3D#fully-active&gt;fully active&lt;/a&gt;, then the =
messages will be
+  lost.&lt;/p&gt; &lt;!-- because of the jump-to-entry-point algorithm f=
irst step --&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;Each &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; has a &=
lt;a href=3D#task-source&gt;task source&lt;/a&gt; called the &lt;dfn id=3D=
unshipped-port-message-queue&gt;unshipped port
+  message queue&lt;/dfn&gt;. This is a virtual &lt;a href=3D#task-source=
&gt;task source&lt;/a&gt;: it must act as if it contained
+  the &lt;a href=3D#concept-task title=3Dconcept-task&gt;tasks&lt;/a&gt;=
 of each &lt;a href=3D#port-message-queue&gt;port message queue&lt;/a&gt;=
 of each
+  &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/cod=
e&gt; whose &lt;a href=3D#has-been-shipped&gt;has been shipped&lt;/a&gt; =
flag is false, whose &lt;a href=3D#port-message-queue&gt;port
+  message queue&lt;/a&gt; is enabled, and whose &lt;a href=3D#concept-po=
rt-owner title=3Dconcept-port-owner&gt;owner&lt;/a&gt;
+  specifies that &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; as the=
 &lt;a href=3D#responsible-event-loop&gt;responsible event loop&lt;/a&gt;=
,
+  in the order in which they were added to their respective
+  &lt;a href=3D#task-source&gt;task source&lt;/a&gt;. When a &lt;a href=3D=
#concept-task title=3Dconcept-task&gt;task&lt;/a&gt; would be removed fro=
m the
+  &lt;a href=3D#unshipped-port-message-queue&gt;unshipped port message q=
ueue&lt;/a&gt;, it must instead be removed from its &lt;a href=3D#port-me=
ssage-queue&gt;port message
+  queue&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&l=
t;/a&gt;&lt;/code&gt;'s &lt;a href=3D#has-been-shipped&gt;has been shippe=
d&lt;/a&gt; flag is false, its &lt;a href=3D#port-message-queue&gt;port
+  message queue&lt;/a&gt; must be ignored for the purposes of the &lt;a =
href=3D#event-loop&gt;event loop&lt;/a&gt;. (The
+  &lt;a href=3D#unshipped-port-message-queue&gt;unshipped port message q=
ueue&lt;/a&gt; is used instead.)&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;a href=3D#has-been-shipped&gt;has been s=
hipped&lt;/a&gt; flag is set to true when a port, its twin, or
+  the object it was cloned from, is or has been &lt;a href=3D#transfer-a=
-transferable-object title=3D&quot;transfer a transferable
+  object&quot;&gt;transferred&lt;/a&gt;. When a &lt;code&gt;&lt;a href=3D=
#messageport&gt;MessagePort&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#has-be=
en-shipped&gt;has been shipped&lt;/a&gt; flag
+  is true, its &lt;a href=3D#port-message-queue&gt;port message queue&lt=
;/a&gt; acts as a first-class &lt;a href=3D#task-source&gt;task source&lt=
;/a&gt;,
+  unaffected to any &lt;a href=3D#unshipped-port-message-queue&gt;unship=
ped port message queue&lt;/a&gt;.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;When the user agent is to &lt;dfn id=3Dcreate-a-new-messagepo=
rt-object&gt;create a new &lt;code&gt;MessagePort&lt;/code&gt; object&lt;=
/dfn&gt; with a particular
+  &lt;a href=3D#settings-object&gt;settings object&lt;/a&gt; as its &lt;=
var title=3D&quot;&quot;&gt;owner&lt;/var&gt;, it must instantiate a new
+  &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/cod=
e&gt; object, and let its &lt;a href=3D#concept-port-owner title=3Dconcep=
t-port-owner&gt;owner&lt;/a&gt; be &lt;var title=3D&quot;&quot;&gt;owner&=
lt;/var&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When the user agent is to &lt;dfn id=3Dentangle&gt;entangle&l=
t;/dfn&gt; two &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a=
&gt;&lt;/code&gt; objects, it must run
+  the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;If one of the ports is already entangled, then disentangle =
it and the port that it was
+    entangled with.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;If those two previously entangled ports were t=
he two ports of a
+    &lt;code&gt;&lt;a href=3D#messagechannel&gt;MessageChannel&lt;/a&gt;=
&lt;/code&gt; object, then that &lt;code&gt;&lt;a href=3D#messagechannel&=
gt;MessageChannel&lt;/a&gt;&lt;/code&gt; object no longer
+    represents an actual channel: the two ports in that object are no lo=
nger entangled.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Associate the two ports to be entangled, so that they form =
the two parts of a new channel.
+    (There is no &lt;code&gt;&lt;a href=3D#messagechannel&gt;MessageChan=
nel&lt;/a&gt;&lt;/code&gt; object that represents this channel.)&lt;/p&gt=
;
+
+    &lt;p&gt;Two ports &lt;var title=3D&quot;&quot;&gt;A&lt;/var&gt; and=
 &lt;var title=3D&quot;&quot;&gt;B&lt;/var&gt; that have gone through thi=
s step
+    are now said to be entangled; one is entangled to the other, and vic=
e versa.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;While this specification describes this proces=
s as instantaneous,
+    implementations are more likely to implement it via message passing.=
 As with all algorithms, the
+    key is &quot;merely&quot; that the end result be indistinguishable, =
in a black-box sense, from the
+    specification.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When the user agent is to &lt;dfn id=3Dclone-a-por=
t&gt;clone a port&lt;/dfn&gt; &lt;var title=3D&quot;&quot;&gt;original po=
rt&lt;/var&gt;, with the
+  clone being owned by &lt;var title=3D&quot;&quot;&gt;owner&lt;/var&gt;=
, it must run the following steps, which return a
+  new &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;=
/code&gt; object. These steps must be run atomically.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;origi=
nal port&lt;/var&gt;'s &lt;a href=3D#has-been-shipped&gt;has been shipped=
&lt;/a&gt; flag to
+   true.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#create-a-new-messageport-object&gt;C=
reate a new &lt;code&gt;MessagePort&lt;/code&gt; object&lt;/a&gt; whose &=
lt;a href=3D#concept-port-owner title=3Dconcept-port-owner&gt;owner&lt;/a=
&gt; is &lt;var title=3D&quot;&quot;&gt;owner&lt;/var&gt;, and let &lt;va=
r title=3D&quot;&quot;&gt;new port&lt;/var&gt; be that object.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;new port&lt;/v=
ar&gt;'s &lt;a href=3D#has-been-shipped&gt;has been shipped&lt;/a&gt; fla=
g to true.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Move all the events in the &lt;a href=3D#port-mess=
age-queue&gt;port message queue&lt;/a&gt; of &lt;var title=3D&quot;&quot;=
&gt;original
+   port&lt;/var&gt; to the &lt;a href=3D#port-message-queue&gt;port mess=
age queue&lt;/a&gt; of &lt;var title=3D&quot;&quot;&gt;new port&lt;/var&g=
t;, if any,
+   leaving the &lt;var title=3D&quot;&quot;&gt;new port&lt;/var&gt;'s &l=
t;a href=3D#port-message-queue&gt;port message queue&lt;/a&gt; in its ini=
tial
+   disabled state.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;original port&lt;/va=
r&gt; is entangled with another port, then run these
+    substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let the &lt;var title=3D&quot;&quot;&gt=
;remote port&lt;/var&gt; be the port with which the &lt;var title=3D&quot=
;&quot;&gt;original port&lt;/var&gt; is entangled.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;remote port&=
lt;/var&gt;'s &lt;a href=3D#has-been-shipped&gt;has been shipped&lt;/a&gt=
; flag to
+     true.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#entangle&gt;Entangle&lt;/a&gt; the=
 &lt;var title=3D&quot;&quot;&gt;remote port&lt;/var&gt; and &lt;var titl=
e=3D&quot;&quot;&gt;new
+     port&lt;/var&gt; objects. The &lt;var title=3D&quot;&quot;&gt;origi=
nal port&lt;/var&gt; object will be disentangled by this
+     process.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;new port&lt=
;/var&gt;. It is the clone.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p id=3DtransferMessagePort&gt;To &lt;a href=3D#transfer=
-a-transferable-object title=3D&quot;transfer a Transferable object&quot;=
&gt;transfer&lt;/a&gt; a
+  &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/cod=
e&gt; object &lt;var title=3D&quot;&quot;&gt;old&lt;/var&gt; to a new own=
er &lt;var title=3D&quot;&quot;&gt;owner&lt;/var&gt;,
+  a user agent must &lt;a href=3D#clone-a-port title=3D&quot;clone a por=
t&quot;&gt;clone&lt;/a&gt; the &lt;var title=3D&quot;&quot;&gt;old&lt;/va=
r&gt; object with
+  the clone being owned by &lt;var title=3D&quot;&quot;&gt;owner&lt;/var=
&gt;, thus obtaining &lt;var title=3D&quot;&quot;&gt;new&lt;/var&gt;, mus=
t
+  &lt;a href=3D#concept-transferable-neutered title=3Dconcept-Transferab=
le-neutered&gt;neuter&lt;/a&gt; the &lt;var title=3D&quot;&quot;&gt;old&l=
t;/var&gt; port, and
+  must finally return &lt;var title=3D&quot;&quot;&gt;new&lt;/var&gt;.&l=
t;/p&gt;
+
+  &lt;hr&gt;&lt;!-- v2-onclose
+  &lt;p&gt;The &lt;dfn title=3D&quot;dom-MessagePort-active&quot;&gt;&lt=
;code&gt;active&lt;/code&gt;&lt;/dfn&gt; attribute must return true if
+  the port is entangled, and false otherwise.&lt;/p&gt;
+
+  &lt;hr&gt;
+--&gt;&lt;p&gt;The &lt;dfn id=3Ddom-messageport-postmessage title=3Ddom-=
MessagePort-postMessage&gt;&lt;code&gt;postMessage()&lt;/code&gt;&lt;/dfn=
&gt; method, when
+  called on a port &lt;var title=3D&quot;&quot;&gt;source port&lt;/var&g=
t;, must cause the user agent to run the following
+  steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!-- a lot of this is similar or identical to window.post=
Message --&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;targ=
et port&lt;/var&gt; be the port with which &lt;var title=3D&quot;&quot;&g=
t;source port&lt;/var&gt;
+   is entangled, if any.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;new ports&lt;/var&gt; b=
e an empty array.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;transfer map&lt;/var&gt=
; be an empty association list of
+    &lt;code&gt;&lt;a href=3D#transferable&gt;Transferable&lt;/a&gt;&lt;=
/code&gt; objects to placeholder objects.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the method was invoked with a second argument &lt;var ti=
tle=3D&quot;&quot;&gt;transfer&lt;/var&gt;, run these
+    substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;If any object is listed in &lt;var title=3D&quot;&quot;&g=
t;transfer&lt;/var&gt; more than once, or any of the
+      &lt;code&gt;&lt;a href=3D#transferable&gt;Transferable&lt;/a&gt;&l=
t;/code&gt; objects listed in &lt;var title=3D&quot;&quot;&gt;transfer&lt=
;/var&gt; are marked as &lt;a href=3D#concept-transferable-neutered title=
=3Dconcept-Transferable-neutered&gt;neutered&lt;/a&gt;, then throw a
+      &lt;code&gt;&lt;a href=3D#datacloneerror&gt;DataCloneError&lt;/a&g=
t;&lt;/code&gt; exception and abort these steps.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If any of the objects in &lt;var title=3D&quot;&quot;&gt;=
transfer&lt;/var&gt; are either the &lt;var title=3D&quot;&quot;&gt;sourc=
e
+      port&lt;/var&gt; or the &lt;var title=3D&quot;&quot;&gt;target por=
t&lt;/var&gt; (if any), then throw a
+      &lt;code&gt;&lt;a href=3D#datacloneerror&gt;DataCloneError&lt;/a&g=
t;&lt;/code&gt; exception and abort these steps.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;For each object &lt;var title=3D&quot;&quot;&gt;x&lt;/var=
&gt; in &lt;var title=3D&quot;&quot;&gt;transfer&lt;/var&gt; in turn, add=
 a
+      mapping from &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; to a ne=
w unique placeholder object created for &lt;var title=3D&quot;&quot;&gt;x=
&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;transfer map&lt;/var&gt;,=
 and if &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; is a
+      &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;=
/code&gt; object, also append the placeholder object to the &lt;var title=
=3D&quot;&quot;&gt;new
+      ports&lt;/var&gt; array.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;message clone&lt;/var&g=
t; be the result of obtaining a &lt;a href=3D#structured-clone&gt;structu=
red
+    clone&lt;/a&gt; of the &lt;var title=3D&quot;&quot;&gt;message&lt;/v=
ar&gt; argument, with &lt;var title=3D&quot;&quot;&gt;transfer map&lt;/va=
r&gt;
+    as the &lt;i&gt;transfer map&lt;/i&gt;. If this throws an exception,=
 then throw that exception and abort
+    these steps.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the method was invoked with a second argument &lt;var ti=
tle=3D&quot;&quot;&gt;transfer&lt;/var&gt;, run these
+    substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;new owner&lt;/var&gt;=
 be the &lt;a href=3D#concept-port-owner title=3Dconcept-port-owner&gt;ow=
ner&lt;/a&gt; of &lt;var title=3D&quot;&quot;&gt;target port&lt;/var&gt;,=
 if there
+      is a &lt;var title=3D&quot;&quot;&gt;target port&lt;/var&gt;, or e=
lse some arbitrary owner. (This &lt;var title=3D&quot;&quot;&gt;new
+      owner&lt;/var&gt; is used when transferring objects below. If ther=
e is no &lt;var title=3D&quot;&quot;&gt;target
+      port&lt;/var&gt;, the &lt;code&gt;&lt;a href=3D#transferable&gt;Tr=
ansferable&lt;/a&gt;&lt;/code&gt; objects given in the second argument, i=
f any, are
+      still &lt;a href=3D#transfer-a-transferable-object title=3D&quot;t=
ransfer a Transferable object&quot;&gt;transferred&lt;/a&gt;, but since t=
hey are then
+      discarded, it doesn't matter where they are transferred to.)&lt;/p=
&gt;
+
+     &lt;/li&gt;
+
+
+     &lt;li&gt;
+
+      &lt;p&gt;For each object &lt;var title=3D&quot;&quot;&gt;x&lt;/var=
&gt; in &lt;var title=3D&quot;&quot;&gt;transfer&lt;/var&gt; in turn, obt=
ain a new
+      object &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; by &lt;a href=
=3D#transfer-a-transferable-object title=3D&quot;transfer a Transferable
+      object&quot;&gt;transferring&lt;/a&gt; the object &lt;var title=3D=
&quot;&quot;&gt;x&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;new owne=
r&lt;/var&gt;,
+      and replace the placeholder object that was created for the object=
 &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; by
+      the new object &lt;var title=3D&quot;&quot;&gt;y&lt;/var&gt; where=
ver the placeholder exists (i.e. in &lt;var title=3D&quot;&quot;&gt;messa=
ge clone&lt;/var&gt; and in &lt;var title=3D&quot;&quot;&gt;new ports&lt;=
/var&gt;).&lt;/p&gt;
+
+     &lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Make &lt;var title=3D&quot;&quot;&gt;new ports&lt;/var&gt; =
into a &lt;a href=3D#dfn-read-only-array title=3Ddfn-read-only-array&gt;r=
ead only&lt;/a&gt;
+    array.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If there is no &lt;var title=3D&quot;&quot;&gt;tar=
get port&lt;/var&gt; (i.e. if &lt;var title=3D&quot;&quot;&gt;source port=
&lt;/var&gt; is
+   not entangled), then abort these steps.&lt;/li&gt; &lt;!-- we don't t=
hrow an exception if there is no
+   target port because this can happen at a moment's notice. we don't re=
turn false because if the
+   port is _about_ to be closed, the message might not be listened for a=
nyway. we don't do this
+   before the steps above because otherwise you can tell the difference =
(in whether the ports have
+   become useless, or in when the structured clone algorithm runs script=
s --&gt;
+
+   &lt;li&gt;&lt;p&gt;Create an event that uses the &lt;code&gt;&lt;a hr=
ef=3D#messageevent&gt;MessageEvent&lt;/a&gt;&lt;/code&gt; interface, with=
 the name &lt;code title=3Devent-message&gt;&lt;a href=3D#event-message&g=
t;message&lt;/a&gt;&lt;/code&gt;, which does not bubble, is not cancelabl=
e, and has no
+   default action.
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the &lt;code title=3Ddom-MessageEvent-data&gt;=
&lt;a href=3D#dom-messageevent-data&gt;data&lt;/a&gt;&lt;/code&gt; attrib=
ute of the event be
+   initialized to the value of &lt;var title=3D&quot;&quot;&gt;message c=
lone&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the &lt;code title=3Ddom-MessageEvent-ports&gt=
;&lt;a href=3D#dom-messageevent-ports&gt;ports&lt;/a&gt;&lt;/code&gt; att=
ribute of the event be
+   initialized to the &lt;var title=3D&quot;&quot;&gt;new ports&lt;/var&=
gt; array.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Add the event to the &lt;a href=3D#port-message-qu=
eue&gt;port message queue&lt;/a&gt; of &lt;var title=3D&quot;&quot;&gt;ta=
rget
+   port&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;!--
+  &lt;hr&gt;
+
+  &lt;p&gt;The &lt;dfn title=3D&quot;dom-MessagePort-startConversation&q=
uot;&gt;&lt;code&gt;startConversation(&lt;var
+  title=3D&quot;&quot;&gt;message&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; =
method is a convenience method that simplifies create a new
+  &lt;code&gt;MessageChannel&lt;/code&gt; and invoking &lt;code
+  title=3D&quot;dom-MessagePort-postMessage&quot;&gt;postMessage()&lt;/c=
ode&gt; with one of the new ports. When invoked
+  on a port &lt;var title=3D&quot;&quot;&gt;source port&lt;/var&gt;, it =
must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;message&lt;/va=
r&gt; be the method's first argument.&lt;/p&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;span&gt;Create a new &lt;code&gt;MessagePort&l=
t;/code&gt; object&lt;/span&gt; whose &lt;span
+   title=3D&quot;concept-port-owner&quot;&gt;owner&lt;/span&gt; is the &=
lt;span&gt;incumbent settings
+   object&lt;/span&gt;, and let &lt;var title=3D&quot;&quot;&gt;port1&lt=
;/var&gt; be that object.&lt;/p&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;source port=
&lt;/var&gt; is not entangled with another port, then return
+   &lt;var title=3D&quot;&quot;&gt;port1&lt;/var&gt; and abort these ste=
ps.&lt;/p&gt;&lt;/li&gt; &lt;!- - we don't throw an exception
+   because this can happen moment's notice. we don't return null because=
 then we'd end up with null
+   derefs. better to just let the likely next postMessage call fall on t=
he floor. - -&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;target port&lt=
;/var&gt; be the port with which &lt;var title=3D&quot;&quot;&gt;source p=
ort&lt;/var&gt;
+   is entangled.&lt;/p&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;span&gt;Create a new &lt;code&gt;MessagePort&l=
t;/code&gt; object&lt;/span&gt; whose &lt;span
+   title=3D&quot;concept-port-owner&quot;&gt;owner&lt;/span&gt; is the &=
lt;span title=3D&quot;concept-port-owner&quot;&gt;owner&lt;/span&gt; of
+   the &lt;var title=3D&quot;&quot;&gt;target port&lt;/var&gt;, and let =
&lt;var title=3D&quot;&quot;&gt;port2&lt;/var&gt; be that object.&lt;/p&g=
t;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;span&gt;Entangle&lt;/span&gt; the &lt;var titl=
e=3D&quot;&quot;&gt;port1&lt;/var&gt; and &lt;var title=3D&quot;&quot;&gt=
;port2&lt;/var&gt;
+   objects.&lt;/p&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Create an event that uses the &lt;code&gt;MessageE=
vent&lt;/code&gt; interface, with the name &lt;code
+   title=3D&quot;event-message&quot;&gt;message&lt;/code&gt;, which does=
 not bubble, is not cancelable, and has no
+   default action.
+   &lt;/p&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the &lt;code title=3D&quot;dom-MessageEvent-da=
ta&quot;&gt;data&lt;/code&gt; attribute of the event be
+   initialized to the value of &lt;var title=3D&quot;&quot;&gt;message&l=
t;/var&gt;, the method's first argument.&lt;/p&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the &lt;code title=3D&quot;dom-MessageEvent-po=
rts&quot;&gt;ports&lt;/code&gt; attribute of the event be
+   initialized to a &lt;span title=3D&quot;dfn-read-only-array&quot;&gt;=
read only&lt;/span&gt; array containing only &lt;var
+   title=3D&quot;&quot;&gt;port2&lt;/var&gt;.&lt;/p&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;port1&lt;/v=
ar&gt; from the method, but continue with these steps.&lt;/p&gt;&lt;/li&g=
t;
+
+   &lt;li&gt;&lt;p&gt;Add the event to the &lt;span&gt;port message queu=
e&lt;/span&gt; of &lt;var title=3D&quot;&quot;&gt;target
+   port&lt;/var&gt;.&lt;/p&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;
+--&gt;&lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-messageport-start title=3D=
dom-MessagePort-start&gt;&lt;code&gt;start()&lt;/code&gt;&lt;/dfn&gt; met=
hod must enable its port's
+  &lt;a href=3D#port-message-queue&gt;port message queue&lt;/a&gt;, if i=
t is not already enabled.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-messageport-close title=3Ddom-=
MessagePort-close&gt;&lt;code&gt;close()&lt;/code&gt;&lt;/dfn&gt; method,=
 when called on a port
+  &lt;var title=3D&quot;&quot;&gt;local port&lt;/var&gt; that is entangl=
ed with another port, must cause the user agent to
+  disentangle the two ports. If the method is called on a port that is n=
ot entangled, then the
+  method must do nothing.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The following are the &lt;a href=3D#event-handlers&=
gt;event handlers&lt;/a&gt; (and their corresponding &lt;a href=3D#event-=
handler-event-type title=3D&quot;event
+  handler event type&quot;&gt;event handler event types&lt;/a&gt;) that =
must be supported, as &lt;a href=3D#event-handler-idl-attributes&gt;event
+  handler IDL attributes&lt;/a&gt;, by all objects implementing the &lt;=
code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/code&gt;
+  interface:&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;a href=3D#event-hand=
lers title=3D&quot;event handlers&quot;&gt;Event handler&lt;/a&gt; &lt;th=
&gt;&lt;a href=3D#event-handler-event-type&gt;Event handler event type&lt=
;/a&gt;
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-messageport-onm=
essage title=3Dhandler-MessagePort-onmessage&gt;&lt;code&gt;onmessage&lt;=
/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code title=3Devent-message&gt;&lt;a =
href=3D#event-message&gt;message&lt;/a&gt;&lt;/code&gt;
+  &lt;/table&gt;&lt;p&gt;The first time a &lt;code&gt;&lt;a href=3D#mess=
ageport&gt;MessagePort&lt;/a&gt;&lt;/code&gt; object's &lt;code title=3Dh=
andler-MessagePort-onmessage&gt;&lt;a href=3D#handler-messageport-onmessa=
ge&gt;onmessage&lt;/a&gt;&lt;/code&gt; IDL attribute is set, the port's &=
lt;a href=3D#port-message-queue&gt;port
+  message queue&lt;/a&gt; must be enabled, as if the &lt;code title=3Ddo=
m-MessagePort-start&gt;&lt;a href=3D#dom-messageport-start&gt;start()&lt;=
/a&gt;&lt;/code&gt;
+  method had been called.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dbroadcasting-to-many-ports&gt;&lt;span class=3Dsecno&gt;9.=
5.4 &lt;/span&gt;Broadcasting to many ports&lt;/h4&gt;
+
+  &lt;p class=3Dcritical&gt;The API described in this section is controv=
ersial, as, in an attempt to solve
+  an architectural memory leak, it instead exposes the details of Garbag=
e Collection. This is a
+  lose-lose scenario. A better solution is really needed here.&lt;/p&gt;
+
+  &lt;p&gt;Broadcasting to many ports is in principle relatively simple:=
 keep an array of
+  &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/cod=
e&gt; objects to send messages to, and iterate through the array to send =
a
+  message. However, this has one rather unfortunate effect: it prevents =
the ports from being garbage
+  collected, even if the other side has gone away.&lt;/p&gt;
+
+  &lt;p&gt;To avoid this problem, the &lt;code&gt;&lt;a href=3D#portcoll=
ection&gt;PortCollection&lt;/a&gt;&lt;/code&gt; object can be used. It ac=
ts as an opaque
+  array of &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt=
;&lt;/code&gt; objects, thus allowing the objects to be garbage collected=
 when
+  they stop being relevant, while still allowing scripts to iterate over=
 the
+  &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/cod=
e&gt; objects.&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;[&lt;a href=3D#dom-portcollection title=3Ddom-P=
ortCollection&gt;Constructor&lt;/a&gt;] interface &lt;dfn id=3Dportcollec=
tion&gt;PortCollection&lt;/dfn&gt; {
+  void &lt;a href=3D#dom-portcollection-add title=3Ddom-PortCollection-a=
dd&gt;add&lt;/a&gt;(&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt; po=
rt);
+  void &lt;a href=3D#dom-portcollection-remove title=3Ddom-PortCollectio=
n-remove&gt;remove&lt;/a&gt;(&lt;a href=3D#messageport&gt;MessagePort&lt;=
/a&gt; port);
+  void &lt;a href=3D#dom-portcollection-clear title=3Ddom-PortCollection=
-clear&gt;clear&lt;/a&gt;();
+  void &lt;a href=3D#dom-portcollection-iterate title=3Ddom-PortCollecti=
on-iterate&gt;iterate&lt;/a&gt;(&lt;a href=3D#portcollectioncallback&gt;P=
ortCollectionCallback&lt;/a&gt; callback);
+};
+
+callback &lt;dfn id=3Dportcollectioncallback&gt;PortCollectionCallback&l=
t;/dfn&gt; =3D void (&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt; p=
ort);&lt;/pre&gt;
+
+  &lt;dl class=3Ddomintro&gt;&lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;p=
ortCollection&lt;/var&gt; =3D new &lt;code title=3Ddom-PortCollection&gt;=
&lt;a href=3D#dom-portcollection&gt;PortCollection&lt;/a&gt;&lt;/code&gt;=
()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Returns a new empty &lt;code&gt;&lt;a href=3D#portcollectio=
n&gt;PortCollection&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;portCollection&lt;/var&gt; =
. &lt;code title=3Ddom-PortCollection-add&gt;&lt;a href=3D#dom-portcollec=
tion-add&gt;add&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&quot;&gt;po=
rt&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Adds &lt;var title=3D&quot;&quot;&gt;port&lt;/var&gt; to th=
e collection, if it isn't already present.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;portCollection&lt;/var&gt; =
. &lt;code title=3Ddom-PortCollection-remove&gt;&lt;a href=3D#dom-portcol=
lection-remove&gt;remove&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;&qu=
ot;&gt;port&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Removes &lt;var title=3D&quot;&quot;&gt;port&lt;/var&gt; fr=
om the collection, if it is present.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;portCollection&lt;/var&gt; =
. &lt;code title=3Ddom-PortCollection-clear&gt;&lt;a href=3D#dom-portcoll=
ection-clear&gt;clear&lt;/a&gt;&lt;/code&gt;()&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Removes all ports from the collection.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;&lt;var title=3D&quot;&quot;&gt;portCollection&lt;/var&gt; =
. &lt;code title=3Ddom-PortCollection-iterate&gt;&lt;a href=3D#dom-portco=
llection-iterate&gt;iterate&lt;/a&gt;&lt;/code&gt;(&lt;var title=3D&quot;=
&quot;&gt;callback&lt;/var&gt;)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Calls &lt;var title=3D&quot;&quot;&gt;callback&lt;/var&gt; =
for each port in the collection.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#portcollection&gt;PortCollection&=
lt;/a&gt;&lt;/code&gt; object has an initially empty &lt;dfn id=3Dconcept=
-portcollection-list title=3Dconcept-PortCollection-list&gt;list of ports=
&lt;/dfn&gt;. When a &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort=
&lt;/a&gt;&lt;/code&gt; object in
+  a &lt;a href=3D#concept-portcollection-list title=3Dconcept-PortCollec=
tion-list&gt;list of ports&lt;/a&gt; is garbage collected, it must be
+  silently removed from that &lt;a href=3D#concept-portcollection-list t=
itle=3Dconcept-PortCollection-list&gt;list of ports&lt;/a&gt;. Objects
+  in a &lt;a href=3D#concept-portcollection-list title=3Dconcept-PortCol=
lection-list&gt;list of ports&lt;/a&gt; are ordered chronologically by
+  the time at which they were most recently added; the least-recently ad=
ded &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/co=
de&gt;
+  object is the first in the list, and the most-recently added &lt;code&=
gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/code&gt; is the=
 last
+  in the list.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-portcollection title=3Ddom-PortCollectio=
n&gt;&lt;code&gt;PortCollection()&lt;/code&gt;&lt;/dfn&gt; constructor mu=
st return
+  a new &lt;code&gt;&lt;a href=3D#portcollection&gt;PortCollection&lt;/a=
&gt;&lt;/code&gt; object (with an empty &lt;a href=3D#concept-portcollect=
ion-list title=3Dconcept-PortCollection-list&gt;list of ports&lt;/a&gt;).=
&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-portcollection-add title=3Ddom-PortColle=
ction-add&gt;&lt;code&gt;add()&lt;/code&gt;&lt;/dfn&gt; method must add t=
he
+  &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/cod=
e&gt; given by the argument to the &lt;code&gt;&lt;a href=3D#portcollecti=
on&gt;PortCollection&lt;/a&gt;&lt;/code&gt; object's &lt;a href=3D#concep=
t-portcollection-list title=3Dconcept-PortCollection-list&gt;list of port=
s&lt;/a&gt;, unless the &lt;code&gt;&lt;a href=3D#messageport&gt;MessageP=
ort&lt;/a&gt;&lt;/code&gt; is
+  already in the &lt;a href=3D#concept-portcollection-list title=3Dconce=
pt-PortCollection-list&gt;list of ports&lt;/a&gt;, in which case the
+  method does nothing. (Calling this method with a port already in the l=
ist does not move the port
+  to the end of the list.)&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-portcollection-remove title=3Ddom-PortCo=
llection-remove&gt;&lt;code&gt;remove()&lt;/code&gt;&lt;/dfn&gt; method m=
ust remove the
+  &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/cod=
e&gt; given by the argument from the &lt;code&gt;&lt;a href=3D#portcollec=
tion&gt;PortCollection&lt;/a&gt;&lt;/code&gt; object's &lt;a href=3D#conc=
ept-portcollection-list title=3Dconcept-PortCollection-list&gt;list of po=
rts&lt;/a&gt;, unless the &lt;code&gt;&lt;a href=3D#messageport&gt;Messag=
ePort&lt;/a&gt;&lt;/code&gt; is
+  not in the &lt;a href=3D#concept-portcollection-list title=3Dconcept-P=
ortCollection-list&gt;list of ports&lt;/a&gt;, in which case the
+  method does nothing.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-portcollection-clear title=3Ddom-PortCol=
lection-clear&gt;&lt;code&gt;clear()&lt;/code&gt;&lt;/dfn&gt; method must=
 remove all
+  &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/cod=
e&gt; objects from the &lt;code&gt;&lt;a href=3D#portcollection&gt;PortCo=
llection&lt;/a&gt;&lt;/code&gt; object's &lt;a href=3D#concept-portcollec=
tion-list title=3Dconcept-PortCollection-list&gt;list of ports&lt;/a&gt;,=
 returning it to the initial empty state.
+  If the &lt;a href=3D#concept-portcollection-list title=3Dconcept-PortC=
ollection-list&gt;list of ports&lt;/a&gt; is already empty, the method
+  does nothing.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-portcollection-iterate title=3Ddom-PortC=
ollection-iterate&gt;&lt;code&gt;iterate()&lt;/code&gt;&lt;/dfn&gt; metho=
d must invoke its
+  &lt;code&gt;&lt;a href=3D#portcollectioncallback&gt;PortCollectionCall=
back&lt;/a&gt;&lt;/code&gt; argument once for each &lt;code&gt;&lt;a href=
=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/code&gt; object in the
+  object's &lt;a href=3D#concept-portcollection-list title=3Dconcept-Por=
tCollection-list&gt;list of ports&lt;/a&gt;, in the order defined
+  above, with each invocation being passed the corresponding &lt;code&gt=
;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/code&gt; object a=
s the
+  callback's sole argument.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dports-and-garbage-collection&gt;&lt;span class=3Dsecno&gt;=
9.5.5 &lt;/span&gt;Ports and garbage collection&lt;/h4&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&l=
t;/a&gt;&lt;/code&gt; object &lt;var title=3D&quot;&quot;&gt;o&lt;/var&gt=
; is entangled, user agents must
+  either act as if &lt;var title=3D&quot;&quot;&gt;o&lt;/var&gt;'s entan=
gled &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/c=
ode&gt; object has a strong
+  reference to &lt;var title=3D&quot;&quot;&gt;o&lt;/var&gt;, or as if t=
he &lt;a href=3D#global-object&gt;global object&lt;/a&gt; specified by &l=
t;var title=3D&quot;&quot;&gt;o&lt;/var&gt;'s &lt;a href=3D#concept-port-=
owner title=3Dconcept-port-owner&gt;owner&lt;/a&gt; has a strong referenc=
e
+  to &lt;var title=3D&quot;&quot;&gt;o&lt;/var&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dnote&gt;
+
+   &lt;p&gt;Thus, a message port can be received, given an event listene=
r, and then forgotten, and so long
+   as that event listener could receive a message, the channel will be m=
aintained.&lt;/p&gt;
+
+   &lt;p&gt;Of course, if this was to occur on both sides of the channel=
, then both ports could be garbage
+   collected, since they would not be reachable from live code, despite =
having a strong reference to
+   each other.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;Furthermore, a &lt;code&gt;&lt;a href=3D#messageport&gt;Messa=
gePort&lt;/a&gt;&lt;/code&gt; object must not be garbage collected while =
there exists
+  a message in a &lt;a href=3D#task-queue&gt;task queue&lt;/a&gt; that i=
s to be dispatched on that &lt;code&gt;&lt;a href=3D#messageport&gt;Messa=
gePort&lt;/a&gt;&lt;/code&gt;
+  object, or while the &lt;code&gt;&lt;a href=3D#messageport&gt;MessageP=
ort&lt;/a&gt;&lt;/code&gt; object's &lt;a href=3D#port-message-queue&gt;p=
ort message queue&lt;/a&gt; is open and
+  there exists a &lt;code title=3Devent-message&gt;&lt;a href=3D#event-m=
essage&gt;message&lt;/a&gt;&lt;/code&gt; event in that queue.&lt;/p&gt; &=
lt;!-- we might
+  not need to explicitly say the first part if DOM Events is fixed to sa=
y that events on a task
+  queue prevent GC --&gt;
+
+  &lt;!-- ports in the ports attribute of a MessageEvent that isn't disp=
atched yet are safe because the
+  MessageEvent is safe --&gt;
+
+  &lt;p&gt;There are no strong references from a &lt;code&gt;&lt;a href=3D=
#portcollection&gt;PortCollection&lt;/a&gt;&lt;/code&gt; object to its
+  &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/cod=
e&gt; objects. (That is in fact the whole point of &lt;code&gt;&lt;a href=
=3D#portcollection&gt;PortCollection&lt;/a&gt;&lt;/code&gt;
+  objects: they allow for &lt;code&gt;&lt;a href=3D#messageport&gt;Messa=
gePort&lt;/a&gt;&lt;/code&gt; objects to be referenced without preventing=
 them
+  from being garbage collected.)&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p class=3Dnote&gt;Authors are strongly encouraged to explicitly cl=
ose &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/co=
de&gt;
+  objects to disentangle them, so that their resources can be recollecte=
d. Creating many
+  &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/cod=
e&gt; objects and discarding them without closing them can lead to high
+  transient memory usage since garbage collection is not necessarily per=
formed promptly.&lt;/p&gt;
+
+&lt;!--POSTMSG--&gt;
+
+
+
+&lt;!--ADD-TOPIC:Workers--&gt;
+
+  &lt;h2 id=3Dworkers&gt;&lt;span class=3Dsecno&gt;10 &lt;/span&gt;Web w=
orkers&lt;/h2&gt;
+
+
+
+  &lt;h3 id=3Dintroduction-11&gt;&lt;span class=3Dsecno&gt;10.1 &lt;/spa=
n&gt;Introduction&lt;/h3&gt;
+
+  &lt;h4 id=3Dscope-0&gt;&lt;span class=3Dsecno&gt;10.1.1 &lt;/span&gt;S=
cope&lt;/h4&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;This specification defines an API for running scripts in the =
background independently of any
+  user interface scripts.&lt;/p&gt;
+
+  &lt;p&gt;This allows for long-running scripts that are not interrupted=
 by scripts that respond to clicks
+  or other user interactions, and allows long tasks to be executed witho=
ut yielding to keep the page
+  responsive.&lt;/p&gt;
+
+  &lt;p&gt;Workers (as these background scripts are called herein) are r=
elatively heavy-weight, and are
+  not intended to be used in large numbers. For example, it would be ina=
ppropriate to launch one
+  worker for each pixel of a four megapixel image. The examples below sh=
ow some appropriate uses of
+  workers.&lt;/p&gt;
+
+  &lt;p&gt;Generally, workers are expected to be long-lived, have a high=
 start-up performance cost, and a
+  high per-instance memory cost.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dexamples-5&gt;&lt;span class=3Dsecno&gt;10.1.2 &lt;/span&g=
t;Examples&lt;/h4&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;There are a variety of uses that workers can be put to. The f=
ollowing subsections show various
+  examples of this use.&lt;/p&gt;
+
+  &lt;h5 id=3Da-background-number-crunching-worker&gt;&lt;span class=3Ds=
ecno&gt;10.1.2.1 &lt;/span&gt;A background number-crunching worker&lt;/h5=
&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;The simplest use of workers is for performing a computational=
ly
+  expensive task without interrupting the user interface.&lt;/p&gt;
+
+  &lt;p&gt;In this example, the main document spawns a worker to (na&amp=
;iuml;vely) compute prime numbers, and
+  progressively displays the most recently found prime number.&lt;/p&gt;
+
+  &lt;p&gt;The main page is as follows:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;html&amp;gt;
+ &amp;lt;head&amp;gt;
+  &amp;lt;title&amp;gt;Worker example: One-core computation&amp;lt;/titl=
e&amp;gt;
+ &amp;lt;/head&amp;gt;
+ &amp;lt;body&amp;gt;
+  &amp;lt;p&amp;gt;The highest prime number discovered so far is: &amp;l=
t;output id=3D&quot;result&quot;&amp;gt;&amp;lt;/output&amp;gt;&amp;lt;/p=
&amp;gt;
+  &amp;lt;script&amp;gt;
+   var worker =3D new Worker('worker.js');
+   worker.onmessage =3D function (event) {
+     document.getElementById('result').textContent =3D event.data;
+   };
+  &amp;lt;/script&amp;gt;
+ &amp;lt;/body&amp;gt;
+&amp;lt;/html&amp;gt;&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-Worker&gt;&lt;a href=3D#dom-worker&g=
t;Worker()&lt;/a&gt;&lt;/code&gt; constructor call creates a worker and r=
eturns a
+  &lt;code&gt;&lt;a href=3D#worker&gt;Worker&lt;/a&gt;&lt;/code&gt; obje=
ct representing that worker, which is used to communicate with the worker=
.
+  That object's &lt;code title=3Dhandler-Worker-onmessage&gt;&lt;a href=3D=
#handler-worker-onmessage&gt;onmessage&lt;/a&gt;&lt;/code&gt; event handl=
er allows the
+  code to receive messages from the worker.&lt;/p&gt;
+
+  &lt;p&gt;The worker itself is as follows:&lt;/p&gt;
+
+  &lt;pre&gt;var n =3D 1;
+search: while (true) {
+  n +=3D 1;
+  for (var i =3D 2; i &amp;lt;=3D Math.sqrt(n); i +=3D 1)
+    if (n % i =3D=3D 0)
+     continue search;
+  // found a prime!
+  postMessage(n);
+}&lt;/pre&gt;
+
+  &lt;p&gt;The bulk of this code is simply an unoptimized search for a p=
rime number. The &lt;code title=3Ddom-DedicatedWorkerGlobalScope-postMess=
age&gt;&lt;a href=3D#dom-dedicatedworkerglobalscope-postmessage&gt;postMe=
ssage()&lt;/a&gt;&lt;/code&gt; method is used to send a
+  message back to the page when a prime is found.&lt;/p&gt;
+
+  &lt;p&gt;&lt;a href=3Dhttp://www.whatwg.org/demos/workers/primes/page.=
html&gt;View this example online&lt;/a&gt;.&lt;/p&gt;
+
+
+
+
+  &lt;h5 id=3Dworker-used-for-background-i/o&gt;&lt;span class=3Dsecno&g=
t;10.1.2.2 &lt;/span&gt;Worker used for background I/O&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;In this example, the main document uses two workers, one for =
fetching stock updates at regular
+  intervals, and one for performing search queries that the user request=
s.&lt;/p&gt;
+
+  &lt;p&gt;The main page is as follows:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;html&amp;gt;
+ &amp;lt;head&amp;gt;
+  &amp;lt;title&amp;gt;Worker example: Stock ticker&amp;lt;/title&amp;gt=
;
+  &amp;lt;script&amp;gt;
+   // TICKER
+   var symbol =3D 'GOOG'; // default symbol to watch
+   var ticker =3D new Worker('ticker.js');
+
+   // SEARCHER
+   var searcher =3D new Worker('searcher.js');
+   function search(query) {
+     searcher.postMessage(query);
+   }
+
+   // SYMBOL SELECTION UI
+   function select(newSymbol) {
+     symbol =3D newSymbol;
+     ticker.postMessage(symbol);
+   }
+  &amp;lt;/script&amp;gt;
+ &amp;lt;/head&amp;gt;
+ &amp;lt;body onload=3D&quot;search('')&quot;&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;output id=3D&quot;symbol&quot;&amp;gt;&amp;lt=
;/output&amp;gt; &amp;lt;output id=3D&quot;value&quot;&amp;gt;&amp;lt;/ou=
tput&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;script&amp;gt;
+   ticker.onmessage =3D function (event) {
+     var data =3D event.data.split(' ');
+     document.getElementById('symbol').textContent =3D data[0];
+     document.getElementById('value').textContent =3D data[1];
+   };
+   ticker.postMessage(symbol);
+  &amp;lt;/script&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;label&amp;gt;Search: &amp;lt;input type=3D&qu=
ot;text&quot; autofocus oninput=3D&quot;search(this.value)&quot;&amp;gt;&=
amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;ul id=3D&quot;results&quot;&amp;gt;&amp;lt;/ul&amp;gt;
+  &amp;lt;script&amp;gt;
+   searcher.onmessage =3D function (event) {
+     var data =3D event.data.split(' ');
+     var results =3D document.getElementById('results');
+     while (results.hasChildNodes()) // clear previous results
+       results.removeChild(results.firstChild);
+     for (var i =3D 0; i &amp;lt; data.length; i +=3D 1) {
+       // add a list item with a button for each result
+       var li =3D document.createElement('li');
+       var button =3D document.createElement('button');
+       button.value =3D data[i];
+       button.type =3D 'button';
+       button.onclick =3D function () { select(this.value); };
+       button.textContent =3D data[i];
+       li.appendChild(button);
+       results.appendChild(li);
+     }
+   };
+  &amp;lt;/script&amp;gt;
+  &amp;lt;p&amp;gt;(The data in this example is not real. Try searching =
for &quot;Google&quot; or &quot;Apple&quot;.)&amp;lt;/p&amp;gt;
+ &amp;lt;/body&amp;gt;
+&amp;lt;/html&amp;gt;&lt;/pre&gt;
+
+  &lt;p&gt;The two workers use a common library for performing the actua=
l network calls. This library is
+  as follows:&lt;/p&gt;
+
+  &lt;pre&gt;function get(url) {
+  try {
+    var xhr =3D new XMLHttpRequest();
+    xhr.open('GET', url, false);
+    xhr.send();
+    return xhr.responseText;
+  } catch (e) {
+    return ''; // turn all errors into empty results
+  }
+}&lt;/pre&gt;
+
+  &lt;p&gt;The stock updater worker is as follows:&lt;/p&gt;
+
+  &lt;pre&gt;importScripts('io.js');
+var timer;
+var symbol;
+function update() {
+  postMessage(symbol + ' ' + get('stock.cgi?' + symbol));
+  timer =3D setTimeout(update, 10000);
+}
+onmessage =3D function (event) {
+  if (timer)
+    clearTimeout(timer);
+  symbol =3D event.data;
+  update();
+};&lt;/pre&gt;
+
+  &lt;p&gt;The search query worker is as follows:&lt;/p&gt;
+
+  &lt;pre&gt;importScripts('io.js');
+onmessage =3D function (event) {
+  postMessage(get('search.cgi?' + event.data));
+};&lt;/pre&gt;
+
+  &lt;p&gt;&lt;a href=3Dhttp://www.whatwg.org/demos/workers/stocks/page.=
html&gt;View this example online&lt;/a&gt;.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dshared-workers-introduction&gt;&lt;span class=3Dsecno&gt;1=
0.1.2.3 &lt;/span&gt;Shared workers introduction&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;This section introduces shared workers using a Hello World ex=
ample. Shared workers use slightly
+  different APIs, since each worker can have multiple connections.&lt;/p=
&gt;
+
+  &lt;p&gt;This first example shows how you connect to a worker and how =
a worker can send a message back
+  to the page when it connects to it. Received messages are displayed in=
 a log.&lt;/p&gt;
+
+  &lt;p&gt;Here is the HTML page:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;title&amp;gt;Shared workers: demo 1&amp;lt;/title&amp;gt;
+&amp;lt;pre id=3D&quot;log&quot;&amp;gt;Log:&amp;lt;/pre&amp;gt;
+&amp;lt;script&amp;gt;
+  var worker =3D new SharedWorker('test.js');
+  var log =3D document.getElementById('log');
+  worker.port.onmessage =3D function(e) { // note: not worker.onmessage!
+    log.textContent +=3D '\n' + e.data;
+  }
+&amp;lt;/script&amp;gt;
+&lt;/pre&gt;
+
+  &lt;p&gt;Here is the JavaScript worker:&lt;/p&gt;
+
+  &lt;pre&gt;onconnect =3D function(e) {
+  var port =3D e.ports[0];
+  port.postMessage('Hello World!');
+}
+&lt;/pre&gt;
+
+  &lt;p&gt;&lt;a href=3Dhttp://www.whatwg.org/demos/workers/shared/001/t=
est.html&gt;View this example online&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;This second example extends the first one by changi=
ng two things: first, messages are received
+  using &lt;code title=3D&quot;&quot;&gt;addEventListener()&lt;/code&gt;=
 instead of an &lt;a href=3D#event-handler-idl-attributes title=3D&quot;e=
vent handler IDL
+  attributes&quot;&gt;event handler IDL attribute&lt;/a&gt;, and second,=
 a message is sent &lt;em&gt;to&lt;/em&gt; the
+  worker, causing the worker to send another message in return. Received=
 messages are again
+  displayed in a log.&lt;/p&gt;
+
+  &lt;p&gt;Here is the HTML page:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;title&amp;gt;Shared workers: demo 2&amp;lt;/title&amp;gt;
+&amp;lt;pre id=3D&quot;log&quot;&amp;gt;Log:&amp;lt;/pre&amp;gt;
+&amp;lt;script&amp;gt;
+  var worker =3D new SharedWorker('test.js');
+  var log =3D document.getElementById('log');
+  worker.port.addEventListener('message', function(e) {
+    log.textContent +=3D '\n' + e.data;
+  }, false);
+  worker.port.start(); // note: need this when using addEventListener
+  worker.port.postMessage('ping');
+&amp;lt;/script&amp;gt;
+&lt;/pre&gt;
+
+  &lt;p&gt;Here is the JavaScript worker:&lt;/p&gt;
+
+  &lt;pre&gt;onconnect =3D function(e) {
+  var port =3D e.ports[0];
+  port.postMessage('Hello World!');
+  port.onmessage =3D function(e) {
+    port.postMessage('pong'); // not e.ports[0].postMessage!
+    // e.target.postMessage('pong'); would work also
+  }
+}
+&lt;/pre&gt;
+
+  &lt;p&gt;&lt;a href=3Dhttp://www.whatwg.org/demos/workers/shared/002/t=
est.html&gt;View this example online&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;Finally, the example is extended to show how two pa=
ges can connect to the same worker; in this
+  case, the second page is merely in an &lt;code&gt;&lt;a href=3D#the-if=
rame-element&gt;iframe&lt;/a&gt;&lt;/code&gt; on the first page, but the =
same
+  principle would apply to an entirely separate page in a separate &lt;a=
 href=3D#top-level-browsing-context&gt;top-level browsing
+  context&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Here is the outer HTML page:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;title&amp;gt;Shared workers: demo 3&amp;lt;/title&amp;gt;
+&amp;lt;pre id=3D&quot;log&quot;&amp;gt;Log:&amp;lt;/pre&amp;gt;
+&amp;lt;script&amp;gt;
+  var worker =3D new SharedWorker('test.js');
+  var log =3D document.getElementById('log');
+  worker.port.addEventListener('message', function(e) {
+    log.textContent +=3D '\n' + e.data;
+  }, false);
+  worker.port.start();
+  worker.port.postMessage('ping');
+&amp;lt;/script&amp;gt;
+&amp;lt;iframe src=3D&quot;inner.html&quot;&amp;gt;&amp;lt;/iframe&amp;g=
t;
+&lt;/pre&gt;
+
+  &lt;p&gt;Here is the inner HTML page:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;title&amp;gt;Shared workers: demo 3 inner frame&amp;lt;/title&am=
p;gt;
+&amp;lt;pre id=3Dlog&amp;gt;Inner log:&amp;lt;/pre&amp;gt;
+&amp;lt;script&amp;gt;
+  var worker =3D new SharedWorker('test.js');
+  var log =3D document.getElementById('log');
+  worker.port.onmessage =3D function(e) {
+   log.textContent +=3D '\n' + e.data;
+  }
+&amp;lt;/script&amp;gt;
+&lt;/pre&gt;
+
+  &lt;p&gt;Here is the JavaScript worker:&lt;/p&gt;
+
+  &lt;pre&gt;var count =3D 0;
+onconnect =3D function(e) {
+  count +=3D 1;
+  var port =3D e.ports[0];
+  port.postMessage('Hello World! You are connection #' + count);
+  port.onmessage =3D function(e) {
+    port.postMessage('pong');
+  }
+}
+&lt;/pre&gt;
+
+  &lt;p&gt;&lt;a href=3Dhttp://www.whatwg.org/demos/workers/shared/003/t=
est.html&gt;View this example online&lt;/a&gt;.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dshared-state-using-a-shared-worker&gt;&lt;span class=3Dsec=
no&gt;10.1.2.4 &lt;/span&gt;Shared state using a shared worker&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;In this example, multiple windows (viewers) can be opened tha=
t are all viewing the same map.
+  All the windows share the same map information, with a single worker c=
oordinating all the viewers.
+  Each viewer can move around independently, but if they set any data on=
 the map, all the viewers
+  are updated.&lt;/p&gt;
+
+  &lt;p&gt;The main page isn't interesting, it merely provides a way to =
open the viewers:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;html&amp;gt;
+ &amp;lt;head&amp;gt;
+  &amp;lt;title&amp;gt;Workers example: Multiviewer&amp;lt;/title&amp;gt=
;
+  &amp;lt;script&amp;gt;
+   function openViewer() {
+     window.open('viewer.html');
+   }
+  &amp;lt;/script&amp;gt;
+ &amp;lt;/head&amp;gt;
+ &amp;lt;body&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;button type=3Dbutton onclick=3D&quot;openView=
er()&quot;&amp;gt;Open a new
+  viewer&amp;lt;/button&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;Each viewer opens in a new window. You can have as ma=
ny viewers
+  as you like, they all view the same data.&amp;lt;/p&amp;gt;
+ &amp;lt;/body&amp;gt;
+&amp;lt;/html&amp;gt;&lt;/pre&gt;
+
+  &lt;p&gt;The viewer is more involved:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;html&amp;gt;
+ &amp;lt;head&amp;gt;
+  &amp;lt;title&amp;gt;Workers example: Multiviewer viewer&amp;lt;/title=
&amp;gt;
+  &amp;lt;script&amp;gt;
+   var worker =3D new SharedWorker('worker.js', 'core');
+
+   // CONFIGURATION
+   function configure(event) {
+     if (event.data.substr(0, 4) !=3D 'cfg ') return;
+     var name =3D event.data.substr(4).split(' ', 1)[0];
+     // update display to mention our name is name
+     document.getElementsByTagName('h1')[0].textContent +=3D ' ' + name;
+     // no longer need this listener
+     worker.port.removeEventListener('message', configure, false);
+   }
+   worker.port.addEventListener('message', configure, false);
+
+   // MAP
+   function paintMap(event) {
+     if (event.data.substr(0, 4) !=3D 'map ') return;
+     var data =3D event.data.substr(4).split(',');
+     // display tiles data[0] .. data[8]
+     var canvas =3D document.getElementById('map');
+     var context =3D canvas.getContext('2d');
+     for (var y =3D 0; y &amp;lt; 3; y +=3D 1) {
+       for (var x =3D 0; x &amp;lt; 3; x +=3D 1) {
+         var tile =3D data[y * 3 + x];
+         if (tile =3D=3D '0')
+           context.fillStyle =3D 'green';
+         else=20
+           context.fillStyle =3D 'maroon';
+         context.fillRect(x * 50, y * 50, 50, 50);
+       }
+     }
+   }
+   worker.port.addEventListener('message', paintMap, false);
+
+   // PUBLIC CHAT
+   function updatePublicChat(event) {
+     if (event.data.substr(0, 4) !=3D 'txt ') return;
+     var name =3D event.data.substr(4).split(' ', 1)[0];
+     var message =3D event.data.substr(4 + name.length + 1);
+     // display &quot;&amp;lt;name&amp;gt; message&quot; in public chat
+     var public =3D document.getElementById('public');
+     var p =3D document.createElement('p');
+     var n =3D document.createElement('button');
+     n.textContent =3D '&amp;lt;' + name + '&amp;gt; ';
+     n.onclick =3D function () { worker.port.postMessage('msg ' + name);=
 };
+     p.appendChild(n);
+     var m =3D document.createElement('span');
+     m.textContent =3D message;
+     p.appendChild(m);
+     public.appendChild(p);
+   }
+   worker.port.addEventListener('message', updatePublicChat, false);
+
+   // PRIVATE CHAT
+   function startPrivateChat(event) {
+     if (event.data.substr(0, 4) !=3D 'msg ') return;
+     var name =3D event.data.substr(4).split(' ', 1)[0];
+     var port =3D event.ports[0];
+     // display a private chat UI
+     var ul =3D document.getElementById('private');
+     var li =3D document.createElement('li');
+     var h3 =3D document.createElement('h3');
+     h3.textContent =3D 'Private chat with ' + name;
+     li.appendChild(h3);
+     var div =3D document.createElement('div');
+     var addMessage =3D function(name, message) {
+       var p =3D document.createElement('p');
+       var n =3D document.createElement('strong');
+       n.textContent =3D '&amp;lt;' + name + '&amp;gt; ';
+       p.appendChild(n);
+       var t =3D document.createElement('span');
+       t.textContent =3D message;
+       p.appendChild(t);
+       div.appendChild(p);
+     };
+     port.onmessage =3D function (event) {
+       addMessage(name, event.data);
+     };
+     li.appendChild(div);
+     var form =3D document.createElement('form');
+     var p =3D document.createElement('p');
+     var input =3D document.createElement('input');
+     input.size =3D 50;
+     p.appendChild(input);
+     p.appendChild(document.createTextNode(' '));
+     var button =3D document.createElement('button');
+     button.textContent =3D 'Post';
+     p.appendChild(button);
+     form.onsubmit =3D function () {
+       port.postMessage(input.value);
+       addMessage('me', input.value);
+       input.value =3D '';
+       return false;
+     };
+     form.appendChild(p);
+     li.appendChild(form);
+     ul.appendChild(li);
+   }
+   worker.port.addEventListener('message', startPrivateChat, false);
+
+   worker.port.start();
+  &amp;lt;/script&amp;gt;
+ &amp;lt;/head&amp;gt;
+ &amp;lt;body&amp;gt;
+  &amp;lt;h1&amp;gt;Viewer&amp;lt;/h1&amp;gt;
+  &amp;lt;h2&amp;gt;Map&amp;lt;/h2&amp;gt;
+  &amp;lt;p&amp;gt;&amp;lt;canvas id=3D&quot;map&quot; height=3D150 widt=
h=3D150&amp;gt;&amp;lt;/canvas&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;p&amp;gt;
+   &amp;lt;button type=3Dbutton onclick=3D&quot;worker.port.postMessage(=
'mov left')&quot;&amp;gt;Left&amp;lt;/button&amp;gt;
+   &amp;lt;button type=3Dbutton onclick=3D&quot;worker.port.postMessage(=
'mov up')&quot;&amp;gt;Up&amp;lt;/button&amp;gt;
+   &amp;lt;button type=3Dbutton onclick=3D&quot;worker.port.postMessage(=
'mov down')&quot;&amp;gt;Down&amp;lt;/button&amp;gt;
+   &amp;lt;button type=3Dbutton onclick=3D&quot;worker.port.postMessage(=
'mov right')&quot;&amp;gt;Right&amp;lt;/button&amp;gt;
+   &amp;lt;button type=3Dbutton onclick=3D&quot;worker.port.postMessage(=
'set 0')&quot;&amp;gt;Set 0&amp;lt;/button&amp;gt;
+   &amp;lt;button type=3Dbutton onclick=3D&quot;worker.port.postMessage(=
'set 1')&quot;&amp;gt;Set 1&amp;lt;/button&amp;gt;
+  &amp;lt;/p&amp;gt;
+  &amp;lt;h2&amp;gt;Public Chat&amp;lt;/h2&amp;gt;
+  &amp;lt;div id=3D&quot;public&quot;&amp;gt;&amp;lt;/div&amp;gt;
+  &amp;lt;form onsubmit=3D&quot;worker.port.postMessage('txt ' + message=
.value); message.value =3D ''; return false;&quot;&amp;gt;
+   &amp;lt;p&amp;gt;
+    &amp;lt;input type=3D&quot;text&quot; name=3D&quot;message&quot; siz=
e=3D&quot;50&quot;&amp;gt;
+    &amp;lt;button&amp;gt;Post&amp;lt;/button&amp;gt;
+   &amp;lt;/p&amp;gt;
+  &amp;lt;/form&amp;gt;
+  &amp;lt;h2&amp;gt;Private Chat&amp;lt;/h2&amp;gt;
+  &amp;lt;ul id=3D&quot;private&quot;&amp;gt;&amp;lt;/ul&amp;gt;
+ &amp;lt;/body&amp;gt;
+&amp;lt;/html&amp;gt;
+&lt;/pre&gt;
+
+  &lt;p&gt;There are several key things worth noting about the way the v=
iewer is written.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Multiple listeners&lt;/strong&gt;. Instead of a=
 single message processing function, the code
+  here attaches multiple event listeners, each one performing a quick ch=
eck to see if it is relevant
+  for the message. In this example it doesn't make much difference, but =
if multiple authors wanted
+  to collaborate using a single port to communicate with a worker, it wo=
uld allow for independent
+  code instead of changes having to all be made to a single event handli=
ng function.&lt;/p&gt;
+
+  &lt;p&gt;Registering event listeners in this way also allows you to un=
register specific listeners when
+  you are done with them, as is done with the &lt;code title=3D&quot;&qu=
ot;&gt;configure()&lt;/code&gt; method in this
+  example.&lt;/p&gt;
+
+  &lt;p&gt;Finally, the worker:&lt;/p&gt;
+
+  &lt;pre&gt;
+var nextName =3D 0;
+function getNextName() {
+  // this could use more friendly names
+  // but for now just return a number
+  return nextName++;
+}
+
+var map =3D [
+ [0, 0, 0, 0, 0, 0, 0],
+ [1, 1, 0, 1, 0, 1, 1],
+ [0, 1, 0, 1, 0, 0, 0],
+ [0, 1, 0, 1, 0, 1, 1],
+ [0, 0, 0, 1, 0, 0, 0],
+ [1, 0, 0, 1, 1, 1, 1],
+ [1, 1, 0, 1, 1, 0, 1],
+];
+
+function wrapX(x) {
+  if (x &amp;lt; 0) return wrapX(x + map[0].length);
+  if (x &amp;gt;=3D map[0].length) return wrapX(x - map[0].length);
+  return x;
+}
+
+function wrapY(y) {
+  if (y &amp;lt; 0) return wrapY(y + map.length);
+  if (y &amp;gt;=3D map[0].length) return wrapY(y - map.length);
+  return y;
+}
+
+function wrap(val, min, max) {
+  if (val &amp;lt; min)
+    return val + (max-min)+1;
+  if (val &amp;gt; max)
+    return val - (max-min)-1;
+  return val;
+}
+
+function sendMapData(viewer) {
+  var data =3D '';
+  for (var y =3D viewer.y-1; y &amp;lt;=3D viewer.y+1; y +=3D 1) {
+    for (var x =3D viewer.x-1; x &amp;lt;=3D viewer.x+1; x +=3D 1) {
+      if (data !=3D '')
+        data +=3D ',';
+      data +=3D map[wrap(y, 0, map[0].length-1)][wrap(x, 0, map.length-1=
)];
+    }
+  }
+  viewer.port.postMessage('map ' + data);
+}
+
+var viewers =3D {};
+onconnect =3D function (event) {
+  var name =3D getNextName();
+  event.ports[0]._data =3D { port: event.ports[0], name: name, x: 0, y: =
0, };
+  viewers[name] =3D event.ports[0]._data;
+  event.ports[0].postMessage('cfg ' + name);
+  event.ports[0].onmessage =3D getMessage;
+  sendMapData(event.ports[0]._data);
+};
+
+function getMessage(event) {
+  switch (event.data.substr(0, 4)) {
+    case 'mov ':
+      var direction =3D event.data.substr(4);
+      var dx =3D 0;
+      var dy =3D 0;
+      switch (direction) {
+        case 'up': dy =3D -1; break;
+        case 'down': dy =3D 1; break;
+        case 'left': dx =3D -1; break;
+        case 'right': dx =3D 1; break;
+      }
+      event.target._data.x =3D wrapX(event.target._data.x + dx);
+      event.target._data.y =3D wrapY(event.target._data.y + dy);
+      sendMapData(event.target._data);
+      break;
+    case 'set ':
+      var value =3D event.data.substr(4);
+      map[event.target._data.y][event.target._data.x] =3D value;
+      for (var viewer in viewers)
+        sendMapData(viewers[viewer]._data);
+      break;
+    case 'txt ':
+      var name =3D event.target._data.name;
+      var message =3D event.data.substr(4);
+      for (var viewer in viewers)
+        viewers[viewer].port.postMessage('txt ' + name + ' ' + message);
+      break;
+    case 'msg ':
+      var party1 =3D event.target._data;
+      var party2 =3D viewers[event.data.substr(4).split(' ', 1)[0]];
+      if (party2) {
+        var channel =3D new MessageChannel();
+        party1.port.postMessage('msg ' + party2.name, [channel.port1]);
+        party2.port.postMessage('msg ' + party1.name, [channel.port2]);
+      }
+      break;
+  }
+}&lt;/pre&gt;
+
+  &lt;p&gt;&lt;strong&gt;Connecting to multiple pages&lt;/strong&gt;. Th=
e script uses the &lt;code title=3Dhandler-SharedWorkerGlobalScope-onconn=
ect&gt;&lt;a href=3D#handler-sharedworkerglobalscope-onconnect&gt;onconne=
ct&lt;/a&gt;&lt;/code&gt; event listener to listen for
+  multiple connections.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;Direct channels&lt;/strong&gt;. When the worker=
 receives a &quot;msg&quot; message from one viewer
+  naming another viewer, it sets up a direct connection between the two,=
 so that the two viewers can
+  communicate directly without the worker having to proxy all the messag=
es.&lt;/p&gt;
+
+  &lt;p&gt;&lt;a href=3Dhttp://www.whatwg.org/demos/workers/multiviewer/=
page.html&gt;View this example online&lt;/a&gt;.&lt;/p&gt;
+
+
+  &lt;h5 id=3Ddelegation&gt;&lt;span class=3Dsecno&gt;10.1.2.5 &lt;/span=
&gt;Delegation&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;With multicore CPUs becoming prevalent, one way to obtain bet=
ter performance is to split
+  computationally expensive tasks amongst multiple workers. In this exam=
ple, a computationally
+  expensive task that is to be performed for every number from 1 to 10,0=
00,000 is farmed out to ten
+  subworkers.&lt;/p&gt;
+
+  &lt;p&gt;The main page is as follows, it just reports the result:&lt;/=
p&gt;
+
+  &lt;pre&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
+&amp;lt;html&amp;gt;
+ &amp;lt;head&amp;gt;
+  &amp;lt;title&amp;gt;Worker example: Multicore computation&amp;lt;/tit=
le&amp;gt;
+ &amp;lt;/head&amp;gt;
+ &amp;lt;body&amp;gt;
+  &amp;lt;p&amp;gt;Result: &amp;lt;output id=3D&quot;result&quot;&amp;gt=
;&amp;lt;/output&amp;gt;&amp;lt;/p&amp;gt;
+  &amp;lt;script&amp;gt;
+   var worker =3D new Worker('worker.js');
+   worker.onmessage =3D function (event) {
+     document.getElementById('result').textContent =3D event.data;
+   };
+  &amp;lt;/script&amp;gt;
+ &amp;lt;/body&amp;gt;
+&amp;lt;/html&amp;gt;&lt;/pre&gt;
+
+  &lt;p&gt;The worker itself is as follows:&lt;/p&gt;
+
+  &lt;pre&gt;// settings
+var num_workers =3D 10;
+var items_per_worker =3D 1000000;
+
+// start the workers
+var result =3D 0;
+var pending_workers =3D num_workers;
+for (var i =3D 0; i &amp;lt; num_workers; i +=3D 1) {
+  var worker =3D new Worker('core.js');
+  worker.postMessage(i * items_per_worker);
+  worker.postMessage((i+1) * items_per_worker);
+  worker.onmessage =3D storeResult;
+}
+
+// handle the results
+function storeResult(event) {
+  result +=3D 1*event.data;
+  pending_workers -=3D 1;
+  if (pending_workers &amp;lt;=3D 0)
+    postMessage(result); // finished!
+}&lt;/pre&gt;
+
+  &lt;p&gt;It consists of a loop to start the subworkers, and then a han=
dler
+  that waits for all the subworkers to respond.&lt;/p&gt;
+
+  &lt;p&gt;The subworkers are implemented as follows:&lt;/p&gt;
+
+  &lt;pre&gt;var start;
+onmessage =3D getStart;
+function getStart(event) {
+  start =3D 1*event.data;
+  onmessage =3D getEnd;
+}
+
+var end;
+function getEnd(event) {
+  end =3D 1*event.data;
+  onmessage =3D null;
+  work();
+}
+
+function work() {
+  var result =3D 0;
+  for (var i =3D start; i &amp;lt; end; i +=3D 1) {
+    // perform some complex calculation here
+    result +=3D 1;
+  }
+  postMessage(result);
+  close();
+}&lt;/pre&gt;
+
+  &lt;p&gt;They receive two numbers in two events, perform the computati=
on for the range of numbers thus
+  specified, and then report the result back to the parent.&lt;/p&gt;
+
+  &lt;p&gt;&lt;a href=3Dhttp://www.whatwg.org/demos/workers/multicore/pa=
ge.html&gt;View this example online&lt;/a&gt;.&lt;/p&gt;
+
+&lt;!--(this uses startConversation, which is currently commented out)
+
+  &lt;h5&gt;Providing libraries&lt;/h5&gt;
+
+  &lt;!- -END dev-html- -&gt;&lt;p&gt;&lt;i&gt;This section is non-norma=
tive.&lt;/i&gt;&lt;/p&gt;&lt;!- -START dev-html- -&gt;
+
+  &lt;p&gt;Suppose that a cryptography library is made available that pr=
ovides three tasks:&lt;/p&gt;
+
+  &lt;dl&gt;
+
+   &lt;dt&gt;Generate a public/private key pair&lt;/dt&gt;
+
+   &lt;dd&gt;Takes a port, on which it will send two messages, first the=
 public key and then the private
+   key.&lt;/dd&gt;
+
+   &lt;dt&gt;Given a plaintext and a public key, return the correspondin=
g cyphertext&lt;/dt&gt;
+
+   &lt;dd&gt;Takes a port, to which any number of messages can be sent, =
the first giving the public key,
+   and the remainder giving the plaintext, each of which is encrypted an=
d then sent on that same
+   channel as the cyphertext. The user can close the port when it is don=
e encrypting content.&lt;/dd&gt;
+
+   &lt;dt&gt;Given a cyphertext and a private key, return the correspond=
ing plaintext&lt;/dt&gt;
+
+   &lt;dd&gt;Takes a port, to which any number of messages can be sent, =
the first giving the private key,
+   and the remainder giving the cyphertext, each of which is decrypted a=
nd then sent on that same
+   channel as the plaintext. The user can close the port when it is done=
 decrypting content.&lt;/dd&gt;
+
+  &lt;/dl&gt;
+
+  &lt;p&gt;The library itself is as follows:&lt;/p&gt;
+
+  &lt;pre&gt;function handleMessage(e) {
+  if (e.data =3D=3D &quot;genkeys&quot;)
+    genkeys(e.ports[0]);
+  else if (e.data =3D=3D &quot;encrypt&quot;)
+    encrypt(e.ports[0]);
+  else if (e.data =3D=3D &quot;decrypt&quot;)
+    decrypt(e.ports[0]);
+}
+
+function genkeys(p) {
+  var keys =3D _generateKeyPair();
+  p.postMessage(keys[0]);
+  p.postMessage(keys[1]);
+}
+
+function encrypt(p) {
+  var key, state =3D 0;
+  p.onmessage =3D function (e) {
+    if (state =3D=3D 0) {
+      key =3D e.data;
+      state =3D 1;
+    } else {
+      p.postMessage(_encrypt(key, e.data));
+    }
+  };
+}
+
+function decrypt(p) {
+  var key, state =3D 0;
+  p.onmessage =3D function (e) {
+    if (state =3D=3D 0) {
+      key =3D e.data;
+      state =3D 1;
+    } else {
+      p.postMessage(_decrypt(key, e.data));
+    }
+  };
+}
+
+// support being used as a shared worker as well as a dedicated worker
+if ('onmessage' in this) // dedicated worker
+  onmessage =3D handleMessage;
+else // shared worker
+  onconnect =3D function (e) { e.port.onmessage =3D handleMessage; }
+
+
+// the &quot;crypto&quot; functions:
+
+function _generateKeyPair() {
+  return [Math.random(), Math.random()];
+}
+
+function _encrypt(k, s) {
+  return 'encrypted-' + k + ' ' + s;
+}
+
+function _decrypt(k, s) {
+  return s.substr(s.indexOf(' ')+1);
+}&lt;/pre&gt;
+
+  &lt;p&gt;Note that the crypto functions here are just stubs and don't =
do real cryptography.&lt;/p&gt;
+
+  &lt;p&gt;This library could be used as follows:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;!DOCTYPE HTML&gt;
+&amp;lt;html&gt;
+ &amp;lt;head&gt;
+  &amp;lt;title&gt;Worker example: Crypto library&amp;lt;/title&gt;
+  &amp;lt;script&gt;
+   var cryptoLib =3D new Worker('libcrypto-v1.js'); // or could use 'lib=
crypto-v2.js'
+   function getKeys() {
+     var state =3D 0;
+     cryptoLib.startConversation(&quot;genkeys&quot;).onmessage =3D func=
tion (e) {
+       if (state =3D=3D 0)
+         document.getElementById('public').value =3D e.data;
+       else if (state =3D=3D 1)
+         document.getElementById('private').value =3D e.data;
+       state +=3D 1;
+     };
+   }
+   function enc() {
+     var port =3D cryptoLib.startConversation(&quot;encrypt&quot;);
+     port.postMessage(document.getElementById('public').value);
+     port.postMessage(document.getElementById('input').value);
+     port.onmessage =3D function (e) {
+       document.getElementById('input').value =3D e.data;
+       port.close();
+     };
+   }
+   function dec() {
+     var port =3D cryptoLib.startConversation(&quot;decrypt&quot;);
+     port.postMessage(document.getElementById('private').value);
+     port.postMessage(document.getElementById('input').value);
+     port.onmessage =3D function (e) {
+       document.getElementById('input').value =3D e.data;
+       port.close();
+     };
+   }
+  &amp;lt;/script&gt;
+  &amp;lt;style&gt;
+   textarea { display: block; }
+  &amp;lt;/style&gt;
+ &amp;lt;/head&gt;
+ &amp;lt;body onload=3D&quot;getKeys()&quot;&gt;
+  &amp;lt;fieldset&gt;
+   &amp;lt;legend&gt;Keys&amp;lt;/legend&gt;
+   &amp;lt;p&gt;&amp;lt;label&gt;Public Key: &amp;lt;textarea id=3D&quot=
;public&quot;&gt;&amp;lt;/textarea&gt;&amp;lt;/label&gt;&amp;lt;/p&gt;
+   &amp;lt;p&gt;&amp;lt;label&gt;Private Key: &amp;lt;textarea id=3D&quo=
t;private&quot;&gt;&amp;lt;/textarea&gt;&amp;lt;/label&gt;&amp;lt;/p&gt;
+  &amp;lt;/fieldset&gt;
+  &amp;lt;p&gt;&amp;lt;label&gt;Input: &amp;lt;textarea id=3D&quot;input=
&quot;&gt;&amp;lt;/textarea&gt;&amp;lt;/label&gt;&amp;lt;/p&gt;
+  &amp;lt;p&gt;&amp;lt;button onclick=3D&quot;enc()&quot;&gt;Encrypt&amp=
;lt;/button&gt; &amp;lt;button onclick=3D&quot;dec()&quot;&gt;Decrypt&amp=
;lt;/button&gt;&amp;lt;/p&gt;
+ &amp;lt;/body&gt;
+&amp;lt;/html&gt;&lt;/pre&gt;
+
+  &lt;p&gt;A later version of the API, though, might want to offload all=
 the crypto work onto subworkers.
+  This could be done as follows:&lt;/p&gt;
+
+  &lt;pre&gt;function handleMessage(e) {
+  if (e.data =3D=3D &quot;genkeys&quot;)
+    genkeys(e.ports[0]);
+  else if (e.data =3D=3D &quot;encrypt&quot;)
+    encrypt(e.ports[0]);
+  else if (e.data =3D=3D &quot;decrypt&quot;)
+    decrypt(e.ports[0]);
+}
+
+function genkeys(p) {
+  var generator =3D new Worker('libcrypto-v2-generator.js');
+  generator.postMessage('', [p]);
+}
+
+function encrypt(p) {
+  p.onmessage =3D function (e) {
+    var key =3D e.data;
+    var encryptor =3D new Worker('libcrypto-v2-encryptor.js');
+    encryptor.postMessage(key, [p]);
+  };
+}
+
+function encrypt(p) {
+  p.onmessage =3D function (e) {
+    var key =3D e.data;
+    var decryptor =3D new Worker('libcrypto-v2-decryptor.js');
+    decryptor.postMessage(key, [p]);
+  };
+}
+
+// support being used as a shared worker as well as a dedicated worker
+if ('onmessage' in this) // dedicated worker
+  onmessage =3D handleMessage;
+else // shared worker
+  onconnect =3D function (e) { e.ports[0].onmessage =3D handleMessage };
+&lt;/pre&gt;
+
+  &lt;p&gt;The little subworkers would then be as follows.&lt;/p&gt;
+
+  &lt;p&gt;For generating key pairs:&lt;/p&gt;
+
+  &lt;pre&gt;onmessage =3D function (e) {
+  var k =3D _generateKeyPair();
+  e.ports[0].postMessage(k[0]);
+  e.ports[0].postMessage(k[1]);
+  close();
+}
+
+function _generateKeyPair() {
+  return [Math.random(), Math.random()];
+}&lt;/pre&gt;
+
+  &lt;p&gt;For encrypting:&lt;/p&gt;
+
+  &lt;pre&gt;onmessage =3D function (e) {
+  var key =3D e.data;
+  e.ports[0].onmessage =3D function (e) {
+    var s =3D e.data;
+    postMessage(_encrypt(key, s));
+  }
+}
+
+function _encrypt(k, s) {
+  return 'encrypted-' + k + ' ' + s;
+}&lt;/pre&gt;
+
+  &lt;p&gt;For decrypting:&lt;/p&gt;
+
+  &lt;pre&gt;onmessage =3D function (e) {
+  var key =3D e.data;
+  e.ports[0].onmessage =3D function (e) {
+    var s =3D e.data;
+    postMessage(_decrypt(key, s));
+  }
+}
+
+function _decrypt(k, s) {
+  return s.substr(s.indexOf(' ')+1);
+}&lt;/pre&gt;
+
+  &lt;p&gt;Notice how the users of the API don't have to even know that =
this is happening &amp;mdash; the API
+  hasn't changed; the library can delegate to subworkers without changin=
g its API, even though it is
+  accepting data using message channels.&lt;/p&gt;
+
+  &lt;p&gt;&lt;a href=3D&quot;http://www.whatwg.org/demos/workers/crypto=
/page.html&quot;&gt;View this example online&lt;/a&gt;.&lt;/p&gt;
+
+(end startConversation block) (beware nested comments)--&gt;
+
+
+  &lt;h4 id=3Dtutorials&gt;&lt;span class=3Dsecno&gt;10.1.3 &lt;/span&gt=
;Tutorials&lt;/h4&gt;
+
+  &lt;h5 id=3Dcreating-a-dedicated-worker&gt;&lt;span class=3Dsecno&gt;1=
0.1.3.1 &lt;/span&gt;Creating a dedicated worker&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;Creating a worker requires a URL to a JavaScript file. The &l=
t;code title=3Ddom-Worker&gt;&lt;a href=3D#dom-worker&gt;Worker()&lt;/a&g=
t;&lt;/code&gt; constructor is invoked with the URL to that file as its o=
nly
+  argument; a worker is then created and returned:&lt;/p&gt;
+
+  &lt;pre&gt;var worker =3D new Worker('helper.js');&lt;/pre&gt;
+
+
+  &lt;h5 id=3Dcommunicating-with-a-dedicated-worker&gt;&lt;span class=3D=
secno&gt;10.1.3.2 &lt;/span&gt;Communicating with a dedicated worker&lt;/=
h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;Dedicated workers use &lt;code&gt;&lt;a href=3D#messageport&g=
t;MessagePort&lt;/a&gt;&lt;/code&gt; objects behind the scenes, and thus =
support all
+  the same features, such as sending structured data, transferring binar=
y data, and transferring
+  other ports.&lt;/p&gt;
+
+  &lt;p&gt;To receive messages from a dedicated worker, use the &lt;code=
 title=3Dhandler-worker-onmessage&gt;&lt;a href=3D#handler-worker-onmessa=
ge&gt;onmessage&lt;/a&gt;&lt;/code&gt; &lt;a href=3D#event-handler-idl-at=
tributes title=3D&quot;event handler IDL attributes&quot;&gt;event
+  handler IDL attribute&lt;/a&gt; on the &lt;code&gt;&lt;a href=3D#worke=
r&gt;Worker&lt;/a&gt;&lt;/code&gt; object:&lt;/p&gt;
+
+  &lt;pre&gt;worker.onmessage =3D function (event) { ... };&lt;/pre&gt;
+
+  &lt;p&gt;You can also use the &lt;code title=3Ddom-EventTarget-addEven=
tListener&gt;addEventListener()&lt;/code&gt;
+  method.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The implicit &lt;code&gt;&lt;a href=3D#messagepo=
rt&gt;MessagePort&lt;/a&gt;&lt;/code&gt; used by dedicated workers has it=
s &lt;a href=3D#port-message-queue&gt;port
+  message queue&lt;/a&gt; implicitly enabled when it is created, so ther=
e is no equivalent to the
+  &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/cod=
e&gt; interface's &lt;code title=3Ddom-MessagePort-start&gt;&lt;a href=3D=
#dom-messageport-start&gt;start()&lt;/a&gt;&lt;/code&gt; method on
+  the &lt;code&gt;&lt;a href=3D#worker&gt;Worker&lt;/a&gt;&lt;/code&gt; =
interface.&lt;/p&gt;
+
+  &lt;p&gt;To &lt;em&gt;send&lt;/em&gt; data to a worker, use the &lt;co=
de title=3Ddom-Worker-postMessage&gt;&lt;a href=3D#dom-worker-postmessage=
&gt;postMessage()&lt;/a&gt;&lt;/code&gt; method. Structured data can be s=
ent over this
+  communication channel. To send &lt;code&gt;&lt;a href=3D#arraybuffer&g=
t;ArrayBuffer&lt;/a&gt;&lt;/code&gt; objects efficiently (by transferring=
 them
+  rather than cloning them), list them in an array in the second argumen=
t.&lt;/p&gt;
+
+  &lt;pre&gt;worker.postMessage({
+  operation: 'find-edges',
+  input: buffer, // an ArrayBuffer object
+  threshold: 0.6,
+}, [buffer]);&lt;/pre&gt;
+
+  &lt;p&gt;To receive a message inside the worker, the &lt;code title=3D=
handler-DedicatedWorkerGlobalScope-onmessage&gt;&lt;a href=3D#handler-ded=
icatedworkerglobalscope-onmessage&gt;onmessage&lt;/a&gt;&lt;/code&gt; &lt=
;a href=3D#event-handler-idl-attributes title=3D&quot;event handler
+  IDL attributes&quot;&gt;event handler IDL attribute&lt;/a&gt; is used.=
&lt;/p&gt;
+
+  &lt;pre&gt;onmessage =3D function (event) { ... };&lt;/pre&gt;
+
+  &lt;p&gt;You can again also use the &lt;code title=3Ddom-EventTarget-a=
ddEventListener&gt;addEventListener()&lt;/code&gt; method.&lt;/p&gt;
+
+  &lt;p&gt;In either case, the data is provided in the event object's &l=
t;code title=3Ddom-MessageEvent-data&gt;&lt;a href=3D#dom-messageevent-da=
ta&gt;data&lt;/a&gt;&lt;/code&gt; attribute.&lt;/p&gt;
+
+  &lt;p&gt;To send messages back, you again use &lt;code title=3Ddom-Ded=
icatedWorkerGlobalScope-postMessage&gt;&lt;a href=3D#dom-dedicatedworkerg=
lobalscope-postmessage&gt;postMessage()&lt;/a&gt;&lt;/code&gt;. It suppor=
ts the
+  structured data in the same manner.&lt;/p&gt;
+
+  &lt;pre&gt;postMessage(event.data.input, [event.data.input]); // trans=
fer the buffer back&lt;/pre&gt;
+
+
+  &lt;h5 id=3Dshared-workers&gt;&lt;span class=3Dsecno&gt;10.1.3.3 &lt;/=
span&gt;Shared workers&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;Shared workers are identified by the URL of the script used t=
o create it, optionally with an
+  explicit name. The name allows multiple instances of a particular shar=
ed worker to be started.&lt;/p&gt;
+
+  &lt;p&gt;Shared workers are scoped by &lt;a href=3D#origin&gt;origin&l=
t;/a&gt;. Two different sites using the same names will
+  not collide. However, if a page tries to use the same shared worker na=
me as another page on the
+  same site, but with a different script URL, it will fail.&lt;/p&gt;
+
+  &lt;p&gt;Creating shared workers is done using the &lt;code title=3Ddo=
m-SharedWorker&gt;&lt;a href=3D#dom-sharedworker&gt;SharedWorker()&lt;/a&=
gt;&lt;/code&gt;
+  constructor. This constructor takes the URL to the script to use for i=
ts first argument, and the
+  name of the worker, if any, as the second argument.&lt;/p&gt;
+
+  &lt;pre&gt;var worker =3D new SharedWorker('service.js');&lt;/pre&gt;
+
+  &lt;p&gt;Communicating with shared workers is done with explicit &lt;c=
ode&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/code&gt; ob=
jects. The
+  object returned by the &lt;code title=3Ddom-SharedWorker&gt;&lt;a href=
=3D#dom-sharedworker&gt;SharedWorker()&lt;/a&gt;&lt;/code&gt; constructor=
 holds a
+  reference to the port on its &lt;code title=3Ddom-SharedWorker-port&gt=
;&lt;a href=3D#dom-sharedworker-port&gt;port&lt;/a&gt;&lt;/code&gt; attri=
bute.&lt;/p&gt;
+
+  &lt;pre&gt;worker.port.onmessage =3D function (event) { ... };
+worker.port.postMessage('some message');
+worker.port.postMessage({ foo: 'structured', bar: ['data', 'also', 'poss=
ible']});&lt;/pre&gt;
+
+  &lt;p&gt;Inside the shared worker, new clients of the worker are annou=
nced using the &lt;code title=3Devent-connect&gt;connect&lt;/code&gt; eve=
nt. The port for the new client is given by the event
+  object's &lt;code title=3Ddom-messageevent-source&gt;&lt;a href=3D#dom=
-messageevent-source&gt;source&lt;/a&gt;&lt;/code&gt; attribute.&lt;/p&gt=
;
+
+  &lt;pre&gt;onconnect =3D function (event) {
+  var newPort =3D event.source;
+  // set up a listener
+  newPort.onmessage =3D function (event) { ... };
+  // send a message back to the port
+  newPort.postMessage('ready!'); // can also send structured data, of co=
urse
+};&lt;/pre&gt;
+
+
+
+
+  &lt;h3 id=3Dinfrastructure-0&gt;&lt;span class=3Dsecno&gt;10.2 &lt;/sp=
an&gt;Infrastructure&lt;/h3&gt;
+
+  &lt;p&gt;There are two kinds of workers; dedicated workers, and shared=
 workers. Dedicated workers, once
+  created, and are linked to their creator; but message ports can be use=
d to communicate from a
+  dedicated worker to multiple other browsing contexts or workers. Share=
d workers, on the other
+  hand, are named, and once created any script running in the same &lt;a=
 href=3D#origin&gt;origin&lt;/a&gt; can obtain a
+  reference to that worker and communicate with it.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dthe-global-scope&gt;&lt;span class=3Dsecno&gt;10.2.1 &lt;/=
span&gt;The global scope&lt;/h4&gt;
+
+  &lt;p&gt;The global scope is the &quot;inside&quot; of a worker.&lt;/p=
&gt;
+
+  &lt;h5 id=3Dthe-workerglobalscope-common-interface&gt;&lt;span class=3D=
secno&gt;10.2.1.1 &lt;/span&gt;The &lt;code&gt;&lt;a href=3D#workerglobal=
scope&gt;WorkerGlobalScope&lt;/a&gt;&lt;/code&gt; common interface&lt;/h5=
&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dworkerglobalscope&gt;Wor=
kerGlobalScope&lt;/dfn&gt; : &lt;a href=3D#eventtarget&gt;EventTarget&lt;=
/a&gt; {
+  readonly attribute &lt;a href=3D#workerglobalscope&gt;WorkerGlobalScop=
e&lt;/a&gt; &lt;a href=3D#dom-workerglobalscope-self title=3Ddom-WorkerGl=
obalScope-self&gt;self&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#workerlocation&gt;WorkerLocation&lt;/=
a&gt; &lt;a href=3D#dom-workerglobalscope-location title=3Ddom-WorkerGlob=
alScope-location&gt;location&lt;/a&gt;;
+
+  void &lt;a href=3D#dom-workerglobalscope-close title=3Ddom-WorkerGloba=
lScope-close&gt;close&lt;/a&gt;();
+&lt;!-- v2-onclose           attribute &lt;span&gt;EventHandler&lt;/span=
&gt; &lt;span title=3D&quot;handler-WorkerGlobalScope-onclose&quot;&gt;on=
close&lt;/span&gt;;
+--&gt;           attribute &lt;a href=3D#onerroreventhandler&gt;OnErrorE=
ventHandler&lt;/a&gt; &lt;a href=3D#handler-workerglobalscope-onerror tit=
le=3Dhandler-WorkerGlobalScope-onerror&gt;onerror&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-workerglobalscope-onoffline title=3Dhandler-Worke=
rGlobalScope-onoffline&gt;onoffline&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-workerglobalscope-ononline title=3Dhandler-Worker=
GlobalScope-ononline&gt;ononline&lt;/a&gt;;
+
+  // &lt;a href=3D&quot;#WorkerGlobalScope-partial&quot;&gt;also has add=
itional members in a partial interface&lt;/a&gt;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-workerglobalscope-self title=3Ddom-Worke=
rGlobalScope-self&gt;&lt;code&gt;self&lt;/code&gt;&lt;/dfn&gt; attribute =
must return the
+  &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope&lt;/a=
&gt;&lt;/code&gt; object itself.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-workerglobalscope-location title=3Ddom-W=
orkerGlobalScope-location&gt;&lt;code&gt;location&lt;/code&gt;&lt;/dfn&gt=
; attribute must
+  return the &lt;code&gt;&lt;a href=3D#workerlocation&gt;WorkerLocation&=
lt;/a&gt;&lt;/code&gt; object created for the &lt;code&gt;&lt;a href=3D#w=
orkerglobalscope&gt;WorkerGlobalScope&lt;/a&gt;&lt;/code&gt;
+  object when the worker was created. It represents the &lt;a href=3D#ab=
solute-url&gt;absolute URL&lt;/a&gt; of the script that
+  was used to initialize the worker, after any redirects.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;When a script invokes the &lt;dfn id=3Ddom-workergl=
obalscope-close title=3Ddom-WorkerGlobalScope-close&gt;&lt;code&gt;close(=
)&lt;/code&gt;&lt;/dfn&gt;
+  method on a &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGloba=
lScope&lt;/a&gt;&lt;/code&gt; object, the user agent must run the followi=
ng steps
+  (atomically):&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Discard any &lt;a href=3D#concept-task ti=
tle=3Dconcept-task&gt;tasks&lt;/a&gt; that have been added to the
+   &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope&lt;/=
a&gt;&lt;/code&gt; object's &lt;a href=3D#event-loop&gt;event loop&lt;/a&=
gt;'s &lt;a href=3D#task-queue title=3D&quot;task queue&quot;&gt;task
+   queues&lt;/a&gt;.&lt;/p&gt;
+
+&lt;!-- v2-onclose (remember to specify the task source, too)
+   &lt;li&gt;&lt;p&gt;&lt;span&gt;Queue a task&lt;/span&gt; to &lt;span&=
gt;fire a simple event&lt;/span&gt; named &lt;code
+   title=3D&quot;event-worker-close&quot;&gt;close&lt;/code&gt; at the &=
lt;code&gt;WorkerGlobalScope&lt;/code&gt; object.&lt;/p&gt;&lt;/li&gt;
+--&gt;
+
+   &lt;li&gt;&lt;p&gt;Set the worker's &lt;code&gt;&lt;a href=3D#workerg=
lobalscope&gt;WorkerGlobalScope&lt;/a&gt;&lt;/code&gt; object's &lt;a hre=
f=3D#dom-workerglobalscope-closing title=3Ddom-WorkerGlobalScope-closing&=
gt;closing&lt;/a&gt; flag to true. (This prevents any further
+   tasks from being queued.)&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;The following are the &lt;a href=3D#even=
t-handlers&gt;event handlers&lt;/a&gt; (and their corresponding &lt;a hre=
f=3D#event-handler-event-type title=3D&quot;event
+  handler event type&quot;&gt;event handler event types&lt;/a&gt;) that =
must be supported, as &lt;a href=3D#event-handler-idl-attributes&gt;event=
 handler IDL attributes&lt;/a&gt;,
+  by objects implementing the &lt;code&gt;&lt;a href=3D#workerglobalscop=
e&gt;WorkerGlobalScope&lt;/a&gt;&lt;/code&gt; interface:&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;a href=3D#event-hand=
lers title=3D&quot;event handlers&quot;&gt;Event handler&lt;/a&gt; &lt;th=
&gt;&lt;a href=3D#event-handler-event-type&gt;Event handler event type&lt=
;/a&gt;
+   &lt;tbody&gt;&lt;!-- v2-onclose    &lt;tr&gt;&lt;td&gt;&lt;dfn title=3D=
&quot;handler-WorkerGlobalScope-onclose&quot;&gt;&lt;code&gt;onclose&lt;/=
code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code title=3D&quot;event-worker-close=
&quot;&gt;close&lt;/code&gt; --&gt;&lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandl=
er-workerglobalscope-onerror title=3Dhandler-WorkerGlobalScope-onerror&gt=
;&lt;code&gt;onerror&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code title=3D=
event-error&gt;error&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-workerglobalscope-onoffline=
 title=3Dhandler-WorkerGlobalScope-onoffline&gt;&lt;code&gt;onoffline&lt;=
/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code title=3Devent-offline&gt;&lt;a =
href=3D#event-offline&gt;offline&lt;/a&gt;&lt;/code&gt; &lt;!-- new --&gt=
;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-workerglobalscope-ononline =
title=3Dhandler-WorkerGlobalScope-ononline&gt;&lt;code&gt;ononline&lt;/co=
de&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code title=3Devent-online&gt;&lt;a href=
=3D#event-online&gt;online&lt;/a&gt;&lt;/code&gt; &lt;!-- new --&gt;
+  &lt;/table&gt;&lt;hr&gt;&lt;!--CLEANUP--&gt;&lt;p class=3Dnote&gt;For =
&lt;a href=3D#data-protocol title=3D&quot;data protocol&quot;&gt;&lt;code=
 title=3D&quot;&quot;&gt;data:&lt;/code&gt; URLs&lt;/a&gt;, this is
+  the &lt;a href=3D#origin&gt;origin&lt;/a&gt; specified by the &lt;a hr=
ef=3D#entry-settings-object&gt;entry settings object&lt;/a&gt; when the c=
onstructor was called. For
+  other &lt;a href=3D#url title=3DURL&gt;URLs&lt;/a&gt;, this is the &lt=
;a href=3D#origin&gt;origin&lt;/a&gt; of the value of the
+  &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt; given in the work=
er's &lt;code title=3Ddom-WorkerGlobalScope-location&gt;&lt;a href=3D#dom=
-workerglobalscope-location&gt;&lt;/a&gt;&lt;/code&gt; attribute.&lt;/p&g=
t;
+
+
+  &lt;h5 id=3Ddedicated-workers-and-the-dedicatedworkerglobalscope-inter=
face&gt;&lt;span class=3Dsecno&gt;10.2.1.2 &lt;/span&gt;Dedicated workers=
 and the &lt;code&gt;&lt;a href=3D#dedicatedworkerglobalscope&gt;Dedicate=
dWorkerGlobalScope&lt;/a&gt;&lt;/code&gt; interface&lt;/h5&gt;
+
+  &lt;pre class=3Didl&gt;[Global]
+/*sealed*/ interface &lt;dfn id=3Ddedicatedworkerglobalscope&gt;Dedicate=
dWorkerGlobalScope&lt;/dfn&gt; : &lt;a href=3D#workerglobalscope&gt;Worke=
rGlobalScope&lt;/a&gt; {
+  void &lt;a href=3D#dom-dedicatedworkerglobalscope-postmessage title=3D=
dom-DedicatedWorkerGlobalScope-postMessage&gt;postMessage&lt;/a&gt;(any m=
essage, optional sequence&amp;lt;&lt;a href=3D#transferable&gt;Transferab=
le&lt;/a&gt;&amp;gt; transfer);&lt;!--
+  &lt;span&gt;MessagePort&lt;/span&gt; &lt;span title=3D&quot;dom-Dedica=
tedWorkerGlobalScope-startConversation&quot;&gt;startConversation&lt;/spa=
n&gt;(any message);--&gt;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-dedicatedworkerglobalscope-onmessage title=3Dhand=
ler-DedicatedWorkerGlobalScope-onmessage&gt;onmessage&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#dedicatedworkerglobalscope&gt;D=
edicatedWorkerGlobalScope&lt;/a&gt;&lt;/code&gt; interface must only be &=
lt;a href=3D#exposed-to-javascript&gt;exposed to
+  JavaScript&lt;/a&gt; if the &lt;a href=3D#javascript-global-environmen=
t&gt;JavaScript global environment&lt;/a&gt; is a &lt;a href=3D#dedicated=
-worker-environment&gt;dedicated worker
+  environment&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;code&gt;&lt;a href=3D#dedicatedworkerglobalscope&gt;Dedic=
atedWorkerGlobalScope&lt;/a&gt;&lt;/code&gt; objects act as if they had a=
n implicit
+  &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/cod=
e&gt; associated with them. This port is part of a channel that is set up=
 when
+  the worker is created, but it is not exposed. This object must never b=
e garbage collected before
+  the &lt;code&gt;&lt;a href=3D#dedicatedworkerglobalscope&gt;DedicatedW=
orkerGlobalScope&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+  &lt;p&gt;All messages received by that port must immediately be retarg=
eted at the
+  &lt;code&gt;&lt;a href=3D#dedicatedworkerglobalscope&gt;DedicatedWorke=
rGlobalScope&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-dedicatedworkerglobalscope-postmessage t=
itle=3Ddom-DedicatedWorkerGlobalScope-postMessage&gt;&lt;code&gt;postMess=
age()&lt;/code&gt;&lt;/dfn&gt;
+  method on &lt;code&gt;&lt;a href=3D#dedicatedworkerglobalscope&gt;Dedi=
catedWorkerGlobalScope&lt;/a&gt;&lt;/code&gt; objects must act as if, whe=
n invoked, it
+  immediately invoked &lt;a href=3D#dom-messageport-postmessage title=3D=
dom-MessagePort-postMessage&gt;the method of the same name&lt;/a&gt;
+  on the port, with the same arguments, and returned the same return val=
ue.&lt;/p&gt;
+
+&lt;!--
+  &lt;p&gt;Similarly, the &lt;dfn
+  title=3D&quot;dom-DedicatedWorkerGlobalScope-startConversation&quot;&g=
t;&lt;code&gt;startConversation()&lt;/code&gt;&lt;/dfn&gt;
+  method on &lt;code&gt;DedicatedWorkerGlobalScope&lt;/code&gt; objects =
must act as if, when invoked, it
+  immediately invoked &lt;span title=3D&quot;dom-MessagePort-startConver=
sation&quot;&gt;the method of the same
+  name&lt;/span&gt; on the port, with the same arguments, and returned t=
he same return value.&lt;/p&gt;
+--&gt;
+
+  &lt;p&gt;The following are the &lt;a href=3D#event-handlers&gt;event h=
andlers&lt;/a&gt; (and their corresponding &lt;a href=3D#event-handler-ev=
ent-type title=3D&quot;event
+  handler event type&quot;&gt;event handler event types&lt;/a&gt;) that =
must be supported, as &lt;a href=3D#event-handler-idl-attributes&gt;event
+  handler IDL attributes&lt;/a&gt;, by objects implementing the &lt;code=
&gt;&lt;a href=3D#dedicatedworkerglobalscope&gt;DedicatedWorkerGlobalScop=
e&lt;/a&gt;&lt;/code&gt;
+  interface:&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;a href=3D#event-hand=
lers title=3D&quot;event handlers&quot;&gt;Event handler&lt;/a&gt; &lt;th=
&gt;&lt;a href=3D#event-handler-event-type&gt;Event handler event type&lt=
;/a&gt;
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-dedicatedworker=
globalscope-onmessage title=3Dhandler-DedicatedWorkerGlobalScope-onmessag=
e&gt;&lt;code&gt;onmessage&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code t=
itle=3Devent-message&gt;&lt;a href=3D#event-message&gt;message&lt;/a&gt;&=
lt;/code&gt;
+  &lt;/table&gt;&lt;p&gt;For the purposes of the &lt;a href=3D#applicati=
on-cache&gt;application cache&lt;/a&gt; networking model, a dedicated wor=
ker is
+  an extension of the &lt;a href=3D#cache-host&gt;cache host&lt;/a&gt; f=
rom which it was created.&lt;/p&gt;
+
+
+
+  &lt;h5 id=3Dshared-workers-and-the-sharedworkerglobalscope-interface&g=
t;&lt;span class=3Dsecno&gt;10.2.1.3 &lt;/span&gt;Shared workers and the =
&lt;code&gt;&lt;a href=3D#sharedworkerglobalscope&gt;SharedWorkerGlobalSc=
ope&lt;/a&gt;&lt;/code&gt; interface&lt;/h5&gt;
+
+  &lt;pre class=3Didl&gt;[Global]
+/*sealed*/ interface &lt;dfn id=3Dsharedworkerglobalscope&gt;SharedWorke=
rGlobalScope&lt;/dfn&gt; : &lt;a href=3D#workerglobalscope&gt;WorkerGloba=
lScope&lt;/a&gt; {
+  readonly attribute DOMString &lt;a href=3D#dom-sharedworkerglobalscope=
-name title=3Ddom-SharedWorkerGlobalScope-name&gt;name&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#applicationcache&gt;ApplicationCache&=
lt;/a&gt; &lt;a href=3D#dom-sharedworkerglobalscope-applicationcache titl=
e=3Ddom-SharedWorkerGlobalScope-applicationCache&gt;applicationCache&lt;/=
a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-sharedworkerglobalscope-onconnect title=3Dhandler=
-SharedWorkerGlobalScope-onconnect&gt;onconnect&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#sharedworkerglobalscope&gt;Shar=
edWorkerGlobalScope&lt;/a&gt;&lt;/code&gt; interface must only be &lt;a h=
ref=3D#exposed-to-javascript&gt;exposed to
+  JavaScript&lt;/a&gt; if the &lt;a href=3D#javascript-global-environmen=
t&gt;JavaScript global environment&lt;/a&gt; is a &lt;a href=3D#shared-wo=
rker-environment&gt;shared worker
+  environment&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Shared workers receive message ports through &lt;code title=3D=
event-WorkerGlobalScope-connect&gt;connect&lt;/code&gt; events on their &=
lt;code&gt;&lt;a href=3D#sharedworkerglobalscope&gt;SharedWorkerGlobalSco=
pe&lt;/a&gt;&lt;/code&gt; object for each
+  connection.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-sharedworkerglobalscope-name title=3Ddom=
-SharedWorkerGlobalScope-name&gt;&lt;code&gt;name&lt;/code&gt;&lt;/dfn&gt=
; attribute must return
+  the value it was assigned when the &lt;code&gt;&lt;a href=3D#sharedwor=
kerglobalscope&gt;SharedWorkerGlobalScope&lt;/a&gt;&lt;/code&gt; object w=
as created by the
+  &quot;&lt;a href=3D#run-a-worker&gt;run a worker&lt;/a&gt;&quot; algor=
ithm. Its value represents the name that can be used to obtain a
+  reference to the worker using the &lt;code&gt;&lt;a href=3D#sharedwork=
er&gt;SharedWorker&lt;/a&gt;&lt;/code&gt; constructor.&lt;/p&gt;
+
+  &lt;p&gt;The following are the &lt;a href=3D#event-handlers&gt;event h=
andlers&lt;/a&gt; (and their corresponding &lt;a href=3D#event-handler-ev=
ent-type title=3D&quot;event
+  handler event type&quot;&gt;event handler event types&lt;/a&gt;) that =
must be supported, as &lt;a href=3D#event-handler-idl-attributes&gt;event
+  handler IDL attributes&lt;/a&gt;, by objects implementing the &lt;code=
&gt;&lt;a href=3D#sharedworkerglobalscope&gt;SharedWorkerGlobalScope&lt;/=
a&gt;&lt;/code&gt;
+  interface:&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;a href=3D#event-hand=
lers title=3D&quot;event handlers&quot;&gt;Event handler&lt;/a&gt; &lt;th=
&gt;&lt;a href=3D#event-handler-event-type&gt;Event handler event type&lt=
;/a&gt;
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-sharedworkerglo=
balscope-onconnect title=3Dhandler-SharedWorkerGlobalScope-onconnect&gt;&=
lt;code&gt;onconnect&lt;/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code title=3D=
event-connect&gt;connect&lt;/code&gt;
+  &lt;/table&gt;&lt;p&gt;For the purposes of the &lt;a href=3D#applicati=
on-cache&gt;application cache&lt;/a&gt; networking model, a shared worker=
 is its
+  own &lt;a href=3D#cache-host&gt;cache host&lt;/a&gt;. The &lt;a href=3D=
#run-a-worker&gt;run a worker&lt;/a&gt; algorithm takes care of associati=
ng the
+  worker with an &lt;a href=3D#application-cache&gt;application cache&lt=
;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code title=3Ddom-SharedWorkerGlobalScope=
-applicationCache&gt;&lt;a href=3D#dom-sharedworkerglobalscope-applicatio=
ncache&gt;applicationCache&lt;/a&gt;&lt;/code&gt; attribute returns the
+  &lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCache&lt;/a&g=
t;&lt;/code&gt; object for the worker.&lt;/p&gt;&lt;!-- normative conf cr=
iteria is in the
+  appcache section --&gt;
+
+
+
+  &lt;h4 id=3Dthe-event-loop&gt;&lt;span class=3Dsecno&gt;10.2.2 &lt;/sp=
an&gt;The event loop&lt;/h4&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlo=
balScope&lt;/a&gt;&lt;/code&gt; object has a distinct &lt;a href=3D#event=
-loop&gt;event loop&lt;/a&gt;, separate
+  from those used by &lt;a href=3D#unit-of-related-similar-origin-browsi=
ng-contexts title=3D&quot;unit of related similar-origin browsing context=
s&quot;&gt;units of related
+  similar-origin browsing contexts&lt;/a&gt;. This &lt;a href=3D#event-l=
oop&gt;event loop&lt;/a&gt; has no associated
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;, and its =
&lt;a href=3D#task-queue title=3D&quot;task queue&quot;&gt;task queues&lt=
;/a&gt; only have
+  events, callbacks, and networking activity as &lt;a href=3D#concept-ta=
sk title=3Dconcept-task&gt;tasks&lt;/a&gt;. These &lt;a href=3D#event-loo=
p title=3D&quot;event loop&quot;&gt;event loops&lt;/a&gt; are created by =
the &lt;a href=3D#run-a-worker&gt;run a worker&lt;/a&gt; algorithm.&lt;/p=
&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlo=
balScope&lt;/a&gt;&lt;/code&gt; object also has a &lt;dfn id=3Ddom-worker=
globalscope-closing title=3Ddom-WorkerGlobalScope-closing&gt;closing&lt;/=
dfn&gt; flag, which must initially be false, but which
+  can get set to true by the algorithms in the processing model section =
below.&lt;/p&gt;
+
+  &lt;p&gt;Once the &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;Worke=
rGlobalScope&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#dom-workerglobalscope=
-closing title=3Ddom-WorkerGlobalScope-closing&gt;closing&lt;/a&gt; flag =
is set to true, the &lt;a href=3D#event-loop&gt;event
+  loop&lt;/a&gt;'s &lt;a href=3D#task-queue title=3D&quot;task queue&quo=
t;&gt;task queues&lt;/a&gt; must discard any further &lt;a href=3D#concep=
t-task title=3Dconcept-task&gt;tasks&lt;/a&gt; that would be added to the=
m (tasks already on the queue are
+  unaffected except where otherwise specified). Effectively, once the &l=
t;a href=3D#dom-workerglobalscope-closing title=3Ddom-WorkerGlobalScope-c=
losing&gt;closing&lt;/a&gt; flag is true, timers stop firing,
+  notifications for all pending asynchronous operations are dropped, etc=
.&lt;/p&gt;
+
+
+
+  &lt;h4 id=3D&quot;the-worker's-lifetime&quot;&gt;&lt;span class=3Dsecn=
o&gt;10.2.3 &lt;/span&gt;The worker's lifetime&lt;/h4&gt;
+
+  &lt;p&gt;Workers communicate with other workers and with &lt;a href=3D=
#browsing-context title=3D&quot;browsing context&quot;&gt;browsing
+  contexts&lt;/a&gt; through &lt;a href=3D#channel-messaging title=3D&qu=
ot;channel messaging&quot;&gt;message channels&lt;/a&gt; and their
+  &lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/cod=
e&gt; objects.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlo=
balScope&lt;/a&gt;&lt;/code&gt; &lt;var title=3D&quot;&quot;&gt;worker gl=
obal scope&lt;/var&gt; has a list of
+  &lt;dfn id=3D&quot;the-worker's-ports&quot;&gt;the worker's ports&lt;/=
dfn&gt;, which consists of all the &lt;code&gt;&lt;a href=3D#messageport&=
gt;MessagePort&lt;/a&gt;&lt;/code&gt; objects that are
+  entangled with another port and that have one (but only one) port owne=
d by &lt;var title=3D&quot;&quot;&gt;worker
+  global scope&lt;/var&gt;. This list includes &lt;!--all the &lt;code&g=
t;MessagePort&lt;/code&gt; objects that are in
+  events pending in the &lt;code&gt;WorkerGlobalScope&lt;/code&gt; objec=
t's &lt;span&gt;event loop&lt;/span&gt;, as well as
+  (commented out because in practice it makes no difference either way a=
s far as I can tell, and it
+  would be hard to strictly implement since these ports might not yet be=
 across the thread
+  boundary)--&gt; the implicit &lt;code&gt;&lt;a href=3D#messageport&gt;=
MessagePort&lt;/a&gt;&lt;/code&gt; in the case of &lt;a href=3D#dedicated=
workerglobalscope title=3DDedicatedWorkerGlobalScope&gt;dedicated workers=
&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlo=
balScope&lt;/a&gt;&lt;/code&gt; also has a list of &lt;dfn id=3D&quot;the=
-worker's-workers&quot;&gt;the worker's workers&lt;/dfn&gt;.
+  Initially this list is empty; it is populated when the worker creates =
or obtains further
+  workers.&lt;/p&gt;
+
+  &lt;p&gt;Finally, each &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;=
WorkerGlobalScope&lt;/a&gt;&lt;/code&gt; also has a list of &lt;dfn id=3D=
&quot;the-worker's-documents&quot;&gt;the worker's
+  &lt;code&gt;Document&lt;/code&gt;s&lt;/dfn&gt;. Initially this list is=
 empty; it is populated when the worker is
+  created.&lt;/p&gt;
+
+  &lt;p&gt;Whenever a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;=
/a&gt;&lt;/code&gt; &lt;var title=3D&quot;&quot;&gt;d&lt;/var&gt; is &lt;=
dfn id=3D&quot;add-a-document-to-the-worker's-documents&quot; title=3D&qu=
ot;add a document to the
+  worker's documents&quot;&gt;added to the worker's &lt;code&gt;Document=
&lt;/code&gt;s&lt;/dfn&gt;, the user agent must, for
+  each worker &lt;var title=3D&quot;&quot;&gt;q&lt;/var&gt; in the list =
of &lt;a href=3D&quot;#the-worker's-workers&quot;&gt;the worker's workers=
&lt;/a&gt; whose list of
+  &lt;a href=3D&quot;#the-worker's-documents&quot;&gt;the worker's &lt;c=
ode&gt;Document&lt;/code&gt;s&lt;/a&gt; does not contain &lt;var title=3D=
&quot;&quot;&gt;d&lt;/var&gt;, &lt;a href=3D&quot;#add-a-document-to-the-=
worker's-documents&quot; title=3D&quot;add a document to the worker's doc=
uments&quot;&gt;add &lt;var title=3D&quot;&quot;&gt;d&lt;/var&gt; to &lt;=
var title=3D&quot;&quot;&gt;q&lt;/var&gt;'s &lt;code&gt;WorkerGlobalScope=
&lt;/code&gt; owner's list of &lt;span&gt;the worker's
+  &lt;code&gt;Document&lt;/code&gt;s&lt;/span&gt;&lt;/a&gt;.&lt;/p&gt; &=
lt;!-- suggestions welcome on making this sentence into
+  understandable English --&gt;
+
+  &lt;p&gt;Whenever a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;=
/a&gt;&lt;/code&gt; object is &lt;a href=3D#discard-a-document title=3D&q=
uot;discard a Document&quot;&gt;discarded&lt;/a&gt;,
+  it must be removed from the list of &lt;a href=3D&quot;#the-worker's-d=
ocuments&quot;&gt;the worker's &lt;code&gt;Document&lt;/code&gt;s&lt;/a&g=
t; of each
+  worker whose list contains that &lt;code&gt;&lt;a href=3D#document&gt;=
Document&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;Given a &lt;a href=3D#settings-object&gt;settings object&lt;/=
a&gt; &lt;var title=3D&quot;&quot;&gt;o&lt;/var&gt; when creating or obta=
ining a
+  worker, the &lt;dfn id=3Dlist-of-relevant-document-objects-to-add&gt;l=
ist of relevant &lt;code&gt;Document&lt;/code&gt; objects to add&lt;/dfn&=
gt; depends on the type
+  of &lt;a href=3D#global-object&gt;global object&lt;/a&gt; specified by=
 &lt;var title=3D&quot;&quot;&gt;o&lt;/var&gt;'s. If &lt;var title=3D&quo=
t;&quot;&gt;o&lt;/var&gt;
+  specifies a &lt;a href=3D#global-object&gt;global object&lt;/a&gt; tha=
t is a &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope&l=
t;/a&gt;&lt;/code&gt; object
+  (i.e. if we are creating a nested worker), then the relevant &lt;code&=
gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;s are the
+  &lt;a href=3D&quot;#the-worker's-documents&quot;&gt;the worker's &lt;c=
ode&gt;Document&lt;/code&gt;s&lt;/a&gt; of the &lt;a href=3D#global-objec=
t&gt;global object&lt;/a&gt; specified by
+  &lt;var title=3D&quot;&quot;&gt;o&lt;/var&gt;. Otherwise, &lt;var titl=
e=3D&quot;&quot;&gt;o&lt;/var&gt; specifies a &lt;a href=3D#global-object=
&gt;global object&lt;/a&gt; that is a &lt;code&gt;&lt;a href=3D#window&gt=
;Window&lt;/a&gt;&lt;/code&gt; object,
+  and the relevant &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&=
gt;&lt;/code&gt; is just the &lt;a href=3D#responsible-document&gt;respon=
sible document&lt;/a&gt; specified by &lt;var title=3D&quot;&quot;&gt;o&l=
t;/var&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;A worker is said to be a &lt;dfn id=3Dpermissible-w=
orker&gt;permissible worker&lt;/dfn&gt; if its list of &lt;a href=3D&quot=
;#the-worker's-documents&quot;&gt;the worker's
+  &lt;code&gt;Document&lt;/code&gt;s&lt;/a&gt; is not empty.&lt;/p&gt;
+
+  &lt;p&gt;A worker is said to be a &lt;dfn id=3Dprotected-worker&gt;pro=
tected worker&lt;/dfn&gt; if it is a &lt;a href=3D#permissible-worker&gt;=
permissible worker&lt;/a&gt;
+  and either it has outstanding timers, database transactions, or networ=
k connections, or its list
+  of &lt;a href=3D&quot;#the-worker's-ports&quot;&gt;the worker's ports&=
lt;/a&gt; is not empty, or its &lt;code&gt;&lt;a href=3D#workerglobalscop=
e&gt;WorkerGlobalScope&lt;/a&gt;&lt;/code&gt; is actually
+  a &lt;code&gt;&lt;a href=3D#sharedworkerglobalscope&gt;SharedWorkerGlo=
balScope&lt;/a&gt;&lt;/code&gt; object (i.e. the worker is a shared worke=
r).&lt;/p&gt;
+
+  &lt;p&gt;A worker is said to be an &lt;dfn id=3Dactive-needed-worker&g=
t;active needed worker&lt;/dfn&gt; if any of the &lt;code&gt;&lt;a href=3D=
#document&gt;Document&lt;/a&gt;&lt;/code&gt;
+  objects in &lt;a href=3D&quot;#the-worker's-documents&quot;&gt;the wor=
ker's &lt;code&gt;Document&lt;/code&gt;s&lt;/a&gt; are &lt;a href=3D#full=
y-active&gt;fully active&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;A worker is said to be a &lt;dfn id=3Dsuspendable-worker&gt;s=
uspendable worker&lt;/dfn&gt; if it is not an &lt;a href=3D#active-needed=
-worker&gt;active needed
+  worker&lt;/a&gt; but it is a &lt;a href=3D#permissible-worker&gt;permi=
ssible worker&lt;/a&gt;.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dprocessing-model-7&gt;&lt;span class=3Dsecno&gt;10.2.4 &lt=
;/span&gt;Processing model&lt;/h4&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;p&gt;When a user agent is to &lt;dfn id=3Drun-a-worker&gt;run a wo=
rker&lt;/dfn&gt; for a script with &lt;a href=3D#url&gt;URL&lt;/a&gt; &lt=
;var title=3D&quot;&quot;&gt;url&lt;/var&gt; and a &lt;a href=3D#script-s=
ettings-object&gt;script settings object&lt;/a&gt; &lt;var title=3D&quot;=
&quot;&gt;settings object&lt;/var&gt;, it
+  must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li id=3Dworker-processing-model-top&gt;
+
+    &lt;p&gt;Create a separate parallel execution environment (i.e. a se=
parate thread or process or
+    equivalent construct), and run the rest of these steps asynchronousl=
y in that context.&lt;/p&gt;
+
+    &lt;p&gt;For the purposes of timing APIs, this is the &lt;dfn id=3Do=
fficial-moment-of-creation&gt;official moment of creation&lt;/dfn&gt; of =
the
+    worker.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;worker global =
scope&lt;/var&gt; be the &lt;a href=3D#global-object&gt;global object&lt;=
/a&gt; specified
+   by &lt;var title=3D&quot;&quot;&gt;settings object&lt;/var&gt;.&lt;/l=
i&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;worker global s=
cope&lt;/var&gt; is actually a
+   &lt;code&gt;&lt;a href=3D#sharedworkerglobalscope&gt;SharedWorkerGlob=
alScope&lt;/a&gt;&lt;/code&gt; object (i.e. the worker is a shared worker=
), and there are
+   any &lt;a href=3D#relevant-application-cache title=3D&quot;relevant a=
pplication cache&quot;&gt;relevant application caches&lt;/a&gt; that are
+   identified by a manifest URL with the &lt;a href=3D#same-origin&gt;sa=
me origin&lt;/a&gt; as &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt; an=
d
+   that have &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt; as one of t=
heir entries, &lt;em&gt;not&lt;/em&gt; excluding entries marked
+   as &lt;a href=3D#concept-appcache-foreign title=3Dconcept-appcache-fo=
reign&gt;foreign&lt;/a&gt;, then associate the &lt;var title=3D&quot;&quo=
t;&gt;worker
+   global scope&lt;/var&gt; with the &lt;a href=3D#concept-appcache-sele=
ction title=3Dconcept-appcache-selection&gt;most appropriate application
+   cache&lt;/a&gt; of those that match.&lt;/li&gt;
+
+   &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;Attempt to &lt;a href=3D#fetch&gt;fetch&lt;/a&gt;&lt;!--FET=
CH--&gt; the resource identified by &lt;var title=3D&quot;&quot;&gt;url&l=
t;/var&gt;,
+    from the &lt;a href=3D#origin&gt;origin&lt;/a&gt; specified
+    by &lt;var title=3D&quot;&quot;&gt;settings object&lt;/var&gt;, usin=
g the &lt;a href=3D#responsible-document&gt;responsible document&lt;/a&gt=
; specified by &lt;var title=3D&quot;&quot;&gt;settings object&lt;/var&gt=
; as the
+    &lt;a href=3D#referrer-source&gt;referrer source&lt;/a&gt; (not the =
specified &lt;a href=3D#api-referrer-source&gt;API referrer source&lt;/a&=
gt;!), and with the &lt;i&gt;synchronous flag&lt;/i&gt; set and the &lt;i=
&gt;force same-origin
+    flag&lt;/i&gt; set.&lt;/p&gt; &lt;!-- not http-origin privacy sensit=
ive (looking forward to CORS) --&gt;
+
+    &lt;p&gt;If the attempt fails, then for each &lt;code&gt;&lt;a href=3D=
#worker&gt;Worker&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#sha=
redworker&gt;SharedWorker&lt;/a&gt;&lt;/code&gt; object
+    associated with &lt;var title=3D&quot;&quot;&gt;worker global scope&=
lt;/var&gt;, &lt;a href=3D#queue-a-task&gt;queue a task&lt;/a&gt; to &lt;=
a href=3D#fire-a-simple-event&gt;fire
+    a simple event&lt;/a&gt; named &lt;code title=3Devent-error&gt;error=
&lt;/code&gt; at that object. Abort these
+    steps.&lt;/p&gt;
+
+    &lt;p&gt;If the attempt succeeds, then let &lt;var title=3D&quot;&qu=
ot;&gt;source&lt;/var&gt; be the result of running the
+    &lt;a href=3D#utf-8-decode&gt;UTF-8 decode&lt;/a&gt; algorithm on th=
e script resource.&lt;/p&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;language&lt;/var&gt; be=
 JavaScript.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;As with &lt;code&gt;&lt;a href=3D#the-script-e=
lement&gt;script&lt;/a&gt;&lt;/code&gt; elements, the MIME type of the sc=
ript is ignored.
+    Unlike with &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&l=
t;/a&gt;&lt;/code&gt; elements, there is no way to override the type. It'=
s always
+    assumed to be JavaScript.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;In the newly created execution environment, create=
 a &lt;a href=3D#javascript-global-environment&gt;JavaScript global
+   environment&lt;/a&gt; whose &lt;i&gt;&lt;a href=3D#global-object&gt;g=
lobal object&lt;/a&gt;&lt;/i&gt; is &lt;var title=3D&quot;&quot;&gt;worke=
r global scope&lt;/var&gt;. If &lt;var title=3D&quot;&quot;&gt;worker glo=
bal scope&lt;/var&gt; is a &lt;code&gt;&lt;a href=3D#dedicatedworkergloba=
lscope&gt;DedicatedWorkerGlobalScope&lt;/a&gt;&lt;/code&gt; object, then =
this
+   is a &lt;a href=3D#dedicated-worker-environment&gt;dedicated worker e=
nvironment&lt;/a&gt;. Otherwise, &lt;var title=3D&quot;&quot;&gt;worker g=
lobal
+   scope&lt;/var&gt; is a &lt;code&gt;&lt;a href=3D#sharedworkerglobalsc=
ope&gt;SharedWorkerGlobalScope&lt;/a&gt;&lt;/code&gt; object, and this is=
 a &lt;a href=3D#shared-worker-environment&gt;shared worker
+   environment&lt;/a&gt;. (In either case, by definition, it is a &lt;a =
href=3D#worker-environment&gt;worker
+   environment&lt;/a&gt;.)&lt;/li&gt;
+
+   &lt;li&gt;&lt;!-- SCRIPT EXEC --&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;script&lt;/var&gt; be a=
 new &lt;a href=3D#concept-script title=3Dconcept-script&gt;script&lt;/a&=
gt;.&lt;/p&gt;
+
+    &lt;p&gt;Obtain the appropriate &lt;a href=3D#script-execution-envir=
onment&gt;script execution environment&lt;/a&gt; for the scripting langua=
ge
+    &lt;var title=3D&quot;&quot;&gt;language&lt;/var&gt; from &lt;var ti=
tle=3D&quot;&quot;&gt;settings object&lt;/var&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Parse/compile/initialize &lt;var title=3D&quot;&quot;&gt;so=
urce&lt;/var&gt; using that &lt;a href=3D#script-execution-environment&gt=
;script execution
+    environment&lt;/a&gt;, as appropriate for &lt;var title=3D&quot;&quo=
t;&gt;language&lt;/var&gt;, and thus obtain a
+    &lt;a href=3D#code-entry-point&gt;code entry-point&lt;/a&gt;.&lt;/p&=
gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;script&lt;/var&gt;'s &l=
t;a href=3D#settings-object&gt;settings object&lt;/a&gt; be &lt;var title=
=3D&quot;&quot;&gt;settings
+    object&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;strong&gt;Closing orphan workers&lt;/strong&gt;: Start =
monitoring the worker such that no sooner than
+    it stops being either a &lt;a href=3D#protected-worker&gt;protected =
worker&lt;/a&gt; or a &lt;a href=3D#suspendable-worker&gt;suspendable wor=
ker&lt;/a&gt;, and
+    no later than it stops being a &lt;a href=3D#permissible-worker&gt;p=
ermissible worker&lt;/a&gt;, &lt;var title=3D&quot;&quot;&gt;worker globa=
l
+    scope&lt;/var&gt;'s &lt;a href=3D#dom-workerglobalscope-closing titl=
e=3Ddom-WorkerGlobalScope-closing&gt;closing&lt;/a&gt; flag is set to tru=
e&lt;!--
+    v2-onclose and &lt;span title=3D&quot;queue a task&quot;&gt;a task i=
s queued&lt;/span&gt; to &lt;span&gt;fire a simple
+    event&lt;/span&gt; named &lt;code title=3D&quot;event-worker-close&q=
uot;&gt;close&lt;/code&gt; at &lt;var title=3D&quot;&quot;&gt;worker glob=
al
+    scope&lt;/var&gt;--&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;strong&gt;Suspending workers&lt;/strong&gt;: Start moni=
toring the worker, such that whenever &lt;var title=3D&quot;&quot;&gt;wor=
ker global scope&lt;/var&gt;'s &lt;a href=3D#dom-workerglobalscope-closin=
g title=3Ddom-WorkerGlobalScope-closing&gt;closing&lt;/a&gt;
+    flag is false and the worker is a &lt;a href=3D#suspendable-worker&g=
t;suspendable worker&lt;/a&gt;, the user agent suspends
+    execution of script in that worker until such time as either the &lt=
;a href=3D#dom-workerglobalscope-closing title=3Ddom-WorkerGlobalScope-cl=
osing&gt;closing&lt;/a&gt; flag switches to true or the worker stops
+    being a &lt;a href=3D#suspendable-worker&gt;suspendable worker&lt;/a=
&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#jump-to-a-code-entry-point title=3D&quot;jump=
 to a code entry-point&quot;&gt;Jump&lt;/a&gt; to the &lt;a href=3D#conce=
pt-script title=3Dconcept-script&gt;script&lt;/a&gt;'s &lt;a href=3D#code=
-entry-point&gt;code entry-point&lt;/a&gt;, and let that run until
+    it either returns, fails to catch an exception, or gets prematurely =
aborted by the &quot;&lt;a href=3D#kill-a-worker&gt;kill a
+    worker&lt;/a&gt;&quot; or &quot;&lt;a href=3D#terminate-a-worker&gt;=
terminate a worker&lt;/a&gt;&quot; algorithms defined below.&lt;/p&gt;
+
+&lt;!-- v2-onclose
+    &lt;p class=3D&quot;note&quot;&gt;If the script gets aborted by the =
&quot;&lt;span&gt;kill a worker&lt;/span&gt;&quot; algorithm, then
+    that same algorithm will cause there to only be a single &lt;span ti=
tle=3D&quot;concept-task&quot;&gt;task&lt;/span&gt;
+    in the &lt;code&gt;WorkerGlobalScope&lt;/code&gt; object's &lt;span&=
gt;event loop&lt;/span&gt; at the next step, namely
+    the task for the &lt;code title=3D&quot;message-close&quot;&gt;close=
&lt;/code&gt; event. The &quot;&lt;span&gt;terminate a
+    worker&lt;/span&gt;&quot; algorithm removes all the events.&lt;/p&gt=
;
+--&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;worker global s=
cope&lt;/var&gt; is actually a
+   &lt;code&gt;&lt;a href=3D#dedicatedworkerglobalscope&gt;DedicatedWork=
erGlobalScope&lt;/a&gt;&lt;/code&gt; object (i.e. the worker is a dedicat=
ed worker), then
+   enable the &lt;a href=3D#port-message-queue&gt;port message queue&lt;=
/a&gt; of the worker's implicit port.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;strong&gt;&lt;a href=3D#event-loop&gt;Event loop&lt;!--=
 labeled for ease of discussion --&gt;&lt;/a&gt;&lt;/strong&gt;: Run the =
&lt;a href=3D#responsible-event-loop&gt;responsible
+    event loop&lt;/a&gt; specified by &lt;var title=3D&quot;&quot;&gt;se=
ttings object&lt;/var&gt; until it is destroyed.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The handling of events or the execution of cal=
lbacks by &lt;a href=3D#concept-task title=3Dconcept-task&gt;tasks&lt;/a&=
gt; run by the &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; might get=
 prematurely
+    aborted by the &quot;&lt;a href=3D#kill-a-worker&gt;kill a worker&lt=
;/a&gt;&quot; or &quot;&lt;a href=3D#terminate-a-worker&gt;terminate a wo=
rker&lt;/a&gt;&quot; algorithms
+    defined below.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The worker processing model remains on this st=
ep until the event loop is
+    destroyed, which happens after the &lt;a href=3D#dom-workerglobalsco=
pe-closing title=3Ddom-WorkerGlobalScope-closing&gt;closing&lt;/a&gt;
+    flag is set to true, as described in the &lt;a href=3D#event-loop&gt=
;event loop&lt;/a&gt; processing model.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Empty the &lt;var title=3D&quot;&quot;&gt;worker global sco=
pe&lt;/var&gt;'s &lt;a href=3D#list-of-active-timers&gt;list of active ti=
mers&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Disentangle all the ports in the list of &lt;a href=3D&quot=
;#the-worker's-ports&quot;&gt;the worker's ports&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+&lt;!-- v2-onclose
+   &lt;li&gt;
+
+    &lt;p&gt;For each &lt;code&gt;Worker&lt;/code&gt; or &lt;code&gt;Sha=
redWorker&lt;/code&gt; object associated with &lt;var
+    title=3D&quot;&quot;&gt;worker global scope&lt;/var&gt;, &lt;span&gt=
;queue a task&lt;/span&gt; to &lt;span&gt;fire a simple
+    event&lt;/span&gt; named &lt;code title=3D&quot;event-worker-close&q=
uot;&gt;close&lt;/code&gt; at that object.&lt;/p&gt;
+
+   &lt;/li&gt;
+--&gt;
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;When a user agent is to &lt;dfn id=3Dkil=
l-a-worker&gt;kill a worker&lt;/dfn&gt; it must run the following steps i=
n parallel
+  with the worker's main loop (the &quot;&lt;a href=3D#run-a-worker&gt;r=
un a worker&lt;/a&gt;&quot; processing model defined above):&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!-- v2-onclose
+   &lt;li&gt;&lt;p&gt;If the worker's &lt;code&gt;WorkerGlobalScope&lt;/=
code&gt; object's &lt;span
+   title=3D&quot;dom-WorkerGlobalScope-closing&quot;&gt;closing&lt;/span=
&gt; flag is false, &lt;span&gt;queue a task&lt;/span&gt; to
+   &lt;span&gt;fire a simple event&lt;/span&gt; named &lt;code title=3D&=
quot;event-worker-close&quot;&gt;close&lt;/code&gt; at the
+   worker's &lt;code&gt;WorkerGlobalScope&lt;/code&gt; object.&lt;/p&gt;=
&lt;/li&gt;
+--&gt;&lt;li&gt;&lt;p&gt;Set the worker's &lt;code&gt;&lt;a href=3D#work=
erglobalscope&gt;WorkerGlobalScope&lt;/a&gt;&lt;/code&gt; object's &lt;a =
href=3D#dom-workerglobalscope-closing title=3Ddom-WorkerGlobalScope-closi=
ng&gt;closing&lt;/a&gt; flag to true.&lt;/li&gt;
+
+&lt;!-- v2-onclose
+   &lt;li&gt;&lt;p&gt;Wait a user-agent-defined amount of time. If the &=
quot;&lt;span&gt;run a worker&lt;/span&gt;&quot; processing
+   model defined above immediately starts running event listeners regist=
ered for the &lt;code
+   title=3D&quot;event-worker-close&quot;&gt;close&lt;/code&gt; event, t=
his time should not be zero &amp;mdash; the idea is
+   that the &lt;code title=3D&quot;event-worker-close&quot;&gt;close&lt;=
/code&gt; event can be used to clean up when
+   shutting down unexpectedly.&lt;/p&gt;&lt;/li&gt;
+--&gt;
+
+   &lt;li&gt;&lt;p&gt;If there are any &lt;a href=3D#concept-task title=3D=
concept-task&gt;tasks&lt;/a&gt; queued in the
+   &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope&lt;/=
a&gt;&lt;/code&gt; object's &lt;a href=3D#event-loop&gt;event loop&lt;/a&=
gt;'s &lt;a href=3D#task-queue title=3D&quot;task queue&quot;&gt;task
+   queues&lt;/a&gt;&lt;!-- v2-onclose other than the &lt;code title=3D&q=
uot;event-worker-close&quot;&gt;close&lt;/code&gt; event
+   that this algorithm just added--&gt;, discard them without processing=
 them.&lt;/li&gt;
+
+&lt;!-- v2-onclose
+   &lt;li&gt;&lt;p&gt;If the &lt;code title=3D&quot;event-worker-close&q=
uot;&gt;close&lt;/code&gt; event that this algorithm just queued
+   hasn't yet been dispatched, then abort the script currently running i=
n the worker.&lt;/p&gt;&lt;/li&gt;
+--&gt;
+
+   &lt;li&gt;&lt;p&gt;Wait a user-agent-defined amount of time.&lt;/li&g=
t;
+
+   &lt;li&gt;&lt;p&gt;Abort the script currently running in the worker&l=
t;!-- v2-onclose (if any script is running,
+   then it will be a handler for the &lt;code title=3D&quot;event-worker=
-close&quot;&gt;close&lt;/code&gt;
+   event)--&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;User agents may invoke the &quot;&lt;a href=3D#kil=
l-a-worker&gt;kill a worker&lt;/a&gt;&quot; processing model on a worker =
at any
+  time, e.g. in response to user requests, in response to CPU quota mana=
gement, or when a worker
+  stops being an &lt;a href=3D#active-needed-worker&gt;active needed wor=
ker&lt;/a&gt; if the worker continues executing even after its
+  &lt;a href=3D#dom-workerglobalscope-closing title=3Ddom-WorkerGlobalSc=
ope-closing&gt;closing&lt;/a&gt; flag was set to true.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;When a user agent is to &lt;dfn id=3Dterminate-a-wo=
rker&gt;terminate a worker&lt;/dfn&gt; it must run the following steps in
+  parallel with the worker's main loop (the &quot;&lt;a href=3D#run-a-wo=
rker&gt;run a worker&lt;/a&gt;&quot; processing model defined
+  above):&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Set the worker's &lt;code&gt;&lt;a href=3D=
#workerglobalscope&gt;WorkerGlobalScope&lt;/a&gt;&lt;/code&gt; object's &=
lt;a href=3D#dom-workerglobalscope-closing title=3Ddom-WorkerGlobalScope-=
closing&gt;closing&lt;/a&gt; flag to true.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If there are any &lt;a href=3D#concept-task title=3D=
concept-task&gt;tasks&lt;/a&gt; queued in the
+   &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope&lt;/=
a&gt;&lt;/code&gt; object's &lt;a href=3D#event-loop&gt;event loop&lt;/a&=
gt;'s &lt;a href=3D#task-queue title=3D&quot;task queue&quot;&gt;task
+   queues&lt;/a&gt;, discard them without processing them.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Abort the script currently running in the worker.&=
lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the worker's &lt;code&gt;&lt;a href=3D#workergl=
obalscope&gt;WorkerGlobalScope&lt;/a&gt;&lt;/code&gt; object is actually =
a
+   &lt;code&gt;&lt;a href=3D#dedicatedworkerglobalscope&gt;DedicatedWork=
erGlobalScope&lt;/a&gt;&lt;/code&gt; object (i.e. the worker is a dedicat=
ed worker), then
+   empty the &lt;a href=3D#port-message-queue&gt;port message queue&lt;/=
a&gt; of the port that the worker's implicit port is
+   entangled with.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;The &lt;a href=3D#task-source&gt;task so=
urce&lt;/a&gt; for the tasks mentioned above is the &lt;a href=3D#dom-man=
ipulation-task-source&gt;DOM manipulation task
+  source&lt;/a&gt;.&lt;/p&gt;
+
+
+  &lt;h4 id=3Druntime-script-errors-0&gt;&lt;span class=3Dsecno&gt;10.2.=
5 &lt;/span&gt;Runtime script errors&lt;/h4&gt;
+
+  &lt;p&gt;Whenever an uncaught runtime script error occurs in one of th=
e worker's scripts, if the error
+  did not occur while handling a previous script error, the user agent m=
ust &lt;a href=3D#report-the-error&gt;report the
+  error&lt;/a&gt; for that &lt;a href=3D#concept-script title=3Dconcept-=
script&gt;script&lt;/a&gt;, with the position (line number
+  and column number) where the error occurred, using the &lt;code&gt;&lt=
;a href=3D#workerglobalscope&gt;WorkerGlobalScope&lt;/a&gt;&lt;/code&gt; =
object as the target.
+  &lt;/p&gt;
+
+  &lt;p&gt;For shared workers, if the error is still &lt;i title=3Dconce=
pt-error-nothandled&gt;&lt;a href=3D#concept-error-nothandled&gt;not hand=
led&lt;/a&gt;&lt;/i&gt;
+  afterwards, the error may be reported to the user.
+  &lt;/p&gt;
+
+  &lt;p&gt;For dedicated workers, if the error is still &lt;i title=3Dco=
ncept-error-nothandled&gt;&lt;a href=3D#concept-error-nothandled&gt;not
+  handled&lt;/a&gt;&lt;/i&gt; afterwards, the user
+  agent must &lt;a href=3D#queue-a-task&gt;queue a task&lt;/a&gt; to &lt=
;a href=3D#concept-event-fire title=3Dconcept-event-fire&gt;fire&lt;/a&gt=
; a &lt;a href=3D#concept-events-trusted title=3Dconcept-events-trusted&g=
t;trusted&lt;/a&gt; event that uses the &lt;code&gt;&lt;a href=3D#errorev=
ent&gt;ErrorEvent&lt;/a&gt;&lt;/code&gt;
+  interface, with the name &lt;code title=3Devent-error&gt;error&lt;/cod=
e&gt;, that doesn't bubble and is
+  cancelable, with its &lt;code title=3Ddom-ErrorEvent-message&gt;&lt;a =
href=3D#dom-errorevent-message&gt;message&lt;/a&gt;&lt;/code&gt;, &lt;cod=
e title=3Ddom-ErrorEvent-filename&gt;&lt;a href=3D#dom-errorevent-filenam=
e&gt;filename&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-ErrorEvent-lin=
eno&gt;&lt;a href=3D#dom-errorevent-lineno&gt;lineno&lt;/a&gt;&lt;/code&g=
t;, &lt;code title=3Ddom-ErrorEvent-colno&gt;&lt;a href=3D#dom-errorevent=
-colno&gt;colno&lt;/a&gt;&lt;/code&gt;,
+  attributes initialized appropriately,
+  and with the &lt;code title=3Ddom-ErrorEvent-error&gt;&lt;a href=3D#do=
m-errorevent-error&gt;error&lt;/a&gt;&lt;/code&gt; attribute initialized =
to null,
+  at the &lt;code&gt;&lt;a href=3D#worker&gt;Worker&lt;/a&gt;&lt;/code&g=
t; object associated with the
+  worker. If the event is not canceled, the user agent must act as if th=
e uncaught runtime script
+  error had occurred in the global scope that the &lt;code&gt;&lt;a href=
=3D#worker&gt;Worker&lt;/a&gt;&lt;/code&gt; object is in, thus repeating
+  the entire runtime script error reporting process one level up.&lt;/p&=
gt;
+
+  &lt;p&gt;If the implicit port connecting the worker to its &lt;code&gt=
;&lt;a href=3D#worker&gt;Worker&lt;/a&gt;&lt;/code&gt; object has been
+  disentangled (i.e. if the parent worker has been terminated), then the=
 user agent must act as if
+  the &lt;code&gt;&lt;a href=3D#worker&gt;Worker&lt;/a&gt;&lt;/code&gt; =
object had no &lt;code title=3Devent-error&gt;error&lt;/code&gt; event ha=
ndler and as
+  if that worker's &lt;code title=3Dhandler-WorkerGlobalScope-onerror&gt=
;&lt;a href=3D#handler-workerglobalscope-onerror&gt;onerror&lt;/a&gt;&lt;=
/code&gt; attribute was
+  null, but must otherwise act as described above.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Thus, error reports propagate up to the chain of=
 dedicated workers up to the
+  original &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/=
code&gt;, even if some of the workers along this chain have been terminat=
ed
+  and garbage collected.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#task-source&gt;task source&lt;/a&gt; for th=
e task mentioned above is the &lt;a href=3D#dom-manipulation-task-source&=
gt;DOM manipulation task
+  source&lt;/a&gt;.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dcreating-workers&gt;&lt;span class=3Dsecno&gt;10.2.6 &lt;/=
span&gt;Creating workers&lt;/h4&gt;
+
+  &lt;h5 id=3Dthe-abstractworker-abstract-interface&gt;&lt;span class=3D=
secno&gt;10.2.6.1 &lt;/span&gt;The &lt;code&gt;&lt;a href=3D#abstractwork=
er&gt;AbstractWorker&lt;/a&gt;&lt;/code&gt; abstract interface&lt;/h5&gt;
+
+  &lt;pre class=3Didl&gt;[NoInterfaceObject]
+interface &lt;dfn id=3Dabstractworker&gt;AbstractWorker&lt;/dfn&gt; {
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-abstractworker-onerror title=3Dhandler-AbstractWo=
rker-onerror&gt;onerror&lt;/a&gt;;
+&lt;!-- v2-onclose           attribute &lt;span&gt;EventHandler&lt;/span=
&gt; &lt;span title=3D&quot;handler-AbstractWorker-onclose&quot;&gt;onclo=
se&lt;/span&gt;; --&gt;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The following are the &lt;a href=3D#event-handlers&gt;event h=
andlers&lt;/a&gt; (and their
+  corresponding &lt;a href=3D#event-handler-event-type title=3D&quot;eve=
nt handler event type&quot;&gt;event handler
+  event types&lt;/a&gt;) that must be supported, as &lt;a href=3D#event-=
handler-idl-attributes&gt;event handler IDL attributes&lt;/a&gt;, by
+  objects implementing the &lt;code&gt;&lt;a href=3D#abstractworker&gt;A=
bstractWorker&lt;/a&gt;&lt;/code&gt; interface:&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;a href=3D#event-hand=
lers title=3D&quot;event handlers&quot;&gt;Event handler&lt;/a&gt; &lt;th=
&gt;&lt;a href=3D#event-handler-event-type&gt;Event handler event type&lt=
;/a&gt;
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-abstractworker-=
onerror title=3Dhandler-AbstractWorker-onerror&gt;&lt;code&gt;onerror&lt;=
/code&gt;&lt;/dfn&gt; &lt;td&gt; &lt;code title=3Devent-error&gt;error&lt=
;/code&gt;
+&lt;!-- v2-onclose    &lt;tr&gt;&lt;td&gt;&lt;dfn title=3D&quot;handler-=
AbstractWorker-onclose&quot;&gt;&lt;code&gt;onclose&lt;/code&gt;&lt;/dfn&=
gt; &lt;td&gt; &lt;code title=3D&quot;event-worker-close&quot;&gt;close&l=
t;/code&gt; --&gt;
+  &lt;/table&gt;&lt;h5 id=3Dscript-settings-for-workers&gt;&lt;span clas=
s=3Dsecno&gt;10.2.6.2 &lt;/span&gt;Script settings for workers&lt;/h5&gt;
+
+  &lt;p&gt;When the user agent is required to &lt;dfn id=3Dset-up-a-work=
er-script-settings-object&gt;set up a worker script settings object&lt;/d=
fn&gt;, given a
+  &lt;var title=3D&quot;&quot;&gt;worker global scope&lt;/var&gt;, it mu=
st run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!--CLEANUP--&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&=
quot;&quot;&gt;inherited responsible browsing context&lt;/var&gt; be the =
&lt;a href=3D#responsible-browsing-context&gt;responsible
+   browsing context&lt;/a&gt; specified by the &lt;a href=3D#incumbent-s=
ettings-object&gt;incumbent settings
+   object&lt;/a&gt;.&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;inherited resp=
onsible document&lt;/var&gt; be the &lt;a href=3D#responsible-document&gt=
;responsible
+   document&lt;/a&gt; specified by the &lt;a href=3D#incumbent-settings-=
object&gt;incumbent settings
+   object&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;inherited orig=
in&lt;/var&gt; be the &lt;a href=3D#origin&gt;origin&lt;/a&gt; specified =
by the
+   &lt;a href=3D#incumbent-settings-object&gt;incumbent settings object&=
lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;worker event l=
oop&lt;/var&gt; be a newly created &lt;a href=3D#event-loop&gt;event
+   loop&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;settings object&lt;/var=
&gt; be a new &lt;a href=3D#script-settings-object&gt;script settings obj=
ect&lt;/a&gt; whose
+    algorithms are defined as follows:&lt;/p&gt;
+
+    &lt;dl&gt;&lt;dt&gt;The &lt;a href=3D#script-execution-environment t=
itle=3D&quot;script execution environment&quot;&gt;script execution envir=
onments&lt;/a&gt;&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;When the &lt;a href=3D#script-settings-object&gt;script s=
ettings object&lt;/a&gt; is created, for each language supported by the
+      user agent, create an appropriate execution environment as defined=
 by the relevant
+      specification.&lt;/p&gt;
+
+      &lt;p&gt;When a &lt;a href=3D#script-execution-environment&gt;scri=
pt execution environment&lt;/a&gt; is needed, return the appropriate one =
from
+      those created when the &lt;a href=3D#script-settings-object&gt;scr=
ipt settings object&lt;/a&gt; was created.&lt;/p&gt;
+
+      &lt;p class=3Dnote&gt;Currently, workers only support JavaScript, =
so only a JavaScript execution
+      environment is actually needed here.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;The &lt;a href=3D#global-object&gt;global object&lt;/a&gt=
;&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;worker global scop=
e&lt;/var&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;The &lt;a href=3D#responsible-browsing-context&gt;respons=
ible browsing context&lt;/a&gt;&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;inherited responsi=
ble browsing context&lt;/var&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;The &lt;a href=3D#responsible-document&gt;responsible doc=
ument&lt;/a&gt;&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;inherited responsi=
ble document&lt;/var&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;The &lt;a href=3D#responsible-event-loop&gt;responsible e=
vent loop&lt;/a&gt;&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;worker event loop&=
lt;/var&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;The &lt;a href=3D#api-referrer-source&gt;API referrer sou=
rce&lt;/a&gt;&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;Return the &lt;code&gt;&lt;a href=3D#document&gt;Document=
&lt;/a&gt;&lt;/code&gt; with which the &lt;code&gt;&lt;a href=3D#window&g=
t;Window&lt;/a&gt;&lt;/code&gt; is currently
+      associated.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;The &lt;a href=3D#api-url-character-encoding&gt;API URL c=
haracter encoding&lt;/a&gt;&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;Return UTF-8.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;The &lt;a href=3D#api-base-url&gt;API base URL&lt;/a&gt;&=
lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;worker URL&lt;/var=
&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;The &lt;a href=3D#origin&gt;origin&lt;/a&gt; and &lt;a hr=
ef=3D#effective-script-origin&gt;effective script origin&lt;/a&gt;&lt;/dt=
&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;inherited origin&l=
t;/var&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;settings ob=
ject&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;h5 id=3Ddedicated-workers-and-the-worker-interface&gt;&=
lt;span class=3Dsecno&gt;10.2.6.3 &lt;/span&gt;Dedicated workers and the =
&lt;code&gt;&lt;a href=3D#worker&gt;Worker&lt;/a&gt;&lt;/code&gt; interfa=
ce&lt;/h5&gt;
+
+  &lt;pre class=3Didl&gt;[&lt;a href=3D#dom-worker title=3Ddom-Worker&gt=
;Constructor&lt;/a&gt;(DOMString scriptURL)]
+interface &lt;dfn id=3Dworker&gt;Worker&lt;/dfn&gt; : &lt;a href=3D#even=
ttarget&gt;EventTarget&lt;/a&gt; {
+  void &lt;a href=3D#dom-worker-terminate title=3Ddom-Worker-terminate&g=
t;terminate&lt;/a&gt;();
+
+  void &lt;a href=3D#dom-worker-postmessage title=3Ddom-Worker-postMessa=
ge&gt;postMessage&lt;/a&gt;(any message, optional sequence&amp;lt;&lt;a h=
ref=3D#transferable&gt;Transferable&lt;/a&gt;&amp;gt; transfer);&lt;!--
+  &lt;span&gt;MessagePort&lt;/span&gt; &lt;span title=3D&quot;dom-Worker=
-startConversation&quot;&gt;startConversation&lt;/span&gt;(any message);-=
-&gt;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-worker-onmessage title=3Dhandler-Worker-onmessage=
&gt;onmessage&lt;/a&gt;;
+};
+&lt;a href=3D#worker&gt;Worker&lt;/a&gt; implements &lt;a href=3D#abstra=
ctworker&gt;AbstractWorker&lt;/a&gt;;&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-worker-terminate title=3Ddom-Worker-term=
inate&gt;&lt;code&gt;terminate()&lt;/code&gt;&lt;/dfn&gt; method, when in=
voked, must
+  cause the &quot;&lt;a href=3D#terminate-a-worker&gt;terminate a worker=
&lt;/a&gt;&quot; algorithm to be run on the worker with which the object
+  is associated.&lt;/p&gt;
+
+  &lt;p&gt;&lt;code&gt;&lt;a href=3D#worker&gt;Worker&lt;/a&gt;&lt;/code=
&gt; objects act as if they had an implicit &lt;code&gt;&lt;a href=3D#mes=
sageport&gt;MessagePort&lt;/a&gt;&lt;/code&gt; associated
+  with them. This port is part of a channel that is set up when the work=
er is created, but it is not
+  exposed. This object must never be garbage collected before the &lt;co=
de&gt;&lt;a href=3D#worker&gt;Worker&lt;/a&gt;&lt;/code&gt; object.&lt;/p=
&gt;
+
+  &lt;p&gt;All messages received by that port must immediately be retarg=
eted at the &lt;code&gt;&lt;a href=3D#worker&gt;Worker&lt;/a&gt;&lt;/code=
&gt;
+  object.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-worker-postmessage title=3Ddom-Worker-po=
stMessage&gt;&lt;code&gt;postMessage()&lt;/code&gt;&lt;/dfn&gt; method on
+  &lt;code&gt;&lt;a href=3D#worker&gt;Worker&lt;/a&gt;&lt;/code&gt; obje=
cts must act as if, when invoked, it immediately invoked &lt;a href=3D#do=
m-messageport-postmessage title=3Ddom-MessagePort-postMessage&gt;the meth=
od of the same name&lt;/a&gt; on the port, with the same
+  arguments, and returned the same return value.&lt;/p&gt;
+
+&lt;!--
+  &lt;p&gt;Similarly, the &lt;dfn title=3D&quot;dom-Worker-startConversa=
tion&quot;&gt;&lt;code&gt;startConversation()&lt;/code&gt;&lt;/dfn&gt;
+  method on &lt;code&gt;Worker&lt;/code&gt; objects must act as if, when=
 invoked, it immediately invoked &lt;span
+  title=3D&quot;dom-MessagePort-startConversation&quot;&gt;the method of=
 the same name&lt;/span&gt; on the port, with the
+  same arguments, and returned the same return value.&lt;/p&gt;
+--&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The &lt;code title=3Ddom-Worker-postMessage&gt;&lt;a href=3D=
#dom-worker-postmessage&gt;postMessage()&lt;/a&gt;&lt;/code&gt;
+   method's first argument can be structured data:&lt;/p&gt;
+
+   &lt;pre&gt;worker.postMessage({opcode: 'activate', device: 1938, para=
meters: [23, 102]});&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The following are the &lt;a href=3D#event-handlers&gt;event h=
andlers&lt;/a&gt; (and their corresponding &lt;a href=3D#event-handler-ev=
ent-type title=3D&quot;event
+  handler event type&quot;&gt;event handler event types&lt;/a&gt;) that =
must be supported, as &lt;a href=3D#event-handler-idl-attributes&gt;event=
 handler IDL attributes&lt;/a&gt;,
+  by objects implementing the &lt;code&gt;&lt;a href=3D#worker&gt;Worker=
&lt;/a&gt;&lt;/code&gt; interface:&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;a href=3D#event-hand=
lers title=3D&quot;event handlers&quot;&gt;Event handler&lt;/a&gt; &lt;th=
&gt;&lt;a href=3D#event-handler-event-type&gt;Event handler event type&lt=
;/a&gt;
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-worker-onmessag=
e title=3Dhandler-Worker-onmessage&gt;&lt;code&gt;onmessage&lt;/code&gt;&=
lt;/dfn&gt; &lt;td&gt; &lt;code title=3Devent-message&gt;&lt;a href=3D#ev=
ent-message&gt;message&lt;/a&gt;&lt;/code&gt;
+  &lt;/table&gt;&lt;hr&gt;&lt;p&gt;When the &lt;dfn id=3Ddom-worker titl=
e=3Ddom-Worker&gt;&lt;code&gt;Worker(&lt;var title=3D&quot;&quot;&gt;scri=
ptURL&lt;/var&gt;)&lt;/code&gt;&lt;/dfn&gt; constructor is invoked, the
+  user agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;The user agent may throw a &lt;code&gt;&l=
t;a href=3D#securityerror&gt;SecurityError&lt;/a&gt;&lt;/code&gt; excepti=
on and abort these steps if
+   the request violates a policy decision (e.g. if the user agent is con=
figured to not allow the
+   page to start dedicated workers).&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#resolve-a-url title=3D&quot;resolve =
a url&quot;&gt;Resolve&lt;/a&gt; the &lt;var title=3D&quot;&quot;&gt;scri=
ptURL&lt;/var&gt; argument
+   relative to the &lt;a href=3D#api-base-url&gt;API base URL&lt;/a&gt; =
specified by the &lt;a href=3D#entry-settings-object&gt;entry settings ob=
ject&lt;/a&gt; when
+   the method was invoked.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If this fails, throw a &lt;code&gt;&lt;a href=3D#s=
yntaxerror&gt;SyntaxError&lt;/a&gt;&lt;/code&gt; exception and abort thes=
e steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;worker URL&lt;=
/var&gt; be the resulting &lt;a href=3D#absolute-url&gt;absolute URL&lt;/=
a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;If the &lt;a href=3D#concept-url-scheme title=3Dconcept-url=
-scheme&gt;scheme&lt;/a&gt; component of &lt;var title=3D&quot;&quot;&gt;=
worker URL&lt;/var&gt;
+    is not &quot;&lt;code title=3Ddata-protocol&gt;data&lt;/code&gt;&quo=
t;, and the &lt;a href=3D#origin&gt;origin&lt;/a&gt; of &lt;var title=3D&=
quot;&quot;&gt;worker URL&lt;/var&gt;
+    is not the &lt;a href=3D#same-origin title=3D&quot;same origin&quot;=
&gt;same&lt;/a&gt; as the
+    &lt;a href=3D#origin&gt;origin&lt;/a&gt; specified by the &lt;a href=
=3D#incumbent-settings-object&gt;incumbent settings object&lt;/a&gt;, the=
n throw a &lt;code&gt;&lt;a href=3D#securityerror&gt;SecurityError&lt;/a&=
gt;&lt;/code&gt; exception and
+    abort these steps.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;Thus, scripts must either be external files wi=
th the same scheme, host, and port
+    as the original page, or &lt;a href=3D#data-protocol title=3D&quot;d=
ata protocol&quot;&gt;&lt;code title=3D&quot;&quot;&gt;data:&lt;/code&gt;=
 URLs&lt;/a&gt;.
+    For example, you can't load a script from a &lt;a href=3D#javascript=
-protocol title=3D&quot;javascript protocol&quot;&gt;&lt;code title=3D&qu=
ot;&quot;&gt;javascript:&lt;/code&gt; URL&lt;/a&gt;, and an &lt;code&gt;h=
ttps:&lt;/code&gt; page couldn't start workers
+    using scripts with &lt;code&gt;http:&lt;/code&gt; URLs.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;Create a new &lt;code&gt;&lt;a href=3D#dedicatedwo=
rkerglobalscope&gt;DedicatedWorkerGlobalScope&lt;/a&gt;&lt;/code&gt; obje=
ct. Let &lt;var title=3D&quot;&quot;&gt;worker global
+   scope&lt;/var&gt; be this new object.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#set-up-a-worker-script-settings-obje=
ct&gt;Set up a worker script settings object&lt;/a&gt; with &lt;var title=
=3D&quot;&quot;&gt;worker global
+   scope&lt;/var&gt;, and let &lt;var title=3D&quot;&quot;&gt;settings o=
bject&lt;/var&gt; be the result.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Create a new &lt;code&gt;&lt;a href=3D#worker&gt;W=
orker&lt;/a&gt;&lt;/code&gt; object, associated with &lt;var title=3D&quo=
t;&quot;&gt;worker global
+   scope&lt;/var&gt;. Let &lt;var title=3D&quot;&quot;&gt;worker&lt;/var=
&gt; be this new object.&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#create-a-new-messageport-object&gt;C=
reate a new &lt;code&gt;MessagePort&lt;/code&gt; object&lt;/a&gt; whose &=
lt;a href=3D#concept-port-owner title=3Dconcept-port-owner&gt;owner&lt;/a=
&gt;
+   is the &lt;a href=3D#incumbent-settings-object&gt;incumbent settings =
object&lt;/a&gt;. Let
+   this be the &lt;var title=3D&quot;&quot;&gt;outside port&lt;/var&gt;.=
&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Associate the &lt;var title=3D&quot;&quot;&gt;outs=
ide port&lt;/var&gt; with &lt;var title=3D&quot;&quot;&gt;worker&lt;/var&=
gt;.&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#create-a-new-messageport-object&gt;C=
reate a new &lt;code&gt;MessagePort&lt;/code&gt; object&lt;/a&gt; whose &=
lt;a href=3D#concept-port-owner title=3Dconcept-port-owner&gt;owner&lt;/a=
&gt; is &lt;var title=3D&quot;&quot;&gt;script settings&lt;/var&gt;
+   Let &lt;var title=3D&quot;&quot;&gt;inside port&lt;/var&gt; be this n=
ew object.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Associate &lt;var title=3D&quot;&quot;&gt;inside p=
ort&lt;/var&gt; with &lt;var title=3D&quot;&quot;&gt;worker global
+   scope&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#entangle&gt;Entangle&lt;/a&gt; &lt;v=
ar title=3D&quot;&quot;&gt;outside port&lt;/var&gt; and &lt;var title=3D&=
quot;&quot;&gt;inside
+   port&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;worker&lt;/=
var&gt;, and run the following steps asynchronously.&lt;/li&gt;
+
+&lt;!-- (this is done by the &quot;run a worker&quot; algorithm)
+   &lt;li&gt;&lt;p&gt;Enable &lt;var title=3D&quot;&quot;&gt;inside port=
&lt;/var&gt;'s &lt;span&gt;port message queue&lt;/span&gt;.&lt;/p&gt;&lt;=
/li&gt;
+--&gt;
+
+   &lt;li&gt;&lt;p&gt;Enable &lt;var title=3D&quot;&quot;&gt;outside por=
t&lt;/var&gt;'s &lt;a href=3D#port-message-queue&gt;port message queue&lt=
;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;docs&lt;/var&gt; be the=
 &lt;a href=3D#list-of-relevant-document-objects-to-add&gt;list of releva=
nt &lt;code&gt;Document&lt;/code&gt; objects to
+    add&lt;/a&gt; given the &lt;a href=3D#incumbent-settings-object&gt;i=
ncumbent settings object&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D&quot;#add-a-document-to-the-worker's-document=
s&quot; title=3D&quot;add a document to the worker's documents&quot;&gt;A=
dd to &lt;var title=3D&quot;&quot;&gt;worker global
+    scope&lt;/var&gt;'s list of &lt;span&gt;the worker's &lt;code&gt;Doc=
ument&lt;/code&gt;s&lt;/span&gt;&lt;/a&gt; the
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; objects in &lt;var title=3D&quot;&quot;&gt;docs&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;If the &lt;a href=3D#global-object&gt;global object&lt;/a&g=
t; specified by the &lt;a href=3D#incumbent-settings-object&gt;incumbent
+    settings object&lt;/a&gt; is a &lt;code&gt;&lt;a href=3D#workergloba=
lscope&gt;WorkerGlobalScope&lt;/a&gt;&lt;/code&gt; object (i.e. we are cr=
eating a nested worker),
+    add &lt;var title=3D&quot;&quot;&gt;worker global scope&lt;/var&gt; =
to the list of &lt;a href=3D&quot;#the-worker's-workers&quot;&gt;the work=
er's workers&lt;/a&gt; of
+    the &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope=
&lt;/a&gt;&lt;/code&gt; object that is the &lt;a href=3D#global-object&gt=
;global object&lt;/a&gt; specified by the &lt;a href=3D#incumbent-setting=
s-object&gt;incumbent settings object&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;&lt;a href=3D#run-a-worker&gt;Run a worker&lt;/a&gt; for th=
e script with &lt;a href=3D#url&gt;URL&lt;/a&gt; &lt;var title=3D&quot;&q=
uot;&gt;worker
+    URL&lt;/var&gt; and the &lt;a href=3D#script-settings-object&gt;scri=
pt settings object&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;settings obj=
ect&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;h5 id=3Dshared-workers-and-the-sharedworker-interface&g=
t;&lt;span class=3Dsecno&gt;10.2.6.4 &lt;/span&gt;Shared workers and the =
&lt;code&gt;&lt;a href=3D#sharedworker&gt;SharedWorker&lt;/a&gt;&lt;/code=
&gt; interface&lt;/h5&gt;
+
+  &lt;pre class=3Didl&gt;[&lt;a href=3D#dom-sharedworker title=3Ddom-Sha=
redWorker&gt;Constructor&lt;/a&gt;(DOMString scriptURL, optional DOMStrin=
g name)]
+interface &lt;dfn id=3Dsharedworker&gt;SharedWorker&lt;/dfn&gt; : &lt;a =
href=3D#eventtarget&gt;EventTarget&lt;/a&gt; {
+  readonly attribute &lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt; =
&lt;a href=3D#dom-sharedworker-port title=3Ddom-SharedWorker-port&gt;port=
&lt;/a&gt;;
+};
+&lt;a href=3D#sharedworker&gt;SharedWorker&lt;/a&gt; implements &lt;a hr=
ef=3D#abstractworker&gt;AbstractWorker&lt;/a&gt;;&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-sharedworker-port title=3Ddom-SharedWork=
er-port&gt;&lt;code&gt;port&lt;/code&gt;&lt;/dfn&gt; attribute must retur=
n the value
+  it was assigned by the object's constructor. It represents the &lt;cod=
e&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&gt;&lt;/code&gt; for
+  communicating with the shared worker.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;dfn id=3Ddom-sharedworker title=3Ddom-SharedWork=
er&gt;&lt;code&gt;SharedWorker(&lt;var title=3D&quot;&quot;&gt;scriptURL&=
lt;/var&gt;, &lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt;)&lt;/code&g=
t;&lt;/dfn&gt; constructor is invoked, the user agent must run the follow=
ing
+  steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;The user agent may throw a &lt;code&gt;&l=
t;a href=3D#securityerror&gt;SecurityError&lt;/a&gt;&lt;/code&gt; excepti=
on and abort these steps if
+   the request violates a policy decision (e.g. if the user agent is con=
figured to not allow the
+   page to start shared workers).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#resolve-a-url title=3D&quot;resolve =
a url&quot;&gt;Resolve&lt;/a&gt; the &lt;var title=3D&quot;&quot;&gt;scri=
ptURL&lt;/var&gt;
+   argument.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If this fails, throw a &lt;code&gt;&lt;a href=3D#s=
yntaxerror&gt;SyntaxError&lt;/a&gt;&lt;/code&gt; exception and abort thes=
e steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;scriptURL&lt;/=
var&gt; be the resulting &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a=
&gt; and &lt;var title=3D&quot;&quot;&gt;parsed scriptURL&lt;/var&gt; be =
the resulting &lt;a href=3D#parsed-url&gt;parsed URL&lt;/a&gt;.&lt;/li&gt=
;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;name&lt;/var&g=
t; be the value of the second argument, or the empty string if
+   the second argument was omitted.&lt;/li&gt;
+
+   &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;If the &lt;a href=3D#concept-url-scheme title=3Dconcept-url=
-scheme&gt;scheme&lt;/a&gt; component of &lt;var title=3D&quot;&quot;&gt;=
parsed
+    scriptURL&lt;/var&gt; is not &quot;&lt;code title=3Ddata-protocol&gt=
;data&lt;/code&gt;&quot;, and the &lt;a href=3D#origin&gt;origin&lt;/a&gt=
; of
+    &lt;var title=3D&quot;&quot;&gt;scriptURL&lt;/var&gt; is not the &lt=
;a href=3D#same-origin title=3D&quot;same origin&quot;&gt;same&lt;/a&gt; =
as the &lt;a href=3D#origin&gt;origin&lt;/a&gt; specified by
+    the &lt;a href=3D#incumbent-settings-object&gt;incumbent settings ob=
ject&lt;/a&gt;, then throw a &lt;code&gt;&lt;a href=3D#securityerror&gt;S=
ecurityError&lt;/a&gt;&lt;/code&gt; exception and abort these
+    steps.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;Thus, scripts must either be external files wi=
th the same scheme, host, and port
+    as the original page, or &lt;a href=3D#data-protocol title=3D&quot;d=
ata protocol&quot;&gt;&lt;code title=3D&quot;&quot;&gt;data:&lt;/code&gt;=
 URLs&lt;/a&gt;.
+    For example, you can't load a script from a &lt;a href=3D#javascript=
-protocol title=3D&quot;javascript protocol&quot;&gt;&lt;code title=3D&qu=
ot;&quot;&gt;javascript:&lt;/code&gt; URL&lt;/a&gt;, and an &lt;code&gt;h=
ttps:&lt;/code&gt; page couldn't start workers
+    using scripts with &lt;code&gt;http:&lt;/code&gt; URLs.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;docs&lt;/var&gt; be the=
 &lt;a href=3D#list-of-relevant-document-objects-to-add&gt;list of releva=
nt &lt;code&gt;Document&lt;/code&gt; objects to
+    add&lt;/a&gt; given the &lt;a href=3D#incumbent-settings-object&gt;i=
ncumbent settings object&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Execute the following substeps atomically:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Create a new &lt;code&gt;&lt;a href=3D#=
sharedworker&gt;SharedWorker&lt;/a&gt;&lt;/code&gt; object, which will sh=
ortly be associated with a
+     &lt;code&gt;&lt;a href=3D#sharedworkerglobalscope&gt;SharedWorkerGl=
obalScope&lt;/a&gt;&lt;/code&gt; object. Let this &lt;code&gt;&lt;a href=3D=
#sharedworker&gt;SharedWorker&lt;/a&gt;&lt;/code&gt; object be &lt;var ti=
tle=3D&quot;&quot;&gt;worker&lt;/var&gt;.&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#create-a-new-messageport-object&gt=
;Create a new &lt;code&gt;MessagePort&lt;/code&gt; object&lt;/a&gt; whose=
 &lt;a href=3D#concept-port-owner title=3Dconcept-port-owner&gt;owner&lt;=
/a&gt;
+     is the &lt;a href=3D#incumbent-settings-object&gt;incumbent setting=
s object&lt;/a&gt;. Let
+     this be the &lt;var title=3D&quot;&quot;&gt;outside port&lt;/var&gt=
;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Assign &lt;var title=3D&quot;&quot;&gt;outside p=
ort&lt;/var&gt; to the &lt;code title=3Ddom-SharedWorker-port&gt;&lt;a hr=
ef=3D#dom-sharedworker-port&gt;port&lt;/a&gt;&lt;/code&gt; attribute of &=
lt;var title=3D&quot;&quot;&gt;worker&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;worker globa=
l scope&lt;/var&gt; be null.&lt;/li&gt;
+
+     &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt; is no=
t the empty string and there exists a
+      &lt;code&gt;&lt;a href=3D#sharedworkerglobalscope&gt;SharedWorkerG=
lobalScope&lt;/a&gt;&lt;/code&gt; object whose &lt;a href=3D#dom-workergl=
obalscope-closing title=3Ddom-WorkerGlobalScope-closing&gt;closing&lt;/a&=
gt; flag is false, whose &lt;code title=3Ddom-WorkerGlobalScope-name&gt;n=
ame&lt;/code&gt; attribute is exactly equal to &lt;var title=3D&quot;&quo=
t;&gt;name&lt;/var&gt;, and that is the &lt;a href=3D#global-object&gt;gl=
obal object&lt;/a&gt; specified by a
+      &lt;a href=3D#script-settings-object&gt;script settings object&lt;=
/a&gt; that specifies as its &lt;a href=3D#origin&gt;origin&lt;/a&gt; the
+      &lt;a href=3D#same-origin&gt;same origin&lt;/a&gt; as the &lt;a hr=
ef=3D#origin&gt;origin&lt;/a&gt; of
+      &lt;var title=3D&quot;&quot;&gt;scriptURL&lt;/var&gt;, then let &l=
t;var title=3D&quot;&quot;&gt;worker global scope&lt;/var&gt; be that
+      &lt;code&gt;&lt;a href=3D#sharedworkerglobalscope&gt;SharedWorkerG=
lobalScope&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+
+      &lt;p&gt;Otherwise, if &lt;var title=3D&quot;&quot;&gt;name&lt;/va=
r&gt; is the empty string and there exists a
+      &lt;code&gt;&lt;a href=3D#sharedworkerglobalscope&gt;SharedWorkerG=
lobalScope&lt;/a&gt;&lt;/code&gt; object whose &lt;a href=3D#dom-workergl=
obalscope-closing title=3Ddom-WorkerGlobalScope-closing&gt;closing&lt;/a&=
gt; flag is false, whose &lt;code title=3Ddom-WorkerGlobalScope-name&gt;n=
ame&lt;/code&gt; attribute is the empty string, and whose &lt;code title=3D=
dom-WorkerGlobalScope-location&gt;&lt;a href=3D#dom-workerglobalscope-loc=
ation&gt;location&lt;/a&gt;&lt;/code&gt; attribute represents an &lt;a hr=
ef=3D#absolute-url&gt;absolute
+      URL&lt;/a&gt; that is exactly equal to &lt;var title=3D&quot;&quot=
;&gt;scriptURL&lt;/var&gt;, then let &lt;var title=3D&quot;&quot;&gt;work=
er global scope&lt;/var&gt; be that &lt;code&gt;&lt;a href=3D#sharedworke=
rglobalscope&gt;SharedWorkerGlobalScope&lt;/a&gt;&lt;/code&gt; object.&lt=
;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;worker global scope&lt=
;/var&gt; is not null, but the user agent has been
+      configured to disallow communication between the worker
+      represented by the &lt;var title=3D&quot;&quot;&gt;worker global s=
cope&lt;/var&gt; and the &lt;a href=3D#concept-script title=3Dconcept-scr=
ipt&gt;scripts&lt;/a&gt;
+      whose &lt;a href=3D#settings-object title=3D&quot;settings object&=
quot;&gt;settings objects&lt;/a&gt; are the &lt;a href=3D#incumbent-setti=
ngs-object&gt;incumbent settings object&lt;/a&gt;, then set &lt;var title=
=3D&quot;&quot;&gt;worker
+      global scope&lt;/var&gt; to null.&lt;/p&gt;
+
+      &lt;p class=3Dnote&gt;For example, a user agent could have a devel=
opment mode that isolates a
+      particular &lt;a href=3D#top-level-browsing-context&gt;top-level b=
rowsing context&lt;/a&gt; from all other pages, and scripts in that
+      development mode could be blocked from connecting to shared worker=
s running in the normal
+      browser mode.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;worker global scope&lt=
;/var&gt; is not null, then run these steps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;wo=
rker global scope&lt;/var&gt;'s &lt;code title=3Ddom-WorkerGlobalScope-lo=
cation&gt;&lt;a href=3D#dom-workerglobalscope-location&gt;location&lt;/a&=
gt;&lt;/code&gt; attribute represents an &lt;a href=3D#absolute-url&gt;ab=
solute
+       URL&lt;/a&gt; that is not exactly equal to &lt;var title=3D&quot;=
&quot;&gt;scriptURL&lt;/var&gt;, then throw a
+       &lt;code&gt;&lt;a href=3D#urlmismatcherror&gt;URLMismatchError&lt=
;/a&gt;&lt;/code&gt; exception and abort all these steps.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Associate &lt;var title=3D&quot;&quot;&gt;work=
er&lt;/var&gt; with &lt;var title=3D&quot;&quot;&gt;worker global
+       scope&lt;/var&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;settings o=
bject&lt;/var&gt; be the &lt;a href=3D#script-settings-object&gt;script s=
ettings object&lt;/a&gt;
+       whose &lt;a href=3D#global-object&gt;global object&lt;/a&gt; is &=
lt;var title=3D&quot;&quot;&gt;worker global scope&lt;/var&gt;.&lt;/li&gt=
;
+
+&lt;!--CLEANUP--&gt;
+       &lt;li&gt;&lt;p&gt;&lt;a href=3D#create-a-new-messageport-object&=
gt;Create a new &lt;code&gt;MessagePort&lt;/code&gt; object&lt;/a&gt; who=
se &lt;a href=3D#concept-port-owner title=3Dconcept-port-owner&gt;owner&l=
t;/a&gt;
+       is &lt;var title=3D&quot;&quot;&gt;settings object&lt;/var&gt;. L=
et this be the &lt;var title=3D&quot;&quot;&gt;inside port&lt;/var&gt;.&l=
t;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;&lt;a href=3D#entangle&gt;Entangle&lt;/a&gt; &=
lt;var title=3D&quot;&quot;&gt;outside port&lt;/var&gt;
+       and &lt;var title=3D&quot;&quot;&gt;inside port&lt;/var&gt;.&lt;/=
li&gt;
+
+       &lt;li&gt;&lt;p&gt;Create a &lt;a href=3D#concept-events-trusted =
title=3Dconcept-events-trusted&gt;trusted&lt;/a&gt; event that uses the
+       &lt;code&gt;&lt;a href=3D#messageevent&gt;MessageEvent&lt;/a&gt;&=
lt;/code&gt; interface, with the name &lt;code title=3Devent-connect&gt;c=
onnect&lt;/code&gt;, which does not bubble, is not cancelable, has no
+       default action, has a &lt;code title=3Ddom-MessageEvent-data&gt;&=
lt;a href=3D#dom-messageevent-data&gt;data&lt;/a&gt;&lt;/code&gt; attribu=
te whose value
+       is initialized to the empty string, has a &lt;code title=3Ddom-Me=
ssageEvent-ports&gt;&lt;a href=3D#dom-messageevent-ports&gt;ports&lt;/a&g=
t;&lt;/code&gt;
+       attribute whose value is initialized to a &lt;a href=3D#dfn-read-=
only-array title=3Ddfn-read-only-array&gt;read only&lt;/a&gt;
+       array containing only the newly created port, and has a &lt;code =
title=3Ddom-MessageEvent-source&gt;&lt;a href=3D#dom-messageevent-source&=
gt;source&lt;/a&gt;&lt;/code&gt; attribute whose value is initialized to =
the
+       newly created port, and &lt;a href=3D#queue-a-task&gt;queue a tas=
k&lt;/a&gt; to &lt;a href=3D#concept-event-dispatch title=3Dconcept-event=
-dispatch&gt;dispatch&lt;/a&gt; the event at &lt;var title=3D&quot;&quot;=
&gt;worker global
+       scope&lt;/var&gt;.&lt;/li&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;&lt;a href=3D&quot;#add-a-document-to-the-worker's-docu=
ments&quot; title=3D&quot;add a document to the worker's documents&quot;&=
gt;Add to &lt;var title=3D&quot;&quot;&gt;worker global
+        scope&lt;/var&gt;'s list of &lt;span&gt;the worker's &lt;code&gt=
;Document&lt;/code&gt;s&lt;/span&gt;&lt;/a&gt; the
+        &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/cod=
e&gt; objects in &lt;var title=3D&quot;&quot;&gt;docs&lt;/var&gt;.&lt;/p&=
gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+        &lt;p&gt;If the &lt;a href=3D#global-object&gt;global object&lt;=
/a&gt; specified by the &lt;a href=3D#incumbent-settings-object&gt;incumb=
ent
+        settings object&lt;/a&gt; is a &lt;code&gt;&lt;a href=3D#workerg=
lobalscope&gt;WorkerGlobalScope&lt;/a&gt;&lt;/code&gt; object, add &lt;va=
r title=3D&quot;&quot;&gt;worker global
+        scope&lt;/var&gt; to the list of &lt;a href=3D&quot;#the-worker'=
s-workers&quot;&gt;the worker's workers&lt;/a&gt; of the
+        &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope=
&lt;/a&gt;&lt;/code&gt; object that is the &lt;a href=3D#global-object&gt=
;global
+        object&lt;/a&gt; specified by the &lt;a href=3D#incumbent-settin=
gs-object&gt;incumbent settings object&lt;/a&gt;.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;worker&=
lt;/var&gt; and abort all these steps.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/li&gt;
+
+     &lt;!-- OTHERWISE: --&gt;
+
+&lt;!--CLEANUP--&gt;
+     &lt;li&gt;&lt;p&gt;Create a new &lt;code&gt;&lt;a href=3D#sharedwor=
kerglobalscope&gt;SharedWorkerGlobalScope&lt;/a&gt;&lt;/code&gt; object. =
Let &lt;var title=3D&quot;&quot;&gt;worker global
+     scope&lt;/var&gt; be this new object.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#set-up-a-worker-script-settings-ob=
ject&gt;Set up a worker script settings object&lt;/a&gt; with &lt;var tit=
le=3D&quot;&quot;&gt;worker global
+     scope&lt;/var&gt;, and let &lt;var title=3D&quot;&quot;&gt;settings=
 object&lt;/var&gt; be the result.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Associate &lt;var title=3D&quot;&quot;&gt;worker=
&lt;/var&gt; with &lt;var title=3D&quot;&quot;&gt;worker global
+     scope&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Set the &lt;code title=3Ddom-SharedWorkerGlobalS=
cope-name&gt;&lt;a href=3D#dom-sharedworkerglobalscope-name&gt;name&lt;/a=
&gt;&lt;/code&gt; attribute of &lt;var title=3D&quot;&quot;&gt;worker glo=
bal scope&lt;/var&gt; to &lt;var title=3D&quot;&quot;&gt;name&lt;/var&gt;=
.&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#create-a-new-messageport-object&gt=
;Create a new &lt;code&gt;MessagePort&lt;/code&gt; object&lt;/a&gt; whose=
 &lt;a href=3D#concept-port-owner title=3Dconcept-port-owner&gt;owner&lt;=
/a&gt; is &lt;var title=3D&quot;&quot;&gt;settings object&lt;/var&gt;.
+     Let &lt;var title=3D&quot;&quot;&gt;inside port&lt;/var&gt; be this=
 new object.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#entangle&gt;Entangle&lt;/a&gt; &lt=
;var title=3D&quot;&quot;&gt;outside port&lt;/var&gt; and &lt;var title=3D=
&quot;&quot;&gt;inside
+     port&lt;/var&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;worker&lt;/=
var&gt; and perform the remaining steps asynchronously.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Create a &lt;a href=3D#concept-events-trusted titl=
e=3Dconcept-events-trusted&gt;trusted&lt;/a&gt; event that uses the
+   &lt;code&gt;&lt;a href=3D#messageevent&gt;MessageEvent&lt;/a&gt;&lt;/=
code&gt; interface, with the name &lt;code title=3Devent-connect&gt;conne=
ct&lt;/code&gt;,
+   which does not bubble, is not cancelable, has no default action, has =
a &lt;code title=3Ddom-MessageEvent-data&gt;&lt;a href=3D#dom-messageeven=
t-data&gt;data&lt;/a&gt;&lt;/code&gt; attribute whose value is initialize=
d to the empty
+   string, has a &lt;code title=3Ddom-MessageEvent-ports&gt;&lt;a href=3D=
#dom-messageevent-ports&gt;ports&lt;/a&gt;&lt;/code&gt; attribute whose v=
alue is
+   initialized to a &lt;a href=3D#dfn-read-only-array title=3Ddfn-read-o=
nly-array&gt;read only&lt;/a&gt; array containing only the
+   newly created port, and has a &lt;code title=3Ddom-MessageEvent-sourc=
e&gt;&lt;a href=3D#dom-messageevent-source&gt;source&lt;/a&gt;&lt;/code&g=
t; attribute whose
+   value is initialized to the newly created port, and &lt;a href=3D#que=
ue-a-task&gt;queue a task&lt;/a&gt; to &lt;a href=3D#concept-event-dispat=
ch title=3Dconcept-event-dispatch&gt;dispatch&lt;/a&gt; the event at &lt;=
var title=3D&quot;&quot;&gt;worker global
+   scope&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D&quot;#add-a-document-to-the-worker's-document=
s&quot; title=3D&quot;add a document to the worker's documents&quot;&gt;A=
dd to &lt;var title=3D&quot;&quot;&gt;worker global
+    scope&lt;/var&gt;'s list of &lt;span&gt;the worker's &lt;code&gt;Doc=
ument&lt;/code&gt;s&lt;/span&gt;&lt;/a&gt; the
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; objects in &lt;var title=3D&quot;&quot;&gt;docs&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;If the &lt;a href=3D#global-object&gt;global object&lt;/a&g=
t; specified by the &lt;a href=3D#incumbent-settings-object&gt;incumbent =
settings object&lt;/a&gt;
+    is a &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScop=
e&lt;/a&gt;&lt;/code&gt; object, add &lt;var title=3D&quot;&quot;&gt;work=
er global scope&lt;/var&gt; to the list of &lt;a href=3D&quot;#the-worker=
's-workers&quot;&gt;the worker's workers&lt;/a&gt; of the
+    &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope&lt;=
/a&gt;&lt;/code&gt; object that is the &lt;a href=3D#global-object&gt;glo=
bal
+    object&lt;/a&gt; specified by the &lt;a href=3D#incumbent-settings-o=
bject&gt;incumbent settings object&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;&lt;a href=3D#run-a-worker&gt;Run a worker&lt;/a&gt; for th=
e script with &lt;a href=3D#url&gt;URL&lt;/a&gt; &lt;var title=3D&quot;&q=
uot;&gt;scriptURL&lt;/var&gt; and the &lt;a href=3D#script-settings-objec=
t&gt;script settings object&lt;/a&gt; &lt;var title=3D&quot;&quot;&gt;set=
tings
+    object&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;a href=3D#task-source&gt;task source&lt;/a=
&gt; for the tasks mentioned above is the &lt;a href=3D#dom-manipulation-=
task-source&gt;DOM manipulation task
+  source&lt;/a&gt;.&lt;/p&gt;
+
+
+
+  &lt;h3 id=3Dapis-available-to-workers&gt;&lt;span class=3Dsecno&gt;10.=
3 &lt;/span&gt;APIs available to workers&lt;/h3&gt;
+
+  &lt;pre class=3Didl&gt;partial interface &lt;a href=3D#workerglobalsco=
pe id=3DWorkerGlobalScope-partial&gt;WorkerGlobalScope&lt;/a&gt; {&lt;!--=
 not obsolete --&gt;
+  void &lt;a href=3D#dom-workerglobalscope-importscripts title=3Ddom-Wor=
kerGlobalScope-importScripts&gt;importScripts&lt;/a&gt;(DOMString... urls=
);
+  readonly attribute &lt;a href=3D#workernavigator&gt;WorkerNavigator&lt=
;/a&gt; &lt;a href=3D#dom-worker-navigator title=3Ddom-worker-navigator&g=
t;navigator&lt;/a&gt;;
+};
+&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope&lt;/a&gt; implement=
s &lt;a href=3D#windowtimers&gt;WindowTimers&lt;/a&gt;;
+&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScope&lt;/a&gt; implement=
s &lt;a href=3D#windowbase64&gt;WindowBase64&lt;/a&gt;;&lt;/pre&gt;
+
+
+  &lt;p&gt;The DOM APIs &amp;mdash; specifically, all the interfaces def=
ined in the DOM specification other
+  than exceptions &amp;mdash; must not be &lt;a href=3D#exposed-to-javas=
cript&gt;exposed to JavaScript&lt;/a&gt; if the &lt;a href=3D#javascript-=
global-environment&gt;JavaScript
+  global environment&lt;/a&gt; is a &lt;a href=3D#worker-environment&gt;=
worker environment&lt;/a&gt;. &lt;a href=3D#refsDOM&gt;[DOM]&lt;/a&gt;&lt=
;/p&gt;
+
+
+  &lt;h4 id=3Dimporting-scripts-and-libraries&gt;&lt;span class=3Dsecno&=
gt;10.3.1 &lt;/span&gt;Importing scripts and libraries&lt;/h4&gt;
+
+  &lt;p&gt;When a script invokes the &lt;dfn id=3Ddom-workerglobalscope-=
importscripts title=3Ddom-WorkerGlobalScope-importScripts&gt;&lt;code&gt;=
importScripts(&lt;var title=3D&quot;&quot;&gt;urls&lt;/var&gt;)&lt;/code&=
gt;&lt;/dfn&gt; method on a &lt;code&gt;&lt;a href=3D#workerglobalscope&g=
t;WorkerGlobalScope&lt;/a&gt;&lt;/code&gt; object, the user
+  agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If there are no arguments, return without=
 doing anything. Abort these steps.&lt;/li&gt;
+
+&lt;!--CLEANUP--&gt;
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;settings objec=
t&lt;/var&gt; be the
+   &lt;a href=3D#incumbent-settings-object&gt;incumbent settings object&=
lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#resolve-a-url title=3D&quot;resolve =
a url&quot;&gt;Resolve&lt;/a&gt; each argument.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If any fail, throw a &lt;code&gt;&lt;a href=3D#syn=
taxerror&gt;SyntaxError&lt;/a&gt;&lt;/code&gt; exception and abort these =
steps.&lt;/li&gt;
+
+   &lt;li&gt;
+
+&lt;!--CLEANUP--&gt;
+    &lt;p&gt;Attempt to &lt;a href=3D#fetch&gt;fetch&lt;/a&gt;&lt;!--FET=
CH--&gt; each resource identified by the resulting &lt;a href=3D#absolute=
-url title=3D&quot;absolute URL&quot;&gt;absolute URLs&lt;/a&gt;, from th=
e &lt;a href=3D#origin&gt;origin&lt;/a&gt; specified by &lt;var title=3D&=
quot;&quot;&gt;settings object&lt;/var&gt;,
+    using the &lt;a href=3D#api-referrer-source&gt;API referrer source&l=
t;/a&gt; specified by &lt;var title=3D&quot;&quot;&gt;settings
+    object&lt;/var&gt;, and with the &lt;i&gt;synchronous flag&lt;/i&gt;=
 set.&lt;/p&gt; &lt;!-- not
+    http-origin privacy sensitive --&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each argument in turn, in the order given, starting wit=
h the first one, run these
+    substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;Wait for the fetching attempt for the corresponding resou=
rce to complete.&lt;/p&gt;
+
+      &lt;p&gt;If the fetching attempt failed, throw a &lt;code&gt;&lt;a=
 href=3D#networkerror&gt;NetworkError&lt;/a&gt;&lt;/code&gt; exception an=
d abort all
+      these steps.&lt;/p&gt;
+
+      &lt;p&gt;If the attempt succeeds, then let &lt;var title=3D&quot;&=
quot;&gt;source&lt;/var&gt; be the result of running the
+      &lt;a href=3D#utf-8-decode&gt;UTF-8 decode&lt;/a&gt; algorithm on =
the script resource.&lt;/p&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;language&lt;/var&gt; =
be JavaScript.&lt;/p&gt;
+
+      &lt;p class=3Dnote&gt;As with the worker's script, the script here=
 is always assumed to be
+      JavaScript, regardless of the MIME type.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;&lt;a href=3D#create-a-script&gt;Create a script&lt;/a&gt=
; using &lt;var title=3D&quot;&quot;&gt;source&lt;/var&gt; as the script =
source, the
+      &lt;a href=3D#url&gt;URL&lt;/a&gt; from which &lt;var title=3D&quo=
t;&quot;&gt;source&lt;/var&gt; was obtained, &lt;var title=3D&quot;&quot;=
&gt;language&lt;/var&gt; as the scripting language, and &lt;var title=3D&=
quot;&quot;&gt;settings object&lt;/var&gt; as
+      the &lt;a href=3D#script-settings-object&gt;script settings object=
&lt;/a&gt;.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+      &lt;p&gt;If the script came from a resource whose &lt;a href=3D#ur=
l&gt;URL&lt;/a&gt; does not have the &lt;a href=3D#same-origin&gt;same
+      origin&lt;/a&gt; as the &lt;a href=3D#origin&gt;origin&lt;/a&gt; s=
pecified by the &lt;a href=3D#incumbent-settings-object&gt;incumbent sett=
ings object&lt;/a&gt;, then pass the &lt;var title=3D&quot;&quot;&gt;mute=
d
+      errors&lt;/var&gt; flag to the &lt;a href=3D#create-a-script&gt;cr=
eate a script&lt;/a&gt; algorithm as well.&lt;/p&gt;
+
+      &lt;p&gt;Let the newly created &lt;a href=3D#concept-script title=3D=
concept-script&gt;script&lt;/a&gt; run until it either
+      returns, fails to parse, fails to catch an exception, or gets prem=
aturely aborted by the
+      &quot;&lt;a href=3D#kill-a-worker&gt;kill a worker&lt;/a&gt;&quot;=
 or &quot;&lt;a href=3D#terminate-a-worker&gt;terminate a worker&lt;/a&gt=
;&quot; algorithms defined
+      above.&lt;/p&gt;
+
+      &lt;p&gt;If it failed to parse, then throw an ECMAScript &lt;code =
title=3Djs-SyntaxError&gt;&lt;a href=3D#js-syntaxerror&gt;SyntaxError&lt;=
/a&gt;&lt;/code&gt; exception and abort all these steps. &lt;a href=3D#re=
fsECMA262&gt;[ECMA262]&lt;/a&gt;&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+      &lt;p&gt;If an exception was thrown or if the script was premature=
ly aborted, then abort all these
+      steps, letting the exception or aborting continue to be processed =
by the calling &lt;a href=3D#concept-script title=3Dconcept-script&gt;scr=
ipt&lt;/a&gt;.&lt;/p&gt;
+
+      &lt;p&gt;If the &quot;&lt;a href=3D#kill-a-worker&gt;kill a worker=
&lt;/a&gt;&quot; or &quot;&lt;a href=3D#terminate-a-worker&gt;terminate a=
 worker&lt;/a&gt;&quot; algorithms abort
+      the script then abort all these steps.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;h4 id=3Dthe-workernavigator-object&gt;&lt;span class=3D=
secno&gt;10.3.2 &lt;/span&gt;The &lt;code&gt;&lt;a href=3D#workernavigato=
r&gt;WorkerNavigator&lt;/a&gt;&lt;/code&gt; object&lt;/h4&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-worker-navigator title=3Ddom-worker-navi=
gator&gt;&lt;code&gt;navigator&lt;/code&gt;&lt;/dfn&gt; attribute
+  of the &lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobalScop=
e&lt;/a&gt;&lt;/code&gt; interface must return an instance of
+  the &lt;code&gt;&lt;a href=3D#workernavigator&gt;WorkerNavigator&lt;/a=
&gt;&lt;/code&gt; interface, which represents the
+  identity and state of the user agent (the client):&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dworkernavigator&gt;Worke=
rNavigator&lt;/dfn&gt; {};
+&lt;a href=3D#workernavigator&gt;WorkerNavigator&lt;/a&gt; implements &l=
t;a href=3D#navigatorid&gt;NavigatorID&lt;/a&gt;;
+&lt;a href=3D#workernavigator&gt;WorkerNavigator&lt;/a&gt; implements &l=
t;a href=3D#navigatorlanguage&gt;NavigatorLanguage&lt;/a&gt;;
+&lt;a href=3D#workernavigator&gt;WorkerNavigator&lt;/a&gt; implements &l=
t;a href=3D#navigatoronline&gt;NavigatorOnLine&lt;/a&gt;;&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#workernavigator&gt;WorkerNaviga=
tor&lt;/a&gt;&lt;/code&gt; interface must only be &lt;a href=3D#exposed-t=
o-javascript&gt;exposed
+  to JavaScript&lt;/a&gt; if the &lt;a href=3D#javascript-global-environ=
ment&gt;JavaScript global
+  environment&lt;/a&gt; is a &lt;a href=3D#worker-environment&gt;worker =
environment&lt;/a&gt;.&lt;/p&gt;
+
+
+
+
+  &lt;h4 id=3Dinterface-objects-and-constructors&gt;&lt;span class=3Dsec=
no&gt;10.3.3 &lt;/span&gt;Interface objects and constructors&lt;/h4&gt;
+
+  &lt;p&gt;Nothing must be &lt;a href=3D#exposed-to-javascript&gt;expose=
d to JavaScript&lt;/a&gt; when the &lt;a href=3D#javascript-global-enviro=
nment&gt;JavaScript global
+  environment&lt;/a&gt; is a &lt;a href=3D#worker-environment&gt;worker =
environment&lt;/a&gt; except for the following:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;&lt;p&gt;Any interfaces and exceptions defined by =
a specification that explicitly specifies that
+   they are &lt;a href=3D#exposed-to-javascript&gt;exposed to JavaScript=
&lt;/a&gt; when the &lt;a href=3D#javascript-global-environment&gt;JavaSc=
ript global environment&lt;/a&gt;
+   is a &lt;a href=3D#worker-environment&gt;worker environment&lt;/a&gt;=
.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;The interfaces of any objects made accessible thro=
ugh, and the exceptions thrown by any,
+   interfaces or objects of interfaces that are themselves
+   &lt;a href=3D#exposed-to-javascript&gt;exposed to JavaScript&lt;/a&gt=
; (i.e. this requirement is transitive).&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p class=3Dnote&gt;These requirements do not override th=
e requirements defined by the Web IDL
+  specification, in particular concerning the visibility of interfaces a=
nnotated with the &lt;code title=3D&quot;&quot;&gt;[NoInterfaceObject]&lt=
;/code&gt; extended attribute.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dworker-locations&gt;&lt;span class=3Dsecno&gt;10.3.4 &lt;/=
span&gt;Worker locations&lt;/h4&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dworkerlocation&gt;Worker=
Location&lt;/dfn&gt; { };
+&lt;a href=3D#workerlocation&gt;WorkerLocation&lt;/a&gt; implements &lt;=
a href=3D#urlutilsreadonly&gt;URLUtilsReadOnly&lt;/a&gt;;&lt;/pre&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#workerlocation&gt;WorkerLocation&=
lt;/a&gt;&lt;/code&gt; object represents an &lt;a href=3D#absolute-url&gt=
;absolute URL&lt;/a&gt; set at its
+  creation.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#workerlocation&gt;WorkerLocatio=
n&lt;/a&gt;&lt;/code&gt; interface supports the &lt;code&gt;&lt;a href=3D=
#urlutilsreadonly&gt;URLUtilsReadOnly&lt;/a&gt;&lt;/code&gt;
+  interface. &lt;a href=3D#refsURL&gt;[URL]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;When the object is created, the user agent must invoke the el=
ement's
+  &lt;code&gt;&lt;a href=3D#urlutilsreadonly&gt;URLUtilsReadOnly&lt;/a&g=
t;&lt;/code&gt; interface's &lt;a href=3D#concept-uu-set-the-input title=3D=
concept-uu-set-the-input&gt;set the
+  input&lt;/a&gt; algorithm with the &lt;a href=3D#absolute-url&gt;absol=
ute URL&lt;/a&gt; that the &lt;code&gt;&lt;a href=3D#workerlocation&gt;Wo=
rkerLocation&lt;/a&gt;&lt;/code&gt;
+  object represents as the given value.&lt;/p&gt;
+
+  &lt;p&gt;The element's &lt;code&gt;&lt;a href=3D#urlutilsreadonly&gt;U=
RLUtilsReadOnly&lt;/a&gt;&lt;/code&gt; interface's &lt;a href=3D#concept-=
uu-get-the-base title=3Dconcept-uu-get-the-base&gt;get the base&lt;/a&gt;=
 algorithm must return null.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#workerlocation&gt;WorkerLocatio=
n&lt;/a&gt;&lt;/code&gt; interface must only be &lt;a href=3D#exposed-to-=
javascript&gt;exposed to JavaScript&lt;/a&gt; if
+  the &lt;a href=3D#javascript-global-environment&gt;JavaScript global e=
nvironment&lt;/a&gt; is a &lt;a href=3D#worker-environment&gt;worker envi=
ronment&lt;/a&gt;.&lt;/p&gt;
+
+
+
+&lt;!--REMOVE-TOPIC:Workers--&gt;
+
+
+
+
+
+  &lt;h2 id=3Dwebstorage&gt;&lt;span class=3Dsecno&gt;11 &lt;/span&gt;We=
b storage&lt;/h2&gt;
+
+
+
+  &lt;h3 id=3Dintroduction-12&gt;&lt;span class=3Dsecno&gt;11.1 &lt;/spa=
n&gt;Introduction&lt;/h3&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;This specification introduces two related mechanisms, similar=
 to HTTP session cookies, for
+  storing name-value pairs on the client side. &lt;a href=3D#refsCOOKIES=
&gt;[COOKIES]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;The first is designed for scenarios where the user is carryin=
g out a single transaction, but
+  could be carrying out multiple transactions in different windows at th=
e same time.&lt;/p&gt;
+
+  &lt;p&gt;Cookies don't really handle this case well. For example, a us=
er could be buying plane tickets
+  in two different windows, using the same site. If the site used cookie=
s to keep track of which
+  ticket the user was buying, then as the user clicked from page to page=
 in both windows, the ticket
+  currently being purchased would &quot;leak&quot; from one window to th=
e other, potentially causing the user
+  to buy two tickets for the same flight without really noticing.&lt;/p&=
gt;
+
+  &lt;p&gt;To address this, this specification introduces the &lt;code t=
itle=3Ddom-sessionStorage&gt;&lt;a href=3D#dom-sessionstorage&gt;sessionS=
torage&lt;/a&gt;&lt;/code&gt; IDL attribute. Sites can add data to the se=
ssion
+  storage, and it will be accessible to any page from the same site open=
ed in that window.&lt;/p&gt; &lt;!--
+  we're not using xrefs here because this is just an intro --&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For example, a page could have a checkbox that the user tick=
s to
+   indicate that he wants insurance:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;label&amp;gt;
+ &amp;lt;input type=3D&quot;checkbox&quot; onchange=3D&quot;sessionStora=
ge.insurance =3D checked ? 'true' : ''&quot;&amp;gt;
+  I want insurance on this trip.
+&amp;lt;/label&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;A later page could then check, from script, whether the user=
 had checked the checkbox or
+   not:&lt;/p&gt;
+
+   &lt;pre&gt;if (sessionStorage.insurance) { ... }&lt;/pre&gt;
+
+   &lt;p&gt;If the user had multiple windows opened on the site, each on=
e would have its own individual
+   copy of the session storage object.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;!--
+
+   sessionStorage.flightDeparture =3D 'OSL';
+   sessionStorage.flightArrival =3D 'NYC';
+
+   for (var i in forms[0].elements)
+      sessionStorage[&quot;data_&quot; + i.name] =3D i.value;
+
+   // if we add storage of non-strings
+   if (!sessionStorage[documents])
+     sessionStorage[documents] =3D {};
+   sessionStorage[documents][filename] =3D &lt;document/&gt;;
+
+  --&gt;
+
+  &lt;p&gt;The second storage mechanism is designed for storage that spa=
ns multiple windows, and lasts
+  beyond the current session. In particular, Web applications may wish t=
o store megabytes of user
+  data, such as entire user-authored documents or a user's mailbox, on t=
he client side for
+  performance reasons.&lt;/p&gt;
+
+  &lt;p&gt;Again, cookies do not handle this case well, because they are=
 transmitted with every
+  request.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-localStorage&gt;&lt;a href=3D#dom-lo=
calstorage&gt;localStorage&lt;/a&gt;&lt;/code&gt; IDL attribute is used t=
o access a page's
+  local storage area.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The site at example.com can display a count of how many time=
s the user has loaded its page by
+   putting the following at the bottom of its page:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt;
+  You have viewed this page
+  &amp;lt;span id=3D&quot;count&quot;&amp;gt;an untold number of&amp;lt;=
/span&amp;gt;
+  time(s).
+&amp;lt;/p&amp;gt;
+&amp;lt;script&amp;gt;
+  if (!localStorage.pageLoadCount)
+    localStorage.pageLoadCount =3D 0;
+  localStorage.pageLoadCount =3D parseInt(localStorage.pageLoadCount) + =
1;
+  document.getElementById('count').textContent =3D localStorage.pageLoad=
Count;
+&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;Each site has its own separate storage area.&lt;/p&gt;
+
+
+
+
+  &lt;h3 id=3Dstorage&gt;&lt;span class=3Dsecno&gt;11.2 &lt;/span&gt;The=
 API&lt;/h3&gt;
+
+  &lt;h4 id=3Dthe-storage-interface&gt;&lt;span class=3Dsecno&gt;11.2.1 =
&lt;/span&gt;The &lt;code&gt;&lt;a href=3D#storage-0&gt;Storage&lt;/a&gt;=
&lt;/code&gt; interface&lt;/h4&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dstorage-0&gt;Storage&lt;=
/dfn&gt; {
+  readonly attribute unsigned long &lt;a href=3D#dom-storage-length titl=
e=3Ddom-Storage-length&gt;length&lt;/a&gt;;
+  DOMString? &lt;a href=3D#dom-storage-key title=3Ddom-Storage-key&gt;ke=
y&lt;/a&gt;(unsigned long index);
+  getter DOMString? &lt;a href=3D#dom-storage-getitem title=3Ddom-Storag=
e-getItem&gt;getItem&lt;/a&gt;(DOMString key);
+  setter creator void &lt;a href=3D#dom-storage-setitem title=3Ddom-Stor=
age-setItem&gt;setItem&lt;/a&gt;(DOMString key, DOMString value);
+  deleter void &lt;a href=3D#dom-storage-removeitem title=3Ddom-Storage-=
removeItem&gt;removeItem&lt;/a&gt;(DOMString key);
+  void &lt;a href=3D#dom-storage-clear title=3Ddom-Storage-clear&gt;clea=
r&lt;/a&gt;();
+};&lt;/pre&gt;
+
+  &lt;!-- v2 ideas:
+    a getInfo() method that returns an object that tells you:
+       - when the key was added
+       - when the key was last modified
+       - which page was the last to modify the key
+    [-Mihai Sucan]
+
+    support non-string values
+  --&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#storage-0&gt;Storage&lt;/a&gt;=
&lt;/code&gt; object provides access to a list of key/value pairs, which =
are
+  sometimes called items. Keys are strings. Any string (including the em=
pty string) is a valid key.
+  Values are similarly strings.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;code&gt;&lt;a href=3D#storage-0&gt;Storage&lt;/a&gt;=
&lt;/code&gt; object is associated with a list of key/value pairs when it=
 is
+  created, as defined in the sections on the &lt;code title=3Ddom-sessio=
nStorage&gt;&lt;a href=3D#dom-sessionstorage&gt;sessionStorage&lt;/a&gt;&=
lt;/code&gt;
+  and &lt;code title=3Ddom-localStorage&gt;&lt;a href=3D#dom-localstorag=
e&gt;localStorage&lt;/a&gt;&lt;/code&gt; attributes. Multiple separate ob=
jects
+  implementing the &lt;code&gt;&lt;a href=3D#storage-0&gt;Storage&lt;/a&=
gt;&lt;/code&gt; interface can all be associated with the same list of
+  key/value pairs simultaneously.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-storage-length title=3Ddom-Storage-lengt=
h&gt;&lt;code&gt;length&lt;/code&gt;&lt;/dfn&gt; attribute must return th=
e number
+  of key/value pairs currently present in the list associated with the o=
bject.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-storage-key title=3Ddom-Storage-key&gt;&=
lt;code&gt;key(&lt;var title=3D&quot;&quot;&gt;n&lt;/var&gt;)&lt;/code&gt=
;&lt;/dfn&gt; method must
+  return the name of the &lt;var title=3D&quot;&quot;&gt;n&lt;/var&gt;th=
 key in the list. The order of keys is user-agent
+  defined, but must be consistent within an object so long as the number=
 of keys doesn't change.
+  (Thus, &lt;a href=3D#dom-storage-setitem title=3Ddom-Storage-setItem&g=
t;adding&lt;/a&gt; or &lt;a href=3D#dom-storage-removeitem title=3Ddom-St=
orage-removeItem&gt;removing&lt;/a&gt; a key may change the order of the =
keys, but merely
+  changing the value of an existing key must not.) &lt;!--The order of k=
eys may differ between
+  instances of the &lt;code&gt;Storage&lt;/code&gt; interface accessing =
the same list. [removed for now for
+  clarity, but if people ask, put it back. this is part of the spec.]--&=
gt; If &lt;var title=3D&quot;&quot;&gt;n&lt;/var&gt; is
+  &lt;!--less than zero or [can't, unsigned]--&gt; greater than or equal=
 to the number of key/value pairs
+  in the object, then this method must return null.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#supported-property-names&gt;supported prope=
rty names&lt;/a&gt; on a &lt;code&gt;&lt;a href=3D#storage-0&gt;Storage&l=
t;/a&gt;&lt;/code&gt; object are the keys of each
+  key/value pair currently present in the list associated with the objec=
t, in the order that the
+  keys were last added to the storage area.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-storage-getitem title=3Ddom-Storage-getI=
tem&gt;&lt;code&gt;getItem(&lt;var title=3D&quot;&quot;&gt;key&lt;/var&gt=
;)&lt;/code&gt;&lt;/dfn&gt; method
+  must return the current value associated with the given &lt;var title=3D=
&quot;&quot;&gt;key&lt;/var&gt;. If the given &lt;var title=3D&quot;&quot=
;&gt;key&lt;/var&gt; does not exist in the list associated with the objec=
t then this method must
+  return null. &lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-storage-setitem title=3Ddom-Storage-setI=
tem&gt;&lt;code&gt;setItem(&lt;var title=3D&quot;&quot;&gt;key&lt;/var&gt=
;, &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;)&lt;/code&gt;&lt;/df=
n&gt; method must first check if a key/value pair with the given &lt;var =
title=3D&quot;&quot;&gt;key&lt;/var&gt; already exists in the list associ=
ated with the object.&lt;/p&gt;
+
+  &lt;p&gt;If it does not, then a new key/value pair must be added to th=
e list, with the given &lt;var title=3D&quot;&quot;&gt;key&lt;/var&gt; an=
d with its value set to &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;=
.&lt;/p&gt;
+
+  &lt;p&gt;If the given &lt;var title=3D&quot;&quot;&gt;key&lt;/var&gt; =
&lt;em&gt;does&lt;/em&gt; exist in the list, and its value is not
+  equal to &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;, then it mu=
st have its value updated to &lt;var title=3D&quot;&quot;&gt;value&lt;/va=
r&gt;. If its previous value &lt;em&gt;is&lt;/em&gt; equal to &lt;var tit=
le=3D&quot;&quot;&gt;value&lt;/var&gt;, then
+  the method must do nothing.&lt;/p&gt;
+
+  &lt;p&gt;If it couldn't set the new value, the method must throw a &lt=
;code&gt;&lt;a href=3D#quotaexceedederror&gt;QuotaExceededError&lt;/a&gt;=
&lt;/code&gt;
+  exception. (Setting could fail if, e.g., the user has disabled storage=
 for the site, or if the
+  quota has been exceeded.)&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-storage-removeitem title=3Ddom-Storage-r=
emoveItem&gt;&lt;code&gt;removeItem(&lt;var title=3D&quot;&quot;&gt;key&l=
t;/var&gt;)&lt;/code&gt;&lt;/dfn&gt;
+  method must cause the key/value pair with the given &lt;var title=3D&q=
uot;&quot;&gt;key&lt;/var&gt; to be removed from the
+  list associated with the object, if it exists. If no item with that ke=
y exists, the method must do
+  nothing.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Ddom-Storage-setItem&gt;&lt;a href=3D#dom=
-storage-setitem&gt;setItem()&lt;/a&gt;&lt;/code&gt; and &lt;code title=3D=
dom-Storage-removeItem&gt;&lt;a href=3D#dom-storage-removeitem&gt;removeI=
tem()&lt;/a&gt;&lt;/code&gt; methods must be atomic with respect to failu=
re.
+  In the case of failure, the method does nothing. That is, changes to t=
he data storage area must
+  either be successful, or the data storage area must not be changed at =
all.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-storage-clear title=3Ddom-Storage-clear&=
gt;&lt;code&gt;clear()&lt;/code&gt;&lt;/dfn&gt; method must atomically ca=
use the
+  list associated with the object to be emptied of all key/value pairs, =
if there are any. If there
+  are none, then the method must do nothing.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;When the &lt;code title=3Ddom-Storage-setItem&gt=
;&lt;a href=3D#dom-storage-setitem&gt;setItem()&lt;/a&gt;&lt;/code&gt;, &=
lt;code title=3Ddom-Storage-removeItem&gt;&lt;a href=3D#dom-storage-remov=
eitem&gt;removeItem()&lt;/a&gt;&lt;/code&gt;, and &lt;code title=3Ddom-St=
orage-clear&gt;&lt;a href=3D#dom-storage-clear&gt;clear()&lt;/a&gt;&lt;/c=
ode&gt; methods are invoked, events are fired on the
+  &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obje=
cts of other &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;=
/code&gt;s that can access the newly stored or
+  removed data, as defined in the sections on the &lt;code title=3Ddom-s=
essionStorage&gt;&lt;a href=3D#dom-sessionstorage&gt;sessionStorage&lt;/a=
&gt;&lt;/code&gt; and &lt;code title=3Ddom-localStorage&gt;&lt;a href=3D#=
dom-localstorage&gt;localStorage&lt;/a&gt;&lt;/code&gt; attributes.&lt;/p=
&gt; &lt;!-- not normative, see the sections
+  below for the normative statement --&gt;
+
+  &lt;p class=3Dnote&gt;This specification does not require that the abo=
ve methods wait until the data has
+  been physically written to disk. Only consistency in what different sc=
ripts accessing the same
+  underlying list of key/value pairs see is required.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dthe-sessionstorage-attribute&gt;&lt;span class=3Dsecno&gt;=
11.2.2 &lt;/span&gt;The &lt;code title=3Ddom-sessionStorage&gt;&lt;a href=
=3D#dom-sessionstorage&gt;sessionStorage&lt;/a&gt;&lt;/code&gt; attribute=
&lt;/h4&gt;
+
+  &lt;pre class=3Didl&gt;[NoInterfaceObject]
+interface &lt;dfn id=3Dwindowsessionstorage&gt;WindowSessionStorage&lt;/=
dfn&gt; {
+  readonly attribute &lt;a href=3D#storage-0&gt;Storage&lt;/a&gt; &lt;a =
href=3D#dom-sessionstorage title=3Ddom-sessionStorage&gt;sessionStorage&l=
t;/a&gt;;
+};
+&lt;a href=3D#window&gt;Window&lt;/a&gt; implements &lt;a href=3D#window=
sessionstorage&gt;WindowSessionStorage&lt;/a&gt;;&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-sessionstorage title=3Ddom-sessionStorag=
e&gt;&lt;code&gt;sessionStorage&lt;/code&gt;&lt;/dfn&gt; attribute repres=
ents the
+  set of storage areas specific to the current &lt;a href=3D#top-level-b=
rowsing-context&gt;top-level browsing context&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Each &lt;a href=3D#top-level-browsing-context&gt;top-level br=
owsing context&lt;/a&gt; has a unique set of session storage areas, one f=
or
+  each &lt;a href=3D#origin&gt;origin&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;User agents should not expire data from a browsing context's =
session storage areas, but may do
+  so when the user requests that such data be deleted, or when the UA de=
tects that it has limited
+  storage space, or for security reasons. User agents should always avoi=
d deleting data while a
+  script that could access that data is running. When a top-level browsi=
ng context is destroyed (and
+  therefore permanently inaccessible to the user) the data stored in its=
 session storage areas can
+  be discarded with it, as the API described in this specification provi=
des no way for that data to
+  ever be subsequently retrieved.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The lifetime of a browsing context can be unrela=
ted to the lifetime of the actual
+  user agent process itself, as the user agent may support resuming sess=
ions after a restart.&lt;/p&gt;
+
+  &lt;p&gt;When a new &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;=
/a&gt;&lt;/code&gt; is created in a &lt;a href=3D#browsing-context&gt;bro=
wsing context&lt;/a&gt; which has a
+  &lt;a href=3D#top-level-browsing-context&gt;top-level browsing context=
&lt;/a&gt;, the user agent must check to see if that &lt;a href=3D#top-le=
vel-browsing-context&gt;top-level
+  browsing context&lt;/a&gt; has a session storage area for that documen=
t's &lt;a href=3D#origin&gt;origin&lt;/a&gt;. If it
+  does, then that is the &lt;code&gt;&lt;a href=3D#document&gt;Document&=
lt;/a&gt;&lt;/code&gt;'s assigned session storage area. If it does not, a
+  new storage area for that document's &lt;a href=3D#origin&gt;origin&lt=
;/a&gt; must be created, and then &lt;em&gt;that&lt;/em&gt;
+  is the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/co=
de&gt;'s assigned session storage area. A &lt;code&gt;&lt;a href=3D#docum=
ent&gt;Document&lt;/a&gt;&lt;/code&gt;'s assigned
+  storage area does not change during the lifetime of a &lt;code&gt;&lt;=
a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;In the case of an &lt;code&gt;&lt;a href=3D#the-=
iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt; being moved to another
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;,=
 the nested browsing context is destroyed and a new one created.&lt;/p&gt=
;
+
+  &lt;p&gt;The &lt;code title=3Ddom-sessionStorage&gt;&lt;a href=3D#dom-=
sessionstorage&gt;sessionStorage&lt;/a&gt;&lt;/code&gt; attribute must re=
turn a
+  &lt;code&gt;&lt;a href=3D#storage-0&gt;Storage&lt;/a&gt;&lt;/code&gt; =
object associated with the &lt;code&gt;&lt;a href=3D#document&gt;Document=
&lt;/a&gt;&lt;/code&gt;'s assigned session storage
+  area, if any, or null if there isn't one. Each &lt;code&gt;&lt;a href=3D=
#document&gt;Document&lt;/a&gt;&lt;/code&gt; object must have a separate
+  object for its &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt=
;/code&gt;'s &lt;code title=3Ddom-sessionStorage&gt;&lt;a href=3D#dom-ses=
sionstorage&gt;sessionStorage&lt;/a&gt;&lt;/code&gt;
+  attribute.&lt;/p&gt;
+
+  &lt;p&gt;When a new &lt;a href=3D#top-level-browsing-context&gt;top-le=
vel browsing context&lt;/a&gt; is created by cloning an existing
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;, the new =
browsing context must start with the same session storage
+  areas as the original, but the two sets must from that point on be con=
sidered separate, not
+  affecting each other in any way.&lt;/p&gt;
+
+  &lt;p&gt;When a new &lt;a href=3D#top-level-browsing-context&gt;top-le=
vel browsing context&lt;/a&gt; is created by a &lt;a href=3D#concept-scri=
pt title=3Dconcept-script&gt;script&lt;/a&gt; in an existing &lt;a href=3D=
#browsing-context&gt;browsing context&lt;/a&gt;, or by the user
+  following a link in an existing browsing context, or in some other way=
 related to a specific
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;,=
 and the creation is not &lt;a href=3D#a-new-start-for-session-storage&gt=
;a new start for session storage&lt;/a&gt;, then
+  the session storage area of the &lt;a href=3D#origin&gt;origin&lt;/a&g=
t; of that &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/c=
ode&gt; must be copied
+  into the new browsing context when it is created. From that point on, =
however, the two session
+  storage areas must be considered separate, not affecting each other in=
 any way.&lt;/p&gt;
+
+  &lt;p id=3DsessionStorageEvent&gt;When the &lt;code title=3Ddom-Storag=
e-setItem&gt;&lt;a href=3D#dom-storage-setitem&gt;setItem()&lt;/a&gt;&lt;=
/code&gt;, &lt;code title=3Ddom-Storage-removeItem&gt;&lt;a href=3D#dom-s=
torage-removeitem&gt;removeItem()&lt;/a&gt;&lt;/code&gt;, and &lt;code ti=
tle=3Ddom-Storage-clear&gt;&lt;a href=3D#dom-storage-clear&gt;clear()&lt;=
/a&gt;&lt;/code&gt; methods are called on a &lt;code&gt;&lt;a href=3D#sto=
rage-0&gt;Storage&lt;/a&gt;&lt;/code&gt; object &lt;var title=3D&quot;&qu=
ot;&gt;x&lt;/var&gt; that is associated with a session storage area, if t=
he methods did not throw an
+  exception or &quot;do nothing&quot; as defined above, then for every &=
lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; obje=
ct whose
+  &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obje=
ct's &lt;code title=3Ddom-sessionStorage&gt;&lt;a href=3D#dom-sessionstor=
age&gt;sessionStorage&lt;/a&gt;&lt;/code&gt; attribute's
+  &lt;code&gt;&lt;a href=3D#storage-0&gt;Storage&lt;/a&gt;&lt;/code&gt; =
object is associated with the same storage area, other than &lt;var title=
=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;a href=3D#send-a-storage-notificati=
on&gt;send a storage notification&lt;/a&gt;.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dthe-localstorage-attribute&gt;&lt;span class=3Dsecno&gt;11=
.2.3 &lt;/span&gt;The &lt;code title=3Ddom-localStorage&gt;&lt;a href=3D#=
dom-localstorage&gt;localStorage&lt;/a&gt;&lt;/code&gt; attribute&lt;/h4&=
gt;
+
+  &lt;pre class=3Didl&gt;[NoInterfaceObject]
+interface &lt;dfn id=3Dwindowlocalstorage&gt;WindowLocalStorage&lt;/dfn&=
gt; {
+  readonly attribute &lt;a href=3D#storage-0&gt;Storage&lt;/a&gt; &lt;a =
href=3D#dom-localstorage title=3Ddom-localStorage&gt;localStorage&lt;/a&g=
t;;
+};
+&lt;a href=3D#window&gt;Window&lt;/a&gt; implements &lt;a href=3D#window=
localstorage&gt;WindowLocalStorage&lt;/a&gt;;&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-localstorage title=3Ddom-localStorage&gt=
;&lt;code&gt;localStorage&lt;/code&gt;&lt;/dfn&gt; object provides a
+  &lt;code&gt;&lt;a href=3D#storage-0&gt;Storage&lt;/a&gt;&lt;/code&gt; =
object for an &lt;a href=3D#origin&gt;origin&lt;/a&gt;.
+  &lt;a href=3D#fingerprinting-vector class=3Dfingerprint title=3D&quot;=
fingerprinting vector&quot;&gt;&lt;img src=3Dhttp://images.whatwg.org/fin=
gerprint.png width=3D46 alt=3D&quot;(This is a fingerprinting vector.)&qu=
ot; height=3D64&gt;&lt;/a&gt;
+  &lt;/p&gt;
+
+  &lt;p&gt;User agents must have a set of local storage areas, one for e=
ach &lt;a href=3D#origin&gt;origin&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;User agents should expire data from the local storage areas o=
nly for security reasons or when
+  requested to do so by the user. User agents should always avoid deleti=
ng data while a script that
+  could access that data is running.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;code title=3Ddom-localStorage&gt;&lt;a href=3D#d=
om-localstorage&gt;localStorage&lt;/a&gt;&lt;/code&gt; attribute is acces=
sed, the user
+  agent must run the following steps, which are known as the &lt;dfn id=3D=
storage-object-initialization-steps&gt;&lt;code&gt;Storage&lt;/code&gt; o=
bject
+  initialization steps&lt;/dfn&gt;:&lt;/p&gt; &lt;!-- these steps are na=
med because marcos uses them from another
+  spec --&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;The user agent may throw a &lt;code&gt;&l=
t;a href=3D#securityerror&gt;SecurityError&lt;/a&gt;&lt;/code&gt; excepti=
on and abort these steps
+   instead of returning a &lt;code&gt;&lt;a href=3D#storage-0&gt;Storage=
&lt;/a&gt;&lt;/code&gt; object if the request violates a policy decision
+   (e.g. if the user agent is configured to not allow the page to persis=
t data).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#origin&gt;origin&lt;/a&gt; is =
not a scheme/host/port tuple, then
+   throw a &lt;code&gt;&lt;a href=3D#securityerror&gt;SecurityError&lt;/=
a&gt;&lt;/code&gt; exception and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Check to see if the user agent has allocated a loc=
al storage area for the
+   &lt;a href=3D#origin&gt;origin&lt;/a&gt; of the &lt;code&gt;&lt;a hre=
f=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; of the &lt;code&gt;&lt;a=
 href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object on which the
+   attribute was accessed. If it has not, create a new storage area for =
that
+   &lt;a href=3D#origin&gt;origin&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the &lt;code&gt;&lt;a href=3D#storage-0&gt;=
Storage&lt;/a&gt;&lt;/code&gt; object associated with that origin's local=
 storage area.
+   Each &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/cod=
e&gt; object must have a separate object for its &lt;code&gt;&lt;a href=3D=
#window&gt;Window&lt;/a&gt;&lt;/code&gt;'s &lt;code title=3Ddom-localStor=
age&gt;&lt;a href=3D#dom-localstorage&gt;localStorage&lt;/a&gt;&lt;/code&=
gt; attribute.&lt;/p&gt;
+
+  &lt;/ol&gt;&lt;p id=3DlocalStorageEvent&gt;When the &lt;code title=3Dd=
om-Storage-setItem&gt;&lt;a href=3D#dom-storage-setitem&gt;setItem()&lt;/=
a&gt;&lt;/code&gt;, &lt;code title=3Ddom-Storage-removeItem&gt;&lt;a href=
=3D#dom-storage-removeitem&gt;removeItem()&lt;/a&gt;&lt;/code&gt;, and &l=
t;code title=3Ddom-Storage-clear&gt;&lt;a href=3D#dom-storage-clear&gt;cl=
ear()&lt;/a&gt;&lt;/code&gt; methods are called on a &lt;code&gt;&lt;a hr=
ef=3D#storage-0&gt;Storage&lt;/a&gt;&lt;/code&gt; object &lt;var title=3D=
&quot;&quot;&gt;x&lt;/var&gt; that is associated with a local storage are=
a, if the methods did not throw an
+  exception or &quot;do nothing&quot; as defined above, then for every &=
lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; obje=
ct whose
+  &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obje=
ct's &lt;code title=3Ddom-localStorage&gt;&lt;a href=3D#dom-localstorage&=
gt;localStorage&lt;/a&gt;&lt;/code&gt; attribute's
+  &lt;code&gt;&lt;a href=3D#storage-0&gt;Storage&lt;/a&gt;&lt;/code&gt; =
object is associated with the same storage area, other than &lt;var title=
=3D&quot;&quot;&gt;x&lt;/var&gt;, &lt;a href=3D#send-a-storage-notificati=
on&gt;send a storage notification&lt;/a&gt;.
+
+  &lt;p id=3DlocalStorageMutex&gt;Whenever the properties of a &lt;code =
title=3Ddom-localStorage&gt;&lt;a href=3D#dom-localstorage&gt;localStorag=
e&lt;/a&gt;&lt;/code&gt; attribute's &lt;code&gt;&lt;a href=3D#storage-0&=
gt;Storage&lt;/a&gt;&lt;/code&gt; object are to be
+  examined, returned, set, or deleted, whether as part of a direct prope=
rty access, when checking
+  for the presence of a property, during property enumeration, when dete=
rmining the number of
+  properties present, or as part of the execution of any of the methods =
or attributes defined on the
+  &lt;code&gt;&lt;a href=3D#storage-0&gt;Storage&lt;/a&gt;&lt;/code&gt; =
interface, the user agent must first &lt;a href=3D#obtain-the-storage-mut=
ex&gt;obtain the storage
+  mutex&lt;/a&gt;.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dthe-storage-event&gt;&lt;span class=3Dsecno&gt;11.2.4 &lt;=
/span&gt;The &lt;code title=3Devent-storage&gt;&lt;a href=3D#event-storag=
e&gt;storage&lt;/a&gt;&lt;/code&gt; event&lt;/h4&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Devent-storage title=3Devent-storage&gt;&lt;c=
ode&gt;storage&lt;/code&gt;&lt;/dfn&gt; event is fired on a
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'=
s &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; objec=
t when a storage area changes, as described in
+  the previous two sections (&lt;a href=3D#sessionStorageEvent&gt;for se=
ssion storage&lt;/a&gt;, &lt;a href=3D#localStorageEvent&gt;for local sto=
rage&lt;/a&gt;).&lt;/p&gt;
+
+  &lt;p&gt;When a user agent is to &lt;dfn id=3Dsend-a-storage-notificat=
ion&gt;send a storage notification&lt;/dfn&gt; for a &lt;code&gt;&lt;a hr=
ef=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;, the
+  user agent must &lt;a href=3D#queue-a-task&gt;queue a task&lt;/a&gt; t=
o &lt;a href=3D#concept-event-fire title=3Dconcept-event-fire&gt;fire&lt;=
/a&gt; a &lt;a href=3D#concept-events-trusted title=3Dconcept-events-trus=
ted&gt;trusted&lt;/a&gt; event with the name &lt;code&gt;&lt;a href=3D#st=
orage-0&gt;storage&lt;/a&gt;&lt;/code&gt;, which does
+  not bubble and is not cancelable, and which uses the &lt;code&gt;&lt;a=
 href=3D#storageevent&gt;StorageEvent&lt;/a&gt;&lt;/code&gt; interface, a=
t the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
object's &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt=
; object.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Such a &lt;code&gt;&lt;a href=3D#document&gt;Doc=
ument&lt;/a&gt;&lt;/code&gt; object is not necessarily &lt;a href=3D#full=
y-active&gt;fully active&lt;/a&gt;,
+  but events fired on such objects are ignored by the &lt;a href=3D#even=
t-loop&gt;event loop&lt;/a&gt; until the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
becomes &lt;a href=3D#fully-active&gt;fully active&lt;/a&gt; again.&lt;/p=
&gt;
+
+  &lt;p&gt;The &lt;a href=3D#task-source&gt;task source&lt;/a&gt; for th=
ese tasks is the &lt;a href=3D#dom-manipulation-task-source&gt;DOM manipu=
lation task
+  source&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;If the event is being fired due to an invocation of the &lt;c=
ode title=3Ddom-Storage-setItem&gt;&lt;a href=3D#dom-storage-setitem&gt;s=
etItem()&lt;/a&gt;&lt;/code&gt; or &lt;code title=3Ddom-Storage-removeIte=
m&gt;&lt;a href=3D#dom-storage-removeitem&gt;removeItem()&lt;/a&gt;&lt;/c=
ode&gt; methods, the event must have its &lt;code title=3Ddom-StorageEven=
t-key&gt;&lt;a href=3D#dom-storageevent-key&gt;key&lt;/a&gt;&lt;/code&gt;=
 attribute initialized to the name of the key in question,
+  its &lt;code title=3Ddom-StorageEvent-oldValue&gt;&lt;a href=3D#dom-st=
orageevent-oldvalue&gt;oldValue&lt;/a&gt;&lt;/code&gt; attribute initiali=
zed to the old value
+  of the key in question, or null if the key is newly added, and its &lt=
;code title=3Ddom-StorageEvent-newValue&gt;&lt;a href=3D#dom-storageevent=
-newvalue&gt;newValue&lt;/a&gt;&lt;/code&gt; attribute initialized to the=
 new value of the
+  key in question, or null if the key was removed.&lt;/p&gt;
+
+  &lt;p&gt;Otherwise, if the event is being fired due to an invocation o=
f the &lt;code title=3Ddom-Storage-clear&gt;&lt;a href=3D#dom-storage-cle=
ar&gt;clear()&lt;/a&gt;&lt;/code&gt; method, the event must have its &lt;=
code title=3Ddom-StorageEvent-key&gt;&lt;a href=3D#dom-storageevent-key&g=
t;key&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Ddom-StorageEvent-oldValue&=
gt;&lt;a href=3D#dom-storageevent-oldvalue&gt;oldValue&lt;/a&gt;&lt;/code=
&gt;,
+  and &lt;code title=3Ddom-StorageEvent-newValue&gt;&lt;a href=3D#dom-st=
orageevent-newvalue&gt;newValue&lt;/a&gt;&lt;/code&gt; attributes initial=
ized to null.&lt;/p&gt;
+
+  &lt;p&gt;In addition, the event must have its &lt;code title=3Ddom-Sto=
rageEvent-url&gt;&lt;a href=3D#dom-storageevent-url&gt;url&lt;/a&gt;&lt;/=
code&gt; attribute
+  initialized to &lt;a href=3D&quot;#the-document's-address&quot; title=3D=
&quot;the document's address&quot;&gt;the address of the document&lt;/a&g=
t; whose
+  &lt;code&gt;&lt;a href=3D#storage-0&gt;Storage&lt;/a&gt;&lt;/code&gt; =
object was affected; and its &lt;code title=3Ddom-StorageEvent-storageAre=
a&gt;&lt;a href=3D#dom-storageevent-storagearea&gt;storageArea&lt;/a&gt;&=
lt;/code&gt; attribute initialized to the
+  &lt;code&gt;&lt;a href=3D#storage-0&gt;Storage&lt;/a&gt;&lt;/code&gt; =
object from the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/=
code&gt; object of the target
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
that represents the same kind of &lt;code&gt;&lt;a href=3D#storage-0&gt;S=
torage&lt;/a&gt;&lt;/code&gt; area as was affected
+  (i.e. session or local).&lt;/p&gt;
+
+
+  &lt;h5 id=3Devent-definition-0&gt;&lt;span class=3Dsecno&gt;11.2.4.1 &=
lt;/span&gt;Event definition&lt;/h5&gt;
+
+  &lt;pre class=3Didl&gt;[Constructor(DOMString type, optional &lt;a hre=
f=3D#storageeventinit&gt;StorageEventInit&lt;/a&gt; eventInitDict)]
+interface &lt;dfn id=3Dstorageevent&gt;StorageEvent&lt;/dfn&gt; : &lt;a =
href=3D#event&gt;Event&lt;/a&gt; {
+  readonly attribute DOMString? &lt;a href=3D#dom-storageevent-key title=
=3Ddom-StorageEvent-key&gt;key&lt;/a&gt;;
+  readonly attribute DOMString? &lt;a href=3D#dom-storageevent-oldvalue =
title=3Ddom-StorageEvent-oldValue&gt;oldValue&lt;/a&gt;;
+  readonly attribute DOMString? &lt;a href=3D#dom-storageevent-newvalue =
title=3Ddom-StorageEvent-newValue&gt;newValue&lt;/a&gt;;
+  readonly attribute DOMString &lt;a href=3D#dom-storageevent-url title=3D=
dom-StorageEvent-url&gt;url&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#storage-0&gt;Storage&lt;/a&gt;? &lt;a=
 href=3D#dom-storageevent-storagearea title=3Ddom-StorageEvent-storageAre=
a&gt;storageArea&lt;/a&gt;;
+};
+
+dictionary &lt;dfn id=3Dstorageeventinit&gt;StorageEventInit&lt;/dfn&gt;=
 : &lt;a href=3D#eventinit&gt;EventInit&lt;/a&gt; {
+  DOMString? key;
+  DOMString? oldValue;
+  DOMString? newValue;
+  DOMString url;
+  &lt;a href=3D#storage-0&gt;Storage&lt;/a&gt;? storageArea;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-storageevent-key title=3Ddom-StorageEven=
t-key&gt;&lt;code&gt;key&lt;/code&gt;&lt;/dfn&gt; attribute must return t=
he value it
+  was initialized to. When the object is created, this attribute must be=
 initialized to null. It
+  represents the key being changed.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-storageevent-oldvalue title=3Ddom-Storag=
eEvent-oldValue&gt;&lt;code&gt;oldValue&lt;/code&gt;&lt;/dfn&gt; attribut=
e must return
+  the value it was initialized to. When the object is created, this attr=
ibute must be initialized to
+  null. It represents the old value of the key being changed.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-storageevent-newvalue title=3Ddom-Storag=
eEvent-newValue&gt;&lt;code&gt;newValue&lt;/code&gt;&lt;/dfn&gt; attribut=
e must return
+  the value it was initialized to. When the object is created, this attr=
ibute must be initialized to
+  null. It represents the new value of the key being changed.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-storageevent-url title=3Ddom-StorageEven=
t-url&gt;&lt;code&gt;url&lt;/code&gt;&lt;/dfn&gt; attribute must return t=
he value it
+  was initialized to. When the object is created, this attribute must be=
 initialized to the empty
+  string. It represents the address of the document whose key changed.&l=
t;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-storageevent-storagearea title=3Ddom-Sto=
rageEvent-storageArea&gt;&lt;code&gt;storageArea&lt;/code&gt;&lt;/dfn&gt;=
 attribute must
+  return the value it was initialized to. When the object is created, th=
is attribute must be
+  initialized to null. It represents the &lt;code&gt;&lt;a href=3D#stora=
ge-0&gt;Storage&lt;/a&gt;&lt;/code&gt; object that was affected.&lt;/p&gt=
;
+
+
+
+  &lt;h4 id=3Dthreads&gt;&lt;span class=3Dsecno&gt;11.2.5 &lt;/span&gt;T=
hreads&lt;/h4&gt;
+
+  &lt;p&gt;Because of &lt;a href=3D#localStorageMutex&gt;the use&lt;/a&g=
t; of the &lt;a href=3D#storage-mutex&gt;storage mutex&lt;/a&gt;, multipl=
e
+  browsing contexts will be able to access the local storage areas simul=
taneously in such a manner
+  that scripts cannot detect any concurrent script execution.&lt;/p&gt;
+
+  &lt;p&gt;Thus, the &lt;code title=3Ddom-Storage-length&gt;&lt;a href=3D=
#dom-storage-length&gt;length&lt;/a&gt;&lt;/code&gt; attribute of a &lt;c=
ode&gt;&lt;a href=3D#storage-0&gt;Storage&lt;/a&gt;&lt;/code&gt;
+  object, and the value of the various properties of that object, cannot=
 change while a script is
+  executing, other than in a way that is predictable by the script itsel=
f.&lt;/p&gt;
+
+
+  &lt;h3 id=3Ddisk-space-0&gt;&lt;span class=3Dsecno&gt;11.3 &lt;/span&g=
t;Disk space&lt;/h3&gt;
+
+  &lt;p&gt;User agents should limit the total amount of space allowed fo=
r storage areas, because hostile
+  authors could otherwise use this feature to exhaust the user's availab=
le disk space.&lt;/p&gt;
+
+  &lt;p&gt;User agents should guard against sites storing data under the=
ir origin's other affiliated
+  sites, e.g. storing up to the limit in a1.example.com, a2.example.com,=
 a3.example.com, etc,
+  circumventing the main example.com storage limit.&lt;/p&gt;
+
+  &lt;p&gt;User agents may prompt the user when quotas are reached, allo=
wing the user to grant a site more
+  space. This enables sites to store many user-created documents on the =
user's computer, for
+  instance.&lt;/p&gt;
+
+  &lt;p&gt;User agents should allow users to see how much space each dom=
ain is using.&lt;/p&gt;
+
+  &lt;!--&lt;p&gt;If the storage area space limit is reached during a &l=
t;code
+  title=3D&quot;dom-Storage-setItem&quot;&gt;setItem()&lt;/code&gt; call=
, the method will throw an exception.&lt;/p&gt;--&gt;
+
+  &lt;p&gt;A mostly arbitrary limit of five megabytes per &lt;a href=3D#=
origin&gt;origin&lt;/a&gt; is suggested. Implementation
+  feedback is welcome and will be used to update this suggestion in the =
future.&lt;/p&gt;
+
+  &lt;p&gt;For predictability, quotas should be based on the uncompresse=
d size of data stored.&lt;/p&gt;
+  &lt;!-- see https://www.w3.org/Bugs/Public/show_bug.cgi?id=3D21319#c3 =
--&gt;
+
+
+  &lt;h3 id=3Dprivacy&gt;&lt;span class=3Dsecno&gt;11.4 &lt;/span&gt;Pri=
vacy&lt;/h3&gt;
+
+  &lt;h4 id=3Duser-tracking&gt;&lt;span class=3Dsecno&gt;11.4.1 &lt;/spa=
n&gt;User tracking&lt;/h4&gt;
+
+  &lt;p&gt;A third-party advertiser (or any entity capable of getting co=
ntent distributed to multiple
+  sites) could use a unique identifier stored in its local storage area =
to track a user across
+  multiple sessions, building a profile of the user's interests to allow=
 for highly targeted
+  advertising. In conjunction with a site that is aware of the user's re=
al identity (for example an
+  e-commerce site that requires authenticated credentials), this could a=
llow oppressive groups to
+  target individuals with greater accuracy than in a world with purely a=
nonymous Web usage.&lt;/p&gt;
+
+  &lt;p&gt;There are a number of techniques that can be used to mitigate=
 the risk of user tracking:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;Blocking third-party storage&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;User agents may restrict access to the &lt;code title=3Ddom=
-localStorage&gt;&lt;a href=3D#dom-localstorage&gt;localStorage&lt;/a&gt;=
&lt;/code&gt;
+    objects to scripts originating at the domain of the top-level docume=
nt of the &lt;a href=3D#browsing-context&gt;browsing
+    context&lt;/a&gt;, for instance denying access to the API for pages =
from other domains running in
+    &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;=
/code&gt;s.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Expiring stored data&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;User agents may, possibly in a manner configured by the use=
r, automatically delete stored
+    data after a period of time.&lt;/p&gt;
+
+    &lt;p&gt;For example, a user agent could be configured to treat thir=
d-party local storage areas as
+    session-only storage, deleting the data once the user had closed all=
 the &lt;a href=3D#browsing-context title=3D&quot;browsing
+    context&quot;&gt;browsing contexts&lt;/a&gt; that could access it.&l=
t;/p&gt;
+
+    &lt;p&gt;This can restrict the ability of a site to track a user, as=
 the site would then only be able
+    to track the user across multiple sessions when he authenticates wit=
h the site itself (e.g. by
+    making a purchase or logging in to a service).&lt;/p&gt;
+
+    &lt;p&gt;However, this also reduces the usefulness of the API as a l=
ong-term storage mechanism. It can
+    also put the user's data at risk, if the user does not fully underst=
and the implications of data
+    expiration.&lt;/p&gt;
+
+    &lt;!--v2 consider adding an explicit way for sites to state when da=
ta should expire, as in
+    localStorage.expireData(365); --&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Treating persistent storage as cookies&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If users attempt to protect their privacy by clearing cooki=
es without also clearing data
+    stored in the local storage area, sites can defeat those attempts by=
 using the two features as
+    redundant backup for each other. User agents should present the inte=
rfaces for clearing these in
+    a way that helps users to understand this possibility and enables th=
em to delete data in all
+    persistent storage features simultaneously. &lt;a href=3D#refsCOOKIE=
S&gt;[COOKIES]&lt;/a&gt;&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Site-specific white-listing of access to local storage area=
s&lt;/dt&gt; &lt;dd&gt;
+
+    &lt;p&gt;User agents may allow sites to access session storage areas=
 in
+    an unrestricted manner, but require the user to authorize access
+    to local storage areas.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Origin-tracking of stored data&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;User agents may record the &lt;a href=3D#origin title=3Dori=
gin&gt;origins&lt;/a&gt; of sites that contained
+    content from third-party origins that caused data to be stored.&lt;/=
p&gt;
+
+    &lt;p&gt;If this information is then used to present the view of dat=
a currently in persistent storage,
+    it would allow the user to make informed decisions about which parts=
 of the persistent storage
+    to prune. Combined with a blacklist (&quot;delete this data and prev=
ent this domain from ever storing
+    data again&quot;), the user can restrict the use of persistent stora=
ge to sites that he trusts.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Shared blacklists&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;User agents may allow users to share their persistent stora=
ge domain blacklists.&lt;/p&gt;
+
+    &lt;p&gt;This would allow communities to act together to protect the=
ir privacy.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;While these suggestions prevent trivial use of thi=
s API for user tracking, they do not block it
+  altogether. Within a single domain, a site can continue to track the u=
ser during a session, and
+  can then pass all this information to the third party along with any i=
dentifying information
+  (names, credit card numbers, addresses) obtained by the site. If a thi=
rd party cooperates with
+  multiple sites to obtain such information, a profile can still be crea=
ted.&lt;/p&gt;
+
+  &lt;p&gt;However, user tracking is to some extent possible even with n=
o cooperation from the user agent
+  whatsoever, for instance by using session identifiers in URLs, a techn=
ique already commonly used
+  for innocuous purposes but easily repurposed for user tracking (even r=
etroactively). This
+  information can then be shared with other sites, using visitors' IP ad=
dresses and other
+  user-specific data (e.g. user-agent headers and configuration settings=
) to combine separate
+  sessions into coherent user profiles.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dsensitivity-of-data&gt;&lt;span class=3Dsecno&gt;11.4.2 &l=
t;/span&gt;Sensitivity of data&lt;/h4&gt;
+
+  &lt;p&gt;User agents should treat persistently stored data as potentia=
lly sensitive; it's quite possible
+  for e-mails, calendar appointments, health records, or other confident=
ial documents to be stored
+  in this mechanism.&lt;/p&gt;
+
+  &lt;p&gt;To this end, user agents should ensure that when deleting dat=
a, it is promptly deleted from the
+  underlying storage.&lt;/p&gt;
+
+
+&lt;!--ADD-TOPIC:Security--&gt;
+  &lt;h3 id=3Dsecurity-storage&gt;&lt;span class=3Dsecno&gt;11.5 &lt;/sp=
an&gt;Security&lt;/h3&gt;
+
+  &lt;h4 id=3Ddns-spoofing-attacks&gt;&lt;span class=3Dsecno&gt;11.5.1 &=
lt;/span&gt;DNS spoofing attacks&lt;/h4&gt;
+
+  &lt;p&gt;Because of the potential for DNS spoofing attacks, one cannot=
 guarantee that a host claiming to
+  be in a certain domain really is from that domain. To mitigate this, p=
ages can use TLS. Pages
+  using TLS can be sure that only the user, software working on behalf o=
f the user, and other pages
+  using TLS that have certificates identifying them as being from the sa=
me domain, can access their
+  storage areas.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dcross-directory-attacks&gt;&lt;span class=3Dsecno&gt;11.5.=
2 &lt;/span&gt;Cross-directory attacks&lt;/h4&gt;
+
+  &lt;p&gt;Different authors sharing one host name, for example users ho=
sting content on
+  &lt;code&gt;geocities.com&lt;/code&gt;, all share one local storage ob=
ject. There is no feature to restrict
+  the access by pathname. Authors on shared hosts are therefore urged to=
 avoid using these features,
+  as it would be trivial for other authors to read the data and overwrit=
e it.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Even if a path-restriction feature was made avai=
lable, the usual DOM scripting
+  security model would make it trivial to bypass this protection and acc=
ess the data from any
+  path.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dimplementation-risks&gt;&lt;span class=3Dsecno&gt;11.5.3 &=
lt;/span&gt;Implementation risks&lt;/h4&gt;
+
+  &lt;p&gt;The two primary risks when implementing these persistent stor=
age features are letting hostile
+  sites read information from other domains, and letting hostile sites w=
rite information that is
+  then read from other domains.&lt;/p&gt;
+
+  &lt;p&gt;Letting third-party sites read data that is not supposed to b=
e read from their domain causes
+  &lt;em&gt;information leakage&lt;/em&gt;, For example, a user's shoppi=
ng wishlist on one domain could be used
+  by another domain for targeted advertising; or a user's work-in-progre=
ss confidential documents
+  stored by a word-processing site could be examined by the site of a co=
mpeting company.&lt;/p&gt;
+
+  &lt;p&gt;Letting third-party sites write data to the persistent storag=
e of other domains can result in
+  &lt;em&gt;information spoofing&lt;/em&gt;, which is equally dangerous.=
 For example, a hostile site could add
+  items to a user's wishlist; or a hostile site could set a user's sessi=
on identifier to a known ID
+  that the hostile site can then use to track the user's actions on the =
victim site.&lt;/p&gt;
+
+  &lt;p&gt;Thus, strictly following the &lt;a href=3D#origin&gt;origin&l=
t;/a&gt; model described in this specification is
+  important for user security.&lt;/p&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+
+
+
+
+
+&lt;!--TOPIC:HTML Syntax and Parsing--&gt;
+
+  &lt;h2 id=3Dsyntax&gt;&lt;span class=3Dsecno&gt;12 &lt;/span&gt;&lt;df=
n&gt;The HTML syntax&lt;/dfn&gt;&lt;/h2&gt;
+
+  &lt;p class=3Dnote&gt;This section only describes the rules for resour=
ces labeled with an &lt;a href=3D#html-mime-type&gt;HTML
+  MIME type&lt;/a&gt;. Rules for XML resources are discussed in the sect=
ion below entitled &quot;&lt;a href=3D#the-xhtml-syntax&gt;The
+  XHTML syntax&lt;/a&gt;&quot;.&lt;/p&gt;
+
+
+  &lt;h3 id=3Dwriting&gt;&lt;span class=3Dsecno&gt;12.1 &lt;/span&gt;Wri=
ting HTML documents&lt;/h3&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;&lt;i&gt;This section only applies to documents, authoring to=
ols, and markup generators. In
+  particular, it does not apply to conformance checkers; conformance che=
ckers must use the
+  requirements given in the next section (&quot;parsing HTML documents&q=
uot;).&lt;/i&gt;&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;Documents must consist of the following parts, in the given
+  order:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;Optionally, a single U+FEFF BYTE ORDER MARK (BOM) =
character.&lt;/li&gt;
+
+   &lt;li&gt;Any number of &lt;a href=3D#syntax-comments title=3Dsyntax-=
comments&gt;comments&lt;/a&gt; and &lt;a href=3D#space-character title=3D=
&quot;space
+   character&quot;&gt;space characters&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;A &lt;a href=3D#syntax-doctype title=3Dsyntax-doctype&gt;DO=
CTYPE&lt;/a&gt;.
+
+   &lt;li&gt;Any number of &lt;a href=3D#syntax-comments title=3Dsyntax-=
comments&gt;comments&lt;/a&gt; and &lt;a href=3D#space-character title=3D=
&quot;space
+   character&quot;&gt;space characters&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;The root element, in the form of an &lt;code&gt;&lt;a href=3D=
#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt; &lt;a href=3D#syntax-ele=
ments title=3Dsyntax-elements&gt;element&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;Any number of &lt;a href=3D#syntax-comments title=3Dsyntax-=
comments&gt;comments&lt;/a&gt; and &lt;a href=3D#space-character title=3D=
&quot;space
+   character&quot;&gt;space characters&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The various types of content mentioned above are d=
escribed in the next few sections.&lt;/p&gt;
+
+  &lt;p&gt;In addition, there are some restrictions on how &lt;a href=3D=
#character-encoding-declaration title=3D&quot;character encoding
+  declaration&quot;&gt;character encoding declarations&lt;/a&gt; are to =
be serialized, as discussed in the
+  section on that topic.&lt;/p&gt;
+
+  &lt;div class=3Dnote&gt;
+
+   &lt;p&gt;Space characters before the root &lt;code&gt;&lt;a href=3D#t=
he-html-element&gt;html&lt;/a&gt;&lt;/code&gt; element, and space charact=
ers at the start
+   of the &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&l=
t;/code&gt; element and before the &lt;code&gt;&lt;a href=3D#the-head-ele=
ment&gt;head&lt;/a&gt;&lt;/code&gt; element, will be dropped when
+   the document is parsed; space characters &lt;em&gt;after&lt;/em&gt; t=
he root &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/=
code&gt; element will
+   be parsed as if they were at the end of the &lt;code&gt;&lt;a href=3D=
#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt; element. Thus, space cha=
racters
+   around the root element do not round-trip.&lt;/p&gt;
+
+   &lt;p&gt;It is suggested that newlines be inserted after the DOCTYPE,=
 after any comments that are
+   before the root element, after the &lt;code&gt;&lt;a href=3D#the-html=
-element&gt;html&lt;/a&gt;&lt;/code&gt; element's start tag (if it is not=
 &lt;a href=3D#syntax-tag-omission title=3Dsyntax-tag-omission&gt;omitted=
&lt;/a&gt;), and after any comments that are inside the
+   &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/code=
&gt; element but before the &lt;code&gt;&lt;a href=3D#the-head-element&gt=
;head&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;Many strings in the HTML syntax (e.g. the names of elements a=
nd their attributes) are
+  case-insensitive, but only for &lt;a href=3D#uppercase-ascii-letters&g=
t;uppercase ASCII letters&lt;/a&gt; and &lt;a href=3D#lowercase-ascii-let=
ters&gt;lowercase ASCII
+  letters&lt;/a&gt;. For convenience, in this section this is just refer=
red to as
+  &quot;case-insensitive&quot;.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dthe-doctype&gt;&lt;span class=3Dsecno&gt;12.1.1 &lt;/span&=
gt;The DOCTYPE&lt;/h4&gt;
+
+  &lt;p&gt;A &lt;dfn id=3Dsyntax-doctype title=3Dsyntax-doctype&gt;DOCTY=
PE&lt;/dfn&gt; is a &lt;!-- mostly useless but nonetheless --&gt;
+  required preamble.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;DOCTYPEs are required for legacy reasons. When o=
mitted, browsers tend to use a
+  different rendering mode that is incompatible with some specifications=
. Including the DOCTYPE in a
+  document ensures that the browser makes a best-effort attempt at follo=
wing the relevant
+  specifications.&lt;/p&gt;
+
+  &lt;p&gt;A DOCTYPE must consist of the following components, in this o=
rder:&lt;/p&gt;
+
+  &lt;ol class=3Dbrief&gt;&lt;li&gt;A string that is an &lt;a href=3D#as=
cii-case-insensitive&gt;ASCII case-insensitive&lt;/a&gt; match for the st=
ring &quot;&lt;code title=3D&quot;&quot;&gt;&amp;lt;!DOCTYPE&lt;/code&gt;=
&quot;.&lt;/li&gt;
+   &lt;li&gt;One or more &lt;a href=3D#space-character title=3D&quot;spa=
ce character&quot;&gt;space characters&lt;/a&gt;.&lt;/li&gt;
+   &lt;li&gt;A string that is an &lt;a href=3D#ascii-case-insensitive&gt=
;ASCII case-insensitive&lt;/a&gt; match for the string &quot;&lt;code tit=
le=3D&quot;&quot;&gt;html&lt;/code&gt;&quot;.&lt;/li&gt;
+   &lt;li&gt;Optionally, a &lt;a href=3D#doctype-legacy-string&gt;DOCTYP=
E legacy string&lt;/a&gt; or an &lt;a href=3D#obsolete-permitted-doctype-=
string&gt;obsolete permitted DOCTYPE string&lt;/a&gt; (defined below).&lt=
;/li&gt;
+   &lt;li&gt;Zero or more &lt;a href=3D#space-character title=3D&quot;sp=
ace character&quot;&gt;space characters&lt;/a&gt;.&lt;/li&gt;
+   &lt;li&gt;A U+003E GREATER-THAN SIGN character (&amp;gt;).&lt;/li&gt;
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;In other words, &lt;code&gt;&amp;lt;!=
DOCTYPE html&amp;gt;&lt;/code&gt;, case-insensitively.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;For the purposes of HTML generators that cannot out=
put HTML markup with the short DOCTYPE
+  &quot;&lt;code title=3D&quot;&quot;&gt;&amp;lt;!DOCTYPE html&amp;gt;&l=
t;/code&gt;&quot;, a &lt;dfn id=3Ddoctype-legacy-string&gt;DOCTYPE legacy=
 string&lt;/dfn&gt; may be inserted
+  into the DOCTYPE (in the position defined above). This string must con=
sist of:&lt;/p&gt;
+
+  &lt;ol class=3Dbrief&gt;&lt;li&gt;One or more &lt;a href=3D#space-char=
acter title=3D&quot;space character&quot;&gt;space characters&lt;/a&gt;.&=
lt;/li&gt;
+   &lt;li&gt;A string that is an &lt;a href=3D#ascii-case-insensitive&gt=
;ASCII case-insensitive&lt;/a&gt; match for the string &quot;&lt;code tit=
le=3D&quot;&quot;&gt;SYSTEM&lt;/code&gt;&quot;.&lt;/li&gt;
+   &lt;li&gt;One or more &lt;a href=3D#space-character title=3D&quot;spa=
ce character&quot;&gt;space characters&lt;/a&gt;.&lt;/li&gt;
+   &lt;li&gt;A U+0022 QUOTATION MARK or U+0027 APOSTROPHE character (the=
 &lt;i&gt;quote mark&lt;/i&gt;).&lt;/li&gt;
+   &lt;li&gt;The literal string &quot;&lt;code&gt;&lt;a href=3D#about:le=
gacy-compat&gt;about:legacy-compat&lt;/a&gt;&lt;/code&gt;&quot;.&lt;/li&g=
t;
+   &lt;li&gt;A matching U+0022 QUOTATION MARK or U+0027 APOSTROPHE chara=
cter (i.e. the same character as in the earlier step labeled &lt;i&gt;quo=
te mark&lt;/i&gt;).&lt;/li&gt;
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;In other words, &lt;code&gt;&amp;lt;!=
DOCTYPE html SYSTEM &quot;about:legacy-compat&quot;&amp;gt;&lt;/code&gt; =
or
+  &lt;code&gt;&amp;lt;!DOCTYPE html SYSTEM 'about:legacy-compat'&amp;gt;=
&lt;/code&gt;, case-insensitively except for the
+  part in single or double quotes.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#doctype-legacy-string&gt;DOCTYPE legacy str=
ing&lt;/a&gt; should not be used unless the document is generated from
+  a system that cannot output the shorter string.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;!-- see the parser section before changing this bit --&g=
t;&lt;p&gt;To help authors transition from HTML4 and XHTML1, an &lt;dfn i=
d=3Dobsolete-permitted-doctype-string&gt;obsolete permitted DOCTYPE
+  string&lt;/dfn&gt; can be inserted into the DOCTYPE (in the position d=
efined above). This string must
+  consist of:&lt;/p&gt;
+
+  &lt;ol class=3Dbrief&gt;&lt;li&gt;One or more &lt;a href=3D#space-char=
acter title=3D&quot;space character&quot;&gt;space characters&lt;/a&gt;.&=
lt;/li&gt;
+   &lt;li&gt;A string that is an &lt;a href=3D#ascii-case-insensitive&gt=
;ASCII case-insensitive&lt;/a&gt; match for the string &quot;&lt;code tit=
le=3D&quot;&quot;&gt;PUBLIC&lt;/code&gt;&quot;.&lt;/li&gt;
+   &lt;li&gt;One or more &lt;a href=3D#space-character title=3D&quot;spa=
ce character&quot;&gt;space characters&lt;/a&gt;.&lt;/li&gt;
+   &lt;li&gt;A U+0022 QUOTATION MARK or U+0027 APOSTROPHE character (the=
 &lt;i&gt;first quote mark&lt;/i&gt;).&lt;/li&gt;
+   &lt;li&gt;The string from one of the cells in the first column of the=
 table below. The row to which this cell belongs is the &lt;i&gt;selected=
 row&lt;/i&gt;.&lt;/li&gt;
+   &lt;li&gt;A matching U+0022 QUOTATION MARK or U+0027 APOSTROPHE chara=
cter (i.e. the same character as in the earlier step labeled &lt;i&gt;fir=
st quote mark&lt;/i&gt;).&lt;/li&gt;
+   &lt;li&gt;If the cell in the second column of the &lt;i&gt;selected r=
ow&lt;/i&gt; is not blank, one or more &lt;a href=3D#space-character titl=
e=3D&quot;space character&quot;&gt;space characters&lt;/a&gt;.&lt;/li&gt;
+   &lt;li&gt;If the cell in the second column of the &lt;i&gt;selected r=
ow&lt;/i&gt; is not blank, a U+0022 QUOTATION MARK or U+0027 APOSTROPHE c=
haracter (the &lt;i&gt;third quote mark&lt;/i&gt;).&lt;/li&gt;
+   &lt;li&gt;If the cell in the second column of the &lt;i&gt;selected r=
ow&lt;/i&gt; is not blank, the string from the cell in the second column =
of the &lt;i&gt;selected row&lt;/i&gt;.&lt;/li&gt;
+   &lt;li&gt;If the cell in the second column of the &lt;i&gt;selected r=
ow&lt;/i&gt; is not blank, a matching U+0022 QUOTATION MARK or U+0027 APO=
STROPHE character (i.e. the same character as in the earlier step labeled=
 &lt;i&gt;third quote mark&lt;/i&gt;).&lt;/li&gt;
+  &lt;/ol&gt;&lt;table&gt;&lt;caption&gt;
+    Allowed values for public and system identifiers in an &lt;a href=3D=
#obsolete-permitted-doctype-string&gt;obsolete permitted DOCTYPE string&l=
t;/a&gt;.
+   &lt;/caption&gt;
+   &lt;thead&gt;&lt;tr&gt;&lt;th&gt; Public identifier
+     &lt;th&gt; System identifier
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;-/=
/W3C//DTD&amp;nbsp;HTML&amp;nbsp;4.0//EN&lt;/code&gt;
+     &lt;td&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;-//W3C//DTD&am=
p;nbsp;HTML&amp;nbsp;4.0//EN&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;http://www.w3.org/TR/RE=
C-html40/strict.dtd&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;-//W3C//DTD&am=
p;nbsp;HTML&amp;nbsp;4.01//EN&lt;/code&gt;
+     &lt;td&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;-//W3C//DTD&am=
p;nbsp;HTML&amp;nbsp;4.01//EN&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;http://www.w3.org/TR/ht=
ml4/strict.dtd&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;-//W3C//DTD&am=
p;nbsp;XHTML&amp;nbsp;1.0&amp;nbsp;Strict//EN&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;http://www.w3.org/TR/xh=
tml1/DTD/xhtml1-strict.dtd&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;-//W3C//DTD&am=
p;nbsp;XHTML&amp;nbsp;1.1//EN&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;http://www.w3.org/TR/xh=
tml11/DTD/xhtml11.dtd&lt;/code&gt;
+  &lt;/table&gt;&lt;p&gt;A &lt;a href=3D#syntax-doctype title=3Dsyntax-d=
octype&gt;DOCTYPE&lt;/a&gt; containing an &lt;a href=3D#obsolete-permitte=
d-doctype-string&gt;obsolete permitted DOCTYPE
+  string&lt;/a&gt; is an &lt;dfn id=3Dobsolete-permitted-doctype&gt;obso=
lete permitted DOCTYPE&lt;/dfn&gt;. Authors should not use &lt;a href=3D#=
obsolete-permitted-doctype title=3D&quot;obsolete permitted DOCTYPE&quot;=
&gt;obsolete permitted DOCTYPEs&lt;/a&gt;, as they are unnecessarily
+  long.&lt;/p&gt;
+
+
+
+
+  &lt;h4 id=3Delements-0&gt;&lt;span class=3Dsecno&gt;12.1.2 &lt;/span&g=
t;Elements&lt;/h4&gt;
+
+  &lt;p&gt;There are five different kinds of &lt;dfn id=3Dsyntax-element=
s title=3Dsyntax-elements&gt;elements&lt;/dfn&gt;: &lt;a href=3D#void-ele=
ments&gt;void
+  elements&lt;/a&gt;, &lt;a href=3D#raw-text-elements&gt;raw text elemen=
ts&lt;/a&gt;, &lt;a href=3D#escapable-raw-text-elements&gt;escapable raw =
text elements&lt;/a&gt;,
+  &lt;a href=3D#foreign-elements&gt;foreign elements&lt;/a&gt;, and &lt;=
a href=3D#normal-elements&gt;normal elements&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dvoid-elements&gt;Void elements&lt;/df=
n&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt=
;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-base-element&gt;base&lt;/a&=
gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-br-element&gt;br&lt;/a&gt=
;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-col-element&gt;col&lt;/a&gt=
;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-embed-element&gt;embed&lt;/=
a&gt;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-hr-element&gt;hr&lt;/a&gt;&lt;/code&gt;=
, &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt;=
, &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code=
&gt;, &lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt;/a&gt;&lt=
;/code&gt;, &lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&=
lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-menuitem-element&gt;menuitem&lt;/a&gt;&=
lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-meta-element&gt;meta&lt;/a&gt=
;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-param-element&gt;param&lt;/=
a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-source-element&gt;sourc=
e&lt;/a&gt;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-track-element&gt;track&lt;/a&gt;&lt;/co=
de&gt;, &lt;code&gt;&lt;a href=3D#the-wbr-element&gt;wbr&lt;/a&gt;&lt;/co=
de&gt;&lt;/dd&gt;
+   &lt;!-- see also other places that say VOIDLIST --&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Draw-text-elements&gt;Raw text elements&lt;/dfn=
&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/=
a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-style-element&gt;style&=
lt;/a&gt;&lt;/code&gt;&lt;/dd&gt; &lt;!-- iframe and noscript don't count=
 as raw text
+   for syntax purposes --&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Descapable-raw-text-elements&gt;escapable raw t=
ext elements&lt;/dfn&gt;&lt;/dt&gt;
+
+   &lt;dd&gt;&lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&=
lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-title-element&gt;ti=
tle&lt;/a&gt;&lt;/code&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dforeign-elements&gt;Foreign elements&lt;/dfn&g=
t;&lt;/dt&gt;
+
+   &lt;dd&gt;Elements from the &lt;a href=3D#mathml-namespace&gt;MathML =
namespace&lt;/a&gt; and the &lt;a href=3D#svg-namespace&gt;SVG namespace&=
lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dnormal-elements&gt;Normal elements&lt;/dfn&gt;=
&lt;/dt&gt;
+
+   &lt;dd&gt;All other allowed &lt;a href=3D#html-elements&gt;HTML eleme=
nts&lt;/a&gt; are normal elements.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;&lt;dfn id=3Dsyntax-tags title=3Dsyntax-tags&gt;Ta=
gs&lt;/dfn&gt; are used to delimit the start and end of elements in the
+  markup. &lt;a href=3D#raw-text-elements title=3D&quot;raw text element=
s&quot;&gt;Raw text&lt;/a&gt;, &lt;a href=3D#escapable-raw-text-elements =
title=3D&quot;escapable raw text
+  elements&quot;&gt;escapable raw text&lt;/a&gt;, and &lt;a href=3D#norm=
al-elements title=3D&quot;normal elements&quot;&gt;normal&lt;/a&gt; eleme=
nts have
+  a &lt;a href=3D#syntax-start-tag title=3Dsyntax-start-tag&gt;start tag=
&lt;/a&gt; to indicate where they begin, and an &lt;a href=3D#syntax-end-=
tag title=3Dsyntax-end-tag&gt;end tag&lt;/a&gt; to indicate where they en=
d. The start and end tags of
+  certain &lt;a href=3D#normal-elements&gt;normal elements&lt;/a&gt; can=
 be &lt;a href=3D#syntax-tag-omission title=3Dsyntax-tag-omission&gt;omit=
ted&lt;/a&gt;, as
+  described below in the section on &lt;a href=3D#syntax-tag-omission ti=
tle=3Dsyntax-tag-omission&gt;optional tags&lt;/a&gt;. Those
+  that cannot be omitted must not be omitted. &lt;a href=3D#void-element=
s&gt;Void elements&lt;/a&gt; only have a start tag; end
+  tags must not be specified for &lt;a href=3D#void-elements&gt;void ele=
ments&lt;/a&gt;. &lt;a href=3D#foreign-elements&gt;Foreign elements&lt;/a=
&gt; must
+  either have a start tag and an end tag, or a start tag that is marked =
as self-closing, in which
+  case they must not have an end tag.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#concept-html-contents title=3Dconcept-html-=
contents&gt;contents&lt;/a&gt; of the element must be placed between
+  just after the start tag (which &lt;a href=3D#syntax-tag-omission titl=
e=3Dsyntax-tag-omission&gt;might be implied, in certain
+  cases&lt;/a&gt;) and just before the end tag (which again, &lt;a href=3D=
#syntax-tag-omission title=3Dsyntax-tag-omission&gt;might be
+  implied in certain cases&lt;/a&gt;). The exact allowed contents of eac=
h individual element depend on
+  the &lt;a href=3D#content-models title=3D&quot;content models&quot;&gt=
;content model&lt;/a&gt; of that element, as described earlier in
+  this specification. Elements must not contain content that their conte=
nt model disallows. In
+  addition to the restrictions placed on the contents by those content m=
odels, however, the five
+  types of elements have additional &lt;em&gt;syntactic&lt;/em&gt; requi=
rements.&lt;/p&gt;
+
+  &lt;p&gt;&lt;a href=3D#void-elements&gt;Void elements&lt;/a&gt; can't =
have any contents (since there's no end tag, no content can be
+  put between the start tag and the end tag).&lt;/p&gt;
+
+  &lt;p&gt;&lt;a href=3D#raw-text-elements&gt;Raw text elements&lt;/a&gt=
; can have &lt;a href=3D#syntax-text title=3Dsyntax-text&gt;text&lt;/a&gt=
;, though it has &lt;a href=3D#cdata-rcdata-restrictions&gt;restrictions&=
lt;/a&gt; described below.&lt;/p&gt;
+
+  &lt;p&gt;&lt;a href=3D#escapable-raw-text-elements&gt;Escapable raw te=
xt elements&lt;/a&gt; can have &lt;a href=3D#syntax-text title=3Dsyntax-t=
ext&gt;text&lt;/a&gt; and
+  &lt;a href=3D#syntax-charref title=3Dsyntax-charref&gt;character refer=
ences&lt;/a&gt;, but the text must not contain an &lt;a href=3D#syntax-am=
biguous-ampersand title=3Dsyntax-ambiguous-ampersand&gt;ambiguous ampersa=
nd&lt;/a&gt;. There are also &lt;a href=3D#cdata-rcdata-restrictions&gt;f=
urther restrictions&lt;/a&gt; described below.&lt;/p&gt;
+
+  &lt;p&gt;&lt;a href=3D#foreign-elements&gt;Foreign elements&lt;/a&gt; =
whose start tag is marked as self-closing can't have any contents
+  (since, again, as there's no end tag, no content can be put between th=
e start tag and the end
+  tag). &lt;a href=3D#foreign-elements&gt;Foreign elements&lt;/a&gt; who=
se start tag is &lt;em&gt;not&lt;/em&gt; marked as self-closing can
+  have &lt;a href=3D#syntax-text title=3Dsyntax-text&gt;text&lt;/a&gt;, =
&lt;a href=3D#syntax-charref title=3Dsyntax-charref&gt;character
+  references&lt;/a&gt;, &lt;a href=3D#syntax-cdata title=3Dsyntax-cdata&=
gt;CDATA sections&lt;/a&gt;, other &lt;a href=3D#syntax-elements title=3D=
syntax-elements&gt;elements&lt;/a&gt;, and &lt;a href=3D#syntax-comments =
title=3Dsyntax-comments&gt;comments&lt;/a&gt;, but
+  the text must not contain the character U+003C LESS-THAN SIGN (&amp;lt=
;) or an &lt;a href=3D#syntax-ambiguous-ampersand title=3Dsyntax-ambiguou=
s-ampersand&gt;ambiguous ampersand&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dnote&gt;
+
+   &lt;p&gt;The HTML syntax does not support namespace declarations, eve=
n in &lt;a href=3D#foreign-elements&gt;foreign
+   elements&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;p&gt;For instance, consider the following HTML fragment:&lt;/p&gt=
;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt;
+ &amp;lt;svg&amp;gt;
+  &amp;lt;metadata&amp;gt;
+   &amp;lt;!-- this is invalid --&amp;gt;
+   &amp;lt;cdr:license xmlns:cdr=3D&quot;http://www.example.com/cdr/meta=
data&quot; name=3D&quot;MIT&quot;/&amp;gt;
+  &amp;lt;/metadata&amp;gt;
+ &amp;lt;/svg&amp;gt;
+&amp;lt;/p&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;The innermost element, &lt;code title=3D&quot;&quot;&gt;cdr:=
license&lt;/code&gt;, is actually in the SVG namespace, as
+   the &quot;&lt;code title=3D&quot;&quot;&gt;xmlns:cdr&lt;/code&gt;&quo=
t; attribute has no effect (unlike in XML). In fact, as the
+   comment in the fragment above says, the fragment is actually non-conf=
orming. This is because the
+   SVG specification does not define any elements called &quot;&lt;code =
title=3D&quot;&quot;&gt;cdr:license&lt;/code&gt;&quot; in the
+   SVG namespace.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;&lt;a href=3D#normal-elements&gt;Normal elements&lt;/a&gt; ca=
n have &lt;a href=3D#syntax-text title=3Dsyntax-text&gt;text&lt;/a&gt;, &=
lt;a href=3D#syntax-charref title=3Dsyntax-charref&gt;character reference=
s&lt;/a&gt;, other &lt;a href=3D#syntax-elements title=3Dsyntax-elements&=
gt;elements&lt;/a&gt;, and &lt;a href=3D#syntax-comments title=3Dsyntax-c=
omments&gt;comments&lt;/a&gt;, but
+  the text must not contain the character U+003C LESS-THAN SIGN (&amp;lt=
;) or an &lt;a href=3D#syntax-ambiguous-ampersand title=3Dsyntax-ambiguou=
s-ampersand&gt;ambiguous ampersand&lt;/a&gt;. Some &lt;a href=3D#normal-e=
lements&gt;normal elements&lt;/a&gt;
+  also have &lt;a href=3D#element-restrictions&gt;yet more restrictions&=
lt;/a&gt; on what content they are
+  allowed to hold, beyond the restrictions imposed by the content model =
and those described in this
+  paragraph. Those restrictions are described below.&lt;/p&gt;
+
+  &lt;p&gt;Tags contain a &lt;dfn id=3Dsyntax-tag-name title=3Dsyntax-ta=
g-name&gt;tag name&lt;/dfn&gt;, giving the element's name. HTML
+  elements all have names that only use &lt;a href=3D#alphanumeric-ascii=
-characters&gt;alphanumeric ASCII characters&lt;/a&gt;. In the HTML
+  syntax, tag names, even those for &lt;a href=3D#foreign-elements&gt;fo=
reign elements&lt;/a&gt;, may be written with any mix of
+  lower- and uppercase letters that, when converted to all-lowercase, ma=
tches the element's tag
+  name; tag names are case-insensitive.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dstart-tags&gt;&lt;span class=3Dsecno&gt;12.1.2.1 &lt;/span=
&gt;Start tags&lt;/h5&gt;
+
+  &lt;p&gt;&lt;dfn id=3Dsyntax-start-tag title=3Dsyntax-start-tag&gt;Sta=
rt tags&lt;/dfn&gt; must have the following format:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;The first character of a start tag must be a U+003=
C LESS-THAN SIGN character (&amp;lt;).&lt;/li&gt;
+
+   &lt;li&gt;The next few characters of a start tag must be the element'=
s &lt;a href=3D#syntax-tag-name title=3Dsyntax-tag-name&gt;tag name&lt;/a=
&gt;.&lt;/li&gt;
+
+   &lt;li&gt;If there are to be any attributes in the next step, there m=
ust first be one or more &lt;a href=3D#space-character title=3D&quot;spac=
e character&quot;&gt;space characters&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;Then, the start tag may have a number of attributes, the &l=
t;a href=3D#syntax-attributes title=3Dsyntax-attributes&gt;syntax for whi=
ch&lt;/a&gt; is described below. Attributes must be
+   separated from each other by one or more &lt;a href=3D#space-characte=
r title=3D&quot;space character&quot;&gt;space
+   characters&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;After the attributes, or after the &lt;a href=3D#syntax-tag=
-name title=3Dsyntax-tag-name&gt;tag name&lt;/a&gt; if there are
+   no attributes, there may be one or more &lt;a href=3D#space-character=
 title=3D&quot;space character&quot;&gt;space characters&lt;/a&gt;.
+   (Some attributes are required to be followed by a space. See the &lt;=
a href=3D#syntax-attributes title=3Dsyntax-attributes&gt;attributes secti=
on&lt;/a&gt; below.)&lt;/li&gt;
+
+   &lt;li&gt;Then, if the element is one of the &lt;a href=3D#void-eleme=
nts&gt;void elements&lt;/a&gt;, or if the element is a &lt;a href=3D#fore=
ign-elements title=3D&quot;foreign elements&quot;&gt;foreign element&lt;/=
a&gt;, then there may be a single U+002F SOLIDUS
+   character (/). This character has no effect on &lt;a href=3D#void-ele=
ments&gt;void elements&lt;/a&gt;, but on &lt;a href=3D#foreign-elements&g=
t;foreign
+   elements&lt;/a&gt; it marks the start tag as self-closing.&lt;/li&gt;
+
+   &lt;li&gt;Finally, start tags must be closed by a U+003E GREATER-THAN=
 SIGN character (&amp;gt;).&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;h5 id=3Dend-tags&gt;&lt;span class=3Dsecno&gt;12.1.2.2 =
&lt;/span&gt;End tags&lt;/h5&gt;
+
+  &lt;p&gt;&lt;dfn id=3Dsyntax-end-tag title=3Dsyntax-end-tag&gt;End tag=
s&lt;/dfn&gt; must have the following format:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;The first character of an end tag must be a U+003C=
 LESS-THAN SIGN character (&amp;lt;).&lt;/li&gt;
+
+   &lt;li&gt;The second character of an end tag must be a U+002F SOLIDUS=
 character (/).&lt;/li&gt;
+
+   &lt;li&gt;The next few characters of an end tag must be the element's=
 &lt;a href=3D#syntax-tag-name title=3Dsyntax-tag-name&gt;tag
+   name&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;After the tag name, there may be one or more &lt;a href=3D#=
space-character title=3D&quot;space character&quot;&gt;space
+   characters&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;Finally, end tags must be closed by a U+003E GREATER-THAN S=
IGN character (&amp;gt;).&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;h5 id=3Dattributes-0&gt;&lt;span class=3Dsecno&gt;12.1.=
2.3 &lt;/span&gt;Attributes&lt;/h5&gt;
+
+  &lt;p&gt;&lt;dfn id=3Dsyntax-attributes title=3Dsyntax-attributes&gt;A=
ttributes&lt;/dfn&gt; for an element are expressed inside the
+  element's start tag.&lt;/p&gt;
+
+  &lt;p&gt;Attributes have a name and a value. &lt;dfn id=3Dsyntax-attri=
bute-name title=3Dsyntax-attribute-name&gt;Attribute names&lt;/dfn&gt;
+  must consist of one or more characters other than the &lt;a href=3D#sp=
ace-character title=3D&quot;space character&quot;&gt;space
+  characters&lt;/a&gt;, U+0000 NULL, U+0022 QUOTATION MARK (&quot;), U+0=
027 APOSTROPHE ('), U+003E
+  GREATER-THAN SIGN (&amp;gt;), U+002F SOLIDUS (/), and U+003D EQUALS SI=
GN (=3D) characters, the &lt;a href=3D#control-characters&gt;control
+  characters&lt;/a&gt;, and any characters that are not defined by Unico=
de. In the HTML syntax, attribute
+  names, even those for &lt;a href=3D#foreign-elements&gt;foreign elemen=
ts&lt;/a&gt;, may be written with any mix of lower- and
+  uppercase letters that are an &lt;a href=3D#ascii-case-insensitive&gt;=
ASCII case-insensitive&lt;/a&gt; match for the attribute's
+  name.&lt;/p&gt;
+
+  &lt;p&gt;&lt;dfn id=3Dsyntax-attribute-value title=3Dsyntax-attribute-=
value&gt;Attribute values&lt;/dfn&gt; are a mixture of &lt;a href=3D#synt=
ax-text title=3Dsyntax-text&gt;text&lt;/a&gt; and &lt;a href=3D#syntax-ch=
arref title=3Dsyntax-charref&gt;character references&lt;/a&gt;,
+  except with the additional restriction that the text cannot contain an=
 &lt;a href=3D#syntax-ambiguous-ampersand title=3Dsyntax-ambiguous-ampers=
and&gt;ambiguous ampersand&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Attributes can be specified in four different ways:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;Empty attribute syntax&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Just the &lt;a href=3D#syntax-attribute-name title=3Dsyntax=
-attribute-name&gt;attribute name&lt;/a&gt;. The value is implicitly
+    the empty string.&lt;/p&gt;
+
+    &lt;div class=3Dexample&gt;
+
+     &lt;p&gt;In the following example, the &lt;code title=3Dattr-fe-dis=
abled&gt;&lt;a href=3D#attr-fe-disabled&gt;disabled&lt;/a&gt;&lt;/code&gt=
; attribute is
+     given with the empty attribute syntax:&lt;/p&gt;
+
+     &lt;pre&gt;&amp;lt;input &lt;em&gt;disabled&lt;/em&gt;&amp;gt;&lt;/=
pre&gt;
+
+    &lt;/div&gt;
+
+    &lt;p&gt;If an attribute using the empty attribute syntax is to be f=
ollowed by another attribute, then
+    there must be a &lt;a href=3D#space-character&gt;space character&lt;=
/a&gt; separating the two.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt id=3Dunquoted&gt;Unquoted attribute value syntax&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;a href=3D#syntax-attribute-name title=3Dsyntax-attr=
ibute-name&gt;attribute name&lt;/a&gt;, followed by zero or more &lt;a hr=
ef=3D#space-character title=3D&quot;space character&quot;&gt;space charac=
ters&lt;/a&gt;, followed by a single U+003D EQUALS SIGN
+    character, followed by zero or more &lt;a href=3D#space-character ti=
tle=3D&quot;space character&quot;&gt;space characters&lt;/a&gt;,
+    followed by the &lt;a href=3D#syntax-attribute-value title=3Dsyntax-=
attribute-value&gt;attribute value&lt;/a&gt;, which, in addition
+    to the requirements given above for attribute values, must not conta=
in any literal &lt;a href=3D#space-character title=3D&quot;space characte=
r&quot;&gt;space characters&lt;/a&gt;, any U+0022 QUOTATION MARK characte=
rs (&quot;),
+    U+0027 APOSTROPHE characters ('), U+003D EQUALS SIGN characters (=3D=
), U+003C LESS-THAN SIGN
+    characters (&amp;lt;), U+003E GREATER-THAN SIGN characters (&amp;gt;=
), or U+0060 GRAVE ACCENT characters
+    (`), and must not be the empty string.&lt;/p&gt;
+
+    &lt;!-- The ` character is in this list on a temporary basis, waitin=
g for IE to fix its parsing bug
+         whereby it treats ` as an attribute value delimiter. Otherwise,=
 escaping software that
+         tries to be clever and not use quotes when it doesn't need to c=
ould be tricked by an
+         attacker.
+
+         Posit a site that allows the user to input text that is used ve=
rbatim in two attributes,
+         such that the user can set the first attribute's value to:
+
+            `
+
+         ...and the second to:
+
+            ` onload=3D'...payload...' end=3Dx
+
+         ...with the assumption that the site is going to not quote the =
first one, and quote the
+         second one with double quotes:
+
+            &lt;body title=3D` class=3D&quot;` onload=3D'...payload...' =
end=3Dx&quot;&gt;
+
+         In IE, this is treated as:
+
+            &lt;body title=3D' class=3D&quot;'
+                  onload=3D'...payload...'
+                  end=3D'x&quot;'&gt;
+
+    --&gt;
+
+
+    &lt;div class=3Dexample&gt;
+
+     &lt;p&gt;In the following example, the &lt;code title=3Dattr-input-=
value&gt;&lt;a href=3D#attr-input-value&gt;value&lt;/a&gt;&lt;/code&gt; a=
ttribute is given
+     with the unquoted attribute value syntax:&lt;/p&gt;
+
+     &lt;pre&gt;&amp;lt;input &lt;em&gt;value=3Dyes&lt;/em&gt;&amp;gt;&l=
t;/pre&gt;
+
+    &lt;/div&gt;
+
+    &lt;p&gt;If an attribute using the unquoted attribute syntax is to b=
e followed by another attribute or
+    by the optional U+002F SOLIDUS character (/) allowed in step 6 of th=
e &lt;a href=3D#syntax-start-tag title=3Dsyntax-start-tag&gt;start tag&lt=
;/a&gt; syntax above, then there must be a &lt;a href=3D#space-character&=
gt;space
+    character&lt;/a&gt; separating the two.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Single-quoted attribute value syntax&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;a href=3D#syntax-attribute-name title=3Dsyntax-attr=
ibute-name&gt;attribute name&lt;/a&gt;, followed by zero or more &lt;a hr=
ef=3D#space-character title=3D&quot;space character&quot;&gt;space charac=
ters&lt;/a&gt;, followed by a single U+003D EQUALS SIGN
+    character, followed by zero or more &lt;a href=3D#space-character ti=
tle=3D&quot;space character&quot;&gt;space characters&lt;/a&gt;,
+    followed by a single U+0027 APOSTROPHE character ('), followed by th=
e &lt;a href=3D#syntax-attribute-value title=3Dsyntax-attribute-value&gt;=
attribute value&lt;/a&gt;, which, in addition to the requirements
+    given above for attribute values, must not contain any literal U+002=
7 APOSTROPHE characters ('),
+    and finally followed by a second single U+0027 APOSTROPHE character =
(').&lt;/p&gt;
+
+    &lt;div class=3Dexample&gt;
+
+     &lt;p&gt;In the following example, the &lt;code title=3Dattr-input-=
type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attr=
ibute is given
+     with the single-quoted attribute value syntax:&lt;/p&gt;
+
+     &lt;pre&gt;&amp;lt;input &lt;em&gt;type=3D'checkbox'&lt;/em&gt;&amp=
;gt;&lt;/pre&gt;
+
+    &lt;/div&gt;
+
+    &lt;p&gt;If an attribute using the single-quoted attribute syntax is=
 to be followed by another
+    attribute, then there must be a &lt;a href=3D#space-character&gt;spa=
ce character&lt;/a&gt; separating the two.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Double-quoted attribute value syntax&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;The &lt;a href=3D#syntax-attribute-name title=3Dsyntax-attr=
ibute-name&gt;attribute name&lt;/a&gt;, followed by zero or more &lt;a hr=
ef=3D#space-character title=3D&quot;space character&quot;&gt;space charac=
ters&lt;/a&gt;, followed by a single U+003D EQUALS SIGN
+    character, followed by zero or more &lt;a href=3D#space-character ti=
tle=3D&quot;space character&quot;&gt;space characters&lt;/a&gt;,
+    followed by a single U+0022 QUOTATION MARK character (&quot;), follo=
wed by the &lt;a href=3D#syntax-attribute-value title=3Dsyntax-attribute-=
value&gt;attribute value&lt;/a&gt;, which, in addition to the requirement=
s
+    given above for attribute values, must not contain any literal U+002=
2 QUOTATION MARK characters
+    (&quot;), and finally followed by a second single U+0022 QUOTATION M=
ARK character (&quot;).&lt;/p&gt;
+
+    &lt;div class=3Dexample&gt;
+
+     &lt;p&gt;In the following example, the &lt;code title=3Dattr-fe-nam=
e&gt;&lt;a href=3D#attr-fe-name&gt;name&lt;/a&gt;&lt;/code&gt; attribute =
is given with
+     the double-quoted attribute value syntax:&lt;/p&gt;
+
+     &lt;pre&gt;&amp;lt;input &lt;em&gt;name=3D&quot;be evil&quot;&lt;/e=
m&gt;&amp;gt;&lt;/pre&gt;
+
+    &lt;/div&gt;
+
+    &lt;p&gt;If an attribute using the double-quoted attribute syntax is=
 to be followed by another
+    attribute, then there must be a &lt;a href=3D#space-character&gt;spa=
ce character&lt;/a&gt; separating the two.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;There must never be two or more attributes on the =
same start tag whose names are an &lt;a href=3D#ascii-case-insensitive&gt=
;ASCII
+  case-insensitive&lt;/a&gt; match for each other.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;When a &lt;a href=3D#foreign-elements title=3D&quot=
;foreign elements&quot;&gt;foreign element&lt;/a&gt; has one of the names=
paced
+  attributes given by the local name and namespace of the first and seco=
nd cells of a row from the
+  following table, it must be written using the name given by the third =
cell from the same row.&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt; Local name &lt;th&gt; N=
amespace &lt;th&gt; Attribute name
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ac=
tuate&lt;/code&gt; &lt;td&gt; &lt;a href=3D#xlink-namespace&gt;XLink name=
space&lt;/a&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink:actuate=
&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;arcrole&lt;/co=
de&gt; &lt;td&gt; &lt;a href=3D#xlink-namespace&gt;XLink namespace&lt;/a&=
gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink:arcrole&lt;/code&gt=
;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;href&lt;/code&=
gt; &lt;td&gt; &lt;a href=3D#xlink-namespace&gt;XLink namespace&lt;/a&gt;=
 &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink:href&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;role&lt;/code&=
gt; &lt;td&gt; &lt;a href=3D#xlink-namespace&gt;XLink namespace&lt;/a&gt;=
 &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink:role&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;show&lt;/code&=
gt; &lt;td&gt; &lt;a href=3D#xlink-namespace&gt;XLink namespace&lt;/a&gt;=
 &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink:show&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;title&lt;/code=
&gt; &lt;td&gt; &lt;a href=3D#xlink-namespace&gt;XLink namespace&lt;/a&gt=
; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink:title&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;type&lt;/code&=
gt; &lt;td&gt; &lt;a href=3D#xlink-namespace&gt;XLink namespace&lt;/a&gt;=
 &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink:type&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;base&lt;/code&=
gt; &lt;td&gt; &lt;a href=3D#xml-namespace&gt;XML namespace&lt;/a&gt; &lt=
;!-- attr-xml-base --&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xml=
:base&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lang&lt;/code&=
gt; &lt;td&gt; &lt;a href=3D#xml-namespace&gt;XML namespace&lt;/a&gt; &lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;xml:lang&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;space&lt;/code=
&gt; &lt;td&gt; &lt;a href=3D#xml-namespace&gt;XML namespace&lt;/a&gt; &l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;xml:space&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xmlns&lt;/code=
&gt; &lt;td&gt; &lt;a href=3D#xmlns-namespace&gt;XMLNS namespace&lt;/a&gt=
; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xmlns&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink&lt;/code=
&gt; &lt;td&gt; &lt;a href=3D#xmlns-namespace&gt;XMLNS namespace&lt;/a&gt=
; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xmlns:xlink&lt;/code&gt;
+  &lt;/table&gt;&lt;p&gt;No other namespaced attribute can be expressed =
in &lt;a href=3D#syntax&gt;the HTML syntax&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Whether the attributes in the table above are co=
nforming or not is defined by
+  other specifications (e.g. the SVG and MathML specifications); this se=
ction only describes the
+  syntax rules if the attributes are serialized using the HTML syntax.&l=
t;/p&gt;
+
+
+  &lt;h5 id=3Doptional-tags&gt;&lt;span class=3Dsecno&gt;12.1.2.4 &lt;/s=
pan&gt;Optional tags&lt;/h5&gt;
+
+  &lt;p&gt;Certain tags can be &lt;dfn id=3Dsyntax-tag-omission title=3D=
syntax-tag-omission&gt;omitted&lt;/dfn&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Omitting an element's &lt;a href=3D#syntax-start=
-tag title=3Dsyntax-start-tag&gt;start tag&lt;/a&gt; in the
+  situations described below does not mean the element is not present; i=
t is implied, but it is
+  still there. For example, an HTML document always has a root &lt;code&=
gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt; element,=
 even if
+  the string &lt;code title=3D&quot;&quot;&gt;&amp;lt;html&amp;gt;&lt;/c=
ode&gt; doesn't appear anywhere in the markup.&lt;/p&gt;
+
+  &lt;!-- &lt;html&gt; --&gt;
+  &lt;p&gt;An &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&g=
t;&lt;/code&gt; element's &lt;a href=3D#syntax-start-tag title=3Dsyntax-s=
tart-tag&gt;start tag&lt;/a&gt; may be omitted
+  if the first thing inside the &lt;code&gt;&lt;a href=3D#the-html-eleme=
nt&gt;html&lt;/a&gt;&lt;/code&gt; element is not a &lt;a href=3D#syntax-c=
omments title=3Dsyntax-comments&gt;comment&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;!-- &lt;/html&gt; --&gt;
+  &lt;p&gt;An &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&g=
t;&lt;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-end=
-tag&gt;end tag&lt;/a&gt; may be omitted if
+  the &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/c=
ode&gt; element is not immediately followed by a &lt;a href=3D#syntax-com=
ments title=3Dsyntax-comments&gt;comment&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;!-- &lt;head&gt; --&gt;
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt=
;&lt;/code&gt; element's &lt;a href=3D#syntax-start-tag title=3Dsyntax-st=
art-tag&gt;start tag&lt;/a&gt; may be omitted if
+  the element is empty, or if the first thing inside the &lt;code&gt;&lt=
;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/code&gt; element is an
+  element.&lt;/p&gt;
+
+  &lt;!-- &lt;/head&gt; --&gt;
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt=
;&lt;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-=
tag&gt;end tag&lt;/a&gt; may be omitted if the
+  &lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/code&=
gt; element is not immediately followed by a &lt;a href=3D#space-characte=
r&gt;space character&lt;/a&gt; or a &lt;a href=3D#syntax-comments title=3D=
syntax-comments&gt;comment&lt;/a&gt;.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;!-- &lt;body&gt; --&gt;
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt=
;&lt;/code&gt; element's &lt;a href=3D#syntax-start-tag title=3Dsyntax-st=
art-tag&gt;start tag&lt;/a&gt; may be omitted if
+  the element is empty, or if the first thing inside the &lt;code&gt;&lt=
;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt; element is not=
 a
+  &lt;a href=3D#space-character&gt;space character&lt;/a&gt; or a &lt;a =
href=3D#syntax-comments title=3Dsyntax-comments&gt;comment&lt;/a&gt;, exc=
ept if the
+  first thing inside the &lt;code&gt;&lt;a href=3D#the-body-element&gt;b=
ody&lt;/a&gt;&lt;/code&gt; element is a &lt;code&gt;&lt;a href=3D#the-met=
a-element&gt;meta&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-l=
ink-element&gt;link&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the=
-script-element&gt;script&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D=
#the-style-element&gt;style&lt;/a&gt;&lt;/code&gt;, or &lt;code&gt;&lt;a =
href=3D#the-template-element&gt;template&lt;/a&gt;&lt;/code&gt;
+  element. &lt;!-- Note that even if the &lt;/head&gt; end tag is presen=
t, the parser makes &lt;style&gt; and
+  &lt;script&gt; elements between &lt;/head&gt; and &lt;body&gt; end up =
in the &lt;head&gt; instead of implying the &lt;body&gt;
+  --&gt;&lt;/p&gt;
+
+  &lt;!-- &lt;/body&gt; --&gt;
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt=
;&lt;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-=
tag&gt;end tag&lt;/a&gt; may be omitted if the
+  &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&=
gt; element is not immediately followed by a &lt;a href=3D#syntax-comment=
s title=3Dsyntax-comments&gt;comment&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;!-- &lt;/li&gt; --&gt;
+  &lt;p&gt;An &lt;code&gt;&lt;a href=3D#the-li-element&gt;li&lt;/a&gt;&l=
t;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-tag=
&gt;end tag&lt;/a&gt; may be omitted if the
+  &lt;code&gt;&lt;a href=3D#the-li-element&gt;li&lt;/a&gt;&lt;/code&gt; =
element is immediately followed by another &lt;code&gt;&lt;a href=3D#the-=
li-element&gt;li&lt;/a&gt;&lt;/code&gt; element or if there is
+  no more content in the parent element.&lt;/p&gt;
+
+  &lt;!-- &lt;/dt&gt; --&gt;
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-dt-element&gt;dt&lt;/a&gt;&lt=
;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-tag&=
gt;end tag&lt;/a&gt; may be omitted if the
+  &lt;code&gt;&lt;a href=3D#the-dt-element&gt;dt&lt;/a&gt;&lt;/code&gt; =
element is immediately followed by another &lt;code&gt;&lt;a href=3D#the-=
dt-element&gt;dt&lt;/a&gt;&lt;/code&gt; element or a
+  &lt;code&gt;&lt;a href=3D#the-dd-element&gt;dd&lt;/a&gt;&lt;/code&gt; =
element.&lt;/p&gt;
+
+  &lt;!-- &lt;/dd&gt; --&gt;
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-dd-element&gt;dd&lt;/a&gt;&lt=
;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-tag&=
gt;end tag&lt;/a&gt; may be omitted if the
+  &lt;code&gt;&lt;a href=3D#the-dd-element&gt;dd&lt;/a&gt;&lt;/code&gt; =
element is immediately followed by another &lt;code&gt;&lt;a href=3D#the-=
dd-element&gt;dd&lt;/a&gt;&lt;/code&gt; element or a
+  &lt;code&gt;&lt;a href=3D#the-dt-element&gt;dt&lt;/a&gt;&lt;/code&gt; =
element, or if there is no more content in the parent element.&lt;/p&gt;
+
+&lt;!--CLEANUP--&gt;
+  &lt;!-- &lt;/p&gt; --&gt;
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/=
code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-tag&gt=
;end tag&lt;/a&gt; may be omitted if the
+  &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt; el=
ement is immediately followed by an &lt;code&gt;&lt;a href=3D#the-address=
-element&gt;address&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the=
-article-element&gt;article&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-aside-element&gt;aside&lt;/a&gt;&lt;/cod=
e&gt;, &lt;code&gt;&lt;a href=3D#the-blockquote-element&gt;blockquote&lt;=
/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-div-element&gt;div&lt;=
/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-dl-element&gt;dl&lt;/a=
&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldset&lt;/a&gt;&l=
t;/code&gt;, &lt;code&gt;&lt;a href=3D#the-footer-element&gt;footer&lt;/a=
&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;=
/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-an=
d-h6-elements&gt;h1&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the=
-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h2&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h=
3&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h=
5,-and-h6-elements&gt;h4&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D=
#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h5&lt;/a&gt;&lt;/code&gt;, &l=
t;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h6&lt;=
/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-header-element&gt;head=
er&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-hgroup-element&gt;hgroup&lt;/a&gt;&lt;/c=
ode&gt;, &lt;code&gt;&lt;a href=3D#the-hr-element&gt;hr&lt;/a&gt;&lt;/cod=
e&gt;, &lt;code&gt;&lt;a href=3D#the-main-element&gt;main&lt;/a&gt;&lt;/c=
ode&gt;, &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&lt;/a&gt;&lt;=
/code&gt;, &lt;code&gt;&lt;a href=3D#the-nav-element&gt;nav&lt;/a&gt;&lt;=
/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-ol-element&gt;ol&lt;/a&gt;&lt;/code&gt;,=
 &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt;, &lt=
;code&gt;&lt;a href=3D#the-pre-element&gt;pre&lt;/a&gt;&lt;/code&gt;, &lt=
;code&gt;&lt;a href=3D#the-section-element&gt;section&lt;/a&gt;&lt;/code&=
gt;, &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/c=
ode&gt;, or
+  &lt;code&gt;&lt;a href=3D#the-ul-element&gt;ul&lt;/a&gt;&lt;/code&gt;,=
 element, or if there is no more content in the parent element and the pa=
rent
+  element is not an &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&g=
t;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;!-- &lt;/rt&gt; --&gt;
+  &lt;p&gt;An &lt;code&gt;&lt;a href=3D#the-rt-element&gt;rt&lt;/a&gt;&l=
t;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-tag=
&gt;end tag&lt;/a&gt; may be omitted if the
+  &lt;code&gt;&lt;a href=3D#the-rt-element&gt;rt&lt;/a&gt;&lt;/code&gt; =
element is immediately followed by an &lt;code&gt;&lt;a href=3D#the-rt-el=
ement&gt;rt&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#the-rp-el=
ement&gt;rp&lt;/a&gt;&lt;/code&gt; element,
+  or if there is no more content in the parent element.&lt;/p&gt;
+
+  &lt;!-- &lt;/rp&gt; --&gt;
+  &lt;p&gt;An &lt;code&gt;&lt;a href=3D#the-rp-element&gt;rp&lt;/a&gt;&l=
t;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-tag=
&gt;end tag&lt;/a&gt; may be omitted if the
+  &lt;code&gt;&lt;a href=3D#the-rp-element&gt;rp&lt;/a&gt;&lt;/code&gt; =
element is immediately followed by an &lt;code&gt;&lt;a href=3D#the-rt-el=
ement&gt;rt&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#the-rp-el=
ement&gt;rp&lt;/a&gt;&lt;/code&gt; element,
+  or if there is no more content in the parent element.&lt;/p&gt;
+
+  &lt;!-- &lt;/optgroup&gt; (the text assumes &lt;optgroup&gt; can only =
be inside a &lt;select&gt;; commented out text
+  below can handle the non-&lt;select&gt; case if we ever allow it) --&g=
t;
+  &lt;p&gt;An &lt;code&gt;&lt;a href=3D#the-optgroup-element&gt;optgroup=
&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsy=
ntax-end-tag&gt;end tag&lt;/a&gt; may be omitted
+  if the &lt;code&gt;&lt;a href=3D#the-optgroup-element&gt;optgroup&lt;/=
a&gt;&lt;/code&gt; element &lt;!--has an ancestor &lt;code&gt;select&lt;/=
code&gt; element and--&gt; is
+  immediately followed by another &lt;code&gt;&lt;a href=3D#the-optgroup=
-element&gt;optgroup&lt;/a&gt;&lt;/code&gt; element, or if &lt;!--all of =
the elements that
+  are ancestors of the &lt;code&gt;optgroup&lt;/code&gt; element, up to =
and including the first ancestor element
+  that is not an &lt;code&gt;optgroup&lt;/code&gt; element, have no more=
 content--&gt; there is no more content in
+  the parent element.&lt;/p&gt;
+  &lt;!-- so e.g. the max number of &lt;/optgroup&gt;s are omitted here:
+   &lt;select&gt;&lt;optgroup&gt;&lt;/select&gt;
+   &lt;p id=3Dx&gt;&lt;optgroup&gt;&lt;/optgroup&gt;x&lt;/p&gt;
+   &lt;p id=3Dx&gt;&lt;optgroup&gt;&lt;optgroup&gt;&lt;/optgroup&gt;&lt;=
/optgroup&gt;x&lt;/p&gt;
+   &lt;p&gt;&lt;optgroup id=3Dx&gt;&lt;optgroup&gt;&lt;/optgroup&gt;x&lt=
;/p&gt;
+   &lt;p&gt;&lt;optgroup&gt;&lt;optgroup id=3Dx&gt;x&lt;/p&gt;
+  --&gt;
+
+  &lt;!-- &lt;/option&gt; --&gt;
+  &lt;p&gt;An &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;=
/a&gt;&lt;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax=
-end-tag&gt;end tag&lt;/a&gt; may be omitted if
+  the &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&l=
t;/code&gt; element is immediately followed by another &lt;code&gt;&lt;a =
href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/code&gt; element, or
+  if it is immediately followed by an &lt;code&gt;&lt;a href=3D#the-optg=
roup-element&gt;optgroup&lt;/a&gt;&lt;/code&gt; element, or if there is n=
o more content
+  in the parent element.&lt;/p&gt;
+
+  &lt;!-- &lt;colgroup&gt; --&gt;
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup&=
lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#syntax-start-tag title=3Ds=
yntax-start-tag&gt;start tag&lt;/a&gt; may be
+  omitted if the first thing inside the &lt;code&gt;&lt;a href=3D#the-co=
lgroup-element&gt;colgroup&lt;/a&gt;&lt;/code&gt; element is a &lt;code&g=
t;&lt;a href=3D#the-col-element&gt;col&lt;/a&gt;&lt;/code&gt; element,
+  and if the element is not immediately preceded by another &lt;code&gt;=
&lt;a href=3D#the-colgroup-element&gt;colgroup&lt;/a&gt;&lt;/code&gt; ele=
ment whose
+  &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-tag&gt;end tag&lt;/a&g=
t; has been omitted. (It can't be omitted if the element
+  is empty.)&lt;/p&gt;
+
+  &lt;!-- &lt;/colgroup&gt; --&gt;
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup&=
lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyn=
tax-end-tag&gt;end tag&lt;/a&gt; may be omitted if
+  the &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup&lt;/a&g=
t;&lt;/code&gt; element is not immediately followed by a &lt;a href=3D#sp=
ace-character&gt;space character&lt;/a&gt; or
+  a &lt;a href=3D#syntax-comments title=3Dsyntax-comments&gt;comment&lt;=
/a&gt;.&lt;/p&gt;
+
+  &lt;!-- &lt;/thead&gt; --&gt;
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&=
gt;&lt;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-en=
d-tag&gt;end tag&lt;/a&gt; may be omitted if
+  the &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;=
/code&gt; element is immediately followed by a &lt;code&gt;&lt;a href=3D#=
the-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt; or
+  &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/cod=
e&gt; element.&lt;/p&gt;
+
+  &lt;!-- &lt;tbody&gt; --&gt;
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&=
gt;&lt;/code&gt; element's &lt;a href=3D#syntax-start-tag title=3Dsyntax-=
start-tag&gt;start tag&lt;/a&gt; may be omitted
+  if the first thing inside the &lt;code&gt;&lt;a href=3D#the-tbody-elem=
ent&gt;tbody&lt;/a&gt;&lt;/code&gt; element is a &lt;code&gt;&lt;a href=3D=
#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; element, and if the
+  element is not immediately preceded by a &lt;code&gt;&lt;a href=3D#the=
-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D=
#the-thead-element&gt;thead&lt;/a&gt;&lt;/code&gt;, or
+  &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/cod=
e&gt; element whose &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-tag&g=
t;end tag&lt;/a&gt; has been omitted. (It
+  can't be omitted if the element is empty.)&lt;/p&gt;
+
+  &lt;!-- &lt;/tbody&gt; --&gt;
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&=
gt;&lt;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-en=
d-tag&gt;end tag&lt;/a&gt; may be omitted if
+  the &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;=
/code&gt; element is immediately followed by a &lt;code&gt;&lt;a href=3D#=
the-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt; or
+  &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/cod=
e&gt; element, or if there is no more content in the parent element.&lt;/=
p&gt;
+
+  &lt;!-- &lt;/tfoot&gt; --&gt;
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&=
gt;&lt;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-en=
d-tag&gt;end tag&lt;/a&gt; may be omitted if
+  the &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;=
/code&gt; element is immediately followed by a &lt;code&gt;&lt;a href=3D#=
the-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt; element, or if
+  there is no more content in the parent element.&lt;/p&gt;
+
+  &lt;!-- &lt;/tr&gt; --&gt;
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt=
;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-tag&=
gt;end tag&lt;/a&gt; may be omitted if the
+  &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; =
element is immediately followed by another &lt;code&gt;&lt;a href=3D#the-=
tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; element, or if there is
+  no more content in the parent element.&lt;/p&gt;
+
+  &lt;!-- &lt;/td&gt; --&gt;
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt=
;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-tag&=
gt;end tag&lt;/a&gt; may be omitted if the
+  &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt; =
element is immediately followed by a &lt;code&gt;&lt;a href=3D#the-td-ele=
ment&gt;td&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#the-th-ele=
ment&gt;th&lt;/a&gt;&lt;/code&gt; element,
+  or if there is no more content in the parent element.&lt;/p&gt;
+
+  &lt;!-- &lt;/th&gt; --&gt;
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt=
;/code&gt; element's &lt;a href=3D#syntax-end-tag title=3Dsyntax-end-tag&=
gt;end tag&lt;/a&gt; may be omitted if the
+  &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; =
element is immediately followed by a &lt;code&gt;&lt;a href=3D#the-td-ele=
ment&gt;td&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#the-th-ele=
ment&gt;th&lt;/a&gt;&lt;/code&gt; element,
+  or if there is no more content in the parent element.&lt;/p&gt;
+
+  &lt;p&gt;&lt;strong&gt;However&lt;/strong&gt;, a &lt;a href=3D#syntax-=
start-tag title=3Dsyntax-start-tag&gt;start tag&lt;/a&gt; must never be
+  omitted if it has any attributes.&lt;/p&gt;
+
+
+  &lt;h5 id=3Delement-restrictions&gt;&lt;span class=3Dsecno&gt;12.1.2.5=
 &lt;/span&gt;Restrictions on content models&lt;/h5&gt;
+
+  &lt;p&gt;For historical reasons, certain elements have extra restricti=
ons beyond even the restrictions
+  given by their content model.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&=
gt;&lt;/code&gt; element must not contain &lt;code&gt;&lt;a href=3D#the-t=
r-element&gt;tr&lt;/a&gt;&lt;/code&gt; elements, even though these
+  elements are technically allowed inside &lt;code&gt;&lt;a href=3D#the-=
table-element&gt;table&lt;/a&gt;&lt;/code&gt; elements according to the c=
ontent
+  models described in this specification. (If a &lt;code&gt;&lt;a href=3D=
#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; element is put inside a
+  &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/cod=
e&gt; in the markup, it will in fact imply a &lt;code&gt;&lt;a href=3D#th=
e-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt; start tag before
+  it.)&lt;/p&gt;
+
+  &lt;p&gt;A single &lt;a href=3D#syntax-newlines title=3Dsyntax-newline=
s&gt;newline&lt;/a&gt; may be placed immediately after the &lt;a href=3D#=
syntax-start-tag title=3Dsyntax-start-tag&gt;start tag&lt;/a&gt; of &lt;c=
ode&gt;&lt;a href=3D#the-pre-element&gt;pre&lt;/a&gt;&lt;/code&gt; and &l=
t;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&gt;&lt;/co=
de&gt; elements.
+  This does not affect the processing of the element. The otherwise opti=
onal &lt;a href=3D#syntax-newlines title=3Dsyntax-newlines&gt;newline&lt;=
/a&gt; &lt;em&gt;must&lt;/em&gt; be included if the element's contents
+  themselves start with a &lt;a href=3D#syntax-newlines title=3Dsyntax-n=
ewlines&gt;newline&lt;/a&gt; (because otherwise the
+  leading newline in the contents would be treated like the optional new=
line, and ignored).&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+   &lt;p&gt;The following two &lt;code&gt;&lt;a href=3D#the-pre-element&=
gt;pre&lt;/a&gt;&lt;/code&gt; blocks are equivalent:&lt;/p&gt;
+   &lt;pre&gt;&amp;lt;pre&amp;gt;Hello&amp;lt;/pre&amp;gt;&lt;/pre&gt;
+   &lt;pre&gt;&amp;lt;pre&amp;gt;&lt;br&gt;Hello&amp;lt;/pre&amp;gt;&lt;=
/pre&gt;
+  &lt;/div&gt;
+
+
+  &lt;h5 id=3Dcdata-rcdata-restrictions&gt;&lt;span class=3Dsecno&gt;12.=
1.2.6 &lt;/span&gt;Restrictions on the contents of raw text and escapable=
 raw text elements&lt;/h5&gt;
+
+  &lt;p&gt;The text in &lt;a href=3D#raw-text-elements title=3D&quot;raw=
 text elements&quot;&gt;raw text&lt;/a&gt; and &lt;a href=3D#escapable-ra=
w-text-elements&gt;escapable raw text
+  elements&lt;/a&gt; must not contain any occurrences of the string &quo=
t;&lt;code title=3D&quot;&quot;&gt;&amp;lt;/&lt;/code&gt;&quot;
+  (U+003C LESS-THAN SIGN, U+002F SOLIDUS) followed by characters that ca=
se-insensitively match the
+  tag name of the element followed by one of U+0009 CHARACTER TABULATION=
 (tab), U+000A LINE FEED
+  (LF), U+000C FORM FEED (FF), U+000D CARRIAGE RETURN (CR), U+0020 SPACE=
, U+003E GREATER-THAN SIGN
+  (&amp;gt;), or U+002F SOLIDUS (/).&lt;/p&gt;
+
+
+  &lt;h4 id=3Dtext-0&gt;&lt;span class=3Dsecno&gt;12.1.3 &lt;/span&gt;Te=
xt&lt;/h4&gt;
+
+  &lt;p&gt;&lt;dfn id=3Dsyntax-text title=3Dsyntax-text&gt;Text&lt;/dfn&=
gt; is allowed inside elements, attribute values, and comments.
+  Extra constraints are placed on what is and what is not allowed in tex=
t based on where the text is
+  to be put, as described in the other sections.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dnewlines&gt;&lt;span class=3Dsecno&gt;12.1.3.1 &lt;/span&g=
t;Newlines&lt;/h5&gt;
+
+  &lt;p&gt;&lt;dfn id=3Dsyntax-newlines title=3Dsyntax-newlines&gt;Newli=
nes&lt;/dfn&gt; in HTML may be represented either as U+000D
+  CARRIAGE RETURN (CR) characters, U+000A LINE FEED (LF) characters, or =
pairs of U+000D CARRIAGE
+  RETURN (CR), U+000A LINE FEED (LF) characters in that order.&lt;/p&gt;
+
+  &lt;p&gt;Where &lt;a href=3D#syntax-charref title=3Dsyntax-charref&gt;=
character references&lt;/a&gt; are allowed, a character
+  reference of a U+000A LINE FEED (LF) character (but not a U+000D CARRI=
AGE RETURN (CR) character)
+  also represents a &lt;a href=3D#syntax-newlines title=3Dsyntax-newline=
s&gt;newline&lt;/a&gt;.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dcharacter-references&gt;&lt;span class=3Dsecno&gt;12.1.4 &=
lt;/span&gt;Character references&lt;/h4&gt;
+
+  &lt;p&gt;In certain cases described in other sections, &lt;a href=3D#s=
yntax-text title=3Dsyntax-text&gt;text&lt;/a&gt; may be
+  mixed with &lt;dfn id=3Dsyntax-charref title=3Dsyntax-charref&gt;chara=
cter references&lt;/dfn&gt;. These can be used to escape
+  characters that couldn't otherwise legally be included in &lt;a href=3D=
#syntax-text title=3Dsyntax-text&gt;text&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Character references must start with a U+0026 AMPERSAND chara=
cter (&amp;amp;). Following this,
+  there are three possible kinds of character references:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;Named character references&lt;/dt&gt;
+
+   &lt;dd&gt;The ampersand must be followed by one of the names given in=
 the &lt;a href=3D#named-character-references&gt;named character
+   references&lt;/a&gt; section, using the same case. &lt;span class=3Di=
mpl&gt;The name must be one that is
+   terminated by a U+003B SEMICOLON character (;).&lt;/span&gt;&lt;/dd&g=
t;
+
+
+   &lt;dt&gt;Decimal numeric character reference&lt;/dt&gt;
+
+   &lt;dd&gt;The ampersand must be followed by a U+0023 NUMBER SIGN char=
acter (#), followed by one or more
+   &lt;a href=3D#ascii-digits&gt;ASCII digits&lt;/a&gt;, representing a =
base-ten integer that corresponds to a Unicode code
+   point that is allowed according to the definition below. The digits m=
ust then be followed by a
+   U+003B SEMICOLON character (;).&lt;/dd&gt;
+
+
+   &lt;dt&gt;Hexadecimal numeric character reference&lt;/dt&gt;
+
+   &lt;dd&gt;The ampersand must be followed by a U+0023 NUMBER SIGN char=
acter (#), which must be followed
+   by either a U+0078 LATIN SMALL LETTER X character (x) or a U+0058 LAT=
IN CAPITAL LETTER X
+   character (X), which must then be followed by one or more &lt;a href=3D=
#ascii-hex-digits&gt;ASCII hex digits&lt;/a&gt;,
+   representing a base-sixteen integer that corresponds to a Unicode cod=
e point that is allowed
+   according to the definition below. The digits must then be followed b=
y a U+003B SEMICOLON
+   character (;).&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;The numeric character reference forms described ab=
ove are allowed to reference any Unicode code
+  point other than U+0000, U+000D, permanently undefined Unicode charact=
ers (noncharacters),
+  surrogates (U+D800&amp;ndash;U+DFFF), and &lt;a href=3D#control-charac=
ters&gt;control characters&lt;/a&gt; other than &lt;a href=3D#space-chara=
cter title=3D&quot;space character&quot;&gt;space characters&lt;/a&gt;.&l=
t;/p&gt;
+
+  &lt;p&gt;An &lt;dfn id=3Dsyntax-ambiguous-ampersand title=3Dsyntax-amb=
iguous-ampersand&gt;ambiguous ampersand&lt;/dfn&gt; is a U+0026 AMPERSAND
+  character (&amp;amp;) that is followed by one or more &lt;a href=3D#al=
phanumeric-ascii-characters&gt;alphanumeric ASCII characters&lt;/a&gt;,
+  followed by a U+003B SEMICOLON character (;), where these characters d=
o not match any of the names
+  given in the &lt;a href=3D#named-character-references&gt;named charact=
er references&lt;/a&gt; section.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dcdata-sections&gt;&lt;span class=3Dsecno&gt;12.1.5 &lt;/sp=
an&gt;CDATA sections&lt;/h4&gt;
+
+  &lt;p&gt;&lt;dfn id=3Dsyntax-cdata title=3Dsyntax-cdata&gt;CDATA secti=
ons&lt;/dfn&gt; must consist of the following components, in
+  this order:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;The string &quot;&lt;code title=3D&quot;&quot;&gt;=
&amp;lt;![CDATA[&lt;/code&gt;&quot;.&lt;/li&gt;
+
+   &lt;li&gt;Optionally, &lt;a href=3D#syntax-text title=3Dsyntax-text&g=
t;text&lt;/a&gt;, with the additional restriction that the
+   text must not contain the string &quot;&lt;code title=3D&quot;&quot;&=
gt;]]&amp;gt;&lt;/code&gt;&quot;.&lt;/li&gt;
+
+   &lt;li&gt;The string &quot;&lt;code title=3D&quot;&quot;&gt;]]&amp;gt=
;&lt;/code&gt;&quot;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;div class=3Dexample&gt;
+
+   &lt;p&gt;CDATA sections can only be used in foreign content (MathML o=
r SVG). In this example, a CDATA
+   section is used to escape the contents of an &lt;code&gt;ms&lt;/code&=
gt; element:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p&amp;gt;You can add a string to a number, but thi=
s stringifies the number:&amp;lt;/p&amp;gt;
+&amp;lt;math&amp;gt;
+ &amp;lt;ms&amp;gt;&amp;lt;![CDATA[x&amp;lt;y]]&amp;gt;&amp;lt;/ms&amp;g=
t;
+ &amp;lt;mo&amp;gt;+&amp;lt;/mo&amp;gt;
+ &amp;lt;mn&amp;gt;3&amp;lt;/mn&amp;gt;
+ &amp;lt;mo&amp;gt;=3D&amp;lt;/mo&amp;gt;
+ &amp;lt;ms&amp;gt;&amp;lt;![CDATA[x&amp;lt;y3]]&amp;gt;&amp;lt;/ms&amp;=
gt;
+&amp;lt;/math&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dcomments&gt;&lt;span class=3Dsecno&gt;12.1.6 &lt;/span&gt;=
Comments&lt;/h4&gt;
+
+  &lt;p&gt;&lt;dfn id=3Dsyntax-comments title=3Dsyntax-comments&gt;Comme=
nts&lt;/dfn&gt; must start with the four character sequence U+003C
+  LESS-THAN SIGN, U+0021 EXCLAMATION MARK, U+002D HYPHEN-MINUS, U+002D H=
YPHEN-MINUS (&lt;code title=3D&quot;&quot;&gt;&amp;lt;!--&lt;/code&gt;). =
Following this sequence, the comment may have &lt;a href=3D#syntax-text t=
itle=3Dsyntax-text&gt;text&lt;/a&gt;, with the additional restriction tha=
t the text must not start with
+  a single U+003E GREATER-THAN SIGN character (&amp;gt;), nor start with=
 a U+002D HYPHEN-MINUS character
+  (-) followed by a U+003E GREATER-THAN SIGN (&amp;gt;) character, nor c=
ontain two consecutive U+002D
+  HYPHEN-MINUS characters (&lt;code title=3D&quot;&quot;&gt;--&lt;/code&=
gt;), nor end with a U+002D HYPHEN-MINUS character
+  (-). Finally, the comment must be ended by the three character sequenc=
e U+002D HYPHEN-MINUS,
+  U+002D HYPHEN-MINUS, U+003E GREATER-THAN SIGN (&lt;code title=3D&quot;=
&quot;&gt;--&amp;gt;&lt;/code&gt;).&lt;/p&gt;
+
+
+&lt;!--HTMLPARSER--&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h3 id=3Dparsing&gt;&lt;span class=3Dsecno&gt;12.2 &lt;/span&gt;Par=
sing HTML documents&lt;/h3&gt;
+
+  &lt;p&gt;&lt;i&gt;This section only applies to user agents, data minin=
g tools, and conformance
+  checkers.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The rules for parsing XML documents into DOM tre=
es are covered by the next
+  section, entitled &quot;&lt;a href=3D#the-xhtml-syntax&gt;The XHTML sy=
ntax&lt;/a&gt;&quot;.&lt;/p&gt;
+
+  &lt;p&gt;User agents must use the parsing rules described in this sect=
ion to generate the DOM trees from
+  &lt;code&gt;&lt;a href=3D#text/html&gt;text/html&lt;/a&gt;&lt;/code&gt=
; resources. Together, these rules define what is referred to as the
+  &lt;dfn id=3Dhtml-parser&gt;HTML parser&lt;/dfn&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dnote&gt;
+
+   &lt;p&gt;While the HTML syntax described in this specification bears =
a close resemblance to SGML and
+   XML, it is a separate language with its own parsing rules.&lt;/p&gt;
+
+   &lt;p&gt;Some earlier versions of HTML (in particular from HTML2 to H=
TML4) were based on SGML and used
+   SGML parsing rules. However, few (if any) web browsers ever implement=
ed true SGML parsing for
+   HTML documents; the only user agents to strictly handle HTML as an SG=
ML application have
+   historically been validators. The resulting confusion &amp;mdash; wit=
h validators claiming documents
+   to have one representation while widely deployed Web browsers interop=
erably implemented a
+   different representation &amp;mdash; has wasted decades of productivi=
ty. This version of HTML thus
+   returns to a non-SGML basis.&lt;/p&gt;
+
+   &lt;p&gt;Authors interested in using SGML tools in their authoring pi=
peline are encouraged to use XML
+   tools and the XML serialization of HTML.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;This specification defines the parsing rules for HTML documen=
ts, whether they are syntactically
+  correct or not. Certain points in the parsing algorithm are said to be=
 &lt;dfn id=3Dparse-error title=3D&quot;parse
+  error&quot;&gt;parse errors&lt;/dfn&gt;. The error handling for parse =
errors is well-defined (that's the
+  processing rules described throughout this specification), but user ag=
ents, while parsing an HTML
+  document, may &lt;a href=3D#abort-a-parser title=3D&quot;abort a parse=
r&quot;&gt;abort the parser&lt;/a&gt; at the first &lt;a href=3D#parse-er=
ror&gt;parse
+  error&lt;/a&gt; that they encounter for which they do not wish to appl=
y the rules described in this
+  specification.&lt;/p&gt;
+
+  &lt;p&gt;Conformance checkers must report at least one parse error con=
dition to the user if one or more
+  parse error conditions exist in the document and must not report parse=
 error conditions if none
+  exist in the document. Conformance checkers may report more than one p=
arse error condition if more
+  than one parse error condition exists in the document.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Parse errors are only errors with the &lt;em&gt;=
syntax&lt;/em&gt; of HTML. In addition to
+  checking for parse errors, conformance checkers will also verify that =
the document obeys all the
+  other conformance requirements described in this specification.&lt;/p&=
gt;
+
+  &lt;p&gt;For the purposes of conformance checkers, if a resource is de=
termined to be in &lt;a href=3D#syntax&gt;the HTML
+  syntax&lt;/a&gt;, then it is an &lt;a href=3D#html-documents title=3D&=
quot;HTML documents&quot;&gt;HTML document&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;As stated &lt;a href=3D#html-elements class=3Dno=
-backref title=3D&quot;HTML elements&quot;&gt;in the terminology
+  section&lt;/a&gt;, references to &lt;a href=3D#element-type title=3D&q=
uot;element type&quot;&gt;element types&lt;/a&gt; that do not
+  explicitly specify a namespace always refer to elements in the &lt;a h=
ref=3D#html-namespace-0&gt;HTML namespace&lt;/a&gt;. For
+  example, if the spec talks about &quot;a &lt;code&gt;&lt;a href=3D#the=
-menuitem-element&gt;menuitem&lt;/a&gt;&lt;/code&gt; element&quot;, then =
that is an element with
+  the local name &quot;&lt;code title=3D&quot;&quot;&gt;menuitem&lt;/cod=
e&gt;&quot;, the namespace &quot;&lt;code title=3D&quot;&quot;&gt;http://=
www.w3.org/1999/xhtml&lt;/code&gt;&quot;, and the interface &lt;code&gt;&=
lt;a href=3D#htmlmenuitemelement&gt;HTMLMenuItemElement&lt;/a&gt;&lt;/cod=
e&gt;.
+  Where possible, references to such elements are hyperlinked to their d=
efinition.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Doverview-of-the-parsing-model&gt;&lt;span class=3Dsecno&gt=
;12.2.1 &lt;/span&gt;Overview of the parsing model&lt;/h4&gt;
+
+  &lt;p class=3Doverview&gt;&lt;object width=3D345 height=3D535 data=3Di=
mages/parsing-model-overview.svg&gt;&lt;img src=3Dhttp://images.whatwg.or=
g/parsing-model-overview.png width=3D345 alt=3D&quot;&quot; height=3D450&=
gt;&lt;/object&gt;&lt;/p&gt;
+
+  &lt;p&gt;The input to the HTML parsing process consists of a stream of=
 &lt;a href=3D#unicode-code-point title=3D&quot;Unicode code
+  point&quot;&gt;Unicode code points&lt;/a&gt;, which is passed through =
a &lt;a href=3D#tokenization&gt;tokenization&lt;/a&gt; stage
+  followed by a &lt;a href=3D#tree-construction&gt;tree construction&lt;=
/a&gt; stage. The output is a &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt;
+  object.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Implementations that &lt;a href=3D#non-scripted&=
gt;do not support scripting&lt;/a&gt; do not
+  have to actually create a DOM &lt;code&gt;&lt;a href=3D#document&gt;Do=
cument&lt;/a&gt;&lt;/code&gt; object, but the DOM tree in such cases is
+  still used as the model for the rest of the specification.&lt;/p&gt;
+
+  &lt;p&gt;In the common case, the data handled by the tokenization stag=
e comes from the network, but
+  &lt;a href=3D#dynamic-markup-insertion title=3D&quot;dynamic markup in=
sertion&quot;&gt;it can also come from script&lt;/a&gt; running in the us=
er
+  agent, e.g. using the &lt;code title=3Ddom-document-write&gt;&lt;a hre=
f=3D#dom-document-write&gt;document.write()&lt;/a&gt;&lt;/code&gt; API.&l=
t;/p&gt;
+
+  &lt;p id=3DnestedParsing&gt;There is only one set of states for the to=
kenizer stage and the tree
+  construction stage, but the tree construction stage is reentrant, mean=
ing that while the tree
+  construction stage is handling one token, the tokenizer might be resum=
ed, causing further tokens
+  to be emitted and processed before the first token's processing is com=
plete.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;In the following example, the tree construction stage will b=
e called upon to handle a &quot;p&quot;
+   start tag token while handling the &quot;script&quot; end tag token:&=
lt;/p&gt;
+
+   &lt;pre&gt;...
+&amp;lt;script&amp;gt;
+ document.write('&amp;lt;p&amp;gt;');
+&amp;lt;/script&amp;gt;
+...&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;To handle these cases, parsers have a &lt;dfn id=3Dscript-nes=
ting-level&gt;script nesting level&lt;/dfn&gt;, which must be initially
+  set to zero, and a &lt;dfn id=3Dparser-pause-flag&gt;parser pause flag=
&lt;/dfn&gt;, which must be initially set to false.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dthe-input-byte-stream&gt;&lt;span class=3Dsecno&gt;12.2.2 =
&lt;/span&gt;The &lt;dfn&gt;input byte stream&lt;/dfn&gt;&lt;/h4&gt;
+
+  &lt;p&gt;The stream of Unicode code points that comprises the input to=
 the tokenization stage will be
+  initially seen by the user agent as a stream of bytes (typically comin=
g over the network or from
+  the local file system). The bytes encode the actual characters accordi=
ng to a particular
+  &lt;i&gt;character encoding&lt;/i&gt;, which the user agent uses to de=
code the bytes into characters.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;For XML documents, the algorithm user agents mus=
t use to determine the character
+  encoding is given by the XML specification. This section does not appl=
y to XML documents. &lt;a href=3D#refsXML&gt;[XML]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;Usually, the &lt;a href=3D#encoding-sniffing-algorithm&gt;enc=
oding sniffing algorithm&lt;/a&gt; defined below is used to determine the
+  character encoding.&lt;/p&gt;
+
+  &lt;p&gt;Given a character encoding, the bytes in the &lt;a href=3D#th=
e-input-byte-stream&gt;input byte stream&lt;/a&gt; must be converted
+  to Unicode code points for the tokenizer's &lt;a href=3D#input-stream&=
gt;input stream&lt;/a&gt;, as described by the rules
+  for that encoding's &lt;a href=3D#decoder&gt;decoder&lt;/a&gt;.&lt;/p&=
gt;
+
+  &lt;p class=3Dnote&gt;Bytes or sequences of bytes in the original byte=
 stream that did not conform to
+  the encoding specification (e.g. invalid UTF-8 byte sequences in a UTF=
-8 input byte stream) are
+  errors that conformance checkers are expected to report.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Leading Byte Order Marks (BOMs) are not stripped=
 by the decoder algorithms, they
+  are stripped by the algorithm below.&lt;/p&gt;
+
+  &lt;p class=3Dwarning&gt;The decoder algorithms describe how to handle=
 invalid input; for security
+  reasons, it is imperative that those rules be followed precisely. Diff=
erences in how invalid byte
+  sequences are handled can result in, amongst other problems, script in=
jection vulnerabilities
+  (&quot;XSS&quot;).&lt;/p&gt;
+
+  &lt;p&gt;When the HTML parser is decoding an input byte stream, it use=
s a character encoding and a &lt;dfn id=3Dconcept-encoding-confidence tit=
le=3Dconcept-encoding-confidence&gt;confidence&lt;/dfn&gt;. The confidenc=
e is either &lt;i&gt;tentative&lt;/i&gt;,
+  &lt;i&gt;certain&lt;/i&gt;, or &lt;i&gt;irrelevant&lt;/i&gt;. The enco=
ding used, and whether the confidence in that
+  encoding is &lt;i&gt;tentative&lt;/i&gt; or &lt;i&gt;certain&lt;/i&gt;=
, is &lt;a href=3D#meta-charset-during-parse&gt;used
+  during the parsing&lt;/a&gt; to determine whether to &lt;a href=3D#cha=
nge-the-encoding&gt;change the encoding&lt;/a&gt;. If no encoding is
+  necessary, e.g. because the parser is operating on a Unicode stream an=
d doesn't have to use a
+  character encoding at all, then the &lt;a href=3D#concept-encoding-con=
fidence title=3Dconcept-encoding-confidence&gt;confidence&lt;/a&gt; is
+  &lt;i&gt;irrelevant&lt;/i&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Some algorithms feed the parser by directly addi=
ng characters to the &lt;a href=3D#input-stream&gt;input
+  stream&lt;/a&gt; rather than adding bytes to the &lt;a href=3D#the-inp=
ut-byte-stream&gt;input byte stream&lt;/a&gt;.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dparsing-with-a-known-character-encoding&gt;&lt;span class=3D=
secno&gt;12.2.2.1 &lt;/span&gt;Parsing with a known character encoding&lt=
;/h5&gt;
+
+  &lt;p&gt;When the HTML parser is to operate on an input byte stream th=
at has &lt;dfn id=3Da-known-definite-encoding&gt;a known definite
+  encoding&lt;/dfn&gt;, then the character encoding is that encoding and=
 the &lt;a href=3D#concept-encoding-confidence title=3Dconcept-encoding-c=
onfidence&gt;confidence&lt;/a&gt; is &lt;i&gt;certain&lt;/i&gt;.&lt;/p&gt=
;
+
+
+  &lt;h5 id=3Ddetermining-the-character-encoding&gt;&lt;span class=3Dsec=
no&gt;12.2.2.2 &lt;/span&gt;Determining the character encoding&lt;/h5&gt;
+
+  &lt;p&gt;In some cases, it might be impractical to unambiguously deter=
mine the encoding before parsing
+  the document. Because of this, this specification provides for a two-p=
ass mechanism with an
+  optional pre-scan. Implementations are allowed, as described below, to=
 apply a simplified parsing
+  algorithm to whatever bytes they have available before beginning to pa=
rse the document. Then, the
+  real parser is started, using a tentative encoding derived from this p=
re-parse and other
+  out-of-band metadata. If, while the document is being loaded, the user=
 agent discovers a character
+  encoding declaration that conflicts with this information, then the pa=
rser can get reinvoked to
+  perform a parse of the document with the real encoding.&lt;/p&gt;
+
+  &lt;p id=3DdocumentEncoding&gt;User agents must use the following algo=
rithm, called the &lt;dfn id=3Dencoding-sniffing-algorithm&gt;encoding
+  sniffing algorithm&lt;/dfn&gt;, to determine the character encoding to=
 use when decoding a document in
+  the first pass. This algorithm takes as input any out-of-band metadata=
 available to the user agent
+  (e.g. the &lt;a href=3D#content-type title=3DContent-Type&gt;Content-T=
ype metadata&lt;/a&gt; of the document) and all the
+  bytes available so far, and returns a character encoding and a &lt;a h=
ref=3D#concept-encoding-confidence title=3Dconcept-encoding-confidence&gt=
;confidence&lt;/a&gt; that is either &lt;i&gt;tentative&lt;/i&gt; or
+  &lt;i&gt;certain&lt;/i&gt;.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;If the user has explicitly instructed the user agent to ove=
rride the document's character
+    encoding with a specific encoding, optionally return that encoding w=
ith the &lt;a href=3D#concept-encoding-confidence title=3Dconcept-encodin=
g-confidence&gt;confidence&lt;/a&gt; &lt;i&gt;certain&lt;/i&gt; and abort=
 these steps.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;Typically, user agents remember such user requ=
ests across sessions, and in some
+    cases apply them to documents in &lt;code&gt;&lt;a href=3D#the-ifram=
e-element&gt;iframe&lt;/a&gt;&lt;/code&gt;s as well.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;The user agent may wait for more bytes of the resource to b=
e available, either in this step
+    or at any later step in this algorithm. For instance, a user agent m=
ight wait 500ms or 1024
+    bytes, whichever came first. In general preparsing the source to fin=
d the encoding improves
+    performance, as it reduces the need to throw away the data structure=
s used when parsing upon
+    finding the encoding information. However, if the user agent delays =
too long to obtain data to
+    determine the encoding, then the cost of the delay could outweigh an=
y performance improvements
+    from the preparse.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The authoring conformance requirements for cha=
racter encoding declarations limit
+    them to only appearing &lt;a href=3D#charset1024&gt;in the first 102=
4 bytes&lt;/a&gt;. User agents are
+    therefore encouraged to use the prescan algorithm below (as invoked =
by these steps) on the first
+    1024 bytes, but not to stall beyond that.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;!-- Doing this step before honouring HTTP is important for suppo=
rting
+            http://kb.dsqq.cn/html/2012-09/16/node_193.htm
+         which is encoded as UTF-8 but is incorrectly labeled as
+            Content-Type: text/html; charset=3DGB2312
+    --&gt;
+
+    &lt;p&gt;For each of the rows in the following table, starting with =
the first one and going down, if
+    there are as many or more bytes available than the number of bytes i=
n the first column, and the
+    first bytes of the file match the bytes given in the first column, t=
hen return the encoding
+    given in the cell in the second column of that row, with the &lt;a h=
ref=3D#concept-encoding-confidence title=3Dconcept-encoding-confidence&gt=
;confidence&lt;/a&gt; &lt;i&gt;certain&lt;/i&gt;, and abort these steps:&=
lt;/p&gt;
+
+    &lt;!-- this table is present in several forms in this file; keep th=
em in sync --&gt;
+    &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Bytes in Hexadecimal
+       &lt;th&gt;Encoding
+     &lt;tbody&gt;&lt;!-- nobody uses this
+      &lt;tr&gt;
+       &lt;td&gt;00 00 FE FF
+       &lt;td&gt;UTF-32BE
+      &lt;tr&gt;
+       &lt;td&gt;FF FE 00 00
+       &lt;td&gt;UTF-32LE
+--&gt;&lt;tr&gt;&lt;td&gt;FE FF
+       &lt;td&gt;Big-endian UTF-16
+      &lt;tr&gt;&lt;td&gt;FF FE
+       &lt;td&gt;Little-endian UTF-16
+      &lt;tr&gt;&lt;td&gt;EF BB BF
+       &lt;td&gt;UTF-8
+&lt;!-- nobody uses this
+      &lt;tr&gt;
+       &lt;td&gt;DD 73 66 73
+       &lt;td&gt;UTF-EBCDIC
+--&gt;
+    &lt;/table&gt;&lt;p class=3Dnote&gt;This step looks for Unicode Byte=
 Order Marks (BOMs).&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;That this step happens before the next one hon=
oring the HTTP
+    &lt;code&gt;&lt;a href=3D#content-type&gt;Content-Type&lt;/a&gt;&lt;=
/code&gt; header is a &lt;a href=3D#willful-violation&gt;willful violatio=
n&lt;/a&gt; of the HTTP specification,
+    motivated by a desire to be maximally compatible with legacy content=
. &lt;a href=3D#refsHTTP&gt;[HTTP]&lt;/a&gt;&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the transport layer specifies a character encod=
ing, and it is supported, return that
+   encoding with the &lt;a href=3D#concept-encoding-confidence title=3Dc=
oncept-encoding-confidence&gt;confidence&lt;/a&gt; &lt;i&gt;certain&lt;/i=
&gt;, and
+   abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Optionally &lt;a href=3D#prescan-a-byte-stream-to-determine=
-its-encoding title=3D&quot;prescan a byte stream to determine its encodi=
ng&quot;&gt;prescan the byte
+    stream to determine its encoding&lt;/a&gt;. The &lt;var title=3D&quo=
t;&quot;&gt;end condition&lt;/var&gt; is that the user
+    agent decides that scanning further bytes would not be efficient. Us=
er agents are encouraged to
+    only prescan the first 1024 bytes. User agents may decide that scann=
ing &lt;em&gt;any&lt;/em&gt; bytes is
+    not efficient, in which case these substeps are entirely skipped.&lt=
;/p&gt;
+
+    &lt;p&gt;The aforementioned algorithm either aborts unsuccessfully o=
r returns a character encoding. If
+    it returns a character encoding, then this algorithm must be aborted=
, returning the same
+    encoding, with &lt;a href=3D#concept-encoding-confidence title=3Dcon=
cept-encoding-confidence&gt;confidence&lt;/a&gt; &lt;i&gt;tentative&lt;/i=
&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#html-parser&gt;HTML parser&lt;/a&gt; f=
or which this algorithm is being run is associated with a
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; that is itself in a &lt;a href=3D#nested-browsing-context&gt;nested bro=
wsing context&lt;/a&gt;, run these
+    substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;new=
 document&lt;/var&gt; be the &lt;code&gt;&lt;a href=3D#document&gt;Docume=
nt&lt;/a&gt;&lt;/code&gt; with which the
+     &lt;a href=3D#html-parser&gt;HTML parser&lt;/a&gt; is associated.&l=
t;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;parent docum=
ent&lt;/var&gt; be the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;=
/a&gt;&lt;/code&gt; &lt;a href=3D#browsing-context-nested-through title=3D=
&quot;browsing context nested through&quot;&gt;through which &lt;var titl=
e=3D&quot;&quot;&gt;new document&lt;/var&gt; is
+     nested&lt;/a&gt; (the &lt;a href=3D#active-document&gt;active docum=
ent&lt;/a&gt; of the &lt;a href=3D#parent-browsing-context&gt;parent brow=
sing context&lt;/a&gt; of
+     &lt;var title=3D&quot;&quot;&gt;new document&lt;/var&gt;).&lt;/li&g=
t;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;parent docume=
nt&lt;/var&gt;'s &lt;a href=3D#origin&gt;origin&lt;/a&gt; is not the &lt;=
a href=3D#same-origin&gt;same
+     origin&lt;/a&gt; as &lt;var title=3D&quot;&quot;&gt;new document&lt=
;/var&gt;'s &lt;a href=3D#origin&gt;origin&lt;/a&gt;, then abort these
+     substeps.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;parent docume=
nt&lt;/var&gt;'s &lt;a href=3D&quot;#document's-character-encoding&quot; =
title=3D&quot;document's character
+     encoding&quot;&gt;character encoding&lt;/a&gt; is not an &lt;a href=
=3D#ascii-compatible-character-encoding&gt;ASCII-compatible character enc=
oding&lt;/a&gt;,
+     then abort these substeps.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;parent do=
cument&lt;/var&gt;'s &lt;a href=3D&quot;#document's-character-encoding&qu=
ot; title=3D&quot;document's character
+     encoding&quot;&gt;character encoding&lt;/a&gt;, with the &lt;a href=
=3D#concept-encoding-confidence title=3Dconcept-encoding-confidence&gt;co=
nfidence&lt;/a&gt; &lt;i&gt;tentative&lt;/i&gt;, and abort the
+     &lt;a href=3D#encoding-sniffing-algorithm&gt;encoding sniffing algo=
rithm&lt;/a&gt;'s steps.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, if the user agent has information on th=
e likely encoding for this page, e.g.
+   based on the encoding of the page when it was last visited, then retu=
rn that encoding, with the
+   &lt;a href=3D#concept-encoding-confidence title=3Dconcept-encoding-co=
nfidence&gt;confidence&lt;/a&gt; &lt;i&gt;tentative&lt;/i&gt;, and abort =
these
+   steps.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;The user agent may attempt to autodetect the character enco=
ding from applying frequency
+    analysis or other algorithms to the data stream. Such algorithms may=
 use information about the
+    resource other than the resource's contents, including the address o=
f the resource. If
+    autodetection succeeds in determining a character encoding, and that=
 encoding is a supported
+    encoding, then return that encoding, with the &lt;a href=3D#concept-=
encoding-confidence title=3Dconcept-encoding-confidence&gt;confidence&lt;=
/a&gt; &lt;i&gt;tentative&lt;/i&gt;, and abort these steps.
+    &lt;a href=3D#refsUNIVCHARDET&gt;[UNIVCHARDET]&lt;/a&gt;&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The UTF-8 encoding has a highly detectable bit=
 pattern. Documents that contain
+    bytes with values greater than 0x7F which match the UTF-8 pattern ar=
e very likely to be UTF-8,
+    while documents with byte sequences that do not match it are very li=
kely not. User-agents are
+    therefore encouraged to search for this common encoding. &lt;a href=3D=
#refsPPUTF8&gt;[PPUTF8]&lt;/a&gt; &lt;a href=3D#refsUTF8DET&gt;[UTF8DET]&=
lt;/a&gt;&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Otherwise, return an implementation-defined or user-specifi=
ed default character encoding,
+    with the &lt;a href=3D#concept-encoding-confidence title=3Dconcept-e=
ncoding-confidence&gt;confidence&lt;/a&gt; &lt;i&gt;tentative&lt;/i&gt;.&=
lt;/p&gt;
+
+    &lt;p&gt;In controlled environments or in environments where the enc=
oding of documents can be
+    prescribed (for example, for user agents intended for dedicated use =
in new networks), the
+    comprehensive &lt;code title=3D&quot;&quot;&gt;UTF-8&lt;/code&gt; en=
coding is suggested.&lt;/p&gt;
+
+    &lt;p&gt;In other environments, the default encoding is typically de=
pendent on the user's locale (an
+    approximation of the languages, and thus often encodings, of the pag=
es that the user is likely
+    to frequent). The following table gives suggested defaults based on =
the user's locale, for
+    compatibility with legacy content. Locales are identified by BCP 47 =
language tags. &lt;a href=3D#refsBCP47&gt;[BCP47]&lt;/a&gt; &lt;a href=3D=
#refsENCODING&gt;[ENCODING]&lt;/a&gt;&lt;/p&gt;
+
+    &lt;!-- based on three sources:
+          1. mozilla 1.9.1 localizations: http://mxr.mozilla.org/l10n-mo=
zilla1.9.1/find?string=3Dglobal%2Fintl.properties&amp;tree=3Dl10n-mozilla=
1.9.1&amp;hint=3D=20
+          2. windows vista encodings: http://msdn.microsoft.com/en-us/go=
global/bb896001
+          3. chrome encodings: https://code.google.com/p/chromium/codese=
arch#search/&amp;q=3DIDS_DEFAULT_ENCODING
+         several assumptions were made in this process; amongst them:
+          - ISO-8859-1 and Windows-1252 are the same (supported by encod=
ing.spec.whatwg.org)
+          - ISO-8859-9 and Windows-1254 are the same (supported by encod=
ing.spec.whatwg.org)
+          - Windows-31J and Shift_JIS are the same (supported by encodin=
g.spec.whatwg.org)
+          - Windows-932 is close enough to Shift_JIS to be treated as eq=
uivalent (supported by wikipedia)
+          - Windows-936 is a basically a subset of GBK which is basicall=
y a subset of GB18030 (supported by wikipedia)
+          - Windows-950 is basically the same as Big5 (supported by wiki=
pedia)
+          - Firefox's UTF-8 defaults are all bogus
+    --&gt;
+
+    &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th colspan=3D2&gt;Locale lan=
guage
+       &lt;th&gt;Suggested default encoding
+     &lt;tbody&gt;&lt;!-- af, Afrikaans, uses windows-1252: Windows Vist=
a and Firefox agreed --&gt;&lt;!-- am, Amharic, uses windows-1252: Firefo=
x and Chrome agreed --&gt;&lt;tr&gt;&lt;td&gt;ar
+       &lt;td&gt;Arabic
+       &lt;td&gt;windows-1256 &lt;!-- Windows Vista and Chrome agreed --=
&gt;
+
+      &lt;!-- arn-CL, Mapudungun (Chile), uses windows-1252: Windows Vis=
ta and Firefox agreed --&gt;
+
+      &lt;!-- az, Azeri, is not listed here because neither Chrome nor F=
irefox knew about it. For what it's worth, Windows Vista wanted windows-1=
254 --&gt;
+
+      &lt;!-- az-Cyrl-AZ, Azeri (Cyrillic, Azerbaijan), is not listed he=
re because neither Chrome nor Firefox knew about it. For what it's worth,=
 Windows Vista wanted windows-1251 --&gt;
+
+      &lt;!-- ba-RU, Bashkir (Russia), is not listed here because neithe=
r Chrome nor Firefox knew about it. For what it's worth, Windows Vista wa=
nted windows-1251 --&gt;
+      &lt;!-- ba wasn't listed at all because none of the sources knew a=
bout it. However, further feedback has changed this: --&gt;
+      &lt;tr&gt;&lt;td&gt;ba
+       &lt;td&gt;Bashkir
+       &lt;td&gt;windows-1251 &lt;!-- per https://www.w3.org/Bugs/Public=
/show_bug.cgi?id=3D23089 --&gt;
+
+      &lt;!-- be, Belarusian, was not initially listed here because Wind=
ows Vista wanted windows-1251, Chrome wanted &lt;none&gt;, and Firefox wa=
nted ISO-8859-5 --&gt;
+      &lt;!-- further feedback has changed this: --&gt;
+      &lt;tr&gt;&lt;td&gt;be
+       &lt;td&gt;Belarusian
+       &lt;td&gt;windows-1251 &lt;!-- per https://www.w3.org/Bugs/Public=
/show_bug.cgi?id=3D23089 --&gt;
+
+      &lt;!-- be-BY, Belarusian (Belarus), is not listed here because ne=
ither Chrome nor Firefox knew about it. For what it's worth, Windows Vist=
a wanted windows-1251 --&gt;
+
+      &lt;tr&gt;&lt;td&gt;bg
+       &lt;td&gt;Bulgarian
+       &lt;td&gt;windows-1251 &lt;!-- Windows Vista, Chrome, and Firefox=
 agreed --&gt;
+
+      &lt;!-- bn, Bengali, uses windows-1252: Firefox and Chrome agreed =
--&gt;
+
+      &lt;!-- br-FR, Breton (France), uses windows-1252: Windows Vista a=
nd Firefox agreed --&gt;
+
+      &lt;!-- bs-Cyrl-BA, Bosnian (Cyrillic, Bosnia and Herzegovina), is=
 not listed here because neither Chrome nor Firefox knew about it. For wh=
at it's worth, Windows Vista wanted windows-1251 --&gt;
+
+      &lt;!-- bs-Latn-BA, Bosnian (Latin, Bosnia and Herzegovina), is no=
t listed here because neither Chrome nor Firefox knew about it. For what =
it's worth, Windows Vista wanted windows-1250 --&gt;
+
+      &lt;!-- ca, Catalan, uses windows-1252: Windows Vista, Chrome, and=
 Firefox agreed --&gt;
+
+      &lt;!-- co-FR, Corsican (France), uses windows-1252: Windows Vista=
 and Firefox agreed --&gt;
+
+      &lt;tr&gt;&lt;td&gt;cs
+       &lt;td&gt;Czech
+       &lt;td&gt;windows-1250 &lt;!-- Windows Vista and Chrome agreed (b=
ut disagreed with Firefox, which thought the encoding should be ISO-8859-=
2) --&gt;
+
+      &lt;!-- cy-GB, Welsh (United Kingdom), uses windows-1252: Windows =
Vista and Firefox agreed --&gt;
+
+      &lt;!-- da, Danish, uses windows-1252: Windows Vista, Chrome, and =
Firefox agreed --&gt;
+
+      &lt;!-- de, German, uses windows-1252: Windows Vista, Chrome, and =
Firefox agreed --&gt;
+
+      &lt;!-- el, Greek, was not initially listed here because Windows V=
ista wanted windows-1253, Chrome wanted ISO-8859-7, and Firefox wanted wi=
ndows-1252 --&gt;
+      &lt;!-- el-GR, Greek (Greece), is not listed here because neither =
Chrome nor Firefox knew about it. For what it's worth, Windows Vista want=
ed windows-1253 --&gt;
+      &lt;!-- further feedback has changed this: --&gt;
+      &lt;tr&gt;&lt;td&gt;el
+       &lt;td&gt;Greek
+       &lt;td&gt;ISO-8859-7 &lt;!-- per https://www.w3.org/Bugs/Public/s=
how_bug.cgi?id=3D23090 --&gt;
+
+      &lt;!-- en, English, uses windows-1252: Windows Vista and Firefox =
agreed --&gt;
+
+      &lt;!-- es, Spanish, uses windows-1252: Windows Vista, Chrome, and=
 Firefox agreed --&gt;
+
+      &lt;tr&gt;&lt;td&gt;et
+       &lt;td&gt;Estonian
+       &lt;td&gt;windows-1257 &lt;!-- Windows Vista and Chrome agreed --=
&gt;
+
+      &lt;!-- eu, Basque, uses windows-1252: Windows Vista and Firefox a=
greed --&gt;
+
+      &lt;tr&gt;&lt;td&gt;fa
+       &lt;td&gt;Persian
+       &lt;td&gt;windows-1256 &lt;!-- Windows Vista and Chrome agreed --=
&gt;
+
+      &lt;!-- fi, Finnish, uses windows-1252: Windows Vista, Chrome, and=
 Firefox agreed --&gt;
+
+      &lt;!-- fil, Filipino, uses windows-1252: Firefox and Chrome agree=
d --&gt;
+
+      &lt;!-- fo, Faroese, uses windows-1252: Windows Vista and Firefox =
agreed --&gt;
+
+      &lt;!-- fr, French, uses windows-1252: Windows Vista, Chrome, and =
Firefox agreed --&gt;
+
+      &lt;!-- fy-NL, Frisian (Netherlands), uses windows-1252: Windows V=
ista and Firefox agreed --&gt;
+
+      &lt;!-- ga-IE, Irish (Ireland), uses windows-1252: Windows Vista a=
nd Firefox agreed --&gt;
+
+      &lt;!-- gl, Galician, uses windows-1252: Windows Vista and Firefox=
 agreed --&gt;
+
+      &lt;!-- gsw-FR, Alsatian (France), uses windows-1252: Windows Vist=
a and Firefox agreed --&gt;
+
+      &lt;!-- gu, Gujarati, uses windows-1252: Firefox and Chrome agreed=
 --&gt;
+
+      &lt;!-- ha-Latn-NG, Hausa (Latin, Nigeria), uses windows-1252: Win=
dows Vista and Firefox agreed --&gt;
+
+      &lt;tr&gt;&lt;td&gt;he
+       &lt;td&gt;Hebrew
+       &lt;td&gt;windows-1255 &lt;!-- Windows Vista, Chrome, and Firefox=
 agreed --&gt;
+
+      &lt;!-- hi, Hindi, uses windows-1252: Firefox and Chrome agreed --=
&gt;
+
+      &lt;tr&gt;&lt;td&gt;hr
+       &lt;td&gt;Croatian
+       &lt;td&gt;windows-1250 &lt;!-- Windows Vista and Chrome agreed --=
&gt;
+
+      &lt;tr&gt;&lt;td&gt;hu
+       &lt;td&gt;Hungarian
+       &lt;td&gt;ISO-8859-2 &lt;!-- Chrome and Firefox agreed (but disag=
reed with Windows Vista, which thought the encoding should be windows-125=
0) --&gt;
+
+      &lt;!-- hu-HU, Hungarian (Hungary), is not listed here because nei=
ther Chrome nor Firefox knew about it. For what it's worth, Windows Vista=
 wanted windows-1250 --&gt;
+
+      &lt;!-- id, Indonesian, uses windows-1252: Windows Vista, Chrome, =
and Firefox agreed --&gt;
+
+      &lt;!-- ig-NG, Igbo (Nigeria), uses windows-1252: Windows Vista an=
d Firefox agreed --&gt;
+
+      &lt;!-- is, Icelandic, uses windows-1252: Windows Vista and Firefo=
x agreed --&gt;
+
+      &lt;!-- it, Italian, uses windows-1252: Windows Vista, Chrome, and=
 Firefox agreed --&gt;
+
+      &lt;!-- iu-Latn-CA, Inuktitut (Latin, Canada), uses windows-1252: =
Windows Vista and Firefox agreed --&gt;
+
+      &lt;tr&gt;&lt;td&gt;ja
+       &lt;td&gt;Japanese
+       &lt;td&gt;Shift_JIS &lt;!-- Windows Vista, Chrome, and Firefox ag=
reed --&gt;
+
+      &lt;!-- kk, Kazakh, was not initially listed here because neither =
Chrome nor Firefox knew about it. For what it's worth, Windows Vista want=
ed windows-1251 --&gt;
+      &lt;!-- further feedback has changed this: --&gt;
+      &lt;tr&gt;&lt;td&gt;kk
+       &lt;td&gt;Kazakh
+       &lt;td&gt;windows-1251 &lt;!-- per https://www.w3.org/Bugs/Public=
/show_bug.cgi?id=3D23089 --&gt;
+
+      &lt;!-- kl-GL, Greenlandic (Greenland), uses windows-1252: Windows=
 Vista and Firefox agreed --&gt;
+
+      &lt;!-- kn, Kannada, uses windows-1252: Firefox and Chrome agreed =
--&gt;
+
+      &lt;tr&gt;&lt;td&gt;ko
+       &lt;td&gt;Korean
+       &lt;td&gt;euc-kr &lt;!-- Windows Vista, Chrome, and Firefox agree=
d --&gt;
+
+      &lt;tr&gt;&lt;td&gt;ku
+       &lt;td&gt;Kurdish
+       &lt;td&gt;windows-1254 &lt;!-- Best guess --&gt;
+
+      &lt;!-- ky, Kyrgyz, was not initially listed here because neither =
Chrome nor Firefox knew about it. For what it's worth, Windows Vista want=
ed windows-1251 --&gt;
+      &lt;!-- further feedback has changed this: --&gt;
+      &lt;tr&gt;&lt;td&gt;ky
+       &lt;td&gt;Kyrgyz
+       &lt;td&gt;windows-1251 &lt;!-- per https://www.w3.org/Bugs/Public=
/show_bug.cgi?id=3D23089 --&gt;
+
+      &lt;!-- lb-LU, Luxembourgish (Luxembourg), uses windows-1252: Wind=
ows Vista and Firefox agreed --&gt;
+
+      &lt;tr&gt;&lt;td&gt;lt
+       &lt;td&gt;Lithuanian
+       &lt;td&gt;windows-1257 &lt;!-- Windows Vista, Chrome, and Firefox=
 agreed --&gt;
+
+      &lt;tr&gt;&lt;td&gt;lv
+       &lt;td&gt;Latvian
+       &lt;td&gt;windows-1257 &lt;!-- Windows Vista and Chrome agreed (b=
ut disagreed with Firefox, which thought the encoding should be ISO-8859-=
13) --&gt;
+
+      &lt;!-- mk, Macedonian, was not initially listed here because neit=
her Chrome nor Firefox knew about it. For what it's worth, Windows Vista =
wanted windows-1251 --&gt;
+      &lt;!-- further feedback has changed this: --&gt;
+      &lt;tr&gt;&lt;td&gt;mk
+       &lt;td&gt;Macedonian
+       &lt;td&gt;windows-1251 &lt;!-- per https://www.w3.org/Bugs/Public=
/show_bug.cgi?id=3D23089 --&gt;
+
+      &lt;!-- ml, Malayalam, uses windows-1252: Firefox and Chrome agree=
d --&gt;
+
+      &lt;!-- mn, Mongolian, is not listed here because neither Chrome n=
or Firefox knew about it. For what it's worth, Windows Vista wanted windo=
ws-1251 --&gt;
+
+      &lt;!-- moh-CA, Mohawk (Mohawk), uses windows-1252: Windows Vista =
and Firefox agreed --&gt;
+
+      &lt;!-- mr, Marathi, uses windows-1252: Firefox and Chrome agreed =
--&gt;
+
+      &lt;!-- ms, Malay, uses windows-1252: Windows Vista and Firefox ag=
reed --&gt;
+
+      &lt;!-- nb, Norwegian Bokm&amp;aring;l, uses windows-1252: Firefox=
 and Chrome agreed --&gt;
+
+      &lt;!-- nl, Dutch, uses windows-1252: Windows Vista, Chrome, and F=
irefox agreed --&gt;
+
+      &lt;!-- nn-NO, Norwegian, Nynorsk (Norway), uses windows-1252: Win=
dows Vista and Firefox agreed --&gt;
+
+      &lt;!-- no, Norwegian, uses windows-1252: Windows Vista and Firefo=
x agreed --&gt;
+
+      &lt;!-- nso-ZA, Sesotho sa Leboa (South Africa), uses windows-1252=
: Windows Vista and Firefox agreed --&gt;
+
+      &lt;!-- oc-FR, Occitan (France), uses windows-1252: Windows Vista =
and Firefox agreed --&gt;
+
+      &lt;tr&gt;&lt;td&gt;pl
+       &lt;td&gt;Polish
+       &lt;td&gt;ISO-8859-2 &lt;!-- Chrome and Firefox agreed (but disag=
reed with Windows Vista, which thought the encoding should be windows-125=
0) --&gt;
+
+      &lt;!-- pl-PL, Polish (Poland), is not listed here because neither=
 Chrome nor Firefox knew about it. For what it's worth, Windows Vista wan=
ted windows-1250 --&gt;
+
+      &lt;!-- prs-AF, Dari (Afghanistan), is not listed here because nei=
ther Chrome nor Firefox knew about it. For what it's worth, Windows Vista=
 wanted windows-1256 --&gt;
+
+      &lt;!-- pt, Portuguese, uses windows-1252: Windows Vista and Firef=
ox agreed --&gt;
+
+      &lt;!-- qut-GT, K'iche (Guatemala), uses windows-1252: Windows Vis=
ta and Firefox agreed --&gt;
+
+      &lt;!-- quz-BO, Quechua (Bolivia), uses windows-1252: Windows Vist=
a and Firefox agreed --&gt;
+
+      &lt;!-- quz-EC, Quechua (Ecuador), uses windows-1252: Windows Vist=
a and Firefox agreed --&gt;
+
+      &lt;!-- quz-PE, Quechua (Peru), uses windows-1252: Windows Vista a=
nd Firefox agreed --&gt;
+
+      &lt;!-- rm-CH, Romansh (Switzerland), uses windows-1252: Windows V=
ista and Firefox agreed --&gt;
+
+      &lt;!-- ro, Romanian, is not listed here because Windows Vista wan=
ted windows-1250, Chrome wanted ISO-8859-2, and Firefox wanted &lt;none&g=
t; --&gt;
+
+      &lt;!-- ro-RO, Romanian (Romania), is not listed here because neit=
her Chrome nor Firefox knew about it. For what it's worth, Windows Vista =
wanted windows-1250 --&gt;
+
+      &lt;tr&gt;&lt;td&gt;ru
+       &lt;td&gt;Russian
+       &lt;td&gt;windows-1251 &lt;!-- Windows Vista, Chrome, and Firefox=
 agreed --&gt;
+
+      &lt;!-- rw-RW, Kinyarwanda (Rwanda), uses windows-1252: Windows Vi=
sta and Firefox agreed --&gt;
+
+      &lt;!-- sah-RU, Yakut (Russia), is not listed here because neither=
 Chrome nor Firefox knew about it. For what it's worth, Windows Vista wan=
ted windows-1251 --&gt;
+      &lt;!-- sah wasn't listed at all because none of the sources knew =
about it. However, further feedback has changed this: --&gt;
+      &lt;tr&gt;&lt;td&gt;sah
+       &lt;td&gt;Yakut
+       &lt;td&gt;windows-1251 &lt;!-- per https://www.w3.org/Bugs/Public=
/show_bug.cgi?id=3D23089 --&gt;
+
+      &lt;!-- se-FI, Sami, Northern (Finland), uses windows-1252: Window=
s Vista and Firefox agreed --&gt;
+
+      &lt;!-- se-NO, Sami, Northern (Norway), uses windows-1252: Windows=
 Vista and Firefox agreed --&gt;
+
+      &lt;!-- se-SE, Sami, Northern (Sweden), uses windows-1252: Windows=
 Vista and Firefox agreed --&gt;
+
+      &lt;tr&gt;&lt;td&gt;sk
+       &lt;td&gt;Slovak
+       &lt;td&gt;windows-1250 &lt;!-- Windows Vista, Chrome, and Firefox=
 agreed --&gt;
+
+      &lt;tr&gt;&lt;td&gt;sl
+       &lt;td&gt;Slovenian
+       &lt;td&gt;ISO-8859-2 &lt;!-- Chrome and Firefox agreed (but disag=
reed with Windows Vista, which thought the encoding should be windows-125=
0) --&gt;
+
+      &lt;!-- sl-SI, Slovenian (Slovenia), is not listed here because ne=
ither Chrome nor Firefox knew about it. For what it's worth, Windows Vist=
a wanted windows-1250 --&gt;
+
+      &lt;!-- sma-NO, Sami, Southern (Norway), uses windows-1252: Window=
s Vista and Firefox agreed --&gt;
+
+      &lt;!-- sma-SE, Sami, Southern (Sweden), uses windows-1252: Window=
s Vista and Firefox agreed --&gt;
+
+      &lt;!-- smj-NO, Sami, Lule (Norway), uses windows-1252: Windows Vi=
sta and Firefox agreed --&gt;
+
+      &lt;!-- smj-SE, Sami, Lule (Sweden), uses windows-1252: Windows Vi=
sta and Firefox agreed --&gt;
+
+      &lt;!-- smn-FI, Sami, Inari (Finland), uses windows-1252: Windows =
Vista and Firefox agreed --&gt;
+
+      &lt;!-- sms-FI, Sami, Skolt (Finland), uses windows-1252: Windows =
Vista and Firefox agreed --&gt;
+
+      &lt;!-- sq, Albanian, is not listed here because neither Chrome no=
r Firefox knew about it. For what it's worth, Windows Vista wanted window=
s-1250 --&gt;
+
+      &lt;tr&gt;&lt;td&gt;sr
+       &lt;td&gt;Serbian
+       &lt;td&gt;windows-1251 &lt;!-- Windows Vista and Chrome agreed --=
&gt;
+
+      &lt;!-- sr-Latn-BA, Serbian (Latin, Bosnia and Herzegovina), is no=
t listed here because neither Chrome nor Firefox knew about it. For what =
it's worth, Windows Vista wanted windows-1250 --&gt;
+
+      &lt;!-- sr-Latn-SP, Serbian (Latin, Serbia), is not listed here be=
cause neither Chrome nor Firefox knew about it. For what it's worth, Wind=
ows Vista wanted windows-1250 --&gt;
+
+      &lt;!-- sv, Swedish, uses windows-1252: Windows Vista, Chrome, and=
 Firefox agreed --&gt;
+
+      &lt;!-- sw, Kiswahili, uses windows-1252: Windows Vista, Chrome, a=
nd Firefox agreed --&gt;
+
+      &lt;!-- ta, Tamil, uses windows-1252: Firefox and Chrome agreed --=
&gt;
+
+      &lt;!-- te, Telugu, uses windows-1252: Firefox and Chrome agreed -=
-&gt;
+
+      &lt;!-- tg-Cyrl-TJ, Tajik (Cyrillic, Tajikistan), is not listed he=
re because neither Chrome nor Firefox knew about it. For what it's worth,=
 Windows Vista wanted windows-1251 --&gt;
+      &lt;!-- tg wasn't listed at all because none of the sources knew a=
bout it. However, further feedback has changed this: --&gt;
+      &lt;tr&gt;&lt;td&gt;tg
+       &lt;td&gt;Tajik
+       &lt;td&gt;windows-1251 &lt;!-- per https://www.w3.org/Bugs/Public=
/show_bug.cgi?id=3D23089 --&gt;
+
+      &lt;tr&gt;&lt;td&gt;th
+       &lt;td&gt;Thai
+       &lt;td&gt;windows-874 &lt;!-- Windows Vista, Chrome, and Firefox =
agreed --&gt;
+
+      &lt;!-- tk-TM, Turkmen (Turkmenistan), is not listed here because =
neither Chrome nor Firefox knew about it. For what it's worth, Windows Vi=
sta wanted windows-1250 --&gt;
+
+      &lt;!-- tn-ZA, Setswana (South Africa), uses windows-1252: Windows=
 Vista and Firefox agreed --&gt;
+
+      &lt;tr&gt;&lt;td&gt;tr
+       &lt;td&gt;Turkish
+       &lt;td&gt;windows-1254 &lt;!-- Windows Vista, Chrome, and Firefox=
 agreed --&gt;
+
+      &lt;!-- tt, Tatar, was not initially listed here because neither C=
hrome nor Firefox knew about it. For what it's worth, Windows Vista wante=
d windows-1251 --&gt;
+      &lt;!-- further feedback has changed this: --&gt;
+      &lt;tr&gt;&lt;td&gt;tt
+       &lt;td&gt;Tatar
+       &lt;td&gt;windows-1251 &lt;!-- per https://www.w3.org/Bugs/Public=
/show_bug.cgi?id=3D23089 --&gt;
+
+      &lt;!-- tzm-Latn-DZ, Tamazight (Latin, Algeria), uses windows-1252=
: Windows Vista and Firefox agreed --&gt;
+
+      &lt;!-- ug-CN, Uighur (PRC), is not listed here because neither Ch=
rome nor Firefox knew about it. For what it's worth, Windows Vista wanted=
 windows-1256 --&gt;
+
+      &lt;tr&gt;&lt;td&gt;uk
+       &lt;td&gt;Ukrainian
+       &lt;td&gt;windows-1251 &lt;!-- Windows Vista, Chrome, and Firefox=
 agreed --&gt;
+
+      &lt;!-- ur, Urdu, is not listed here because neither Chrome nor Fi=
refox knew about it. For what it's worth, Windows Vista wanted windows-12=
56 --&gt;
+
+      &lt;!-- uz, Uzbek, is not listed here because neither Chrome nor F=
irefox knew about it. For what it's worth, Windows Vista wanted windows-1=
254 --&gt;
+
+      &lt;!-- uz-Cyrl-UZ, Uzbek (Cyrillic, Uzbekistan), is not listed he=
re because neither Chrome nor Firefox knew about it. For what it's worth,=
 Windows Vista wanted windows-1251 --&gt;
+
+      &lt;tr&gt;&lt;td&gt;vi
+       &lt;td&gt;Vietnamese
+       &lt;td&gt;windows-1258 &lt;!-- Windows Vista and Chrome agreed --=
&gt;
+
+      &lt;!-- wee-DE, Lower Sorbian (Germany), uses windows-1252: Window=
s Vista and Firefox agreed --&gt;
+
+      &lt;!-- wen-DE, Upper Sorbian (Germany), uses windows-1252: Window=
s Vista and Firefox agreed --&gt;
+
+      &lt;!-- wo-SN, Wolof (Senegal), uses windows-1252: Windows Vista a=
nd Firefox agreed --&gt;
+
+      &lt;!-- xh-ZA, isiXhosa (South Africa), uses windows-1252: Windows=
 Vista and Firefox agreed --&gt;
+
+      &lt;!-- yo-NG, Yoruba (Nigeria), uses windows-1252: Windows Vista =
and Firefox agreed --&gt;
+
+      &lt;tr&gt;&lt;td&gt;zh-CN
+       &lt;td&gt;Chinese (People's Republic of China)
+       &lt;td&gt;GB18030 &lt;!-- Windows Vista, Chrome, and Firefox agre=
ed --&gt;
+
+      &lt;!-- zh-HK, Chinese (Hong Kong S.A.R.), is not listed here beca=
use neither Chrome nor Firefox knew about it. For what it's worth, Window=
s Vista wanted Big5 --&gt;
+
+      &lt;!-- zh-Hans, Chinese (Simplified), is not listed here because =
neither Chrome nor Firefox knew about it. For what it's worth, Windows Vi=
sta wanted GB18030 --&gt;
+
+      &lt;!-- zh-Hant, Chinese (Traditional), is not listed here because=
 neither Chrome nor Firefox knew about it. For what it's worth, Windows V=
ista wanted Big5 --&gt;
+
+      &lt;!-- zh-MO, Chinese (Macao S.A.R.), is not listed here because =
neither Chrome nor Firefox knew about it. For what it's worth, Windows Vi=
sta wanted Big5 --&gt;
+
+      &lt;!-- zh-SG, Chinese (Singapore), is not listed here because nei=
ther Chrome nor Firefox knew about it. For what it's worth, Windows Vista=
 wanted GB18030 --&gt;
+
+      &lt;tr&gt;&lt;td&gt;zh-TW
+       &lt;td&gt;Chinese (Taiwan)
+       &lt;td&gt;Big5 &lt;!-- Windows Vista, Chrome, and Firefox agreed =
--&gt;
+
+      &lt;!-- zu-ZA, isiZulu (South Africa), uses windows-1252: Windows =
Vista and Firefox agreed --&gt;
+
+      &lt;tr&gt;&lt;td colspan=3D2&gt;All other locales
+       &lt;td&gt;windows-1252
+
+    &lt;/table&gt;&lt;p class=3Dtablenote&gt;&lt;small&gt;The contents o=
f this table are derived from the intersection of
+    Windows, Chrome, and Firefox defaults.&lt;/small&gt;&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;a href=3D&quot;#document's-character-encod=
ing&quot;&gt;document's character encoding&lt;/a&gt; must immediately be =
set to the value returned
+  from this algorithm, at the same time as the user agent uses the retur=
ned value to select the
+  decoder to use for the input byte stream.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;When an algorithm requires a user agent to &lt;dfn =
id=3Dprescan-a-byte-stream-to-determine-its-encoding&gt;prescan a byte st=
ream to determine its
+  encoding&lt;/dfn&gt;, given some defined &lt;var title=3D&quot;&quot;&=
gt;end condition&lt;/var&gt;, then it must run the
+  following steps. These steps either abort unsuccessfully or return a c=
haracter encoding. If at any
+  point during these steps (including during instances of the &lt;a href=
=3D#concept-get-attributes-when-sniffing title=3Dconcept-get-attributes-w=
hen-sniffing&gt;get an attribute&lt;/a&gt; algorithm invoked by this
+  one) the user agent either runs out of bytes (meaning the &lt;var titl=
e=3D&quot;&quot;&gt;position&lt;/var&gt; pointer
+  created in the first step below goes beyond the end of the byte stream=
 obtained so far) or reaches
+  its &lt;var title=3D&quot;&quot;&gt;end condition&lt;/var&gt;, then ab=
ort the &lt;a href=3D#prescan-a-byte-stream-to-determine-its-encoding&gt;=
prescan a byte stream to determine its
+  encoding&lt;/a&gt; algorithm unsuccessfully.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;position&lt;/var&gt; be=
 a pointer to a byte in the input byte stream, initially
+    pointing at the first byte.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;i&gt;Loop&lt;/i&gt;: If &lt;var title=3D&quot;&quot;&gt=
;position&lt;/var&gt; points to:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;A sequence of bytes starting with=
: 0x3C 0x21 0x2D 0x2D (ASCII '&amp;lt;!--')&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;Advance the &lt;var title=3D&quot;&quot;&gt;position&lt;/=
var&gt; pointer so that it points at the first 0x3E byte
+      which is preceded by two 0x2D bytes (i.e. at the end of an ASCII '=
--&amp;gt;' sequence) and comes
+      after the 0x3C byte that was found. (The two 0x2D bytes can be the=
 same as the those in the
+      '&amp;lt;!--' sequence.)&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;A sequence of bytes starting with: 0x3C, 0x4D or 0x6D, 0x=
45 or 0x65, 0x54 or 0x74, 0x41 or 0x61, and one of 0x09, 0x0A, 0x0C, 0x0D=
, 0x20, 0x2F (case-insensitive ASCII '&amp;lt;meta' followed by a space o=
r slash)&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;Advance the &lt;var title=3D&quot;&qu=
ot;&gt;position&lt;/var&gt; pointer so that it points at the next 0x09,
+       0x0A, 0x0C, 0x0D, 0x20, or 0x2F byte (the one in sequence of char=
acters matched
+       above).&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;attribute =
list&lt;/var&gt; be an empty list of strings.&lt;/li&gt; &lt;!-- so
+       long as we only care about http-equiv, content, and charset, this=
 can be a 3-bit bitfield --&gt;
+
+       &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;got pragma=
&lt;/var&gt; be false.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;need pragm=
a&lt;/var&gt; be null.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;charset&lt=
;/var&gt; be the null value (which, for the purposes of this
+       algorithm, is distinct from an unrecognised encoding or the empty=
 string).&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;&lt;i&gt;Attributes&lt;/i&gt;: &lt;a href=3D#c=
oncept-get-attributes-when-sniffing title=3Dconcept-get-attributes-when-s=
niffing&gt;Get an
+       attribute&lt;/a&gt; and its value. If no attribute was sniffed, t=
hen jump to the
+       &lt;i&gt;processing&lt;/i&gt; step below.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;If the attribute's name is already in &lt;var =
title=3D&quot;&quot;&gt;attribute list&lt;/var&gt;, then return
+       to the step labeled &lt;i&gt;attributes&lt;/i&gt;.&lt;/p&gt;
+
+       &lt;li&gt;&lt;p&gt;Add the attribute's name to &lt;var title=3D&q=
uot;&quot;&gt;attribute list&lt;/var&gt;.&lt;/p&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;Run the appropriate step from the following list, if on=
e applies:&lt;/p&gt;
+
+        &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the attribute's name is &q=
uot;&lt;code title=3D&quot;&quot;&gt;http-equiv&lt;/code&gt;&quot;&lt;/dt=
&gt;
+
+         &lt;dd&gt;&lt;p&gt;If the attribute's value is &quot;&lt;code t=
itle=3D&quot;&quot;&gt;content-type&lt;/code&gt;&quot;, then set &lt;var =
title=3D&quot;&quot;&gt;got pragma&lt;/var&gt; to true.&lt;/dd&gt;
+
+         &lt;dt&gt;If the attribute's name is &quot;&lt;code title=3D&qu=
ot;&quot;&gt;content&lt;/code&gt;&quot;&lt;/dt&gt;
+
+         &lt;dd&gt;&lt;p&gt;Apply the &lt;a href=3D#algorithm-for-extrac=
ting-a-character-encoding-from-a-meta-element&gt;algorithm for extracting=
 a character encoding from a
+         &lt;code&gt;meta&lt;/code&gt; element&lt;/a&gt;, giving the att=
ribute's value as the string to parse. If a
+         character encoding is returned, and if &lt;var title=3D&quot;&q=
uot;&gt;charset&lt;/var&gt; is still set to null,
+         let &lt;var title=3D&quot;&quot;&gt;charset&lt;/var&gt; be the =
encoding returned, and set &lt;var title=3D&quot;&quot;&gt;need
+         pragma&lt;/var&gt; to true.&lt;/dd&gt;
+
+         &lt;dt&gt;If the attribute's name is &quot;&lt;code title=3D&qu=
ot;&quot;&gt;charset&lt;/code&gt;&quot;&lt;/dt&gt;
+
+         &lt;dd&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;charset&=
lt;/var&gt; be the result of &lt;a href=3D#getting-an-encoding&gt;getting=
 an encoding&lt;/a&gt;
+         from the attribute's value, and set &lt;var title=3D&quot;&quot=
;&gt;need pragma&lt;/var&gt; to false.&lt;/dd&gt;
+
+        &lt;/dl&gt;&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Return to the step labeled &lt;i&gt;attributes=
&lt;/i&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;&lt;i&gt;Processing&lt;/i&gt;: If &lt;var titl=
e=3D&quot;&quot;&gt;need pragma&lt;/var&gt; is null, then jump to the ste=
p
+       below labeled &lt;i&gt;next byte&lt;/i&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;need pragma=
&lt;/var&gt; is true but &lt;var title=3D&quot;&quot;&gt;got pragma&lt;/v=
ar&gt; is
+       false, then jump to the step below labeled &lt;i&gt;next byte&lt;=
/i&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;charset&lt;=
/var&gt; is &lt;a href=3D#a-utf-16-encoding&gt;a UTF-16 encoding&lt;/a&gt=
;, change the value of
+       &lt;var title=3D&quot;&quot;&gt;charset&lt;/var&gt; to UTF-8.&lt;=
/li&gt;
+
+       &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;charset&lt;=
/var&gt; is not a supported character encoding, then jump to the
+       step below labeled &lt;i&gt;next byte&lt;/i&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Abort the &lt;a href=3D#prescan-a-byte-stream-=
to-determine-its-encoding&gt;prescan a byte stream to determine its encod=
ing&lt;/a&gt; algorithm,
+       returning the encoding given by &lt;var title=3D&quot;&quot;&gt;c=
harset&lt;/var&gt;.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/dd&gt;
+
+     &lt;dt&gt;A sequence of bytes starting with a 0x3C byte (ASCII &amp=
;lt;), optionally a 0x2F byte (ASCII /), and finally a byte in the range =
0x41-0x5A or 0x61-0x7A (an ASCII letter)&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;Advance the &lt;var title=3D&quot;&qu=
ot;&gt;position&lt;/var&gt; pointer so that it points at the next 0x09
+       (ASCII TAB), 0x0A (ASCII LF), 0x0C (ASCII FF), 0x0D (ASCII CR), 0=
x20 (ASCII space), or 0x3E
+       (ASCII &amp;gt;) byte.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Repeatedly &lt;a href=3D#concept-get-attribute=
s-when-sniffing title=3Dconcept-get-attributes-when-sniffing&gt;get an at=
tribute&lt;/a&gt;
+       until no further attributes can be found, then jump to the step b=
elow labeled &lt;i&gt;next
+       byte&lt;/i&gt;.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/dd&gt;
+
+     &lt;dt&gt;A sequence of bytes starting with: 0x3C 0x21 (ASCII '&amp=
;lt;!')&lt;/dt&gt;
+     &lt;dt&gt;A sequence of bytes starting with: 0x3C 0x2F (ASCII '&amp=
;lt;/')&lt;/dt&gt;
+     &lt;dt&gt;A sequence of bytes starting with: 0x3C 0x3F (ASCII '&amp=
;lt;?')&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;Advance the &lt;var title=3D&quot;&quot;&gt;position&lt;/=
var&gt; pointer so that it points at the first 0x3E byte
+      (ASCII &amp;gt;) that comes after the 0x3C byte that was found.&lt=
;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;Any other byte&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;Do nothing with that byte.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;i&gt;Next byte&lt;/i&gt;: Move &lt;var title=3D&quot;&q=
uot;&gt;position&lt;/var&gt; so it points at the next byte in the
+   input byte stream, and return to the step above labeled &lt;i&gt;loop=
&lt;/i&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When the &lt;a href=3D#prescan-a-byte-stream-to-de=
termine-its-encoding&gt;prescan a byte stream to determine its encoding&l=
t;/a&gt; algorithm says to &lt;dfn id=3Dconcept-get-attributes-when-sniff=
ing title=3Dconcept-get-attributes-when-sniffing&gt;get an attribute&lt;/=
dfn&gt;, it means doing this:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the byte at &lt;var title=3D&quot;&quo=
t;&gt;position&lt;/var&gt; is one of 0x09 (ASCII TAB), 0x0A (ASCII LF),
+   0x0C (ASCII FF), 0x0D (ASCII CR), 0x20 (ASCII space), or 0x2F (ASCII =
/) then advance &lt;var title=3D&quot;&quot;&gt;position&lt;/var&gt; to t=
he next byte and redo this step.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the byte at &lt;var title=3D&quot;&quot;&gt;pos=
ition&lt;/var&gt; is 0x3E (ASCII &amp;gt;), then abort the &lt;a href=3D#=
concept-get-attributes-when-sniffing title=3Dconcept-get-attributes-when-=
sniffing&gt;get an attribute&lt;/a&gt; algorithm. There isn't
+   one.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, the byte at &lt;var title=3D&quot;&quot=
;&gt;position&lt;/var&gt; is the start of the attribute name.
+   Let &lt;var title=3D&quot;&quot;&gt;attribute name&lt;/var&gt; and &l=
t;var title=3D&quot;&quot;&gt;attribute value&lt;/var&gt; be the empty
+   string.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Process the byte at &lt;var title=3D&quot;&quot;&g=
t;position&lt;/var&gt; as follows:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If it is 0x3D (ASCII =3D), and th=
e &lt;var title=3D&quot;&quot;&gt;attribute name&lt;/var&gt; is longer th=
an the
+     empty string&lt;/dt&gt;
+
+     &lt;dd&gt;Advance &lt;var title=3D&quot;&quot;&gt;position&lt;/var&=
gt; to the next byte and jump to the step below labeled
+     &lt;i&gt;value&lt;/i&gt;.&lt;/dd&gt;
+
+     &lt;dt&gt;If it is 0x09 (ASCII TAB), 0x0A (ASCII LF), 0x0C (ASCII F=
F), 0x0D (ASCII CR), or 0x20
+     (ASCII space)&lt;/dt&gt;
+
+     &lt;dd&gt;Jump to the step below labeled &lt;i&gt;spaces&lt;/i&gt;.=
&lt;/dd&gt;
+
+     &lt;dt&gt;If it is 0x2F (ASCII /) or 0x3E (ASCII &amp;gt;)&lt;/dt&g=
t;
+
+     &lt;dd&gt;Abort the &lt;a href=3D#concept-get-attributes-when-sniff=
ing title=3Dconcept-get-attributes-when-sniffing&gt;get an attribute&lt;/=
a&gt;
+     algorithm. The attribute's name is the value of &lt;var title=3D&qu=
ot;&quot;&gt;attribute name&lt;/var&gt;, its value
+     is the empty string.&lt;/dd&gt;
+
+     &lt;dt&gt;If it is in the range 0x41 (ASCII A) to 0x5A (ASCII Z)&lt=
;/dt&gt;
+
+     &lt;dd&gt;Append the Unicode character with code point &lt;span tit=
le=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt;+0x20&l=
t;/span&gt; to &lt;var title=3D&quot;&quot;&gt;attribute name&lt;/var&gt;=
 (where &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt;
+     is the value of the byte at &lt;var title=3D&quot;&quot;&gt;positio=
n&lt;/var&gt;). (This converts the input to
+     lowercase.)&lt;/dd&gt;
+
+     &lt;dt&gt;Anything else&lt;/dt&gt;
+
+     &lt;dd&gt;Append the Unicode character with the same code point as =
the value of the byte at &lt;var title=3D&quot;&quot;&gt;position&lt;/var=
&gt; to &lt;var title=3D&quot;&quot;&gt;attribute name&lt;/var&gt;. (It d=
oesn't actually matter how
+     bytes outside the ASCII range are handled here, since only ASCII ch=
aracters can contribute to
+     the detection of a character encoding.)&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Advance &lt;var title=3D&quot;&quot;&gt;position&l=
t;/var&gt; to the next byte and return to the previous
+   step.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Spaces&lt;/i&gt;: If the byte at &lt;var =
title=3D&quot;&quot;&gt;position&lt;/var&gt; is one of 0x09 (ASCII TAB),
+   0x0A (ASCII LF), 0x0C (ASCII FF), 0x0D (ASCII CR), or 0x20 (ASCII spa=
ce) then advance &lt;var title=3D&quot;&quot;&gt;position&lt;/var&gt; to =
the next byte, then, repeat this step.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the byte at &lt;var title=3D&quot;&quot;&gt;pos=
ition&lt;/var&gt; is &lt;em&gt;not&lt;/em&gt; 0x3D (ASCII =3D), abort the
+   &lt;a href=3D#concept-get-attributes-when-sniffing title=3Dconcept-ge=
t-attributes-when-sniffing&gt;get an attribute&lt;/a&gt; algorithm. The
+   attribute's name is the value of &lt;var title=3D&quot;&quot;&gt;attr=
ibute name&lt;/var&gt;, its value is the empty
+   string.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Advance &lt;var title=3D&quot;&quot;&gt;position&l=
t;/var&gt; past the 0x3D (ASCII =3D) byte.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Value&lt;/i&gt;: If the byte at &lt;var t=
itle=3D&quot;&quot;&gt;position&lt;/var&gt; is one of 0x09 (ASCII TAB), 0=
x0A
+   (ASCII LF), 0x0C (ASCII FF), 0x0D (ASCII CR), or 0x20 (ASCII space) t=
hen advance &lt;var title=3D&quot;&quot;&gt;position&lt;/var&gt; to the n=
ext byte, then, repeat this step.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Process the byte at &lt;var title=3D&quot;&quot;&g=
t;position&lt;/var&gt; as follows:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If it is 0x22 (ASCII &quot;) or 0=
x27 (ASCII ')&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;ol&gt;&lt;li&gt;Let &lt;var title=3D&quot;&quot;&gt;b&lt;/var&=
gt; be the value of the byte at &lt;var title=3D&quot;&quot;&gt;position&=
lt;/var&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;i&gt;Quote loop&lt;/i&gt;: Advance &lt;var title=3D=
&quot;&quot;&gt;position&lt;/var&gt; to the next byte.&lt;/li&gt;
+
+       &lt;li&gt;If the value of the byte at &lt;var title=3D&quot;&quot=
;&gt;position&lt;/var&gt; is the value of &lt;var title=3D&quot;&quot;&gt=
;b&lt;/var&gt;, then advance &lt;var title=3D&quot;&quot;&gt;position&lt;=
/var&gt; to the next byte and abort the
+       &quot;get an attribute&quot; algorithm. The attribute's name is t=
he value of &lt;var title=3D&quot;&quot;&gt;attribute
+       name&lt;/var&gt;, and its value is the value of &lt;var title=3D&=
quot;&quot;&gt;attribute value&lt;/var&gt;.&lt;/li&gt;
+
+       &lt;li&gt;Otherwise, if the value of the byte at &lt;var title=3D=
&quot;&quot;&gt;position&lt;/var&gt; is in the range 0x41
+       (ASCII A) to 0x5A (ASCII Z), then append a Unicode character to &=
lt;var title=3D&quot;&quot;&gt;attribute
+       value&lt;/var&gt; whose code point is 0x20 more than the value of=
 the byte at &lt;var title=3D&quot;&quot;&gt;position&lt;/var&gt;.&lt;/li=
&gt;
+
+       &lt;li&gt;Otherwise, append a Unicode character to &lt;var title=3D=
&quot;&quot;&gt;attribute value&lt;/var&gt; whose code
+       point is the same as the value of the byte at &lt;var title=3D&qu=
ot;&quot;&gt;position&lt;/var&gt;.&lt;/li&gt;
+
+       &lt;li&gt;Return to the step above labeled &lt;i&gt;quote loop&lt=
;/i&gt;.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/dd&gt;
+
+     &lt;dt&gt;If it is 0x3E (ASCII &amp;gt;)&lt;/dt&gt;
+
+     &lt;dd&gt;Abort the &lt;a href=3D#concept-get-attributes-when-sniff=
ing title=3Dconcept-get-attributes-when-sniffing&gt;get an attribute&lt;/=
a&gt;
+     algorithm. The attribute's name is the value of &lt;var title=3D&qu=
ot;&quot;&gt;attribute name&lt;/var&gt;, its value
+     is the empty string.&lt;/dd&gt;
+
+
+     &lt;dt&gt;If it is in the range 0x41 (ASCII A) to 0x5A (ASCII Z)&lt=
;/dt&gt;
+
+     &lt;dd&gt;Append the Unicode character with code point &lt;span tit=
le=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt;+0x20&l=
t;/span&gt; to &lt;var title=3D&quot;&quot;&gt;attribute value&lt;/var&gt=
; (where &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt; is the value of th=
e byte at &lt;var title=3D&quot;&quot;&gt;position&lt;/var&gt;). Advance =
&lt;var title=3D&quot;&quot;&gt;position&lt;/var&gt; to the next byte.&lt=
;/dd&gt;
+
+     &lt;dt&gt;Anything else&lt;/dt&gt;
+
+     &lt;dd&gt;Append the Unicode character with the same code point as =
the value of the byte at &lt;var title=3D&quot;&quot;&gt;position&lt;/var=
&gt; to &lt;var title=3D&quot;&quot;&gt;attribute value&lt;/var&gt;. Adva=
nce &lt;var title=3D&quot;&quot;&gt;position&lt;/var&gt; to the next byte=
.&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Process the byte at &lt;var title=3D&quot;&quot;&g=
t;position&lt;/var&gt; as
+   follows:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If it is 0x09 (ASCII TAB), 0x0A (=
ASCII LF), 0x0C (ASCII FF), 0x0D (ASCII CR), 0x20 (ASCII
+     space), or 0x3E (ASCII &amp;gt;)&lt;/dt&gt;
+
+     &lt;dd&gt;Abort the &lt;a href=3D#concept-get-attributes-when-sniff=
ing title=3Dconcept-get-attributes-when-sniffing&gt;get an attribute&lt;/=
a&gt;
+     algorithm. The attribute's name is the value of &lt;var title=3D&qu=
ot;&quot;&gt;attribute name&lt;/var&gt; and its
+     value is the value of &lt;var title=3D&quot;&quot;&gt;attribute val=
ue&lt;/var&gt;.&lt;/dd&gt;
+
+     &lt;dt&gt;If it is in the range 0x41 (ASCII A) to 0x5A (ASCII Z)&lt=
;/dt&gt;
+
+     &lt;dd&gt;Append the Unicode character with code point &lt;span tit=
le=3D&quot;&quot;&gt;&lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt;+0x20&l=
t;/span&gt; to &lt;var title=3D&quot;&quot;&gt;attribute value&lt;/var&gt=
; (where &lt;var title=3D&quot;&quot;&gt;b&lt;/var&gt; is the value of th=
e byte at &lt;var title=3D&quot;&quot;&gt;position&lt;/var&gt;).&lt;/dd&g=
t;
+
+     &lt;dt&gt;Anything else&lt;/dt&gt;
+
+     &lt;dd&gt;Append the Unicode character with the same code point as =
the value of the byte at &lt;var title=3D&quot;&quot;&gt;position&lt;/var=
&gt; to &lt;var title=3D&quot;&quot;&gt;attribute value&lt;/var&gt;.&lt;/=
dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Advance &lt;var title=3D&quot;&quot;&gt;position&l=
t;/var&gt; to the next byte and return to the previous
+   step.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;For the sake of interoperability, user agents shou=
ld not use a pre-scan algorithm that returns
+  different results than the one described above. (But, if you do, pleas=
e at least let us know, so
+  that we can improve this algorithm and benefit everyone...)&lt;/p&gt;
+
+&lt;!--(removed this since the specs are being changed)
+  &lt;p class=3D&quot;note&quot;&gt;These algorithms are a &lt;span&gt;w=
illful violation&lt;/span&gt; of the HTTP specification,
+  which requires that the encoding be assumed to be ISO-8859-1 in the ab=
sence of a &lt;span&gt;character
+  encoding declaration&lt;/span&gt; to the contrary, and of RFC 2046, wh=
ich requires that the encoding be
+  assumed to be US-ASCII in the absence of a &lt;span&gt;character encod=
ing declaration&lt;/span&gt; to the
+  contrary. This specification's third approach is motivated by a desire=
 to be maximally compatible
+  with legacy content. &lt;a href=3D&quot;#refsHTTP&quot;&gt;[HTTP]&lt;/=
a&gt; &lt;a href=3D&quot;#refsRFC2046&quot;&gt;[RFC2046]&lt;/a&gt;&lt;/p&=
gt;
+--&gt;
+
+
+
+  &lt;h5 id=3Dcharacter-encodings&gt;&lt;span class=3Dsecno&gt;12.2.2.3 =
&lt;/span&gt;Character encodings&lt;/h5&gt;
+
+  &lt;p&gt;User agents must support the encodings defined in the WHATWG =
Encoding standard. User agents
+  should not support other encodings.&lt;/p&gt;
+
+  &lt;p&gt;User agents must not support the CESU-8, UTF-7, BOCU-1 and SC=
SU encodings. &lt;a href=3D#refsCESU8&gt;[CESU8]&lt;/a&gt; &lt;a href=3D#=
refsUTF7&gt;[UTF7]&lt;/a&gt; &lt;a href=3D#refsBOCU1&gt;[BOCU1]&lt;/a&gt;=
 &lt;a href=3D#refsSCSU&gt;[SCSU]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;Support for encodings based on EBCDIC is especially discourag=
ed. This encoding is rarely used
+  for publicly-facing Web content. Support for UTF-32 is also especially=
 discouraged. This encoding
+  is rarely used, and frequently implemented incorrectly.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This specification does not make any attempt to =
support EBCDIC-based encodings and
+  UTF-32 in its algorithms; support and use of these encodings can thus =
lead to unexpected behavior
+  in implementations of this specification.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dchanging-the-encoding-while-parsing&gt;&lt;span class=3Dse=
cno&gt;12.2.2.4 &lt;/span&gt;Changing the encoding while parsing&lt;/h5&g=
t;
+
+  &lt;p&gt;When the parser requires the user agent to &lt;dfn id=3Dchang=
e-the-encoding&gt;change the encoding&lt;/dfn&gt;, it must run the
+  following steps. This might happen if the &lt;a href=3D#encoding-sniff=
ing-algorithm&gt;encoding sniffing algorithm&lt;/a&gt; described above
+  failed to find a character encoding, or if it found a character encodi=
ng that was not the actual
+  encoding of the file.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;If the encoding that is already being used to inte=
rpret the input stream is &lt;a href=3D#a-utf-16-encoding&gt;a UTF-16
+   encoding&lt;/a&gt;, then set the &lt;a href=3D#concept-encoding-confi=
dence title=3Dconcept-encoding-confidence&gt;confidence&lt;/a&gt; to
+   &lt;i&gt;certain&lt;/i&gt; and abort these steps. The new encoding is=
 ignored; if it was anything but the
+   same encoding, then it would be clearly incorrect.&lt;/li&gt;
+
+   &lt;li&gt;If the new encoding is &lt;a href=3D#a-utf-16-encoding&gt;a=
 UTF-16 encoding&lt;/a&gt;, change it to UTF-8.&lt;/li&gt;
+
+   &lt;li&gt;If the new encoding is identical or equivalent to the encod=
ing that is already being used to
+   interpret the input stream, then set the &lt;a href=3D#concept-encodi=
ng-confidence title=3Dconcept-encoding-confidence&gt;confidence&lt;/a&gt;=
 to &lt;i&gt;certain&lt;/i&gt; and abort these steps.
+   This happens when the encoding information found in the file matches =
what the &lt;a href=3D#encoding-sniffing-algorithm&gt;encoding
+   sniffing algorithm&lt;/a&gt; determined to be the encoding, and in th=
e second pass through the
+   parser if the first pass found that the encoding sniffing algorithm d=
escribed in the earlier
+   section failed to find the right encoding.&lt;/li&gt;
+
+   &lt;li&gt;If all the bytes up to the last byte converted by the curre=
nt decoder have the same Unicode
+   interpretations in both the current encoding and the new encoding, an=
d if the user agent supports
+   changing the converter on the fly, then the user agent may change to =
the new converter for the
+   encoding on the fly. Set the &lt;a href=3D&quot;#document's-character=
-encoding&quot;&gt;document's character encoding&lt;/a&gt; and the encodi=
ng used to
+   convert the input stream to the new encoding, set the &lt;a href=3D#c=
oncept-encoding-confidence title=3Dconcept-encoding-confidence&gt;confide=
nce&lt;/a&gt; to &lt;i&gt;certain&lt;/i&gt;, and abort these
+   steps.&lt;/li&gt;
+
+   &lt;li&gt;Otherwise, &lt;a href=3D#navigate&gt;navigate&lt;/a&gt;&lt;=
!--DONAV reparse--&gt; to the document again, with
+   &lt;a href=3D#replacement-enabled&gt;replacement enabled&lt;/a&gt;, a=
nd using the same &lt;a href=3D#source-browsing-context&gt;source browsin=
g context&lt;/a&gt;, but
+   this time skip the &lt;a href=3D#encoding-sniffing-algorithm&gt;encod=
ing sniffing algorithm&lt;/a&gt; and instead just set the encoding to
+   the new encoding and the &lt;a href=3D#concept-encoding-confidence ti=
tle=3Dconcept-encoding-confidence&gt;confidence&lt;/a&gt; to
+   &lt;i&gt;certain&lt;/i&gt;. Whenever possible, this should be done wi=
thout actually contacting the network
+   layer (the bytes should be re-parsed from memory), even if, e.g., the=
 document is marked as not
+   being cacheable. If this is not possible and contacting the network l=
ayer would involve repeating
+   a request that uses a method other than HTTP GET (&lt;a href=3D#conce=
pt-http-equivalent-get title=3Dconcept-http-equivalent-get&gt;or
+   equivalent&lt;/a&gt; for non-HTTP URLs), then instead set the &lt;a h=
ref=3D#concept-encoding-confidence title=3Dconcept-encoding-confidence&gt=
;confidence&lt;/a&gt; to &lt;i&gt;certain&lt;/i&gt; and ignore the new
+   encoding. The resource will be misinterpreted. User agents may notify=
 the user of the situation,
+   to aid in application development.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;h5 id=3Dpreprocessing-the-input-stream&gt;&lt;span clas=
s=3Dsecno&gt;12.2.2.5 &lt;/span&gt;Preprocessing the input stream&lt;/h5&=
gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dinput-stream&gt;input stream&lt;/dfn&gt; con=
sists of the characters pushed into it as the &lt;a href=3D#the-input-byt=
e-stream&gt;input byte
+  stream&lt;/a&gt; is decoded or from the various APIs that directly man=
ipulate the input stream.&lt;/p&gt;
+
+  &lt;p&gt;One leading U+FEFF BYTE ORDER MARK character must be ignored =
if any are present in the
+  &lt;a href=3D#input-stream&gt;input stream&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The requirement to strip a U+FEFF BYTE ORDER MAR=
K character regardless of whether
+  that character was used to determine the byte order is a &lt;a href=3D=
#willful-violation&gt;willful violation&lt;/a&gt; of
+  Unicode, motivated by a desire to increase the resilience of user agen=
ts in the face of na&amp;iuml;ve
+  transcoders.&lt;/p&gt;
+
+  &lt;p&gt;Any occurrences of any characters in the ranges U+0001 to U+0=
008, &lt;!-- HT, LF allowed --&gt; &lt;!--
+  U+000B is in the next list --&gt; &lt;!-- FF, CR allowed --&gt; U+000E=
 to U+001F, &lt;!-- ASCII allowed --&gt;
+  U+007F &lt;!--to U+0084, (U+0085 NEL not allowed), U+0086--&gt; to U+0=
09F, U+FDD0 to U+FDEF, and
+  characters U+000B, U+FFFE, U+FFFF, U+1FFFE, U+1FFFF, U+2FFFE, U+2FFFF,=
 U+3FFFE, U+3FFFF, U+4FFFE,
+  U+4FFFF, U+5FFFE, U+5FFFF, U+6FFFE, U+6FFFF, U+7FFFE, U+7FFFF, U+8FFFE=
, U+8FFFF, U+9FFFE, U+9FFFF,
+  U+AFFFE, U+AFFFF, U+BFFFE, U+BFFFF, U+CFFFE, U+CFFFF, U+DFFFE, U+DFFFF=
, U+EFFFE, U+EFFFF, U+FFFFE,
+  U+FFFFF, U+10FFFE, and U+10FFFF are &lt;a href=3D#parse-error title=3D=
&quot;parse error&quot;&gt;parse errors&lt;/a&gt;. These are all
+  &lt;a href=3D#control-characters&gt;control characters&lt;/a&gt; or pe=
rmanently undefined Unicode characters (noncharacters).&lt;/p&gt;
+
+  &lt;p&gt;Any &lt;a href=3D#character&gt;character&lt;/a&gt; that is a =
not a &lt;a href=3D#unicode-character&gt;Unicode character&lt;/a&gt;, i.e=
. any isolated
+  surrogate, is a &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;. (T=
hese can only find their way into the input stream via
+  script APIs such as &lt;code title=3Ddom-document-write&gt;&lt;a href=3D=
#dom-document-write&gt;document.write()&lt;/a&gt;&lt;/code&gt;.)&lt;/p&gt=
;
+
+  &lt;p&gt;U+000D CARRIAGE RETURN (CR) characters and U+000A LINE FEED (=
LF) characters are treated
+  specially. All CR characters must be converted to LF characters, and a=
ny LF characters that
+  immediately follow a CR character must be ignored. Thus, newlines in H=
TML DOMs are represented by
+  LF characters, and there are never any CR characters in the input to t=
he &lt;a href=3D#tokenization&gt;tokenization&lt;/a&gt;
+  stage.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dnext-input-character&gt;next input character=
&lt;/dfn&gt; is the first character in the &lt;a href=3D#input-stream&gt;=
input stream&lt;/a&gt;
+  that has not yet been &lt;dfn id=3Dconsumed&gt;consumed&lt;/dfn&gt; or=
 explicitly ignored by the requirements in this
+  section. Initially, the &lt;i&gt;&lt;a href=3D#next-input-character&gt=
;next input character&lt;/a&gt;&lt;/i&gt; is the first character in the i=
nput. The
+  &lt;dfn id=3Dcurrent-input-character&gt;current input character&lt;/df=
n&gt; is the last character to have been &lt;i&gt;&lt;a href=3D#consumed&=
gt;consumed&lt;/a&gt;&lt;/i&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dinsertion-point&gt;insertion point&lt;/dfn&g=
t; is the position (just before a character or just before the end
+  of the input stream) where content inserted using &lt;code title=3Ddom=
-document-write&gt;&lt;a href=3D#dom-document-write&gt;document.write()&l=
t;/a&gt;&lt;/code&gt; is actually inserted. The insertion point is
+  relative to the position of the character immediately after it, it is =
not an absolute offset into
+  the input stream. Initially, the insertion point is undefined.&lt;/p&g=
t;
+
+  &lt;p&gt;The &quot;EOF&quot; character in the tables below is a concep=
tual character representing the end of the
+  &lt;a href=3D#input-stream&gt;input stream&lt;/a&gt;. If the parser is=
 a &lt;a href=3D#script-created-parser&gt;script-created parser&lt;/a&gt;=
, then the end of
+  the &lt;a href=3D#input-stream&gt;input stream&lt;/a&gt; is reached wh=
en an &lt;dfn id=3Dexplicit-eof-character&gt;explicit &quot;EOF&quot; cha=
racter&lt;/dfn&gt; (inserted by
+  the &lt;code title=3Ddom-document-close&gt;&lt;a href=3D#dom-document-=
close&gt;document.close()&lt;/a&gt;&lt;/code&gt; method) is consumed. Oth=
erwise, the
+  &quot;EOF&quot; character is not a real character in the stream, but r=
ather the lack of any further
+  characters.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The handling of U+0000 NULL characters varies ba=
sed on where the characters are
+  found. In general, they are ignored except where doing so could plausi=
bly introduce an attack
+  vector. This handling is, by necessity, spread across both the tokeniz=
ation stage and the tree
+  construction stage.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dparse-state&gt;&lt;span class=3Dsecno&gt;12.2.3 &lt;/span&=
gt;Parse state&lt;/h4&gt;
+
+  &lt;h5 id=3Dthe-insertion-mode&gt;&lt;span class=3Dsecno&gt;12.2.3.1 &=
lt;/span&gt;The insertion mode&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dinsertion-mode&gt;insertion mode&lt;/dfn&gt;=
 is a state variable that controls the primary operation of the
+  tree construction stage.&lt;/p&gt;
+
+  &lt;p&gt;Initially, the &lt;a href=3D#insertion-mode&gt;insertion mode=
&lt;/a&gt; is &quot;&lt;a href=3D#the-initial-insertion-mode title=3D&quo=
t;insertion mode:
+  initial&quot;&gt;initial&lt;/a&gt;&quot;. It can change to &quot;&lt;a=
 href=3D#the-before-html-insertion-mode title=3D&quot;insertion mode: bef=
ore html&quot;&gt;before
+  html&lt;/a&gt;&quot;, &quot;&lt;a href=3D#the-before-head-insertion-mo=
de title=3D&quot;insertion mode: before head&quot;&gt;before head&lt;/a&g=
t;&quot;, &quot;&lt;a href=3D#parsing-main-inhead title=3D&quot;insertion=
 mode: in head&quot;&gt;in head&lt;/a&gt;&quot;, &quot;&lt;a href=3D#pars=
ing-main-inheadnoscript title=3D&quot;insertion mode: in head
+  noscript&quot;&gt;in head noscript&lt;/a&gt;&quot;, &quot;&lt;a href=3D=
#the-after-head-insertion-mode title=3D&quot;insertion mode: after head&q=
uot;&gt;after head&lt;/a&gt;&quot;,
+  &quot;&lt;a href=3D#parsing-main-inbody title=3D&quot;insertion mode: =
in body&quot;&gt;in body&lt;/a&gt;&quot;, &quot;&lt;a href=3D#parsing-mai=
n-incdata title=3D&quot;insertion mode:
+  text&quot;&gt;text&lt;/a&gt;&quot;, &quot;&lt;a href=3D#parsing-main-i=
ntable title=3D&quot;insertion mode: in table&quot;&gt;in table&lt;/a&gt;=
&quot;, &quot;&lt;a href=3D#parsing-main-intabletext title=3D&quot;insert=
ion mode: in table text&quot;&gt;in table text&lt;/a&gt;&quot;, &quot;&lt=
;a href=3D#parsing-main-incaption title=3D&quot;insertion mode: in
+  caption&quot;&gt;in caption&lt;/a&gt;&quot;, &quot;&lt;a href=3D#parsi=
ng-main-incolgroup title=3D&quot;insertion mode: in column group&quot;&gt=
;in column
+  group&lt;/a&gt;&quot;, &quot;&lt;a href=3D#parsing-main-intbody title=3D=
&quot;insertion mode: in table body&quot;&gt;in table body&lt;/a&gt;&quot=
;, &quot;&lt;a href=3D#parsing-main-intr title=3D&quot;insertion mode: in=
 row&quot;&gt;in row&lt;/a&gt;&quot;, &quot;&lt;a href=3D#parsing-main-in=
td title=3D&quot;insertion mode: in cell&quot;&gt;in
+  cell&lt;/a&gt;&quot;, &quot;&lt;a href=3D#parsing-main-inselect title=3D=
&quot;insertion mode: in select&quot;&gt;in select&lt;/a&gt;&quot;, &quot=
;&lt;a href=3D#parsing-main-inselectintable title=3D&quot;insertion
+  mode: in select in table&quot;&gt;in select in table&lt;/a&gt;&quot;, =
&quot;&lt;a href=3D#parsing-main-intemplate title=3D&quot;insertion mode:=
 in
+  template&quot;&gt;in template&lt;/a&gt;&quot;, &quot;&lt;a href=3D#par=
sing-main-afterbody title=3D&quot;insertion mode: after body&quot;&gt;aft=
er body&lt;/a&gt;&quot;,
+  &quot;&lt;a href=3D#parsing-main-inframeset title=3D&quot;insertion mo=
de: in frameset&quot;&gt;in frameset&lt;/a&gt;&quot;, &quot;&lt;a href=3D=
#parsing-main-afterframeset title=3D&quot;insertion mode:
+  after frameset&quot;&gt;after frameset&lt;/a&gt;&quot;, &quot;&lt;a hr=
ef=3D#the-after-after-body-insertion-mode title=3D&quot;insertion mode: a=
fter after body&quot;&gt;after
+  after body&lt;/a&gt;&quot;, and &quot;&lt;a href=3D#the-after-after-fr=
ameset-insertion-mode title=3D&quot;insertion mode: after after frameset&=
quot;&gt;after after
+  frameset&lt;/a&gt;&quot; during the course of the parsing, as describe=
d in the &lt;a href=3D#tree-construction&gt;tree
+  construction&lt;/a&gt; stage. The insertion mode affects how tokens ar=
e processed and whether CDATA
+  sections are supported.&lt;/p&gt;
+
+  &lt;p&gt;Several of these modes, namely &quot;&lt;a href=3D#parsing-ma=
in-inhead title=3D&quot;insertion mode: in head&quot;&gt;in head&lt;/a&gt=
;&quot;, &quot;&lt;a href=3D#parsing-main-inbody title=3D&quot;insertion =
mode: in body&quot;&gt;in body&lt;/a&gt;&quot;, &quot;&lt;a href=3D#parsi=
ng-main-intable title=3D&quot;insertion mode: in table&quot;&gt;in
+  table&lt;/a&gt;&quot;, and &quot;&lt;a href=3D#parsing-main-inselect t=
itle=3D&quot;insertion mode: in select&quot;&gt;in select&lt;/a&gt;&quot;=
, are special, in
+  that the other modes defer to them at various times. When the algorith=
m below says that the user
+  agent is to do something &quot;&lt;dfn id=3Dusing-the-rules-for&gt;usi=
ng the rules for&lt;/dfn&gt; the &lt;var title=3D&quot;&quot;&gt;m&lt;/va=
r&gt; insertion
+  mode&quot;, where &lt;var title=3D&quot;&quot;&gt;m&lt;/var&gt; is one=
 of these modes, the user agent must use the rules
+  described under the &lt;var title=3D&quot;&quot;&gt;m&lt;/var&gt; &lt;=
a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt;'s section, but must =
leave
+  the &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; unchanged=
 unless the rules in &lt;var title=3D&quot;&quot;&gt;m&lt;/var&gt; themse=
lves
+  switch the &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; to=
 a new value.&lt;/p&gt;
+
+  &lt;p&gt;When the insertion mode is switched to &quot;&lt;a href=3D#pa=
rsing-main-incdata title=3D&quot;insertion mode: text&quot;&gt;text&lt;/a=
&gt;&quot; or
+  &quot;&lt;a href=3D#parsing-main-intabletext title=3D&quot;insertion m=
ode: in table text&quot;&gt;in table text&lt;/a&gt;&quot;, the &lt;dfn id=
=3Doriginal-insertion-mode&gt;original insertion
+  mode&lt;/dfn&gt; is also set. This is the insertion mode to which the =
tree construction stage will
+  return.&lt;/p&gt;
+
+  &lt;p&gt;Similarly, to parse nested &lt;code&gt;&lt;a href=3D#the-temp=
late-element&gt;template&lt;/a&gt;&lt;/code&gt; elements, a &lt;dfn id=3D=
stack-of-template-insertion-modes&gt;stack of template insertion
+  modes&lt;/dfn&gt; is used. It is initially empty. The &lt;dfn id=3Dcur=
rent-template-insertion-mode&gt;current template insertion mode&lt;/dfn&g=
t; is the
+  insertion mode that was most recently added to the &lt;a href=3D#stack=
-of-template-insertion-modes&gt;stack of template insertion modes&lt;/a&g=
t;.
+  The algorithms in the sections below will &lt;i&gt;push&lt;/i&gt; inse=
rtion modes onto this stack, meaning
+  that the specified insertion mode is to be added to the stack, and &lt=
;i&gt;pop&lt;/i&gt; insertion modes from
+  the stack, which means that the most recently added insertion mode mus=
t be removed from the
+  stack.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;When the steps below require the UA to &lt;dfn id=3D=
reset-the-insertion-mode-appropriately&gt;reset the insertion mode approp=
riately&lt;/dfn&gt;, it
+  means the UA must follow these steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;last&=
lt;/var&gt; be false.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;node&lt;/var&g=
t; be the last node in the &lt;a href=3D#stack-of-open-elements&gt;stack =
of open
+   elements&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Loop&lt;/i&gt;: If &lt;var title=3D&quot;=
&quot;&gt;node&lt;/var&gt; is the first node in the stack of open element=
s,
+   then set &lt;var title=3D&quot;&quot;&gt;last&lt;/var&gt; to true and=
 set &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt; to the &lt;var titl=
e=3Dconcept-frag-parse-context&gt;&lt;a href=3D#concept-frag-parse-contex=
t&gt;context&lt;/a&gt;&lt;/var&gt; element.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt; is a &l=
t;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;/code&g=
t; element, run these substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;last=
&lt;/var&gt; is true, jump to the step below labeled
+     &lt;i&gt;done&lt;/i&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;ancestor&lt;=
/var&gt; be &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;i&gt;Loop&lt;/i&gt;: If &lt;var title=3D&quo=
t;&quot;&gt;ancestor&lt;/var&gt; is the first node in the &lt;a href=3D#s=
tack-of-open-elements&gt;stack of
+     open elements&lt;/a&gt;, jump to the step below labeled &lt;i&gt;do=
ne&lt;/i&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;ancestor&lt;=
/var&gt; be the node before &lt;var title=3D&quot;&quot;&gt;ancestor&lt;/=
var&gt; in the
+     &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/=
a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;ancestor&lt;/=
var&gt; is a &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&l=
t;/a&gt;&lt;/code&gt; node, jump to the step below
+     labeled &lt;i&gt;done&lt;/i&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;ancestor&lt;/=
var&gt; is a &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&g=
t;&lt;/code&gt; node, switch the &lt;a href=3D#insertion-mode&gt;insertio=
n
+     mode&lt;/a&gt; to &quot;&lt;a href=3D#parsing-main-inselectintable =
title=3D&quot;insertion mode: in select in table&quot;&gt;in select in ta=
ble&lt;/a&gt;&quot; and
+     abort these steps.&lt;/li&gt; &lt;!-- consider
+     &lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;select&gt;&lt;template&gt;&lt;=
/template&gt;&lt;caption&gt;&lt;/table&gt;
+     http://software.hixie.ch/utilities/js/live-dom-viewer/saved/2374 --=
&gt;
+
+     &lt;li&gt;&lt;p&gt;Jump back to the step labeled &lt;i&gt;loop&lt;/=
i&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;i&gt;Done&lt;/i&gt;: Switch the &lt;a href=3D=
#insertion-mode&gt;insertion mode&lt;/a&gt; to &quot;&lt;a href=3D#parsin=
g-main-inselect title=3D&quot;insertion mode: in
+     select&quot;&gt;in select&lt;/a&gt;&quot; and abort these steps.&lt=
;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt=
; is a &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&=
gt; or &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&=
gt; element and &lt;var title=3D&quot;&quot;&gt;last&lt;/var&gt; is false=
, then switch the &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt=
; to &quot;&lt;a href=3D#parsing-main-intd title=3D&quot;insertion mode: =
in cell&quot;&gt;in cell&lt;/a&gt;&quot; and abort these steps.&lt;/li&gt=
;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt=
; is a &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&=
gt; element, then switch the &lt;a href=3D#insertion-mode&gt;insertion
+   mode&lt;/a&gt; to &quot;&lt;a href=3D#parsing-main-intr title=3D&quot=
;insertion mode: in row&quot;&gt;in row&lt;/a&gt;&quot; and abort these
+   steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt=
; is a &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;=
/code&gt;, &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;=
&lt;/code&gt;, or
+   &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/co=
de&gt; element, then switch the &lt;a href=3D#insertion-mode&gt;insertion=
 mode&lt;/a&gt; to &quot;&lt;a href=3D#parsing-main-intbody title=3D&quot=
;insertion mode: in table body&quot;&gt;in table body&lt;/a&gt;&quot; and=
 abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt=
; is a &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&lt;/a&gt;=
&lt;/code&gt; element, then switch the
+   &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; to &quot;&lt=
;a href=3D#parsing-main-incaption title=3D&quot;insertion mode: in captio=
n&quot;&gt;in caption&lt;/a&gt;&quot; and
+   abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt=
; is a &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup&lt;/a&g=
t;&lt;/code&gt; element, then switch the
+   &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; to &quot;&lt=
;a href=3D#parsing-main-incolgroup title=3D&quot;insertion mode: in colum=
n group&quot;&gt;in column
+   group&lt;/a&gt;&quot; and abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt=
; is a &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;=
/code&gt; element, then switch the
+   &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; to &quot;&lt=
;a href=3D#parsing-main-intable title=3D&quot;insertion mode: in table&qu=
ot;&gt;in table&lt;/a&gt;&quot; and abort
+   these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt=
; is a &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/a&g=
t;&lt;/code&gt; element, then switch the
+   &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; to the &lt;a=
 href=3D#current-template-insertion-mode&gt;current template insertion mo=
de&lt;/a&gt; and abort these
+   steps.&lt;/li&gt;
+
+   &lt;!-- &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt=
;/var&gt; is a &lt;code&gt;head&lt;/code&gt; element and &lt;var
+   title=3D&quot;&quot;&gt;last&lt;/var&gt; is true, then switch the &lt=
;span&gt;insertion mode&lt;/span&gt; to &quot;&lt;span
+   title=3D&quot;insertion mode: in body&quot;&gt;in body&lt;/span&gt;&q=
uot; (&quot;&lt;span title=3D&quot;insertion mode: in body&quot;&gt;in
+   body&lt;/span&gt;&quot;! &lt;em&gt; not &quot;&lt;span title=3D&quot;=
insertion mode: in head&quot;&gt;in head&lt;/span&gt;&quot;&lt;/em&gt;!) =
and abort
+   these steps. (&lt;span&gt;fragment case&lt;/span&gt;)&lt;/p&gt;&lt;/l=
i&gt; --&gt;&lt;!-- The above is only here in case people
+   think that the spec accidentally omitted it and try to &quot;fix&quot=
; it. Note that noscript-in-head is
+   also handled this way. This is all intentional. The only thing it doe=
sn't handle is the
+   scripting-disabled fragment parsing case for a &lt;head&gt; element c=
ontaining a &lt;noscript&gt; which
+   itself contains something other than a &lt;link&gt; or a &lt;style&gt=
; element; you'd expect that to break
+   out of the &lt;noscript&gt; but it doesn't. This is an edge case that=
 doesn't affect the spec, since
+   the algorithm for fragment parsing is only used for innerHTML/outerHT=
ML/insertAdjacentHTML(),
+   where we know scripting is enabled. --&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt=
; is a &lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/c=
ode&gt; element and &lt;var title=3D&quot;&quot;&gt;last&lt;/var&gt; is
+   false, then switch the &lt;a href=3D#insertion-mode&gt;insertion mode=
&lt;/a&gt; to &quot;&lt;a href=3D#parsing-main-inhead title=3D&quot;inser=
tion mode: in head&quot;&gt;in
+   head&lt;/a&gt;&quot; and abort these steps.&lt;/li&gt; &lt;!-- for th=
e case of &lt;head&gt;&lt;template&gt;&lt;/template&gt;...
+   --&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt=
; is a &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/c=
ode&gt; element, then switch the
+   &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; to &quot;&lt=
;a href=3D#parsing-main-inbody title=3D&quot;insertion mode: in body&quot=
;&gt;in body&lt;/a&gt;&quot; and abort
+   these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt=
; is a &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&lt;/code&=
gt; element, then switch the
+   &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; to &quot;&lt=
;a href=3D#parsing-main-inframeset title=3D&quot;insertion mode: in frame=
set&quot;&gt;in frameset&lt;/a&gt;&quot; and
+   abort these steps. (&lt;a href=3D#fragment-case&gt;fragment case&lt;/=
a&gt;)&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt; is an &=
lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt; =
element, run these substeps:&lt;/p&gt;
+  =20
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;a href=3D#head-element-point=
er&gt;&lt;code&gt;head&lt;/code&gt; element pointer&lt;/a&gt; is null, sw=
itch the
+     &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; to &quot;&=
lt;a href=3D#the-before-head-insertion-mode title=3D&quot;insertion mode:=
 before head&quot;&gt;before head&lt;/a&gt;&quot;
+     and abort these steps. (&lt;a href=3D#fragment-case&gt;fragment cas=
e&lt;/a&gt;)&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Otherwise, the &lt;a href=3D#head-element-pointe=
r&gt;&lt;code&gt;head&lt;/code&gt; element pointer&lt;/a&gt; is not null,=
 switch the
+     &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; to &quot;&=
lt;a href=3D#the-after-head-insertion-mode title=3D&quot;insertion mode: =
after head&quot;&gt;after head&lt;/a&gt;&quot; and
+     abort these steps.&lt;/li&gt; &lt;!-- consider &lt;html&gt;&lt;head=
&gt;&lt;/head&gt;&lt;template&gt;&lt;/template&gt; --&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;last&lt;/var&gt=
; is true, then switch the &lt;a href=3D#insertion-mode&gt;insertion mode=
&lt;/a&gt; to &quot;&lt;a href=3D#parsing-main-inbody title=3D&quot;inser=
tion mode: in body&quot;&gt;in body&lt;/a&gt;&quot; and abort these steps=
. (&lt;a href=3D#fragment-case&gt;fragment
+   case&lt;/a&gt;)&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;node&lt;/var&g=
t; now be the node before &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt=
; in the
+   &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a&=
gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return to the step labeled &lt;i&gt;loop&lt;/i&gt;=
.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;h5 id=3Dthe-stack-of-open-elements&gt;&lt;span class=3D=
secno&gt;12.2.3.2 &lt;/span&gt;The stack of open elements&lt;/h5&gt;
+
+  &lt;p&gt;Initially, the &lt;dfn id=3Dstack-of-open-elements&gt;stack o=
f open elements&lt;/dfn&gt; is empty. The stack grows downwards; the
+  topmost node on the stack is the first one added to the stack, and the=
 bottommost node of the
+  stack is the most recently added node in the stack (notwithstanding wh=
en the stack is manipulated
+  in a random access fashion as part of &lt;a href=3D#adoptionAgency&gt;=
the handling for misnested
+  tags&lt;/a&gt;).&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &quot;&lt;a href=3D#the-before-html-insertio=
n-mode title=3D&quot;insertion mode: before html&quot;&gt;before html&lt;=
/a&gt;&quot; &lt;a href=3D#insertion-mode&gt;insertion
+  mode&lt;/a&gt; creates the &lt;code&gt;&lt;a href=3D#the-html-element&=
gt;html&lt;/a&gt;&lt;/code&gt; root element node, which is then added to =
the stack.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;In the &lt;a href=3D#fragment-case&gt;fragment c=
ase&lt;/a&gt;, the &lt;a href=3D#stack-of-open-elements&gt;stack of open =
elements&lt;/a&gt; is
+  initialized to contain an &lt;code&gt;&lt;a href=3D#the-html-element&g=
t;html&lt;/a&gt;&lt;/code&gt; element that is created as part of &lt;a hr=
ef=3D#html-fragment-parsing-algorithm title=3D&quot;html
+  fragment parsing algorithm&quot;&gt;that algorithm&lt;/a&gt;. (The &lt=
;a href=3D#fragment-case&gt;fragment case&lt;/a&gt; skips the
+  &quot;&lt;a href=3D#the-before-html-insertion-mode title=3D&quot;inser=
tion mode: before html&quot;&gt;before html&lt;/a&gt;&quot; &lt;a href=3D=
#insertion-mode&gt;insertion mode&lt;/a&gt;.)&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&=
gt;&lt;/code&gt; node, however it is created, is the topmost node of the =
stack. It only
+  gets popped off the stack when the parser &lt;a href=3D#stop-parsing t=
itle=3D&quot;stop parsing&quot;&gt;finishes&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dcurrent-node&gt;current node&lt;/dfn&gt; is =
the bottommost node in this &lt;a href=3D#stack-of-open-elements&gt;stack=
 of open
+  elements&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dadjusted-current-node&gt;adjusted current no=
de&lt;/dfn&gt; is the &lt;i title=3Dconcept-frag-parse-context&gt;&lt;a h=
ref=3D#concept-frag-parse-context&gt;context&lt;/a&gt;&lt;/i&gt;
+  element if the &lt;a href=3D#stack-of-open-elements&gt;stack of open e=
lements&lt;/a&gt; has only one element in it and the parser was
+  created by the &lt;a href=3D#html-fragment-parsing-algorithm&gt;HTML f=
ragment parsing algorithm&lt;/a&gt;; otherwise, the &lt;a href=3D#adjuste=
d-current-node&gt;adjusted current
+  node&lt;/a&gt; is the &lt;a href=3D#current-node&gt;current node&lt;/a=
&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Elements in the &lt;a href=3D#stack-of-open-elements&gt;stack=
 of open elements&lt;/a&gt; fall into the following categories:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;&lt;dfn id=3Dspecial&gt;Special&lt;/dfn&gt;&lt;/dt=
&gt;
+
+   &lt;dd&gt;&lt;p&gt;The following elements have varying levels of spec=
ial parsing rules: HTML's
+   &lt;code&gt;&lt;a href=3D#the-address-element&gt;address&lt;/a&gt;&lt=
;/code&gt;, &lt;code&gt;&lt;a href=3D#the-applet-element&gt;applet&lt;/a&=
gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/=
a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-article-element&gt;arti=
cle&lt;/a&gt;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-aside-element&gt;aside&lt;/a&gt;&lt;/co=
de&gt;, &lt;code&gt;&lt;a href=3D#the-base-element&gt;base&lt;/a&gt;&lt;/=
code&gt;, &lt;code&gt;&lt;a href=3D#basefont&gt;basefont&lt;/a&gt;&lt;/co=
de&gt;, &lt;code&gt;&lt;a href=3D#bgsound&gt;bgsound&lt;/a&gt;&lt;/code&g=
t;,
+   &lt;code&gt;&lt;a href=3D#the-blockquote-element&gt;blockquote&lt;/a&=
gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/=
a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-br-element&gt;br&lt;/a&=
gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-button-element&gt;button&=
lt;/a&gt;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&lt;/a&gt;&lt=
;/code&gt;, &lt;code&gt;&lt;a href=3D#center&gt;center&lt;/a&gt;&lt;/code=
&gt;, &lt;code&gt;&lt;a href=3D#the-col-element&gt;col&lt;/a&gt;&lt;/code=
&gt;, &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup&lt;/a&gt=
;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-dd-element&gt;dd&lt;/a&gt;&lt;/code&gt;=
, &lt;code&gt;&lt;a href=3D#the-details-element&gt;details&lt;/a&gt;&lt;/=
code&gt;, &lt;code&gt;&lt;a href=3D#dir&gt;dir&lt;/a&gt;&lt;/code&gt;, &l=
t;code&gt;&lt;a href=3D#the-div-element&gt;div&lt;/a&gt;&lt;/code&gt;, &l=
t;code&gt;&lt;a href=3D#the-dl-element&gt;dl&lt;/a&gt;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-dt-element&gt;dt&lt;/a&gt;&lt;/code&gt;=
, &lt;code&gt;&lt;a href=3D#the-embed-element&gt;embed&lt;/a&gt;&lt;/code=
&gt;, &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldset&lt;/a&gt=
;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-figcaption-element&gt;figca=
ption&lt;/a&gt;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-figure-element&gt;figure&lt;/a&gt;&lt;/=
code&gt;, &lt;code&gt;&lt;a href=3D#the-footer-element&gt;footer&lt;/a&gt=
;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&=
gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/=
code&gt;,
+   &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&lt;/code&gt;=
, &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h1=
&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5=
,-and-h6-elements&gt;h2&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D=
#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h3&lt;/a&gt;&lt;/code&gt;, &l=
t;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h4&lt;=
/a&gt;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;=
h5&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-=
h5,-and-h6-elements&gt;h6&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D=
#the-head-element&gt;head&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D=
#the-header-element&gt;header&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a h=
ref=3D#the-hgroup-element&gt;hgroup&lt;/a&gt;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-hr-element&gt;hr&lt;/a&gt;&lt;/code&gt;=
, &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/code&g=
t;, &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/=
code&gt;, &lt;!-- &lt;code&gt;image&lt;/code&gt;, (commented out
+   because this isn't an element that can end up on the stack, so it doe=
sn't matter) --&gt;
+   &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&g=
t;, &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/co=
de&gt;, &lt;code&gt;&lt;a href=3D#isindex-0&gt;isindex&lt;/a&gt;&lt;/code=
&gt;, &lt;code&gt;&lt;a href=3D#the-li-element&gt;li&lt;/a&gt;&lt;/code&g=
t;, &lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code=
&gt;,
+   &lt;code&gt;&lt;a href=3D#listing&gt;listing&lt;/a&gt;&lt;/code&gt;, =
&lt;code&gt;&lt;a href=3D#the-main-element&gt;main&lt;/a&gt;&lt;/code&gt;=
, &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&lt;/=
code&gt;, &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&lt;/a&gt;&lt=
;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-menuitem-element&gt;menuitem&lt;/a&gt;&=
lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-meta-element&gt;meta&lt;/a&gt=
;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-nav-element&gt;nav&lt;/a&gt=
;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#noembed&gt;noembed&lt;/a&gt;&lt=
;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#noframes&gt;noframes&lt;/a&gt;&lt;/code&gt;=
, &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt;/a&gt;&lt=
;/code&gt;, &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&=
gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-ol-element&gt;ol&lt;/a&gt=
;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt;, =
&lt;code&gt;&lt;a href=3D#the-param-element&gt;param&lt;/a&gt;&lt;/code&g=
t;, &lt;code&gt;&lt;a href=3D#plaintext&gt;plaintext&lt;/a&gt;&lt;/code&g=
t;, &lt;code&gt;&lt;a href=3D#the-pre-element&gt;pre&lt;/a&gt;&lt;/code&g=
t;,
+   &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/=
code&gt;, &lt;code&gt;&lt;a href=3D#the-section-element&gt;section&lt;/a&=
gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&=
lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-source-element&gt;s=
ource&lt;/a&gt;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-style-element&gt;style&lt;/a&gt;&lt;/co=
de&gt;, &lt;code&gt;&lt;a href=3D#the-summary-element&gt;summary&lt;/a&gt=
;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/=
a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&=
lt;/a&gt;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt;=
, &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/a&gt;&lt=
;/code&gt;, &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt=
;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoo=
t&lt;/a&gt;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt;=
, &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/code=
&gt;, &lt;code&gt;&lt;a href=3D#the-title-element&gt;title&lt;/a&gt;&lt;/=
code&gt;, &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/co=
de&gt;, &lt;code&gt;&lt;a href=3D#the-track-element&gt;track&lt;/a&gt;&lt=
;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-ul-element&gt;ul&lt;/a&gt;&lt;/code&gt;=
, &lt;code&gt;&lt;a href=3D#the-wbr-element&gt;wbr&lt;/a&gt;&lt;/code&gt;=
, and &lt;code&gt;&lt;a href=3D#xmp&gt;xmp&lt;/a&gt;&lt;/code&gt;; MathML=
's &lt;code title=3D&quot;&quot;&gt;mi&lt;/code&gt;, &lt;code title=3D&qu=
ot;&quot;&gt;mo&lt;/code&gt;, &lt;code title=3D&quot;&quot;&gt;mn&lt;/cod=
e&gt;, &lt;code title=3D&quot;&quot;&gt;ms&lt;/code&gt;, &lt;code title=3D=
&quot;&quot;&gt;mtext&lt;/code&gt;, and &lt;code title=3D&quot;&quot;&gt;=
annotation-xml&lt;/code&gt;; and SVG's &lt;code title=3D&quot;&quot;&gt;f=
oreignObject&lt;/code&gt;, &lt;code title=3D&quot;&quot;&gt;desc&lt;/code=
&gt;, and &lt;code title=3D&quot;&quot;&gt;title&lt;/code&gt;.&lt;/dd&gt;=
 &lt;!-- we could actually put all non-HTML elements in this list, I
+   think --&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dformatting&gt;Formatting&lt;/dfn&gt;&lt;/dt&gt=
;
+   &lt;dd&gt;&lt;p&gt;The following HTML elements are those that end up =
in the &lt;a href=3D#list-of-active-formatting-elements&gt;list of active=
 formatting
+   elements&lt;/a&gt;: &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/=
a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt=
;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#big&gt;big&lt;/a&gt;&lt;/code&g=
t;, &lt;code&gt;&lt;a href=3D#the-code-element&gt;code&lt;/a&gt;&lt;/code=
&gt;,
+   &lt;code&gt;&lt;a href=3D#the-em-element&gt;em&lt;/a&gt;&lt;/code&gt;=
, &lt;code&gt;&lt;a href=3D#font&gt;font&lt;/a&gt;&lt;/code&gt;, &lt;code=
&gt;&lt;a href=3D#the-i-element&gt;i&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;=
&lt;a href=3D#nobr&gt;nobr&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=
=3D#the-s-element&gt;s&lt;/a&gt;&lt;/code&gt;,
+   &lt;code&gt;&lt;a href=3D#the-small-element&gt;small&lt;/a&gt;&lt;/co=
de&gt;, &lt;code&gt;&lt;a href=3D#strike&gt;strike&lt;/a&gt;&lt;/code&gt;=
, &lt;code&gt;&lt;a href=3D#the-strong-element&gt;strong&lt;/a&gt;&lt;/co=
de&gt;, &lt;code&gt;&lt;a href=3D#tt&gt;tt&lt;/a&gt;&lt;/code&gt;, and
+   &lt;code&gt;&lt;a href=3D#the-u-element&gt;u&lt;/a&gt;&lt;/code&gt;.&=
lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dordinary&gt;Ordinary&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;All other elements found while parsing an HTML doc=
ument.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;The &lt;a href=3D#stack-of-open-elements&gt;stack =
of open elements&lt;/a&gt; is said to &lt;dfn id=3Dhas-an-element-in-the-=
specific-scope title=3D&quot;has an element in the specific
+  scope&quot;&gt;have an element &lt;var title=3D&quot;&quot;&gt;target =
node&lt;/var&gt; in a specific scope&lt;/dfn&gt; consisting of a
+  list of element types &lt;var title=3D&quot;&quot;&gt;list&lt;/var&gt;=
 when the following algorithm terminates in a match
+  state:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Initialize &lt;var title=3D&quot;&quot;&g=
t;node&lt;/var&gt; to be the &lt;a href=3D#current-node&gt;current node&l=
t;/a&gt; (the bottommost
+   node of the stack).&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt=
; is the target node, terminate in a match state.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, if &lt;var title=3D&quot;&quot;&gt;node=
&lt;/var&gt; is one of the element types in &lt;var title=3D&quot;&quot;&=
gt;list&lt;/var&gt;, terminate in a failure state.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Otherwise, set &lt;var title=3D&quot;&quot;&gt;nod=
e&lt;/var&gt; to the previous entry in the &lt;a href=3D#stack-of-open-el=
ements&gt;stack of open
+   elements&lt;/a&gt; and return to step 2. (This will never fail, since=
 the loop will always terminate
+   in the previous step if the top of the stack &amp;mdash; an &lt;code&=
gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt; element =
&amp;mdash; is
+   reached.)&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The &lt;a href=3D#stack-of-open-elements&gt;stack =
of open elements&lt;/a&gt; is said to &lt;dfn id=3Dhas-an-element-in-scop=
e title=3D&quot;has an element in scope&quot;&gt;have a
+  particular element in scope&lt;/dfn&gt; when it &lt;a href=3D#has-an-e=
lement-in-the-specific-scope title=3D&quot;has an element in the specific=
 scope&quot;&gt;has
+  that element in the specific scope&lt;/a&gt; consisting of the followi=
ng element types:&lt;/p&gt;
+
+  &lt;ul class=3Dbrief&gt;&lt;li&gt;&lt;code&gt;&lt;a href=3D#the-applet=
-element&gt;applet&lt;/a&gt;&lt;/code&gt; in the &lt;a href=3D#html-names=
pace-0&gt;HTML namespace&lt;/a&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&lt=
;/a&gt;&lt;/code&gt; in the &lt;a href=3D#html-namespace-0&gt;HTML namesp=
ace&lt;/a&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt=
;&lt;/code&gt; in the &lt;a href=3D#html-namespace-0&gt;HTML namespace&lt=
;/a&gt;&lt;/li&gt; &lt;!-- (This can only happen if the &lt;var title=3D&=
quot;&quot;&gt;node&lt;/var&gt; is the topmost node of the &lt;span&gt;st=
ack of open elements&lt;/span&gt;, and prevents the next step from being =
invoked if there are no more elements in the stack.) --&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&=
gt;&lt;/code&gt; in the &lt;a href=3D#html-namespace-0&gt;HTML namespace&=
lt;/a&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt=
;/code&gt; in the &lt;a href=3D#html-namespace-0&gt;HTML namespace&lt;/a&=
gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt=
;/code&gt; in the &lt;a href=3D#html-namespace-0&gt;HTML namespace&lt;/a&=
gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt=
;/a&gt;&lt;/code&gt; in the &lt;a href=3D#html-namespace-0&gt;HTML namesp=
ace&lt;/a&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/=
a&gt;&lt;/code&gt; in the &lt;a href=3D#html-namespace-0&gt;HTML namespac=
e&lt;/a&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-template-element&gt;template&=
lt;/a&gt;&lt;/code&gt; in the &lt;a href=3D#html-namespace-0&gt;HTML name=
space&lt;/a&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;mi&lt;/code&gt; in the &lt=
;a href=3D#mathml-namespace&gt;MathML namespace&lt;/a&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;mo&lt;/code&gt; in the &lt=
;a href=3D#mathml-namespace&gt;MathML namespace&lt;/a&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;mn&lt;/code&gt; in the &lt=
;a href=3D#mathml-namespace&gt;MathML namespace&lt;/a&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;ms&lt;/code&gt; in the &lt=
;a href=3D#mathml-namespace&gt;MathML namespace&lt;/a&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;mtext&lt;/code&gt; in the =
&lt;a href=3D#mathml-namespace&gt;MathML namespace&lt;/a&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;annotation-xml&lt;/code&gt=
; in the &lt;a href=3D#mathml-namespace&gt;MathML namespace&lt;/a&gt;&lt;=
/li&gt;
+   &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;foreignObject&lt;/code&gt;=
 in the &lt;a href=3D#svg-namespace&gt;SVG namespace&lt;/a&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;desc&lt;/code&gt; in the &=
lt;a href=3D#svg-namespace&gt;SVG namespace&lt;/a&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;title&lt;/code&gt; in the =
&lt;a href=3D#svg-namespace&gt;SVG namespace&lt;/a&gt;&lt;/li&gt;
+  &lt;/ul&gt;&lt;p&gt;The &lt;a href=3D#stack-of-open-elements&gt;stack =
of open elements&lt;/a&gt; is said to &lt;dfn id=3Dhas-an-element-in-list=
-item-scope title=3D&quot;has an element in list item
+  scope&quot;&gt;have a particular element in list item scope&lt;/dfn&gt=
; when it &lt;a href=3D#has-an-element-in-the-specific-scope title=3D&quo=
t;has an element in
+  the specific scope&quot;&gt;has that element in the specific scope&lt;=
/a&gt; consisting of the following
+  element types:&lt;/p&gt;
+
+  &lt;ul class=3Dbrief&gt;&lt;li&gt;All the element types listed above f=
or the &lt;i&gt;&lt;a href=3D#has-an-element-in-scope&gt;has an element i=
n scope&lt;/a&gt;&lt;/i&gt; algorithm.&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-ol-element&gt;ol&lt;/a&gt;&lt=
;/code&gt; in the &lt;a href=3D#html-namespace-0&gt;HTML namespace&lt;/a&=
gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-ul-element&gt;ul&lt;/a&gt;&lt=
;/code&gt; in the &lt;a href=3D#html-namespace-0&gt;HTML namespace&lt;/a&=
gt;&lt;/li&gt;
+  &lt;/ul&gt;&lt;p&gt;The &lt;a href=3D#stack-of-open-elements&gt;stack =
of open elements&lt;/a&gt; is said to &lt;dfn id=3Dhas-an-element-in-butt=
on-scope title=3D&quot;has an element in button
+  scope&quot;&gt;have a particular element in button scope&lt;/dfn&gt; w=
hen it &lt;a href=3D#has-an-element-in-the-specific-scope title=3D&quot;h=
as an element in the
+  specific scope&quot;&gt;has that element in the specific scope&lt;/a&g=
t; consisting of the following element
+  types:&lt;/p&gt;
+
+  &lt;ul class=3Dbrief&gt;&lt;li&gt;All the element types listed above f=
or the &lt;i&gt;&lt;a href=3D#has-an-element-in-scope&gt;has an element i=
n scope&lt;/a&gt;&lt;/i&gt; algorithm.&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-button-element&gt;button&lt;/=
a&gt;&lt;/code&gt; in the &lt;a href=3D#html-namespace-0&gt;HTML namespac=
e&lt;/a&gt;&lt;/li&gt;
+  &lt;/ul&gt;&lt;p&gt;The &lt;a href=3D#stack-of-open-elements&gt;stack =
of open elements&lt;/a&gt; is said to &lt;dfn id=3Dhas-an-element-in-tabl=
e-scope title=3D&quot;has an element in table
+  scope&quot;&gt;have a particular element in table scope&lt;/dfn&gt; wh=
en it &lt;a href=3D#has-an-element-in-the-specific-scope title=3D&quot;ha=
s an element in the
+  specific scope&quot;&gt;has that element in the specific scope&lt;/a&g=
t; consisting of the following element
+  types:&lt;/p&gt;
+
+  &lt;ul class=3Dbrief&gt;&lt;li&gt;&lt;code&gt;&lt;a href=3D#the-html-e=
lement&gt;html&lt;/a&gt;&lt;/code&gt; in the &lt;a href=3D#html-namespace=
-0&gt;HTML namespace&lt;/a&gt;&lt;/li&gt; &lt;!-- (This can only happen i=
f the
+   &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt; is the topmost node =
of the &lt;span&gt;stack of open elements&lt;/span&gt;, and
+   prevents the next step from being invoked if there are no more elemen=
ts in the stack.) --&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&=
gt;&lt;/code&gt; in the &lt;a href=3D#html-namespace-0&gt;HTML namespace&=
lt;/a&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-template-element&gt;template&=
lt;/a&gt;&lt;/code&gt; in the &lt;a href=3D#html-namespace-0&gt;HTML name=
space&lt;/a&gt;&lt;/li&gt;
+  &lt;/ul&gt;&lt;p&gt;The &lt;a href=3D#stack-of-open-elements&gt;stack =
of open elements&lt;/a&gt; is said to &lt;dfn id=3Dhas-an-element-in-sele=
ct-scope title=3D&quot;has an element in select
+  scope&quot;&gt;have a particular element in select scope&lt;/dfn&gt; w=
hen it &lt;a href=3D#has-an-element-in-the-specific-scope title=3D&quot;h=
as an element in the
+  specific scope&quot;&gt;has that element in the specific scope&lt;/a&g=
t; consisting of all element types
+  &lt;em&gt;except&lt;/em&gt; the following:&lt;/p&gt;
+
+  &lt;ul class=3Dbrief&gt;&lt;!--&lt;li&gt;&lt;code&gt;select&lt;/code&g=
t; in the &lt;span&gt;HTML namespace&lt;/span&gt;&lt;/li&gt;--&gt;&lt;li&=
gt;&lt;code&gt;&lt;a href=3D#the-optgroup-element&gt;optgroup&lt;/a&gt;&l=
t;/code&gt; in the &lt;a href=3D#html-namespace-0&gt;HTML namespace&lt;/a=
&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/=
a&gt;&lt;/code&gt; in the &lt;a href=3D#html-namespace-0&gt;HTML namespac=
e&lt;/a&gt;&lt;/li&gt;
+  &lt;/ul&gt;&lt;p&gt;Nothing happens if at any time any of the elements=
 in the &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt=
;/a&gt;
+  are moved to a new location in, or removed from, the &lt;code&gt;&lt;a=
 href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; tree. In particular,
+  the stack is not changed in this situation. This can cause, amongst ot=
her strange effects, content
+  to be appended to nodes that are no longer in the DOM.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;In some cases (namely, when &lt;a href=3D#adopti=
onAgency&gt;closing misnested formatting
+  elements&lt;/a&gt;), the stack is manipulated in a random-access fashi=
on.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dthe-list-of-active-formatting-elements&gt;&lt;span class=3D=
secno&gt;12.2.3.3 &lt;/span&gt;The list of active formatting elements&lt;=
/h5&gt;
+
+  &lt;p&gt;Initially, the &lt;dfn id=3Dlist-of-active-formatting-element=
s&gt;list of active formatting elements&lt;/dfn&gt; is empty. It is used =
to handle
+  mis-nested &lt;a href=3D#formatting title=3Dformatting&gt;formatting e=
lement tags&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The list contains elements in the &lt;a href=3D#formatting&gt=
;formatting&lt;/a&gt; category, and scope markers. The
+  scope markers are inserted when entering &lt;code&gt;&lt;a href=3D#the=
-applet-element&gt;applet&lt;/a&gt;&lt;/code&gt; elements, buttons,
+  &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&lt;/c=
ode&gt; elements, marquees, table cells, and table captions, and are used=
 to prevent
+  formatting from &quot;leaking&quot; &lt;em&gt;into&lt;/em&gt; &lt;code=
&gt;&lt;a href=3D#the-applet-element&gt;applet&lt;/a&gt;&lt;/code&gt; ele=
ments, buttons, &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt=
;/a&gt;&lt;/code&gt;
+  elements, marquees, and tables.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The scope markers are unrelated to the concept o=
f an element being &lt;a href=3D#has-an-element-in-scope title=3D&quot;ha=
s an element in scope&quot;&gt;in scope&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;In addition, each element in the &lt;a href=3D#list-of-active=
-formatting-elements&gt;list of active formatting elements&lt;/a&gt; is a=
ssociated
+  with the token for which it was created, so that further elements can =
be created for that token if
+  necessary.&lt;/p&gt;
+
+  &lt;p&gt;When the steps below require the UA to &lt;dfn id=3Dpush-onto=
-the-list-of-active-formatting-elements&gt;push onto the list of active f=
ormatting
+  elements&lt;/dfn&gt; an element &lt;var title=3D&quot;&quot;&gt;elemen=
t&lt;/var&gt;, the UA must perform the following
+  steps:&lt;/p&gt;
+
+  &lt;ol id=3Dnoah&gt;&lt;li&gt;&lt;p&gt;If there are already three elem=
ents in the &lt;a href=3D#list-of-active-formatting-elements&gt;list of a=
ctive formatting elements&lt;/a&gt;
+   after the last list marker, if any, or anywhere in the list if there =
are no list markers, that
+   have the same tag name, namespace, and attributes as &lt;var title=3D=
&quot;&quot;&gt;element&lt;/var&gt;, then remove the
+   earliest such element from the &lt;a href=3D#list-of-active-formattin=
g-elements&gt;list of active formatting elements&lt;/a&gt;. For these
+   purposes, the attributes must be compared as they were when the eleme=
nts were created by the
+   parser; two elements have the same attributes if all their parsed att=
ributes can be paired such
+   that the two attributes in each pair have identical names, namespaces=
, and values (the order of
+   the attributes does not matter).&lt;/p&gt;
+
+   &lt;p class=3Dnote&gt;This is the Noah's Ark clause. But with three p=
er family instead of two.&lt;/li&gt;
+   &lt;!-- A sort of polyamorous Noah's Ark, if you will. --&gt;
+
+   &lt;li&gt;&lt;p&gt;Add &lt;var title=3D&quot;&quot;&gt;element&lt;/va=
r&gt; to the &lt;a href=3D#list-of-active-formatting-elements&gt;list of =
active formatting
+   elements&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When the steps below require the UA to &lt;dfn id=3D=
reconstruct-the-active-formatting-elements&gt;reconstruct the active form=
atting elements&lt;/dfn&gt;,
+  the UA must perform the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If there are no entries in the &lt;a href=
=3D#list-of-active-formatting-elements&gt;list of active formatting eleme=
nts&lt;/a&gt;, then there
+   is nothing to reconstruct; stop this algorithm.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the last (most recently added) entry in the &lt=
;a href=3D#list-of-active-formatting-elements&gt;list of active formattin=
g
+   elements&lt;/a&gt; is a marker, or if it is an element that is in the=
 &lt;a href=3D#stack-of-open-elements&gt;stack of open
+   elements&lt;/a&gt;, then there is nothing to reconstruct; stop this a=
lgorithm.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;entry&lt;/var&=
gt; be the last (most recently added) element in the &lt;a href=3D#list-o=
f-active-formatting-elements&gt;list
+   of active formatting elements&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Rewind&lt;/i&gt;: If there are no entries=
 before &lt;var title=3D&quot;&quot;&gt;entry&lt;/var&gt; in the &lt;a hr=
ef=3D#list-of-active-formatting-elements&gt;list
+   of active formatting elements&lt;/a&gt;, then jump to the step labele=
d &lt;i&gt;create&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;entry&lt;/var&=
gt; be the entry one earlier than &lt;var title=3D&quot;&quot;&gt;entry&l=
t;/var&gt; in
+   the &lt;a href=3D#list-of-active-formatting-elements&gt;list of activ=
e formatting elements&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;entry&lt;/var&g=
t; is neither a marker nor an element that is also in the
+   &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a&=
gt;, go to the step labeled &lt;i&gt;rewind&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Advance&lt;/i&gt;: Let &lt;var title=3D&q=
uot;&quot;&gt;entry&lt;/var&gt; be the element one later than &lt;var tit=
le=3D&quot;&quot;&gt;entry&lt;/var&gt; in the &lt;a href=3D#list-of-activ=
e-formatting-elements&gt;list of active formatting elements&lt;/a&gt;.&lt=
;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Create&lt;/i&gt;: &lt;a href=3D#insert-an=
-html-element&gt;Insert an HTML element&lt;/a&gt; for the token for which=
 the element
+   &lt;var title=3D&quot;&quot;&gt;entry&lt;/var&gt; was created, to obt=
ain &lt;var title=3D&quot;&quot;&gt;new element&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Replace the entry for &lt;var title=3D&quot;&quot;=
&gt;entry&lt;/var&gt; in the list with an entry for &lt;var title=3D&quot=
;&quot;&gt;new element&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the entry for &lt;var title=3D&quot;&quot;&gt;n=
ew element&lt;/var&gt; in the &lt;a href=3D#list-of-active-formatting-ele=
ments&gt;list of active formatting
+   elements&lt;/a&gt; is not the last entry in the list, return to the s=
tep labeled
+   &lt;i&gt;advance&lt;/i&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;This has the effect of reopening all the formattin=
g elements that were opened in the current
+  body, cell, or caption (whichever is youngest) that haven't been expli=
citly closed.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The way this specification is written, the &lt;a=
 href=3D#list-of-active-formatting-elements&gt;list of active formatting
+  elements&lt;/a&gt; always consists of elements in chronological order =
with the least recently added
+  element first and the most recently added element last (except for whi=
le steps 8 to 11 of the
+  above algorithm are being executed, of course).&lt;/p&gt;
+
+  &lt;p&gt;When the steps below require the UA to &lt;dfn id=3Dclear-the=
-list-of-active-formatting-elements-up-to-the-last-marker&gt;clear the li=
st of active formatting elements up to
+  the last marker&lt;/dfn&gt;, the UA must perform the following steps:&=
lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;entry=
&lt;/var&gt; be the last (most recently added) entry in the &lt;a href=3D=
#list-of-active-formatting-elements&gt;list of
+   active formatting elements&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove &lt;var title=3D&quot;&quot;&gt;entry&lt;/v=
ar&gt; from the &lt;a href=3D#list-of-active-formatting-elements&gt;list =
of active formatting
+   elements&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;entry&lt;/var&g=
t; was a marker, then stop the algorithm at this point. The list
+   has been cleared up to the last marker.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Go to step 1.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;h5 id=3Dthe-element-pointers&gt;&lt;span class=3Dsecno&=
gt;12.2.3.4 &lt;/span&gt;The element pointers&lt;/h5&gt;
+
+  &lt;p&gt;Initially, the &lt;dfn id=3Dhead-element-pointer&gt;&lt;code =
title=3D&quot;&quot;&gt;head&lt;/code&gt; element pointer&lt;/dfn&gt; and=
 the &lt;dfn id=3Dform-element-pointer&gt;&lt;code title=3D&quot;&quot;&g=
t;form&lt;/code&gt; element pointer&lt;/dfn&gt; are both null.&lt;/p&gt;
+
+  &lt;p&gt;Once a &lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;=
/a&gt;&lt;/code&gt; element has been parsed (whether implicitly or explic=
itly) the
+  &lt;a href=3D#head-element-pointer&gt;&lt;code title=3D&quot;&quot;&gt=
;head&lt;/code&gt; element pointer&lt;/a&gt; gets set to point to this no=
de.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#form-element-pointer&gt;&lt;code title=3D&q=
uot;&quot;&gt;form&lt;/code&gt; element pointer&lt;/a&gt; points to the l=
ast
+  &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&=
gt; element that was opened and whose end tag has not yet been seen. It i=
s used to
+  make form controls associate with forms in the face of dramatically ba=
d markup, for historical
+  reasons.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dother-parsing-state-flags&gt;&lt;span class=3Dsecno&gt;12.=
2.3.5 &lt;/span&gt;Other parsing state flags&lt;/h5&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dscripting-flag&gt;scripting flag&lt;/dfn&gt;=
 is set to &quot;enabled&quot; if &lt;a href=3D#concept-n-script title=3D=
concept-n-script&gt;scripting
+  was enabled&lt;/a&gt; for the &lt;code&gt;&lt;a href=3D#document&gt;Do=
cument&lt;/a&gt;&lt;/code&gt; with which the parser is associated when th=
e
+  parser was created, and &quot;disabled&quot; otherwise.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;a href=3D#scripting-flag&gt;scripting fl=
ag&lt;/a&gt; can be enabled even when the parser was originally
+  created for the &lt;a href=3D#html-fragment-parsing-algorithm&gt;HTML =
fragment parsing algorithm&lt;/a&gt;, even though &lt;code&gt;&lt;a href=3D=
#the-script-element&gt;script&lt;/a&gt;&lt;/code&gt;
+  elements don't execute in that case.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dframeset-ok-flag&gt;frameset-ok flag&lt;/dfn=
&gt; is set to &quot;ok&quot; when the parser is created. It is set to &q=
uot;not
+  ok&quot; after certain tokens are seen.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dtokenization&gt;&lt;span class=3Dsecno&gt;12.2.4 &lt;/span=
&gt;&lt;dfn&gt;Tokenization&lt;/dfn&gt;&lt;/h4&gt;
+
+  &lt;p&gt;Implementations must act as if they used the following state =
machine to tokenize HTML. The
+  state machine must start in the &lt;a href=3D#data-state&gt;data state=
&lt;/a&gt;. Most states consume a single character,
+  which may have various side-effects, and either switches the state mac=
hine to a new state to
+  &lt;i&gt;reconsume&lt;/i&gt; the same character, or switches it to a n=
ew state to consume the next character,
+  or stays in the same state to consume the next character. Some states =
have more complicated
+  behavior and can consume several characters before switching to anothe=
r state. In some cases, the
+  tokenizer state is also changed by the tree construction stage.&lt;/p&=
gt;
+
+  &lt;p&gt;The exact behavior of certain states depends on the &lt;a hre=
f=3D#insertion-mode&gt;insertion mode&lt;/a&gt; and the
+  &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a&g=
t;. Certain states also use a &lt;dfn id=3Dtemporary-buffer&gt;&lt;var&gt=
;temporary
+  buffer&lt;/var&gt;&lt;/dfn&gt; to track progress.&lt;/p&gt;
+
+  &lt;p&gt;The output of the tokenization step is a series of zero or mo=
re of the following tokens:
+  DOCTYPE, start tag, end tag, comment, character, end-of-file. DOCTYPE =
tokens have a name, a public
+  identifier, a system identifier, and a &lt;i&gt;force-quirks flag&lt;/=
i&gt;. When a DOCTYPE token is created,
+  its name, public identifier, and system identifier must be marked as m=
issing (which is a distinct
+  state from the empty string), and the &lt;i&gt;force-quirks flag&lt;/i=
&gt; must be set to &lt;i&gt;off&lt;/i&gt; (its
+  other state is &lt;i&gt;on&lt;/i&gt;). Start and end tag tokens have a=
 tag name, a &lt;i&gt;self-closing flag&lt;/i&gt;,
+  and a list of attributes, each of which has a name and a value. When a=
 start or end tag token is
+  created, its &lt;i&gt;self-closing flag&lt;/i&gt; must be unset (its o=
ther state is that it be set), and its
+  attributes list must be empty. Comment and character tokens have data.=
&lt;/p&gt;
+
+  &lt;p&gt;When a token is emitted, it must immediately be handled by th=
e &lt;a href=3D#tree-construction&gt;tree construction&lt;/a&gt;
+  stage. The tree construction stage can affect the state of the tokeniz=
ation stage, and can insert
+  additional characters into the stream. (For example, the &lt;code&gt;&=
lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/code&gt; element =
can result in
+  scripts executing and using the &lt;a href=3D#dynamic-markup-insertion=
&gt;dynamic markup insertion&lt;/a&gt; APIs to insert characters
+  into the stream being tokenized.)&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Creating a token and emitting it are distinct ac=
tions. It is possible for a token
+  to be created but implicitly abandoned (never emitted), e.g. if the fi=
le ends unexpectedly while
+  processing the characters that are being parsed into a start tag token=
.&lt;/p&gt;
+
+  &lt;p&gt;When a start tag token is emitted with its &lt;i&gt;self-clos=
ing flag&lt;/i&gt; set, if the flag is not
+  &lt;dfn id=3Dacknowledge-self-closing-flag title=3D&quot;acknowledge s=
elf-closing flag&quot;&gt;acknowledged&lt;/dfn&gt; when it is processed b=
y the tree
+  construction stage, that is a &lt;a href=3D#parse-error&gt;parse error=
&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When an end tag token is emitted with attributes, that is a &=
lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When an end tag token is emitted with its &lt;i&gt;self-closi=
ng flag&lt;/i&gt; set, that is a &lt;a href=3D#parse-error&gt;parse
+  error&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;An &lt;dfn id=3Dappropriate-end-tag-token&gt;appropriate end =
tag token&lt;/dfn&gt; is an end tag token whose tag name matches the tag =
name
+  of the last start tag to have been emitted from this tokenizer, if any=
. If no start tag has been
+  emitted from this tokenizer, then no end tag token is appropriate.&lt;=
/p&gt;
+
+  &lt;p&gt;Before each step of the tokenizer, the user agent must first =
check the &lt;a href=3D#parser-pause-flag&gt;parser pause
+  flag&lt;/a&gt;. If it is true, then the tokenizer must abort the proce=
ssing of any nested invocations
+  of the tokenizer, yielding control back to the caller.&lt;/p&gt;
+
+  &lt;p&gt;The tokenizer state machine consists of the states defined in=
 the following subsections.&lt;/p&gt;
+
+
+  &lt;!-- Order of the lists below is supposed to be non-error then erro=
r, by unicode, then EOF, ending
+  with &quot;anything else&quot; --&gt;
+
+
+  &lt;h5 id=3Ddata-state&gt;&lt;span class=3Dsecno&gt;12.2.4.1 &lt;/span=
&gt;&lt;dfn&gt;Data state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0026 AMPERSAND (&amp;amp;)&lt;/dt=
&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#character-reference-in-data-sta=
te&gt;character reference in data state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003C LESS-THAN SIGN (&amp;lt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#tag-open-state&gt;tag open stat=
e&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Emit th=
e &lt;a href=3D#current-input-character&gt;current input character&lt;/a&=
gt; as a character
+   token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;Emit an end-of-file token.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Emit the &lt;a href=3D#current-input-character&gt;current i=
nput character&lt;/a&gt; as a character token.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dcharacter-reference-in-data-state&gt;&lt;span c=
lass=3Dsecno&gt;12.2.4.2 &lt;/span&gt;&lt;dfn&gt;Character reference in d=
ata state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt=
;.&lt;/p&gt;
+
+  &lt;p&gt;Attempt to &lt;a href=3D#consume-a-character-reference&gt;con=
sume a character reference&lt;/a&gt;, with no &lt;a href=3D#additional-al=
lowed-character&gt;additional allowed
+  character&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;If nothing is returned, emit a U+0026 AMPERSAND character (&a=
mp;amp;) token.&lt;/p&gt;
+
+  &lt;p&gt;Otherwise, emit the character tokens that were returned.&lt;/=
p&gt;
+
+
+  &lt;h5 id=3Drcdata-state&gt;&lt;span class=3Dsecno&gt;12.2.4.3 &lt;/sp=
an&gt;&lt;dfn&gt;RCDATA state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0026 AMPERSAND (&amp;amp;)&lt;/dt=
&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#character-reference-in-rcdata-s=
tate&gt;character reference in RCDATA state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003C LESS-THAN SIGN (&amp;lt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#rcdata-less-than-sign-state&gt;=
RCDATA less-than sign state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Emit a =
U+FFFD REPLACEMENT CHARACTER character token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;Emit an end-of-file token.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Emit the &lt;a href=3D#current-input-character&gt;current i=
nput character&lt;/a&gt; as a character token.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dcharacter-reference-in-rcdata-state&gt;&lt;span=
 class=3Dsecno&gt;12.2.4.4 &lt;/span&gt;&lt;dfn&gt;Character reference in=
 RCDATA state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Switch to the &lt;a href=3D#rcdata-state&gt;RCDATA state&lt;/=
a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Attempt to &lt;a href=3D#consume-a-character-reference&gt;con=
sume a character reference&lt;/a&gt;, with no &lt;a href=3D#additional-al=
lowed-character&gt;additional allowed
+  character&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;If nothing is returned, emit a U+0026 AMPERSAND character (&a=
mp;amp;) token.&lt;/p&gt;
+
+  &lt;p&gt;Otherwise, emit the character tokens that were returned.&lt;/=
p&gt;
+
+
+  &lt;h5 id=3Drawtext-state&gt;&lt;span class=3Dsecno&gt;12.2.4.5 &lt;/s=
pan&gt;&lt;dfn&gt;RAWTEXT state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+003C LESS-THAN SIGN (&amp;lt;)&lt=
;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#rawtext-less-than-sign-state&gt=
;RAWTEXT less-than sign state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Emit a =
U+FFFD REPLACEMENT CHARACTER character token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;Emit an end-of-file token.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Emit the &lt;a href=3D#current-input-character&gt;current i=
nput character&lt;/a&gt; as a character token.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dscript-data-state&gt;&lt;span class=3Dsecno&gt;=
12.2.4.6 &lt;/span&gt;&lt;dfn&gt;Script data state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+003C LESS-THAN SIGN (&amp;lt;)&lt=
;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-less-than-sign-stat=
e&gt;script data less-than sign state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Emit a =
U+FFFD REPLACEMENT CHARACTER character token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;Emit an end-of-file token.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Emit the &lt;a href=3D#current-input-character&gt;current i=
nput character&lt;/a&gt; as a character token.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dplaintext-state&gt;&lt;span class=3Dsecno&gt;12=
.2.4.7 &lt;/span&gt;&lt;dfn&gt;PLAINTEXT state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Emit a =
U+FFFD REPLACEMENT CHARACTER character token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;Emit an end-of-file token.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Emit the &lt;a href=3D#current-input-character&gt;current i=
nput character&lt;/a&gt; as a character token.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dtag-open-state&gt;&lt;span class=3Dsecno&gt;12.=
2.4.8 &lt;/span&gt;&lt;dfn&gt;Tag open state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0021 EXCLAMATION MARK (!)&lt;/dt&=
gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#markup-declaration-open-state&g=
t;markup declaration open state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+002F SOLIDUS (/)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#end-tag-open-state&gt;end tag o=
pen state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#uppercase-ascii-letters title=3D&quot;upperca=
se ASCII letters&quot;&gt;Uppercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Create a new start tag token, set its tag name to the lower=
case version of the &lt;a href=3D#current-input-character&gt;current
+   input character&lt;/a&gt; (add 0x0020 to the character's code point),=
 then switch to the &lt;a href=3D#tag-name-state&gt;tag
+   name state&lt;/a&gt;. (Don't emit the token yet; further details will=
 be filled in before it is
+   emitted.)&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#lowercase-ascii-letters title=3D&quot;lowerca=
se ASCII letters&quot;&gt;Lowercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Create a new start tag token, set its tag name to the &lt;a=
 href=3D#current-input-character&gt;current input character&lt;/a&gt;,
+   then switch to the &lt;a href=3D#tag-name-state&gt;tag name state&lt;=
/a&gt;. (Don't emit the token yet; further details will
+   be filled in before it is emitted.)&lt;/dd&gt;
+
+   &lt;dt&gt;U+003F QUESTION MARK (?)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#bogus-comment-state&gt;bogus comment state&lt;/a&gt;=
.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Emit a U+003C LE=
SS-THAN SIGN
+   character token. Reconsume the &lt;a href=3D#current-input-character&=
gt;current input character&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dend-tag-open-state&gt;&lt;span class=3Dsecno&gt=
;12.2.4.9 &lt;/span&gt;&lt;dfn&gt;End tag open state&lt;/dfn&gt;&lt;/h5&g=
t;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;&lt;a href=3D#uppercase-ascii-lette=
rs title=3D&quot;uppercase ASCII letters&quot;&gt;Uppercase ASCII letter&=
lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Create a new end tag token, set its tag name to the lowerca=
se version of the &lt;a href=3D#current-input-character&gt;current
+   input character&lt;/a&gt; (add 0x0020 to the character's code point),=
 then switch to the &lt;a href=3D#tag-name-state&gt;tag
+   name state&lt;/a&gt;. (Don't emit the token yet; further details will=
 be filled in before it is
+   emitted.)&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#lowercase-ascii-letters title=3D&quot;lowerca=
se ASCII letters&quot;&gt;Lowercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Create a new end tag token, set its tag name to the &lt;a h=
ref=3D#current-input-character&gt;current input character&lt;/a&gt;,
+   then switch to the &lt;a href=3D#tag-name-state&gt;tag name state&lt;=
/a&gt;. (Don't emit the token yet; further details will
+   be filled in before it is emitted.)&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Emit a U+003C LE=
SS-THAN SIGN
+   character token and a U+002F SOLIDUS character token. Reconsume the E=
OF character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#bogus-comment-state&gt;bogus comment state&lt;/a&gt;=
.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dtag-name-state&gt;&lt;span class=3Dsecno&gt;12.=
2.4.10 &lt;/span&gt;&lt;dfn&gt;Tag name state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#before-attribute-name-state&gt;=
before attribute name state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+002F SOLIDUS (/)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#self-closing-start-tag-state&gt=
;self-closing start tag state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&=
gt;. Emit the current tag token.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#uppercase-ascii-letters title=3D&quot;upperca=
se ASCII letters&quot;&gt;Uppercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Append the lowercase version of the &lt;a href=3D#current-i=
nput-character&gt;current input character&lt;/a&gt; (add 0x0020 to the
+   character's code point) to the current tag token's tag name.&lt;/dd&g=
t;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Append =
a U+FFFD REPLACEMENT CHARACTER character to the current tag
+   token's tag name.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Reconsume the EO=
F
+   character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Append the &lt;a href=3D#current-input-character&gt;current=
 input character&lt;/a&gt; to the current tag token's tag name.&lt;/dd&gt=
;
+
+  &lt;/dl&gt;&lt;h5 id=3Drcdata-less-than-sign-state&gt;&lt;span class=3D=
secno&gt;12.2.4.11 &lt;/span&gt;&lt;dfn&gt;RCDATA less-than sign state&lt=
;/dfn&gt;&lt;/h5&gt;
+  &lt;!-- identical to the RAWTEXT less-than sign state, except s/RAWTEX=
T/RCDATA/g --&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+002F SOLIDUS (/)&lt;/dt&gt;
+   &lt;dd&gt;Set the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;tempor=
ary buffer&lt;/a&gt;&lt;/var&gt; to the empty string. Switch to the &lt;a=
 href=3D#rcdata-end-tag-open-state&gt;RCDATA end tag
+   open state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#rcdata-state&gt;RCDATA state&lt=
;/a&gt;. Emit a U+003C LESS-THAN SIGN character token.
+   Reconsume the &lt;a href=3D#current-input-character&gt;current input =
character&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Drcdata-end-tag-open-state&gt;&lt;span class=3Ds=
ecno&gt;12.2.4.12 &lt;/span&gt;&lt;dfn&gt;RCDATA end tag open state&lt;/d=
fn&gt;&lt;/h5&gt;
+  &lt;!-- identical to the RAWTEXT (and Script data) end tag open state,=
 except s/RAWTEXT/RCDATA/g --&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;&lt;a href=3D#uppercase-ascii-lette=
rs title=3D&quot;uppercase ASCII letters&quot;&gt;Uppercase ASCII letter&=
lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Create a new end tag token, and set its tag name to the low=
ercase version of the
+   &lt;a href=3D#current-input-character&gt;current input character&lt;/=
a&gt; (add 0x0020 to the character's code point). Append the
+   &lt;a href=3D#current-input-character&gt;current input character&lt;/=
a&gt; to the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;temporary buffe=
r&lt;/a&gt;&lt;/var&gt;. Finally, switch to the
+   &lt;a href=3D#rcdata-end-tag-name-state&gt;RCDATA end tag name state&=
lt;/a&gt;. (Don't emit the token yet; further details will be filled
+   in before it is emitted.)&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#lowercase-ascii-letters title=3D&quot;lowerca=
se ASCII letters&quot;&gt;Lowercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Create a new end tag token, and set its tag name to the &lt=
;a href=3D#current-input-character&gt;current input character&lt;/a&gt;.
+   Append the &lt;a href=3D#current-input-character&gt;current input cha=
racter&lt;/a&gt; to the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;temp=
orary buffer&lt;/a&gt;&lt;/var&gt;. Finally,
+   switch to the &lt;a href=3D#rcdata-end-tag-name-state&gt;RCDATA end t=
ag name state&lt;/a&gt;. (Don't emit the token yet; further details
+   will be filled in before it is emitted.)&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#rcdata-state&gt;RCDATA state&lt=
;/a&gt;. Emit a U+003C LESS-THAN SIGN character token and a
+   U+002F SOLIDUS character token. Reconsume the &lt;a href=3D#current-i=
nput-character&gt;current input character&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Drcdata-end-tag-name-state&gt;&lt;span class=3Ds=
ecno&gt;12.2.4.13 &lt;/span&gt;&lt;dfn&gt;RCDATA end tag name state&lt;/d=
fn&gt;&lt;/h5&gt;
+  &lt;!-- identical to the RAWTEXT (and Script data) end tag name state,=
 except s/RAWTEXT/RCDATA/g --&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;If the current end tag token is an &lt;a href=3D#appropriat=
e-end-tag-token&gt;appropriate end tag token&lt;/a&gt;, then switch to th=
e
+   &lt;a href=3D#before-attribute-name-state&gt;before attribute name st=
ate&lt;/a&gt;. Otherwise, treat it as per the &quot;anything else&quot; e=
ntry
+   below.&lt;/dd&gt;
+
+   &lt;dt&gt;U+002F SOLIDUS (/)&lt;/dt&gt;
+   &lt;dd&gt;If the current end tag token is an &lt;a href=3D#appropriat=
e-end-tag-token&gt;appropriate end tag token&lt;/a&gt;, then switch to th=
e
+   &lt;a href=3D#self-closing-start-tag-state&gt;self-closing start tag =
state&lt;/a&gt;. Otherwise, treat it as per the &quot;anything else&quot;=
 entry
+   below.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;If the current end tag token is an &lt;a href=3D#appropriat=
e-end-tag-token&gt;appropriate end tag token&lt;/a&gt;, then switch to th=
e
+   &lt;a href=3D#data-state&gt;data state&lt;/a&gt; and emit the current=
 tag token. Otherwise, treat it as per the &quot;anything
+   else&quot; entry below.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#uppercase-ascii-letters title=3D&quot;upperca=
se ASCII letters&quot;&gt;Uppercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Append the lowercase version of the &lt;a href=3D#current-i=
nput-character&gt;current input character&lt;/a&gt; (add 0x0020 to the
+   character's code point) to the current tag token's tag name. Append t=
he &lt;a href=3D#current-input-character&gt;current input
+   character&lt;/a&gt; to the &lt;var&gt;&lt;a href=3D#temporary-buffer&=
gt;temporary buffer&lt;/a&gt;&lt;/var&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#lowercase-ascii-letters title=3D&quot;lowerca=
se ASCII letters&quot;&gt;Lowercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Append the &lt;a href=3D#current-input-character&gt;current=
 input character&lt;/a&gt; to the current tag token's tag name. Append
+   the &lt;a href=3D#current-input-character&gt;current input character&=
lt;/a&gt; to the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;temporary b=
uffer&lt;/a&gt;&lt;/var&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#rcdata-state&gt;RCDATA state&lt=
;/a&gt;. Emit a U+003C LESS-THAN SIGN character token, a
+   U+002F SOLIDUS character token, and a character token for each of the=
 characters in the
+   &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;temporary buffer&lt;/a&g=
t;&lt;/var&gt; (in the order they were added to the buffer). Reconsume th=
e
+   &lt;a href=3D#current-input-character&gt;current input character&lt;/=
a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Drawtext-less-than-sign-state&gt;&lt;span class=3D=
secno&gt;12.2.4.14 &lt;/span&gt;&lt;dfn&gt;RAWTEXT less-than sign state&l=
t;/dfn&gt;&lt;/h5&gt;
+  &lt;!-- identical to the RCDATA less-than sign state, except s/RCDATA/=
RAWTEXT/g --&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+002F SOLIDUS (/)&lt;/dt&gt;
+   &lt;dd&gt;Set the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;tempor=
ary buffer&lt;/a&gt;&lt;/var&gt; to the empty string. Switch to the &lt;a=
 href=3D#rawtext-end-tag-open-state&gt;RAWTEXT end tag
+   open state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#rawtext-state&gt;RAWTEXT state&=
lt;/a&gt;. Emit a U+003C LESS-THAN SIGN character token.
+   Reconsume the &lt;a href=3D#current-input-character&gt;current input =
character&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Drawtext-end-tag-open-state&gt;&lt;span class=3D=
secno&gt;12.2.4.15 &lt;/span&gt;&lt;dfn&gt;RAWTEXT end tag open state&lt;=
/dfn&gt;&lt;/h5&gt;
+  &lt;!-- identical to the RCDATA (and Script data) end tag open state, =
except s/RCDATA/RAWTEXT/g --&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;&lt;a href=3D#uppercase-ascii-lette=
rs title=3D&quot;uppercase ASCII letters&quot;&gt;Uppercase ASCII letter&=
lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Create a new end tag token, and set its tag name to the low=
ercase version of the
+   &lt;a href=3D#current-input-character&gt;current input character&lt;/=
a&gt; (add 0x0020 to the character's code point). Append the
+   &lt;a href=3D#current-input-character&gt;current input character&lt;/=
a&gt; to the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;temporary buffe=
r&lt;/a&gt;&lt;/var&gt;. Finally, switch to the
+   &lt;a href=3D#rawtext-end-tag-name-state&gt;RAWTEXT end tag name stat=
e&lt;/a&gt;. (Don't emit the token yet; further details will be
+   filled in before it is emitted.)&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#lowercase-ascii-letters title=3D&quot;lowerca=
se ASCII letters&quot;&gt;Lowercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Create a new end tag token, and set its tag name to the &lt=
;a href=3D#current-input-character&gt;current input character&lt;/a&gt;.
+   Append the &lt;a href=3D#current-input-character&gt;current input cha=
racter&lt;/a&gt; to the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;temp=
orary buffer&lt;/a&gt;&lt;/var&gt;. Finally,
+   switch to the &lt;a href=3D#rawtext-end-tag-name-state&gt;RAWTEXT end=
 tag name state&lt;/a&gt;. (Don't emit the token yet; further details
+   will be filled in before it is emitted.)&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#rawtext-state&gt;RAWTEXT state&=
lt;/a&gt;. Emit a U+003C LESS-THAN SIGN character token and a
+   U+002F SOLIDUS character token. Reconsume the &lt;a href=3D#current-i=
nput-character&gt;current input character&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Drawtext-end-tag-name-state&gt;&lt;span class=3D=
secno&gt;12.2.4.16 &lt;/span&gt;&lt;dfn&gt;RAWTEXT end tag name state&lt;=
/dfn&gt;&lt;/h5&gt;
+  &lt;!-- identical to the RCDATA (and Script data) end tag name state, =
except s/RCDATA/RAWTEXT/g --&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;If the current end tag token is an &lt;a href=3D#appropriat=
e-end-tag-token&gt;appropriate end tag token&lt;/a&gt;, then switch to th=
e
+   &lt;a href=3D#before-attribute-name-state&gt;before attribute name st=
ate&lt;/a&gt;. Otherwise, treat it as per the &quot;anything else&quot; e=
ntry
+   below.&lt;/dd&gt;
+
+   &lt;dt&gt;U+002F SOLIDUS (/)&lt;/dt&gt;
+   &lt;dd&gt;If the current end tag token is an &lt;a href=3D#appropriat=
e-end-tag-token&gt;appropriate end tag token&lt;/a&gt;, then switch to th=
e
+   &lt;a href=3D#self-closing-start-tag-state&gt;self-closing start tag =
state&lt;/a&gt;. Otherwise, treat it as per the &quot;anything else&quot;=
 entry
+   below.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;If the current end tag token is an &lt;a href=3D#appropriat=
e-end-tag-token&gt;appropriate end tag token&lt;/a&gt;, then switch to th=
e
+   &lt;a href=3D#data-state&gt;data state&lt;/a&gt; and emit the current=
 tag token. Otherwise, treat it as per the &quot;anything
+   else&quot; entry below.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#uppercase-ascii-letters title=3D&quot;upperca=
se ASCII letters&quot;&gt;Uppercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Append the lowercase version of the &lt;a href=3D#current-i=
nput-character&gt;current input character&lt;/a&gt; (add 0x0020 to the
+   character's code point) to the current tag token's tag name. Append t=
he &lt;a href=3D#current-input-character&gt;current input
+   character&lt;/a&gt; to the &lt;var&gt;&lt;a href=3D#temporary-buffer&=
gt;temporary buffer&lt;/a&gt;&lt;/var&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#lowercase-ascii-letters title=3D&quot;lowerca=
se ASCII letters&quot;&gt;Lowercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Append the &lt;a href=3D#current-input-character&gt;current=
 input character&lt;/a&gt; to the current tag token's tag name. Append
+   the &lt;a href=3D#current-input-character&gt;current input character&=
lt;/a&gt; to the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;temporary b=
uffer&lt;/a&gt;&lt;/var&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#rawtext-state&gt;RAWTEXT state&=
lt;/a&gt;. Emit a U+003C LESS-THAN SIGN character token, a
+   U+002F SOLIDUS character token, and a character token for each of the=
 characters in the
+   &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;temporary buffer&lt;/a&g=
t;&lt;/var&gt; (in the order they were added to the buffer). Reconsume th=
e
+   &lt;a href=3D#current-input-character&gt;current input character&lt;/=
a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dscript-data-less-than-sign-state&gt;&lt;span cl=
ass=3Dsecno&gt;12.2.4.17 &lt;/span&gt;&lt;dfn&gt;Script data less-than si=
gn state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+002F SOLIDUS (/)&lt;/dt&gt;
+   &lt;dd&gt;Set the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;tempor=
ary buffer&lt;/a&gt;&lt;/var&gt; to the empty string. Switch to the &lt;a=
 href=3D#script-data-end-tag-open-state&gt;script data end
+   tag open state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0021 EXCLAMATION MARK (!)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-escape-start-state&=
gt;script data escape start state&lt;/a&gt;. Emit a U+003C LESS-THAN SIGN
+   character token and a U+0021 EXCLAMATION MARK character token.&lt;/dd=
&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-state&gt;script dat=
a state&lt;/a&gt;. Emit a U+003C LESS-THAN SIGN character token.
+   Reconsume the &lt;a href=3D#current-input-character&gt;current input =
character&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dscript-data-end-tag-open-state&gt;&lt;span clas=
s=3Dsecno&gt;12.2.4.18 &lt;/span&gt;&lt;dfn&gt;Script data end tag open s=
tate&lt;/dfn&gt;&lt;/h5&gt;
+  &lt;!-- identical to the RCDATA (and RAWTEXT) end tag open state, exce=
pt s/RCDATA/Script data/g --&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;&lt;a href=3D#uppercase-ascii-lette=
rs title=3D&quot;uppercase ASCII letters&quot;&gt;Uppercase ASCII letter&=
lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Create a new end tag token, and set its tag name to the low=
ercase version of the
+   &lt;a href=3D#current-input-character&gt;current input character&lt;/=
a&gt; (add 0x0020 to the character's code point). Append the
+   &lt;a href=3D#current-input-character&gt;current input character&lt;/=
a&gt; to the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;temporary buffe=
r&lt;/a&gt;&lt;/var&gt;. Finally, switch to the
+   &lt;a href=3D#script-data-end-tag-name-state&gt;script data end tag n=
ame state&lt;/a&gt;. (Don't emit the token yet; further details will be
+   filled in before it is emitted.)&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#lowercase-ascii-letters title=3D&quot;lowerca=
se ASCII letters&quot;&gt;Lowercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Create a new end tag token, and set its tag name to the &lt=
;a href=3D#current-input-character&gt;current input character&lt;/a&gt;.
+   Append the &lt;a href=3D#current-input-character&gt;current input cha=
racter&lt;/a&gt; to the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;temp=
orary buffer&lt;/a&gt;&lt;/var&gt;. Finally,
+   switch to the &lt;a href=3D#script-data-end-tag-name-state&gt;script =
data end tag name state&lt;/a&gt;. (Don't emit the token yet; further
+   details will be filled in before it is emitted.)&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-state&gt;script dat=
a state&lt;/a&gt;. Emit a U+003C LESS-THAN SIGN character token
+   and a U+002F SOLIDUS character token. Reconsume the &lt;a href=3D#cur=
rent-input-character&gt;current input character&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dscript-data-end-tag-name-state&gt;&lt;span clas=
s=3Dsecno&gt;12.2.4.19 &lt;/span&gt;&lt;dfn&gt;Script data end tag name s=
tate&lt;/dfn&gt;&lt;/h5&gt;
+  &lt;!-- identical to the RCDATA (and RAWTEXT) end tag name state, exce=
pt s/RCDATA/Script data/g --&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;If the current end tag token is an &lt;a href=3D#appropriat=
e-end-tag-token&gt;appropriate end tag token&lt;/a&gt;, then switch to th=
e
+   &lt;a href=3D#before-attribute-name-state&gt;before attribute name st=
ate&lt;/a&gt;. Otherwise, treat it as per the &quot;anything else&quot; e=
ntry
+   below.&lt;/dd&gt;
+
+   &lt;dt&gt;U+002F SOLIDUS (/)&lt;/dt&gt;
+   &lt;dd&gt;If the current end tag token is an &lt;a href=3D#appropriat=
e-end-tag-token&gt;appropriate end tag token&lt;/a&gt;, then switch to th=
e
+   &lt;a href=3D#self-closing-start-tag-state&gt;self-closing start tag =
state&lt;/a&gt;. Otherwise, treat it as per the &quot;anything else&quot;=
 entry
+   below.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;If the current end tag token is an &lt;a href=3D#appropriat=
e-end-tag-token&gt;appropriate end tag token&lt;/a&gt;, then switch to th=
e
+   &lt;a href=3D#data-state&gt;data state&lt;/a&gt; and emit the current=
 tag token. Otherwise, treat it as per the &quot;anything
+   else&quot; entry below.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#uppercase-ascii-letters title=3D&quot;upperca=
se ASCII letters&quot;&gt;Uppercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Append the lowercase version of the &lt;a href=3D#current-i=
nput-character&gt;current input character&lt;/a&gt; (add 0x0020 to the
+   character's code point) to the current tag token's tag name. Append t=
he &lt;a href=3D#current-input-character&gt;current input
+   character&lt;/a&gt; to the &lt;var&gt;&lt;a href=3D#temporary-buffer&=
gt;temporary buffer&lt;/a&gt;&lt;/var&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#lowercase-ascii-letters title=3D&quot;lowerca=
se ASCII letters&quot;&gt;Lowercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Append the &lt;a href=3D#current-input-character&gt;current=
 input character&lt;/a&gt; to the current tag token's tag name. Append
+   the &lt;a href=3D#current-input-character&gt;current input character&=
lt;/a&gt; to the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;temporary b=
uffer&lt;/a&gt;&lt;/var&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-state&gt;script dat=
a state&lt;/a&gt;. Emit a U+003C LESS-THAN SIGN character token, a
+   U+002F SOLIDUS character token, and a character token for each of the=
 characters in the
+   &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;temporary buffer&lt;/a&g=
t;&lt;/var&gt; (in the order they were added to the buffer). Reconsume th=
e
+   &lt;a href=3D#current-input-character&gt;current input character&lt;/=
a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dscript-data-escape-start-state&gt;&lt;span clas=
s=3Dsecno&gt;12.2.4.20 &lt;/span&gt;&lt;dfn&gt;Script data escape start s=
tate&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+002D HYPHEN-MINUS (-)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-escape-start-dash-s=
tate&gt;script data escape start dash state&lt;/a&gt;. Emit a U+002D HYPH=
EN-MINUS
+   character token.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-state&gt;script dat=
a state&lt;/a&gt;. Reconsume the &lt;a href=3D#current-input-character&gt=
;current input
+   character&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dscript-data-escape-start-dash-state&gt;&lt;span=
 class=3Dsecno&gt;12.2.4.21 &lt;/span&gt;&lt;dfn&gt;Script data escape st=
art dash state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+002D HYPHEN-MINUS (-)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-escaped-dash-dash-s=
tate&gt;script data escaped dash dash state&lt;/a&gt;. Emit a U+002D HYPH=
EN-MINUS
+   character token.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-state&gt;script dat=
a state&lt;/a&gt;. Reconsume the &lt;a href=3D#current-input-character&gt=
;current input
+   character&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dscript-data-escaped-state&gt;&lt;span class=3Ds=
ecno&gt;12.2.4.22 &lt;/span&gt;&lt;dfn&gt;Script data escaped state&lt;/d=
fn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+002D HYPHEN-MINUS (-)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-escaped-dash-state&=
gt;script data escaped dash state&lt;/a&gt;. Emit a U+002D HYPHEN-MINUS
+   character token.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003C LESS-THAN SIGN (&amp;lt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-escaped-less-than-s=
ign-state&gt;script data escaped less-than sign state&lt;/a&gt;.&lt;/dd&g=
t;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Emit a =
U+FFFD REPLACEMENT CHARACTER character token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&=
gt;. &lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Reconsume the EO=
F
+   character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Emit the &lt;a href=3D#current-input-character&gt;current i=
nput character&lt;/a&gt; as a character token.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dscript-data-escaped-dash-state&gt;&lt;span clas=
s=3Dsecno&gt;12.2.4.23 &lt;/span&gt;&lt;dfn&gt;Script data escaped dash s=
tate&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+002D HYPHEN-MINUS (-)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-escaped-dash-dash-s=
tate&gt;script data escaped dash dash state&lt;/a&gt;. Emit a U+002D HYPH=
EN-MINUS
+   character token.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003C LESS-THAN SIGN (&amp;lt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-escaped-less-than-s=
ign-state&gt;script data escaped less-than sign state&lt;/a&gt;.&lt;/dd&g=
t;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#script-data-escaped-state&gt;script data escaped sta=
te&lt;/a&gt;. Emit a U+FFFD
+   REPLACEMENT CHARACTER character token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Reconsume the EO=
F
+   character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-escaped-state&gt;sc=
ript data escaped state&lt;/a&gt;. Emit the &lt;a href=3D#current-input-c=
haracter&gt;current input
+   character&lt;/a&gt; as a character token.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dscript-data-escaped-dash-dash-state&gt;&lt;span=
 class=3Dsecno&gt;12.2.4.24 &lt;/span&gt;&lt;dfn&gt;Script data escaped d=
ash dash state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+002D HYPHEN-MINUS (-)&lt;/dt&gt;
+   &lt;dd&gt;Emit a U+002D HYPHEN-MINUS character token.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003C LESS-THAN SIGN (&amp;lt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-escaped-less-than-s=
ign-state&gt;script data escaped less-than sign state&lt;/a&gt;.&lt;/dd&g=
t;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-state&gt;script dat=
a state&lt;/a&gt;. Emit a U+003E GREATER-THAN SIGN character
+   token.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#script-data-escaped-state&gt;script data escaped sta=
te&lt;/a&gt;. Emit a U+FFFD
+   REPLACEMENT CHARACTER character token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Reconsume the EO=
F
+   character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-escaped-state&gt;sc=
ript data escaped state&lt;/a&gt;. Emit the &lt;a href=3D#current-input-c=
haracter&gt;current input
+   character&lt;/a&gt; as a character token.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dscript-data-escaped-less-than-sign-state&gt;&lt=
;span class=3Dsecno&gt;12.2.4.25 &lt;/span&gt;&lt;dfn&gt;Script data esca=
ped less-than sign state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+002F SOLIDUS (/)&lt;/dt&gt;
+   &lt;dd&gt;Set the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;tempor=
ary buffer&lt;/a&gt;&lt;/var&gt; to the empty string. Switch to the &lt;a=
 href=3D#script-data-escaped-end-tag-open-state&gt;script data
+   escaped end tag open state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#uppercase-ascii-letters title=3D&quot;upperca=
se ASCII letters&quot;&gt;Uppercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Set the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;tempor=
ary buffer&lt;/a&gt;&lt;/var&gt; to the empty string. Append the lowercas=
e version of the
+   &lt;a href=3D#current-input-character&gt;current input character&lt;/=
a&gt; (add 0x0020 to the character's code point) to the
+   &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;temporary buffer&lt;/a&g=
t;&lt;/var&gt;. Switch to the &lt;a href=3D#script-data-double-escape-sta=
rt-state&gt;script data double escape start state&lt;/a&gt;.
+   Emit a U+003C LESS-THAN SIGN character token and the &lt;a href=3D#cu=
rrent-input-character&gt;current input character&lt;/a&gt; as a
+   character token.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#lowercase-ascii-letters title=3D&quot;lowerca=
se ASCII letters&quot;&gt;Lowercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Set the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;tempor=
ary buffer&lt;/a&gt;&lt;/var&gt; to the empty string. Append the &lt;a hr=
ef=3D#current-input-character&gt;current input
+   character&lt;/a&gt; to the &lt;var&gt;&lt;a href=3D#temporary-buffer&=
gt;temporary buffer&lt;/a&gt;&lt;/var&gt;. Switch to the &lt;a href=3D#sc=
ript-data-double-escape-start-state&gt;script data double
+   escape start state&lt;/a&gt;. Emit a U+003C LESS-THAN SIGN character =
token and the &lt;a href=3D#current-input-character&gt;current
+   input character&lt;/a&gt; as a character token.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-escaped-state&gt;sc=
ript data escaped state&lt;/a&gt;. Emit a U+003C LESS-THAN SIGN character
+   token. Reconsume the &lt;a href=3D#current-input-character&gt;current=
 input character&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dscript-data-escaped-end-tag-open-state&gt;&lt;s=
pan class=3Dsecno&gt;12.2.4.26 &lt;/span&gt;&lt;dfn&gt;Script data escape=
d end tag open state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;&lt;a href=3D#uppercase-ascii-lette=
rs title=3D&quot;uppercase ASCII letters&quot;&gt;Uppercase ASCII letter&=
lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Create a new end tag token, and set its tag name to the low=
ercase version of the
+   &lt;a href=3D#current-input-character&gt;current input character&lt;/=
a&gt; (add 0x0020 to the character's code point). Append the
+   &lt;a href=3D#current-input-character&gt;current input character&lt;/=
a&gt; to the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;temporary buffe=
r&lt;/a&gt;&lt;/var&gt;. Finally, switch to the
+   &lt;a href=3D#script-data-escaped-end-tag-name-state&gt;script data e=
scaped end tag name state&lt;/a&gt;. (Don't emit the token yet; further d=
etails
+   will be filled in before it is emitted.)&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#lowercase-ascii-letters title=3D&quot;lowerca=
se ASCII letters&quot;&gt;Lowercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Create a new end tag token, and set its tag name to the &lt=
;a href=3D#current-input-character&gt;current input character&lt;/a&gt;.
+   Append the &lt;a href=3D#current-input-character&gt;current input cha=
racter&lt;/a&gt; to the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;temp=
orary buffer&lt;/a&gt;&lt;/var&gt;. Finally,
+   switch to the &lt;a href=3D#script-data-escaped-end-tag-name-state&gt=
;script data escaped end tag name state&lt;/a&gt;. (Don't emit the token =
yet;
+   further details will be filled in before it is emitted.)&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-escaped-state&gt;sc=
ript data escaped state&lt;/a&gt;. Emit a U+003C LESS-THAN SIGN character
+   token and a U+002F SOLIDUS character token. Reconsume the &lt;a href=3D=
#current-input-character&gt;current input
+   character&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dscript-data-escaped-end-tag-name-state&gt;&lt;s=
pan class=3Dsecno&gt;12.2.4.27 &lt;/span&gt;&lt;dfn&gt;Script data escape=
d end tag name state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;If the current end tag token is an &lt;a href=3D#appropriat=
e-end-tag-token&gt;appropriate end tag token&lt;/a&gt;, then switch to th=
e
+   &lt;a href=3D#before-attribute-name-state&gt;before attribute name st=
ate&lt;/a&gt;. Otherwise, treat it as per the &quot;anything else&quot; e=
ntry
+   below.&lt;/dd&gt;
+
+   &lt;dt&gt;U+002F SOLIDUS (/)&lt;/dt&gt;
+   &lt;dd&gt;If the current end tag token is an &lt;a href=3D#appropriat=
e-end-tag-token&gt;appropriate end tag token&lt;/a&gt;, then switch to th=
e
+   &lt;a href=3D#self-closing-start-tag-state&gt;self-closing start tag =
state&lt;/a&gt;. Otherwise, treat it as per the &quot;anything else&quot;=
 entry
+   below.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;If the current end tag token is an &lt;a href=3D#appropriat=
e-end-tag-token&gt;appropriate end tag token&lt;/a&gt;, then switch to th=
e
+   &lt;a href=3D#data-state&gt;data state&lt;/a&gt; and emit the current=
 tag token. Otherwise, treat it as per the &quot;anything
+   else&quot; entry below.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#uppercase-ascii-letters title=3D&quot;upperca=
se ASCII letters&quot;&gt;Uppercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Append the lowercase version of the &lt;a href=3D#current-i=
nput-character&gt;current input character&lt;/a&gt; (add 0x0020 to the
+   character's code point) to the current tag token's tag name. Append t=
he &lt;a href=3D#current-input-character&gt;current input
+   character&lt;/a&gt; to the &lt;var&gt;&lt;a href=3D#temporary-buffer&=
gt;temporary buffer&lt;/a&gt;&lt;/var&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#lowercase-ascii-letters title=3D&quot;lowerca=
se ASCII letters&quot;&gt;Lowercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Append the &lt;a href=3D#current-input-character&gt;current=
 input character&lt;/a&gt; to the current tag token's tag name. Append
+   the &lt;a href=3D#current-input-character&gt;current input character&=
lt;/a&gt; to the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;temporary b=
uffer&lt;/a&gt;&lt;/var&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-escaped-state&gt;sc=
ript data escaped state&lt;/a&gt;. Emit a U+003C LESS-THAN SIGN character
+   token, a U+002F SOLIDUS character token, and a character token for ea=
ch of the characters in the
+   &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;temporary buffer&lt;/a&g=
t;&lt;/var&gt; (in the order they were added to the buffer). Reconsume th=
e
+   &lt;a href=3D#current-input-character&gt;current input character&lt;/=
a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dscript-data-double-escape-start-state&gt;&lt;sp=
an class=3Dsecno&gt;12.2.4.28 &lt;/span&gt;&lt;dfn&gt;Script data double =
escape start state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dt&gt;U+002F SOLIDUS (/)&lt;/dt&gt;
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;If the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;tempora=
ry buffer&lt;/a&gt;&lt;/var&gt; is the string &quot;&lt;code title=3D&quo=
t;&quot;&gt;script&lt;/code&gt;&quot;, then switch
+   to the &lt;a href=3D#script-data-double-escaped-state&gt;script data =
double escaped state&lt;/a&gt;. Otherwise, switch to the &lt;a href=3D#sc=
ript-data-escaped-state&gt;script data
+   escaped state&lt;/a&gt;. Emit the &lt;a href=3D#current-input-charact=
er&gt;current input character&lt;/a&gt; as a character token.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#uppercase-ascii-letters title=3D&quot;upperca=
se ASCII letters&quot;&gt;Uppercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Append the lowercase version of the &lt;a href=3D#current-i=
nput-character&gt;current input character&lt;/a&gt; (add 0x0020 to the
+   character's code point) to the &lt;var&gt;&lt;a href=3D#temporary-buf=
fer&gt;temporary buffer&lt;/a&gt;&lt;/var&gt;. Emit the &lt;a href=3D#cur=
rent-input-character&gt;current input
+   character&lt;/a&gt; as a character token.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#lowercase-ascii-letters title=3D&quot;lowerca=
se ASCII letters&quot;&gt;Lowercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Append the &lt;a href=3D#current-input-character&gt;current=
 input character&lt;/a&gt; to the &lt;var&gt;&lt;a href=3D#temporary-buff=
er&gt;temporary buffer&lt;/a&gt;&lt;/var&gt;. Emit the
+   &lt;a href=3D#current-input-character&gt;current input character&lt;/=
a&gt; as a character token.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-escaped-state&gt;sc=
ript data escaped state&lt;/a&gt;. Reconsume the &lt;a href=3D#current-in=
put-character&gt;current input
+   character&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dscript-data-double-escaped-state&gt;&lt;span cl=
ass=3Dsecno&gt;12.2.4.29 &lt;/span&gt;&lt;dfn&gt;Script data double escap=
ed state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+002D HYPHEN-MINUS (-)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-double-escaped-dash=
-state&gt;script data double escaped dash state&lt;/a&gt;. Emit a U+002D =
HYPHEN-MINUS
+   character token.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003C LESS-THAN SIGN (&amp;lt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-double-escaped-less=
-than-sign-state&gt;script data double escaped less-than sign state&lt;/a=
&gt;. Emit a U+003C
+   LESS-THAN SIGN character token.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Emit a =
U+FFFD REPLACEMENT CHARACTER character token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Reconsume the EO=
F
+   character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Emit the &lt;a href=3D#current-input-character&gt;current i=
nput character&lt;/a&gt; as a character token.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dscript-data-double-escaped-dash-state&gt;&lt;sp=
an class=3Dsecno&gt;12.2.4.30 &lt;/span&gt;&lt;dfn&gt;Script data double =
escaped dash state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+002D HYPHEN-MINUS (-)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-double-escaped-dash=
-dash-state&gt;script data double escaped dash dash state&lt;/a&gt;. Emit=
 a U+002D
+   HYPHEN-MINUS character token.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003C LESS-THAN SIGN (&amp;lt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-double-escaped-less=
-than-sign-state&gt;script data double escaped less-than sign state&lt;/a=
&gt;. Emit a U+003C
+   LESS-THAN SIGN character token.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#script-data-double-escaped-state&gt;script data doub=
le escaped state&lt;/a&gt;. Emit a
+   U+FFFD REPLACEMENT CHARACTER character token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Reconsume the EO=
F
+   character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-double-escaped-stat=
e&gt;script data double escaped state&lt;/a&gt;. Emit the &lt;a href=3D#c=
urrent-input-character&gt;current input
+   character&lt;/a&gt; as a character token.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dscript-data-double-escaped-dash-dash-state&gt;&=
lt;span class=3Dsecno&gt;12.2.4.31 &lt;/span&gt;&lt;dfn&gt;Script data do=
uble escaped dash dash state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+002D HYPHEN-MINUS (-)&lt;/dt&gt;
+   &lt;dd&gt;Emit a U+002D HYPHEN-MINUS character token.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003C LESS-THAN SIGN (&amp;lt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-double-escaped-less=
-than-sign-state&gt;script data double escaped less-than sign state&lt;/a=
&gt;. Emit a U+003C
+   LESS-THAN SIGN character token.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-state&gt;script dat=
a state&lt;/a&gt;. Emit a U+003E GREATER-THAN SIGN character
+   token.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#script-data-double-escaped-state&gt;script data doub=
le escaped state&lt;/a&gt;. Emit a
+   U+FFFD REPLACEMENT CHARACTER character token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Reconsume the EO=
F
+   character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-double-escaped-stat=
e&gt;script data double escaped state&lt;/a&gt;. Emit the &lt;a href=3D#c=
urrent-input-character&gt;current input
+   character&lt;/a&gt; as a character token.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dscript-data-double-escaped-less-than-sign-state=
&gt;&lt;span class=3Dsecno&gt;12.2.4.32 &lt;/span&gt;&lt;dfn&gt;Script da=
ta double escaped less-than sign state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+002F SOLIDUS (/)&lt;/dt&gt;
+   &lt;dd&gt;Set the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;tempor=
ary buffer&lt;/a&gt;&lt;/var&gt; to the empty string. Switch to the &lt;a=
 href=3D#script-data-double-escape-end-state&gt;script data
+   double escape end state&lt;/a&gt;. Emit a U+002F SOLIDUS character to=
ken.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-double-escaped-stat=
e&gt;script data double escaped state&lt;/a&gt;. Reconsume the &lt;a href=
=3D#current-input-character&gt;current
+   input character&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dscript-data-double-escape-end-state&gt;&lt;span=
 class=3Dsecno&gt;12.2.4.33 &lt;/span&gt;&lt;dfn&gt;Script data double es=
cape end state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dt&gt;U+002F SOLIDUS (/)&lt;/dt&gt;
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;If the &lt;var&gt;&lt;a href=3D#temporary-buffer&gt;tempora=
ry buffer&lt;/a&gt;&lt;/var&gt; is the string &quot;&lt;code title=3D&quo=
t;&quot;&gt;script&lt;/code&gt;&quot;, then switch
+   to the &lt;a href=3D#script-data-escaped-state&gt;script data escaped=
 state&lt;/a&gt;. Otherwise, switch to the &lt;a href=3D#script-data-doub=
le-escaped-state&gt;script data double
+   escaped state&lt;/a&gt;. Emit the &lt;a href=3D#current-input-charact=
er&gt;current input character&lt;/a&gt; as a character token.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#uppercase-ascii-letters title=3D&quot;upperca=
se ASCII letters&quot;&gt;Uppercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Append the lowercase version of the &lt;a href=3D#current-i=
nput-character&gt;current input character&lt;/a&gt; (add 0x0020 to the
+   character's code point) to the &lt;var&gt;&lt;a href=3D#temporary-buf=
fer&gt;temporary buffer&lt;/a&gt;&lt;/var&gt;. Emit the &lt;a href=3D#cur=
rent-input-character&gt;current input
+   character&lt;/a&gt; as a character token.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#lowercase-ascii-letters title=3D&quot;lowerca=
se ASCII letters&quot;&gt;Lowercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Append the &lt;a href=3D#current-input-character&gt;current=
 input character&lt;/a&gt; to the &lt;var&gt;&lt;a href=3D#temporary-buff=
er&gt;temporary buffer&lt;/a&gt;&lt;/var&gt;. Emit the
+   &lt;a href=3D#current-input-character&gt;current input character&lt;/=
a&gt; as a character token.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#script-data-double-escaped-stat=
e&gt;script data double escaped state&lt;/a&gt;. Reconsume the &lt;a href=
=3D#current-input-character&gt;current
+   input character&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dbefore-attribute-name-state&gt;&lt;span class=3D=
secno&gt;12.2.4.34 &lt;/span&gt;&lt;dfn&gt;Before attribute name state&lt=
;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;Ignore the character.&lt;/dd&gt;
+
+   &lt;dt&gt;U+002F SOLIDUS (/)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#self-closing-start-tag-state&gt=
;self-closing start tag state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&=
gt;. Emit the current tag token.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#uppercase-ascii-letters title=3D&quot;upperca=
se ASCII letters&quot;&gt;Uppercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Start a new attribute in the current tag token. Set that at=
tribute's name to the lowercase
+   version of the &lt;a href=3D#current-input-character&gt;current input=
 character&lt;/a&gt; (add 0x0020 to the character's code point),
+   and its value to the empty string. Switch to the &lt;a href=3D#attrib=
ute-name-state&gt;attribute name state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Start a=
 new attribute in the current tag token. Set that
+   attribute's name to a U+FFFD REPLACEMENT CHARACTER character, and its=
 value to the empty string.
+   Switch to the &lt;a href=3D#attribute-name-state&gt;attribute name st=
ate&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0022 QUOTATION MARK (&quot;)&lt;/dt&gt;
+   &lt;dt&gt;U+0027 APOSTROPHE (')&lt;/dt&gt;
+   &lt;dt&gt;U+003C LESS-THAN SIGN (&amp;lt;)&lt;/dt&gt;
+   &lt;dt&gt;U+003D EQUALS SIGN (=3D)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Treat i=
t as per the &quot;anything else&quot; entry below.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Reconsume the EO=
F
+   character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Start a new attribute in the current tag token. Set that at=
tribute's name to the
+   &lt;a href=3D#current-input-character&gt;current input character&lt;/=
a&gt;, and its value to the empty string. Switch to the
+   &lt;a href=3D#attribute-name-state&gt;attribute name state&lt;/a&gt;.=
&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dattribute-name-state&gt;&lt;span class=3Dsecno&=
gt;12.2.4.35 &lt;/span&gt;&lt;dfn&gt;Attribute name state&lt;/dfn&gt;&lt;=
/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#after-attribute-name-state&gt;a=
fter attribute name state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+002F SOLIDUS (/)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#self-closing-start-tag-state&gt=
;self-closing start tag state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003D EQUALS SIGN (=3D)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#before-attribute-value-state&gt=
;before attribute value state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&=
gt;. Emit the current tag token.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#uppercase-ascii-letters title=3D&quot;upperca=
se ASCII letters&quot;&gt;Uppercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Append the lowercase version of the &lt;a href=3D#current-i=
nput-character&gt;current input character&lt;/a&gt; (add 0x0020 to the
+   character's code point) to the current attribute's name.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Append =
a U+FFFD REPLACEMENT CHARACTER character to the current
+   attribute's name.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0022 QUOTATION MARK (&quot;)&lt;/dt&gt;
+   &lt;dt&gt;U+0027 APOSTROPHE (')&lt;/dt&gt;
+   &lt;dt&gt;U+003C LESS-THAN SIGN (&amp;lt;)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Treat i=
t as per the &quot;anything else&quot; entry below.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Reconsume the EO=
F
+   character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Append the &lt;a href=3D#current-input-character&gt;current=
 input character&lt;/a&gt; to the current attribute's name.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;When the user agent leaves the attribute name stat=
e (and before emitting the tag token, if
+  appropriate), the complete attribute's name must be compared to the ot=
her attributes on the same
+  token; if there is already an attribute on the token with the exact sa=
me name, then this is a
+  &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt; and the new attribu=
te must be removed from the token.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;If an attribute is so removed from a token, it, =
along with the value that gets
+  associated with it, if any, are never subsequently used by the parser,=
 and are therefore
+  effectively discarded. Removing the attribute in this way does not cha=
nge its status as the
+  &quot;current attribute&quot; for the purposes of the tokenizer, howev=
er.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dafter-attribute-name-state&gt;&lt;span class=3Dsecno&gt;12=
.2.4.36 &lt;/span&gt;&lt;dfn&gt;After attribute name state&lt;/dfn&gt;&lt=
;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;Ignore the character.&lt;/dd&gt;
+
+   &lt;dt&gt;U+002F SOLIDUS (/)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#self-closing-start-tag-state&gt=
;self-closing start tag state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003D EQUALS SIGN (=3D)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#before-attribute-value-state&gt=
;before attribute value state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&=
gt;. Emit the current tag token.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#uppercase-ascii-letters title=3D&quot;upperca=
se ASCII letters&quot;&gt;Uppercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Start a new attribute in the current tag token. Set that at=
tribute's name to the lowercase
+   version of the &lt;a href=3D#current-input-character&gt;current input=
 character&lt;/a&gt; (add 0x0020 to the character's code point),
+   and its value to the empty string. Switch to the &lt;a href=3D#attrib=
ute-name-state&gt;attribute name state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Start a=
 new attribute in the current tag token. Set that
+   attribute's name to a U+FFFD REPLACEMENT CHARACTER character, and its=
 value to the empty string.
+   Switch to the &lt;a href=3D#attribute-name-state&gt;attribute name st=
ate&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0022 QUOTATION MARK (&quot;)&lt;/dt&gt;
+   &lt;dt&gt;U+0027 APOSTROPHE (')&lt;/dt&gt;
+   &lt;dt&gt;U+003C LESS-THAN SIGN (&amp;lt;)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Treat i=
t as per the &quot;anything else&quot; entry below.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Reconsume the EO=
F
+   character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Start a new attribute in the current tag token. Set that at=
tribute's name to the
+   &lt;a href=3D#current-input-character&gt;current input character&lt;/=
a&gt;, and its value to the empty string. Switch to the
+   &lt;a href=3D#attribute-name-state&gt;attribute name state&lt;/a&gt;.=
&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dbefore-attribute-value-state&gt;&lt;span class=3D=
secno&gt;12.2.4.37 &lt;/span&gt;&lt;dfn&gt;Before attribute value state&l=
t;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;Ignore the character.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0022 QUOTATION MARK (&quot;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#attribute-value-(double-quoted)=
-state&gt;attribute value (double-quoted) state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0026 AMPERSAND (&amp;amp;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#attribute-value-(unquoted)-stat=
e&gt;attribute value (unquoted) state&lt;/a&gt;. Reconsume the &lt;a href=
=3D#current-input-character&gt;current
+   input character&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0027 APOSTROPHE (')&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#attribute-value-(single-quoted)=
-state&gt;attribute value (single-quoted) state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Append =
a U+FFFD REPLACEMENT CHARACTER character to the current
+   attribute's value. Switch to the &lt;a href=3D#attribute-value-(unquo=
ted)-state&gt;attribute value (unquoted) state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Emit the current=
 tag
+   token.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003C LESS-THAN SIGN (&amp;lt;)&lt;/dt&gt;
+   &lt;dt&gt;U+003D EQUALS SIGN (=3D)&lt;/dt&gt;
+   &lt;dt&gt;U+0060 GRAVE ACCENT (`)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Treat i=
t as per the &quot;anything else&quot; entry below.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Reconsume the EO=
F
+   character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Append the &lt;a href=3D#current-input-character&gt;current=
 input character&lt;/a&gt; to the current attribute's value. Switch to
+   the &lt;a href=3D#attribute-value-(unquoted)-state&gt;attribute value=
 (unquoted) state&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dattribute-value-(double-quoted)-state&gt;&lt;sp=
an class=3Dsecno&gt;12.2.4.38 &lt;/span&gt;&lt;dfn&gt;Attribute value (do=
uble-quoted) state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0022 QUOTATION MARK (&quot;)&lt;/=
dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#after-attribute-value-(quoted)-=
state&gt;after attribute value (quoted) state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0026 AMPERSAND (&amp;amp;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#character-reference-in-attribut=
e-value-state&gt;character reference in attribute value state&lt;/a&gt;, =
with the
+   &lt;a href=3D#additional-allowed-character&gt;additional allowed char=
acter&lt;/a&gt; being U+0022 QUOTATION MARK (&quot;).&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Append =
a U+FFFD REPLACEMENT CHARACTER character to the current
+   attribute's value.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Reconsume the EO=
F
+   character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Append the &lt;a href=3D#current-input-character&gt;current=
 input character&lt;/a&gt; to the current attribute's value.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dattribute-value-(single-quoted)-state&gt;&lt;sp=
an class=3Dsecno&gt;12.2.4.39 &lt;/span&gt;&lt;dfn&gt;Attribute value (si=
ngle-quoted) state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0027 APOSTROPHE (')&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#after-attribute-value-(quoted)-=
state&gt;after attribute value (quoted) state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0026 AMPERSAND (&amp;amp;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#character-reference-in-attribut=
e-value-state&gt;character reference in attribute value state&lt;/a&gt;, =
with the
+   &lt;a href=3D#additional-allowed-character&gt;additional allowed char=
acter&lt;/a&gt; being U+0027 APOSTROPHE (').&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Append =
a U+FFFD REPLACEMENT CHARACTER character to the current
+   attribute's value.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Reconsume the EO=
F
+   character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Append the &lt;a href=3D#current-input-character&gt;current=
 input character&lt;/a&gt; to the current attribute's value.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dattribute-value-(unquoted)-state&gt;&lt;span cl=
ass=3Dsecno&gt;12.2.4.40 &lt;/span&gt;&lt;dfn&gt;Attribute value (unquote=
d) state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#before-attribute-name-state&gt;=
before attribute name state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0026 AMPERSAND (&amp;amp;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#character-reference-in-attribut=
e-value-state&gt;character reference in attribute value state&lt;/a&gt;, =
with the
+   &lt;a href=3D#additional-allowed-character&gt;additional allowed char=
acter&lt;/a&gt; being U+003E GREATER-THAN SIGN (&amp;gt;).&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&=
gt;. Emit the current tag token.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Append =
a U+FFFD REPLACEMENT CHARACTER character to the current
+   attribute's value.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0022 QUOTATION MARK (&quot;)&lt;/dt&gt;
+   &lt;dt&gt;U+0027 APOSTROPHE (')&lt;/dt&gt;
+   &lt;dt&gt;U+003C LESS-THAN SIGN (&amp;lt;)&lt;/dt&gt;
+   &lt;dt&gt;U+003D EQUALS SIGN (=3D)&lt;/dt&gt;
+   &lt;dt&gt;U+0060 GRAVE ACCENT (`)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Treat i=
t as per the &quot;anything else&quot; entry below.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Reconsume the EO=
F
+   character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Append the &lt;a href=3D#current-input-character&gt;current=
 input character&lt;/a&gt; to the current attribute's value.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dcharacter-reference-in-attribute-value-state&gt=
;&lt;span class=3Dsecno&gt;12.2.4.41 &lt;/span&gt;&lt;dfn&gt;Character re=
ference in attribute value state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Attempt to &lt;a href=3D#consume-a-character-reference&gt;con=
sume a character reference&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;If nothing is returned, append a U+0026 AMPERSAND character (=
&amp;amp;) to the current attribute's
+  value.&lt;/p&gt;
+
+  &lt;p&gt;Otherwise, append the returned character tokens to the curren=
t attribute's value.&lt;/p&gt;
+
+  &lt;p&gt;Finally, switch back to the attribute value state that switch=
ed into this state.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dafter-attribute-value-(quoted)-state&gt;&lt;span class=3Ds=
ecno&gt;12.2.4.42 &lt;/span&gt;&lt;dfn&gt;After attribute value (quoted) =
state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#before-attribute-name-state&gt;=
before attribute name state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+002F SOLIDUS (/)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#self-closing-start-tag-state&gt=
;self-closing start tag state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&=
gt;. Emit the current tag token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Reconsume the EO=
F
+   character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#before-attribute-name-state&gt;before attribute name=
 state&lt;/a&gt;. Reconsume
+   the character.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dself-closing-start-tag-state&gt;&lt;span class=3D=
secno&gt;12.2.4.43 &lt;/span&gt;&lt;dfn&gt;Self-closing start tag state&l=
t;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)=
&lt;/dt&gt;
+   &lt;dd&gt;Set the &lt;i&gt;self-closing flag&lt;/i&gt; of the current=
 tag token. Switch to the &lt;a href=3D#data-state&gt;data
+   state&lt;/a&gt;. Emit the current tag token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Reconsume the EO=
F
+   character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#before-attribute-name-state&gt;before attribute name=
 state&lt;/a&gt;. Reconsume
+   the character.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dbogus-comment-state&gt;&lt;span class=3Dsecno&g=
t;12.2.4.44 &lt;/span&gt;&lt;dfn&gt;Bogus comment state&lt;/dfn&gt;&lt;/h=
5&gt;
+
+  &lt;p&gt;Consume every character up to and including the first U+003E =
GREATER-THAN SIGN character (&amp;gt;)
+  or the end of the file (EOF), whichever comes first. Emit a comment to=
ken whose data is the
+  concatenation of all the characters starting from and including the ch=
aracter that caused the
+  state machine to switch into the bogus comment state, up to and includ=
ing the character
+  immediately before the last consumed character (i.e. up to the charact=
er just before the U+003E or
+  EOF character), but with any U+0000 NULL characters replaced by U+FFFD=
 REPLACEMENT CHARACTER
+  characters. (If the comment was started by the end of the file (EOF), =
the token is empty.
+  Similarly, the token is empty if it was generated by the string &quot;=
&lt;code title=3D&quot;&quot;&gt;&amp;lt;!&amp;gt;&lt;/code&gt;&quot;.)&l=
t;/p&gt;
+
+  &lt;p&gt;Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt=
;.&lt;/p&gt;
+
+  &lt;p&gt;If the end of the file was reached, reconsume the EOF charact=
er.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dmarkup-declaration-open-state&gt;&lt;span class=3Dsecno&gt=
;12.2.4.45 &lt;/span&gt;&lt;dfn&gt;Markup declaration open state&lt;/dfn&=
gt;&lt;/h5&gt;
+
+  &lt;p&gt;If the next two characters are both U+002D HYPHEN-MINUS chara=
cters (-), consume those two
+  characters, create a comment token whose data is the empty string, and=
 switch to the &lt;a href=3D#comment-start-state&gt;comment
+  start state&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Otherwise, if the next seven characters are an &lt;a href=3D#=
ascii-case-insensitive&gt;ASCII case-insensitive&lt;/a&gt; match for
+  the word &quot;DOCTYPE&quot;, then consume those characters and switch=
 to the &lt;a href=3D#doctype-state&gt;DOCTYPE
+  state&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Otherwise, if there is an &lt;a href=3D#adjusted-current-node=
&gt;adjusted current node&lt;/a&gt; and it is not an element in the
+  &lt;a href=3D#html-namespace-0&gt;HTML namespace&lt;/a&gt; and the nex=
t seven characters are a &lt;a href=3D#case-sensitive&gt;case-sensitive&l=
t;/a&gt; match
+  for the string &quot;[CDATA[&quot; (the five uppercase letters &quot;C=
DATA&quot; with a U+005B LEFT SQUARE BRACKET
+  character before and after), then consume those characters and switch =
to the &lt;a href=3D#cdata-section-state&gt;CDATA section
+  state&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Otherwise, this is a &lt;a href=3D#parse-error&gt;parse error=
&lt;/a&gt;. Switch to the &lt;a href=3D#bogus-comment-state&gt;bogus comm=
ent state&lt;/a&gt;.
+  The next character that is consumed, if any, is the first character th=
at will be in the
+  comment.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dcomment-start-state&gt;&lt;span class=3Dsecno&gt;12.2.4.46=
 &lt;/span&gt;&lt;dfn&gt;Comment start state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+002D HYPHEN-MINUS (-)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#comment-start-dash-state&gt;com=
ment start dash state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Append =
a U+FFFD REPLACEMENT CHARACTER character to the comment
+   token's data. Switch to the &lt;a href=3D#comment-state&gt;comment st=
ate&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Emit the comment=
 token.&lt;/dd&gt;
+   &lt;!-- see comment in comment end state --&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Emit the comment=
 token.
+   Reconsume the EOF character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Append the &lt;a href=3D#current-input-character&gt;current=
 input character&lt;/a&gt; to the comment token's data. Switch to the
+   &lt;a href=3D#comment-state&gt;comment state&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dcomment-start-dash-state&gt;&lt;span class=3Dse=
cno&gt;12.2.4.47 &lt;/span&gt;&lt;dfn&gt;Comment start dash state&lt;/dfn=
&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+002D HYPHEN-MINUS (-)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#comment-end-state&gt;comment en=
d state&lt;/a&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Append =
a U+002D HYPHEN-MINUS character (-) and a U+FFFD REPLACEMENT
+   CHARACTER character to the comment token's data. Switch to the &lt;a =
href=3D#comment-state&gt;comment state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Emit the comment=
 token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Emit the comment=
 token.
+   Reconsume the EOF character.&lt;/dd&gt; &lt;!-- see comment in commen=
t end state --&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Append a U+002D HYPHEN-MINUS character (-) and the &lt;a hr=
ef=3D#current-input-character&gt;current input character&lt;/a&gt; to
+   the comment token's data. Switch to the &lt;a href=3D#comment-state&g=
t;comment state&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dcomment-state&gt;&lt;span class=3Dsecno&gt;12.2=
.4.48 &lt;/span&gt;&lt;dfn id=3Dcomment&gt;Comment state&lt;/dfn&gt;&lt;/=
h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+002D HYPHEN-MINUS (-)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#comment-end-dash-state&gt;comme=
nt end dash state&lt;/a&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Append =
a U+FFFD REPLACEMENT CHARACTER character to the comment
+   token's data.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Emit the comment=
 token.
+   Reconsume the EOF character.&lt;/dd&gt; &lt;!-- see comment in commen=
t end state --&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Append the &lt;a href=3D#current-input-character&gt;current=
 input character&lt;/a&gt; to the comment token's data.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dcomment-end-dash-state&gt;&lt;span class=3Dsecn=
o&gt;12.2.4.49 &lt;/span&gt;&lt;dfn&gt;Comment end dash state&lt;/dfn&gt;=
&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+002D HYPHEN-MINUS (-)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#comment-end-state&gt;comment en=
d state&lt;/a&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Append =
a U+002D HYPHEN-MINUS character (-) and a U+FFFD REPLACEMENT
+   CHARACTER character to the comment token's data. Switch to the &lt;a =
href=3D#comment-state&gt;comment state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Emit the comment=
 token.
+   Reconsume the EOF character.&lt;/dd&gt; &lt;!-- see comment in commen=
t end state --&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Append a U+002D HYPHEN-MINUS character (-) and the &lt;a hr=
ef=3D#current-input-character&gt;current input character&lt;/a&gt; to
+   the comment token's data. Switch to the &lt;a href=3D#comment-state&g=
t;comment state&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dcomment-end-state&gt;&lt;span class=3Dsecno&gt;=
12.2.4.50 &lt;/span&gt;&lt;dfn&gt;Comment end state&lt;/dfn&gt;&lt;/h5&gt=
;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)=
&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&=
gt;. Emit the comment token.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Append =
two U+002D HYPHEN-MINUS characters (-) and a U+FFFD
+   REPLACEMENT CHARACTER character to the comment token's data. Switch t=
o the &lt;a href=3D#comment-state&gt;comment
+   state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0021 EXCLAMATION MARK (!)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#comment-end-bang-state&gt;comment end bang state&lt;=
/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+002D HYPHEN-MINUS (-)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Append =
a U+002D HYPHEN-MINUS character (-) to the comment token's
+   data.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Emit the comment=
 token.
+   Reconsume the EOF character.&lt;/dd&gt; &lt;!-- For security reasons:=
 otherwise, hostile user could put a
+   &lt;script&gt; in a comment e.g. in a blog comment and then DOS the s=
erver so that the end tag isn't
+   read, and then the commented &lt;script&gt; tag would be treated as l=
ive code --&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Append =
two U+002D HYPHEN-MINUS characters (-) and the &lt;a href=3D#current-inpu=
t-character&gt;current
+   input character&lt;/a&gt; to the comment token's data. Switch to the =
&lt;a href=3D#comment-state&gt;comment
+   state&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dcomment-end-bang-state&gt;&lt;span class=3Dsecn=
o&gt;12.2.4.51 &lt;/span&gt;&lt;dfn&gt;Comment end bang state&lt;/dfn&gt;=
&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+002D HYPHEN-MINUS (-)&lt;/dt&gt;
+   &lt;dd&gt;Append two U+002D HYPHEN-MINUS characters (-) and a U+0021 =
EXCLAMATION MARK character (!) to
+   the comment token's data. Switch to the &lt;a href=3D#comment-end-das=
h-state&gt;comment end dash state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&=
gt;. Emit the comment token.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Append =
two U+002D HYPHEN-MINUS characters (-), a U+0021 EXCLAMATION
+   MARK character (!), and a U+FFFD REPLACEMENT CHARACTER character to t=
he comment token's data.
+   Switch to the &lt;a href=3D#comment-state&gt;comment state&lt;/a&gt;.=
&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Emit the comment=
 token.
+   Reconsume the EOF character.&lt;/dd&gt; &lt;!-- see comment in commen=
t end state --&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Append two U+002D HYPHEN-MINUS characters (-), a U+0021 EXC=
LAMATION MARK character (!), and
+   the &lt;a href=3D#current-input-character&gt;current input character&=
lt;/a&gt; to the comment token's data. Switch to the &lt;a href=3D#commen=
t-state&gt;comment
+   state&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Ddoctype-state&gt;&lt;span class=3Dsecno&gt;12.2=
.4.52 &lt;/span&gt;&lt;dfn&gt;DOCTYPE state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#before-doctype-name-state&gt;be=
fore DOCTYPE name state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Create a new DOC=
TYPE token.
+   Set its &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/i&gt;=
. Emit the token. Reconsume the EOF character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#before-doctype-name-state&gt;before DOCTYPE name sta=
te&lt;/a&gt;. Reconsume the
+   character.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dbefore-doctype-name-state&gt;&lt;span class=3Ds=
ecno&gt;12.2.4.53 &lt;/span&gt;&lt;dfn&gt;Before DOCTYPE name state&lt;/d=
fn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;Ignore the character.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#uppercase-ascii-letters title=3D&quot;upperca=
se ASCII letters&quot;&gt;Uppercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Create a new DOCTYPE token. Set the token's name to the low=
ercase version of the
+   &lt;a href=3D#current-input-character&gt;current input character&lt;/=
a&gt; (add 0x0020 to the character's code point). Switch to the
+   &lt;a href=3D#doctype-name-state&gt;DOCTYPE name state&lt;/a&gt;.&lt;=
/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Create =
a new DOCTYPE token. Set the token's name to a U+FFFD
+   REPLACEMENT CHARACTER character. Switch to the &lt;a href=3D#doctype-=
name-state&gt;DOCTYPE name state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Create =
a new DOCTYPE token. Set its &lt;i&gt;force-quirks flag&lt;/i&gt; to
+   &lt;i&gt;on&lt;/i&gt;. Switch to the &lt;a href=3D#data-state&gt;data=
 state&lt;/a&gt;. Emit the token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Create a new DOC=
TYPE token.
+   Set its &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/i&gt;=
. Emit the token. Reconsume the EOF character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Create a new DOCTYPE token. Set the token's name to the &lt=
;a href=3D#current-input-character&gt;current input character&lt;/a&gt;.
+   Switch to the &lt;a href=3D#doctype-name-state&gt;DOCTYPE name state&=
lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Ddoctype-name-state&gt;&lt;span class=3Dsecno&gt=
;12.2.4.54 &lt;/span&gt;&lt;dfn&gt;DOCTYPE name state&lt;/dfn&gt;&lt;/h5&=
gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#after-doctype-name-state&gt;aft=
er DOCTYPE name state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&=
gt;. Emit the current DOCTYPE token.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;a href=3D#uppercase-ascii-letters title=3D&quot;upperca=
se ASCII letters&quot;&gt;Uppercase ASCII letter&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;Append the lowercase version of the &lt;a href=3D#current-i=
nput-character&gt;current input character&lt;/a&gt; (add 0x0020 to the
+   character's code point) to the current DOCTYPE token's name.&lt;/dd&g=
t;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Append =
a U+FFFD REPLACEMENT CHARACTER character to the current
+   DOCTYPE token's name.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Set the DOCTYPE =
token's
+   &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/i&gt;. Emit t=
hat DOCTYPE token. Reconsume the EOF character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Append the &lt;a href=3D#current-input-character&gt;current=
 input character&lt;/a&gt; to the current DOCTYPE token's name.&lt;/dd&gt=
;
+
+  &lt;/dl&gt;&lt;h5 id=3Dafter-doctype-name-state&gt;&lt;span class=3Dse=
cno&gt;12.2.4.55 &lt;/span&gt;&lt;dfn&gt;After DOCTYPE name state&lt;/dfn=
&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;Ignore the character.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&=
gt;. Emit the current DOCTYPE token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Set the DOCTYPE =
token's
+   &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/i&gt;. Emit t=
hat DOCTYPE token. Reconsume the EOF character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the six characters starting from the &lt;a href=3D#curre=
nt-input-character&gt;current input character&lt;/a&gt; are an
+    &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-insensitive&lt;/a=
&gt; match for the word &quot;PUBLIC&quot;, then consume those characters
+    and switch to the &lt;a href=3D#after-doctype-public-keyword-state&g=
t;after DOCTYPE public keyword state&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if the six characters starting from the &lt;a hr=
ef=3D#current-input-character&gt;current input character&lt;/a&gt; are
+    an &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-insensitive&lt=
;/a&gt; match for the word &quot;SYSTEM&quot;, then consume those
+    characters and switch to the &lt;a href=3D#after-doctype-system-keyw=
ord-state&gt;after DOCTYPE system keyword state&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, this is a &lt;a href=3D#parse-error&gt;parse err=
or&lt;/a&gt;. Set the DOCTYPE token's &lt;i&gt;force-quirks
+    flag&lt;/i&gt; to &lt;i&gt;on&lt;/i&gt;. Switch to the &lt;a href=3D=
#bogus-doctype-state&gt;bogus DOCTYPE state&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dafter-doctype-public-keyword-state&gt;&lt;span =
class=3Dsecno&gt;12.2.4.56 &lt;/span&gt;&lt;dfn&gt;After DOCTYPE public k=
eyword state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#before-doctype-public-identifie=
r-state&gt;before DOCTYPE public identifier state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0022 QUOTATION MARK (&quot;)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Set the=
 DOCTYPE token's public identifier to the empty string (not
+   missing), then switch to the &lt;a href=3D#doctype-public-identifier-=
(double-quoted)-state&gt;DOCTYPE public identifier (double-quoted) state&=
lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0027 APOSTROPHE (')&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Set the=
 DOCTYPE token's public identifier to the empty string (not
+   missing), then switch to the &lt;a href=3D#doctype-public-identifier-=
(single-quoted)-state&gt;DOCTYPE public identifier (single-quoted) state&=
lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Set the=
 DOCTYPE token's &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/=
i&gt;.
+   Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Emit =
that DOCTYPE token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Set the DOCTYPE =
token's
+   &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/i&gt;. Emit t=
hat DOCTYPE token. Reconsume the EOF character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Set the=
 DOCTYPE token's &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/=
i&gt;.
+   Switch to the &lt;a href=3D#bogus-doctype-state&gt;bogus DOCTYPE stat=
e&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dbefore-doctype-public-identifier-state&gt;&lt;s=
pan class=3Dsecno&gt;12.2.4.57 &lt;/span&gt;&lt;dfn&gt;Before DOCTYPE pub=
lic identifier state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;Ignore the character.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0022 QUOTATION MARK (&quot;)&lt;/dt&gt;
+   &lt;dd&gt;Set the DOCTYPE token's public identifier to the empty stri=
ng (not missing), then switch to
+   the &lt;a href=3D#doctype-public-identifier-(double-quoted)-state&gt;=
DOCTYPE public identifier (double-quoted) state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0027 APOSTROPHE (')&lt;/dt&gt;
+   &lt;dd&gt;Set the DOCTYPE token's public identifier to the empty stri=
ng (not missing), then switch to
+   the &lt;a href=3D#doctype-public-identifier-(single-quoted)-state&gt;=
DOCTYPE public identifier (single-quoted) state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Set the=
 DOCTYPE token's &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/=
i&gt;.
+   Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Emit =
that DOCTYPE token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Set the DOCTYPE =
token's
+   &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/i&gt;. Emit t=
hat DOCTYPE token. Reconsume the EOF character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Set the=
 DOCTYPE token's &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/=
i&gt;.
+   Switch to the &lt;a href=3D#bogus-doctype-state&gt;bogus DOCTYPE stat=
e&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Ddoctype-public-identifier-(double-quoted)-state=
&gt;&lt;span class=3Dsecno&gt;12.2.4.58 &lt;/span&gt;&lt;dfn&gt;DOCTYPE p=
ublic identifier (double-quoted) state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0022 QUOTATION MARK (&quot;)&lt;/=
dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#after-doctype-public-identifier=
-state&gt;after DOCTYPE public identifier state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Append =
a U+FFFD REPLACEMENT CHARACTER character to the current
+   DOCTYPE token's public identifier.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Set the=
 DOCTYPE token's &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/=
i&gt;.
+   Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Emit =
that DOCTYPE token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Set the DOCTYPE =
token's
+   &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/i&gt;. Emit t=
hat DOCTYPE token. Reconsume the EOF character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Append the &lt;a href=3D#current-input-character&gt;current=
 input character&lt;/a&gt; to the current DOCTYPE token's public
+   identifier.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Ddoctype-public-identifier-(single-quoted)-state=
&gt;&lt;span class=3Dsecno&gt;12.2.4.59 &lt;/span&gt;&lt;dfn&gt;DOCTYPE p=
ublic identifier (single-quoted) state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0027 APOSTROPHE (')&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#after-doctype-public-identifier=
-state&gt;after DOCTYPE public identifier state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Append =
a U+FFFD REPLACEMENT CHARACTER character to the current
+   DOCTYPE token's public identifier.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Set the=
 DOCTYPE token's &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/=
i&gt;.
+   Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Emit =
that DOCTYPE token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Set the DOCTYPE =
token's
+   &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/i&gt;. Emit t=
hat DOCTYPE token. Reconsume the EOF character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Append the &lt;a href=3D#current-input-character&gt;current=
 input character&lt;/a&gt; to the current DOCTYPE token's public
+   identifier.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dafter-doctype-public-identifier-state&gt;&lt;sp=
an class=3Dsecno&gt;12.2.4.60 &lt;/span&gt;&lt;dfn&gt;After DOCTYPE publi=
c identifier state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#between-doctype-public-and-syst=
em-identifiers-state&gt;between DOCTYPE public and system identifiers sta=
te&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&=
gt;. Emit the current DOCTYPE token.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0022 QUOTATION MARK (&quot;)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Set the=
 DOCTYPE token's system identifier to the empty string (not
+   missing), then switch to the &lt;a href=3D#doctype-system-identifier-=
(double-quoted)-state&gt;DOCTYPE system identifier (double-quoted) state&=
lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0027 APOSTROPHE (')&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Set the=
 DOCTYPE token's system identifier to the empty string (not
+   missing), then switch to the &lt;a href=3D#doctype-system-identifier-=
(single-quoted)-state&gt;DOCTYPE system identifier (single-quoted) state&=
lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Set the DOCTYPE =
token's
+   &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/i&gt;. Emit t=
hat DOCTYPE token. Reconsume the EOF character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Set the=
 DOCTYPE token's &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/=
i&gt;.
+   Switch to the &lt;a href=3D#bogus-doctype-state&gt;bogus DOCTYPE stat=
e&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dbetween-doctype-public-and-system-identifiers-s=
tate&gt;&lt;span class=3Dsecno&gt;12.2.4.61 &lt;/span&gt;&lt;dfn&gt;Betwe=
en DOCTYPE public and system identifiers state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;Ignore the character.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&=
gt;. Emit the current DOCTYPE token.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0022 QUOTATION MARK (&quot;)&lt;/dt&gt;
+   &lt;dd&gt;Set the DOCTYPE token's system identifier to the empty stri=
ng (not missing), then switch to
+   the &lt;a href=3D#doctype-system-identifier-(double-quoted)-state&gt;=
DOCTYPE system identifier (double-quoted) state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0027 APOSTROPHE (')&lt;/dt&gt;
+   &lt;dd&gt;Set the DOCTYPE token's system identifier to the empty stri=
ng (not missing), then switch to
+   the &lt;a href=3D#doctype-system-identifier-(single-quoted)-state&gt;=
DOCTYPE system identifier (single-quoted) state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Set the DOCTYPE =
token's
+   &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/i&gt;. Emit t=
hat DOCTYPE token. Reconsume the EOF character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Set the=
 DOCTYPE token's &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/=
i&gt;.
+   Switch to the &lt;a href=3D#bogus-doctype-state&gt;bogus DOCTYPE stat=
e&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dafter-doctype-system-keyword-state&gt;&lt;span =
class=3Dsecno&gt;12.2.4.62 &lt;/span&gt;&lt;dfn&gt;After DOCTYPE system k=
eyword state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#before-doctype-system-identifie=
r-state&gt;before DOCTYPE system identifier state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0022 QUOTATION MARK (&quot;)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Set the=
 DOCTYPE token's system identifier to the empty string (not
+   missing), then switch to the &lt;a href=3D#doctype-system-identifier-=
(double-quoted)-state&gt;DOCTYPE system identifier (double-quoted) state&=
lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0027 APOSTROPHE (')&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Set the=
 DOCTYPE token's system identifier to the empty string (not
+   missing), then switch to the &lt;a href=3D#doctype-system-identifier-=
(single-quoted)-state&gt;DOCTYPE system identifier (single-quoted) state&=
lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Set the=
 DOCTYPE token's &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/=
i&gt;.
+   Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Emit =
that DOCTYPE token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Set the DOCTYPE =
token's
+   &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/i&gt;. Emit t=
hat DOCTYPE token. Reconsume the EOF character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Set the=
 DOCTYPE token's &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/=
i&gt;.
+   Switch to the &lt;a href=3D#bogus-doctype-state&gt;bogus DOCTYPE stat=
e&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dbefore-doctype-system-identifier-state&gt;&lt;s=
pan class=3Dsecno&gt;12.2.4.63 &lt;/span&gt;&lt;dfn&gt;Before DOCTYPE sys=
tem identifier state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;Ignore the character.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0022 QUOTATION MARK (&quot;)&lt;/dt&gt;
+   &lt;dd&gt;Set the DOCTYPE token's system identifier to the empty stri=
ng (not missing), then switch to
+   the &lt;a href=3D#doctype-system-identifier-(double-quoted)-state&gt;=
DOCTYPE system identifier (double-quoted) state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0027 APOSTROPHE (')&lt;/dt&gt;
+   &lt;dd&gt;Set the DOCTYPE token's system identifier to the empty stri=
ng (not missing), then switch to
+   the &lt;a href=3D#doctype-system-identifier-(single-quoted)-state&gt;=
DOCTYPE system identifier (single-quoted) state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Set the=
 DOCTYPE token's &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/=
i&gt;.
+   Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Emit =
that DOCTYPE token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Set the DOCTYPE =
token's
+   &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/i&gt;. Emit t=
hat DOCTYPE token. Reconsume the EOF character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Set the=
 DOCTYPE token's &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/=
i&gt;.
+   Switch to the &lt;a href=3D#bogus-doctype-state&gt;bogus DOCTYPE stat=
e&lt;/a&gt;.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Ddoctype-system-identifier-(double-quoted)-state=
&gt;&lt;span class=3Dsecno&gt;12.2.4.64 &lt;/span&gt;&lt;dfn&gt;DOCTYPE s=
ystem identifier (double-quoted) state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0022 QUOTATION MARK (&quot;)&lt;/=
dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#after-doctype-system-identifier=
-state&gt;after DOCTYPE system identifier state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Append =
a U+FFFD REPLACEMENT CHARACTER character to the current
+   DOCTYPE token's system identifier.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Set the=
 DOCTYPE token's &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/=
i&gt;.
+   Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Emit =
that DOCTYPE token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Set the DOCTYPE =
token's
+   &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/i&gt;. Emit t=
hat DOCTYPE token. Reconsume the EOF character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Append the &lt;a href=3D#current-input-character&gt;current=
 input character&lt;/a&gt; to the current DOCTYPE token's system
+   identifier.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Ddoctype-system-identifier-(single-quoted)-state=
&gt;&lt;span class=3Dsecno&gt;12.2.4.65 &lt;/span&gt;&lt;dfn&gt;DOCTYPE s=
ystem identifier (single-quoted) state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0027 APOSTROPHE (')&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#after-doctype-system-identifier=
-state&gt;after DOCTYPE system identifier state&lt;/a&gt;.&lt;/dd&gt;
+
+   &lt;dt&gt;U+0000 NULL&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Append =
a U+FFFD REPLACEMENT CHARACTER character to the current
+   DOCTYPE token's system identifier.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Set the=
 DOCTYPE token's &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/=
i&gt;.
+   Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Emit =
that DOCTYPE token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Set the DOCTYPE =
token's
+   &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/i&gt;. Emit t=
hat DOCTYPE token. Reconsume the EOF character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Append the &lt;a href=3D#current-input-character&gt;current=
 input character&lt;/a&gt; to the current DOCTYPE token's system
+   identifier.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dafter-doctype-system-identifier-state&gt;&lt;sp=
an class=3Dsecno&gt;12.2.4.66 &lt;/span&gt;&lt;dfn&gt;After DOCTYPE syste=
m identifier state&lt;/dfn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;Ignore the character.&lt;/dd&gt;
+
+   &lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&=
gt;. Emit the current DOCTYPE token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt;. Set the DOCTYPE =
token's
+   &lt;i&gt;force-quirks flag&lt;/i&gt; to &lt;i&gt;on&lt;/i&gt;. Emit t=
hat DOCTYPE token. Reconsume the EOF character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
to the &lt;a href=3D#bogus-doctype-state&gt;bogus DOCTYPE state&lt;/a&gt;=
. (This does
+   &lt;em&gt;not&lt;/em&gt; set the DOCTYPE token's &lt;i&gt;force-quirk=
s flag&lt;/i&gt; to &lt;i&gt;on&lt;/i&gt;.)&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dbogus-doctype-state&gt;&lt;span class=3Dsecno&g=
t;12.2.4.67 &lt;/span&gt;&lt;dfn&gt;Bogus DOCTYPE state&lt;/dfn&gt;&lt;/h=
5&gt;
+
+  &lt;p&gt;Consume the &lt;a href=3D#next-input-character&gt;next input =
character&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+003E GREATER-THAN SIGN (&amp;gt;)=
&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&=
gt;. Emit the DOCTYPE token.&lt;/dd&gt;
+
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dd&gt;Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&=
gt;. Emit the DOCTYPE token. Reconsume the EOF
+   character.&lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;Ignore the character.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dcdata-section-state&gt;&lt;span class=3Dsecno&g=
t;12.2.4.68 &lt;/span&gt;&lt;dfn&gt;CDATA section state&lt;/dfn&gt;&lt;/h=
5&gt;
+
+  &lt;p&gt;Switch to the &lt;a href=3D#data-state&gt;data state&lt;/a&gt=
;.&lt;/p&gt;
+
+  &lt;p&gt;Consume every character up to the next occurrence of the thre=
e character sequence U+005D RIGHT
+  SQUARE BRACKET U+005D RIGHT SQUARE BRACKET U+003E GREATER-THAN SIGN (&=
lt;code title=3D&quot;&quot;&gt;]]&amp;gt;&lt;/code&gt;),
+  or the end of the file (EOF), whichever comes first. Emit a series of =
character tokens consisting
+  of all the characters consumed except the matching three character seq=
uence at the end (if one was
+  found before the end of the file)&lt;!--(not needed; taken care of by =
the tree constructor), but with
+  any U+0000 NULL characters replaced by U+FFFD REPLACEMENT CHARACTER ch=
aracters--&gt;.&lt;/p&gt;
+
+  &lt;p&gt;If the end of the file was reached, reconsume the EOF charact=
er.&lt;/p&gt;
+
+
+
+  &lt;h5 id=3Dtokenizing-character-references&gt;&lt;span class=3Dsecno&=
gt;12.2.4.69 &lt;/span&gt;Tokenizing character references&lt;/h5&gt;
+
+  &lt;p&gt;This section defines how to &lt;dfn id=3Dconsume-a-character-=
reference&gt;consume a character reference&lt;/dfn&gt;, optionally with a=
n
+  &lt;dfn id=3Dadditional-allowed-character&gt;additional allowed charac=
ter&lt;/dfn&gt;, which, if specified where the algorithm is invoked, adds
+  a character to the list of characters that cause there to not be a cha=
racter reference.&lt;/p&gt;
+
+  &lt;p&gt;This definition is used when parsing character references &lt=
;a href=3D#character-reference-in-data-state title=3D&quot;character refe=
rence in
+  data state&quot;&gt;in text&lt;/a&gt; and &lt;a href=3D#character-refe=
rence-in-attribute-value-state title=3D&quot;character reference in attri=
bute value state&quot;&gt;in
+  attributes&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The behavior depends on the identity of the next character (t=
he one immediately after the
+  U+0026 AMPERSAND character), as follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0009 CHARACTER TABULATION (tab)&l=
t;/dt&gt;
+   &lt;dt&gt;U+000A LINE FEED (LF)&lt;/dt&gt;
+   &lt;dt&gt;U+000C FORM FEED (FF)&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;U+000D CARRIAGE RETURN (CR)&lt;/dt&gt;--&gt;
+   &lt;dt&gt;U+0020 SPACE&lt;/dt&gt;
+   &lt;dt&gt;U+003C LESS-THAN SIGN&lt;/dt&gt;
+   &lt;dt&gt;U+0026 AMPERSAND&lt;/dt&gt;
+   &lt;dt&gt;EOF&lt;/dt&gt;
+   &lt;dt&gt;The &lt;a href=3D#additional-allowed-character&gt;additiona=
l allowed character&lt;/a&gt;, if there is one&lt;/dt&gt;
+
+   &lt;dd&gt;Not a character reference. No characters are consumed, and =
nothing is returned. (This is not
+   an error, either.)&lt;/dd&gt;
+
+
+   &lt;dt&gt;U+0023 NUMBER SIGN (#)&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Consume the U+0023 NUMBER SIGN.&lt;/p&gt;
+
+    &lt;p&gt;The behavior further depends on the character after the U+0=
023 NUMBER SIGN:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;U+0078 LATIN SMALL LETTER X&lt;/d=
t&gt;
+     &lt;dt&gt;U+0058 LATIN CAPITAL LETTER X&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Consume the X.&lt;/p&gt;
+
+      &lt;p&gt;Follow the steps below, but using &lt;a href=3D#ascii-hex=
-digits&gt;ASCII hex digits&lt;/a&gt;.&lt;/p&gt;
+
+      &lt;p&gt;When it comes to interpreting the number, interpret it as=
 a hexadecimal number.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+
+     &lt;dt&gt;Anything else&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Follow the steps below, but using &lt;a href=3D#ascii-dig=
its&gt;ASCII digits&lt;/a&gt;.&lt;/p&gt;
+
+      &lt;p&gt;When it comes to interpreting the number, interpret it as=
 a decimal number.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;p&gt;Consume as many characters as match the range of=
 characters given above (&lt;a href=3D#ascii-hex-digits&gt;ASCII hex
+    digits&lt;/a&gt; or &lt;a href=3D#ascii-digits&gt;ASCII digits&lt;/a=
&gt;).&lt;/p&gt;
+
+    &lt;p&gt;If no characters match the range, then don't consume any ch=
aracters (and unconsume the U+0023
+    NUMBER SIGN character and, if appropriate, the X character). This is=
 a &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;;
+    nothing is returned.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if the next character is a U+003B SEMICOLON, con=
sume that too. If it isn't, there
+    is a &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;If one or more characters match the range, then take them a=
ll and interpret the string of
+    characters as a number (either hexadecimal or decimal as appropriate=
).&lt;/p&gt;
+
+    &lt;p&gt;If that number is one of the numbers in the first column of=
 the following table, then this is
+    a &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;. Find the row w=
ith that number in the first column, and return a
+    character token for the Unicode character given in the second column=
 of that row.&lt;/p&gt;
+
+    &lt;table id=3Dtable-charref-overrides&gt;&lt;thead&gt;&lt;tr&gt;&lt=
;th&gt;Number &lt;th colspan=3D2&gt;Unicode character
+     &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;0x00 &lt;td&gt;U+FFFD &lt;td&gt;RE=
PLACEMENT CHARACTER
+      &lt;!-- &lt;tr&gt;&lt;td&gt;0x0D &lt;td&gt;U+000D &lt;td&gt;CARRIA=
GE RETURN (CR) --&gt;
+      &lt;tr&gt;&lt;td&gt;0x80 &lt;td&gt;U+20AC &lt;td&gt;EURO SIGN (&am=
p;euro;)
+      &lt;!-- &lt;tr&gt;&lt;td&gt;0x81 &lt;td&gt;U+0081 &lt;td&gt;&amp;l=
t;control&gt; --&gt;
+      &lt;tr&gt;&lt;td&gt;0x82 &lt;td&gt;U+201A &lt;td&gt;SINGLE LOW-9 Q=
UOTATION MARK (&amp;sbquo;)
+      &lt;tr&gt;&lt;td&gt;0x83 &lt;td&gt;U+0192 &lt;td&gt;LATIN SMALL LE=
TTER F WITH HOOK (&amp;fnof;)
+      &lt;tr&gt;&lt;td&gt;0x84 &lt;td&gt;U+201E &lt;td&gt;DOUBLE LOW-9 Q=
UOTATION MARK (&amp;ldquor;)
+      &lt;tr&gt;&lt;td&gt;0x85 &lt;td&gt;U+2026 &lt;td&gt;HORIZONTAL ELL=
IPSIS (&amp;mldr;)
+      &lt;tr&gt;&lt;td&gt;0x86 &lt;td&gt;U+2020 &lt;td&gt;DAGGER (&amp;d=
agger;)
+      &lt;tr&gt;&lt;td&gt;0x87 &lt;td&gt;U+2021 &lt;td&gt;DOUBLE DAGGER =
(&amp;ddagger;)
+      &lt;tr&gt;&lt;td&gt;0x88 &lt;td&gt;U+02C6 &lt;td&gt;MODIFIER LETTE=
R CIRCUMFLEX ACCENT (&amp;circ;)
+      &lt;tr&gt;&lt;td&gt;0x89 &lt;td&gt;U+2030 &lt;td&gt;PER MILLE SIGN=
 (&amp;permil;)
+      &lt;tr&gt;&lt;td&gt;0x8A &lt;td&gt;U+0160 &lt;td&gt;LATIN CAPITAL =
LETTER S WITH CARON (&amp;Scaron;)
+      &lt;tr&gt;&lt;td&gt;0x8B &lt;td&gt;U+2039 &lt;td&gt;SINGLE LEFT-PO=
INTING ANGLE QUOTATION MARK (&amp;lsaquo;)
+      &lt;tr&gt;&lt;td&gt;0x8C &lt;td&gt;U+0152 &lt;td&gt;LATIN CAPITAL =
LIGATURE OE (&amp;OElig;)
+      &lt;!-- &lt;tr&gt;&lt;td&gt;0x8D &lt;td&gt;U+008D &lt;td&gt;&amp;l=
t;control&gt; --&gt;
+      &lt;tr&gt;&lt;td&gt;0x8E &lt;td&gt;U+017D &lt;td&gt;LATIN CAPITAL =
LETTER Z WITH CARON (&amp;Zcaron;)
+      &lt;!-- &lt;tr&gt;&lt;td&gt;0x8F &lt;td&gt;U+008F &lt;td&gt;&amp;l=
t;control&gt; --&gt;
+      &lt;!-- &lt;tr&gt;&lt;td&gt;0x90 &lt;td&gt;U+0090 &lt;td&gt;&amp;l=
t;control&gt; --&gt;
+      &lt;tr&gt;&lt;td&gt;0x91 &lt;td&gt;U+2018 &lt;td&gt;LEFT SINGLE QU=
OTATION MARK (&amp;lsquo;)
+      &lt;tr&gt;&lt;td&gt;0x92 &lt;td&gt;U+2019 &lt;td&gt;RIGHT SINGLE Q=
UOTATION MARK (&amp;rsquor;)
+      &lt;tr&gt;&lt;td&gt;0x93 &lt;td&gt;U+201C &lt;td&gt;LEFT DOUBLE QU=
OTATION MARK (&amp;ldquo;)
+      &lt;tr&gt;&lt;td&gt;0x94 &lt;td&gt;U+201D &lt;td&gt;RIGHT DOUBLE Q=
UOTATION MARK (&amp;rdquo;)
+      &lt;tr&gt;&lt;td&gt;0x95 &lt;td&gt;U+2022 &lt;td&gt;BULLET (&amp;b=
ullet;)
+      &lt;tr&gt;&lt;td&gt;0x96 &lt;td&gt;U+2013 &lt;td&gt;EN DASH (&amp;=
ndash;)
+      &lt;tr&gt;&lt;td&gt;0x97 &lt;td&gt;U+2014 &lt;td&gt;EM DASH (&amp;=
mdash;)
+      &lt;tr&gt;&lt;td&gt;0x98 &lt;td&gt;U+02DC &lt;td&gt;SMALL TILDE (&=
amp;tilde;)
+      &lt;tr&gt;&lt;td&gt;0x99 &lt;td&gt;U+2122 &lt;td&gt;TRADE MARK SIG=
N (&amp;trade;)
+      &lt;tr&gt;&lt;td&gt;0x9A &lt;td&gt;U+0161 &lt;td&gt;LATIN SMALL LE=
TTER S WITH CARON (&amp;scaron;)
+      &lt;tr&gt;&lt;td&gt;0x9B &lt;td&gt;U+203A &lt;td&gt;SINGLE RIGHT-P=
OINTING ANGLE QUOTATION MARK (&amp;rsaquo;)
+      &lt;tr&gt;&lt;td&gt;0x9C &lt;td&gt;U+0153 &lt;td&gt;LATIN SMALL LI=
GATURE OE (&amp;oelig;)
+      &lt;!-- &lt;tr&gt;&lt;td&gt;0x9D &lt;td&gt;U+009D &lt;td&gt;&amp;l=
t;control&gt; --&gt;
+      &lt;tr&gt;&lt;td&gt;0x9E &lt;td&gt;U+017E &lt;td&gt;LATIN SMALL LE=
TTER Z WITH CARON (&amp;zcaron;)
+      &lt;tr&gt;&lt;td&gt;0x9F &lt;td&gt;U+0178 &lt;td&gt;LATIN CAPITAL =
LETTER Y WITH DIAERESIS (&amp;Yuml;)
+    &lt;/table&gt;&lt;p&gt;Otherwise, if the number is in the range 0xD8=
00 to 0xDFFF&lt;!-- surrogates --&gt; or is greater
+    than 0x10FFFF, then this is a &lt;a href=3D#parse-error&gt;parse err=
or&lt;/a&gt;. Return a U+FFFD REPLACEMENT CHARACTER
+    character token.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, return a character token for the Unicode charact=
er whose code point is that
+    number.
+
+    &lt;!-- this is the same as the equivalent list in the input stream =
section, except U+000D is not
+    allowed --&gt; Additionally, if the number is in the range 0x0001 to=
 0x0008, &lt;!-- HT, LF allowed
+    --&gt; &lt;!-- U+000B is in the next list --&gt; &lt;!-- FF allowed =
--&gt; 0x000D to 0x001F, &lt;!-- ASCII allowed
+    --&gt; 0x007F &lt;!--to 0x0084, (0x0085 NEL not allowed), 0x0086--&g=
t; to 0x009F, 0xFDD0 to 0xFDEF, or is
+    one of 0x000B, 0xFFFE, 0xFFFF, 0x1FFFE, 0x1FFFF, 0x2FFFE, 0x2FFFF, 0=
x3FFFE, 0x3FFFF, 0x4FFFE,
+    0x4FFFF, 0x5FFFE, 0x5FFFF, 0x6FFFE, 0x6FFFF, 0x7FFFE, 0x7FFFF, 0x8FF=
FE, 0x8FFFF, 0x9FFFE,
+    0x9FFFF, 0xAFFFE, 0xAFFFF, 0xBFFFE, 0xBFFFF, 0xCFFFE, 0xCFFFF, 0xDFF=
FE, 0xDFFFF, 0xEFFFE,
+    0xEFFFF, 0xFFFFE, 0xFFFFF, 0x10FFFE, or 0x10FFFF, then this is a &lt=
;a href=3D#parse-error&gt;parse error&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Consume the maximum number of characters possible, with the=
 consumed characters matching one
+    of the identifiers in the first column of the &lt;a href=3D#named-ch=
aracter-references&gt;named character references&lt;/a&gt; table (in
+    a &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt; manner).&=
lt;/p&gt;
+
+    &lt;p&gt;If no match can be made, then no characters are consumed, a=
nd nothing is returned. In this
+    case, if the characters after the U+0026 AMPERSAND character (&amp;a=
mp;) consist of a sequence of
+    one or more &lt;a href=3D#alphanumeric-ascii-characters&gt;alphanume=
ric ASCII characters&lt;/a&gt; followed by a U+003B SEMICOLON character
+    (;), then this is a &lt;a href=3D#parse-error&gt;parse error&lt;/a&g=
t;.&lt;/p&gt;
+
+    &lt;p&gt;If the character reference is being consumed &lt;a href=3D#=
character-reference-in-attribute-value-state title=3D&quot;character refe=
rence in attribute
+    value state&quot;&gt;as part of an attribute&lt;/a&gt;, and the last=
 character matched is not a U+003B
+    SEMICOLON character (;), and the next character is either a U+003D E=
QUALS SIGN character (=3D) or
+    an &lt;a href=3D#alphanumeric-ascii-characters title=3D&quot;alphanu=
meric ASCII characters&quot;&gt;alphanumeric ASCII character&lt;/a&gt;, t=
hen, for
+    historical reasons, all the characters that were matched after the U=
+0026 AMPERSAND character
+    (&amp;amp;) must be unconsumed, and nothing is returned. &lt;!-- &qu=
ot;=3D&quot; added because of
+    http://www.w3.org/Bugs/Public/show_bug.cgi?id=3D9207#c5 --&gt;
+
+    However, if this next character is in fact a U+003D EQUALS SIGN char=
acter (=3D), then this is a
+    &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;, because some leg=
acy user agents &lt;!-- IE, version 9 and before --&gt; will
+    misinterpret the markup in those cases.&lt;/p&gt; &lt;!-- v2: should=
 make this no longer a conformance
+    error at some point in the future; revisit in 2015? --&gt;
+
+    &lt;p&gt;Otherwise, a character reference is parsed. If the last cha=
racter matched is not a U+003B
+    SEMICOLON character (;), there is a &lt;a href=3D#parse-error&gt;par=
se error&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Return one or two character tokens for the character(s) cor=
responding to the character
+    reference name (as given by the second column of the &lt;a href=3D#n=
amed-character-references&gt;named character references&lt;/a&gt;
+    table).&lt;/p&gt;
+
+    &lt;div class=3Dexample&gt;
+
+     &lt;p&gt;If the markup contains (not in an attribute) the string &l=
t;code title=3D&quot;&quot;&gt;I'm &amp;amp;notit; I
+     tell you&lt;/code&gt;, the character reference is parsed as &quot;n=
ot&quot;, as in, &lt;code title=3D&quot;&quot;&gt;I'm &amp;not;it;
+     I tell you&lt;/code&gt; (and this is a parse error). But if the mar=
kup was &lt;code title=3D&quot;&quot;&gt;I'm
+     &amp;amp;notin; I tell you&lt;/code&gt;, the character reference wo=
uld be parsed as &quot;notin;&quot;, resulting
+     in &lt;code title=3D&quot;&quot;&gt;I'm &amp;notinva; I tell you&lt=
;/code&gt; (and no parse error).&lt;/p&gt;
+
+    &lt;/div&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;!-- v2: One thing that this doesn't define is handling deeply nest=
ed documents. There are
+  compatibility requirements around that: you can't throw away the eleme=
nts altogether, consider Tux
+  made only with opening &lt;font&gt; elements, one per character. Seems=
 that the best thing to do is to
+  close some formatting elements from the middle of the stack when you h=
it a limit, or something.
+  --&gt;
+
+  &lt;h4 id=3Dtree-construction&gt;&lt;span class=3Dsecno&gt;12.2.5 &lt;=
/span&gt;&lt;dfn&gt;Tree construction&lt;/dfn&gt;&lt;/h4&gt;
+
+  &lt;p&gt;The input to the tree construction stage is a sequence of tok=
ens from the
+  &lt;a href=3D#tokenization&gt;tokenization&lt;/a&gt; stage. The tree c=
onstruction stage is associated with a DOM
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
object when a parser is created. The &quot;output&quot; of this stage con=
sists of
+  dynamically modifying or extending that document's DOM tree.&lt;/p&gt;
+
+  &lt;p&gt;This specification does not define when an interactive user a=
gent has to render the
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
so that it is available to the user, or when it has to begin accepting us=
er
+  input.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;As each token is emitted from the tokenizer, the us=
er agent must follow the appropriate steps
+  from the following list, known as the &lt;dfn id=3Dtree-construction-d=
ispatcher&gt;tree construction dispatcher&lt;/dfn&gt;:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;If there is no &lt;a href=3D#adjust=
ed-current-node&gt;adjusted current node&lt;/a&gt;&lt;/dt&gt;
+   &lt;dt&gt;If the &lt;a href=3D#adjusted-current-node&gt;adjusted curr=
ent node&lt;/a&gt; is an element in the &lt;a href=3D#html-namespace-0&gt=
;HTML namespace&lt;/a&gt;&lt;/dt&gt;
+   &lt;dt&gt;If the &lt;a href=3D#adjusted-current-node&gt;adjusted curr=
ent node&lt;/a&gt; is a &lt;a href=3D#mathml-text-integration-point&gt;Ma=
thML text integration point&lt;/a&gt; and the token is a start tag whose =
tag name is neither &quot;mglyph&quot; nor &quot;malignmark&quot;&lt;/dt&=
gt;
+   &lt;dt&gt;If the &lt;a href=3D#adjusted-current-node&gt;adjusted curr=
ent node&lt;/a&gt; is a &lt;a href=3D#mathml-text-integration-point&gt;Ma=
thML text integration point&lt;/a&gt; and the token is a character token&=
lt;/dt&gt;
+   &lt;dt&gt;If the &lt;a href=3D#adjusted-current-node&gt;adjusted curr=
ent node&lt;/a&gt; is an &lt;code title=3D&quot;&quot;&gt;annotation-xml&=
lt;/code&gt; element in the &lt;a href=3D#mathml-namespace&gt;MathML name=
space&lt;/a&gt; and the token is a start tag whose tag name is &quot;svg&=
quot;&lt;/dt&gt;
+   &lt;dt&gt;If the &lt;a href=3D#adjusted-current-node&gt;adjusted curr=
ent node&lt;/a&gt; is an &lt;a href=3D#html-integration-point&gt;HTML int=
egration point&lt;/a&gt; and the token is a start tag&lt;/dt&gt;
+   &lt;dt&gt;If the &lt;a href=3D#adjusted-current-node&gt;adjusted curr=
ent node&lt;/a&gt; is an &lt;a href=3D#html-integration-point&gt;HTML int=
egration point&lt;/a&gt; and the token is a character token&lt;/dt&gt;
+   &lt;dt&gt;If the token is an end-of-file token&lt;/dt&gt;
+
+   &lt;dd&gt;Process the token according to the rules given in the secti=
on corresponding to the current
+   &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; in HTML cont=
ent.&lt;/dd&gt;
+
+   &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+   &lt;dd&gt;Process the token according to the rules given in the secti=
on for parsing tokens &lt;a href=3D#parsing-main-inforeign title=3D&quot;=
insertion mode: in foreign content&quot;&gt;in foreign content&lt;/a&gt;.=
&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;The &lt;dfn id=3Dnext-token&gt;next token&lt;/dfn&=
gt; is the token that is about to be processed by the &lt;a href=3D#tree-=
construction-dispatcher&gt;tree
+  construction dispatcher&lt;/a&gt; (even if the token is subsequently j=
ust ignored).&lt;/p&gt;
+
+  &lt;p&gt;A node is a &lt;dfn id=3Dmathml-text-integration-point&gt;Mat=
hML text integration point&lt;/dfn&gt; if it is one of the following
+  elements:&lt;/p&gt;
+
+  &lt;ul class=3Dbrief&gt;&lt;li&gt;An &lt;code title=3D&quot;&quot;&gt;=
mi&lt;/code&gt; element in the &lt;a href=3D#mathml-namespace&gt;MathML n=
amespace&lt;/a&gt;&lt;/li&gt;
+   &lt;li&gt;An &lt;code title=3D&quot;&quot;&gt;mo&lt;/code&gt; element=
 in the &lt;a href=3D#mathml-namespace&gt;MathML namespace&lt;/a&gt;&lt;/=
li&gt;
+   &lt;li&gt;An &lt;code title=3D&quot;&quot;&gt;mn&lt;/code&gt; element=
 in the &lt;a href=3D#mathml-namespace&gt;MathML namespace&lt;/a&gt;&lt;/=
li&gt;
+   &lt;li&gt;An &lt;code title=3D&quot;&quot;&gt;ms&lt;/code&gt; element=
 in the &lt;a href=3D#mathml-namespace&gt;MathML namespace&lt;/a&gt;&lt;/=
li&gt;
+   &lt;li&gt;An &lt;code title=3D&quot;&quot;&gt;mtext&lt;/code&gt; elem=
ent in the &lt;a href=3D#mathml-namespace&gt;MathML namespace&lt;/a&gt;&l=
t;/li&gt;
+  &lt;/ul&gt;&lt;p&gt;A node is an &lt;dfn id=3Dhtml-integration-point&g=
t;HTML integration point&lt;/dfn&gt; if it is one of the following elemen=
ts:&lt;/p&gt;
+
+  &lt;ul class=3Dbrief&gt;&lt;li&gt;An &lt;code title=3D&quot;&quot;&gt;=
annotation-xml&lt;/code&gt; element in the &lt;a href=3D#mathml-namespace=
&gt;MathML namespace&lt;/a&gt; whose
+   start tag token had an attribute with the name &quot;encoding&quot; w=
hose value was an &lt;a href=3D#ascii-case-insensitive&gt;ASCII
+   case-insensitive&lt;/a&gt; match for the string &quot;&lt;code title=3D=
&quot;&quot;&gt;text/html&lt;/code&gt;&quot;&lt;/li&gt;
+   &lt;li&gt;An &lt;code title=3D&quot;&quot;&gt;annotation-xml&lt;/code=
&gt; element in the &lt;a href=3D#mathml-namespace&gt;MathML namespace&lt=
;/a&gt; whose
+   start tag token had an attribute with the name &quot;encoding&quot; w=
hose value was an &lt;a href=3D#ascii-case-insensitive&gt;ASCII
+   case-insensitive&lt;/a&gt; match for the string &quot;&lt;code title=3D=
&quot;&quot;&gt;application/xhtml+xml&lt;/code&gt;&quot;&lt;/li&gt;
+   &lt;li&gt;A &lt;code title=3D&quot;&quot;&gt;foreignObject&lt;/code&g=
t; element in the &lt;a href=3D#svg-namespace&gt;SVG namespace&lt;/a&gt;&=
lt;/li&gt;
+   &lt;li&gt;A &lt;code title=3D&quot;&quot;&gt;desc&lt;/code&gt; elemen=
t in the &lt;a href=3D#svg-namespace&gt;SVG namespace&lt;/a&gt;&lt;/li&gt=
;
+   &lt;li&gt;A &lt;code title=3D&quot;&quot;&gt;title&lt;/code&gt; eleme=
nt in the &lt;a href=3D#svg-namespace&gt;SVG namespace&lt;/a&gt;&lt;/li&g=
t;
+  &lt;/ul&gt;&lt;p class=3Dnote&gt;Not all of the tag names mentioned be=
low are conformant tag names in this
+  specification; many are included to handle legacy content. They still =
form part of the algorithm
+  that implementations are required to implement to claim conformance.&l=
t;/p&gt;
+
+  &lt;p class=3Dnote&gt;The algorithm described below places no limit on=
 the depth of the DOM tree
+  generated, or on the length of tag names, attribute names, attribute v=
alues, &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt;/code&gt;
+  nodes, etc. While implementors are encouraged to avoid arbitrary limit=
s, it is recognized that &lt;a href=3D#hardwareLimitations&gt;practical c=
oncerns&lt;/a&gt; will likely force user agents to impose nesting
+  depth constraints.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dcreating-and-inserting-nodes&gt;&lt;span class=3Dsecno&gt;=
12.2.5.1 &lt;/span&gt;Creating and inserting nodes&lt;/h5&gt;
+
+  &lt;p&gt;While the parser is processing a token, it can enable or disa=
ble &lt;dfn id=3Dfoster-parent title=3D&quot;foster
+  parent&quot;&gt;foster parenting&lt;/dfn&gt;. This affects the followi=
ng algorithm.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dappropriate-place-for-inserting-a-node&gt;ap=
propriate place for inserting a node&lt;/dfn&gt;, optionally using a part=
icular
+  &lt;i&gt;override target&lt;/i&gt;, is the position in an element retu=
rned by running the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;If there was an &lt;i&gt;override target&lt;/i&gt; specifie=
d, then let &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt; be the
+    &lt;i&gt;override target&lt;/i&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, let &lt;var title=3D&quot;&quot;&gt;target&lt;/v=
ar&gt; be the &lt;a href=3D#current-node&gt;current node&lt;/a&gt;.&lt;/p=
&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Determine the &lt;var title=3D&quot;&quot;&gt;adjusted inse=
rtion location&lt;/var&gt; using the first matching steps
+    from the following list:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;a href=3D#foster-parent ti=
tle=3D&quot;foster parent&quot;&gt;foster parenting&lt;/a&gt; is enabled =
and &lt;var title=3D&quot;&quot;&gt;target&lt;/var&gt; is a &lt;code&gt;&=
lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt;, &lt;code&=
gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt;, &lt;c=
ode&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/code&gt;,
+     &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/=
code&gt;, or &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;=
/code&gt; element&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p class=3Dnote&gt;Foster parenting happens when content is mis=
nested in tables.&lt;/p&gt;
+
+      &lt;p&gt;Run these substeps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;l=
ast template&lt;/var&gt; be the last &lt;code&gt;&lt;a href=3D#the-templa=
te-element&gt;template&lt;/a&gt;&lt;/code&gt; element in the
+       &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt=
;/a&gt;, if any.&lt;/p&gt;
+
+       &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;last table=
&lt;/var&gt; be the last &lt;code&gt;&lt;a href=3D#the-table-element&gt;t=
able&lt;/a&gt;&lt;/code&gt; element in the
+       &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt=
;/a&gt;, if any.&lt;/p&gt;
+
+       &lt;li&gt;&lt;p&gt;If there is a &lt;var title=3D&quot;&quot;&gt;=
last template&lt;/var&gt; and either there is no &lt;var title=3D&quot;&q=
uot;&gt;last table&lt;/var&gt;, or there is one, but &lt;var title=3D&quo=
t;&quot;&gt;last template&lt;/var&gt; is lower
+       (more recently added) than &lt;var title=3D&quot;&quot;&gt;last t=
able&lt;/var&gt; in the &lt;a href=3D#stack-of-open-elements&gt;stack of =
open
+       elements&lt;/a&gt;, then: let &lt;var title=3D&quot;&quot;&gt;adj=
usted insertion location&lt;/var&gt; be inside &lt;var title=3D&quot;&quo=
t;&gt;last template&lt;/var&gt;'s &lt;a href=3D#template-contents&gt;temp=
late contents&lt;/a&gt;, after its last child (if any),
+       and abort these substeps.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;If there is no &lt;var title=3D&quot;&quot;&gt=
;last table&lt;/var&gt;, &lt;!-- there's also implicitly no last
+       template, since we didn't hit the previous step --&gt; then let &=
lt;var title=3D&quot;&quot;&gt;adjusted insertion
+       location&lt;/var&gt; be inside the first element in the &lt;a hre=
f=3D#stack-of-open-elements&gt;stack of open elements&lt;/a&gt; (the
+       &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/=
code&gt; element), after its last child (if any), and abort these substep=
s.
+       (&lt;a href=3D#fragment-case&gt;fragment case&lt;/a&gt;)&lt;/p&gt=
;
+
+       &lt;!-- if we get here, we know there's a last table, and if ther=
e's a last template, it's older
+       than the last table. --&gt;
+
+       &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;last table&=
lt;/var&gt; has a parent element, then let &lt;var title=3D&quot;&quot;&g=
t;adjusted insertion location&lt;/var&gt; be inside &lt;var title=3D&quot=
;&quot;&gt;last table&lt;/var&gt;'s parent
+       element, immediately before &lt;var title=3D&quot;&quot;&gt;last =
table&lt;/var&gt;, and abort these
+       substeps.&lt;/li&gt;
+
+       &lt;!-- if we get here, we know there's a last table, but it has =
no parent, and if there's a
+       last template, it's older than the last table. --&gt;
+
+       &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;previous e=
lement&lt;/var&gt; be the element immediately above &lt;var title=3D&quot=
;&quot;&gt;last table&lt;/var&gt; in the &lt;a href=3D#stack-of-open-elem=
ents&gt;stack of open elements&lt;/a&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;adjusted i=
nsertion location&lt;/var&gt; be inside &lt;var title=3D&quot;&quot;&gt;p=
revious
+       element&lt;/var&gt;, after its last child (if any).&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;p class=3Dnote&gt;These steps are involved in part =
because it's possible for elements, the
+      &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;=
/code&gt; element in this case in particular, to have been moved by a scr=
ipt around
+      in the DOM, or indeed removed from the DOM entirely, after the ele=
ment was inserted by the
+      parser.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;adjusted insertion lo=
cation&lt;/var&gt; be inside &lt;var title=3D&quot;&quot;&gt;target&lt;/v=
ar&gt;,
+      after its last child (if any).&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;adjusted insertion l=
ocation&lt;/var&gt; is inside a &lt;code&gt;&lt;a href=3D#the-template-el=
ement&gt;template&lt;/a&gt;&lt;/code&gt;
+    element, let it instead be inside the &lt;code&gt;&lt;a href=3D#the-=
template-element&gt;template&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D=
#template-contents&gt;template
+    contents&lt;/a&gt;, after its last child (if any).&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Return the &lt;var title=3D&quot;&quot;&gt;adjusted inserti=
on location&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;When the steps below require the UA to &=
lt;dfn id=3Dcreate-an-element-for-the-token title=3D&quot;create an eleme=
nt for the token&quot;&gt;create an
+  element for a token&lt;/dfn&gt; in a particular &lt;var title=3D&quot;=
&quot;&gt;given namespace&lt;/var&gt; and with a
+  particular &lt;var title=3D&quot;&quot;&gt;intended parent&lt;/var&gt;=
, the UA must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;Create a node implementing the interface appropriate for th=
e element type corresponding to
+    the tag name of the token in &lt;var title=3D&quot;&quot;&gt;given n=
amespace&lt;/var&gt; (as given in the specification
+    that defines that element, e.g. for an &lt;code&gt;&lt;a href=3D#the=
-a-element&gt;a&lt;/a&gt;&lt;/code&gt; element in the &lt;a href=3D#html-=
namespace-0&gt;HTML
+    namespace&lt;/a&gt;, this specification defines it to be the &lt;cod=
e&gt;&lt;a href=3D#htmlanchorelement&gt;HTMLAnchorElement&lt;/a&gt;&lt;/c=
ode&gt;
+    interface), with the tag name being the name of that element, with t=
he node being in the given
+    namespace, and with the attributes on the node being those given in =
the given token.&lt;/p&gt;
+
+    &lt;p&gt;The interface appropriate for an element in the &lt;a href=3D=
#html-namespace-0&gt;HTML namespace&lt;/a&gt; that is not
+    defined in this specification (or &lt;a href=3D#other-applicable-spe=
cifications&gt;other applicable specifications&lt;/a&gt;) is
+    &lt;code&gt;&lt;a href=3D#htmlunknownelement&gt;HTMLUnknownElement&l=
t;/a&gt;&lt;/code&gt;. Elements in other namespaces whose interface is no=
t defined by
+    that namespace's specification must use the interface &lt;code&gt;&l=
t;a href=3D#element&gt;Element&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+    &lt;p&gt;The &lt;code title=3Ddom-Node-ownerDocument&gt;&lt;a href=3D=
#dom-node-ownerdocument&gt;ownerDocument&lt;/a&gt;&lt;/code&gt; of the ne=
wly created element
+    must be the same as that of the &lt;var title=3D&quot;&quot;&gt;inte=
nded parent&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the newly created element has an &lt;code title=
=3D&quot;&quot;&gt;xmlns&lt;/code&gt; attribute &lt;em&gt;in the
+   &lt;a href=3D#xmlns-namespace&gt;XMLNS namespace&lt;/a&gt;&lt;/em&gt;=
 whose value is not exactly the same as the element's namespace,
+   that is a &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;. Similar=
ly, if the newly created element has an &lt;code title=3D&quot;&quot;&gt;=
xmlns:xlink&lt;/code&gt; attribute in the &lt;a href=3D#xmlns-namespace&g=
t;XMLNS namespace&lt;/a&gt; whose value is not the
+   &lt;a href=3D#xlink-namespace&gt;XLink Namespace&lt;/a&gt;, that is a=
 &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the newly created element is a &lt;a href=3D#ca=
tegory-reset title=3Dcategory-reset&gt;resettable element&lt;/a&gt;,
+   invoke its &lt;a href=3D#concept-form-reset-control title=3Dconcept-f=
orm-reset-control&gt;reset algorithm&lt;/a&gt;. (This initializes the
+   element's &lt;a href=3D#concept-fe-value title=3Dconcept-fe-value&gt;=
value&lt;/a&gt; and &lt;a href=3D#concept-fe-checked title=3Dconcept-fe-c=
hecked&gt;checkedness&lt;/a&gt; based on the element's attributes.)&lt;/l=
i&gt;
+
+   &lt;li&gt;&lt;p&gt;If the element is a &lt;a href=3D#form-associated-=
element&gt;form-associated element&lt;/a&gt;, and the &lt;a href=3D#form-=
element-pointer&gt;&lt;code title=3D&quot;&quot;&gt;form&lt;/code&gt; ele=
ment pointer&lt;/a&gt; is not null, and there is no &lt;code&gt;&lt;a hre=
f=3D#the-template-element&gt;template&lt;/a&gt;&lt;/code&gt;
+   element on the &lt;a href=3D#stack-of-open-elements&gt;stack of open =
elements&lt;/a&gt;, and the newly created element is either not
+   &lt;a href=3D#category-form-attr title=3Dcategory-form-attr&gt;reasso=
ciateable&lt;/a&gt; or doesn't have a &lt;code title=3Dattr-fae-form&gt;&=
lt;a href=3D#attr-fae-form&gt;form&lt;/a&gt;&lt;/code&gt; attribute, and =
the &lt;var title=3D&quot;&quot;&gt;intended parent&lt;/var&gt; is in
+   the same &lt;a href=3D#home-subtree&gt;home subtree&lt;/a&gt; as the =
element pointed to by the &lt;a href=3D#form-element-pointer&gt;&lt;code =
title=3D&quot;&quot;&gt;form&lt;/code&gt; element pointer&lt;/a&gt;, &lt;=
a href=3D#concept-form-association title=3Dconcept-form-association&gt;as=
sociate&lt;/a&gt; the newly created element with the
+   &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code=
&gt; element pointed to by the &lt;a href=3D#form-element-pointer&gt;&lt;=
code title=3D&quot;&quot;&gt;form&lt;/code&gt; element
+   pointer&lt;/a&gt;, and suppress the running of the &lt;a href=3D#rese=
t-the-form-owner&gt;reset the form owner&lt;/a&gt; algorithm when
+   the parser subsequently attempts to insert the element.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the newly created element.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;!-- The names of these algorithms are kinda c=
onfusing; e.g. see the confusion in
+         https://www.w3.org/Bugs/Public/show_bug.cgi?id=3D18367
+       Not sure what we could call them instead, though... --&gt;&lt;p&g=
t;When the steps below require the user agent to &lt;dfn id=3Dinsert-a-fo=
reign-element&gt;insert a foreign element&lt;/dfn&gt; for a token
+  in a given namespace, the user agent must run these steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let the &lt;var title=3D&quot;&quot;&gt;a=
djusted insertion location&lt;/var&gt; be the &lt;a href=3D#appropriate-p=
lace-for-inserting-a-node&gt;appropriate place for
+   inserting a node&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#create-an-element-for-the-token&gt;C=
reate an element for the token&lt;/a&gt; in the given namespace, with the=
 intended
+   parent being the element in which the &lt;var title=3D&quot;&quot;&gt=
;adjusted insertion location&lt;/var&gt; finds
+   itself.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If it is possible to insert an element at the &lt;var title=
=3D&quot;&quot;&gt;adjusted insertion
+    location&lt;/var&gt;, then insert the newly created element at the &=
lt;var title=3D&quot;&quot;&gt;adjusted insertion
+    location&lt;/var&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;If the &lt;var title=3D&quot;&quot;&gt;adjuste=
d insertion location&lt;/var&gt; cannot accept more
+    elements, e.g. because it's a &lt;code&gt;&lt;a href=3D#document&gt;=
Document&lt;/a&gt;&lt;/code&gt; that already has an element child, then t=
he
+    newly created element is dropped on the floor.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Push the element onto the &lt;a href=3D#stack-of-o=
pen-elements&gt;stack of open elements&lt;/a&gt; so that it is the new
+   &lt;a href=3D#current-node&gt;current node&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return the newly created element.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When the steps below require the user agent to &lt=
;dfn id=3Dinsert-an-html-element&gt;insert an HTML element&lt;/dfn&gt; fo=
r a token,
+  the user agent must &lt;a href=3D#insert-a-foreign-element&gt;insert a=
 foreign element&lt;/a&gt; for the token, in the &lt;a href=3D#html-names=
pace-0&gt;HTML
+  namespace&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;When the steps below require the user agent to &lt;=
dfn id=3Dadjust-mathml-attributes&gt;adjust MathML attributes&lt;/dfn&gt;=
 for a token,
+  then, if the token has an attribute named &lt;code title=3D&quot;&quot=
;&gt;definitionurl&lt;/code&gt;, change its name to
+  &lt;code title=3D&quot;&quot;&gt;definitionURL&lt;/code&gt; (note the =
case difference).&lt;/p&gt;
+
+  &lt;p&gt;When the steps below require the user agent to &lt;dfn id=3Da=
djust-svg-attributes&gt;adjust SVG attributes&lt;/dfn&gt; for a token,
+  then, for each attribute on the token whose attribute name is one of t=
he ones in the first column
+  of the following table, change the attribute's name to the name given =
in the corresponding cell in
+  the second column. (This fixes the case of SVG attributes that are not=
 all lowercase.)&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt; Attribute name on token=
 &lt;th&gt; Attribute name on element
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;at=
tributename&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;attr=
ibuteName&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;attributetype&=
lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;attributeType&lt=
;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;basefrequency&=
lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;baseFrequency&lt=
;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;baseprofile&lt=
;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;baseProfile&lt;/co=
de&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;calcmode&lt;/c=
ode&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;calcMode&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;clippathunits&=
lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;clipPathUnits&lt=
;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;contentscriptt=
ype&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;contentScrip=
tType&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;contentstylety=
pe&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;contentStyleT=
ype&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;diffuseconstan=
t&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;diffuseConstan=
t&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;edgemode&lt;/c=
ode&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;edgeMode&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;externalresour=
cesrequired&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;exte=
rnalResourcesRequired&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;filterres&lt;/=
code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;filterRes&lt;/code&g=
t;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;filterunits&lt=
;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;filterUnits&lt;/co=
de&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;glyphref&lt;/c=
ode&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;glyphRef&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gradienttransf=
orm&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gradientTran=
sform&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gradientunits&=
lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gradientUnits&lt=
;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;kernelmatrix&l=
t;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;kernelMatrix&lt;/=
code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;kernelunitleng=
th&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;kernelUnitLen=
gth&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;keypoints&lt;/=
code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;keyPoints&lt;/code&g=
t;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;keysplines&lt;=
/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;keySplines&lt;/code=
&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;keytimes&lt;/c=
ode&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;keyTimes&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lengthadjust&l=
t;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lengthAdjust&lt;/=
code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;limitingconean=
gle&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;limitingCone=
Angle&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;markerheight&l=
t;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;markerHeight&lt;/=
code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;markerunits&lt=
;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;markerUnits&lt;/co=
de&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;markerwidth&lt=
;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;markerWidth&lt;/co=
de&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;maskcontentuni=
ts&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;maskContentUn=
its&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;maskunits&lt;/=
code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;maskUnits&lt;/code&g=
t;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;numoctaves&lt;=
/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;numOctaves&lt;/code=
&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;pathlength&lt;=
/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;pathLength&lt;/code=
&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;patterncontent=
units&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;patternCon=
tentUnits&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;patterntransfo=
rm&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;patternTransf=
orm&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;patternunits&l=
t;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;patternUnits&lt;/=
code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;pointsatx&lt;/=
code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;pointsAtX&lt;/code&g=
t;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;pointsaty&lt;/=
code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;pointsAtY&lt;/code&g=
t;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;pointsatz&lt;/=
code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;pointsAtZ&lt;/code&g=
t;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;preservealpha&=
lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;preserveAlpha&lt=
;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;preserveaspect=
ratio&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;preserveAs=
pectRatio&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;primitiveunits=
&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;primitiveUnits&=
lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;refx&lt;/code&=
gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;refX&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;refy&lt;/code&=
gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;refY&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;repeatcount&lt=
;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;repeatCount&lt;/co=
de&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;repeatdur&lt;/=
code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;repeatDur&lt;/code&g=
t;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;requiredextens=
ions&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;requiredExt=
ensions&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;requiredfeatur=
es&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;requiredFeatu=
res&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;specularconsta=
nt&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;specularConst=
ant&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;specularexpone=
nt&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;specularExpon=
ent&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;spreadmethod&l=
t;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;spreadMethod&lt;/=
code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;startoffset&lt=
;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;startOffset&lt;/co=
de&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;stddeviation&l=
t;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;stdDeviation&lt;/=
code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;stitchtiles&lt=
;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;stitchTiles&lt;/co=
de&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;surfacescale&l=
t;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;surfaceScale&lt;/=
code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;systemlanguage=
&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;systemLanguage&=
lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;tablevalues&lt=
;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;tableValues&lt;/co=
de&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;targetx&lt;/co=
de&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;targetX&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;targety&lt;/co=
de&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;targetY&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;textlength&lt;=
/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;textLength&lt;/code=
&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;viewbox&lt;/co=
de&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;viewBox&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;viewtarget&lt;=
/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;viewTarget&lt;/code=
&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xchannelselect=
or&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xChannelSelec=
tor&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ychannelselect=
or&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;yChannelSelec=
tor&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;zoomandpan&lt;=
/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;zoomAndPan&lt;/code=
&gt;
+  &lt;/table&gt;&lt;p&gt;When the steps below require the user agent to =
&lt;dfn id=3Dadjust-foreign-attributes&gt;adjust foreign attributes&lt;/d=
fn&gt; for a
+  token, then, if any of the attributes on the token match the strings g=
iven in the first column of
+  the following table, let the attribute be a namespaced attribute, with=
 the prefix being the string
+  given in the corresponding cell in the second column, the local name b=
eing the string given in the
+  corresponding cell in the third column, and the namespace being the na=
mespace given in the
+  corresponding cell in the fourth column. (This fixes the use of namesp=
aced attributes, in
+  particular &lt;a href=3D#attr-xml-lang title=3Dattr-xml-lang&gt;&lt;co=
de title=3D&quot;&quot;&gt;lang&lt;/code&gt; attributes in the &lt;span&g=
t;XML
+  namespace&lt;/span&gt;&lt;/a&gt;.)&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt; Attribute name &lt;th&g=
t; Prefix &lt;th&gt; Local name &lt;th&gt; Namespace
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xl=
ink:actuate&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlin=
k&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;actuate&lt;/co=
de&gt; &lt;td&gt; &lt;a href=3D#xlink-namespace&gt;XLink namespace&lt;/a&=
gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink:arcrole&=
lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink&lt;/code&g=
t; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;arcrole&lt;/code&gt; &lt;t=
d&gt; &lt;a href=3D#xlink-namespace&gt;XLink namespace&lt;/a&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink:href&lt;=
/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink&lt;/code&gt; =
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;href&lt;/code&gt; &lt;td&gt; =
&lt;a href=3D#xlink-namespace&gt;XLink namespace&lt;/a&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink:role&lt;=
/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink&lt;/code&gt; =
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;role&lt;/code&gt; &lt;td&gt; =
&lt;a href=3D#xlink-namespace&gt;XLink namespace&lt;/a&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink:show&lt;=
/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink&lt;/code&gt; =
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;show&lt;/code&gt; &lt;td&gt; =
&lt;a href=3D#xlink-namespace&gt;XLink namespace&lt;/a&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink:title&lt=
;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink&lt;/code&gt;=
 &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;title&lt;/code&gt; &lt;td&gt=
; &lt;a href=3D#xlink-namespace&gt;XLink namespace&lt;/a&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink:type&lt;=
/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink&lt;/code&gt; =
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;type&lt;/code&gt; &lt;td&gt; =
&lt;a href=3D#xlink-namespace&gt;XLink namespace&lt;/a&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xml:base&lt;/c=
ode&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xml&lt;/code&gt; &lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;base&lt;/code&gt; &lt;td&gt; &lt;=
a href=3D#xml-namespace&gt;XML namespace&lt;/a&gt; &lt;!-- attr-xml-base =
--&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xml:lang&lt;/c=
ode&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xml&lt;/code&gt; &lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;lang&lt;/code&gt; &lt;td&gt; &lt;=
a href=3D#xml-namespace&gt;XML namespace&lt;/a&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xml:space&lt;/=
code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xml&lt;/code&gt; &lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;space&lt;/code&gt; &lt;td&gt; &l=
t;a href=3D#xml-namespace&gt;XML namespace&lt;/a&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xmlns&lt;/code=
&gt; &lt;td&gt; (none) &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xmlns&=
lt;/code&gt; &lt;td&gt; &lt;a href=3D#xmlns-namespace&gt;XMLNS namespace&=
lt;/a&gt;
+    &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xmlns:xlink&lt=
;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xmlns&lt;/code&gt;=
 &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlink&lt;/code&gt; &lt;td&gt=
; &lt;a href=3D#xmlns-namespace&gt;XMLNS namespace&lt;/a&gt;
+  &lt;/table&gt;&lt;hr&gt;&lt;p&gt;When the steps below require the user=
 agent to &lt;dfn id=3Dinsert-a-character&gt;insert a character&lt;/dfn&g=
t; while processing a
+  token, the user agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;data&=
lt;/var&gt; be the characters passed to the algorithm, or, if no
+   characters were explicitly specified, the character of the character =
token being
+   processed.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the &lt;var title=3D&quot;&quot;&gt;adjusted i=
nsertion location&lt;/var&gt; be the &lt;a href=3D#appropriate-place-for-=
inserting-a-node&gt;appropriate
+   place for inserting a node&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;var title=3D&quot;&quot;&gt;adjusted insertion l=
ocation&lt;/var&gt; is in a &lt;code&gt;&lt;a href=3D#document&gt;Documen=
t&lt;/a&gt;&lt;/code&gt; node,
+    then abort these steps.
+
+    &lt;p class=3Dnote&gt;The DOM will not let &lt;code&gt;&lt;a href=3D=
#document&gt;Document&lt;/a&gt;&lt;/code&gt; nodes have &lt;code&gt;&lt;a=
 href=3D#text&gt;Text&lt;/a&gt;&lt;/code&gt; node
+    children, so they are dropped on the floor.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If there is a &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&=
gt;&lt;/code&gt; node immediately before the &lt;var title=3D&quot;&quot;=
&gt;adjusted insertion
+    location&lt;/var&gt;, then append &lt;var title=3D&quot;&quot;&gt;da=
ta&lt;/var&gt; to that &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&l=
t;/code&gt; node's data.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, create a new &lt;code&gt;&lt;a href=3D#text&gt;T=
ext&lt;/a&gt;&lt;/code&gt; node whose data is &lt;var title=3D&quot;&quot=
;&gt;data&lt;/var&gt; and
+    whose &lt;code title=3Ddom-Node-ownerDocument&gt;&lt;a href=3D#dom-n=
ode-ownerdocument&gt;ownerDocument&lt;/a&gt;&lt;/code&gt; is the same as =
that of the
+    element in which the &lt;var title=3D&quot;&quot;&gt;adjusted insert=
ion location&lt;/var&gt; finds itself, and insert
+    the newly created node at the &lt;var title=3D&quot;&quot;&gt;adjust=
ed insertion location&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Here are some sample inputs to the parser and the correspond=
ing number of &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt;/code&g=
t;
+   nodes that they result in, assuming a user agent that executes script=
s.&lt;/p&gt;
+
+   &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Input &lt;th&gt;Number =
of &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt;/code&gt; nodes
+    &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;pre&gt;A&amp;lt;script&amp;gt;
+var&amp;nbsp;script&amp;nbsp;=3D&amp;nbsp;document.getElementsByTagName(=
'script')[0];
+document.body.removeChild(script);
+&amp;lt;/script&amp;gt;B&lt;/pre&gt;
+      &lt;td&gt;One &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt;=
/code&gt; node in the document, containing &quot;AB&quot;.
+     &lt;tr&gt;&lt;td&gt;&lt;pre&gt;A&amp;lt;script&amp;gt;
+var&amp;nbsp;text&amp;nbsp;=3D&amp;nbsp;document.createTextNode('B');
+document.body.appendChild(text);
+&amp;lt;/script&amp;gt;C&lt;/pre&gt;
+      &lt;td&gt;Three &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&l=
t;/code&gt; nodes; &quot;A&quot; before the script, the script's contents=
, and &quot;BC&quot; after the script (the parser appends to the &lt;code=
&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt;/code&gt; node created by the=
 script).
+     &lt;tr&gt;&lt;td&gt;&lt;pre&gt;A&amp;lt;script&amp;gt;
+var&amp;nbsp;text&amp;nbsp;=3D&amp;nbsp;document.getElementsByTagName('s=
cript')[0].firstChild;
+text.data&amp;nbsp;=3D&amp;nbsp;'B';
+document.body.appendChild(text);
+&amp;lt;/script&amp;gt;C&lt;/pre&gt;
+      &lt;td&gt;Two adjacent &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/=
a&gt;&lt;/code&gt; nodes in the document, containing &quot;A&quot; and &q=
uot;BC&quot;.
+     &lt;tr&gt;&lt;td&gt;&lt;pre&gt;A&amp;lt;table&amp;gt;B&amp;lt;tr&am=
p;gt;C&amp;lt;/tr&amp;gt;D&amp;lt;/table&amp;gt;&lt;/pre&gt;
+      &lt;td&gt;One &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt;=
/code&gt; node before the table, containing &quot;ABCD&quot;. (This is ca=
used by &lt;a href=3D#foster-parent title=3D&quot;foster parent&quot;&gt;=
foster parenting&lt;/a&gt;.)
+     &lt;tr&gt;&lt;td&gt;&lt;pre&gt;A&amp;lt;table&amp;gt;&amp;lt;tr&amp=
;gt;&amp;nbsp;B&amp;lt;/tr&amp;gt;&amp;nbsp;C&amp;lt;/table&amp;gt;&lt;/p=
re&gt;
+      &lt;td&gt;One &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt;=
/code&gt; node before the table, containing &quot;A&amp;nbsp;B&amp;nbsp;C=
&quot; (A-space-B-space-C). (This is caused by &lt;a href=3D#foster-paren=
t title=3D&quot;foster parent&quot;&gt;foster parenting&lt;/a&gt;.)
+     &lt;tr&gt;&lt;td&gt;&lt;pre&gt;A&amp;lt;table&amp;gt;&amp;lt;tr&amp=
;gt;&amp;nbsp;B&amp;lt;/tr&amp;gt;&amp;nbsp;&amp;lt;/em&amp;gt;C&amp;lt;/=
table&amp;gt;&lt;/pre&gt;
+      &lt;td&gt;One &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt;=
/code&gt; node before the table, containing &quot;A&amp;nbsp;BC&quot; (A-=
space-B-C), and one &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt;/=
code&gt; node inside the table (as a child of a &lt;code&gt;&lt;a href=3D=
#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt;) with a single space c=
haracter. (Space characters separated from non-space characters by non-ch=
aracter tokens are not affected by &lt;a href=3D#foster-parent title=3D&q=
uot;foster parent&quot;&gt;foster parenting&lt;/a&gt;, even if those othe=
r tokens then get ignored.)
+   &lt;/table&gt;&lt;/div&gt;
+
+  &lt;hr&gt;&lt;p&gt;When the steps below require the user agent to &lt;=
dfn id=3Dinsert-a-comment&gt;insert a comment&lt;/dfn&gt; while processin=
g a
+  comment token, optionally with an explicitly insertion position &lt;va=
r title=3D&quot;&quot;&gt;position&lt;/var&gt;, the
+  user agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;data&=
lt;/var&gt; be the data given in the comment token being
+   processed.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;position&lt;/va=
r&gt; was specified, then let the &lt;var title=3D&quot;&quot;&gt;adjuste=
d
+   insertion location&lt;/var&gt; be &lt;var title=3D&quot;&quot;&gt;pos=
ition&lt;/var&gt;. Otherwise, let &lt;var title=3D&quot;&quot;&gt;adjuste=
d
+   insertion location&lt;/var&gt; be the &lt;a href=3D#appropriate-place=
-for-inserting-a-node&gt;appropriate place for inserting a node&lt;/a&gt;=
.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Create a &lt;code&gt;&lt;a href=3D#comment-0&gt;Co=
mment&lt;/a&gt;&lt;/code&gt; node whose &lt;code title=3D&quot;&quot;&gt;=
data&lt;/code&gt; attribute is set to
+   &lt;var title=3D&quot;&quot;&gt;data&lt;/var&gt; and whose &lt;code t=
itle=3Ddom-Node-ownerDocument&gt;&lt;a href=3D#dom-node-ownerdocument&gt;=
ownerDocument&lt;/a&gt;&lt;/code&gt; is
+   the same as that of the node in which the &lt;var title=3D&quot;&quot=
;&gt;adjusted insertion location&lt;/var&gt; finds
+   itself.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Insert the newly created node at the &lt;var title=
=3D&quot;&quot;&gt;adjusted insertion
+   location&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p id=3Dmutation-during-parsing&gt;DOM mutatio=
n events must not fire for changes caused by the UA
+  parsing the document. This includes the parsing of any content inserte=
d using &lt;code title=3Ddom-document-write&gt;&lt;a href=3D#dom-document=
-write&gt;document.write()&lt;/a&gt;&lt;/code&gt; and &lt;code title=3Ddo=
m-document-writeln&gt;&lt;a href=3D#dom-document-writeln&gt;document.writ=
eln()&lt;/a&gt;&lt;/code&gt; calls. &lt;a href=3D#refsDOMEVENTS&gt;[DOMEV=
ENTS]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;However, mutation observers &lt;em&gt;do&lt;/em&gt; fire, as =
required by the DOM specification.&lt;/p&gt;
+
+
+
+  &lt;h5 id=3Dparsing-elements-that-contain-only-text&gt;&lt;span class=3D=
secno&gt;12.2.5.2 &lt;/span&gt;Parsing elements that contain only text&lt=
;/h5&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dgeneric-raw-text-element-parsing-algorithm&g=
t;generic raw text element parsing algorithm&lt;/dfn&gt; and the &lt;dfn =
id=3Dgeneric-rcdata-element-parsing-algorithm&gt;generic RCDATA element
+  parsing algorithm&lt;/dfn&gt; consist of the following steps. These al=
gorithms are always invoked in
+  response to a start tag token.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;I=
nsert an HTML element&lt;/a&gt; for the token.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the algorithm that was invoked is the &lt;a hre=
f=3D#generic-raw-text-element-parsing-algorithm&gt;generic raw text eleme=
nt parsing
+   algorithm&lt;/a&gt;, switch the tokenizer to the &lt;a href=3D#rawtex=
t-state&gt;RAWTEXT state&lt;/a&gt;; otherwise the algorithm
+   invoked was the &lt;a href=3D#generic-rcdata-element-parsing-algorith=
m&gt;generic RCDATA element parsing algorithm&lt;/a&gt;, switch the token=
izer to
+   the &lt;a href=3D#rcdata-state&gt;RCDATA state&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let the &lt;a href=3D#original-insertion-mode&gt;o=
riginal insertion mode&lt;/a&gt; be the current &lt;a href=3D#insertion-m=
ode&gt;insertion
+   mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Then, switch the &lt;a href=3D#insertion-mode&gt;i=
nsertion mode&lt;/a&gt; to &quot;&lt;a href=3D#parsing-main-incdata title=
=3D&quot;insertion mode:
+   text&quot;&gt;text&lt;/a&gt;&quot;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;h5 id=3Dclosing-elements-that-have-implied-end-tags&gt;=
&lt;span class=3Dsecno&gt;12.2.5.3 &lt;/span&gt;Closing elements that hav=
e implied end tags&lt;/h5&gt;
+
+  &lt;p&gt;When the steps below require the UA to &lt;dfn id=3Dgenerate-=
implied-end-tags&gt;generate implied end
+  tags&lt;/dfn&gt;, then, while the &lt;a href=3D#current-node&gt;curren=
t node&lt;/a&gt; is a
+  &lt;code&gt;&lt;a href=3D#the-dd-element&gt;dd&lt;/a&gt;&lt;/code&gt; =
element, a &lt;code&gt;&lt;a href=3D#the-dt-element&gt;dt&lt;/a&gt;&lt;/c=
ode&gt; element, an
+  &lt;code&gt;&lt;a href=3D#the-li-element&gt;li&lt;/a&gt;&lt;/code&gt; =
element, an &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&=
gt;&lt;/code&gt; element, an
+  &lt;code&gt;&lt;a href=3D#the-optgroup-element&gt;optgroup&lt;/a&gt;&l=
t;/code&gt; element, a &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a=
&gt;&lt;/code&gt; element, an
+  &lt;code&gt;&lt;a href=3D#the-rp-element&gt;rp&lt;/a&gt;&lt;/code&gt; =
element, or an &lt;code&gt;&lt;a href=3D#the-rt-element&gt;rt&lt;/a&gt;&l=
t;/code&gt; element, the UA must
+  pop the &lt;a href=3D#current-node&gt;current node&lt;/a&gt; off the &=
lt;a href=3D#stack-of-open-elements&gt;stack of open
+  elements&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;If a step requires the UA to generate implied end tags but li=
sts
+  an element to exclude from the process, then the UA must perform the
+  above steps as if that element was not in the above list.&lt;/p&gt;
+
+
+
+  &lt;h5 id=3Dparsing-main-inhtml&gt;&lt;span class=3Dsecno&gt;12.2.5.4 =
&lt;/span&gt;The rules for parsing tokens in HTML content&lt;/h5&gt;
+
+
+  &lt;h6 id=3Dthe-initial-insertion-mode&gt;&lt;span class=3Dsecno&gt;12=
.2.5.4.1 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;insertion mode: ini=
tial&quot;&gt;initial&lt;/dfn&gt;&quot; insertion mode&lt;/h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#the-initial-insertion-mode title=3D&quot;insertion mode:
+  initial&quot;&gt;initial&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&=
gt;insertion mode&lt;/a&gt;, the user agent must handle the token as
+  follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A character token that is one of U+=
0009 CHARACTER
+   TABULATION, U+000A LINE FEED (LF), U+000C FORM FEED (FF),
+   U+000D CARRIAGE RETURN (CR), or U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Ignore the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A comment token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#insert-a-comment&gt;Insert a comment&lt;/a&gt=
; as the last child of the &lt;code&gt;&lt;a href=3D#document&gt;Document=
&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A DOCTYPE token&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the DOCTYPE token's name is not a &lt;a href=3D#case-sen=
sitive&gt;case-sensitive&lt;/a&gt; match for the string &quot;&lt;code ti=
tle=3D&quot;&quot;&gt;html&lt;/code&gt;&quot;, or the token's public iden=
tifier is not missing, or the token's system
+    identifier is neither missing nor a &lt;a href=3D#case-sensitive&gt;=
case-sensitive&lt;/a&gt; match for the string
+    &quot;&lt;code&gt;&lt;a href=3D#about:legacy-compat&gt;about:legacy-=
compat&lt;/a&gt;&lt;/code&gt;&quot;, and none of the sets of conditions i=
n the following list are
+    matched, then there is a &lt;a href=3D#parse-error&gt;parse error&lt=
;/a&gt;.&lt;/p&gt;
+
+    &lt;ul&gt;&lt;!-- only things that trigger no-quirks mode and were v=
alid in some other spec are allowed in
+     this list --&gt;&lt;li&gt;The DOCTYPE token's name is a &lt;a href=3D=
#case-sensitive&gt;case-sensitive&lt;/a&gt; match for the string &quot;&l=
t;code title=3D&quot;&quot;&gt;html&lt;/code&gt;&quot;, the token's publi=
c identifier is the &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&=
gt; string
+     &quot;&lt;code title=3D&quot;&quot;&gt;-//W3C//DTD&amp;nbsp;HTML&am=
p;nbsp;4.0//EN&lt;/code&gt;&quot;, and the token's system identifier
+     is either missing or the &lt;a href=3D#case-sensitive&gt;case-sensi=
tive&lt;/a&gt; string &quot;&lt;code title=3D&quot;&quot;&gt;http://www.w=
3.org/TR/REC-html40/strict.dtd&lt;/code&gt;&quot;.&lt;/li&gt;
+
+     &lt;li&gt;The DOCTYPE token's name is a &lt;a href=3D#case-sensitiv=
e&gt;case-sensitive&lt;/a&gt; match for the string &quot;&lt;code title=3D=
&quot;&quot;&gt;html&lt;/code&gt;&quot;, the token's public identifier is=
 the &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt; string
+     &quot;&lt;code title=3D&quot;&quot;&gt;-//W3C//DTD&amp;nbsp;HTML&am=
p;nbsp;4.01//EN&lt;/code&gt;&quot;, and the token's system identifier
+     is either missing or the &lt;a href=3D#case-sensitive&gt;case-sensi=
tive&lt;/a&gt; string &quot;&lt;code title=3D&quot;&quot;&gt;http://www.w=
3.org/TR/html4/strict.dtd&lt;/code&gt;&quot;.&lt;/li&gt;
+
+     &lt;li&gt;The DOCTYPE token's name is a &lt;a href=3D#case-sensitiv=
e&gt;case-sensitive&lt;/a&gt; match for the string &quot;&lt;code title=3D=
&quot;&quot;&gt;html&lt;/code&gt;&quot;, the token's public identifier is=
 the &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt; string
+     &quot;&lt;code title=3D&quot;&quot;&gt;-//W3C//DTD&amp;nbsp;XHTML&a=
mp;nbsp;1.0&amp;nbsp;Strict//EN&lt;/code&gt;&quot;, and the token's syste=
m
+     identifier is the &lt;a href=3D#case-sensitive&gt;case-sensitive&lt=
;/a&gt; string &quot;&lt;code title=3D&quot;&quot;&gt;http://www.w3.org/T=
R/xhtml1/DTD/xhtml1-strict.dtd&lt;/code&gt;&quot;.&lt;/li&gt;
+
+     &lt;li&gt;The DOCTYPE token's name is a &lt;a href=3D#case-sensitiv=
e&gt;case-sensitive&lt;/a&gt; match for the string &quot;&lt;code title=3D=
&quot;&quot;&gt;html&lt;/code&gt;&quot;, the token's public identifier is=
 the &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt; string
+     &quot;&lt;code title=3D&quot;&quot;&gt;-//W3C//DTD&amp;nbsp;XHTML&a=
mp;nbsp;1.1//EN&lt;/code&gt;&quot;, and the token's system identifier
+     is the &lt;a href=3D#case-sensitive&gt;case-sensitive&lt;/a&gt; str=
ing &quot;&lt;code title=3D&quot;&quot;&gt;http://www.w3.org/TR/xhtml11/D=
TD/xhtml11.dtd&lt;/code&gt;&quot;.&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;p&gt;Conformance checkers may, based on the values (i=
ncluding presence or lack thereof) of the
+    DOCTYPE token's name, public identifier, or system identifier, switc=
h to a conformance checking
+    mode for another language (e.g. based on the DOCTYPE token a conform=
ance checker could recognize
+    that the document is an HTML4-era document, and defer to an HTML4 co=
nformance checker.)&lt;/p&gt;
+
+    &lt;p&gt;Append a &lt;code&gt;&lt;a href=3D#documenttype&gt;Document=
Type&lt;/a&gt;&lt;/code&gt; node to the &lt;code&gt;&lt;a href=3D#documen=
t&gt;Document&lt;/a&gt;&lt;/code&gt; node, with the &lt;code title=3D&quo=
t;&quot;&gt;name&lt;/code&gt; attribute set to the name given in the DOCT=
YPE token, or the empty string
+    if the name was missing; the &lt;code title=3D&quot;&quot;&gt;public=
Id&lt;/code&gt; attribute set to the public
+    identifier given in the DOCTYPE token, or the empty string if the pu=
blic identifier was missing;
+    the &lt;code title=3D&quot;&quot;&gt;systemId&lt;/code&gt; attribute=
 set to the system identifier given in the DOCTYPE
+    token, or the empty string if the system identifier was missing; and=
 the other attributes
+    specific to &lt;code&gt;&lt;a href=3D#documenttype&gt;DocumentType&l=
t;/a&gt;&lt;/code&gt; objects set to null and empty lists as appropriate.
+    Associate the &lt;code&gt;&lt;a href=3D#documenttype&gt;DocumentType=
&lt;/a&gt;&lt;/code&gt; node with the &lt;code&gt;&lt;a href=3D#document&=
gt;Document&lt;/a&gt;&lt;/code&gt; object so that it is
+    returned as the value of the &lt;code title=3D&quot;&quot;&gt;doctyp=
e&lt;/code&gt; attribute of the
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; object.&lt;/p&gt;
+
+    &lt;p id=3Dquirks-mode-doctypes&gt;Then, if the document is &lt;em&g=
t;not&lt;/em&gt; &lt;a href=3D#an-iframe-srcdoc-document&gt;an &lt;code&g=
t;iframe&lt;/code&gt;
+    &lt;code title=3Dattr-iframe-srcdoc&gt;srcdoc&lt;/code&gt; document&=
lt;/a&gt;, and the DOCTYPE token matches
+    one of the conditions in the following list, then set the &lt;code&g=
t;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; to &lt;a href=
=3D#quirks-mode&gt;quirks
+    mode&lt;/a&gt;:&lt;/p&gt;
+
+    &lt;ul class=3Dbrief&gt;&lt;li&gt; The &lt;i&gt;force-quirks flag&lt=
;/i&gt; is set to &lt;i&gt;on&lt;/i&gt;. &lt;/li&gt;
+     &lt;li&gt; The name is set to anything other than &quot;&lt;code ti=
tle=3D&quot;&quot;&gt;html&lt;/code&gt;&quot; (compared &lt;a href=3D#cas=
e-sensitive title=3Dcase-sensitive&gt;case-sensitively&lt;/a&gt;). &lt;/l=
i&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;+//Silmaril//dtd html Pro v0r11 19970101//&lt;!--EN--&gt;=
&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//AdvaSoft Ltd//DTD HTML 3.0 asWedit + extensions//&lt;!=
--EN--&gt;&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//AS//DTD HTML 3.0 asWedit + extensions//&lt;!--EN--&gt;=
&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML 2.0 Level 1//&lt;!--EN--&gt;&lt;/code&g=
t;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML 2.0 Level 2//&lt;!--EN--&gt;&lt;/code&g=
t;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML 2.0 Strict Level 1//&lt;!--EN--&gt;&lt;=
/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML 2.0 Strict Level 2//&lt;!--EN--&gt;&lt;=
/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML 2.0 Strict//&lt;!--EN--&gt;&lt;/code&gt=
;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML 2.0//&lt;!--EN--&gt;&lt;/code&gt;&quot;=
 &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML 2.1E//&lt;!--EN--&gt;&lt;/code&gt;&quot=
; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML 3.0//&lt;!--EN--&gt;&lt;/code&gt;&quot;=
 &lt;/li&gt;
+   &lt;!--&lt;li&gt; The public identifier is set to: &quot;&lt;code tit=
le=3D&quot;&quot;&gt;-//IETF//DTD HTML 3.0//EN//&lt;/code&gt;&quot; &lt;/=
li&gt;--&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML 3.2 Final//&lt;!--EN--&gt;&lt;/code&gt;=
&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML 3.2//&lt;!--EN--&gt;&lt;/code&gt;&quot;=
 &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML 3//&lt;!--EN--&gt;&lt;/code&gt;&quot; &=
lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML Level 0//&lt;!--EN--&gt;&lt;/code&gt;&q=
uot; &lt;/li&gt;
+   &lt;!--&lt;li&gt; The public identifier is set to: &quot;&lt;code tit=
le=3D&quot;&quot;&gt;-//IETF//DTD HTML Level 0//EN//2.0&lt;/code&gt;&quot=
; &lt;/li&gt;--&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML Level 1//&lt;!--EN--&gt;&lt;/code&gt;&q=
uot; &lt;/li&gt;
+   &lt;!--&lt;li&gt; The public identifier is set to: &quot;&lt;code tit=
le=3D&quot;&quot;&gt;-//IETF//DTD HTML Level 1//EN//2.0&lt;/code&gt;&quot=
; &lt;/li&gt;--&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML Level 2//&lt;!--EN--&gt;&lt;/code&gt;&q=
uot; &lt;/li&gt;
+   &lt;!--&lt;li&gt; The public identifier is set to: &quot;&lt;code tit=
le=3D&quot;&quot;&gt;-//IETF//DTD HTML Level 2//EN//2.0&lt;/code&gt;&quot=
; &lt;/li&gt;--&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML Level 3//&lt;!--EN--&gt;&lt;/code&gt;&q=
uot; &lt;/li&gt;
+   &lt;!--&lt;li&gt; The public identifier is set to: &quot;&lt;code tit=
le=3D&quot;&quot;&gt;-//IETF//DTD HTML Level 3//EN//3.0&lt;/code&gt;&quot=
; &lt;/li&gt;--&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML Strict Level 0//&lt;!--EN--&gt;&lt;/cod=
e&gt;&quot; &lt;/li&gt;
+   &lt;!--&lt;li&gt; The public identifier is set to: &quot;&lt;code tit=
le=3D&quot;&quot;&gt;-//IETF//DTD HTML Strict Level 0//EN//2.0&lt;/code&g=
t;&quot; &lt;/li&gt;--&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML Strict Level 1//&lt;!--EN--&gt;&lt;/cod=
e&gt;&quot; &lt;/li&gt;
+   &lt;!--&lt;li&gt; The public identifier is set to: &quot;&lt;code tit=
le=3D&quot;&quot;&gt;-//IETF//DTD HTML Strict Level 1//EN//2.0&lt;/code&g=
t;&quot; &lt;/li&gt;--&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML Strict Level 2//&lt;!--EN--&gt;&lt;/cod=
e&gt;&quot; &lt;/li&gt;
+   &lt;!--&lt;li&gt; The public identifier is set to: &quot;&lt;code tit=
le=3D&quot;&quot;&gt;-//IETF//DTD HTML Strict Level 2//EN//2.0&lt;/code&g=
t;&quot; &lt;/li&gt;--&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML Strict Level 3//&lt;!--EN--&gt;&lt;/cod=
e&gt;&quot; &lt;/li&gt;
+   &lt;!--&lt;li&gt; The public identifier is set to: &quot;&lt;code tit=
le=3D&quot;&quot;&gt;-//IETF//DTD HTML Strict Level 3//EN//3.0&lt;/code&g=
t;&quot; &lt;/li&gt;--&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML Strict//&lt;!--EN--&gt;&lt;/code&gt;&qu=
ot; &lt;/li&gt;
+   &lt;!--&lt;li&gt; The public identifier is set to: &quot;&lt;code tit=
le=3D&quot;&quot;&gt;-//IETF//DTD HTML Strict//EN//2.0&lt;/code&gt;&quot;=
 &lt;/li&gt;--&gt;
+   &lt;!--&lt;li&gt; The public identifier is set to: &quot;&lt;code tit=
le=3D&quot;&quot;&gt;-//IETF//DTD HTML Strict//EN//3.0&lt;/code&gt;&quot;=
 &lt;/li&gt;--&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//IETF//DTD HTML//&lt;!--EN--&gt;&lt;/code&gt;&quot; &lt=
;/li&gt;
+   &lt;!--&lt;li&gt; The public identifier is set to: &quot;&lt;code tit=
le=3D&quot;&quot;&gt;-//IETF//DTD HTML//EN//2.0&lt;/code&gt;&quot; &lt;/l=
i&gt;--&gt;
+   &lt;!--&lt;li&gt; The public identifier is set to: &quot;&lt;code tit=
le=3D&quot;&quot;&gt;-//IETF//DTD HTML//EN//3.0&lt;/code&gt;&quot; &lt;/l=
i&gt;--&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//Metrius//DTD Metrius Presentational//&lt;!--EN--&gt;&l=
t;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//Microsoft//DTD Internet Explorer 2.0 HTML Strict//&lt;=
!--EN--&gt;&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//Microsoft//DTD Internet Explorer 2.0 HTML//&lt;!--EN--=
&gt;&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//Microsoft//DTD Internet Explorer 2.0 Tables//&lt;!--EN=
--&gt;&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//Microsoft//DTD Internet Explorer 3.0 HTML Strict//&lt;=
!--EN--&gt;&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//Microsoft//DTD Internet Explorer 3.0 HTML//&lt;!--EN--=
&gt;&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//Microsoft//DTD Internet Explorer 3.0 Tables//&lt;!--EN=
--&gt;&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//Netscape Comm. Corp.//DTD HTML//&lt;!--EN--&gt;&lt;/co=
de&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//Netscape Comm. Corp.//DTD Strict HTML//&lt;!--EN--&gt;=
&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//O'Reilly and Associates//DTD HTML 2.0//&lt;!--EN--&gt;=
&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//O'Reilly and Associates//DTD HTML Extended 1.0//&lt;!-=
-EN--&gt;&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//O'Reilly and Associates//DTD HTML Extended Relaxed 1.0=
//&lt;!--EN--&gt;&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//SoftQuad Software//DTD HoTMetaL PRO 6.0::19990601::ext=
ensions to HTML 4.0//&lt;!--EN--&gt;&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//SoftQuad//DTD HoTMetaL PRO 4.0::19971010::extensions t=
o HTML 4.0//&lt;!--EN--&gt;&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//Spyglass//DTD HTML 2.0 Extended//&lt;!--EN--&gt;&lt;/c=
ode&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//SQ//DTD HTML 2.0 HoTMetaL + extensions//&lt;!--EN--&gt=
;&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//Sun Microsystems Corp.//DTD HotJava HTML//&lt;!--EN--&=
gt;&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//Sun Microsystems Corp.//DTD HotJava Strict HTML//&lt;!=
--EN--&gt;&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//W3C//DTD HTML 3 1995-03-24//&lt;!--EN--&gt;&lt;/code&g=
t;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//W3C//DTD HTML 3.2 Draft//&lt;!--EN--&gt;&lt;/code&gt;&=
quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//W3C//DTD HTML 3.2 Final//&lt;!--EN--&gt;&lt;/code&gt;&=
quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//W3C//DTD HTML 3.2//&lt;!--EN--&gt;&lt;/code&gt;&quot; =
&lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//W3C//DTD HTML 3.2S Draft//&lt;!--EN--&gt;&lt;/code&gt;=
&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//W3C//DTD HTML 4.0 Frameset//&lt;!--EN--&gt;&lt;/code&g=
t;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//W3C//DTD HTML 4.0 Transitional//&lt;!--EN--&gt;&lt;/co=
de&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//W3C//DTD HTML Experimental 19960712//&lt;!--EN--&gt;&l=
t;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//W3C//DTD HTML Experimental 970421//&lt;!--EN--&gt;&lt;=
/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//W3C//DTD W3 HTML//&lt;!--EN--&gt;&lt;/code&gt;&quot; &=
lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//W3O//DTD W3 HTML 3.0//&lt;!--EN--&gt;&lt;/code&gt;&quo=
t; &lt;/li&gt;
+   &lt;!--&lt;li&gt; The public identifier is set to: &quot;&lt;code tit=
le=3D&quot;&quot;&gt;-//W3O//DTD W3 HTML 3.0//EN//&lt;/code&gt;&quot; &lt=
;/li&gt;--&gt;
+     &lt;li&gt; The public identifier is set to: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//W3O//DTD W3 HTML Strict 3.0//EN//&lt;/code&gt;&quot; &=
lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//WebTechs//DTD Mozilla HTML 2.0//&lt;!--EN--&gt;&lt;/co=
de&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//WebTechs//DTD Mozilla HTML//&lt;!--EN--&gt;&lt;/code&g=
t;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier is set to: &quot;&lt;code title=3D=
&quot;&quot;&gt;-/W3C/DTD HTML 4.0 Transitional/EN&lt;/code&gt;&quot; &lt=
;/li&gt;
+     &lt;li&gt; The public identifier is set to: &quot;&lt;code title=3D=
&quot;&quot;&gt;HTML&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The system identifier is set to: &quot;&lt;code title=3D=
&quot;&quot;&gt;http://www.ibm.com/data/dtd/v11/ibmxhtml1-transitional.dt=
d&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The system identifier is missing and the public identifi=
er starts with: &quot;&lt;code title=3D&quot;&quot;&gt;-//W3C//DTD HTML 4=
.01 Frameset//&lt;!--EN--&gt;&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The system identifier is missing and the public identifi=
er starts with: &quot;&lt;code title=3D&quot;&quot;&gt;-//W3C//DTD HTML 4=
.01 Transitional//&lt;!--EN--&gt;&lt;/code&gt;&quot; &lt;/li&gt;
+    &lt;/ul&gt;&lt;p&gt;Otherwise, if the document is &lt;em&gt;not&lt;/=
em&gt; &lt;a href=3D#an-iframe-srcdoc-document&gt;an &lt;code&gt;iframe&l=
t;/code&gt; &lt;code title=3Dattr-iframe-srcdoc&gt;srcdoc&lt;/code&gt; do=
cument&lt;/a&gt;, and the DOCTYPE token matches one of
+    the conditions in the following list, then set the &lt;code&gt;&lt;a=
 href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; to &lt;a href=3D#lim=
ited-quirks-mode&gt;limited-quirks
+    mode&lt;/a&gt;:&lt;/p&gt;
+
+    &lt;ul class=3Dbrief&gt;&lt;li&gt; The public identifier starts with=
: &quot;&lt;code title=3D&quot;&quot;&gt;-//W3C//DTD XHTML 1.0 Frameset//=
&lt;!--EN--&gt;&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The public identifier starts with: &quot;&lt;code title=3D=
&quot;&quot;&gt;-//W3C//DTD XHTML 1.0 Transitional//&lt;!--EN--&gt;&lt;/c=
ode&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The system identifier is not missing and the public iden=
tifier starts with: &quot;&lt;code title=3D&quot;&quot;&gt;-//W3C//DTD HT=
ML 4.01 Frameset//&lt;!--EN--&gt;&lt;/code&gt;&quot; &lt;/li&gt;
+     &lt;li&gt; The system identifier is not missing and the public iden=
tifier starts with: &quot;&lt;code title=3D&quot;&quot;&gt;-//W3C//DTD HT=
ML 4.01 Transitional//&lt;!--EN--&gt;&lt;/code&gt;&quot; &lt;/li&gt;
+    &lt;/ul&gt;&lt;p&gt;The system identifier and public identifier stri=
ngs must be compared to the values given in
+    the lists above in an &lt;a href=3D#ascii-case-insensitive&gt;ASCII =
case-insensitive&lt;/a&gt; manner. A system identifier whose
+    value is the empty string is not considered missing for the purposes=
 of the conditions
+    above.&lt;/p&gt;
+
+    &lt;p&gt;Then, switch the &lt;a href=3D#insertion-mode&gt;insertion =
mode&lt;/a&gt; to &quot;&lt;a href=3D#the-before-html-insertion-mode titl=
e=3D&quot;insertion mode: before
+    html&quot;&gt;before html&lt;/a&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the document is &lt;em&gt;not&lt;/em&gt; &lt;a href=3D#a=
n-iframe-srcdoc-document&gt;an &lt;code&gt;iframe&lt;/code&gt; &lt;code t=
itle=3Dattr-iframe-srcdoc&gt;srcdoc&lt;/code&gt; document&lt;/a&gt;, then=
 this is a &lt;a href=3D#parse-error&gt;parse
+    error&lt;/a&gt;; set the &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt; to &lt;a href=3D#quirks-mode&gt;quirks mode&lt=
;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;In any case, switch the &lt;a href=3D#insertion-mode&gt;ins=
ertion mode&lt;/a&gt; to &quot;&lt;a href=3D#the-before-html-insertion-mo=
de title=3D&quot;insertion mode: before
+    html&quot;&gt;before html&lt;/a&gt;&quot;, then reprocess the token.=
&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h6 id=3Dthe-before-html-insertion-mode&gt;&lt;span clas=
s=3Dsecno&gt;12.2.5.4.2 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;inse=
rtion mode: before html&quot;&gt;before html&lt;/dfn&gt;&quot; insertion =
mode&lt;/h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#the-before-html-insertion-mode title=3D&quot;insertion mode: bef=
ore
+  html&quot;&gt;before html&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode=
&gt;insertion mode&lt;/a&gt;, the user agent must handle the token as
+  follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A DOCTYPE token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A comment token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#insert-a-comment&gt;Insert a comment&lt;/a&gt=
; as the last child of the &lt;code&gt;&lt;a href=3D#document&gt;Document=
&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A character token that is one of U+0009 CHARACTER TABULATIO=
N, U+000A LINE FEED (LF), U+000C
+   FORM FEED (FF), U+000D CARRIAGE RETURN (CR), or U+0020 SPACE&lt;/dt&g=
t;
+   &lt;dd&gt;
+    &lt;p&gt;Ignore the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;html&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#create-an-element-for-the-token&gt;Create an =
element for the token&lt;/a&gt; in the &lt;a href=3D#html-namespace-0&gt;=
HTML namespace&lt;/a&gt;, with the
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; as the intended parent. Append it to the &lt;code&gt;&lt;a href=3D#docu=
ment&gt;Document&lt;/a&gt;&lt;/code&gt; object. Put
+    this element in the &lt;a href=3D#stack-of-open-elements&gt;stack of=
 open elements&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p id=3Dparser-appcache&gt;If the &lt;code&gt;&lt;a href=3D#docum=
ent&gt;Document&lt;/a&gt;&lt;/code&gt; is being loaded as part of &lt;a h=
ref=3D#navigate title=3Dnavigate&gt;navigation&lt;/a&gt; of a &lt;a href=3D=
#browsing-context&gt;browsing context&lt;/a&gt;, then: if the newly
+    created element has a &lt;code title=3Dattr-html-manifest&gt;&lt;a h=
ref=3D#attr-html-manifest&gt;manifest&lt;/a&gt;&lt;/code&gt; attribute wh=
ose value is
+    not the empty string, then &lt;a href=3D#resolve-a-url title=3D&quot=
;resolve a url&quot;&gt;resolve&lt;/a&gt; the value of that
+    attribute to an &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt;=
, relative to the newly created element, and if that is
+    successful, run the &lt;a href=3D#concept-appcache-init title=3Dconc=
ept-appcache-init&gt;application cache selection
+    algorithm&lt;/a&gt; with the result of applying the &lt;a href=3D#co=
ncept-url-serializer title=3Dconcept-url-serializer&gt;URL
+    serializer&lt;/a&gt; algorithm to the resulting &lt;a href=3D#parsed=
-url&gt;parsed URL&lt;/a&gt; with the &lt;i&gt;exclude
+    fragment flag&lt;/i&gt; set; otherwise, if there is no such attribut=
e, or its value is the empty
+    string, or resolving its value fails, run the &lt;a href=3D#concept-=
appcache-init title=3Dconcept-appcache-init&gt;application
+    cache selection algorithm&lt;/a&gt; with no manifest. The algorithm =
must be passed the
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; object.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#the-before-head-insertion-mode title=3D&q=
uot;insertion mode: before head&quot;&gt;before
+    head&lt;/a&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is one of: &quot;head&quot;, &quo=
t;body&quot;, &quot;html&quot;, &quot;br&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Act as described in the &quot;anything else&quot; entry bel=
ow.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Any other end tag&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Create an &lt;code&gt;&lt;a href=3D#the-html-element&gt;htm=
l&lt;/a&gt;&lt;/code&gt; element whose &lt;code title=3Ddom-Node-ownerDoc=
ument&gt;&lt;a href=3D#dom-node-ownerdocument&gt;ownerDocument&lt;/a&gt;&=
lt;/code&gt; is the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&=
gt;&lt;/code&gt; object. Append
+    it to the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&l=
t;/code&gt; object. Put this element in the &lt;a href=3D#stack-of-open-e=
lements&gt;stack of open
+    elements&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a=
&gt;&lt;/code&gt; is being loaded as part of &lt;a href=3D#navigate title=
=3Dnavigate&gt;navigation&lt;/a&gt; of a &lt;a href=3D#browsing-context&g=
t;browsing context&lt;/a&gt;, then: run the &lt;a href=3D#concept-appcach=
e-init title=3Dconcept-appcache-init&gt;application cache selection algor=
ithm&lt;/a&gt; with no manifest,
+    passing it the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&=
gt;&lt;/code&gt; object.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#the-before-head-insertion-mode title=3D&q=
uot;insertion mode: before head&quot;&gt;before
+    head&lt;/a&gt;&quot;, then reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;The root element can end up being removed from the=
 &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; ob=
ject, e.g. by
+  scripts; nothing in particular happens in such cases, content continue=
s being appended to the
+  nodes as described in the next section.&lt;/p&gt;
+
+
+  &lt;h6 id=3Dthe-before-head-insertion-mode&gt;&lt;span class=3Dsecno&g=
t;12.2.5.4.3 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;insertion mode:=
 before head&quot;&gt;before head&lt;/dfn&gt;&quot; insertion mode&lt;/h6=
&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#the-before-head-insertion-mode title=3D&quot;insertion mode: bef=
ore
+  head&quot;&gt;before head&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode=
&gt;insertion mode&lt;/a&gt;, the user agent must handle the token as
+  follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A character token that is one of U+=
0009 CHARACTER
+   TABULATION, U+000A LINE FEED (LF), U+000C FORM FEED (FF),
+   U+000D CARRIAGE RETURN (CR), or U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Ignore the token.&lt;/p&gt; &lt;!-- :-( --&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A comment token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#insert-a-comment&gt;Insert a comment&lt;/a&gt=
;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A DOCTYPE token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;html&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inbody tit=
le=3D&quot;insertion mode: in
+    body&quot;&gt;in body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;head&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token.&lt;/p&gt;
+
+    &lt;p&gt;Set the &lt;a href=3D#head-element-pointer&gt;&lt;code titl=
e=3D&quot;&quot;&gt;head&lt;/code&gt; element pointer&lt;/a&gt; to the ne=
wly created
+    &lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/cod=
e&gt; element.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-inhead title=3D&quot;inserti=
on mode: in head&quot;&gt;in
+    head&lt;/a&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is one of: &quot;head&quot;, &quo=
t;body&quot;, &quot;html&quot;, &quot;br&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Act as described in the &quot;anything else&quot; entry bel=
ow.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Any other end tag&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;!-- fake &lt;head&gt; --&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for a &quot;head&quot; start tag token with no attributes.&=
lt;/p&gt;
+
+    &lt;p&gt;Set the &lt;a href=3D#head-element-pointer&gt;&lt;code titl=
e=3D&quot;&quot;&gt;head&lt;/code&gt; element pointer&lt;/a&gt; to the ne=
wly created
+    &lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/cod=
e&gt; element.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-inhead title=3D&quot;inserti=
on mode: in head&quot;&gt;in
+    head&lt;/a&gt;&quot;.&lt;/p&gt;
+
+    &lt;!-- end of fake &lt;head&gt; --&gt;
+
+    &lt;p&gt;Reprocess the current token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h6 id=3Dparsing-main-inhead&gt;&lt;span class=3Dsecno&g=
t;12.2.5.4.4 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;insertion mode:=
 in head&quot;&gt;in head&lt;/dfn&gt;&quot; insertion mode&lt;/h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#parsing-main-inhead title=3D&quot;insertion mode: in head&quot;&=
gt;in
+  head&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&gt;insertion mode&lt=
;/a&gt;, the user agent must handle the token as follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A character token that is one of U+=
0009 CHARACTER
+   TABULATION, U+000A LINE FEED (LF), U+000C FORM FEED (FF),
+   U+000D CARRIAGE RETURN (CR), or U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#insert-a-character title=3D&quot;insert a cha=
racter&quot;&gt;Insert the character&lt;/a&gt;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A comment token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#insert-a-comment&gt;Insert a comment&lt;/a&gt=
;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A DOCTYPE token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;html&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inbody tit=
le=3D&quot;insertion mode: in
+    body&quot;&gt;in body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;base&quot;, &qu=
ot;basefont&quot;,
+   &quot;bgsound&quot;, &quot;link&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token. Immediately pop the &lt;a href=3D#current-no=
de&gt;current
+    node&lt;/a&gt; off the &lt;a href=3D#stack-of-open-elements&gt;stack=
 of open elements&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#acknowledge-self-closing-flag title=3D&quot;a=
cknowledge self-closing flag&quot;&gt;Acknowledge the token's &lt;i&gt;se=
lf-closing
+    flag&lt;/i&gt;&lt;/a&gt;, if it is set.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;meta&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token. Immediately pop the &lt;a href=3D#current-no=
de&gt;current
+    node&lt;/a&gt; off the &lt;a href=3D#stack-of-open-elements&gt;stack=
 of open elements&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#acknowledge-self-closing-flag title=3D&quot;a=
cknowledge self-closing flag&quot;&gt;Acknowledge the token's &lt;i&gt;se=
lf-closing
+    flag&lt;/i&gt;&lt;/a&gt;, if it is set.&lt;/p&gt;
+
+    &lt;p id=3Dmeta-charset-during-parse&gt;If the element has a &lt;cod=
e title=3Dattr-meta-charset&gt;&lt;a href=3D#attr-meta-charset&gt;charset=
&lt;/a&gt;&lt;/code&gt; attribute, and &lt;a href=3D#getting-an-encoding&=
gt;getting an encoding&lt;/a&gt; from
+    its value results in a supported &lt;a href=3D#ascii-compatible-char=
acter-encoding&gt;ASCII-compatible character encoding&lt;/a&gt; or &lt;a =
href=3D#a-utf-16-encoding&gt;a
+    UTF-16 encoding&lt;/a&gt;, and the &lt;a href=3D#concept-encoding-co=
nfidence title=3Dconcept-encoding-confidence&gt;confidence&lt;/a&gt; is
+    currently &lt;i&gt;tentative&lt;/i&gt;, then &lt;a href=3D#change-th=
e-encoding&gt;change the encoding&lt;/a&gt; to the resulting encoding.&lt=
;/p&gt;
+
+    &lt;p&gt;Otherwise, if the element has an &lt;code title=3Dattr-meta=
-http-equiv&gt;&lt;a href=3D#attr-meta-http-equiv&gt;http-equiv&lt;/a&gt;=
&lt;/code&gt;
+    attribute whose value is an &lt;a href=3D#ascii-case-insensitive&gt;=
ASCII case-insensitive&lt;/a&gt; match for the string &quot;&lt;code titl=
e=3D&quot;&quot;&gt;Content-Type&lt;/code&gt;&quot;, and the element has =
a &lt;code title=3Dattr-meta-content&gt;&lt;a href=3D#attr-meta-content&g=
t;content&lt;/a&gt;&lt;/code&gt; attribute, and applying the &lt;a href=3D=
#algorithm-for-extracting-a-character-encoding-from-a-meta-element&gt;alg=
orithm for
+    extracting a character encoding from a &lt;code&gt;meta&lt;/code&gt;=
 element&lt;/a&gt; to that attribute's
+    value returns a supported &lt;a href=3D#ascii-compatible-character-e=
ncoding&gt;ASCII-compatible character encoding&lt;/a&gt; or &lt;a href=3D=
#a-utf-16-encoding&gt;a UTF-16
+    encoding&lt;/a&gt;, and the &lt;a href=3D#concept-encoding-confidenc=
e title=3Dconcept-encoding-confidence&gt;confidence&lt;/a&gt; is
+    currently &lt;i&gt;tentative&lt;/i&gt;, then &lt;a href=3D#change-th=
e-encoding&gt;change the encoding&lt;/a&gt; to the extracted encoding.&lt=
;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;title&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Follow the &lt;a href=3D#generic-rcdata-element-parsing-alg=
orithm&gt;generic RCDATA element parsing algorithm&lt;/a&gt;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;noscript&quot;, if the =
&lt;a href=3D#scripting-flag&gt;scripting flag&lt;/a&gt; is enabled&lt;/d=
t&gt;
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;noframes&quot;,=
 &quot;style&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Follow the &lt;a href=3D#generic-raw-text-element-parsing-a=
lgorithm&gt;generic raw text element parsing algorithm&lt;/a&gt;.&lt;/p&g=
t;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;noscript&quot;, if the =
&lt;a href=3D#scripting-flag&gt;scripting flag&lt;/a&gt; is disabled&lt;/=
dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-inheadnoscript title=3D&quot=
;insertion mode: in head noscript&quot;&gt;in
+    head noscript&lt;/a&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt id=3DscriptTag&gt;A start tag whose tag name is &quot;script&q=
uot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Run these steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let the &lt;var title=3D&quot;&quot;&gt=
;adjusted insertion location&lt;/var&gt; be the &lt;a href=3D#appropriate=
-place-for-inserting-a-node&gt;appropriate place
+     for inserting a node&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#create-an-element-for-the-token&gt=
;Create an element for the token&lt;/a&gt; in the &lt;a href=3D#html-name=
space-0&gt;HTML namespace&lt;/a&gt;, with
+     the intended parent being the element in which the &lt;var title=3D=
&quot;&quot;&gt;adjusted insertion
+     location&lt;/var&gt; finds itself.&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Mark the element as being &lt;a href=3D#parser-inserted&g=
t;&quot;parser-inserted&quot;&lt;/a&gt; and unset the element's
+      &lt;a href=3D#force-async&gt;&quot;force-async&quot;&lt;/a&gt; fla=
g.&lt;/p&gt;
+
+      &lt;p class=3Dnote&gt;This ensures that, if the script is external=
, any &lt;code title=3Ddom-document-write&gt;&lt;a href=3D#dom-document-w=
rite&gt;document.write()&lt;/a&gt;&lt;/code&gt; calls in the script will =
execute in-line,
+      instead of blowing the document away, as would happen in most othe=
r cases. It also prevents
+      the script from executing until the end tag is seen.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the parser was originally created for the &lt=
;a href=3D#html-fragment-parsing-algorithm&gt;HTML fragment parsing
+     algorithm&lt;/a&gt;, then mark the &lt;code&gt;&lt;a href=3D#the-sc=
ript-element&gt;script&lt;/a&gt;&lt;/code&gt; element as &lt;a href=3D#al=
ready-started&gt;&quot;already started&quot;&lt;/a&gt;.
+     (&lt;a href=3D#fragment-case&gt;fragment case&lt;/a&gt;)&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Insert the newly created element at the &lt;var =
title=3D&quot;&quot;&gt;adjusted insertion
+     location&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Push the element onto the &lt;a href=3D#stack-of=
-open-elements&gt;stack of open elements&lt;/a&gt; so that it is the new
+     &lt;a href=3D#current-node&gt;current node&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Switch the tokenizer to the &lt;a href=3D#script=
-data-state&gt;script data state&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let the &lt;a href=3D#original-insertion-mode&gt=
;original insertion mode&lt;/a&gt; be the current &lt;a href=3D#insertion=
-mode&gt;insertion
+     mode&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;li&gt;&lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;inser=
tion mode&lt;/a&gt; to &quot;&lt;a href=3D#parsing-main-incdata title=3D&=
quot;insertion mode:
+     text&quot;&gt;text&lt;/a&gt;&quot;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is &quot;head&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Pop the &lt;a href=3D#current-node&gt;current node&lt;/a&gt=
; (which will be the &lt;code&gt;&lt;a href=3D#the-head-element&gt;head&l=
t;/a&gt;&lt;/code&gt; element) off the
+    &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a=
&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#the-after-head-insertion-mode title=3D&qu=
ot;insertion mode: after head&quot;&gt;after
+    head&lt;/a&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is one of: &quot;body&quot;, &quo=
t;html&quot;, &quot;br&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Act as described in the &quot;anything else&quot; entry bel=
ow.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;template&quot;&lt;/dt&g=
t;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token.&lt;/p&gt;
+
+    &lt;p&gt;Insert a marker at the end of the &lt;a href=3D#list-of-act=
ive-formatting-elements&gt;list of active formatting elements&lt;/a&gt;.&=
lt;/p&gt;
+
+    &lt;p&gt;Set the &lt;a href=3D#frameset-ok-flag&gt;frameset-ok flag&=
lt;/a&gt; to &quot;not ok&quot;.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-intemplate title=3D&quot;ins=
ertion mode: in template&quot;&gt;in
+    template&lt;/a&gt;&quot;.&lt;/p&gt;
+
+    &lt;p&gt;Push &quot;&lt;a href=3D#parsing-main-intemplate title=3D&q=
uot;insertion mode: in template&quot;&gt;in template&lt;/a&gt;&quot; onto=
 the &lt;a href=3D#stack-of-template-insertion-modes&gt;stack of
+    template insertion modes&lt;/a&gt; so that it is the new &lt;a href=3D=
#current-template-insertion-mode&gt;current template insertion
+    mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is &quot;template&quot;&lt;/dt&gt=
;
+   &lt;dd&gt;
+
+    &lt;p&gt;If there is no &lt;code&gt;&lt;a href=3D#the-template-eleme=
nt&gt;template&lt;/a&gt;&lt;/code&gt; element on the &lt;a href=3D#stack-=
of-open-elements&gt;stack of open elements&lt;/a&gt;, then
+    this is a &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;; ignore=
 the token.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, run these steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#generate-implied-end-tags=
&gt;Generate implied end tags&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#current-node&gt;current nod=
e&lt;/a&gt; is not a &lt;code&gt;&lt;a href=3D#the-template-element&gt;te=
mplate&lt;/a&gt;&lt;/code&gt; element, then this is a
+     &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Pop elements from the &lt;a href=3D#stack-of-ope=
n-elements&gt;stack of open elements&lt;/a&gt; until a &lt;code&gt;&lt;a =
href=3D#the-template-element&gt;template&lt;/a&gt;&lt;/code&gt;
+     element has been popped from the stack.&lt;/li&gt;
+
+     &lt;li&gt;&lt;a href=3D#clear-the-list-of-active-formatting-element=
s-up-to-the-last-marker&gt;Clear the list of active formatting elements u=
p to the last marker&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Pop the &lt;a href=3D#current-template-insertion=
-mode&gt;current template insertion mode&lt;/a&gt; off the &lt;a href=3D#=
stack-of-template-insertion-modes&gt;stack of template
+     insertion modes&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#reset-the-insertion-mode-appropria=
tely&gt;Reset the insertion mode appropriately&lt;/a&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;head&quot;&lt;/dt&gt;
+   &lt;dt&gt;Any other end tag&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;!-- can't get here with an EOF and a fragment case --&gt;
+
+    &lt;!-- start of fake &lt;/head&gt; --&gt;
+    &lt;p&gt;Pop the &lt;a href=3D#current-node&gt;current node&lt;/a&gt=
; (which will be the &lt;code&gt;&lt;a href=3D#the-head-element&gt;head&l=
t;/a&gt;&lt;/code&gt; element) off the
+    &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a=
&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#the-after-head-insertion-mode title=3D&qu=
ot;insertion mode: after head&quot;&gt;after
+    head&lt;/a&gt;&quot;.&lt;/p&gt;
+    &lt;!-- end of fake &lt;/head&gt; --&gt;
+
+    &lt;p&gt;Reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h6 id=3Dparsing-main-inheadnoscript&gt;&lt;span class=3D=
secno&gt;12.2.5.4.5 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;insertio=
n mode: in head noscript&quot;&gt;in head noscript&lt;/dfn&gt;&quot; inse=
rtion mode&lt;/h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#parsing-main-inheadnoscript title=3D&quot;insertion mode: in hea=
d
+  noscript&quot;&gt;in head noscript&lt;/a&gt;&quot; &lt;a href=3D#inser=
tion-mode&gt;insertion mode&lt;/a&gt;, the user agent must handle the
+  token as follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A DOCTYPE token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;html&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inbody tit=
le=3D&quot;insertion mode: in
+    body&quot;&gt;in body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is &quot;noscript&quot;&lt;/dt&gt=
;
+   &lt;dd&gt;
+
+    &lt;p&gt;Pop the &lt;a href=3D#current-node&gt;current node&lt;/a&gt=
; (which will be a &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;nosc=
ript&lt;/a&gt;&lt;/code&gt; element) from the
+    &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a=
&gt;; the new &lt;a href=3D#current-node&gt;current node&lt;/a&gt; will b=
e a
+    &lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/cod=
e&gt; element.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-inhead title=3D&quot;inserti=
on mode: in head&quot;&gt;in
+    head&lt;/a&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A character token that is one of U+0009 CHARACTER TABULATIO=
N, U+000A LINE FEED (LF), U+000C
+   FORM FEED (FF), U+000D CARRIAGE RETURN (CR), or U+0020 SPACE&lt;/dt&g=
t;
+   &lt;dt&gt;A comment token&lt;/dt&gt;
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;basefont&quot;,=
 &quot;bgsound&quot;, &quot;link&quot;, &quot;meta&quot;, &quot;noframes&=
quot;,
+   &quot;style&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inhead tit=
le=3D&quot;insertion mode: in
+    head&quot;&gt;in head&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is &quot;br&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Act as described in the &quot;anything else&quot; entry bel=
ow.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;head&quot;, &qu=
ot;noscript&quot;&lt;/dt&gt;
+   &lt;dt&gt;Any other end tag&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;!-- can't get here with an EOF and a fragment case --&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;.&lt;/p&g=
t;
+
+    &lt;!-- fake &lt;/noscript&gt; --&gt;
+    &lt;p&gt;Pop the &lt;a href=3D#current-node&gt;current node&lt;/a&gt=
; (which will be a &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;nosc=
ript&lt;/a&gt;&lt;/code&gt; element) from the
+    &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a=
&gt;; the new &lt;a href=3D#current-node&gt;current node&lt;/a&gt; will b=
e a
+    &lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/cod=
e&gt; element.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-inhead title=3D&quot;inserti=
on mode: in head&quot;&gt;in
+    head&lt;/a&gt;&quot;.&lt;/p&gt;
+    &lt;!-- end fake &lt;/noscript&gt; --&gt;
+
+    &lt;p&gt;Reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h6 id=3Dthe-after-head-insertion-mode&gt;&lt;span class=
=3Dsecno&gt;12.2.5.4.6 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;inser=
tion mode: after head&quot;&gt;after head&lt;/dfn&gt;&quot; insertion mod=
e&lt;/h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#the-after-head-insertion-mode title=3D&quot;insertion mode: afte=
r
+  head&quot;&gt;after head&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&=
gt;insertion mode&lt;/a&gt;, the user agent must handle the token as
+  follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A character token that is one of U+=
0009 CHARACTER
+   TABULATION, U+000A LINE FEED (LF), U+000C FORM FEED (FF),
+   U+000D CARRIAGE RETURN (CR), or U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#insert-a-character title=3D&quot;insert a cha=
racter&quot;&gt;Insert the character&lt;/a&gt;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A comment token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#insert-a-comment&gt;Insert a comment&lt;/a&gt=
;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A DOCTYPE token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;html&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inbody tit=
le=3D&quot;insertion mode: in
+    body&quot;&gt;in body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;body&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token.&lt;/p&gt;
+
+    &lt;p&gt;Set the &lt;a href=3D#frameset-ok-flag&gt;frameset-ok flag&=
lt;/a&gt; to &quot;not ok&quot;.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-inbody title=3D&quot;inserti=
on mode: in body&quot;&gt;in
+    body&lt;/a&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;frameset&quot;&lt;/dt&g=
t;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-inframeset title=3D&quot;ins=
ertion mode: in frameset&quot;&gt;in
+    frameset&lt;/a&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;base&quot;, &qu=
ot;basefont&quot;, &quot;bgsound&quot;, &quot;link&quot;, &quot;meta&quot=
;,
+   &quot;noframes&quot;, &quot;script&quot;, &quot;style&quot;, &quot;te=
mplate&quot;, &quot;title&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;.&lt;/p&g=
t;
+
+    &lt;p&gt;Push the node pointed to by the &lt;a href=3D#head-element-=
pointer&gt;&lt;code title=3D&quot;&quot;&gt;head&lt;/code&gt; element poi=
nter&lt;/a&gt; onto
+    the &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&l=
t;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inhead tit=
le=3D&quot;insertion mode: in
+    head&quot;&gt;in head&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Remove the node pointed to by the &lt;a href=3D#head-elemen=
t-pointer&gt;&lt;code title=3D&quot;&quot;&gt;head&lt;/code&gt; element p=
ointer&lt;/a&gt;
+    from the &lt;a href=3D#stack-of-open-elements&gt;stack of open eleme=
nts&lt;/a&gt;. (It might not be the &lt;a href=3D#current-node&gt;current=
 node&lt;/a&gt; at
+    this point.)&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The &lt;a href=3D#head-element-pointer&gt;&lt;=
code title=3D&quot;&quot;&gt;head&lt;/code&gt; element pointer&lt;/a&gt; =
cannot be null at
+    this point.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is &quot;template&quot;&lt;/dt&gt=
;
+   &lt;dd&gt;
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inhead tit=
le=3D&quot;insertion mode: in
+    head&quot;&gt;in head&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is one of: &quot;body&quot;, &quo=
t;html&quot;, &quot;br&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Act as described in the &quot;anything else&quot; entry bel=
ow.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;head&quot;&lt;/dt&gt;
+   &lt;dt&gt;Any other end tag&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;!-- fake &lt;body&gt;, but without resetting frameset-ok --&gt;
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for a &quot;body&quot; start tag token with no attributes.&=
lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-inbody title=3D&quot;inserti=
on mode: in body&quot;&gt;in
+    body&lt;/a&gt;&quot;.&lt;/p&gt;
+    &lt;!-- end fake &lt;body&gt; --&gt;
+
+    &lt;p&gt;Reprocess the current token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h6 id=3Dparsing-main-inbody&gt;&lt;span class=3Dsecno&g=
t;12.2.5.4.7 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;insertion mode:=
 in body&quot;&gt;in body&lt;/dfn&gt;&quot; insertion mode&lt;/h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#parsing-main-inbody title=3D&quot;insertion mode: in body&quot;&=
gt;in
+  body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&gt;insertion mode&lt=
;/a&gt;, the user agent must handle the token as follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A character token that is U+0000 NU=
LL&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+
+    &lt;!-- The D-Link DSL-G604T ADSL router has a zero byte in its
+         configuration UI before a &lt;frameset&gt;, which is why U+0000=
 is
+         special-cased here.
+         refs: https://bugzilla.mozilla.org/show_bug.cgi?id=3D563526
+               http://www.w3.org/Bugs/Public/show_bug.cgi?id=3D9659
+    --&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A character token that is one of U+0009 CHARACTER TABULATIO=
N,
+   U+000A LINE FEED (LF), U+000C FORM FEED (FF), U+000D CARRIAGE
+   RETURN (CR), or U+0020 SPACE&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#reconstruct-the-active-formatting-elements&gt=
;Reconstruct the active formatting elements&lt;/a&gt;, if any.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-a-character title=3D&quot;insert a cha=
racter&quot;&gt;Insert the token's character&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Any other character token&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#reconstruct-the-active-formatting-elements&gt=
;Reconstruct the active formatting elements&lt;/a&gt;, if any.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-a-character title=3D&quot;insert a cha=
racter&quot;&gt;Insert the token's character&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Set the &lt;a href=3D#frameset-ok-flag&gt;frameset-ok flag&=
lt;/a&gt; to &quot;not ok&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A comment token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#insert-a-comment&gt;Insert a comment&lt;/a&gt=
;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A DOCTYPE token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;html&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;.&lt;/p&g=
t;
+
+    &lt;p&gt;If there is a &lt;code&gt;&lt;a href=3D#the-template-elemen=
t&gt;template&lt;/a&gt;&lt;/code&gt; element on the &lt;a href=3D#stack-o=
f-open-elements&gt;stack of open elements&lt;/a&gt;, then
+    ignore the token.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, for each attribute on the token, check to see if=
 the attribute is already present
+    on the top element of the &lt;a href=3D#stack-of-open-elements&gt;st=
ack of open elements&lt;/a&gt;. If it is not, add the attribute
+    and its corresponding value to that element.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;base&quot;, &qu=
ot;basefont&quot;, &quot;bgsound&quot;, &quot;link&quot;, &quot;meta&quot=
;,
+   &quot;noframes&quot;, &quot;script&quot;, &quot;style&quot;, &quot;te=
mplate&quot;, &quot;title&quot;&lt;/dt&gt;
+   &lt;dt&gt;An end tag whose tag name is &quot;template&quot;&lt;/dt&gt=
;
+   &lt;dd&gt;
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inhead tit=
le=3D&quot;insertion mode: in
+    head&quot;&gt;in head&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;body&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;.&lt;/p&g=
t;
+
+    &lt;p&gt;If the second element on the &lt;a href=3D#stack-of-open-el=
ements&gt;stack of open elements&lt;/a&gt; is not a &lt;code&gt;&lt;a hre=
f=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt;
+    element, if the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; has only one node on it, or if there is a
+    &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/a&gt;=
&lt;/code&gt; element on the &lt;a href=3D#stack-of-open-elements&gt;stac=
k of open elements&lt;/a&gt;, then ignore the token.
+    (&lt;a href=3D#fragment-case&gt;fragment case&lt;/a&gt;)&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, set the &lt;a href=3D#frameset-ok-flag&gt;frames=
et-ok flag&lt;/a&gt; to &quot;not ok&quot;; then, for each attribute on t=
he
+    token, check to see if the attribute is already present on the &lt;c=
ode&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt; elem=
ent (the
+    second element) on the &lt;a href=3D#stack-of-open-elements&gt;stack=
 of open elements&lt;/a&gt;, and if it is not, add the attribute
+    and its corresponding value to that element.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;frameset&quot;&lt;/dt&g=
t;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;.&lt;/p&g=
t;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; has only one node on it, or if the second element
+    on the &lt;a href=3D#stack-of-open-elements&gt;stack of open element=
s&lt;/a&gt; is not a &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&l=
t;/a&gt;&lt;/code&gt; element, then ignore the
+    token. (&lt;a href=3D#fragment-case&gt;fragment case&lt;/a&gt;)&lt;/=
p&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#frameset-ok-flag&gt;frameset-ok flag&l=
t;/a&gt; is set to &quot;not ok&quot;, ignore the token.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, run the following steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Remove the second element on the &lt;a =
href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a&gt; from i=
ts parent
+     node, if it has one.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Pop all the nodes from the bottom of the &lt;a h=
ref=3D#stack-of-open-elements&gt;stack of open elements&lt;/a&gt;, from t=
he
+     &lt;a href=3D#current-node&gt;current node&lt;/a&gt; up to, but not=
 including, the root &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&l=
t;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert a=
n HTML element&lt;/a&gt; for the token.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;inser=
tion mode&lt;/a&gt; to &quot;&lt;a href=3D#parsing-main-inframeset title=3D=
&quot;insertion mode: in frameset&quot;&gt;in
+     frameset&lt;/a&gt;&quot;.&lt;/p&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;An end-of-file token&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If there is a node in the &lt;a href=3D#stack-of-open-eleme=
nts&gt;stack of open elements&lt;/a&gt; that is not either a
+    &lt;code&gt;&lt;a href=3D#the-dd-element&gt;dd&lt;/a&gt;&lt;/code&gt=
; element, a &lt;code&gt;&lt;a href=3D#the-dt-element&gt;dt&lt;/a&gt;&lt;=
/code&gt; element, an &lt;code&gt;&lt;a href=3D#the-li-element&gt;li&lt;/=
a&gt;&lt;/code&gt; element, a &lt;code&gt;&lt;a href=3D#the-p-element&gt;=
p&lt;/a&gt;&lt;/code&gt;
+    element, a &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/=
a&gt;&lt;/code&gt; element, a &lt;code&gt;&lt;a href=3D#the-td-element&gt=
;td&lt;/a&gt;&lt;/code&gt; element, a &lt;code&gt;&lt;a href=3D#the-tfoot=
-element&gt;tfoot&lt;/a&gt;&lt;/code&gt; element,
+    a &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&=
gt; element, a &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a=
&gt;&lt;/code&gt; element, a &lt;code&gt;&lt;a href=3D#the-tr-element&gt;=
tr&lt;/a&gt;&lt;/code&gt; element, the
+    &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/cod=
e&gt; element, or the &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&=
lt;/a&gt;&lt;/code&gt; element, then this is a &lt;a href=3D#parse-error&=
gt;parse
+    error&lt;/a&gt;.&lt;/p&gt; &lt;!-- (some of those are fragment cases=
) --&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-template-insertion-modes&gt;s=
tack of template insertion modes&lt;/a&gt; is not empty, then process the=
 token
+    &lt;a href=3D#using-the-rules-for&gt;using the rules for&lt;/a&gt; t=
he &quot;&lt;a href=3D#parsing-main-intemplate title=3D&quot;insertion mo=
de: in template&quot;&gt;in
+    template&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&gt;insertion m=
ode&lt;/a&gt;.&lt;/p&gt;
+    &lt;!-- this is needed to handle &lt;head&gt;&lt;template&gt;...[EOF=
] - otherwise we don't construct the &lt;body&gt; element --&gt;
+
+    &lt;p&gt;Otherwise, &lt;a href=3D#stop-parsing&gt;stop parsing&lt;/a=
&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is &quot;body&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-scope title=
=3D&quot;has an element in
+    scope&quot;&gt;have a &lt;code&gt;body&lt;/code&gt; element in scope=
&lt;/a&gt;, this is a &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;;
+    ignore the token.&lt;/p&gt;
+
+    &lt;!-- if we get here, the insertion mode here is forcibly &quot;in=
 body&quot;. --&gt;
+
+    &lt;p&gt;Otherwise, if there is a node in the &lt;a href=3D#stack-of=
-open-elements&gt;stack of open elements&lt;/a&gt; that is not either a
+    &lt;code&gt;&lt;a href=3D#the-dd-element&gt;dd&lt;/a&gt;&lt;/code&gt=
; element, a &lt;code&gt;&lt;a href=3D#the-dt-element&gt;dt&lt;/a&gt;&lt;=
/code&gt; element, an &lt;code&gt;&lt;a href=3D#the-li-element&gt;li&lt;/=
a&gt;&lt;/code&gt; element, an
+    &lt;code&gt;&lt;a href=3D#the-optgroup-element&gt;optgroup&lt;/a&gt;=
&lt;/code&gt; element, an &lt;code&gt;&lt;a href=3D#the-option-element&gt=
;option&lt;/a&gt;&lt;/code&gt; element, a &lt;code&gt;&lt;a href=3D#the-p=
-element&gt;p&lt;/a&gt;&lt;/code&gt; element, an
+    &lt;code&gt;&lt;a href=3D#the-rp-element&gt;rp&lt;/a&gt;&lt;/code&gt=
; element, an &lt;code&gt;&lt;a href=3D#the-rt-element&gt;rt&lt;/a&gt;&lt=
;/code&gt; element, a &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbod=
y&lt;/a&gt;&lt;/code&gt; element, a
+    &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt=
; element, a &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&g=
t;&lt;/code&gt; element, a &lt;code&gt;&lt;a href=3D#the-th-element&gt;th=
&lt;/a&gt;&lt;/code&gt; element, a
+    &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/c=
ode&gt; element, a &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&g=
t;&lt;/code&gt; element, the &lt;code&gt;&lt;a href=3D#the-body-element&g=
t;body&lt;/a&gt;&lt;/code&gt; element, or the
+    &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/cod=
e&gt; element, then this is a &lt;a href=3D#parse-error&gt;parse error&lt=
;/a&gt;.&lt;/p&gt; &lt;!-- (some of those are
+    fragment cases, e.g. for &lt;tbody&gt; you'd have hit the first para=
graph since the &lt;body&gt; wouldn't be
+    in scope, unless it was a fragment case) --&gt;
+
+    &lt;!-- If we ever change the frameset-ok flag to an insertion mode,=
 then we'd have to somehow keep
+    track of its state when we switch to after-body. --&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-afterbody title=3D&quot;inse=
rtion mode: after body&quot;&gt;after
+    body&lt;/a&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is &quot;html&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;!-- fake &lt;/body&gt; --&gt;
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-scope title=
=3D&quot;has an element in
+    scope&quot;&gt;have a &lt;code&gt;body&lt;/code&gt; element in scope=
&lt;/a&gt;, this is a &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;;
+    ignore the token.&lt;/p&gt;
+
+    &lt;!-- if we get here, the insertion mode here is forcibly &quot;in=
 body&quot;. --&gt;
+
+    &lt;p&gt;Otherwise, if there is a node in the &lt;a href=3D#stack-of=
-open-elements&gt;stack of open elements&lt;/a&gt; that is not either a
+    &lt;code&gt;&lt;a href=3D#the-dd-element&gt;dd&lt;/a&gt;&lt;/code&gt=
; element, a &lt;code&gt;&lt;a href=3D#the-dt-element&gt;dt&lt;/a&gt;&lt;=
/code&gt; element, an &lt;code&gt;&lt;a href=3D#the-li-element&gt;li&lt;/=
a&gt;&lt;/code&gt; element, an
+    &lt;code&gt;&lt;a href=3D#the-optgroup-element&gt;optgroup&lt;/a&gt;=
&lt;/code&gt; element, an &lt;code&gt;&lt;a href=3D#the-option-element&gt=
;option&lt;/a&gt;&lt;/code&gt; element, a &lt;code&gt;&lt;a href=3D#the-p=
-element&gt;p&lt;/a&gt;&lt;/code&gt; element, an
+    &lt;code&gt;&lt;a href=3D#the-rp-element&gt;rp&lt;/a&gt;&lt;/code&gt=
; element, an &lt;code&gt;&lt;a href=3D#the-rt-element&gt;rt&lt;/a&gt;&lt=
;/code&gt; element, a &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbod=
y&lt;/a&gt;&lt;/code&gt; element, a
+    &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt=
; element, a &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&g=
t;&lt;/code&gt; element, a &lt;code&gt;&lt;a href=3D#the-th-element&gt;th=
&lt;/a&gt;&lt;/code&gt; element, a
+    &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/c=
ode&gt; element, a &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&g=
t;&lt;/code&gt; element, the &lt;code&gt;&lt;a href=3D#the-body-element&g=
t;body&lt;/a&gt;&lt;/code&gt; element, or the
+    &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/cod=
e&gt; element, then this is a &lt;a href=3D#parse-error&gt;parse error&lt=
;/a&gt;.&lt;/p&gt; &lt;!-- (some of those are
+    fragment cases, e.g. for &lt;tbody&gt; you'd have hit the first para=
graph since the &lt;body&gt; wouldn't be
+    in scope, unless it was a fragment case) --&gt;
+
+    &lt;!-- If we ever change the frameset-ok flag to an insertion mode,=
 then we'd have to somehow keep
+    track of its state when we switch to after-body. --&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-afterbody title=3D&quot;inse=
rtion mode: after body&quot;&gt;after
+    body&lt;/a&gt;&quot;.&lt;/p&gt;
+    &lt;!-- end fake &lt;/body&gt; --&gt;
+
+    &lt;p&gt;Reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;!-- start tags for non-phrasing flow content elements --&gt;
+
+   &lt;!-- the normal ones --&gt;
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;address&quot;, =
&quot;article&quot;, &quot;aside&quot;, &quot;blockquote&quot;, &quot;cen=
ter&quot;,
+   &quot;details&quot;, &quot;dialog&quot;, &quot;dir&quot;, &quot;div&q=
uot;, &quot;dl&quot;, &quot;fieldset&quot;, &quot;figcaption&quot;, &quot=
;figure&quot;, &quot;footer&quot;, &quot;header&quot;,
+   &quot;hgroup&quot;, &quot;main&quot;, &quot;menu&quot;, &quot;nav&quo=
t;, &quot;ol&quot;, &quot;p&quot;, &quot;section&quot;, &quot;summary&quo=
t;, &quot;ul&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;!-- As of May 2008 this doesn't match any browser exactly, but i=
s as close to what IE does as I
+    can get without doing the non-tree DOM nonsense, and thus should act=
ually afford better
+    compatibility when implemented by the other browsers. --&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; &lt;a href=3D#has-an-element-in-button-scope title=3D=
&quot;has an element in button scope&quot;&gt;has a
+    &lt;code&gt;p&lt;/code&gt; element in button scope&lt;/a&gt;, then &=
lt;a href=3D#close-a-p-element&gt;close a &lt;code&gt;p&lt;/code&gt;
+    element&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;!-- as normal, but close h1-h6 if it's the current node --&gt;
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;h1&quot;, &quot=
;h2&quot;, &quot;h3&quot;, &quot;h4&quot;,
+   &quot;h5&quot;, &quot;h6&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; &lt;a href=3D#has-an-element-in-button-scope title=3D=
&quot;has an element in button scope&quot;&gt;has a
+    &lt;code&gt;p&lt;/code&gt; element in button scope&lt;/a&gt;, then &=
lt;a href=3D#close-a-p-element&gt;close a &lt;code&gt;p&lt;/code&gt;
+    element&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#current-node&gt;current node&lt;/a&gt;=
 is an &lt;a href=3D#html-elements title=3D&quot;HTML elements&quot;&gt;H=
TML element&lt;/a&gt; whose
+    tag name is one of &quot;h1&quot;, &quot;h2&quot;, &quot;h3&quot;, &=
quot;h4&quot;, &quot;h5&quot;, or &quot;h6&quot;, then this is a &lt;a hr=
ef=3D#parse-error&gt;parse
+    error&lt;/a&gt;; pop the &lt;a href=3D#current-node&gt;current node&=
lt;/a&gt; off the &lt;a href=3D#stack-of-open-elements&gt;stack of open e=
lements&lt;/a&gt;.&lt;/p&gt;
+    &lt;!-- See https://bugs.webkit.org/show_bug.cgi?id=3D12646 --&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;!-- as normal, but drops leading newline --&gt;
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;pre&quot;, &quo=
t;listing&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; &lt;a href=3D#has-an-element-in-button-scope title=3D=
&quot;has an element in button scope&quot;&gt;has a
+    &lt;code&gt;p&lt;/code&gt; element in button scope&lt;/a&gt;, then &=
lt;a href=3D#close-a-p-element&gt;close a &lt;code&gt;p&lt;/code&gt;
+    element&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token.&lt;/p&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#next-token&gt;next token&lt;/a&gt; is =
a U+000A LINE FEED (LF) character token, then ignore that
+    token and move on to the next one. (Newlines at the start of &lt;cod=
e&gt;&lt;a href=3D#the-pre-element&gt;pre&lt;/a&gt;&lt;/code&gt; blocks a=
re ignored
+    as an authoring convenience.)&lt;/p&gt;
+
+    &lt;!-- &lt;pre&gt;[CR]X will eat the [CR], &lt;pre&gt;&amp;#x10;X w=
ill eat the
+    &amp;#x10;, but &lt;pre&gt;&amp;#x13;X will not eat the &amp;#x13;. =
--&gt;
+
+    &lt;p&gt;Set the &lt;a href=3D#frameset-ok-flag&gt;frameset-ok flag&=
lt;/a&gt; to &quot;not ok&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;!-- as normal, but interacts with the form element pointer --&gt;
+   &lt;dt&gt;A start tag whose tag name is &quot;form&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#form-element-pointer&gt;&lt;code title=
=3Dform&gt;form&lt;/code&gt; element pointer&lt;/a&gt; is not null, then =
this is
+    a &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;; ignore the tok=
en.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise:&lt;/p&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; &lt;a href=3D#has-an-element-in-button-scope title=3D=
&quot;has an element in button scope&quot;&gt;has a
+    &lt;code&gt;p&lt;/code&gt; element in button scope&lt;/a&gt;, then &=
lt;a href=3D#close-a-p-element&gt;close a &lt;code&gt;p&lt;/code&gt;
+    element&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token, and set the &lt;a href=3D#form-element-point=
er&gt;&lt;code title=3Dform&gt;form&lt;/code&gt; element pointer&lt;/a&gt=
; to point to the element created.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;!-- as normal, but imply &lt;/li&gt; when there's another &lt;li&=
gt; open in weird cases --&gt;
+   &lt;dt&gt;A start tag whose tag name is &quot;li&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Run these steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Set the &lt;a href=3D#frameset-ok-flag&=
gt;frameset-ok flag&lt;/a&gt; to &quot;not ok&quot;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Initialize &lt;var title=3D&quot;&quot;&gt;node&=
lt;/var&gt; to be the &lt;a href=3D#current-node&gt;current
+     node&lt;/a&gt; (the bottommost node of the stack).&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;&lt;i&gt;Loop&lt;/i&gt;: If &lt;var title=3D&quot;&quot;&=
gt;node&lt;/var&gt; is an &lt;code&gt;&lt;a href=3D#the-li-element&gt;li&=
lt;/a&gt;&lt;/code&gt; element, then run these
+      substeps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;!-- fake &lt;/li&gt; --&gt;&lt;li&gt;&lt;p&gt;&lt;a =
href=3D#generate-implied-end-tags&gt;Generate implied end tags&lt;/a&gt;,=
 except for &lt;code&gt;&lt;a href=3D#the-li-element&gt;li&lt;/a&gt;&lt;/=
code&gt; elements.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#current-node&gt;current n=
ode&lt;/a&gt; is not an &lt;code&gt;&lt;a href=3D#the-li-element&gt;li&lt=
;/a&gt;&lt;/code&gt; element, then this is a
+       &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Pop elements from the &lt;a href=3D#stack-of-o=
pen-elements&gt;stack of open elements&lt;/a&gt; until an &lt;code&gt;&lt=
;a href=3D#the-li-element&gt;li&lt;/a&gt;&lt;/code&gt;
+       element has been popped from the stack.&lt;/li&gt;
+       &lt;!-- end of fake &lt;/li&gt; --&gt;
+
+       &lt;li&gt;&lt;p&gt;Jump to the step labeled &lt;i&gt;done&lt;/i&g=
t; below.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&=
gt; is in the &lt;a href=3D#special&gt;special&lt;/a&gt; category, but is=
 not an
+     &lt;code&gt;&lt;a href=3D#the-address-element&gt;address&lt;/a&gt;&=
lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-div-element&gt;div&lt;/a&gt;&=
lt;/code&gt;, or &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&l=
t;/code&gt; element, then jump to the step
+     labeled &lt;i&gt;done&lt;/i&gt; below.&lt;/li&gt;
+     &lt;!-- an element &lt;foo&gt; is in this list if the following mar=
kup:
+
+         &lt;!DOCTYPE html&gt;&lt;body&gt;&lt;ol&gt;&lt;li&gt;&lt;foo&gt=
;&lt;li&gt;
+
+     ...results in the second &lt;li&gt; not being (in any way) a descen=
dant of the first &lt;li&gt;, or if
+     &lt;foo&gt; is a formatting element that gets reopened later. --&gt=
;
+
+     &lt;li&gt;&lt;p&gt;Otherwise, set &lt;var title=3D&quot;&quot;&gt;n=
ode&lt;/var&gt; to the previous entry in the &lt;a href=3D#stack-of-open-=
elements&gt;stack of open
+     elements&lt;/a&gt; and return to the step labeled &lt;i&gt;loop&lt;=
/i&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;i&gt;Done&lt;/i&gt;: If the &lt;a href=3D#st=
ack-of-open-elements&gt;stack of open elements&lt;/a&gt; &lt;a href=3D#ha=
s-an-element-in-button-scope title=3D&quot;has an element in
+     button scope&quot;&gt;has a &lt;code&gt;p&lt;/code&gt; element in b=
utton scope&lt;/a&gt;, then &lt;a href=3D#close-a-p-element&gt;close a
+     &lt;code&gt;p&lt;/code&gt; element&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Finally, &lt;a href=3D#insert-an-html-element&gt=
;insert an HTML element&lt;/a&gt; for the token.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+   &lt;!-- as normal, but imply &lt;/dt&gt; or &lt;/dd&gt; when there's =
another &lt;dt&gt; or &lt;dd&gt; open in weird cases  --&gt;
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;dd&quot;, &quot=
;dt&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Run these steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Set the &lt;a href=3D#frameset-ok-flag&=
gt;frameset-ok flag&lt;/a&gt; to &quot;not ok&quot;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Initialize &lt;var title=3D&quot;&quot;&gt;node&=
lt;/var&gt; to be the &lt;a href=3D#current-node&gt;current
+     node&lt;/a&gt; (the bottommost node of the stack).&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;&lt;i&gt;Loop&lt;/i&gt;: If &lt;var title=3D&quot;&quot;&=
gt;node&lt;/var&gt; is a &lt;code&gt;&lt;a href=3D#the-dd-element&gt;dd&l=
t;/a&gt;&lt;/code&gt; element, then run these
+      substeps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;!-- fake &lt;/dd&gt; --&gt;&lt;li&gt;&lt;p&gt;&lt;a =
href=3D#generate-implied-end-tags&gt;Generate implied end tags&lt;/a&gt;,=
 except for &lt;code&gt;&lt;a href=3D#the-dd-element&gt;dd&lt;/a&gt;&lt;/=
code&gt; elements.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#current-node&gt;current n=
ode&lt;/a&gt; is not a &lt;code&gt;&lt;a href=3D#the-dd-element&gt;dd&lt;=
/a&gt;&lt;/code&gt; element, then this is a
+       &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Pop elements from the &lt;a href=3D#stack-of-o=
pen-elements&gt;stack of open elements&lt;/a&gt; until a &lt;code&gt;&lt;=
a href=3D#the-dd-element&gt;dd&lt;/a&gt;&lt;/code&gt;
+       element has been popped from the stack.&lt;/li&gt;
+       &lt;!-- end of fake &lt;/dd&gt; --&gt;
+
+       &lt;li&gt;&lt;p&gt;Jump to the step labeled &lt;i&gt;done&lt;/i&g=
t; below.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt; is a =
&lt;code&gt;&lt;a href=3D#the-dt-element&gt;dt&lt;/a&gt;&lt;/code&gt; ele=
ment, then run these substeps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;!-- fake &lt;/dt&gt; --&gt;&lt;li&gt;&lt;p&gt;&lt;a =
href=3D#generate-implied-end-tags&gt;Generate implied end tags&lt;/a&gt;,=
 except for &lt;code&gt;&lt;a href=3D#the-dt-element&gt;dt&lt;/a&gt;&lt;/=
code&gt; elements.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#current-node&gt;current n=
ode&lt;/a&gt; is not a &lt;code&gt;&lt;a href=3D#the-dt-element&gt;dt&lt;=
/a&gt;&lt;/code&gt; element, then this is a
+       &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Pop elements from the &lt;a href=3D#stack-of-o=
pen-elements&gt;stack of open elements&lt;/a&gt; until a &lt;code&gt;&lt;=
a href=3D#the-dt-element&gt;dt&lt;/a&gt;&lt;/code&gt;
+       element has been popped from the stack.&lt;/li&gt;
+       &lt;!-- end of fake &lt;/dt&gt; --&gt;
+
+       &lt;li&gt;&lt;p&gt;Jump to the step labeled &lt;i&gt;done&lt;/i&g=
t; below.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&=
gt; is in the &lt;a href=3D#special&gt;special&lt;/a&gt; category, but is=
 not an
+     &lt;code&gt;&lt;a href=3D#the-address-element&gt;address&lt;/a&gt;&=
lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-div-element&gt;div&lt;/a&gt;&=
lt;/code&gt;, or &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&l=
t;/code&gt; element, then jump to the step
+     labeled &lt;i&gt;done&lt;/i&gt; below.&lt;/li&gt;
+     &lt;!-- an element &lt;foo&gt; is in this list if the following mar=
kup:
+
+         &lt;!DOCTYPE html&gt;&lt;body&gt;&lt;dl&gt;&lt;dt&gt;&lt;foo&gt=
;&lt;dt&gt;
+
+     ...results in the second &lt;dt&gt; not being (in any way) a descen=
dant of the first &lt;dt&gt;, or if
+     &lt;foo&gt; is a formatting element that gets reopened later. --&gt=
;
+
+     &lt;li&gt;&lt;p&gt;Otherwise, set &lt;var title=3D&quot;&quot;&gt;n=
ode&lt;/var&gt; to the previous entry in the &lt;a href=3D#stack-of-open-=
elements&gt;stack of open
+     elements&lt;/a&gt; and return to the step labeled &lt;i&gt;loop&lt;=
/i&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;i&gt;Done&lt;/i&gt;: If the &lt;a href=3D#st=
ack-of-open-elements&gt;stack of open elements&lt;/a&gt; &lt;a href=3D#ha=
s-an-element-in-button-scope title=3D&quot;has an element in
+     button scope&quot;&gt;has a &lt;code&gt;p&lt;/code&gt; element in b=
utton scope&lt;/a&gt;, then &lt;a href=3D#close-a-p-element&gt;close a
+     &lt;code&gt;p&lt;/code&gt; element&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Finally, &lt;a href=3D#insert-an-html-element&gt=
;insert an HTML element&lt;/a&gt; for the token.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+   &lt;!-- same as normal, but effectively ends parsing --&gt;
+   &lt;dt&gt;A start tag whose tag name is &quot;plaintext&quot;&lt;/dt&=
gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; &lt;a href=3D#has-an-element-in-button-scope title=3D=
&quot;has an element in button scope&quot;&gt;has a
+    &lt;code&gt;p&lt;/code&gt; element in button scope&lt;/a&gt;, then &=
lt;a href=3D#close-a-p-element&gt;close a &lt;code&gt;p&lt;/code&gt;
+    element&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token.&lt;/p&gt;
+
+    &lt;p&gt;Switch the tokenizer to the &lt;a href=3D#plaintext-state&g=
t;PLAINTEXT state&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;Once a start tag with the tag name &quot;plain=
text&quot; has been seen, that will be the
+    last token ever seen other than character tokens (and the end-of-fil=
e token), because there is
+    no way to switch out of the &lt;a href=3D#plaintext-state&gt;PLAINTE=
XT state&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;!-- button is a hybrid --&gt;
+   &lt;dt&gt;A start tag whose tag name is &quot;button&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of o=
pen elements&lt;/a&gt; &lt;a href=3D#has-an-element-in-scope title=3D&quo=
t;has an element in scope&quot;&gt;has a
+      &lt;code&gt;button&lt;/code&gt; element in scope&lt;/a&gt;, then r=
un these substeps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#parse-error&gt;Parse er=
ror&lt;/a&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;&lt;a href=3D#generate-implied-end-tags&gt;Gen=
erate implied end tags&lt;/a&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Pop elements from the &lt;a href=3D#stack-of-o=
pen-elements&gt;stack of open elements&lt;/a&gt; until a &lt;code&gt;&lt;=
a href=3D#the-button-element&gt;button&lt;/a&gt;&lt;/code&gt;
+       element has been popped from the stack.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#reconstruct-the-active-formatting-=
elements&gt;Reconstruct the active formatting elements&lt;/a&gt;, if any.=
&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert a=
n HTML element&lt;/a&gt; for the token.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Set the &lt;a href=3D#frameset-ok-flag&gt;frames=
et-ok flag&lt;/a&gt; to &quot;not ok&quot;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+   &lt;!-- end tags for non-phrasing flow content elements (and button) =
--&gt;
+
+   &lt;!-- the normal ones --&gt;
+   &lt;dt&gt;An end tag whose tag name is one of: &quot;address&quot;, &=
quot;article&quot;, &quot;aside&quot;, &quot;blockquote&quot;, &quot;butt=
on&quot;,
+   &quot;center&quot;, &quot;details&quot;, &quot;dialog&quot;, &quot;di=
r&quot;, &quot;div&quot;, &quot;dl&quot;, &quot;fieldset&quot;, &quot;fig=
caption&quot;, &quot;figure&quot;, &quot;footer&quot;,
+   &quot;header&quot;, &quot;hgroup&quot;, &quot;listing&quot;, &quot;ma=
in&quot;, &quot;menu&quot;, &quot;nav&quot;, &quot;ol&quot;, &quot;pre&qu=
ot;, &quot;section&quot;, &quot;summary&quot;,
+   &quot;ul&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-scope title=
=3D&quot;has an element in
+    scope&quot;&gt;have an element in scope&lt;/a&gt; that is an &lt;a h=
ref=3D#html-elements title=3D&quot;HTML elements&quot;&gt;HTML
+    element&lt;/a&gt; and with the same tag name as that of the token, t=
hen this is a &lt;a href=3D#parse-error&gt;parse
+    error&lt;/a&gt;; ignore the token.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, run these steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#generate-implied-end-tags=
&gt;Generate implied end tags&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#current-node&gt;current nod=
e&lt;/a&gt; is not an &lt;a href=3D#html-elements title=3D&quot;HTML elem=
ents&quot;&gt;HTML element&lt;/a&gt; with
+     the same tag name as that of the token, then this is a
+     &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Pop elements from the &lt;a href=3D#stack-of-ope=
n-elements&gt;stack of open elements&lt;/a&gt; until an &lt;a href=3D#htm=
l-elements title=3D&quot;HTML
+     elements&quot;&gt;HTML element&lt;/a&gt; with the same tag name as =
the token has been popped from the
+     stack.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+   &lt;!-- removes the form element pointer instead of the matching node=
 --&gt;
+   &lt;dt&gt;An end tag whose tag name is &quot;form&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt; be the=
 element that the &lt;a href=3D#form-element-pointer&gt;&lt;code title=3D=
&quot;&quot;&gt;form&lt;/code&gt; element
+    pointer&lt;/a&gt; is set to.&lt;/p&gt;
+
+    &lt;p&gt;Set the &lt;a href=3D#form-element-pointer&gt;&lt;code titl=
e=3D&quot;&quot;&gt;form&lt;/code&gt; element pointer&lt;/a&gt; to null.&=
lt;/p&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt; is null=
 or the &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt=
;/a&gt; does not &lt;a href=3D#has-an-element-in-scope title=3D&quot;has =
an element in scope&quot;&gt;have &lt;var title=3D&quot;&quot;&gt;node&lt=
;/var&gt; in scope&lt;/a&gt;, then this is a
+    &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;; ignore the token=
.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, run these steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#generate-implied-end-tags=
&gt;Generate implied end tags&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#current-node&gt;current nod=
e&lt;/a&gt; is not &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt;, then=
 this is a
+     &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Remove &lt;var title=3D&quot;&quot;&gt;node&lt;/=
var&gt; from the &lt;a href=3D#stack-of-open-elements&gt;stack of open el=
ements&lt;/a&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+   &lt;!-- as normal, except &lt;/p&gt; implies &lt;p&gt; if there's no =
&lt;p&gt; in scope, and needs care as the elements have optional tags --&=
gt;
+   &lt;dt&gt;An end tag whose tag name is &quot;p&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-button-scop=
e title=3D&quot;has an element in button
+    scope&quot;&gt;have a &lt;code&gt;p&lt;/code&gt; element in button s=
cope&lt;/a&gt;, then this is a &lt;a href=3D#parse-error&gt;parse
+    error&lt;/a&gt;; &lt;a href=3D#insert-an-html-element&gt;insert an H=
TML element&lt;/a&gt; for a &quot;p&quot; start tag token with no
+    attributes.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#close-a-p-element&gt;Close a &lt;code&gt;p&lt=
;/code&gt; element&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;!-- as normal, but needs care as the elements have optional tags,=
 and are further scoped by &lt;ol&gt;/&lt;ul&gt; --&gt;
+   &lt;dt&gt;An end tag whose tag name is &quot;li&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-list-item-s=
cope title=3D&quot;has an element in list item
+    scope&quot;&gt;have an &lt;code&gt;li&lt;/code&gt; element in list i=
tem scope&lt;/a&gt;, then this is a &lt;a href=3D#parse-error&gt;parse
+    error&lt;/a&gt;; ignore the token.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, run these steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#generate-implied-end-tags=
&gt;Generate implied end tags&lt;/a&gt;, except for &lt;code&gt;&lt;a hre=
f=3D#the-li-element&gt;li&lt;/a&gt;&lt;/code&gt; elements.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#current-node&gt;current nod=
e&lt;/a&gt; is not an &lt;code&gt;&lt;a href=3D#the-li-element&gt;li&lt;/=
a&gt;&lt;/code&gt; element, then this is a
+     &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Pop elements from the &lt;a href=3D#stack-of-ope=
n-elements&gt;stack of open elements&lt;/a&gt; until an &lt;code&gt;&lt;a=
 href=3D#the-li-element&gt;li&lt;/a&gt;&lt;/code&gt;
+     element has been popped from the stack.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+   &lt;!-- as normal, but needs care as the elements have optional tags =
--&gt;
+   &lt;dt&gt;An end tag whose tag name is one of: &quot;dd&quot;, &quot;=
dt&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-scope title=
=3D&quot;has an element in
+    scope&quot;&gt;have an element in scope&lt;/a&gt; that is an &lt;a h=
ref=3D#html-elements title=3D&quot;HTML elements&quot;&gt;HTML
+    element&lt;/a&gt; and with the same tag name as that of the token, t=
hen this is a &lt;a href=3D#parse-error&gt;parse
+    error&lt;/a&gt;; ignore the token.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, run these steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#generate-implied-end-tags=
&gt;Generate implied end tags&lt;/a&gt;, except for &lt;a href=3D#html-el=
ements&gt;HTML elements&lt;/a&gt; with the
+     same tag name as the token.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#current-node&gt;current nod=
e&lt;/a&gt; is not an &lt;a href=3D#html-elements title=3D&quot;HTML elem=
ents&quot;&gt;HTML
+     element&lt;/a&gt; with the same tag name as that of the token, then=
 this is a &lt;a href=3D#parse-error&gt;parse
+     error&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Pop elements from the &lt;a href=3D#stack-of-ope=
n-elements&gt;stack of open elements&lt;/a&gt; until an &lt;a href=3D#htm=
l-elements title=3D&quot;HTML
+     elements&quot;&gt;HTML element&lt;/a&gt; with the same tag name as =
the token has been popped from the
+     stack.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+   &lt;!-- as normal, except acts as a closer for any of the h1-h6 eleme=
nts --&gt;
+   &lt;dt&gt;An end tag whose tag name is one of: &quot;h1&quot;, &quot;=
h2&quot;, &quot;h3&quot;, &quot;h4&quot;, &quot;h5&quot;, &quot;h6&quot;&=
lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-scope title=
=3D&quot;has an element in
+    scope&quot;&gt;have an element in scope&lt;/a&gt; that is an &lt;a h=
ref=3D#html-elements title=3D&quot;HTML elements&quot;&gt;HTML
+    element&lt;/a&gt; and whose tag name is one of &quot;h1&quot;, &quot=
;h2&quot;, &quot;h3&quot;, &quot;h4&quot;, &quot;h5&quot;, or &quot;h6&qu=
ot;, then this is
+    a &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;; ignore the tok=
en.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, run these steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#generate-implied-end-tags=
&gt;Generate implied end tags&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#current-node&gt;current nod=
e&lt;/a&gt; is not an &lt;a href=3D#html-elements title=3D&quot;HTML elem=
ents&quot;&gt;HTML
+     element&lt;/a&gt; with the same tag name as that of the token, then=
 this is a &lt;a href=3D#parse-error&gt;parse
+     error&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Pop elements from the &lt;a href=3D#stack-of-ope=
n-elements&gt;stack of open elements&lt;/a&gt; until an &lt;a href=3D#htm=
l-elements title=3D&quot;HTML
+     elements&quot;&gt;HTML element&lt;/a&gt; whose tag name is one of &=
quot;h1&quot;, &quot;h2&quot;, &quot;h3&quot;, &quot;h4&quot;, &quot;h5&q=
uot;, or &quot;h6&quot;
+     has been popped from the stack.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+   &lt;!-- see also applet/marquee/object lower down --&gt;
+
+   &lt;dt&gt;An end tag whose tag name is &quot;sarcasm&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Take a deep breath, then act as described in the &quot;any =
other end
+    tag&quot; entry below.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;!-- ADOPTION AGENCY ELEMENTS
+        Mozilla-only: bdo blink del ins sub sup q
+        Safari-only: code dfn kbd nobr samp var wbr
+        Both: a b big em font i s small strike strong tt u --&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;a&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#list-of-active-formatting-elements&gt;=
list of active formatting elements&lt;/a&gt; contains an &lt;code&gt;&lt;=
a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; element
+    between the end of the list and the last marker on the list (or the =
start of the list if there
+    is no marker on the list), then this is a &lt;a href=3D#parse-error&=
gt;parse error&lt;/a&gt;; run the &lt;a href=3D#adoption-agency-algorithm=
&gt;adoption
+    agency algorithm&lt;/a&gt; for the tag name &quot;a&quot;, then remo=
ve that element from the &lt;a href=3D#list-of-active-formatting-elements=
&gt;list of
+    active formatting elements&lt;/a&gt; and the &lt;a href=3D#stack-of-=
open-elements&gt;stack of open elements&lt;/a&gt; if the
+    &lt;a href=3D#adoption-agency-algorithm&gt;adoption agency algorithm=
&lt;/a&gt; didn't already remove it (it might not have if the
+    element is not &lt;a href=3D#has-an-element-in-table-scope title=3D&=
quot;has an element in table scope&quot;&gt;in table scope&lt;/a&gt;).&lt=
;/p&gt;
+
+    &lt;p class=3Dexample&gt;In the non-conforming stream
+    &lt;code&gt;&amp;lt;a&amp;nbsp;href=3D&quot;a&quot;&amp;gt;a&amp;lt;=
table&amp;gt;&amp;lt;a&amp;nbsp;href=3D&quot;b&quot;&amp;gt;b&amp;lt;/tab=
le&amp;gt;x&lt;/code&gt;, the first
+    &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; =
element would be closed upon seeing the second one, and the &quot;x&quot;=
 character would
+    be inside a link to &quot;b&quot;, not to &quot;a&quot;. This is des=
pite the fact that the outer &lt;code&gt;&lt;a href=3D#the-a-element&gt;a=
&lt;/a&gt;&lt;/code&gt;
+    element is not in table scope (meaning that a regular &lt;code&gt;&a=
mp;lt;/a&amp;gt;&lt;/code&gt; end tag at the start
+    of the table wouldn't close the outer &lt;code&gt;&lt;a href=3D#the-=
a-element&gt;a&lt;/a&gt;&lt;/code&gt; element). The result is that the tw=
o
+    &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; =
elements are indirectly nested inside each other &amp;mdash; non-conformi=
ng markup
+    will often result in non-conforming DOMs when parsed.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#reconstruct-the-active-formatting-elements&gt=
;Reconstruct the active formatting elements&lt;/a&gt;, if any.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token. &lt;a href=3D#push-onto-the-list-of-active-f=
ormatting-elements&gt;Push onto the list of active
+    formatting elements&lt;/a&gt; that element.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;b&quot;, &quot;=
big&quot;, &quot;code&quot;, &quot;em&quot;,
+   &quot;font&quot;, &quot;i&quot;, &quot;s&quot;, &quot;small&quot;, &q=
uot;strike&quot;, &quot;strong&quot;, &quot;tt&quot;, &quot;u&quot;&lt;/d=
t&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#reconstruct-the-active-formatting-elements&gt=
;Reconstruct the active formatting elements&lt;/a&gt;, if any.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token. &lt;a href=3D#push-onto-the-list-of-active-f=
ormatting-elements&gt;Push onto the list of active
+    formatting elements&lt;/a&gt; that element.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;nobr&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#reconstruct-the-active-formatting-elements&gt=
;Reconstruct the active formatting elements&lt;/a&gt;, if any.&lt;/p&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; &lt;a href=3D#has-an-element-in-scope title=3D&quot;=
has an element in scope&quot;&gt;has a
+    &lt;code&gt;nobr&lt;/code&gt; element in scope&lt;/a&gt;, then this =
is a &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;; run the
+    &lt;a href=3D#adoption-agency-algorithm&gt;adoption agency algorithm=
&lt;/a&gt; for the tag name &quot;nobr&quot;, then once again
+    &lt;a href=3D#reconstruct-the-active-formatting-elements&gt;reconstr=
uct the active formatting elements&lt;/a&gt;, if any.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token. &lt;a href=3D#push-onto-the-list-of-active-f=
ormatting-elements&gt;Push onto the list of active
+    formatting elements&lt;/a&gt; that element.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is one of: &quot;a&quot;,
+   &quot;b&quot;, &quot;big&quot;, &quot;code&quot;, &quot;em&quot;, &qu=
ot;font&quot;, &quot;i&quot;, &quot;nobr&quot;, &quot;s&quot;, &quot;smal=
l&quot;,
+   &quot;strike&quot;, &quot;strong&quot;, &quot;tt&quot;, &quot;u&quot;=
&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Run the &lt;a href=3D#adoption-agency-algorithm&gt;adoption=
 agency algorithm&lt;/a&gt; for the token's tag name.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;applet&quot;, &=
quot;marquee&quot;, &quot;object&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#reconstruct-the-active-formatting-elements&gt=
;Reconstruct the active formatting elements&lt;/a&gt;, if any.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token.&lt;/p&gt;
+
+    &lt;p&gt;Insert a marker at the end of the &lt;a href=3D#list-of-act=
ive-formatting-elements&gt;list of active formatting elements&lt;/a&gt;.&=
lt;/p&gt;
+
+    &lt;p&gt;Set the &lt;a href=3D#frameset-ok-flag&gt;frameset-ok flag&=
lt;/a&gt; to &quot;not ok&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag token whose tag name is one of: &quot;applet&quo=
t;, &quot;marquee&quot;, &quot;object&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-scope title=
=3D&quot;has an element in
+    scope&quot;&gt;have an element in scope&lt;/a&gt; that is an &lt;a h=
ref=3D#html-elements title=3D&quot;HTML elements&quot;&gt;HTML
+    element&lt;/a&gt; and with the same tag name as that of the token, t=
hen this is a &lt;a href=3D#parse-error&gt;parse
+    error&lt;/a&gt;; ignore the token.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, run these steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#generate-implied-end-tags=
&gt;Generate implied end tags&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#current-node&gt;current nod=
e&lt;/a&gt; is not an &lt;a href=3D#html-elements title=3D&quot;HTML elem=
ents&quot;&gt;HTML
+     element&lt;/a&gt; with the same tag name as that of the token, then=
 this is a &lt;a href=3D#parse-error&gt;parse
+     error&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Pop elements from the &lt;a href=3D#stack-of-ope=
n-elements&gt;stack of open elements&lt;/a&gt; until an &lt;a href=3D#htm=
l-elements title=3D&quot;HTML
+     elements&quot;&gt;HTML element&lt;/a&gt; with the same tag name as =
the token has been popped from the
+     stack.&lt;/li&gt;
+
+     &lt;li&gt;&lt;a href=3D#clear-the-list-of-active-formatting-element=
s-up-to-the-last-marker&gt;Clear the list of active formatting elements u=
p to the last marker&lt;/a&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;table&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a=
&gt;&lt;/code&gt; is &lt;em&gt;not&lt;/em&gt; set to &lt;a href=3D#quirks=
-mode&gt;quirks mode&lt;/a&gt;, and the
+    &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a=
&gt; &lt;a href=3D#has-an-element-in-button-scope title=3D&quot;has an el=
ement in button scope&quot;&gt;has a
+    &lt;code&gt;p&lt;/code&gt; element in button scope&lt;/a&gt;, then &=
lt;a href=3D#close-a-p-element&gt;close a &lt;code&gt;p&lt;/code&gt;
+    element&lt;/a&gt;.&lt;/p&gt; &lt;!-- i hate myself (this quirk was b=
asically caused by acid2; if i'd
+    realised we could change the specs when i wrote acid2, we could have=
 avoided having any
+    parsing-mode quirks) -Hixie --&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token.&lt;/p&gt;
+
+    &lt;p&gt;Set the &lt;a href=3D#frameset-ok-flag&gt;frameset-ok flag&=
lt;/a&gt; to &quot;not ok&quot;.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-intable title=3D&quot;insert=
ion mode: in table&quot;&gt;in
+    table&lt;/a&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is &quot;br&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Act as =
described in the next entry, as if this was a &quot;br&quot; start tag
+    token, rather than an end tag token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;!-- do not insert things here, since the previous entry refers to=
 the next entry --&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;area&quot;, &qu=
ot;br&quot;, &quot;embed&quot;,
+   &quot;img&quot;, &quot;keygen&quot;, &quot;wbr&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#reconstruct-the-active-formatting-elements&gt=
;Reconstruct the active formatting elements&lt;/a&gt;, if any.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token. Immediately pop the &lt;a href=3D#current-no=
de&gt;current
+    node&lt;/a&gt; off the &lt;a href=3D#stack-of-open-elements&gt;stack=
 of open elements&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#acknowledge-self-closing-flag title=3D&quot;a=
cknowledge self-closing flag&quot;&gt;Acknowledge the token's &lt;i&gt;se=
lf-closing
+    flag&lt;/i&gt;&lt;/a&gt;, if it is set.&lt;/p&gt;
+
+    &lt;p&gt;Set the &lt;a href=3D#frameset-ok-flag&gt;frameset-ok flag&=
lt;/a&gt; to &quot;not ok&quot;.&lt;/p&gt;
+    &lt;!-- shouldn't really do this for &lt;area&gt; --&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;input&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#reconstruct-the-active-formatting-elements&gt=
;Reconstruct the active formatting elements&lt;/a&gt;, if any.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token. Immediately pop the &lt;a href=3D#current-no=
de&gt;current
+    node&lt;/a&gt; off the &lt;a href=3D#stack-of-open-elements&gt;stack=
 of open elements&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#acknowledge-self-closing-flag title=3D&quot;a=
cknowledge self-closing flag&quot;&gt;Acknowledge the token's &lt;i&gt;se=
lf-closing
+    flag&lt;/i&gt;&lt;/a&gt;, if it is set.&lt;/p&gt;
+
+    &lt;p&gt;If the token does not have an attribute with the name &quot=
;type&quot;, or if it does, but that
+    attribute's value is not an &lt;a href=3D#ascii-case-insensitive&gt;=
ASCII case-insensitive&lt;/a&gt; match for the string &quot;&lt;code titl=
e=3D&quot;&quot;&gt;hidden&lt;/code&gt;&quot;, then: set the &lt;a href=3D=
#frameset-ok-flag&gt;frameset-ok flag&lt;/a&gt; to &quot;not ok&quot;.&lt=
;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;menuitem&quot;,=
 &quot;param&quot;, &quot;source&quot;, &quot;track&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token. Immediately pop the &lt;a href=3D#current-no=
de&gt;current
+    node&lt;/a&gt; off the &lt;a href=3D#stack-of-open-elements&gt;stack=
 of open elements&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#acknowledge-self-closing-flag title=3D&quot;a=
cknowledge self-closing flag&quot;&gt;Acknowledge the token's &lt;i&gt;se=
lf-closing
+    flag&lt;/i&gt;&lt;/a&gt;, if it is set.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;hr&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; &lt;a href=3D#has-an-element-in-button-scope title=3D=
&quot;has an element in button scope&quot;&gt;has a
+    &lt;code&gt;p&lt;/code&gt; element in button scope&lt;/a&gt;, then &=
lt;a href=3D#close-a-p-element&gt;close a &lt;code&gt;p&lt;/code&gt;
+    element&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token. Immediately pop the &lt;a href=3D#current-no=
de&gt;current
+    node&lt;/a&gt; off the &lt;a href=3D#stack-of-open-elements&gt;stack=
 of open elements&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#acknowledge-self-closing-flag title=3D&quot;a=
cknowledge self-closing flag&quot;&gt;Acknowledge the token's &lt;i&gt;se=
lf-closing
+    flag&lt;/i&gt;&lt;/a&gt;, if it is set.&lt;/p&gt;
+
+    &lt;p&gt;Set the &lt;a href=3D#frameset-ok-flag&gt;frameset-ok flag&=
lt;/a&gt; to &quot;not ok&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;image&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;!-- As of 2005-12, studies showed that around 0.2% of pages used=
 the &lt;image&gt; element. --&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Change =
the token's tag name to &quot;img&quot; and reprocess it. (Don't
+    ask.)&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt id=3Disindex&gt;A start tag whose tag name is &quot;isindex&qu=
ot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;.&lt;/p&g=
t;
+
+    &lt;p&gt;If the &lt;a href=3D#form-element-pointer&gt;&lt;code title=
=3D&quot;&quot;&gt;form&lt;/code&gt; element pointer&lt;/a&gt; is not nul=
l, then ignore the
+    token.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise:&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#acknowledge-self-closing-flag title=3D&quot;a=
cknowledge self-closing flag&quot;&gt;Acknowledge the token's &lt;i&gt;se=
lf-closing
+    flag&lt;/i&gt;&lt;/a&gt;, if it is set.&lt;/p&gt; &lt;!-- purely to =
reduce the number of errors (we don't care if
+    they included the /, they're not supposed to be including the tag at=
 all! --&gt;
+
+    &lt;p&gt;Set the &lt;a href=3D#frameset-ok-flag&gt;frameset-ok flag&=
lt;/a&gt; to &quot;not ok&quot;.&lt;/p&gt;
+
+    &lt;!-- fake &lt;form&gt; --&gt;
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; &lt;a href=3D#has-an-element-in-button-scope title=3D=
&quot;has an element in button scope&quot;&gt;has a
+    &lt;code&gt;p&lt;/code&gt; element in button scope&lt;/a&gt;, then &=
lt;a href=3D#close-a-p-element&gt;close a &lt;code&gt;p&lt;/code&gt;
+    element&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for a &quot;form&quot; start tag token with no attributes, =
and set
+    the &lt;a href=3D#form-element-pointer&gt;&lt;code title=3Dform&gt;f=
orm&lt;/code&gt; element pointer&lt;/a&gt; to point to the element
+    created.&lt;/p&gt;
+
+    &lt;p&gt;If the token has an attribute called &quot;action&quot;, se=
t the &lt;code title=3Dattr-fs-action&gt;&lt;a href=3D#attr-fs-action&gt;=
action&lt;/a&gt;&lt;/code&gt; attribute on the resulting &lt;code&gt;&lt;=
a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&gt; element to the
+    value of the &quot;action&quot; attribute of the token.&lt;/p&gt;
+
+    &lt;!-- fake &lt;hr&gt; --&gt;
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for an &quot;hr&quot; start tag token with no attributes.
+    Immediately pop the &lt;a href=3D#current-node&gt;current node&lt;/a=
&gt; off the &lt;a href=3D#stack-of-open-elements&gt;stack of open elemen=
ts&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;!-- fake &lt;label&gt; --&gt;
+    &lt;p&gt;&lt;a href=3D#reconstruct-the-active-formatting-elements&gt=
;Reconstruct the active formatting elements&lt;/a&gt;, if any.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for a &quot;label&quot; start tag token with no attributes.=
&lt;/p&gt;
+
+    &lt;!-- fake text --&gt;
+    &lt;p&gt;&lt;a href=3D#insert-a-character title=3D&quot;insert a cha=
racter&quot;&gt;Insert characters&lt;/a&gt; (see below for &lt;a href=3D#=
attr-isindex-prompt title=3Dattr-isindex-prompt&gt;what they should say&l=
t;/a&gt;).&lt;/p&gt;
+
+    &lt;!-- fake &lt;input&gt; --&gt;
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for an &quot;input&quot; start tag token with all the attri=
butes
+    from the &quot;isindex&quot; token except &quot;name&quot;, &quot;ac=
tion&quot;, and &quot;prompt&quot;, and with an attribute named
+    &quot;name&quot; with the value &quot;isindex&quot;. (This creates a=
n &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code=
&gt; element with the &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr=
-fe-name&gt;name&lt;/a&gt;&lt;/code&gt; attribute set to the magic balue =
&quot;&lt;code title=3Dattr-fe-name-isindex&gt;&lt;a href=3D#attr-fe-name=
-isindex&gt;isindex&lt;/a&gt;&lt;/code&gt;&quot;.) Immediately pop the &l=
t;a href=3D#current-node&gt;current node&lt;/a&gt; off
+    the &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&l=
t;/a&gt;.&lt;/p&gt;
+
+    &lt;!-- fake text --&gt;
+    &lt;p&gt;&lt;a href=3D#insert-a-character title=3D&quot;insert a cha=
racter&quot;&gt;Insert more characters&lt;/a&gt; (see below for &lt;a hre=
f=3D#attr-isindex-prompt title=3Dattr-isindex-prompt&gt;what they should =
say&lt;/a&gt;).&lt;/p&gt;
+
+    &lt;!-- fake &lt;/label&gt; --&gt;
+    &lt;p&gt;Pop the &lt;a href=3D#current-node&gt;current node&lt;/a&gt=
; (which will be the &lt;code&gt;&lt;a href=3D#the-label-element&gt;label=
&lt;/a&gt;&lt;/code&gt; element created
+    earlier) off the &lt;a href=3D#stack-of-open-elements&gt;stack of op=
en elements&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;!-- fake &lt;hr&gt; --&gt;
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for an &quot;hr&quot; start tag token with no attributes.
+    Immediately pop the &lt;a href=3D#current-node&gt;current node&lt;/a=
&gt; off the &lt;a href=3D#stack-of-open-elements&gt;stack of open elemen=
ts&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;!-- fake &lt;/form&gt; --&gt;
+    &lt;p&gt;Pop the &lt;a href=3D#current-node&gt;current node&lt;/a&gt=
; (which will be the &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&l=
t;/a&gt;&lt;/code&gt; element created
+    earlier) off the &lt;a href=3D#stack-of-open-elements&gt;stack of op=
en elements&lt;/a&gt;. Set the &lt;a href=3D#form-element-pointer&gt;&lt;=
code title=3Dform&gt;form&lt;/code&gt; element pointer&lt;/a&gt; to null.=
&lt;/p&gt;
+
+    &lt;!-- explanation of text --&gt;
+    &lt;p&gt;&lt;dfn id=3Dattr-isindex-prompt title=3Dattr-isindex-promp=
t&gt;&lt;strong&gt;Prompt&lt;/strong&gt;&lt;/dfn&gt;: If the token has an=
 attribute
+    with the name &quot;prompt&quot;, then the first stream of character=
s must be the same string as given in
+    that attribute, and the second stream of characters must be empty. O=
therwise, the two streams of
+    character tokens together should, together with the &lt;code&gt;&lt;=
a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element, expr=
ess the
+    equivalent of &quot;This is a searchable index. Enter search keyword=
s: (input field)&quot; in the user's
+    preferred language.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;textarea&quot;&lt;/dt&g=
t;
+   &lt;dd&gt;
+
+    &lt;p&gt;Run these steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#insert-an-html-element&gt=
;Insert an HTML element&lt;/a&gt; for the token.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#next-token&gt;next token&lt=
;/a&gt; is a U+000A LINE FEED (LF) character token, then ignore
+     that token and move on to the next one. (Newlines at the start of &=
lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&gt;&lt;/c=
ode&gt;
+     elements are ignored as an authoring convenience.)&lt;/li&gt;
+
+     &lt;!-- see comment in &lt;pre&gt; start tag bit --&gt;
+
+     &lt;li&gt;&lt;p&gt;Switch the tokenizer to the &lt;a href=3D#rcdata=
-state&gt;RCDATA state&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let the &lt;a href=3D#original-insertion-mode&gt=
;original insertion mode&lt;/a&gt; be the current &lt;a href=3D#insertion=
-mode&gt;insertion
+     mode&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;li&gt;&lt;p&gt;Set the &lt;a href=3D#frameset-ok-flag&gt;frames=
et-ok flag&lt;/a&gt; to &quot;not ok&quot;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;inser=
tion mode&lt;/a&gt; to &quot;&lt;a href=3D#parsing-main-incdata title=3D&=
quot;insertion mode:
+     text&quot;&gt;text&lt;/a&gt;&quot;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;xmp&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; &lt;a href=3D#has-an-element-in-button-scope title=3D=
&quot;has an element in button scope&quot;&gt;has a
+    &lt;code&gt;p&lt;/code&gt; element in button scope&lt;/a&gt;, then &=
lt;a href=3D#close-a-p-element&gt;close a &lt;code&gt;p&lt;/code&gt;
+    element&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#reconstruct-the-active-formatting-elements&gt=
;Reconstruct the active formatting elements&lt;/a&gt;, if any.&lt;/p&gt;
+
+    &lt;p&gt;Set the &lt;a href=3D#frameset-ok-flag&gt;frameset-ok flag&=
lt;/a&gt; to &quot;not ok&quot;.&lt;/p&gt;
+
+    &lt;p&gt;Follow the &lt;a href=3D#generic-raw-text-element-parsing-a=
lgorithm&gt;generic raw text element parsing algorithm&lt;/a&gt;.&lt;/p&g=
t;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;iframe&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Set the &lt;a href=3D#frameset-ok-flag&gt;frameset-ok flag&=
lt;/a&gt; to &quot;not ok&quot;.&lt;/p&gt;
+
+    &lt;p&gt;Follow the &lt;a href=3D#generic-raw-text-element-parsing-a=
lgorithm&gt;generic raw text element parsing algorithm&lt;/a&gt;.&lt;/p&g=
t;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;noembed&quot;&lt;/dt&gt=
;
+   &lt;dt&gt;A start tag whose tag name is &quot;noscript&quot;, if the =
&lt;a href=3D#scripting-flag&gt;scripting flag&lt;/a&gt; is enabled&lt;/d=
t&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Follow the &lt;a href=3D#generic-raw-text-element-parsing-a=
lgorithm&gt;generic raw text element parsing algorithm&lt;/a&gt;.&lt;/p&g=
t;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;select&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#reconstruct-the-active-formatting-elements&gt=
;Reconstruct the active formatting elements&lt;/a&gt;, if any.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token.&lt;/p&gt;
+
+    &lt;p&gt;Set the &lt;a href=3D#frameset-ok-flag&gt;frameset-ok flag&=
lt;/a&gt; to &quot;not ok&quot;.&lt;/p&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a=
&gt; is one of &quot;&lt;a href=3D#parsing-main-intable title=3D&quot;ins=
ertion mode: in table&quot;&gt;in
+    table&lt;/a&gt;&quot;, &quot;&lt;a href=3D#parsing-main-incaption ti=
tle=3D&quot;insertion mode: in caption&quot;&gt;in caption&lt;/a&gt;&quot=
;, &quot;&lt;a href=3D#parsing-main-intbody title=3D&quot;insertion mode:=
 in table body&quot;&gt;in table body&lt;/a&gt;&quot;, &quot;&lt;a href=3D=
#parsing-main-intr title=3D&quot;insertion mode: in
+    row&quot;&gt;in row&lt;/a&gt;&quot;, or &quot;&lt;a href=3D#parsing-=
main-intd title=3D&quot;insertion mode: in cell&quot;&gt;in cell&lt;/a&gt=
;&quot;, then switch the
+    &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; to &quot;&l=
t;a href=3D#parsing-main-inselectintable title=3D&quot;insertion mode: in=
 select in table&quot;&gt;in select in
+    table&lt;/a&gt;&quot;. Otherwise, switch the &lt;a href=3D#insertion=
-mode&gt;insertion mode&lt;/a&gt; to &quot;&lt;a href=3D#parsing-main-ins=
elect title=3D&quot;insertion
+    mode: in select&quot;&gt;in select&lt;/a&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;optgroup&quot;,=
 &quot;option&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#current-node&gt;current node&lt;/a&gt;=
 is an &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&l=
t;/code&gt; element, then pop the
+    &lt;a href=3D#current-node&gt;current node&lt;/a&gt; off the &lt;a h=
ref=3D#stack-of-open-elements&gt;stack of open elements&lt;/a&gt;.&lt;/p&=
gt;
+
+    &lt;p&gt;&lt;a href=3D#reconstruct-the-active-formatting-elements&gt=
;Reconstruct the active formatting elements&lt;/a&gt;, if any.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;rp&quot;, &quot=
;rt&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;!-- the parsing rules for ruby really don't match IE much at all=
, but in practice the markup
+         used is very simple and so strict compatibility with IE isn't r=
equired. For example, as
+         defined here we get very, very different behaviour than IE for =
pathological cases like:
+
+           &lt;ruby&gt;&lt;ol&gt;&lt;li&gt;&lt;p&gt;a&lt;rt&gt;b
+           &lt;ruby&gt;a&lt;rt&gt;b&lt;p&gt;c
+
+         But in practice most ruby markup falls into these cases:
+
+           &lt;ruby&gt;a&lt;rt&gt;b&lt;/ruby&gt;
+           &lt;ruby&gt;a&lt;rp&gt;b&lt;rt&gt;c&lt;rp&gt;d&lt;/ruby&gt;
+           &lt;ruby&gt;a&lt;rt&gt;b&lt;/rt&gt;&lt;/ruby&gt;
+           &lt;ruby&gt;a&lt;rp&gt;b&lt;/rp&gt;&lt;rt&gt;c&lt;/rt&gt;&lt;=
rp&gt;d&lt;/rp&gt;&lt;/ruby&gt;
+
+         (Note: the comment above was written when this section did some=
thing slightly more radical
+         for handling &lt;rp&gt; and &lt;rt&gt; elements, so it might be=
 out of date now.)
+
+    --&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; &lt;a href=3D#has-an-element-in-scope title=3D&quot;=
has an element in scope&quot;&gt;has a
+    &lt;code&gt;ruby&lt;/code&gt; element in scope&lt;/a&gt;, then &lt;a=
 href=3D#generate-implied-end-tags&gt;generate implied end tags&lt;/a&gt;=
. If the
+    &lt;a href=3D#current-node&gt;current node&lt;/a&gt; is not then a &=
lt;code&gt;&lt;a href=3D#the-ruby-element&gt;ruby&lt;/a&gt;&lt;/code&gt; =
element, this is a &lt;a href=3D#parse-error&gt;parse
+    error&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;math&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#reconstruct-the-active-formatting-elements&gt=
;Reconstruct the active formatting elements&lt;/a&gt;, if any.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#adjust-mathml-attributes&gt;Adjust MathML att=
ributes&lt;/a&gt; for the token. (This fixes the case of MathML
+    attributes that are not all lowercase.)&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#adjust-foreign-attributes&gt;Adjust foreign a=
ttributes&lt;/a&gt; for the token. (This fixes the use of namespaced
+    attributes, in particular XLink.)&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-a-foreign-element&gt;Insert a foreign =
element&lt;/a&gt; for the token, in the &lt;a href=3D#mathml-namespace&gt=
;MathML
+    namespace&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;!-- If we ever change the frameset-ok flag to an insertion mode,=
 the following change would be
+    implied, except we'd have to do it even in the face of a self-closed=
 tag:
+    &lt;p&gt;Set the &lt;span&gt;frameset-ok flag&lt;/span&gt; to &quot;=
not ok&quot;.&lt;/p&gt;
+    --&gt;
+
+    &lt;p&gt;If the token has its &lt;i&gt;self-closing flag&lt;/i&gt; s=
et, pop the &lt;a href=3D#current-node&gt;current node&lt;/a&gt; off the
+    &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a=
&gt; and &lt;a href=3D#acknowledge-self-closing-flag title=3D&quot;acknow=
ledge self-closing flag&quot;&gt;acknowledge
+    the token's &lt;i&gt;self-closing flag&lt;/i&gt;&lt;/a&gt;.&lt;/p&gt=
;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;svg&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#reconstruct-the-active-formatting-elements&gt=
;Reconstruct the active formatting elements&lt;/a&gt;, if any.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#adjust-svg-attributes&gt;Adjust SVG attribute=
s&lt;/a&gt; for the token. (This fixes the case of SVG attributes that
+    are not all lowercase.)&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#adjust-foreign-attributes&gt;Adjust foreign a=
ttributes&lt;/a&gt; for the token. (This fixes the use of namespaced
+    attributes, in particular XLink in SVG.)&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-a-foreign-element&gt;Insert a foreign =
element&lt;/a&gt; for the token, in the &lt;a href=3D#svg-namespace&gt;SV=
G namespace&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;!-- If we ever change the frameset-ok flag to an insertion mode,=
 the following change would be
+    implied, except we'd have to do it even in the face of a self-closed=
 tag:
+    &lt;p&gt;Set the &lt;span&gt;frameset-ok flag&lt;/span&gt; to &quot;=
not ok&quot;.&lt;/p&gt;
+    --&gt;
+
+    &lt;p&gt;If the token has its &lt;i&gt;self-closing flag&lt;/i&gt; s=
et, pop the &lt;a href=3D#current-node&gt;current node&lt;/a&gt; off the
+    &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a=
&gt; and &lt;a href=3D#acknowledge-self-closing-flag title=3D&quot;acknow=
ledge self-closing flag&quot;&gt;acknowledge
+    the token's &lt;i&gt;self-closing flag&lt;/i&gt;&lt;/a&gt;.&lt;/p&gt=
;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start &lt;!--or end--&gt; tag whose tag name is one of: &=
quot;caption&quot;, &quot;col&quot;, &quot;colgroup&quot;, &quot;frame&qu=
ot;,
+   &quot;head&quot;, &quot;tbody&quot;, &quot;td&quot;, &quot;tfoot&quot=
;, &quot;th&quot;, &quot;thead&quot;, &quot;tr&quot;&lt;/dt&gt;
+   &lt;!--&lt;dt&gt;An end tag whose tag name is one of: &quot;area&quot=
;, &quot;base&quot;, &quot;basefont&quot;, &quot;bgsound&quot;, &quot;emb=
ed&quot;,
+   &quot;hr&quot;, &quot;iframe&quot;, &quot;image&quot;, &quot;img&quot=
;, &quot;input&quot;, &quot;isindex&quot;, &quot;keygen&quot;, &quot;link=
&quot;, &quot;menuitem&quot;, &quot;meta&quot;,
+   &quot;noembed&quot;, &quot;noframes&quot;, &quot;param&quot;, &quot;s=
cript&quot;, &quot;select&quot;, &quot;source&quot;, &quot;style&quot;, &=
quot;table&quot;, &quot;textarea&quot;,
+   &quot;title&quot;, &quot;track&quot;, &quot;wbr&quot;&lt;/dt&gt;--&gt=
;
+   &lt;!--&lt;dt&gt;An end tag whose tag name is &quot;noscript&quot;, i=
f the &lt;span&gt;scripting flag&lt;/span&gt; is
+   enabled&lt;/dt&gt;--&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+
+    &lt;!-- end tags are commented out because since they can never end =
up on the stack anyway, the
+    default end tag clause will automatically handle them. we don't want=
 to have text in the spec
+    that is just an optimisation, as that detracts from the spec itself =
--&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Any other start tag&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#reconstruct-the-active-formatting-elements&gt=
;Reconstruct the active formatting elements&lt;/a&gt;, if any.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This element will be an &lt;a href=3D#ordinary=
&gt;ordinary&lt;/a&gt;
+    element.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Any other end tag&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Run these steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Initialize &lt;var title=3D&quot;&quot;=
&gt;node&lt;/var&gt; to be the &lt;a href=3D#current-node&gt;current node=
&lt;/a&gt; (the bottommost
+     node of the stack).&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;i&gt;Loop&lt;/i&gt;: If &lt;var title=3D&quo=
t;&quot;&gt;node&lt;/var&gt; is an &lt;a href=3D#html-elements title=3D&q=
uot;HTML elements&quot;&gt;HTML
+     element&lt;/a&gt; with the same tag name as the token, then:&lt;/p&=
gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#generate-implied-end-ta=
gs&gt;Generate implied end tags&lt;/a&gt;, except for &lt;a href=3D#html-=
elements&gt;HTML elements&lt;/a&gt; with the
+       same tag name as the token.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/va=
r&gt; is not the &lt;a href=3D#current-node&gt;current node&lt;/a&gt;, th=
en this is a
+       &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Pop all the nodes from the &lt;a href=3D#curre=
nt-node&gt;current node&lt;/a&gt; up to &lt;var title=3D&quot;&quot;&gt;n=
ode&lt;/var&gt;,
+       including &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt;, then =
stop these steps.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Otherwise, if &lt;var title=3D&quot;&quot;&gt;no=
de&lt;/var&gt; is in the &lt;a href=3D#special&gt;special&lt;/a&gt; categ=
ory, then
+     this is a &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;; ignor=
e the token, and abort these steps.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;node&lt;/var=
&gt; to the previous entry in the &lt;a href=3D#stack-of-open-elements&gt=
;stack of open
+     elements&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Return to the step labeled &lt;i&gt;loop&lt;/i&g=
t;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;When the steps above say the user agent is to &lt;=
dfn id=3Dclose-a-p-element&gt;close a &lt;code&gt;p&lt;/code&gt; element&=
lt;/dfn&gt;, it
+  means that the user agent must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!-- prereq: p in scope --&gt;&lt;li&gt;&lt;p&gt;&lt;a hr=
ef=3D#generate-implied-end-tags&gt;Generate implied end tags&lt;/a&gt;, e=
xcept for &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code=
&gt; elements.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#current-node&gt;current node&=
lt;/a&gt; is not a &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;=
&lt;/code&gt; element, then this is a
+   &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Pop elements from the &lt;a href=3D#stack-of-open-=
elements&gt;stack of open elements&lt;/a&gt; until a &lt;code&gt;&lt;a hr=
ef=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt; element
+   has been popped from the stack.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;!-- AAA --&gt;&lt;p id=3DadoptionAgency&gt;The &lt;dfn =
id=3Dadoption-agency-algorithm&gt;adoption agency algorithm&lt;/dfn&gt;, =
which takes as its only argument
+  a tag name &lt;var title=3D&quot;&quot;&gt;subject&lt;/var&gt; for whi=
ch the algorithm is being run, consists of the
+  following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!-- don't forget about the noah's ark clause when lookin=
g at this algorithm! --&gt;&lt;li&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#current-node&gt;current node&lt;/a&gt;=
 is an &lt;a href=3D#html-elements title=3D&quot;HTML elements&quot;&gt;H=
TML element&lt;/a&gt; whose
+    tag name is &lt;var title=3D&quot;&quot;&gt;subject&lt;/var&gt;, the=
n run these substeps:
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;ele=
ment&lt;/var&gt; be the &lt;a href=3D#current-node&gt;current node&lt;/a&=
gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Pop &lt;var title=3D&quot;&quot;&gt;element&lt;/=
var&gt; off the &lt;a href=3D#stack-of-open-elements&gt;stack of open ele=
ments&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;element&lt;/v=
ar&gt; is also in the &lt;a href=3D#list-of-active-formatting-elements&gt=
;list of active formatting
+     elements&lt;/a&gt;, remove the element from the list.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Abort the &lt;a href=3D#adoption-agency-algorith=
m&gt;adoption agency algorithm&lt;/a&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;outer loop cou=
nter&lt;/var&gt; be zero.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;i&gt;Outer loop&lt;/i&gt;: If &lt;var title=3D=
&quot;&quot;&gt;outer loop counter&lt;/var&gt; is greater than or equal t=
o
+   eight, then abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Increment &lt;var title=3D&quot;&quot;&gt;outer lo=
op counter&lt;/var&gt; by one.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;formatting element&lt;/=
var&gt; be the last element in the &lt;a href=3D#list-of-active-formattin=
g-elements&gt;list of active
+    formatting elements&lt;/a&gt; that:&lt;/p&gt;
+
+    &lt;ul&gt;&lt;li&gt;is between the end of the list and the last scop=
e marker in the list, if any, or the start
+     of the list otherwise, and&lt;/li&gt;
+
+     &lt;li&gt;has the tag name &lt;var title=3D&quot;&quot;&gt;subject&=
lt;/var&gt;.&lt;/li&gt;
+
+    &lt;/ul&gt;&lt;p&gt;If there is no such element, then abort these st=
eps and instead act as described in the &quot;any
+    other end tag&quot; entry above.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;formatting elem=
ent&lt;/var&gt; is not in the &lt;a href=3D#stack-of-open-elements&gt;sta=
ck of open
+   elements&lt;/a&gt;, then this is a &lt;a href=3D#parse-error&gt;parse=
 error&lt;/a&gt;; remove the element from the list, and
+   abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;formatting elem=
ent&lt;/var&gt; is in the &lt;a href=3D#stack-of-open-elements&gt;stack o=
f open elements&lt;/a&gt;,
+   but the element is not &lt;a href=3D#has-an-element-in-scope title=3D=
&quot;has an element in scope&quot;&gt;in scope&lt;/a&gt;, then this is a
+   &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;; abort these steps=
.&lt;/li&gt;
+
+   &lt;!-- at this point, &lt;var title=3D&quot;&quot;&gt;formatting ele=
ment&lt;/var&gt; is in &lt;span title=3D&quot;stack of open
+        elements&quot;&gt;the stack&lt;/span&gt; and &lt;span title=3D&q=
uot;list of active formatting elements&quot;&gt;the
+        list&lt;/span&gt;, and is &lt;span title=3D&quot;has an element =
in scope&quot;&gt;in scope&lt;/span&gt;. --&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;formatting elem=
ent&lt;/var&gt; is not the &lt;a href=3D#current-node&gt;current node&lt;=
/a&gt;, this is a
+   &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;. (But do not abort=
 these steps.)&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;furthest block=
&lt;/var&gt; be the topmost node in the &lt;a href=3D#stack-of-open-eleme=
nts&gt;stack of open
+   elements&lt;/a&gt; that is lower in the stack than &lt;var title=3D&q=
uot;&quot;&gt;formatting element&lt;/var&gt;, and is an
+   element in the &lt;a href=3D#special&gt;special&lt;/a&gt; category. T=
here might not be one.&lt;/li&gt;
+
+   &lt;!-- &lt;html&gt; ... &lt;formatting element&gt; ... &lt;furthest =
block&gt; ... &lt;current node&gt; --&gt;
+
+   &lt;li&gt;&lt;p&gt;If there is no &lt;var title=3D&quot;&quot;&gt;fur=
thest block&lt;/var&gt;, then the UA must first pop all the
+   nodes from the bottom of the &lt;a href=3D#stack-of-open-elements&gt;=
stack of open elements&lt;/a&gt;, from the &lt;a href=3D#current-node&gt;=
current
+   node&lt;/a&gt; up to and including &lt;var title=3D&quot;&quot;&gt;fo=
rmatting element&lt;/var&gt;, then remove &lt;var title=3D&quot;&quot;&gt=
;formatting element&lt;/var&gt; from the &lt;a href=3D#list-of-active-for=
matting-elements&gt;list of active formatting elements&lt;/a&gt;, and
+   finally abort these steps.&lt;/li&gt; &lt;!-- the &quot;reconstruct t=
he active formatting elements&quot;
+   algorithm will rebuild them later --&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;common ancesto=
r&lt;/var&gt; be the element immediately above &lt;var title=3D&quot;&quo=
t;&gt;formatting element&lt;/var&gt; in the &lt;a href=3D#stack-of-open-e=
lements&gt;stack of open elements&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;!-- &lt;html&gt; ... &lt;common ancestor&gt; &lt;formatting eleme=
nt&gt; ... &lt;furthest block&gt; ... &lt;current node&gt; --&gt;
+
+   &lt;li&gt;&lt;p&gt;Let a bookmark note the position of &lt;var title=3D=
&quot;&quot;&gt;formatting element&lt;/var&gt; in the
+   &lt;a href=3D#list-of-active-formatting-elements&gt;list of active fo=
rmatting elements&lt;/a&gt; relative to the elements on either side of it=
 in
+   the list.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt; and &l=
t;var title=3D&quot;&quot;&gt;last node&lt;/var&gt; be &lt;var title=3D&q=
uot;&quot;&gt;furthest
+    block&lt;/var&gt;. Follow these steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;inn=
er loop counter&lt;/var&gt; be zero.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;i&gt;Inner loop&lt;/i&gt;: Increment &lt;var=
 title=3D&quot;&quot;&gt;inner loop counter&lt;/var&gt; by one.&lt;/li&gt=
;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;node&lt;/var=
&gt; be the element immediately above &lt;var title=3D&quot;&quot;&gt;nod=
e&lt;/var&gt;
+     in the &lt;a href=3D#stack-of-open-elements&gt;stack of open elemen=
ts&lt;/a&gt;, or if &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt; is n=
o longer in the
+     &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/=
a&gt; (e.g. because it got removed by this algorithm&lt;!-- in
+     particular, the step labeled &quot;removal&quot; below --&gt;), the=
 element that was immediately above &lt;var title=3D&quot;&quot;&gt;node&=
lt;/var&gt; in the &lt;a href=3D#stack-of-open-elements&gt;stack of open =
elements&lt;/a&gt; before &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt=
;
+     was removed.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&=
gt; is &lt;var title=3D&quot;&quot;&gt;formatting element&lt;/var&gt;, th=
en go to the
+     next step in the overall algorithm.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;inner loop co=
unter&lt;/var&gt; is greater than three and &lt;var title=3D&quot;&quot;&=
gt;node&lt;/var&gt; is in the &lt;a href=3D#list-of-active-formatting-ele=
ments&gt;list of active formatting elements&lt;/a&gt;, then remove &lt;va=
r title=3D&quot;&quot;&gt;node&lt;/var&gt; from the &lt;a href=3D#list-of=
-active-formatting-elements&gt;list of active formatting elements&lt;/a&g=
t;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;!-- &quot;removal&quot; step: --&gt;If &lt;v=
ar title=3D&quot;&quot;&gt;node&lt;/var&gt; is not in the &lt;a href=3D#l=
ist-of-active-formatting-elements&gt;list of active
+     formatting elements&lt;/a&gt;, then remove &lt;var title=3D&quot;&q=
uot;&gt;node&lt;/var&gt; from the &lt;a href=3D#stack-of-open-elements&gt=
;stack of open
+     elements&lt;/a&gt; and then go back to the step labeled &lt;i&gt;in=
ner loop&lt;/i&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#create-an-element-for-the-token&gt=
;Create an element for the token&lt;/a&gt; for which the element &lt;var =
title=3D&quot;&quot;&gt;node&lt;/var&gt; was created, in the &lt;a href=3D=
#html-namespace-0&gt;HTML namespace&lt;/a&gt;, with &lt;var title=3D&quot=
;&quot;&gt;common
+     ancestor&lt;/var&gt; as the intended parent; replace the entry for =
&lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt; in the
+     &lt;a href=3D#list-of-active-formatting-elements&gt;list of active =
formatting elements&lt;/a&gt; with an entry for the new element, replace =
the
+     entry for &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt; in the &=
lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a&gt; w=
ith an entry for
+     the new element, and let &lt;var title=3D&quot;&quot;&gt;node&lt;/v=
ar&gt; be the new element.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;last node&lt;=
/var&gt; is &lt;var title=3D&quot;&quot;&gt;furthest block&lt;/var&gt;, t=
hen move the
+     aforementioned bookmark to be immediately after the new &lt;var tit=
le=3D&quot;&quot;&gt;node&lt;/var&gt; in the
+     &lt;a href=3D#list-of-active-formatting-elements&gt;list of active =
formatting elements&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Insert &lt;var title=3D&quot;&quot;&gt;last node=
&lt;/var&gt; into &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt;, first=
 removing it
+     from its previous parent node if any.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;last node&lt=
;/var&gt; be &lt;var title=3D&quot;&quot;&gt;node&lt;/var&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Return to the step labeled &lt;i&gt;inner loop&l=
t;/i&gt;.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Insert whatever &lt;var title=3D&quot;&quot;&gt;la=
st node&lt;/var&gt; ended up being in the previous step at the
+   &lt;a href=3D#appropriate-place-for-inserting-a-node&gt;appropriate p=
lace for inserting a node&lt;/a&gt;, but using &lt;var title=3D&quot;&quo=
t;&gt;common
+   ancestor&lt;/var&gt; as the &lt;i&gt;override target&lt;/i&gt;.&lt;/l=
i&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#create-an-element-for-the-token&gt;C=
reate an element for the token&lt;/a&gt; for which &lt;var title=3D&quot;=
&quot;&gt;formatting
+   element&lt;/var&gt; was created, in the &lt;a href=3D#html-namespace-=
0&gt;HTML namespace&lt;/a&gt;, with &lt;var title=3D&quot;&quot;&gt;furth=
est
+   block&lt;/var&gt; as the intended parent.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Take all of the child nodes of &lt;var title=3D&qu=
ot;&quot;&gt;furthest block&lt;/var&gt; and append them to the
+   element created in the last step.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Append that new element to &lt;var title=3D&quot;&=
quot;&gt;furthest block&lt;/var&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove &lt;var title=3D&quot;&quot;&gt;formatting =
element&lt;/var&gt; from the &lt;a href=3D#list-of-active-formatting-elem=
ents&gt;list of active formatting
+   elements&lt;/a&gt;, and insert the new element into the &lt;a href=3D=
#list-of-active-formatting-elements&gt;list of active formatting
+   elements&lt;/a&gt; at the position of the aforementioned bookmark.&lt=
;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Remove &lt;var title=3D&quot;&quot;&gt;formatting =
element&lt;/var&gt; from the &lt;a href=3D#stack-of-open-elements&gt;stac=
k of open
+   elements&lt;/a&gt;, and insert the new element into the &lt;a href=3D=
#stack-of-open-elements&gt;stack of open elements&lt;/a&gt;
+   immediately below the position of &lt;var title=3D&quot;&quot;&gt;fur=
thest block&lt;/var&gt; in that stack.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Jump back to the step labeled &lt;i&gt;outer loop&=
lt;/i&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;This algorithm's name, the &quot;adop=
tion agency algorithm&quot;, comes from the way it
+  causes elements to change parents, and is in contrast with other possi=
ble algorithms for dealing
+  with misnested content, which included the &quot;incest algorithm&quot=
;, the &quot;secret affair algorithm&quot;, and
+  the &quot;Heisenberg algorithm&quot;.&lt;/p&gt;
+
+
+
+
+
+  &lt;h6 id=3Dparsing-main-incdata&gt;&lt;span class=3Dsecno&gt;12.2.5.4=
.8 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;insertion mode: text&quot=
;&gt;text&lt;/dfn&gt;&quot; insertion mode&lt;/h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#parsing-main-incdata title=3D&quot;insertion mode:
+  text&quot;&gt;text&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&gt;ins=
ertion mode&lt;/a&gt;, the user agent must handle the token as
+  follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A character token&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-a-character title=3D&quot;insert a cha=
racter&quot;&gt;Insert the token's character&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;This can never be a U+0000 NULL character; the=
 tokenizer converts those to
+    U+FFFD REPLACEMENT CHARACTER characters.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end-of-file token&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;!-- can't be the fragment case --&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;.&lt;/p&g=
t;
+
+    &lt;p&gt;If the &lt;a href=3D#current-node&gt;current node&lt;/a&gt;=
 is a &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt=
;/code&gt; element, mark the
+    &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;=
/code&gt; element as &lt;a href=3D#already-started&gt;&quot;already start=
ed&quot;&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Pop the &lt;a href=3D#current-node&gt;current node&lt;/a&gt=
; off the &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&=
lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to the &lt;a href=3D#original-insertion-mode&gt;original inserti=
on mode&lt;/a&gt; and
+    reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt id=3DscriptEndTag&gt;An end tag whose tag name is &quot;script=
&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#perform-a-microtask-checkpoint&gt;Perform a m=
icrotask checkpoint&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#provide-a-stable-state&gt;Provide a stable st=
ate&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;script&lt;/var&gt; be t=
he &lt;a href=3D#current-node&gt;current node&lt;/a&gt; (which will be a
+    &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;=
/code&gt; element).&lt;/p&gt;
+
+    &lt;p&gt;Pop the &lt;a href=3D#current-node&gt;current node&lt;/a&gt=
; off the &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&=
lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to the &lt;a href=3D#original-insertion-mode&gt;original inserti=
on mode&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Let the &lt;var title=3D&quot;&quot;&gt;old insertion point=
&lt;/var&gt; have the same value as the current
+    &lt;a href=3D#insertion-point&gt;insertion point&lt;/a&gt;. Let the =
&lt;a href=3D#insertion-point&gt;insertion point&lt;/a&gt; be just before=
 the &lt;a href=3D#next-input-character&gt;next
+    input character&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Increment the parser's &lt;a href=3D#script-nesting-level&g=
t;script nesting level&lt;/a&gt; by one.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#prepare-a-script title=3D&quot;prepare a scri=
pt&quot;&gt;Prepare&lt;/a&gt; the &lt;var title=3D&quot;&quot;&gt;script&=
lt;/var&gt;. This might
+    cause some script to execute, which might cause &lt;a href=3D#dom-do=
cument-write title=3Ddom-document-write&gt;new characters
+    to be inserted into the tokenizer&lt;/a&gt;, and might cause the tok=
enizer to output more tokens,
+    resulting in a &lt;a href=3D#nestedParsing&gt;reentrant invocation o=
f the parser&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Decrement the parser's &lt;a href=3D#script-nesting-level&g=
t;script nesting level&lt;/a&gt; by one. If the parser's &lt;a href=3D#sc=
ript-nesting-level&gt;script
+    nesting level&lt;/a&gt; is zero, then set the &lt;a href=3D#parser-p=
ause-flag&gt;parser pause flag&lt;/a&gt; to false.&lt;/p&gt;
+
+    &lt;p&gt;Let the &lt;a href=3D#insertion-point&gt;insertion point&lt=
;/a&gt; have the value of the &lt;var title=3D&quot;&quot;&gt;old inserti=
on
+    point&lt;/var&gt;. (In other words, restore the &lt;a href=3D#insert=
ion-point&gt;insertion point&lt;/a&gt; to its previous value.
+    This value might be the &quot;undefined&quot; value.)&lt;/p&gt;
+
+    &lt;p id=3DscriptTagParserResumes&gt;At this stage, if there is a &l=
t;a href=3D#pending-parsing-blocking-script&gt;pending parsing-blocking
+    script&lt;/a&gt;, then:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the &lt;a href=3D#script-nesti=
ng-level&gt;script nesting level&lt;/a&gt; is not zero:&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Set the &lt;a href=3D#parser-pause-flag&gt;parser pause f=
lag&lt;/a&gt; to true, and abort the processing of any nested
+      invocations of the tokenizer, yielding control back to the caller.=
 (Tokenization will resume
+      when the caller returns to the &quot;outer&quot; tree construction=
 stage.)&lt;/p&gt;
+
+      &lt;p class=3Dnote&gt;The tree construction stage of this particul=
ar parser is &lt;a href=3D#nestedParsing&gt;being called reentrantly&lt;/=
a&gt;, say from a call to &lt;code title=3Ddom-document-write&gt;&lt;a hr=
ef=3D#dom-document-write&gt;document.write()&lt;/a&gt;&lt;/code&gt;.&lt;/=
p&gt;
+
+     &lt;/dd&gt;
+
+
+     &lt;dt&gt;Otherwise:&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Run these steps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;t=
he script&lt;/var&gt; be the &lt;a href=3D#pending-parsing-blocking-scrip=
t&gt;pending parsing-blocking
+       script&lt;/a&gt;. There is no longer a &lt;a href=3D#pending-pars=
ing-blocking-script&gt;pending parsing-blocking script&lt;/a&gt;.&lt;/li&=
gt;
+
+       &lt;li&gt;&lt;p&gt;Block the &lt;a href=3D#tokenization title=3Dt=
okenization&gt;tokenizer&lt;/a&gt; for this instance of the
+       &lt;a href=3D#html-parser&gt;HTML parser&lt;/a&gt;, such that the=
 &lt;a href=3D#event-loop&gt;event loop&lt;/a&gt; will not run &lt;a href=
=3D#concept-task title=3Dconcept-task&gt;tasks&lt;/a&gt; that invoke the =
&lt;a href=3D#tokenization title=3Dtokenization&gt;tokenizer&lt;/a&gt;.&l=
t;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;If the parser's &lt;code&gt;&lt;a href=3D#docu=
ment&gt;Document&lt;/a&gt;&lt;/code&gt; &lt;a href=3D#has-a-style-sheet-t=
hat-is-blocking-scripts&gt;has a style sheet that is blocking
+       scripts&lt;/a&gt; or &lt;var title=3D&quot;&quot;&gt;the script&l=
t;/var&gt;'s &lt;a href=3D#ready-to-be-parser-executed&gt;&quot;ready to =
be parser-executed&quot;&lt;/a&gt;
+       flag is not set: &lt;a href=3D#spin-the-event-loop&gt;spin the ev=
ent loop&lt;/a&gt; until the parser's &lt;code&gt;&lt;a href=3D#document&=
gt;Document&lt;/a&gt;&lt;/code&gt;
+       &lt;a href=3D#has-no-style-sheet-that-is-blocking-scripts&gt;has =
no style sheet that is blocking scripts&lt;/a&gt; and &lt;var title=3D&qu=
ot;&quot;&gt;the script&lt;/var&gt;'s
+       &lt;a href=3D#ready-to-be-parser-executed&gt;&quot;ready to be pa=
rser-executed&quot;&lt;/a&gt; flag is set.&lt;/li&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;If this &lt;a href=3D#abort-a-parser title=3D&quot;abor=
t a parser&quot;&gt;parser has been aborted&lt;/a&gt; in the meantime,
+        abort these steps.&lt;/p&gt;
+
+        &lt;p class=3Dnote&gt;This could happen if, e.g., while the &lt;=
a href=3D#spin-the-event-loop&gt;spin the event loop&lt;/a&gt;
+        algorithm is running, the &lt;a href=3D#browsing-context&gt;brow=
sing context&lt;/a&gt; gets closed, or the &lt;code title=3Ddom-document-=
open&gt;&lt;a href=3D#dom-document-open&gt;document.open()&lt;/a&gt;&lt;/=
code&gt; method gets invoked on the
+        &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/cod=
e&gt;.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Unblock the &lt;a href=3D#tokenization title=3D=
tokenization&gt;tokenizer&lt;/a&gt; for this instance of the
+       &lt;a href=3D#html-parser&gt;HTML parser&lt;/a&gt;, such that &lt=
;a href=3D#concept-task title=3Dconcept-task&gt;tasks&lt;/a&gt; that invo=
ke the
+       &lt;a href=3D#tokenization title=3Dtokenization&gt;tokenizer&lt;/=
a&gt; can again be run.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Let the &lt;a href=3D#insertion-point&gt;inser=
tion point&lt;/a&gt; be just before the &lt;a href=3D#next-input-characte=
r&gt;next input
+       character&lt;/a&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Increment the parser's &lt;a href=3D#script-ne=
sting-level&gt;script nesting level&lt;/a&gt; by one (it should be zero
+       before this step, so this sets it to one).&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;&lt;a href=3D#execute-the-script-block title=3D=
&quot;execute the script block&quot;&gt;Execute&lt;/a&gt; &lt;var title=3D=
&quot;&quot;&gt;the
+       script&lt;/var&gt;.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;Decrement the parser's &lt;a href=3D#script-ne=
sting-level&gt;script nesting level&lt;/a&gt; by one. If the parser's
+       &lt;a href=3D#script-nesting-level&gt;script nesting level&lt;/a&=
gt; is zero (which it always should be at this point), then set
+       the &lt;a href=3D#parser-pause-flag&gt;parser pause flag&lt;/a&gt=
; to false.&lt;/p&gt;
+
+       &lt;li&gt;&lt;p&gt;Let the &lt;a href=3D#insertion-point&gt;inser=
tion point&lt;/a&gt; be undefined again.&lt;/li&gt;
+
+       &lt;li&gt;&lt;p&gt;If there is once again a &lt;a href=3D#pending=
-parsing-blocking-script&gt;pending parsing-blocking script&lt;/a&gt;, th=
en repeat
+       these steps from step 1.&lt;/li&gt;
+
+      &lt;/ol&gt;&lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;Any other end tag&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Pop the &lt;a href=3D#current-node&gt;current node&lt;/a&gt=
; off the &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&=
lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to the &lt;a href=3D#original-insertion-mode&gt;original inserti=
on mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h6 id=3Dparsing-main-intable&gt;&lt;span class=3Dsecno&=
gt;12.2.5.4.9 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;insertion mode=
: in table&quot;&gt;in table&lt;/dfn&gt;&quot; insertion mode&lt;/h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#parsing-main-intable title=3D&quot;insertion mode: in table&quot=
;&gt;in
+  table&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt;, the user agent must handle the token as follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A character token, if the &lt;a hre=
f=3D#current-node&gt;current node&lt;/a&gt; is &lt;code&gt;&lt;a href=3D#=
the-table-element&gt;table&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=
=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a =
href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&l=
t;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/code&gt;, or &lt;cod=
e&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; element&lt=
;/dt&gt;
+   &lt;dd&gt;
+
+     &lt;p&gt;Let the &lt;dfn id=3Dpending-table-character-tokens&gt;&lt=
;var&gt;pending table character tokens&lt;/var&gt;&lt;/dfn&gt; be an empt=
y list of tokens.&lt;/p&gt;
+
+     &lt;p&gt;Let the &lt;a href=3D#original-insertion-mode&gt;original =
insertion mode&lt;/a&gt; be the current &lt;a href=3D#insertion-mode&gt;i=
nsertion mode&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&=
lt;/a&gt; to &quot;&lt;a href=3D#parsing-main-intabletext title=3D&quot;i=
nsertion mode: in table text&quot;&gt;in
+     table text&lt;/a&gt;&quot; and reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A comment token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#insert-a-comment&gt;Insert a comment&lt;/a&gt=
;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A DOCTYPE token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;caption&quot;&lt;/dt&gt=
;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#clear-the-stack-back-to-a-table-context&gt;Cl=
ear the stack back to a table context&lt;/a&gt;. (See below.)&lt;/p&gt;
+
+    &lt;p&gt;Insert a marker at the end of the &lt;a href=3D#list-of-act=
ive-formatting-elements&gt;list of active formatting elements&lt;/a&gt;.&=
lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token, then switch the &lt;a href=3D#insertion-mode=
&gt;insertion
+    mode&lt;/a&gt; to &quot;&lt;a href=3D#parsing-main-incaption title=3D=
&quot;insertion mode: in caption&quot;&gt;in caption&lt;/a&gt;&quot;.&lt;=
/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;colgroup&quot;&lt;/dt&g=
t;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#clear-the-stack-back-to-a-table-context&gt;Cl=
ear the stack back to a table context&lt;/a&gt;. (See below.)&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token, then switch the &lt;a href=3D#insertion-mode=
&gt;insertion
+    mode&lt;/a&gt; to &quot;&lt;a href=3D#parsing-main-incolgroup title=3D=
&quot;insertion mode: in column group&quot;&gt;in column group&lt;/a&gt;&=
quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;col&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;!-- fake &lt;colgroup&gt; --&gt;
+    &lt;p&gt;&lt;a href=3D#clear-the-stack-back-to-a-table-context&gt;Cl=
ear the stack back to a table context&lt;/a&gt;. (See below.)&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for a &quot;colgroup&quot; start tag token with no attribut=
es, then
+    switch the &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; =
to &quot;&lt;a href=3D#parsing-main-incolgroup title=3D&quot;insertion mo=
de: in column group&quot;&gt;in
+    column group&lt;/a&gt;&quot;.&lt;/p&gt;
+    &lt;!-- end of fake &lt;colgroup&gt; --&gt;
+
+    &lt;p&gt;Reprocess the current token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;tbody&quot;, &q=
uot;tfoot&quot;, &quot;thead&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#clear-the-stack-back-to-a-table-context&gt;Cl=
ear the stack back to a table context&lt;/a&gt;. (See below.)&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token, then switch the &lt;a href=3D#insertion-mode=
&gt;insertion
+    mode&lt;/a&gt; to &quot;&lt;a href=3D#parsing-main-intbody title=3D&=
quot;insertion mode: in table body&quot;&gt;in table body&lt;/a&gt;&quot;=
.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;td&quot;, &quot=
;th&quot;, &quot;tr&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;!-- fake &lt;colgroup&gt; --&gt;
+    &lt;p&gt;&lt;a href=3D#clear-the-stack-back-to-a-table-context&gt;Cl=
ear the stack back to a table context&lt;/a&gt;. (See below.)&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for a &quot;tbody&quot; start tag token with no attributes,=
 then
+    switch the &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; =
to &quot;&lt;a href=3D#parsing-main-intbody title=3D&quot;insertion mode:=
 in table body&quot;&gt;in table
+    body&lt;/a&gt;&quot;.&lt;/p&gt;
+    &lt;!-- end of fake &lt;colgroup&gt; --&gt;
+
+    &lt;p&gt;Reprocess the current token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;table&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;.&lt;/p&g=
t;
+
+    &lt;!-- fake &lt;/table&gt; --&gt;
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-table-scope=
 title=3D&quot;has an element in table
+    scope&quot;&gt;have a &lt;code&gt;table&lt;/code&gt; element in tabl=
e scope&lt;/a&gt;, ignore the token.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise:&lt;/p&gt;
+
+    &lt;p&gt;Pop elements from this stack until a &lt;code&gt;&lt;a href=
=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; element has been po=
pped from the
+    stack.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#reset-the-insertion-mode-appropriately&gt;Res=
et the insertion mode appropriately&lt;/a&gt;.&lt;/p&gt;
+    &lt;!-- end of fake &lt;/table&gt; --&gt;
+
+    &lt;p&gt;Reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is &quot;table&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-table-scope=
 title=3D&quot;has an element in table
+    scope&quot;&gt;have a &lt;code&gt;table&lt;/code&gt; element in tabl=
e scope&lt;/a&gt;, this is a &lt;a href=3D#parse-error&gt;parse
+    error&lt;/a&gt;; ignore the token.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise:&lt;/p&gt;
+
+    &lt;p&gt;Pop elements from this stack until a &lt;code&gt;&lt;a href=
=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; element has been po=
pped from the
+    stack.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#reset-the-insertion-mode-appropriately&gt;Res=
et the insertion mode appropriately&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is one of: &quot;body&quot;, &quo=
t;caption&quot;, &quot;col&quot;, &quot;colgroup&quot;, &quot;html&quot;,=
 &quot;tbody&quot;,
+   &quot;td&quot;, &quot;tfoot&quot;, &quot;th&quot;, &quot;thead&quot;,=
 &quot;tr&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;style&quot;, &q=
uot;script&quot;, &quot;template&quot;&lt;/dt&gt;
+   &lt;dt&gt;An end tag whose tag name is &quot;template&quot;&lt;/dt&gt=
;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inhead tit=
le=3D&quot;insertion mode: in head&quot;&gt;in head&lt;/a&gt;&quot; &lt;a=
 href=3D#insertion-mode&gt;insertion
+    mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;input&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the token does not have an attribute with the name &quot=
;type&quot;, or if it does, but that
+    attribute's value is not an &lt;a href=3D#ascii-case-insensitive&gt;=
ASCII case-insensitive&lt;/a&gt; match for the string &quot;&lt;code titl=
e=3D&quot;&quot;&gt;hidden&lt;/code&gt;&quot;, then: act as described in =
the &quot;anything else&quot; entry below.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise:&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;.&lt;/p&g=
t;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token.&lt;/p&gt;
+
+    &lt;p&gt;Pop that &lt;code&gt;&lt;a href=3D#the-input-element&gt;inp=
ut&lt;/a&gt;&lt;/code&gt; element off the &lt;a href=3D#stack-of-open-ele=
ments&gt;stack of open elements&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#acknowledge-self-closing-flag title=3D&quot;a=
cknowledge self-closing flag&quot;&gt;Acknowledge the token's &lt;i&gt;se=
lf-closing
+    flag&lt;/i&gt;&lt;/a&gt;, if it is set.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;form&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;.&lt;/p&g=
t;
+
+    &lt;p&gt;If the &lt;a href=3D#form-element-pointer&gt;&lt;code title=
=3Dform&gt;form&lt;/code&gt; element pointer&lt;/a&gt; is not null, ignor=
e the
+    token.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise:&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token, and set the &lt;a href=3D#form-element-point=
er&gt;&lt;code title=3Dform&gt;form&lt;/code&gt; element pointer&lt;/a&gt=
; to point to the element created.&lt;/p&gt;
+
+    &lt;p&gt;Pop that &lt;code&gt;&lt;a href=3D#the-form-element&gt;form=
&lt;/a&gt;&lt;/code&gt; element off the &lt;a href=3D#stack-of-open-eleme=
nts&gt;stack of open elements&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;!-- &quot;form&quot; end tag falls through to in-body, which does=
 the right thing --&gt;
+
+   &lt;dt&gt;An end-of-file token&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inbody tit=
le=3D&quot;insertion mode: in
+    body&quot;&gt;in body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Enable =
&lt;a href=3D#foster-parent title=3D&quot;foster parent&quot;&gt;foster p=
arenting&lt;/a&gt;, process
+    the token &lt;a href=3D#using-the-rules-for&gt;using the rules for&l=
t;/a&gt; the &quot;&lt;a href=3D#parsing-main-inbody title=3D&quot;insert=
ion mode: in body&quot;&gt;in
+    body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&gt;insertion mode&=
lt;/a&gt;, and then disable &lt;a href=3D#foster-parent title=3D&quot;fos=
ter parent&quot;&gt;foster
+    parenting&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;When the steps above require the UA to &lt;dfn id=3D=
clear-the-stack-back-to-a-table-context&gt;clear the stack back to a tabl=
e context&lt;/dfn&gt;, it
+  means that the UA must, while the &lt;a href=3D#current-node&gt;curren=
t node&lt;/a&gt; is not a &lt;code&gt;&lt;a href=3D#the-table-element&gt;=
table&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/a&gt;&l=
t;/code&gt;, or &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&=
gt;&lt;/code&gt; element, pop elements from the &lt;a href=3D#stack-of-op=
en-elements&gt;stack of open
+  elements&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;a href=3D#current-node&gt;current node&l=
t;/a&gt; being an &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/=
a&gt;&lt;/code&gt; element after this
+  process is a &lt;a href=3D#fragment-case&gt;fragment case&lt;/a&gt;.&l=
t;/p&gt;
+
+
+
+  &lt;h6 id=3Dparsing-main-intabletext&gt;&lt;span class=3Dsecno&gt;12.2=
.5.4.10 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;insertion mode: in t=
able text&quot;&gt;in table text&lt;/dfn&gt;&quot; insertion mode&lt;/h6&=
gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#parsing-main-intabletext title=3D&quot;insertion mode: in table
+  text&quot;&gt;in table text&lt;/a&gt;&quot; &lt;a href=3D#insertion-mo=
de&gt;insertion mode&lt;/a&gt;, the user agent must handle the token as
+  follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A character token that is U+0000 NU=
LL&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;Any other character token&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Append the character token to the &lt;var&gt;&lt;a href=3D#=
pending-table-character-tokens&gt;pending table character tokens&lt;/a&gt=
;&lt;/var&gt; list.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;!-- this can only be called if the current node is one of the ta=
ble model elements --&gt;
+
+    &lt;p&gt;If any of the tokens in the &lt;var&gt;&lt;a href=3D#pendin=
g-table-character-tokens&gt;pending table character tokens&lt;/a&gt;&lt;/=
var&gt; list are character
+    tokens that are not &lt;a href=3D#space-character title=3D&quot;spac=
e character&quot;&gt;space characters&lt;/a&gt;, then reprocess the
+    character tokens in the &lt;var&gt;&lt;a href=3D#pending-table-chara=
cter-tokens&gt;pending table character tokens&lt;/a&gt;&lt;/var&gt; list =
using the rules given in
+    the &quot;anything else&quot; entry in the &quot;&lt;a href=3D#parsi=
ng-main-intable title=3D&quot;insertion mode: in table&quot;&gt;in table&=
lt;/a&gt;&quot;
+    insertion mode.&lt;/p&gt;
+
+    &lt;!-- if there's active formatting elements, it'll recreate those =
and foster parent the top one
+    and then put the text nodes in the formatting elements; otherwise, i=
t'll foster parent the
+    character tokens. --&gt;
+
+    &lt;p&gt;Otherwise, &lt;a href=3D#insert-a-character title=3D&quot;i=
nsert a character&quot;&gt;insert the characters&lt;/a&gt; given by the
+    &lt;var&gt;&lt;a href=3D#pending-table-character-tokens&gt;pending t=
able character tokens&lt;/a&gt;&lt;/var&gt; list.&lt;/p&gt; &lt;!-- i.e. =
inter-element whitespace in the
+    table model isn't foster parented --&gt;
+
+    &lt;!-- no need to empty the list, we're leaving the insertion mode =
and the list is always emptied
+    before we reenter the mode --&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to the &lt;a href=3D#original-insertion-mode&gt;original inserti=
on mode&lt;/a&gt; and
+    reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h6 id=3Dparsing-main-incaption&gt;&lt;span class=3Dsecn=
o&gt;12.2.5.4.11 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;insertion m=
ode: in caption&quot;&gt;in caption&lt;/dfn&gt;&quot; insertion mode&lt;/=
h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#parsing-main-incaption title=3D&quot;insertion mode: in caption&=
quot;&gt;in
+  caption&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&gt;insertion mode=
&lt;/a&gt;, the user agent must handle the token as follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;An end tag whose tag name is &quot;=
caption&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-table-scope=
 title=3D&quot;has an element in table
+    scope&quot;&gt;have a &lt;code&gt;caption&lt;/code&gt; element in ta=
ble scope&lt;/a&gt;, this is a &lt;a href=3D#parse-error&gt;parse
+    error&lt;/a&gt;; ignore the token. (&lt;a href=3D#fragment-case&gt;f=
ragment case&lt;/a&gt;)&lt;/p&gt;
+
+    &lt;p&gt;Otherwise:&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#generate-implied-end-tags&gt;Generate implied=
 end tags&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Now, if the &lt;a href=3D#current-node&gt;current node&lt;/=
a&gt; is not a &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&l=
t;/a&gt;&lt;/code&gt; element, then this is a
+    &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Pop elements from this stack until a &lt;code&gt;&lt;a href=
=3D#the-caption-element&gt;caption&lt;/a&gt;&lt;/code&gt; element has bee=
n popped from the
+    stack.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#clear-the-list-of-active-formatting-elements-=
up-to-the-last-marker&gt;Clear the list of active formatting elements up =
to the last marker&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-intable title=3D&quot;insert=
ion mode: in table&quot;&gt;in
+    table&lt;/a&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;caption&quot;, =
&quot;col&quot;, &quot;colgroup&quot;, &quot;tbody&quot;, &quot;td&quot;,=
 &quot;tfoot&quot;,
+   &quot;th&quot;, &quot;thead&quot;, &quot;tr&quot;&lt;/dt&gt; &lt;dt&g=
t;An end tag whose tag name is &quot;table&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;.&lt;/p&g=
t;
+
+    &lt;!-- fake &lt;/caption&gt; --&gt;
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-table-scope=
 title=3D&quot;has an element in table
+    scope&quot;&gt;have a &lt;code&gt;caption&lt;/code&gt; element in ta=
ble scope&lt;/a&gt;, ignore the token.
+    (&lt;a href=3D#fragment-case&gt;fragment case&lt;/a&gt;)&lt;/p&gt;
+
+    &lt;p&gt;Otherwise:&lt;/p&gt;
+
+    &lt;p&gt;Pop elements from this stack until a &lt;code&gt;&lt;a href=
=3D#the-caption-element&gt;caption&lt;/a&gt;&lt;/code&gt; element has bee=
n popped from the
+    stack.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#clear-the-list-of-active-formatting-elements-=
up-to-the-last-marker&gt;Clear the list of active formatting elements up =
to the last marker&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-intable title=3D&quot;insert=
ion mode: in table&quot;&gt;in
+    table&lt;/a&gt;&quot;.&lt;/p&gt;
+    &lt;!-- end of fake &lt;/caption&gt; --&gt;
+
+    &lt;p&gt;Reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is one of: &quot;body&quot;, &quo=
t;col&quot;, &quot;colgroup&quot;, &quot;html&quot;, &quot;tbody&quot;, &=
quot;td&quot;,
+   &quot;tfoot&quot;, &quot;th&quot;, &quot;thead&quot;, &quot;tr&quot;&=
lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inbody tit=
le=3D&quot;insertion mode: in
+    body&quot;&gt;in body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h6 id=3Dparsing-main-incolgroup&gt;&lt;span class=3Dsec=
no&gt;12.2.5.4.12 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;insertion =
mode: in column group&quot;&gt;in column group&lt;/dfn&gt;&quot; insertio=
n mode&lt;/h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#parsing-main-incolgroup title=3D&quot;insertion mode: in column
+  group&quot;&gt;in column group&lt;/a&gt;&quot; &lt;a href=3D#insertion=
-mode&gt;insertion mode&lt;/a&gt;, the user agent must handle the token
+  as follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A character token that is one of U+=
0009 CHARACTER TABULATION, U+000A LINE FEED (LF), U+000C
+   FORM FEED (FF), U+000D CARRIAGE RETURN (CR), or U+0020 SPACE&lt;/dt&g=
t;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#insert-a-character title=3D&quot;insert a cha=
racter&quot;&gt;Insert the character&lt;/a&gt;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A comment token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#insert-a-comment&gt;Insert a comment&lt;/a&gt=
;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A DOCTYPE token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;html&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inbody tit=
le=3D&quot;insertion mode: in
+    body&quot;&gt;in body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;col&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token. Immediately pop the &lt;a href=3D#current-no=
de&gt;current
+    node&lt;/a&gt; off the &lt;a href=3D#stack-of-open-elements&gt;stack=
 of open elements&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#acknowledge-self-closing-flag title=3D&quot;a=
cknowledge self-closing flag&quot;&gt;Acknowledge the token's &lt;i&gt;se=
lf-closing
+    flag&lt;/i&gt;&lt;/a&gt;, if it is set.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is &quot;colgroup&quot;&lt;/dt&gt=
;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#current-node&gt;current node&lt;/a&gt;=
 is not a &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup&lt;/=
a&gt;&lt;/code&gt; element, then this is a
+    &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;; ignore the token=
.&lt;/p&gt; &lt;!-- e.g. colgroup fragment case, or
+    &lt;template&gt;&lt;col&gt;&lt;/colgroup&gt; --&gt;
+
+    &lt;p&gt;Otherwise, pop the &lt;a href=3D#current-node&gt;current no=
de&lt;/a&gt; from the &lt;a href=3D#stack-of-open-elements&gt;stack of op=
en elements&lt;/a&gt;.
+    Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; =
to &quot;&lt;a href=3D#parsing-main-intable title=3D&quot;insertion mode:=
 in table&quot;&gt;in
+    table&lt;/a&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is &quot;col&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;template&quot;&lt;/dt&g=
t;
+   &lt;dt&gt;An end tag whose tag name is &quot;template&quot;&lt;/dt&gt=
;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inhead tit=
le=3D&quot;insertion mode: in
+    head&quot;&gt;in head&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end-of-file token&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inbody tit=
le=3D&quot;insertion mode: in
+    body&quot;&gt;in body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;!-- fake &lt;/colgroup&gt; --&gt;
+    &lt;p&gt;If the &lt;a href=3D#current-node&gt;current node&lt;/a&gt;=
 is not a &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup&lt;/=
a&gt;&lt;/code&gt; element, then this is a
+    &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;; ignore the token=
.&lt;/p&gt; &lt;!-- e.g. colgroup fragment case, or
+    &lt;template&gt;&lt;col&gt;&lt;/colgroup&gt; --&gt;
+
+    &lt;p&gt;Otherwise, pop the &lt;a href=3D#current-node&gt;current no=
de&lt;/a&gt; from the &lt;a href=3D#stack-of-open-elements&gt;stack of op=
en
+    elements&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-intable title=3D&quot;insert=
ion mode: in table&quot;&gt;in
+    table&lt;/a&gt;&quot;.&lt;/p&gt;
+    &lt;!-- end of fake &lt;/colgroup&gt; --&gt;
+
+    &lt;p&gt;Reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h6 id=3Dparsing-main-intbody&gt;&lt;span class=3Dsecno&=
gt;12.2.5.4.13 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;insertion mod=
e: in table body&quot;&gt;in table body&lt;/dfn&gt;&quot; insertion mode&=
lt;/h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#parsing-main-intbody title=3D&quot;insertion mode: in table
+  body&quot;&gt;in table body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mo=
de&gt;insertion mode&lt;/a&gt;, the user agent must handle the token as
+  follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A start tag whose tag name is &quot=
;tr&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#clear-the-stack-back-to-a-table-body-context&=
gt;Clear the stack back to a table body context&lt;/a&gt;. (See below.)&l=
t;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token, then switch the &lt;a href=3D#insertion-mode=
&gt;insertion
+    mode&lt;/a&gt; to &quot;&lt;a href=3D#parsing-main-intr title=3D&quo=
t;insertion mode: in row&quot;&gt;in row&lt;/a&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;th&quot;, &quot=
;td&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;.&lt;/p&g=
t;
+
+    &lt;!-- fake &lt;/tr&gt; --&gt;
+    &lt;p&gt;&lt;a href=3D#clear-the-stack-back-to-a-table-body-context&=
gt;Clear the stack back to a table body context&lt;/a&gt;. (See below.)&l=
t;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for a &quot;tr&quot; start tag token with no attributes, th=
en
+    switch the &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; =
to &quot;&lt;a href=3D#parsing-main-intr title=3D&quot;insertion mode: in=
 row&quot;&gt;in
+    row&lt;/a&gt;&quot;.&lt;/p&gt;
+    &lt;!-- end of fake &lt;/tr&gt; --&gt;
+
+    &lt;p&gt;Reprocess the current token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is one of: &quot;tbody&quot;, &qu=
ot;tfoot&quot;,
+   &quot;thead&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-table-scope=
 title=3D&quot;has an element in table
+    scope&quot;&gt;have an element in table scope&lt;/a&gt; that is an &=
lt;a href=3D#html-elements title=3D&quot;HTML elements&quot;&gt;HTML
+    element&lt;/a&gt; and with the same tag name as the token, this is a=
 &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;;
+    ignore the token.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise:&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#clear-the-stack-back-to-a-table-body-context&=
gt;Clear the stack back to a table body context&lt;/a&gt;. (See below.)&l=
t;/p&gt;
+
+    &lt;p&gt;Pop the &lt;a href=3D#current-node&gt;current node&lt;/a&gt=
; from the &lt;a href=3D#stack-of-open-elements&gt;stack of open elements=
&lt;/a&gt;. Switch the
+    &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; to &quot;&l=
t;a href=3D#parsing-main-intable title=3D&quot;insertion mode: in table&q=
uot;&gt;in table&lt;/a&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;caption&quot;, =
&quot;col&quot;,
+   &quot;colgroup&quot;, &quot;tbody&quot;, &quot;tfoot&quot;, &quot;the=
ad&quot;&lt;/dt&gt;
+   &lt;dt&gt;An end tag whose tag name is &quot;table&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-table-scope=
 title=3D&quot;has an element in table
+    scope&quot;&gt;have a &lt;code&gt;tbody&lt;/code&gt;, &lt;code&gt;th=
ead&lt;/code&gt;, or &lt;code&gt;tfoot&lt;/code&gt; element in table
+    scope&lt;/a&gt;, this is a &lt;a href=3D#parse-error&gt;parse error&=
lt;/a&gt;; ignore the token.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise:&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#clear-the-stack-back-to-a-table-body-context&=
gt;Clear the stack back to a table body context&lt;/a&gt;. (See below.)&l=
t;/p&gt;
+
+    &lt;!-- fake &lt;/tbody&gt;, &lt;/tfoot&gt;, or &lt;/thead&gt;, what=
ever is the current node --&gt;
+
+    &lt;p&gt;Pop the &lt;a href=3D#current-node&gt;current node&lt;/a&gt=
; from the &lt;a href=3D#stack-of-open-elements&gt;stack of open elements=
&lt;/a&gt;. Switch the
+    &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; to &quot;&l=
t;a href=3D#parsing-main-intable title=3D&quot;insertion mode: in table&q=
uot;&gt;in table&lt;/a&gt;&quot;.&lt;/p&gt;
+
+    &lt;!-- end of fake &lt;/tbody&gt;, &lt;/tfoot&gt;, or &lt;/thead&gt=
;, whatever was the current node --&gt;
+
+    &lt;p&gt;Reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is one of: &quot;body&quot;, &quo=
t;caption&quot;, &quot;col&quot;, &quot;colgroup&quot;, &quot;html&quot;,=
 &quot;td&quot;,
+   &quot;th&quot;, &quot;tr&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-intable ti=
tle=3D&quot;insertion mode: in
+    table&quot;&gt;in table&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode=
&gt;insertion mode&lt;/a&gt;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;When the steps above require the UA to &lt;dfn id=3D=
clear-the-stack-back-to-a-table-body-context&gt;clear the stack back to a=
 table body context&lt;/dfn&gt;,
+  it means that the UA must, while the &lt;a href=3D#current-node&gt;cur=
rent node&lt;/a&gt; is not a &lt;code&gt;&lt;a href=3D#the-tbody-element&=
gt;tbody&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/cod=
e&gt;, &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;=
/code&gt;, &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;=
/a&gt;&lt;/code&gt;, or &lt;code&gt;&lt;a href=3D#the-html-element&gt;htm=
l&lt;/a&gt;&lt;/code&gt; element, pop
+  elements from the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;a href=3D#current-node&gt;current node&l=
t;/a&gt; being an &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/=
a&gt;&lt;/code&gt; element after this
+  process is a &lt;a href=3D#fragment-case&gt;fragment case&lt;/a&gt;.&l=
t;/p&gt;
+
+
+  &lt;h6 id=3Dparsing-main-intr&gt;&lt;span class=3Dsecno&gt;12.2.5.4.14=
 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;insertion mode: in row&quot=
;&gt;in row&lt;/dfn&gt;&quot; insertion mode&lt;/h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#parsing-main-intr title=3D&quot;insertion mode: in row&quot;&gt;=
in
+  row&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&gt;insertion mode&lt;=
/a&gt;, the user agent must handle the token as follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A start tag whose tag name is one o=
f: &quot;th&quot;, &quot;td&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#clear-the-stack-back-to-a-table-row-context&g=
t;Clear the stack back to a table row context&lt;/a&gt;. (See below.)&lt;=
/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token, then switch the &lt;a href=3D#insertion-mode=
&gt;insertion
+    mode&lt;/a&gt; to &quot;&lt;a href=3D#parsing-main-intd title=3D&quo=
t;insertion mode: in cell&quot;&gt;in cell&lt;/a&gt;&quot;.&lt;/p&gt;
+
+    &lt;p&gt;Insert a marker at the end of the &lt;a href=3D#list-of-act=
ive-formatting-elements&gt;list of active formatting elements&lt;/a&gt;.&=
lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is &quot;tr&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-table-scope=
 title=3D&quot;has an element in table
+    scope&quot;&gt;have a &lt;code&gt;tr&lt;/code&gt; element in table s=
cope&lt;/a&gt;, this is a &lt;a href=3D#parse-error&gt;parse error&lt;/a&=
gt;;
+    ignore the token.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise:&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#clear-the-stack-back-to-a-table-row-context&g=
t;Clear the stack back to a table row context&lt;/a&gt;. (See below.)&lt;=
/p&gt;
+
+    &lt;p&gt;Pop the &lt;a href=3D#current-node&gt;current node&lt;/a&gt=
; (which will be a &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&g=
t;&lt;/code&gt; element) from the
+    &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a=
&gt;. Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt;=
 to &quot;&lt;a href=3D#parsing-main-intbody title=3D&quot;insertion mode=
: in table body&quot;&gt;in table body&lt;/a&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;caption&quot;, =
&quot;col&quot;, &quot;colgroup&quot;, &quot;tbody&quot;, &quot;tfoot&quo=
t;,
+   &quot;thead&quot;, &quot;tr&quot;&lt;/dt&gt;
+   &lt;dt&gt;An end tag whose tag name is &quot;table&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;!-- fake &lt;tr&gt; --&gt;
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-table-scope=
 title=3D&quot;has an element in table
+    scope&quot;&gt;have a &lt;code&gt;tr&lt;/code&gt; element in table s=
cope&lt;/a&gt;, this is a &lt;a href=3D#parse-error&gt;parse error&lt;/a&=
gt;;
+    ignore the token.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise:&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#clear-the-stack-back-to-a-table-row-context&g=
t;Clear the stack back to a table row context&lt;/a&gt;. (See below.)&lt;=
/p&gt;
+
+    &lt;p&gt;Pop the &lt;a href=3D#current-node&gt;current node&lt;/a&gt=
; (which will be a &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&g=
t;&lt;/code&gt; element) from the
+    &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a=
&gt;. Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt;=
 to &quot;&lt;a href=3D#parsing-main-intbody title=3D&quot;insertion mode=
: in table body&quot;&gt;in table body&lt;/a&gt;&quot;.&lt;/p&gt;
+    &lt;!-- end of fake &lt;/tr&gt; --&gt;
+
+    &lt;p&gt;Reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is one of: &quot;tbody&quot;, &qu=
ot;tfoot&quot;, &quot;thead&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-table-scope=
 title=3D&quot;has an element in table
+    scope&quot;&gt;have an element in table scope&lt;/a&gt; that is an &=
lt;a href=3D#html-elements title=3D&quot;HTML elements&quot;&gt;HTML
+    element&lt;/a&gt; and with the same tag name as the token, this is a=
 &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;;
+    ignore the token.&lt;/p&gt;
+
+    &lt;!-- fake &lt;tr&gt; --&gt;
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-table-scope=
 title=3D&quot;has an element in table
+    scope&quot;&gt;have a &lt;code&gt;tr&lt;/code&gt; element in table s=
cope&lt;/a&gt;, ignore the token.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise:&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#clear-the-stack-back-to-a-table-row-context&g=
t;Clear the stack back to a table row context&lt;/a&gt;. (See below.)&lt;=
/p&gt;
+
+    &lt;p&gt;Pop the &lt;a href=3D#current-node&gt;current node&lt;/a&gt=
; (which will be a &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&g=
t;&lt;/code&gt; element) from the
+    &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a=
&gt;. Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt;=
 to &quot;&lt;a href=3D#parsing-main-intbody title=3D&quot;insertion mode=
: in table body&quot;&gt;in table body&lt;/a&gt;&quot;.&lt;/p&gt;
+    &lt;!-- end of fake &lt;/tr&gt; --&gt;
+
+    &lt;p&gt;Reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is one of: &quot;body&quot;, &quo=
t;caption&quot;, &quot;col&quot;, &quot;colgroup&quot;, &quot;html&quot;,=
 &quot;td&quot;,
+   &quot;th&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-intable ti=
tle=3D&quot;insertion mode: in
+    table&quot;&gt;in table&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode=
&gt;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;When the steps above require the UA to &lt;dfn id=3D=
clear-the-stack-back-to-a-table-row-context&gt;clear the stack back to a =
table row context&lt;/dfn&gt;,
+  it means that the UA must, while the &lt;a href=3D#current-node&gt;cur=
rent node&lt;/a&gt; is not a &lt;code&gt;&lt;a href=3D#the-tr-element&gt;=
tr&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/a&gt;&l=
t;/code&gt;, or &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&=
gt;&lt;/code&gt; element, pop elements from the &lt;a href=3D#stack-of-op=
en-elements&gt;stack of open
+  elements&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;a href=3D#current-node&gt;current node&l=
t;/a&gt; being an &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/=
a&gt;&lt;/code&gt; element after this
+  process is a &lt;a href=3D#fragment-case&gt;fragment case&lt;/a&gt;.&l=
t;/p&gt;
+
+
+  &lt;h6 id=3Dparsing-main-intd&gt;&lt;span class=3Dsecno&gt;12.2.5.4.15=
 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;insertion mode: in cell&quo=
t;&gt;in cell&lt;/dfn&gt;&quot; insertion mode&lt;/h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#parsing-main-intd title=3D&quot;insertion mode: in cell&quot;&gt=
;in cell&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt;, the user agent must handle the token as follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;An end tag whose tag name is one of=
: &quot;td&quot;, &quot;th&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-table-scope=
 title=3D&quot;has an element in table
+    scope&quot;&gt;have an element in table scope&lt;/a&gt; that is an &=
lt;a href=3D#html-elements title=3D&quot;HTML elements&quot;&gt;HTML
+    element&lt;/a&gt; and with the same tag name as that of the token, t=
hen this is a &lt;a href=3D#parse-error&gt;parse
+    error&lt;/a&gt;; ignore the token.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise:&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#generate-implied-end-tags&gt;Generate implied=
 end tags&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Now, if the &lt;a href=3D#current-node&gt;current node&lt;/=
a&gt; is not an &lt;a href=3D#html-elements title=3D&quot;HTML elements&q=
uot;&gt;HTML
+    element&lt;/a&gt; with the same tag name as the token, then this is =
a &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Pop elements from the &lt;a href=3D#stack-of-open-elements&=
gt;stack of open elements&lt;/a&gt; stack until an &lt;a href=3D#html-ele=
ments title=3D&quot;HTML
+    elements&quot;&gt;HTML element&lt;/a&gt; with the same tag name as t=
he token has been popped from the
+    stack.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#clear-the-list-of-active-formatting-elements-=
up-to-the-last-marker&gt;Clear the list of active formatting elements up =
to the last marker&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-intr title=3D&quot;insertion=
 mode: in row&quot;&gt;in
+    row&lt;/a&gt;&quot;.&lt;/p&gt; &lt;!-- current node here will be a &=
lt;tr&gt; normally; but could be &lt;html&gt; in the
+    fragment case, or &lt;template&gt; in the template case --&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;caption&quot;, =
&quot;col&quot;,
+   &quot;colgroup&quot;, &quot;tbody&quot;, &quot;td&quot;, &quot;tfoot&=
quot;, &quot;th&quot;, &quot;thead&quot;, &quot;tr&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does &lt;em&gt;not&lt;/em&gt; &lt;a href=3D#has-an-e=
lement-in-table-scope title=3D&quot;has an element in
+    table scope&quot;&gt;have a &lt;code&gt;td&lt;/code&gt; or &lt;code&=
gt;th&lt;/code&gt; element in table scope&lt;/a&gt;, then this
+    is a &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;; ignore the =
token. (&lt;a href=3D#fragment-case&gt;fragment case&lt;/a&gt;)&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, &lt;a href=3D#close-the-cell&gt;close the cell&l=
t;/a&gt; (see below) and reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is one of: &quot;body&quot;, &quo=
t;caption&quot;,
+   &quot;col&quot;, &quot;colgroup&quot;, &quot;html&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is one of: &quot;table&quot;, &qu=
ot;tbody&quot;,
+   &quot;tfoot&quot;, &quot;thead&quot;, &quot;tr&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-table-scope=
 title=3D&quot;has an element in table
+    scope&quot;&gt;have an element in table scope&lt;/a&gt; that is an &=
lt;a href=3D#html-elements title=3D&quot;HTML elements&quot;&gt;HTML
+    element&lt;/a&gt; and with the same tag name as that of the token, t=
hen this is a &lt;a href=3D#parse-error&gt;parse
+    error&lt;/a&gt;; ignore the token.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, &lt;a href=3D#close-the-cell&gt;close the cell&l=
t;/a&gt; (see below) and reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inbody tit=
le=3D&quot;insertion mode: in
+    body&quot;&gt;in body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;Where the steps above say to &lt;dfn id=3Dclose-th=
e-cell&gt;close the cell&lt;/dfn&gt;, they mean to run the following
+  algorithm:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!-- fake &lt;/td&gt; or &lt;/th&gt; --&gt;&lt;li&gt;&lt;=
p&gt;&lt;a href=3D#generate-implied-end-tags&gt;Generate implied end tags=
&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#current-node&gt;current node&=
lt;/a&gt; is not now a &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;=
/a&gt;&lt;/code&gt; element or a &lt;code&gt;&lt;a href=3D#the-th-element=
&gt;th&lt;/a&gt;&lt;/code&gt;
+   element, then this is a &lt;a href=3D#parse-error&gt;parse error&lt;/=
a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Pop elements from the &lt;a href=3D#stack-of-open-=
elements&gt;stack of open elements&lt;/a&gt; stack until a &lt;code&gt;&l=
t;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt;
+   element or a &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;=
&lt;/code&gt; element has been popped from the stack.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#clear-the-list-of-active-formatting-=
elements-up-to-the-last-marker&gt;Clear the list of active formatting ele=
ments up to the last marker&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;inserti=
on mode&lt;/a&gt; to &quot;&lt;a href=3D#parsing-main-intr title=3D&quot;=
insertion mode: in row&quot;&gt;in
+   row&lt;/a&gt;&quot;.&lt;/li&gt; &lt;!-- current node here will be a &=
lt;tr&gt; normally; but could be &lt;html&gt; in the
+   fragment case, or &lt;template&gt; in the template case --&gt;
+   &lt;!-- end of fake &lt;/td&gt; or &lt;/th&gt; --&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;The &lt;a href=3D#stack-of-open-eleme=
nts&gt;stack of open elements&lt;/a&gt; cannot have both a &lt;code&gt;&l=
t;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt; and a
+  &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; =
element &lt;a href=3D#has-an-element-in-table-scope title=3D&quot;has an =
element in table scope&quot;&gt;in table scope&lt;/a&gt; at the
+  same time, nor can it have neither when the &lt;a href=3D#close-the-ce=
ll&gt;close the cell&lt;/a&gt; algorithm is invoked.&lt;/p&gt;
+
+
+  &lt;h6 id=3Dparsing-main-inselect&gt;&lt;span class=3Dsecno&gt;12.2.5.=
4.16 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;insertion mode: in sele=
ct&quot;&gt;in select&lt;/dfn&gt;&quot; insertion mode&lt;/h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#parsing-main-inselect title=3D&quot;insertion mode: in select&qu=
ot;&gt;in
+  select&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&gt;insertion mode&=
lt;/a&gt;, the user agent must handle the token as follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A character token that is U+0000 NU=
LL&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Any other character token&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-a-character title=3D&quot;insert a cha=
racter&quot;&gt;Insert the token's character&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A comment token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#insert-a-comment&gt;Insert a comment&lt;/a&gt=
;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A DOCTYPE token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;html&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inbody tit=
le=3D&quot;insertion mode: in
+    body&quot;&gt;in body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;option&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;!-- fake &lt;/option&gt; (maybe) --&gt;
+    &lt;p&gt;If the &lt;a href=3D#current-node&gt;current node&lt;/a&gt;=
 is an &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&l=
t;/code&gt; element, pop that node from the
+    &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a=
&gt;.&lt;/p&gt;
+    &lt;!-- end of fake &lt;/option&gt; --&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;optgroup&quot;&lt;/dt&g=
t;
+   &lt;dd&gt;
+
+    &lt;!-- fake &lt;/option&gt; (maybe) --&gt;
+    &lt;p&gt;If the &lt;a href=3D#current-node&gt;current node&lt;/a&gt;=
 is an &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&l=
t;/code&gt; element, pop that node from the
+    &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a=
&gt;.&lt;/p&gt;
+    &lt;!-- end of fake &lt;/option&gt; --&gt;
+
+    &lt;!-- fake &lt;/optgroup&gt; (maybe) --&gt;
+    &lt;p&gt;If the &lt;a href=3D#current-node&gt;current node&lt;/a&gt;=
 is an &lt;code&gt;&lt;a href=3D#the-optgroup-element&gt;optgroup&lt;/a&g=
t;&lt;/code&gt; element, pop that node from the
+    &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a=
&gt;.&lt;/p&gt;
+    &lt;!-- end of fake &lt;/optgroup&gt; --&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is &quot;optgroup&quot;&lt;/dt&gt=
;
+   &lt;dd&gt;
+
+    &lt;!-- fake &lt;/option&gt; (maybe) --&gt;
+    &lt;p&gt;First, if the &lt;a href=3D#current-node&gt;current node&lt=
;/a&gt; is an &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/=
a&gt;&lt;/code&gt; element, and the node
+    immediately before it in the &lt;a href=3D#stack-of-open-elements&gt=
;stack of open elements&lt;/a&gt; is an &lt;code&gt;&lt;a href=3D#the-opt=
group-element&gt;optgroup&lt;/a&gt;&lt;/code&gt;
+    element, then pop the &lt;a href=3D#current-node&gt;current node&lt;=
/a&gt; from the &lt;a href=3D#stack-of-open-elements&gt;stack of open
+    elements&lt;/a&gt;.&lt;/p&gt;
+    &lt;!-- end of fake &lt;/option&gt; --&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#current-node&gt;current node&lt;/a&gt;=
 is an &lt;code&gt;&lt;a href=3D#the-optgroup-element&gt;optgroup&lt;/a&g=
t;&lt;/code&gt; element, then pop that node from
+    the &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&l=
t;/a&gt;. Otherwise, this is a &lt;a href=3D#parse-error&gt;parse error&l=
t;/a&gt;; ignore
+    the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is &quot;option&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#current-node&gt;current node&lt;/a&gt;=
 is an &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&l=
t;/code&gt; element, then pop that node from
+    the &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&l=
t;/a&gt;. Otherwise, this is a &lt;a href=3D#parse-error&gt;parse error&l=
t;/a&gt;; ignore
+    the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is &quot;select&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-select-scop=
e title=3D&quot;has an element in select
+    scope&quot;&gt;have a &lt;code&gt;select&lt;/code&gt; element in sel=
ect scope&lt;/a&gt;, this is a &lt;a href=3D#parse-error&gt;parse
+    error&lt;/a&gt;; ignore the token. (&lt;a href=3D#fragment-case&gt;f=
ragment case&lt;/a&gt;)&lt;/p&gt;
+
+    &lt;p&gt;Otherwise:&lt;/p&gt;
+
+    &lt;p&gt;Pop elements from the &lt;a href=3D#stack-of-open-elements&=
gt;stack of open elements&lt;/a&gt; until a &lt;code&gt;&lt;a href=3D#the=
-select-element&gt;select&lt;/a&gt;&lt;/code&gt; element
+    has been popped from the stack.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#reset-the-insertion-mode-appropriately&gt;Res=
et the insertion mode appropriately&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;select&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;.&lt;/p&g=
t;
+
+    &lt;!-- fake &lt;/select&gt; --&gt;
+    &lt;p&gt;Pop elements from the &lt;a href=3D#stack-of-open-elements&=
gt;stack of open elements&lt;/a&gt; until a &lt;code&gt;&lt;a href=3D#the=
-select-element&gt;select&lt;/a&gt;&lt;/code&gt; element
+    has been popped from the stack.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#reset-the-insertion-mode-appropriately&gt;Res=
et the insertion mode appropriately&lt;/a&gt;.&lt;/p&gt;
+    &lt;!-- end of fake &lt;/select&gt; --&gt;
+
+    &lt;p class=3Dnote&gt;It just gets treated like an end tag.&lt;/p&gt=
;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;input&quot;, &q=
uot;keygen&quot;, &quot;textarea&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;.&lt;/p&g=
t;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-select-scop=
e title=3D&quot;has an element in select
+    scope&quot;&gt;have a &lt;code&gt;select&lt;/code&gt; element in sel=
ect scope&lt;/a&gt;, ignore the token.
+    (&lt;a href=3D#fragment-case&gt;fragment case&lt;/a&gt;)&lt;/p&gt;
+
+    &lt;!-- fake &lt;/select&gt; --&gt;
+    &lt;p&gt;Pop elements from the &lt;a href=3D#stack-of-open-elements&=
gt;stack of open elements&lt;/a&gt; until a &lt;code&gt;&lt;a href=3D#the=
-select-element&gt;select&lt;/a&gt;&lt;/code&gt; element
+    has been popped from the stack.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#reset-the-insertion-mode-appropriately&gt;Res=
et the insertion mode appropriately&lt;/a&gt;.&lt;/p&gt;
+    &lt;!-- end of fake &lt;/select&gt; --&gt;
+
+    &lt;p&gt;Reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;script&quot;, &=
quot;template&quot;&lt;/dt&gt;
+   &lt;dt&gt;An end tag whose tag name is &quot;template&quot;&lt;/dt&gt=
;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inhead tit=
le=3D&quot;insertion mode: in
+    head&quot;&gt;in head&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end-of-file token&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inbody tit=
le=3D&quot;insertion mode: in
+    body&quot;&gt;in body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h6 id=3Dparsing-main-inselectintable&gt;&lt;span class=3D=
secno&gt;12.2.5.4.17 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;inserti=
on mode: in select in table&quot;&gt;in select in table&lt;/dfn&gt;&quot;=
 insertion mode&lt;/h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#parsing-main-inselectintable title=3D&quot;insertion mode: in se=
lect in
+  table&quot;&gt;in select in table&lt;/a&gt;&quot; &lt;a href=3D#insert=
ion-mode&gt;insertion mode&lt;/a&gt;, the user agent must handle the
+  token as follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A start tag whose tag name is one o=
f: &quot;caption&quot;, &quot;table&quot;, &quot;tbody&quot;, &quot;tfoot=
&quot;, &quot;thead&quot;, &quot;tr&quot;,
+   &quot;td&quot;, &quot;th&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;.&lt;/p&g=
t;
+
+    &lt;!-- fake &lt;/select&gt; --&gt;
+    &lt;p&gt;Pop elements from the &lt;a href=3D#stack-of-open-elements&=
gt;stack of open elements&lt;/a&gt; until a &lt;code&gt;&lt;a href=3D#the=
-select-element&gt;select&lt;/a&gt;&lt;/code&gt; element
+    has been popped from the stack.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#reset-the-insertion-mode-appropriately&gt;Res=
et the insertion mode appropriately&lt;/a&gt;.&lt;/p&gt;
+    &lt;!-- end of fake &lt;/select&gt; --&gt;
+
+    &lt;p&gt;Reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is one of: &quot;caption&quot;, &=
quot;table&quot;, &quot;tbody&quot;, &quot;tfoot&quot;, &quot;thead&quot;=
, &quot;tr&quot;,
+   &quot;td&quot;, &quot;th&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;.&lt;/p&g=
t;
+
+    &lt;p&gt;If the &lt;a href=3D#stack-of-open-elements&gt;stack of ope=
n elements&lt;/a&gt; does not &lt;a href=3D#has-an-element-in-table-scope=
 title=3D&quot;has an element in table
+    scope&quot;&gt;have an element in table scope&lt;/a&gt; that is an &=
lt;a href=3D#html-elements title=3D&quot;HTML elements&quot;&gt;HTML
+    element&lt;/a&gt; and with the same tag name as that of the token, t=
hen ignore the token.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise:&lt;/p&gt;
+
+    &lt;!-- fake &lt;/select&gt; --&gt;
+    &lt;p&gt;Pop elements from the &lt;a href=3D#stack-of-open-elements&=
gt;stack of open elements&lt;/a&gt; until a &lt;code&gt;&lt;a href=3D#the=
-select-element&gt;select&lt;/a&gt;&lt;/code&gt; element
+    has been popped from the stack.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#reset-the-insertion-mode-appropriately&gt;Res=
et the insertion mode appropriately&lt;/a&gt;.&lt;/p&gt;
+    &lt;!-- end of fake &lt;/select&gt; --&gt;
+
+    &lt;p&gt;Reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inselect t=
itle=3D&quot;insertion mode: in
+    select&quot;&gt;in select&lt;/a&gt;&quot; &lt;a href=3D#insertion-mo=
de&gt;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h6 id=3Dparsing-main-intemplate&gt;&lt;span class=3Dsec=
no&gt;12.2.5.4.18 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;insertion =
mode: in template&quot;&gt;in template&lt;/dfn&gt;&quot; insertion mode&l=
t;/h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#parsing-main-intemplate title=3D&quot;insertion mode: in templat=
e&quot;&gt;in
+  template&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&gt;insertion mod=
e&lt;/a&gt;, the user agent must handle the token as follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;!-- first, tokens we always ignore: --&gt=
;&lt;!-- html: ignored in &quot;in body&quot; mode if there's a &lt;templ=
ate&gt; on the stack --&gt;&lt;!-- head: ignored in &quot;in body&quot; m=
ode always --&gt;&lt;!-- body: ignored in &quot;in body&quot; mode if the=
re's a &lt;template&gt; on the stack --&gt;&lt;!-- frameset: ignored in &=
quot;in body&quot; mode if frameset-ok is set to not-ok, which &lt;templa=
te&gt; sets it to --&gt;&lt;!-- second, tokens that are ambiguous (allowe=
d in multiple modes), let's just handle them in a generic way and not pic=
k a mode: --&gt;&lt;dt&gt;A character token&lt;/dt&gt;
+   &lt;dt&gt;A comment token&lt;/dt&gt;
+   &lt;dt&gt;A DOCTYPE token&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inbody tit=
le=3D&quot;insertion mode: in
+    body&quot;&gt;in body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;base&quot;, &qu=
ot;basefont&quot;, &quot;bgsound&quot;, &quot;link&quot;, &quot;meta&quot=
;, &quot;noframes&quot;, &quot;script&quot;, &quot;style&quot;, &quot;tem=
plate&quot;, &quot;title&quot;&lt;/dt&gt;
+   &lt;dt&gt;An end tag whose tag name is &quot;template&quot;&lt;/dt&gt=
;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inhead tit=
le=3D&quot;insertion mode: in
+    head&quot;&gt;in head&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;!-- now, tokens that imply certain modes --&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;caption&quot;, =
&quot;colgroup&quot;, &quot;tbody&quot;, &quot;tfoot&quot;, &quot;thead&q=
uot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Pop the &lt;a href=3D#current-template-insertion-mode&gt;cu=
rrent template insertion mode&lt;/a&gt; off the &lt;a href=3D#stack-of-te=
mplate-insertion-modes&gt;stack of template
+    insertion modes&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Push &quot;&lt;a href=3D#parsing-main-intable title=3D&quot=
;insertion mode: in table&quot;&gt;in table&lt;/a&gt;&quot; onto the &lt;=
a href=3D#stack-of-template-insertion-modes&gt;stack of
+    template insertion modes&lt;/a&gt; so that it is the new &lt;a href=3D=
#current-template-insertion-mode&gt;current template insertion
+    mode&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-intable title=3D&quot;insert=
ion mode: in table&quot;&gt;in
+    table&lt;/a&gt;&quot;, and reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;col&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Pop the &lt;a href=3D#current-template-insertion-mode&gt;cu=
rrent template insertion mode&lt;/a&gt; off the &lt;a href=3D#stack-of-te=
mplate-insertion-modes&gt;stack of template
+    insertion modes&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Push &quot;&lt;a href=3D#parsing-main-incolgroup title=3D&q=
uot;insertion mode: in column group&quot;&gt;in column group&lt;/a&gt;&qu=
ot; onto the
+    &lt;a href=3D#stack-of-template-insertion-modes&gt;stack of template=
 insertion modes&lt;/a&gt; so that it is the new &lt;a href=3D#current-te=
mplate-insertion-mode&gt;current template
+    insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-incolgroup title=3D&quot;ins=
ertion mode: in column group&quot;&gt;in
+    column group&lt;/a&gt;&quot;, and reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;tr&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Pop the &lt;a href=3D#current-template-insertion-mode&gt;cu=
rrent template insertion mode&lt;/a&gt; off the &lt;a href=3D#stack-of-te=
mplate-insertion-modes&gt;stack of template
+    insertion modes&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Push &quot;&lt;a href=3D#parsing-main-intbody title=3D&quot=
;insertion mode: in table body&quot;&gt;in table body&lt;/a&gt;&quot; ont=
o the &lt;a href=3D#stack-of-template-insertion-modes&gt;stack
+    of template insertion modes&lt;/a&gt; so that it is the new &lt;a hr=
ef=3D#current-template-insertion-mode&gt;current template insertion
+    mode&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-intbody title=3D&quot;insert=
ion mode: in table body&quot;&gt;in
+    table body&lt;/a&gt;&quot;, and reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &quot;td&quot;, &quot=
;th&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Pop the &lt;a href=3D#current-template-insertion-mode&gt;cu=
rrent template insertion mode&lt;/a&gt; off the &lt;a href=3D#stack-of-te=
mplate-insertion-modes&gt;stack of template
+    insertion modes&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Push &quot;&lt;a href=3D#parsing-main-intr title=3D&quot;in=
sertion mode: in row&quot;&gt;in row&lt;/a&gt;&quot; onto the &lt;a href=3D=
#stack-of-template-insertion-modes&gt;stack of template
+    insertion modes&lt;/a&gt; so that it is the new &lt;a href=3D#curren=
t-template-insertion-mode&gt;current template insertion mode&lt;/a&gt;.&l=
t;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-intr title=3D&quot;insertion=
 mode: in row&quot;&gt;in
+    row&lt;/a&gt;&quot;, and reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;!-- default to in-body mode --&gt;
+
+   &lt;dt&gt;Any other start tag&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Pop the &lt;a href=3D#current-template-insertion-mode&gt;cu=
rrent template insertion mode&lt;/a&gt; off the &lt;a href=3D#stack-of-te=
mplate-insertion-modes&gt;stack of template
+    insertion modes&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Push &quot;&lt;a href=3D#parsing-main-inbody title=3D&quot;=
insertion mode: in body&quot;&gt;in body&lt;/a&gt;&quot; onto the &lt;a h=
ref=3D#stack-of-template-insertion-modes&gt;stack of template
+    insertion modes&lt;/a&gt; so that it is the new &lt;a href=3D#curren=
t-template-insertion-mode&gt;current template insertion mode&lt;/a&gt;.&l=
t;/p&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#parsing-main-inbody title=3D&quot;inserti=
on mode: in body&quot;&gt;in
+    body&lt;/a&gt;&quot;, and reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Any other end tag&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;!-- EOF --&gt;
+
+
+   &lt;dt&gt;An end-of-file token&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If there is no &lt;code&gt;&lt;a href=3D#the-template-eleme=
nt&gt;template&lt;/a&gt;&lt;/code&gt; element on the &lt;a href=3D#stack-=
of-open-elements&gt;stack of open elements&lt;/a&gt;, then
+    &lt;a href=3D#stop-parsing&gt;stop parsing&lt;/a&gt;. (&lt;a href=3D=
#fragment-case&gt;fragment case&lt;/a&gt;)&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, this is a &lt;a href=3D#parse-error&gt;parse err=
or&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;!-- fake &lt;/template&gt; --&gt;
+    &lt;p&gt;Pop elements from the &lt;a href=3D#stack-of-open-elements&=
gt;stack of open elements&lt;/a&gt; until a &lt;code&gt;&lt;a href=3D#the=
-template-element&gt;template&lt;/a&gt;&lt;/code&gt;
+    element has been popped from the stack.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#clear-the-list-of-active-formatting-elements-=
up-to-the-last-marker&gt;Clear the list of active formatting elements up =
to the last marker&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Pop the &lt;a href=3D#current-template-insertion-mode&gt;cu=
rrent template insertion mode&lt;/a&gt; off the &lt;a href=3D#stack-of-te=
mplate-insertion-modes&gt;stack of template
+    insertion modes&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#reset-the-insertion-mode-appropriately&gt;Res=
et the insertion mode appropriately&lt;/a&gt;.&lt;/p&gt;
+    &lt;!-- end of fake &lt;/template&gt; --&gt;
+
+    &lt;p&gt;Reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h6 id=3Dparsing-main-afterbody&gt;&lt;span class=3Dsecn=
o&gt;12.2.5.4.19 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;insertion m=
ode: after body&quot;&gt;after body&lt;/dfn&gt;&quot; insertion mode&lt;/=
h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#parsing-main-afterbody title=3D&quot;insertion mode: after body&=
quot;&gt;after body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&gt;inser=
tion mode&lt;/a&gt;, the user agent must handle the token as follows:&lt;=
/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A character token that is one of U+=
0009 CHARACTER TABULATION, U+000A LINE FEED (LF), U+000C
+   FORM FEED (FF), U+000D CARRIAGE RETURN (CR), or U+0020 SPACE&lt;/dt&g=
t;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inbody tit=
le=3D&quot;insertion mode: in
+    body&quot;&gt;in body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A comment token&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-a-comment&gt;Insert a comment&lt;/a&gt=
; as the last child of the first element in the &lt;a href=3D#stack-of-op=
en-elements&gt;stack of
+    open elements&lt;/a&gt; (the &lt;code&gt;&lt;a href=3D#the-html-elem=
ent&gt;html&lt;/a&gt;&lt;/code&gt; element).&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A DOCTYPE token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;html&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inbody tit=
le=3D&quot;insertion mode: in
+    body&quot;&gt;in body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is &quot;html&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the parser was originally created as part of the &lt;a h=
ref=3D#html-fragment-parsing-algorithm&gt;HTML fragment parsing
+    algorithm&lt;/a&gt;, this is a &lt;a href=3D#parse-error&gt;parse er=
ror&lt;/a&gt;; ignore the token. (&lt;a href=3D#fragment-case&gt;fragment
+    case&lt;/a&gt;)&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, switch the &lt;a href=3D#insertion-mode&gt;inser=
tion mode&lt;/a&gt; to &quot;&lt;a href=3D#the-after-after-body-insertion=
-mode title=3D&quot;insertion mode: after
+    after body&quot;&gt;after after body&lt;/a&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end-of-file token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#stop-parsing&gt;Stop parsing&lt;/a&gt;.&lt;/p=
&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
the &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; to &quot;&lt=
;a href=3D#parsing-main-inbody title=3D&quot;insertion
+    mode: in body&quot;&gt;in body&lt;/a&gt;&quot; and reprocess the tok=
en.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h6 id=3Dparsing-main-inframeset&gt;&lt;span class=3Dsec=
no&gt;12.2.5.4.20 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;insertion =
mode: in frameset&quot;&gt;in frameset&lt;/dfn&gt;&quot; insertion mode&l=
t;/h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#parsing-main-inframeset title=3D&quot;insertion mode: in framese=
t&quot;&gt;in
+  frameset&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&gt;insertion mod=
e&lt;/a&gt;, the user agent must handle the token as follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A character token that is one of U+=
0009 CHARACTER TABULATION, U+000A LINE FEED (LF), U+000C
+   FORM FEED (FF), U+000D CARRIAGE RETURN (CR), or U+0020 SPACE&lt;/dt&g=
t;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#insert-a-character title=3D&quot;insert a cha=
racter&quot;&gt;Insert the character&lt;/a&gt;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A comment token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#insert-a-comment&gt;Insert a comment&lt;/a&gt=
;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A DOCTYPE token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;html&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inbody tit=
le=3D&quot;insertion mode: in
+    body&quot;&gt;in body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;frameset&quot;&lt;/dt&g=
t;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is &quot;frameset&quot;&lt;/dt&gt=
;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#current-node&gt;current node&lt;/a&gt;=
 is the root &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;=
&lt;/code&gt; element, then this is a
+    &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;; ignore the token=
. (&lt;a href=3D#fragment-case&gt;fragment case&lt;/a&gt;)&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, pop the &lt;a href=3D#current-node&gt;current no=
de&lt;/a&gt; from the &lt;a href=3D#stack-of-open-elements&gt;stack of op=
en
+    elements&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;If the parser was &lt;em&gt;not&lt;/em&gt; originally creat=
ed as part of the &lt;a href=3D#html-fragment-parsing-algorithm&gt;HTML f=
ragment parsing
+    algorithm&lt;/a&gt; (&lt;a href=3D#fragment-case&gt;fragment case&lt=
;/a&gt;), and the &lt;a href=3D#current-node&gt;current node&lt;/a&gt; is=
 no longer a
+    &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&lt;/code&gt=
; element, then switch the &lt;a href=3D#insertion-mode&gt;insertion mode=
&lt;/a&gt; to &quot;&lt;a href=3D#parsing-main-afterframeset title=3D&quo=
t;insertion mode: after frameset&quot;&gt;after frameset&lt;/a&gt;&quot;.=
&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;frame&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-an-html-element&gt;Insert an HTML elem=
ent&lt;/a&gt; for the token. Immediately pop the &lt;a href=3D#current-no=
de&gt;current
+    node&lt;/a&gt; off the &lt;a href=3D#stack-of-open-elements&gt;stack=
 of open elements&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#acknowledge-self-closing-flag title=3D&quot;a=
cknowledge self-closing flag&quot;&gt;Acknowledge the token's &lt;i&gt;se=
lf-closing
+    flag&lt;/i&gt;&lt;/a&gt;, if it is set.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;noframes&quot;&lt;/dt&g=
t;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inhead tit=
le=3D&quot;insertion mode: in
+    head&quot;&gt;in head&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end-of-file token&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#current-node&gt;current node&lt;/a&gt;=
 is not the root &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a=
&gt;&lt;/code&gt; element, then this is a
+    &lt;a href=3D#parse-error&gt;parse error&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;The &lt;a href=3D#current-node&gt;current node=
&lt;/a&gt; can only be the root
+    &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/cod=
e&gt; element in the &lt;a href=3D#fragment-case&gt;fragment case&lt;/a&g=
t;.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#stop-parsing&gt;Stop parsing&lt;/a&gt;.&lt;/p=
&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h6 id=3Dparsing-main-afterframeset&gt;&lt;span class=3D=
secno&gt;12.2.5.4.21 &lt;/span&gt;The &quot;&lt;dfn title=3D&quot;inserti=
on mode: after frameset&quot;&gt;after frameset&lt;/dfn&gt;&quot; inserti=
on mode&lt;/h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#parsing-main-afterframeset title=3D&quot;insertion mode: after
+  frameset&quot;&gt;after frameset&lt;/a&gt;&quot; &lt;a href=3D#inserti=
on-mode&gt;insertion mode&lt;/a&gt;, the user agent must handle the token
+  as follows:&lt;/p&gt;
+
+  &lt;!-- due to rules in the &quot;in frameset&quot; mode, this can't b=
e entered in the fragment case --&gt;
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A character token that is one of U+=
0009 CHARACTER TABULATION, U+000A LINE FEED (LF), U+000C
+   FORM FEED (FF), U+000D CARRIAGE RETURN (CR), or U+0020 SPACE&lt;/dt&g=
t;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#insert-a-character title=3D&quot;insert a cha=
racter&quot;&gt;Insert the character&lt;/a&gt;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A comment token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#insert-a-comment&gt;Insert a comment&lt;/a&gt=
;.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A DOCTYPE token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;html&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inbody tit=
le=3D&quot;insertion mode: in
+    body&quot;&gt;in body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end tag whose tag name is &quot;html&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Switch the &lt;a href=3D#insertion-mode&gt;insertion mode&l=
t;/a&gt; to &quot;&lt;a href=3D#the-after-after-frameset-insertion-mode t=
itle=3D&quot;insertion mode: after after
+    frameset&quot;&gt;after after frameset&lt;/a&gt;&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;noframes&quot;&lt;/dt&g=
t;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inhead tit=
le=3D&quot;insertion mode: in
+    head&quot;&gt;in head&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end-of-file token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#stop-parsing&gt;Stop parsing&lt;/a&gt;.&lt;/p=
&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h6 id=3Dthe-after-after-body-insertion-mode&gt;&lt;span=
 class=3Dsecno&gt;12.2.5.4.22 &lt;/span&gt;The &quot;&lt;dfn title=3D&quo=
t;insertion mode: after after body&quot;&gt;after after body&lt;/dfn&gt;&=
quot; insertion mode&lt;/h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#the-after-after-body-insertion-mode title=3D&quot;insertion mode=
: after after
+  body&quot;&gt;after after body&lt;/a&gt;&quot; &lt;a href=3D#insertion=
-mode&gt;insertion mode&lt;/a&gt;, the user agent must handle the token
+  as follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A comment token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#insert-a-comment&gt;Insert a comment&lt;/a&gt=
; as the last child of the &lt;code&gt;&lt;a href=3D#document&gt;Document=
&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A DOCTYPE token&lt;/dt&gt;
+   &lt;dt&gt;A character token that is one of U+0009 CHARACTER TABULATIO=
N, U+000A LINE FEED (LF), U+000C
+   FORM FEED (FF), U+000D CARRIAGE RETURN (CR), or U+0020 SPACE&lt;/dt&g=
t;
+   &lt;dt&gt;A start tag whose tag name is &quot;html&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inbody tit=
le=3D&quot;insertion mode: in
+    body&quot;&gt;in body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end-of-file token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#stop-parsing&gt;Stop parsing&lt;/a&gt;.&lt;/p=
&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Switch =
the &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; to &quot;&lt=
;a href=3D#parsing-main-inbody title=3D&quot;insertion
+    mode: in body&quot;&gt;in body&lt;/a&gt;&quot; and reprocess the tok=
en.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h6 id=3Dthe-after-after-frameset-insertion-mode&gt;&lt;=
span class=3Dsecno&gt;12.2.5.4.23 &lt;/span&gt;The &quot;&lt;dfn title=3D=
&quot;insertion mode: after after frameset&quot;&gt;after after frameset&=
lt;/dfn&gt;&quot; insertion mode&lt;/h6&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for the &quot;&lt;a=
 href=3D#the-after-after-frameset-insertion-mode title=3D&quot;insertion =
mode: after after
+  frameset&quot;&gt;after after frameset&lt;/a&gt;&quot; &lt;a href=3D#i=
nsertion-mode&gt;insertion mode&lt;/a&gt;, the user agent must handle the
+  token as follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A comment token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#insert-a-comment&gt;Insert a comment&lt;/a&gt=
; as the last child of the &lt;code&gt;&lt;a href=3D#document&gt;Document=
&lt;/a&gt;&lt;/code&gt; object.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A DOCTYPE token&lt;/dt&gt;
+   &lt;dt&gt;A character token that is one of U+0009 CHARACTER TABULATIO=
N, U+000A LINE FEED (LF), U+000C
+   FORM FEED (FF), U+000D CARRIAGE RETURN (CR), or U+0020 SPACE&lt;/dt&g=
t;
+   &lt;dt&gt;A start tag whose tag name is &quot;html&quot;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inbody tit=
le=3D&quot;insertion mode: in
+    body&quot;&gt;in body&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;An end-of-file token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#stop-parsing&gt;Stop parsing&lt;/a&gt;.&lt;/p=
&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is &quot;noframes&quot;&lt;/dt&g=
t;
+   &lt;dd&gt;
+
+    &lt;p&gt;Process the token &lt;a href=3D#using-the-rules-for&gt;usin=
g the rules for&lt;/a&gt; the &quot;&lt;a href=3D#parsing-main-inhead tit=
le=3D&quot;insertion mode: in
+    head&quot;&gt;in head&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Anything else&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;h5 id=3Dparsing-main-inforeign&gt;&lt;span class=3Dsecn=
o&gt;12.2.5.5 &lt;/span&gt;The rules for parsing tokens &lt;dfn title=3D&=
quot;insertion mode: in foreign content&quot;&gt;in foreign content&lt;/d=
fn&gt;&lt;/h5&gt;
+
+  &lt;p&gt;When the user agent is to apply the rules for parsing tokens =
in foreign content, the user agent
+  must handle the token as follows:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;A character token that is U+0000 NU=
LL&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. &lt;a h=
ref=3D#insert-a-character title=3D&quot;insert a character&quot;&gt;Inser=
t a U+FFFD REPLACEMENT
+    CHARACTER character&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A character token that is one of U+0009 CHARACTER TABULATIO=
N, U+000A LINE FEED (LF), U+000C
+   FORM FEED (FF), U+000D CARRIAGE RETURN (CR), or U+0020 SPACE&lt;/dt&g=
t;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-a-character title=3D&quot;insert a cha=
racter&quot;&gt;Insert the token's character&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Any other character token&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-a-character title=3D&quot;insert a cha=
racter&quot;&gt;Insert the token's character&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Set the &lt;a href=3D#frameset-ok-flag&gt;frameset-ok flag&=
lt;/a&gt; to &quot;not ok&quot;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A comment token&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-a-comment&gt;Insert a comment&lt;/a&gt=
;.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A DOCTYPE token&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;. Ignore =
the token.&lt;/p&gt;
+   &lt;/dd&gt;
+
+   &lt;dt&gt;A start tag whose tag name is one of: &lt;!--&quot;a&quot;,=
--&gt; &quot;b&quot;, &quot;big&quot;, &quot;blockquote&quot;, &quot;body=
&quot;&lt;!--by
+   inspection--&gt;, &quot;br&quot;, &quot;center&quot;, &quot;code&quot=
;, &quot;dd&quot;, &quot;div&quot;, &quot;dl&quot;, &quot;dt&quot;&lt;!--=
 so that dd and dt can be
+   handled uniformly throughout the parser --&gt;, &quot;em&quot;, &quot=
;embed&quot;, &quot;h1&quot;, &quot;h2&quot;, &quot;h3&quot;, &quot;h4&qu=
ot;&lt;!--for
+   completeness--&gt;, &quot;h5&quot;, &quot;h6&quot;&lt;!--for complete=
ness--&gt;, &quot;head&quot;&lt;!--by inspection--&gt;, &quot;hr&quot;, &=
quot;i&quot;, &quot;img&quot;,
+   &quot;li&quot;, &quot;listing&quot;&lt;!-- so that pre and listing ca=
n be handled uniformly throughout the parser --&gt;,
+   &quot;menu&quot;, &quot;meta&quot;, &quot;nobr&quot;, &quot;ol&quot;&=
lt;!-- so that dl, ul, and ol can be handled uniformly throughout the
+   parser --&gt;, &quot;p&quot;, &quot;pre&quot;, &quot;ruby&quot;, &quo=
t;s&quot;, &lt;!--&quot;script&quot;,--&gt; &quot;small&quot;, &quot;span=
&quot;, &quot;strong&quot;, &quot;strike&quot;&lt;!-- so
+   that s and strike can be handled uniformly throughout the parser --&g=
t;, &lt;!--&quot;style&quot;,--&gt; &quot;sub&quot;,
+   &quot;sup&quot;, &quot;table&quot;&lt;!--by inspection--&gt;, &quot;t=
t&quot;, &quot;u&quot;, &quot;ul&quot;, &quot;var&quot;&lt;/dt&gt; &lt;!-=
- this list was determined
+   empirically by studying over 6,000,000,000 pages that were specifical=
ly not XML pages --&gt;
+   &lt;dt&gt;A start tag whose tag name is &quot;font&quot;, if the toke=
n has any attributes named &quot;color&quot;, &quot;face&quot;,
+   or &quot;size&quot;&lt;/dt&gt; &lt;!-- the attributes here are requir=
ed so that SVG &lt;font&gt; will go through as SVG
+   but legacy &lt;font&gt;s won't --&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#parse-error&gt;Parse error&lt;/a&gt;.&lt;/p&g=
t;
+
+    &lt;!-- for sanity's sake, we limit this wacked quirk to legacy full=
-document parsing, not to
+    innerHTML. We have no data showing whether (or that) this is needed =
for innerHTML. If innerHTML
+    is used on an SVG or MathML node, it definitely doesn't make any sen=
se (there's nothing to pop
+    to in the first place). Therefore, rather than trying to figure out =
in what convoluted
+    conditions we could actually do this quirk for innerHTML, we just do=
n't do it at all. --&gt;
+
+    &lt;p&gt;If the parser was originally created for the &lt;a href=3D#=
html-fragment-parsing-algorithm&gt;HTML fragment parsing algorithm&lt;/a&=
gt;,
+    then act as described in the &quot;any other start tag&quot; entry b=
elow. (&lt;a href=3D#fragment-case&gt;fragment case&lt;/a&gt;)&lt;/p&gt;
+
+    &lt;p&gt;Otherwise:&lt;/p&gt;
+
+    &lt;p&gt;Pop an element from the &lt;a href=3D#stack-of-open-element=
s&gt;stack of open elements&lt;/a&gt;, and then keep popping more
+    elements from the &lt;a href=3D#stack-of-open-elements&gt;stack of o=
pen elements&lt;/a&gt; until the &lt;a href=3D#current-node&gt;current no=
de&lt;/a&gt; is a
+    &lt;a href=3D#mathml-text-integration-point&gt;MathML text integrati=
on point&lt;/a&gt;, an &lt;a href=3D#html-integration-point&gt;HTML integ=
ration point&lt;/a&gt;, or an
+    element in the &lt;a href=3D#html-namespace-0&gt;HTML namespace&lt;/=
a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Then, reprocess the token.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Any other start tag&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#adjusted-current-node&gt;adjusted curr=
ent node&lt;/a&gt; is an element in the &lt;a href=3D#mathml-namespace&gt=
;MathML namespace&lt;/a&gt;,
+    &lt;a href=3D#adjust-mathml-attributes&gt;adjust MathML attributes&l=
t;/a&gt; for the token. (This fixes the case of MathML attributes
+    that are not all lowercase.)&lt;/p&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#adjusted-current-node&gt;adjusted curr=
ent node&lt;/a&gt; is an element in the &lt;a href=3D#svg-namespace&gt;SV=
G namespace&lt;/a&gt;, and the
+    token's tag name is one of the ones in the first column of the follo=
wing table, change the tag
+    name to the name given in the corresponding cell in the second colum=
n. (This fixes the case of
+    SVG elements that are not all lowercase.)&lt;/p&gt;
+
+    &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt; Tag name &lt;th&gt; E=
lement name
+     &lt;tbody&gt;&lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
altglyph&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;altGlyp=
h&lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;altglyphdef&=
lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;altGlyphDef&lt;/=
code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;altglyphitem=
&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;altGlyphItem&lt=
;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;animatecolor=
&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;animateColor&lt=
;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;animatemotio=
n&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;animateMotion&=
lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;animatetrans=
form&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;animateTran=
sform&lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;clippath&lt;=
/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;clipPath&lt;/code&g=
t;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feblend&lt;/=
code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feBlend&lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;fecolormatri=
x&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feColorMatrix&=
lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;fecomponentt=
ransfer&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feCompon=
entTransfer&lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;fecomposite&=
lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feComposite&lt;/=
code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feconvolvema=
trix&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feConvolveM=
atrix&lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;fediffuselig=
hting&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feDiffuseL=
ighting&lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;fedisplaceme=
ntmap&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feDisplace=
mentMap&lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;fedistantlig=
ht&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feDistantLigh=
t&lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feflood&lt;/=
code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feFlood&lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;fefunca&lt;/=
code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feFuncA&lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;fefuncb&lt;/=
code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feFuncB&lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;fefuncg&lt;/=
code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feFuncG&lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;fefuncr&lt;/=
code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feFuncR&lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;fegaussianbl=
ur&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feGaussianBlu=
r&lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feimage&lt;/=
code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feImage&lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;femerge&lt;/=
code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feMerge&lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;femergenode&=
lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feMergeNode&lt;/=
code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;femorphology=
&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feMorphology&lt=
;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feoffset&lt;=
/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feOffset&lt;/code&g=
t;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;fepointlight=
&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;fePointLight&lt=
;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;fespecularli=
ghting&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feSpecula=
rLighting&lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;fespotlight&=
lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feSpotLight&lt;/=
code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;fetile&lt;/c=
ode&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feTile&lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feturbulence=
&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;feTurbulence&lt=
;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;foreignobjec=
t&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;foreignObject&=
lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;glyphref&lt;=
/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;glyphRef&lt;/code&g=
t;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lineargradie=
nt&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;linearGradien=
t&lt;/code&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;radialgradie=
nt&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;radialGradien=
t&lt;/code&gt;
+      &lt;!--&lt;tr&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;soli=
dcolor&lt;/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;solidColo=
r&lt;/code&gt; (SVG 1.2)--&gt;
+      &lt;tr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;textpath&lt;=
/code&gt; &lt;td&gt; &lt;code title=3D&quot;&quot;&gt;textPath&lt;/code&g=
t;
+    &lt;/table&gt;&lt;p&gt;If the &lt;a href=3D#adjusted-current-node&gt=
;adjusted current node&lt;/a&gt; is an element in the &lt;a href=3D#svg-n=
amespace&gt;SVG namespace&lt;/a&gt;,
+    &lt;a href=3D#adjust-svg-attributes&gt;adjust SVG attributes&lt;/a&g=
t; for the token. (This fixes the case of SVG attributes that
+    are not all lowercase.)&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#adjust-foreign-attributes&gt;Adjust foreign a=
ttributes&lt;/a&gt; for the token. (This fixes the use of namespaced
+    attributes, in particular XLink in SVG.)&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3D#insert-a-foreign-element&gt;Insert a foreign =
element&lt;/a&gt; for the token, in the same namespace as the
+    &lt;a href=3D#adjusted-current-node&gt;adjusted current node&lt;/a&g=
t;.&lt;/p&gt;
+
+    &lt;p&gt;If the token has its &lt;i&gt;self-closing flag&lt;/i&gt; s=
et, then run the appropriate steps from the
+    following list:&lt;/p&gt;
+
+    &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the token's tag name is &quot;=
script&quot;&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;&lt;a href=3D#acknowledge-self-closing-flag title=3D&quot=
;acknowledge self-closing flag&quot;&gt;Acknowledge the token's &lt;i&gt;=
self-closing
+      flag&lt;/i&gt;&lt;/a&gt;, and then act as described in the steps f=
or a &quot;script&quot; end tag below.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+     &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+     &lt;dd&gt;
+
+      &lt;p&gt;Pop the &lt;a href=3D#current-node&gt;current node&lt;/a&=
gt; off the &lt;a href=3D#stack-of-open-elements&gt;stack of open element=
s&lt;/a&gt; and &lt;a href=3D#acknowledge-self-closing-flag title=3D&quot=
;acknowledge self-closing flag&quot;&gt;acknowledge the token's &lt;i&gt;=
self-closing
+      flag&lt;/i&gt;&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;/dd&gt;
+
+    &lt;/dl&gt;&lt;/dd&gt;
+
+   &lt;dt id=3DscriptForeignEndTag&gt;An end tag whose tag name is &quot=
;script&quot;, if the &lt;a href=3D#current-node&gt;current node&lt;/a&gt=
; is a &lt;code title=3D&quot;&quot;&gt;script&lt;/code&gt; element in th=
e &lt;a href=3D#svg-namespace&gt;SVG namespace&lt;/a&gt;&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Pop the &lt;a href=3D#current-node&gt;current node&lt;/a&gt=
; off the &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&=
lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Let the &lt;var title=3D&quot;&quot;&gt;old insertion point=
&lt;/var&gt; have the same value as the current
+    &lt;a href=3D#insertion-point&gt;insertion point&lt;/a&gt;. Let the =
&lt;a href=3D#insertion-point&gt;insertion point&lt;/a&gt; be just before=
 the &lt;a href=3D#next-input-character&gt;next
+    input character&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Increment the parser's &lt;a href=3D#script-nesting-level&g=
t;script nesting level&lt;/a&gt; by one. Set the &lt;a href=3D#parser-pau=
se-flag&gt;parser pause
+    flag&lt;/a&gt; to true.&lt;/p&gt;
+
+    &lt;p&gt;&lt;a href=3Dhttp://www.w3.org/TR/SVGMobile12/script.html#S=
criptContentProcessing&gt;Process the
+    &lt;code title=3D&quot;&quot;&gt;script&lt;/code&gt; element&lt;/a&g=
t; according to the SVG rules, if the user agent supports
+    SVG. &lt;a href=3D#refsSVG&gt;[SVG]&lt;/a&gt;&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;Even if this causes &lt;a href=3D#dom-document=
-write title=3Ddom-document-write&gt;new characters to be
+    inserted into the tokenizer&lt;/a&gt;, the parser will not be execut=
ed reentrantly, since the
+    &lt;a href=3D#parser-pause-flag&gt;parser pause flag&lt;/a&gt; is tr=
ue.&lt;/p&gt;
+
+    &lt;p&gt;Decrement the parser's &lt;a href=3D#script-nesting-level&g=
t;script nesting level&lt;/a&gt; by one. If the parser's &lt;a href=3D#sc=
ript-nesting-level&gt;script
+    nesting level&lt;/a&gt; is zero, then set the &lt;a href=3D#parser-p=
ause-flag&gt;parser pause flag&lt;/a&gt; to false.&lt;/p&gt;
+
+    &lt;p&gt;Let the &lt;a href=3D#insertion-point&gt;insertion point&lt=
;/a&gt; have the value of the &lt;var title=3D&quot;&quot;&gt;old inserti=
on
+    point&lt;/var&gt;. (In other words, restore the &lt;a href=3D#insert=
ion-point&gt;insertion point&lt;/a&gt; to its previous value.
+    This value might be the &quot;undefined&quot; value.)&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Any other end tag&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Run these steps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Initialize &lt;var title=3D&quot;&quot;=
&gt;node&lt;/var&gt; to be the &lt;a href=3D#current-node&gt;current node=
&lt;/a&gt; (the bottommost
+     node of the stack).&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&=
gt;'s tag name, &lt;a href=3D#converted-to-ascii-lowercase&gt;converted t=
o ASCII lowercase&lt;/a&gt;, is
+     not the same as the tag name of the token, then this is a &lt;a hre=
f=3D#parse-error&gt;parse error&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;i&gt;Loop&lt;/i&gt;: If &lt;var title=3D&quo=
t;&quot;&gt;node&lt;/var&gt; is the topmost element in the &lt;a href=3D#=
stack-of-open-elements&gt;stack of
+     open elements&lt;/a&gt;, abort these steps. (&lt;a href=3D#fragment=
-case&gt;fragment case&lt;/a&gt;)&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&=
gt;'s tag name, &lt;a href=3D#converted-to-ascii-lowercase&gt;converted t=
o ASCII lowercase&lt;/a&gt;, is
+     the same as the tag name of the token, pop elements from the &lt;a =
href=3D#stack-of-open-elements&gt;stack of open
+     elements&lt;/a&gt; until &lt;var title=3D&quot;&quot;&gt;node&lt;/v=
ar&gt; has been popped from the stack, and then abort
+     these steps.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Set &lt;var title=3D&quot;&quot;&gt;node&lt;/var=
&gt; to the previous entry in the &lt;a href=3D#stack-of-open-elements&gt=
;stack of open
+     elements&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;node&lt;/var&=
gt; is not an element in the &lt;a href=3D#html-namespace-0&gt;HTML names=
pace&lt;/a&gt;, return
+     to the step labeled &lt;i&gt;loop&lt;/i&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Otherwise, process the token according to the ru=
les given in the section corresponding
+     to the current &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a=
&gt; in HTML content.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dthe-end&gt;&lt;span class=3Dsecno&gt;12.2.6 &lt;/span&gt;T=
he end&lt;/h4&gt;
+
+  &lt;p&gt;Once the user agent &lt;dfn id=3Dstop-parsing title=3D&quot;s=
top parsing&quot;&gt;stops parsing&lt;/dfn&gt; the document, the user age=
nt
+  must run the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;!-- this happens as part of one of the tasks that runs t=
he parser --&gt;&lt;li&gt;&lt;p&gt;Set the &lt;a href=3D#current-document=
-readiness&gt;current document readiness&lt;/a&gt; to &quot;&lt;code titl=
e=3D&quot;&quot;&gt;interactive&lt;/code&gt;&quot;
+   &lt;!-- this also synchronously fires an event --&gt; and the &lt;a h=
ref=3D#insertion-point&gt;insertion point&lt;/a&gt; to
+   undefined.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Pop &lt;em&gt;all&lt;/em&gt; the nodes off the &lt=
;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a&gt;.&lt=
;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#list-of-scripts-that-will-exe=
cute-when-the-document-has-finished-parsing&gt;list of scripts that will =
execute when the document has finished
+   parsing&lt;/a&gt; is not empty, run these substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;&lt;a href=3D#spin-the-event-loop&gt;Sp=
in the event loop&lt;/a&gt; until the first &lt;code&gt;&lt;a href=3D#the=
-script-element&gt;script&lt;/a&gt;&lt;/code&gt; in the &lt;a href=3D#lis=
t-of-scripts-that-will-execute-when-the-document-has-finished-parsing&gt;=
list
+     of scripts that will execute when the document has finished parsing=
&lt;/a&gt; has its &lt;a href=3D#ready-to-be-parser-executed&gt;&quot;rea=
dy
+     to be parser-executed&quot;&lt;/a&gt; flag set &lt;em&gt;and&lt;/em=
&gt; the parser's &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt;
+     &lt;a href=3D#has-no-style-sheet-that-is-blocking-scripts&gt;has no=
 style sheet that is blocking scripts&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#execute-the-script-block title=3D&=
quot;execute the script block&quot;&gt;Execute&lt;/a&gt; the first &lt;co=
de&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/code&gt; i=
n
+     the &lt;a href=3D#list-of-scripts-that-will-execute-when-the-docume=
nt-has-finished-parsing&gt;list of scripts that will execute when the doc=
ument has finished
+     parsing&lt;/a&gt;.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Remove the first &lt;code&gt;&lt;a href=3D#the-s=
cript-element&gt;script&lt;/a&gt;&lt;/code&gt; element from the &lt;a hre=
f=3D#list-of-scripts-that-will-execute-when-the-document-has-finished-par=
sing&gt;list of scripts that will
+     execute when the document has finished parsing&lt;/a&gt; (i.e. shif=
t out the first entry in the
+     list).&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;a href=3D#list-of-scripts-that-will-e=
xecute-when-the-document-has-finished-parsing&gt;list of scripts that wil=
l execute when the document has finished
+     parsing&lt;/a&gt; is still not empty, repeat these substeps again f=
rom substep 1.&lt;/p&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#queue-a-task&gt;Queue a task&lt;/a&g=
t; to &lt;a href=3D#fire-a-simple-event&gt;fire a simple event&lt;/a&gt; =
that bubbles named &lt;code title=3Devent-DOMContentLoaded&gt;DOMContentL=
oaded&lt;/code&gt; at the &lt;code&gt;&lt;a href=3D#document&gt;Document&=
lt;/a&gt;&lt;/code&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#spin-the-event-loop&gt;Spin the even=
t loop&lt;/a&gt; until the &lt;a href=3D#set-of-scripts-that-will-execute=
-as-soon-as-possible&gt;set of scripts that will execute as soon
+   as possible&lt;/a&gt; and the &lt;a href=3D#list-of-scripts-that-will=
-execute-in-order-as-soon-as-possible&gt;list of scripts that will execut=
e in order as soon as
+   possible&lt;/a&gt; are empty.&lt;/li&gt; &lt;!-- this step is not red=
undant with the next one, since
+   &lt;script&gt; nodes delay the load event of the document they are in=
, but they might change document
+   between being added to one document's set/list and executing those sc=
ripts, so they might be
+   delaying another document but still be in this document's set/list. -=
-&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#spin-the-event-loop&gt;Spin the even=
t loop&lt;/a&gt; until there is nothing that &lt;dfn id=3Ddelay-the-load-=
event title=3D&quot;delay the load
+   event&quot;&gt;delays the load event&lt;/dfn&gt; in the &lt;code&gt;&=
lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#queue-a-task&gt;Queue a task&lt;/a&gt; to run=
 the following substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Set the &lt;a href=3D#current-document-=
readiness&gt;current document readiness&lt;/a&gt; to &quot;&lt;code title=
=3D&quot;&quot;&gt;complete&lt;/code&gt;&quot;&lt;!--
+     this also fires an event synchronously during the task --&gt;.&lt;/=
li&gt;
+
+     &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Doc=
ument&lt;/a&gt;&lt;/code&gt; is in a &lt;a href=3D#browsing-context&gt;br=
owsing context&lt;/a&gt;, &lt;a href=3D#fire-a-simple-event&gt;fire a sim=
ple
+     event&lt;/a&gt; named &lt;code title=3Devent-load&gt;load&lt;/code&=
gt; at the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/c=
ode&gt;'s
+     &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; o=
bject, but with its &lt;code title=3Ddom-event-target&gt;&lt;a href=3D#do=
m-event-target&gt;target&lt;/a&gt;&lt;/code&gt; set to
+     the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/co=
de&gt; object (and the &lt;code title=3Ddom-event-currentTarget&gt;curren=
tTarget&lt;/code&gt; set to the &lt;code&gt;&lt;a href=3D#window&gt;Windo=
w&lt;/a&gt;&lt;/code&gt;
+     object).&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a=
&gt;&lt;/code&gt; is in a &lt;a href=3D#browsing-context&gt;browsing cont=
ext&lt;/a&gt;, then &lt;a href=3D#queue-a-task&gt;queue a
+    task&lt;/a&gt; to run the following substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#docume=
nt&gt;Document&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#page-showing&gt;pag=
e showing&lt;/a&gt; flag is true, then abort this
+     task (i.e. don't fire the event below).&lt;/li&gt; &lt;!-- i don't =
see how this could be, but just
+     to be sure... --&gt;
+
+     &lt;li&gt;&lt;p&gt;Set the &lt;code&gt;&lt;a href=3D#document&gt;Do=
cument&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#page-showing&gt;page showin=
g&lt;/a&gt; flag to true.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;&lt;a href=3D#concept-event-fire title=3Dconcept=
-event-fire&gt;Fire&lt;/a&gt; a &lt;a href=3D#concept-events-trusted titl=
e=3Dconcept-events-trusted&gt;trusted&lt;/a&gt; event with the name &lt;c=
ode title=3Devent-pageshow&gt;&lt;a href=3D#event-pageshow&gt;pageshow&lt=
;/a&gt;&lt;/code&gt; at the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt=
;/a&gt;&lt;/code&gt; object of the
+     &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&g=
t;, but with its &lt;code title=3Ddom-event-target&gt;&lt;a href=3D#dom-e=
vent-target&gt;target&lt;/a&gt;&lt;/code&gt; set to the
+     &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&g=
t; object (and the &lt;code title=3Ddom-event-currentTarget&gt;currentTar=
get&lt;/code&gt; set to the &lt;code&gt;&lt;a href=3D#window&gt;Window&lt=
;/a&gt;&lt;/code&gt; object),
+     using the &lt;code&gt;&lt;a href=3D#pagetransitionevent&gt;PageTran=
sitionEvent&lt;/a&gt;&lt;/code&gt; interface, with the &lt;code title=3Dd=
om-PageTransitionEvent-persisted&gt;&lt;a href=3D#dom-pagetransitionevent=
-persisted&gt;persisted&lt;/a&gt;&lt;/code&gt; attribute initialized to f=
alse. This
+     event must not bubble, must not be cancelable, and has no default a=
ction.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt; has any &lt;a href=3D#pending-application-cach=
e-download-process-tasks&gt;pending application cache download process
+   tasks&lt;/a&gt;, then &lt;a href=3D#queue-a-task title=3D&quot;queue =
a task&quot;&gt;queue&lt;/a&gt; each such &lt;a href=3D#concept-task titl=
e=3Dconcept-task&gt;task&lt;/a&gt; in the order they were added to the li=
st of &lt;a href=3D#pending-application-cache-download-process-tasks&gt;p=
ending
+   application cache download process tasks&lt;/a&gt;, and then empty th=
e list of &lt;a href=3D#pending-application-cache-download-process-tasks&=
gt;pending
+   application cache download process tasks&lt;/a&gt;. The &lt;a href=3D=
#task-source&gt;task source&lt;/a&gt; for these &lt;a href=3D#concept-tas=
k title=3Dconcept-task&gt;tasks&lt;/a&gt; is the &lt;a href=3D#networking=
-task-source&gt;networking task source&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#print-when-loaded&gt;print whe=
n loaded&lt;/a&gt; flag is set, then run the
+   &lt;a href=3D#printing-steps&gt;printing steps&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#document&gt;Document=
&lt;/a&gt;&lt;/code&gt; is now &lt;dfn id=3Dready-for-post-load-tasks&gt;=
ready for post-load tasks&lt;/dfn&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#queue-a-task&gt;Queue a task&lt;/a&g=
t; to mark the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&l=
t;/code&gt; as &lt;dfn id=3Dcompletely-loaded&gt;completely
+   loaded&lt;/dfn&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;When the user agent is to &lt;dfn id=3Dabort-a-par=
ser&gt;abort a parser&lt;/dfn&gt;, it must run the following steps:&lt;/p=
&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Throw away any pending content in the &lt=
;a href=3D#input-stream&gt;input stream&lt;/a&gt;, and discard any future
+   content that would have been added to it.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set the &lt;a href=3D#current-document-readiness&g=
t;current document readiness&lt;/a&gt; to &quot;&lt;code title=3D&quot;&q=
uot;&gt;interactive&lt;/code&gt;&quot;&lt;!--
+   this synchronously fires an event --&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Pop &lt;em&gt;all&lt;/em&gt; the nodes off the &lt=
;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a&gt;.&lt=
;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Set the &lt;a href=3D#current-document-readiness&g=
t;current document readiness&lt;/a&gt; to &quot;&lt;code title=3D&quot;&q=
uot;&gt;complete&lt;/code&gt;&quot;&lt;!--
+   this also synchronously fires an event --&gt;.&lt;/li&gt;
+
+   &lt;!-- anything else? this is things that happen when you call docum=
ent.open() on a document that's
+   still being parsed, or when you navigate a document that's still pars=
ing, or navigate the parent
+   of a frame with a document that's still parsing, or the user hits &qu=
ot;stop&quot;. Should the pending
+   scripts be blown away or anything? --&gt;
+
+  &lt;/ol&gt;&lt;p&gt;Except where otherwise specified, the &lt;a href=3D=
#task-source&gt;task source&lt;/a&gt; for the &lt;a href=3D#concept-task =
title=3Dconcept-task&gt;tasks&lt;/a&gt; mentioned in this section is the =
&lt;a href=3D#dom-manipulation-task-source&gt;DOM manipulation task
+  source&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dcoercing-an-html-dom-into-an-infoset&gt;&lt;span class=3Ds=
ecno&gt;12.2.7 &lt;/span&gt;Coercing an HTML DOM into an infoset&lt;/h4&g=
t;
+
+  &lt;p&gt;When an application uses an &lt;a href=3D#html-parser&gt;HTML=
 parser&lt;/a&gt; in conjunction with an XML pipeline, it is
+  possible that the constructed DOM is not compatible with the XML tool =
chain in certain subtle
+  ways. For example, an XML toolchain might not be able to represent att=
ributes with the name &lt;code title=3D&quot;&quot;&gt;xmlns&lt;/code&gt;=
, since they conflict with the Namespaces in XML syntax. There is also so=
me
+  data that the &lt;a href=3D#html-parser&gt;HTML parser&lt;/a&gt; gener=
ates that isn't included in the DOM itself. This
+  section specifies some rules for handling these issues.&lt;/p&gt;
+
+  &lt;p&gt;If the XML API being used doesn't support DOCTYPEs, the tool =
may drop DOCTYPEs altogether.&lt;/p&gt;
+
+  &lt;p&gt;If the XML API doesn't support attributes in no namespace tha=
t are named &quot;&lt;code title=3D&quot;&quot;&gt;xmlns&lt;/code&gt;&quo=
t;, attributes whose names start with &quot;&lt;code title=3D&quot;&quot;=
&gt;xmlns:&lt;/code&gt;&quot;, or
+  attributes in the &lt;a href=3D#xmlns-namespace&gt;XMLNS namespace&lt;=
/a&gt;, then the tool may drop such attributes.&lt;/p&gt;
+
+  &lt;p&gt;The tool may annotate the output with any namespace declarati=
ons required for proper
+  operation.&lt;/p&gt;
+
+  &lt;p&gt;If the XML API being used restricts the allowable characters =
in the local names of elements and
+  attributes, then the tool may map all element and attribute local name=
s that the API wouldn't
+  support to a set of names that &lt;em&gt;are&lt;/em&gt; allowed, by re=
placing any character that isn't
+  supported with the uppercase letter U and the six digits of the charac=
ter's Unicode code point
+  when expressed in hexadecimal, using digits 0-9 and capital letters A-=
F as the symbols, in
+  increasing numeric order.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;For example, the element name &lt;code title=3D=
&quot;&quot;&gt;foo&amp;lt;bar&lt;/code&gt;, which can be
+  output by the &lt;a href=3D#html-parser&gt;HTML parser&lt;/a&gt;, thou=
gh it is neither a legal HTML element name nor a
+  well-formed XML element name, would be converted into &lt;code title=3D=
&quot;&quot;&gt;fooU00003Cbar&lt;/code&gt;, which
+  &lt;em&gt;is&lt;/em&gt; a well-formed XML element name (though it's st=
ill not legal in HTML by any means).&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;As another example, consider the attribute &l=
t;code&gt;xlink:href&lt;/code&gt;. Used on a
+  MathML element, it becomes, after being &lt;a href=3D#adjust-foreign-a=
ttributes title=3D&quot;adjust foreign attributes&quot;&gt;adjusted&lt;/a=
&gt;,
+  an attribute with a prefix &quot;&lt;code title=3D&quot;&quot;&gt;xlin=
k&lt;/code&gt;&quot; and a local name &quot;&lt;code title=3D&quot;&quot;=
&gt;href&lt;/code&gt;&quot;. However, used on an HTML element, it becomes=
 an attribute with no prefix
+  and the local name &quot;&lt;code title=3D&quot;&quot;&gt;xlink:href&l=
t;/code&gt;&quot;, which is not a valid NCName, and thus might
+  not be accepted by an XML API. It could thus get converted, becoming &=
quot;&lt;code title=3D&quot;&quot;&gt;xlinkU00003Ahref&lt;/code&gt;&quot;=
.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;The resulting names from this conversion conveni=
ently can't clash with any
+  attribute generated by the &lt;a href=3D#html-parser&gt;HTML parser&lt=
;/a&gt;, since those are all either lowercase or those
+  listed in the &lt;a href=3D#adjust-foreign-attributes&gt;adjust foreig=
n attributes&lt;/a&gt; algorithm's table.&lt;/p&gt;
+
+  &lt;p&gt;If the XML API restricts comments from having two consecutive=
 U+002D HYPHEN-MINUS characters
+  (--), the tool may insert a single U+0020 SPACE character between any =
such offending
+  characters.&lt;/p&gt;
+
+  &lt;p&gt;If the XML API restricts comments from ending in a U+002D HYP=
HEN-MINUS character (-), the tool
+  may insert a single U+0020 SPACE character at the end of such comments=
.&lt;/p&gt;
+
+  &lt;p&gt;If the XML API restricts allowed characters in character data=
, attribute values, or comments,
+  the tool may replace any U+000C FORM FEED (FF) character with a U+0020=
 SPACE character, and any
+  other literal non-XML character with a U+FFFD REPLACEMENT CHARACTER.&l=
t;/p&gt;
+
+  &lt;p&gt;If the tool has no way to convey out-of-band information, the=
n the tool may drop the following
+  information:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;Whether the document is set to &lt;i&gt;&lt;a href=
=3D#no-quirks-mode&gt;no-quirks mode&lt;/a&gt;&lt;/i&gt;, &lt;i&gt;&lt;a =
href=3D#limited-quirks-mode&gt;limited-quirks mode&lt;/a&gt;&lt;/i&gt;, o=
r
+   &lt;i&gt;&lt;a href=3D#quirks-mode&gt;quirks mode&lt;/a&gt;&lt;/i&gt;=
&lt;/li&gt;
+
+   &lt;li&gt;The association between form controls and forms that aren't=
 their nearest &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&g=
t;&lt;/code&gt;
+   element ancestor (use of the &lt;a href=3D#form-element-pointer&gt;&l=
t;code&gt;form&lt;/code&gt; element pointer&lt;/a&gt; in the parser)&lt;/=
li&gt;
+
+   &lt;li&gt;The &lt;a href=3D#template-contents&gt;template contents&lt=
;/a&gt; of any &lt;code&gt;&lt;a href=3D#the-template-element&gt;template=
&lt;/a&gt;&lt;/code&gt; elements.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p class=3Dnote&gt;The mutations allowed by this section=
 apply &lt;em&gt;after&lt;/em&gt; the &lt;a href=3D#html-parser&gt;HTML
+  parser&lt;/a&gt;'s rules have been applied. For example, a &lt;code ti=
tle=3D&quot;&quot;&gt;&amp;lt;a::&amp;gt;&lt;/code&gt; start tag
+  will be closed by a &lt;code title=3D&quot;&quot;&gt;&amp;lt;/a::&amp;=
gt;&lt;/code&gt; end tag, and never by a &lt;code title=3D&quot;&quot;&gt=
;&amp;lt;/aU00003AU00003A&amp;gt;&lt;/code&gt; end tag, even if the user =
agent is using the rules above to
+  then generate an actual element in the DOM with the name &lt;code titl=
e=3D&quot;&quot;&gt;aU00003AU00003A&lt;/code&gt; for
+  that start tag.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dan-introduction-to-error-handling-and-strange-cases-in-the=
-parser&gt;&lt;span class=3Dsecno&gt;12.2.8 &lt;/span&gt;An introduction =
to error handling and strange cases in the parser&lt;/h4&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;This section examines some erroneous markup and discusses how=
 the &lt;a href=3D#html-parser&gt;HTML parser&lt;/a&gt;
+  handles these cases.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dmisnested-tags:-b-i-/b-/i&gt;&lt;span class=3Dsecno&gt;12.=
2.8.1 &lt;/span&gt;Misnested tags: &amp;lt;b&amp;gt;&amp;lt;i&amp;gt;&amp=
;lt;/b&amp;gt;&amp;lt;/i&amp;gt;&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;The most-often discussed example of erroneous markup is as fo=
llows:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;p&amp;gt;1&amp;lt;b&amp;gt;2&amp;lt;i&amp;gt;3&amp;=
lt;/b&amp;gt;4&amp;lt;/i&amp;gt;5&amp;lt;/p&amp;gt;&lt;/pre&gt;
+
+  &lt;p&gt;The parsing of this markup is straightforward up to the &quot=
;3&quot;. At this point, the DOM looks like
+  this:&lt;/p&gt;
+
+  &lt;ul class=3DdomTree&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3D=
t1&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/co=
de&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;=
body&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt=
;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li clas=
s=3Dt3&gt;&lt;code&gt;#text&lt;/code&gt;: &lt;span title=3D&quot;&quot;&g=
t;1&lt;/span&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-b-elem=
ent&gt;b&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt3&gt;&lt;code&gt=
;#text&lt;/code&gt;: &lt;span title=3D&quot;&quot;&gt;2&lt;/span&gt;&lt;l=
i class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-i-element&gt;i&lt;/a&gt;&lt=
;/code&gt;&lt;ul&gt;&lt;li class=3Dt3&gt;&lt;code&gt;#text&lt;/code&gt;: =
&lt;span title=3D&quot;&quot;&gt;3&lt;/span&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;=
/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;p&gt;Here, the &lt;a href=3D#=
stack-of-open-elements&gt;stack of open elements&lt;/a&gt; has five eleme=
nts on it: &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&l=
t;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&=
gt;, &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt;,=
 &lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;, and=
 &lt;code&gt;&lt;a href=3D#the-i-element&gt;i&lt;/a&gt;&lt;/code&gt;. The=
 &lt;a href=3D#list-of-active-formatting-elements&gt;list of active
+  formatting elements&lt;/a&gt; just has two: &lt;code&gt;&lt;a href=3D#=
the-b-element&gt;b&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#t=
he-i-element&gt;i&lt;/a&gt;&lt;/code&gt;. The &lt;a href=3D#insertion-mod=
e&gt;insertion
+  mode&lt;/a&gt; is &quot;&lt;a href=3D#parsing-main-inbody title=3D&quo=
t;insertion mode: in body&quot;&gt;in body&lt;/a&gt;&quot;.&lt;/p&gt;
+
+  &lt;p&gt;Upon receiving the end tag token with the tag name &quot;b&qu=
ot;, the &quot;&lt;a href=3D#adoptionAgency&gt;adoption
+  agency algorithm&lt;/a&gt;&quot; is invoked. This is a simple case, in=
 that the &lt;var title=3D&quot;&quot;&gt;formatting
+  element&lt;/var&gt; is the &lt;code&gt;&lt;a href=3D#the-b-element&gt;=
b&lt;/a&gt;&lt;/code&gt; element, and there is no &lt;var title=3D&quot;&=
quot;&gt;furthest block&lt;/var&gt;.
+  Thus, the &lt;a href=3D#stack-of-open-elements&gt;stack of open elemen=
ts&lt;/a&gt; ends up with just three elements: &lt;code&gt;&lt;a href=3D#=
the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&=
gt;, and &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code&=
gt;, while the &lt;a href=3D#list-of-active-formatting-elements&gt;list o=
f active formatting elements&lt;/a&gt;
+  has just one: &lt;code&gt;&lt;a href=3D#the-i-element&gt;i&lt;/a&gt;&l=
t;/code&gt;. The DOM tree is unmodified at this point.&lt;/p&gt;
+
+  &lt;p&gt;The next token is a character (&quot;4&quot;), triggers the &=
lt;a href=3D#reconstruct-the-active-formatting-elements title=3D&quot;rec=
onstruct the active
+  formatting elements&quot;&gt;reconstruction of the active formatting e=
lements&lt;/a&gt;, in this case just
+  the &lt;code&gt;&lt;a href=3D#the-i-element&gt;i&lt;/a&gt;&lt;/code&gt=
; element. A new &lt;code&gt;&lt;a href=3D#the-i-element&gt;i&lt;/a&gt;&l=
t;/code&gt; element is thus created for the &quot;4&quot;
+  &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt;/code&gt; node. Af=
ter the end tag token for the &quot;i&quot; is also received, and the &qu=
ot;5&quot;
+  &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt;/code&gt; node is =
inserted, the DOM looks as follows:&lt;/p&gt;
+
+  &lt;ul class=3DdomTree&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3D=
t1&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/co=
de&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;=
body&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt=
;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li clas=
s=3Dt3&gt;&lt;code&gt;#text&lt;/code&gt;: &lt;span title=3D&quot;&quot;&g=
t;1&lt;/span&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-b-elem=
ent&gt;b&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt3&gt;&lt;code&gt=
;#text&lt;/code&gt;: &lt;span title=3D&quot;&quot;&gt;2&lt;/span&gt;&lt;l=
i class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-i-element&gt;i&lt;/a&gt;&lt=
;/code&gt;&lt;ul&gt;&lt;li class=3Dt3&gt;&lt;code&gt;#text&lt;/code&gt;: =
&lt;span title=3D&quot;&quot;&gt;3&lt;/span&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;=
li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-i-element&gt;i&lt;/a&gt;&l=
t;/code&gt;&lt;ul&gt;&lt;li class=3Dt3&gt;&lt;code&gt;#text&lt;/code&gt;:=
 &lt;span title=3D&quot;&quot;&gt;4&lt;/span&gt;&lt;/ul&gt;&lt;li class=3D=
t3&gt;&lt;code&gt;#text&lt;/code&gt;: &lt;span title=3D&quot;&quot;&gt;5&=
lt;/span&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;h5 id=3Dmisne=
sted-tags:-b-p-/b-/p&gt;&lt;span class=3Dsecno&gt;12.2.8.2 &lt;/span&gt;M=
isnested tags: &amp;lt;b&amp;gt;&amp;lt;p&amp;gt;&amp;lt;/b&amp;gt;&amp;l=
t;/p&amp;gt;&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;A case similar to the previous one is the following:&lt;/p&gt=
;
+
+  &lt;pre&gt;&amp;lt;b&amp;gt;1&amp;lt;p&amp;gt;2&amp;lt;/b&amp;gt;3&amp=
;lt;/p&amp;gt;&lt;/pre&gt;
+
+  &lt;p&gt;Up to the &quot;2&quot; the parsing here is straightforward:&=
lt;/p&gt;
+
+  &lt;ul class=3DdomTree&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3D=
t1&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/co=
de&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;=
body&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt=
;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li clas=
s=3Dt3&gt;&lt;code&gt;#text&lt;/code&gt;: &lt;span title=3D&quot;&quot;&g=
t;1&lt;/span&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-p-elem=
ent&gt;p&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt3&gt;&lt;code&gt=
;#text&lt;/code&gt;: &lt;span title=3D&quot;&quot;&gt;2&lt;/span&gt;&lt;/=
ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;p&gt;The interestin=
g part is when the end tag token with the tag name &quot;b&quot; is parse=
d.&lt;/p&gt;
+
+  &lt;p&gt;Before that token is seen, the &lt;a href=3D#stack-of-open-el=
ements&gt;stack of open elements&lt;/a&gt; has four elements on it:
+  &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/code&=
gt;, &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/cod=
e&gt;, &lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt=
;, and &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt=
;. The &lt;a href=3D#list-of-active-formatting-elements&gt;list of active
+  formatting elements&lt;/a&gt; just has the one: &lt;code&gt;&lt;a href=
=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;. The &lt;a href=3D#insertio=
n-mode&gt;insertion mode&lt;/a&gt; is
+  &quot;&lt;a href=3D#parsing-main-inbody title=3D&quot;insertion mode: =
in body&quot;&gt;in body&lt;/a&gt;&quot;.&lt;/p&gt;
+
+  &lt;p&gt;Upon receiving the end tag token with the tag name &quot;b&qu=
ot;, the &quot;&lt;a href=3D#adoptionAgency&gt;adoption
+  agency algorithm&lt;/a&gt;&quot; is invoked, as in the previous exampl=
e. However, in this case, there
+  &lt;em&gt;is&lt;/em&gt; a &lt;var title=3D&quot;&quot;&gt;furthest blo=
ck&lt;/var&gt;, namely the &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&l=
t;/a&gt;&lt;/code&gt; element. Thus, this
+  time the adoption agency algorithm isn't skipped over.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;var title=3D&quot;&quot;&gt;common ancestor&lt;/var&g=
t; is the &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt=
;/code&gt; element. A conceptual
+  &quot;bookmark&quot; marks the position of the &lt;code&gt;&lt;a href=3D=
#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt; in the &lt;a href=3D#list-of-a=
ctive-formatting-elements&gt;list of active formatting
+  elements&lt;/a&gt;, but since that list has only one element in it, th=
e bookmark won't have much
+  effect.&lt;/p&gt;
+
+  &lt;p&gt;As the algorithm progresses, &lt;var title=3D&quot;&quot;&gt;=
node&lt;/var&gt; ends up set to the formatting element
+  (&lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;),=
 and &lt;var title=3D&quot;&quot;&gt;last node&lt;/var&gt; ends up set to=
 the &lt;var title=3D&quot;&quot;&gt;furthest
+  block&lt;/var&gt; (&lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&=
gt;&lt;/code&gt;).&lt;/p&gt;
+
+  &lt;p&gt;The &lt;var title=3D&quot;&quot;&gt;last node&lt;/var&gt; get=
s appended (moved) to the &lt;var title=3D&quot;&quot;&gt;common
+  ancestor&lt;/var&gt;, so that the DOM looks like:&lt;/p&gt;
+
+  &lt;ul class=3DdomTree&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3D=
t1&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/co=
de&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;=
body&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt=
;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li clas=
s=3Dt3&gt;&lt;code&gt;#text&lt;/code&gt;: &lt;span title=3D&quot;&quot;&g=
t;1&lt;/span&gt;&lt;/ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt3&gt;=
&lt;code&gt;#text&lt;/code&gt;: &lt;span title=3D&quot;&quot;&gt;2&lt;/sp=
an&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;p&gt;A new &lt;code=
&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt; element is cr=
eated, and the children of the &lt;code&gt;&lt;a href=3D#the-p-element&gt=
;p&lt;/a&gt;&lt;/code&gt; element are
+  moved to it:&lt;/p&gt;
+
+  &lt;ul class=3DdomTree&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3D=
t1&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/co=
de&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;=
body&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt=
;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li clas=
s=3Dt3&gt;&lt;code&gt;#text&lt;/code&gt;: &lt;span title=3D&quot;&quot;&g=
t;1&lt;/span&gt;&lt;/ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&g=
t;&lt;ul class=3DdomTree&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt3&gt;=
&lt;code&gt;#text&lt;/code&gt;: &lt;span title=3D&quot;&quot;&gt;2&lt;/sp=
an&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;p&gt;Finally, the new &lt;code&gt;&lt;a h=
ref=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt; element is appended to t=
he &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt; el=
ement, so that the
+  DOM looks like:&lt;/p&gt;
+
+  &lt;ul class=3DdomTree&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3D=
t1&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/co=
de&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;=
body&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt=
;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li clas=
s=3Dt3&gt;&lt;code&gt;#text&lt;/code&gt;: &lt;span title=3D&quot;&quot;&g=
t;1&lt;/span&gt;&lt;/ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;=
&lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;&lt;ul=
&gt;&lt;li class=3Dt3&gt;&lt;code&gt;#text&lt;/code&gt;: &lt;span title=3D=
&quot;&quot;&gt;2&lt;/span&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt=
;&lt;/ul&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;=
/a&gt;&lt;/code&gt; element is removed from the &lt;a href=3D#list-of-act=
ive-formatting-elements&gt;list of active formatting elements&lt;/a&gt;
+  and the &lt;a href=3D#stack-of-open-elements&gt;stack of open elements=
&lt;/a&gt;, so that when the &quot;3&quot; is parsed, it is appended to t=
he
+  &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt; el=
ement:&lt;/p&gt;
+
+  &lt;ul class=3DdomTree&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3D=
t1&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/co=
de&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;=
body&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt=
;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li clas=
s=3Dt3&gt;&lt;code&gt;#text&lt;/code&gt;: &lt;span title=3D&quot;&quot;&g=
t;1&lt;/span&gt;&lt;/ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;=
&lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;&lt;ul=
&gt;&lt;li class=3Dt3&gt;&lt;code&gt;#text&lt;/code&gt;: &lt;span title=3D=
&quot;&quot;&gt;2&lt;/span&gt;&lt;/ul&gt;&lt;li class=3Dt3&gt;&lt;code&gt=
;#text&lt;/code&gt;: &lt;span title=3D&quot;&quot;&gt;3&lt;/span&gt;&lt;/=
ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;h5 id=3Dunexpected-markup-in-t=
ables&gt;&lt;span class=3Dsecno&gt;12.2.8.3 &lt;/span&gt;Unexpected marku=
p in tables&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;Error handling in tables is, for historical reasons, especial=
ly strange. For example, consider
+  the following markup:&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;table&amp;gt;&lt;strong&gt;&amp;lt;b&amp;gt;&lt;/st=
rong&gt;&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;aaa&amp;lt;/td&amp;gt;&amp;lt=
;/tr&amp;gt;&lt;strong&gt;bbb&lt;/strong&gt;&amp;lt;/table&amp;gt;ccc&lt;=
/pre&gt;
+
+  &lt;p&gt;The highlighted &lt;code&gt;&lt;a href=3D#the-b-element&gt;b&=
lt;/a&gt;&lt;/code&gt; element start tag is not allowed directly inside a=
 table like
+  that, and the parser handles this case by placing the element &lt;em&g=
t;before&lt;/em&gt; the table. (This is
+  called &lt;i title=3D&quot;foster parent&quot;&gt;&lt;a href=3D#foster=
-parent&gt;foster parenting&lt;/a&gt;&lt;/i&gt;.) This can be seen by exa=
mining the DOM tree
+  as it stands just after the &lt;code&gt;&lt;a href=3D#the-table-elemen=
t&gt;table&lt;/a&gt;&lt;/code&gt; element's start tag has been seen:&lt;/=
p&gt;
+
+  &lt;ul class=3DdomTree&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3D=
t1&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/co=
de&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;=
body&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt=
;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt;&lt;/ul&gt;&l=
t;/ul&gt;&lt;/ul&gt;&lt;p&gt;...and then immediately after the &lt;code&g=
t;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt; element start t=
ag has been seen:&lt;/p&gt;
+
+  &lt;ul class=3DdomTree&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3D=
t1&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/co=
de&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;=
body&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt=
;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;&lt;li class=3Dt1&gt;=
&lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&g=
t;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;p&gt;At this point, the &lt;a href=
=3D#stack-of-open-elements&gt;stack of open elements&lt;/a&gt; has on it =
the elements
+  &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/code&=
gt;, &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/cod=
e&gt;, &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;=
/code&gt;, and &lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;=
/code&gt; (in that order,
+  despite the resulting DOM tree); the &lt;a href=3D#list-of-active-form=
atting-elements&gt;list of active formatting elements&lt;/a&gt; just has =
the
+  &lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt; el=
ement in it; and the &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a=
&gt; is &quot;&lt;a href=3D#parsing-main-intable title=3D&quot;insertion =
mode:
+  in table&quot;&gt;in table&lt;/a&gt;&quot;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&=
lt;/code&gt; start tag causes the &lt;code&gt;&lt;a href=3D#the-b-element=
&gt;b&lt;/a&gt;&lt;/code&gt; element to be popped off the stack and
+  a &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/c=
ode&gt; start tag to be implied; the &lt;code&gt;&lt;a href=3D#the-tbody-=
element&gt;tbody&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the=
-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; elements
+  are then handled in a rather straight-forward manner, taking the parse=
r through the &quot;&lt;a href=3D#parsing-main-intbody title=3D&quot;inse=
rtion mode: in table body&quot;&gt;in table body&lt;/a&gt;&quot; and &quo=
t;&lt;a href=3D#parsing-main-intr title=3D&quot;insertion mode: in
+  row&quot;&gt;in row&lt;/a&gt;&quot; insertion modes, after which the D=
OM looks as follows:&lt;/p&gt;
+
+  &lt;ul class=3DdomTree&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3D=
t1&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/co=
de&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;=
body&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt=
;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;&lt;li class=3Dt1&gt;=
&lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&g=
t;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-tbody-elem=
ent&gt;tbody&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;cod=
e&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;&lt;/ul&gt;=
&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;p&gt;Here, the &lt;a href=
=3D#stack-of-open-elements&gt;stack of open elements&lt;/a&gt; has on it =
the elements &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;=
&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&=
gt;, &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/c=
ode&gt;, &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&l=
t;/code&gt;, and &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;=
&lt;/code&gt;; the &lt;a href=3D#list-of-active-formatting-elements&gt;li=
st of
+  active formatting elements&lt;/a&gt; still has the &lt;code&gt;&lt;a h=
ref=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt; element in it; and the
+  &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&gt; is &quot;&lt;=
a href=3D#parsing-main-intr title=3D&quot;insertion mode: in row&quot;&gt=
;in row&lt;/a&gt;&quot;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&=
lt;/code&gt; element start tag token, after putting a &lt;code&gt;&lt;a h=
ref=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt; element on the
+  tree, puts a marker on the &lt;a href=3D#list-of-active-formatting-ele=
ments&gt;list of active formatting elements&lt;/a&gt; (it also switches t=
o
+  the &quot;&lt;a href=3D#parsing-main-intd title=3D&quot;insertion mode=
: in cell&quot;&gt;in cell&lt;/a&gt;&quot; &lt;a href=3D#insertion-mode&g=
t;insertion mode&lt;/a&gt;).&lt;/p&gt;
+
+  &lt;ul class=3DdomTree&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3D=
t1&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/co=
de&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;=
body&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt=
;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;&lt;li class=3Dt1&gt;=
&lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&g=
t;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-tbody-elem=
ent&gt;tbody&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;cod=
e&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&=
lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&=
gt;&lt;/code&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&l=
t;/ul&gt;&lt;p&gt;The marker means that when the &quot;aaa&quot; characte=
r tokens are seen, no &lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&=
gt;&lt;/code&gt; element is
+  created to hold the resulting &lt;code&gt;&lt;a href=3D#text&gt;Text&l=
t;/a&gt;&lt;/code&gt; node:&lt;/p&gt;
+
+  &lt;ul class=3DdomTree&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3D=
t1&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/co=
de&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;=
body&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt=
;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;&lt;li class=3Dt1&gt;=
&lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&g=
t;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-tbody-elem=
ent&gt;tbody&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;cod=
e&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&=
lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&=
gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt3&gt;&lt;code&gt;#text&lt;/code=
&gt;: &lt;span title=3D&quot;&quot;&gt;aaa&lt;/span&gt;&lt;/ul&gt;&lt;/ul=
&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;p&gt;The e=
nd tags are handled in a straight-forward manner; after handling them, th=
e &lt;a href=3D#stack-of-open-elements&gt;stack of
+  open elements&lt;/a&gt; has on it the elements &lt;code&gt;&lt;a href=3D=
#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D=
#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/cod=
e&gt;, and &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;=
&lt;/code&gt;; the &lt;a href=3D#list-of-active-formatting-elements&gt;li=
st of active formatting elements&lt;/a&gt;
+  still has the &lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&l=
t;/code&gt; element in it (the marker having been removed by the &quot;td=
&quot; end tag
+  token); and the &lt;a href=3D#insertion-mode&gt;insertion mode&lt;/a&g=
t; is &quot;&lt;a href=3D#parsing-main-intbody title=3D&quot;insertion mo=
de: in table body&quot;&gt;in
+  table body&lt;/a&gt;&quot;.&lt;/p&gt;
+
+  &lt;p&gt;Thus it is that the &quot;bbb&quot; character tokens are foun=
d. These trigger the &quot;&lt;a href=3D#parsing-main-intabletext title=3D=
&quot;insertion
+  mode: in table text&quot;&gt;in table text&lt;/a&gt;&quot; insertion m=
ode to be used (with the &lt;a href=3D#original-insertion-mode&gt;origina=
l
+  insertion mode&lt;/a&gt; set to &quot;&lt;a href=3D#parsing-main-intbo=
dy title=3D&quot;insertion mode: in table body&quot;&gt;in table body&lt;=
/a&gt;&quot;).
+  The character tokens are collected, and when the next token (the &lt;c=
ode&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; el=
ement end
+  tag) is seen, they are processed as a group. Since they are not all sp=
aces, they are handled as
+  per the &quot;anything else&quot; rules in the &quot;&lt;a href=3D#par=
sing-main-intable title=3D&quot;insertion mode: in table&quot;&gt;in tabl=
e&lt;/a&gt;&quot;
+  insertion mode, which defer to the &quot;&lt;a href=3D#parsing-main-in=
body title=3D&quot;insertion mode: in body&quot;&gt;in body&lt;/a&gt;&quo=
t;
+  insertion mode but with &lt;a href=3D#foster-parent title=3D&quot;fost=
er parent&quot;&gt;foster parenting&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When &lt;a href=3D#reconstruct-the-active-formatting-elements=
 title=3D&quot;reconstruct the active formatting elements&quot;&gt;the ac=
tive formatting elements
+  are reconstructed&lt;/a&gt;, a &lt;code&gt;&lt;a href=3D#the-b-element=
&gt;b&lt;/a&gt;&lt;/code&gt; element is created and &lt;a href=3D#foster-=
parent title=3D&quot;foster
+  parent&quot;&gt;foster parented&lt;/a&gt;, and then the &quot;bbb&quot=
; &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt;/code&gt; node is a=
ppended to it:&lt;/p&gt;
+
+  &lt;ul class=3DdomTree&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3D=
t1&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/co=
de&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;=
body&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt=
;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;&lt;li class=3Dt1&gt;=
&lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;&lt;ul=
&gt;&lt;li class=3Dt3&gt;&lt;code&gt;#text&lt;/code&gt;: &lt;span title=3D=
&quot;&quot;&gt;bbb&lt;/span&gt;&lt;/ul&gt;&lt;li class=3Dt1&gt;&lt;code&=
gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt;&lt;ul&=
gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tb=
ody&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;=
a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li cla=
ss=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/c=
ode&gt;&lt;ul&gt;&lt;li class=3Dt3&gt;&lt;code&gt;#text&lt;/code&gt;: &lt=
;span title=3D&quot;&quot;&gt;aaa&lt;/span&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/=
ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;p&gt;The &lt;a href=
=3D#stack-of-open-elements&gt;stack of open elements&lt;/a&gt; has on it =
the elements &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;=
&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&=
gt;, &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/c=
ode&gt;, &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&l=
t;/code&gt;, and the new &lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;=
/a&gt;&lt;/code&gt; (again, note
+  that this doesn't match the resulting tree!); the &lt;a href=3D#list-o=
f-active-formatting-elements&gt;list of active formatting elements&lt;/a&=
gt;
+  has the new &lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;=
/code&gt; element in it; and the &lt;a href=3D#insertion-mode&gt;insertio=
n mode&lt;/a&gt; is still &quot;&lt;a href=3D#parsing-main-intbody title=3D=
&quot;insertion mode: in table body&quot;&gt;in table body&lt;/a&gt;&quot=
;.&lt;/p&gt;
+
+  &lt;p&gt;Had the character tokens been only &lt;a href=3D#space-charac=
ter title=3D&quot;space character&quot;&gt;space characters&lt;/a&gt;
+  instead of &quot;bbb&quot;, then those &lt;a href=3D#space-character t=
itle=3D&quot;space character&quot;&gt;space characters&lt;/a&gt; would ju=
st be
+  appended to the &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&l=
t;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;p&gt;Finally, the &lt;code&gt;&lt;a href=3D#the-table-element&gt;t=
able&lt;/a&gt;&lt;/code&gt; is closed by a &quot;table&quot; end tag. Thi=
s pops all the nodes from
+  the &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;=
/a&gt; up to and including the &lt;code&gt;&lt;a href=3D#the-table-elemen=
t&gt;table&lt;/a&gt;&lt;/code&gt; element, but it
+  doesn't affect the &lt;a href=3D#list-of-active-formatting-elements&gt=
;list of active formatting elements&lt;/a&gt;, so the &quot;ccc&quot; cha=
racter tokens
+  after the table result in yet another &lt;code&gt;&lt;a href=3D#the-b-=
element&gt;b&lt;/a&gt;&lt;/code&gt; element being created, this time afte=
r the
+  table:&lt;/p&gt;
+
+  &lt;ul class=3DdomTree&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3D=
t1&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/co=
de&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;=
body&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt=
;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;&lt;li class=3Dt1&gt;=
&lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;&lt;ul=
&gt;&lt;li class=3Dt3&gt;&lt;code&gt;#text&lt;/code&gt;: &lt;span title=3D=
&quot;&quot;&gt;bbb&lt;/span&gt;&lt;/ul&gt;&lt;li class=3Dt1&gt;&lt;code&=
gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt;&lt;ul&=
gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tb=
ody&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;=
a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li cla=
ss=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/c=
ode&gt;&lt;ul&gt;&lt;li class=3Dt3&gt;&lt;code&gt;#text&lt;/code&gt;: &lt=
;span title=3D&quot;&quot;&gt;aaa&lt;/span&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/=
ul&gt;&lt;/ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-b-ele=
ment&gt;b&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt3&gt;&lt;code&g=
t;#text&lt;/code&gt;: &lt;span title=3D&quot;&quot;&gt;ccc&lt;/span&gt;&l=
t;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;h5 id=3Dscripts-that-modify=
-the-page-as-it-is-being-parsed&gt;&lt;span class=3Dsecno&gt;12.2.8.4 &lt=
;/span&gt;Scripts that modify the page as it is being parsed&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;Consider the following markup, which for this example we will=
 assume is the document with
+  &lt;a href=3D#url&gt;URL&lt;/a&gt; &lt;code title=3D&quot;&quot;&gt;ht=
tp://example.com/inner&lt;/code&gt;, being rendered as the content of
+  an &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt=
;/code&gt; in another document with the &lt;a href=3D#url&gt;URL&lt;/a&gt=
; &lt;code title=3D&quot;&quot;&gt;http://example.com/outer&lt;/code&gt;:=
&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;div id=3Da&amp;gt;
+ &amp;lt;script&amp;gt;
+  var div =3D document.getElementById('a');
+  parent.document.body.appendChild(div);
+ &amp;lt;/script&amp;gt;
+ &amp;lt;script&amp;gt;
+  alert(document.URL);
+ &amp;lt;/script&amp;gt;
+&amp;lt;/div&amp;gt;
+&amp;lt;script&amp;gt;
+ alert(document.URL);
+&amp;lt;/script&amp;gt;&lt;/pre&gt;
+
+  &lt;p&gt;Up to the first &quot;script&quot; end tag, before the script=
 is parsed, the result is relatively
+  straightforward:&lt;/p&gt;
+
+  &lt;ul class=3DdomTree&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3D=
t1&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/co=
de&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;=
body&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt=
;a href=3D#the-div-element&gt;div&lt;/a&gt;&lt;/code&gt; &lt;span class=3D=
t2 title=3D&quot;&quot;&gt;&lt;code class=3D&quot;attribute name&quot;&gt=
;id&lt;/code&gt;=3D&quot;&lt;code class=3D&quot;attribute value&quot;&gt;=
&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt;&quot;&lt;/span&gt=
;&lt;ul&gt;&lt;li class=3Dt3&gt;&lt;code&gt;#text&lt;/code&gt;: &lt;span =
title=3D&quot;&quot;&gt;
+ &lt;/span&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-script-=
element&gt;script&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt3&gt;&l=
t;code&gt;#text&lt;/code&gt;: &lt;span title=3D&quot;&quot;&gt;var div =3D=
 document.getElementById('a'); &amp;#x23ce; parent.document.body.appendCh=
ild(div);&lt;/span&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul=
&gt;&lt;p&gt;After the script is parsed, though, the &lt;code&gt;&lt;a hr=
ef=3D#the-div-element&gt;div&lt;/a&gt;&lt;/code&gt; element and its child
+  &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/c=
ode&gt; element are gone:&lt;/p&gt;
+
+  &lt;ul class=3DdomTree&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3D=
t1&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/co=
de&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;=
body&lt;/a&gt;&lt;/code&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;p&gt;They are, at th=
is point, in the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;=
&lt;/code&gt; of the aforementioned outer
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;. However,=
 the &lt;a href=3D#stack-of-open-elements&gt;stack of open elements&lt;/a=
&gt; &lt;em&gt;still contains
+  the &lt;code&gt;&lt;a href=3D#the-div-element&gt;div&lt;/a&gt;&lt;/cod=
e&gt; element&lt;/em&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Thus, when the second &lt;code&gt;&lt;a href=3D#the-script-el=
ement&gt;script&lt;/a&gt;&lt;/code&gt; element is parsed, it is inserted =
&lt;em&gt;into the outer
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
object&lt;/em&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Those parsed into different &lt;code&gt;&lt;a href=3D#documen=
t&gt;Document&lt;/a&gt;&lt;/code&gt;s than the one the parser was created=
 for do
+  not execute, so the first alert does not show.&lt;/p&gt;
+
+  &lt;p&gt;Once the &lt;code&gt;&lt;a href=3D#the-div-element&gt;div&lt;=
/a&gt;&lt;/code&gt; element's end tag is parsed, the &lt;code&gt;&lt;a hr=
ef=3D#the-div-element&gt;div&lt;/a&gt;&lt;/code&gt; element is popped
+  off the stack, and so the next &lt;code&gt;&lt;a href=3D#the-script-el=
ement&gt;script&lt;/a&gt;&lt;/code&gt; element is in the inner
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;:=
&lt;/p&gt;
+
+  &lt;ul class=3DdomTree&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D=
#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3D=
t1&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/co=
de&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;=
body&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt=
;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&=
lt;li class=3Dt3&gt;&lt;code&gt;#text&lt;/code&gt;: &lt;span title=3D&quo=
t;&quot;&gt;alert(document.URL);&lt;/span&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/u=
l&gt;&lt;/ul&gt;&lt;p&gt;This script does execute, resulting in an alert =
that says &quot;http://example.com/inner&quot;.&lt;/p&gt;
+
+
+  &lt;h5 id=3Dthe-execution-of-scripts-that-are-moving-across-multiple-d=
ocuments&gt;&lt;span class=3Dsecno&gt;12.2.8.5 &lt;/span&gt;The execution=
 of scripts that are moving across multiple documents&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;Elaborating on the example in the previous section, consider =
the case where the second
+  &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/c=
ode&gt; element is an external script (i.e. one with a &lt;code title=3Da=
ttr-script-src&gt;&lt;a href=3D#attr-script-src&gt;src&lt;/a&gt;&lt;/code=
&gt; attribute). Since the element was not in the parser's
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
when it was created, that external script is not even downloaded.&lt;/p&g=
t;
+
+  &lt;p&gt;In a case where a &lt;code&gt;&lt;a href=3D#the-script-elemen=
t&gt;script&lt;/a&gt;&lt;/code&gt; element with a &lt;code title=3Dattr-s=
cript-src&gt;&lt;a href=3D#attr-script-src&gt;src&lt;/a&gt;&lt;/code&gt;
+  attribute is parsed normally into its parser's &lt;code&gt;&lt;a href=3D=
#document&gt;Document&lt;/a&gt;&lt;/code&gt;, but while the external
+  script is being downloaded, the element is moved to another document, =
the script continues to
+  download, but does not execute.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;In general, moving &lt;code&gt;&lt;a href=3D#the=
-script-element&gt;script&lt;/a&gt;&lt;/code&gt; elements between &lt;cod=
e&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;s is
+  considered a bad practice.&lt;/p&gt;
+
+
+
+  &lt;h5 id=3Dunclosed-formatting-elements&gt;&lt;span class=3Dsecno&gt;=
12.2.8.6 &lt;/span&gt;Unclosed formatting elements&lt;/h5&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;p&gt;The following markup shows how nested formatting elements (su=
ch as &lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;=
) get
+  collected and continue to be applied even as the elements they are con=
tained in are closed, but
+  that excessive duplicates are thrown away.&lt;/p&gt;
+
+  &lt;pre&gt;&amp;lt;!DOCTYPE html&amp;gt;
+&amp;lt;p&amp;gt;&amp;lt;b class=3Dx&amp;gt;&amp;lt;b class=3Dx&amp;gt;&=
amp;lt;b&amp;gt;&amp;lt;b class=3Dx&amp;gt;&amp;lt;b class=3Dx&amp;gt;&am=
p;lt;b&amp;gt;X
+&amp;lt;p&amp;gt;X
+&amp;lt;p&amp;gt;&amp;lt;b&amp;gt;&amp;lt;b class=3Dx&amp;gt;&amp;lt;b&a=
mp;gt;X
+&amp;lt;p&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/b&amp;gt;&=
amp;lt;/b&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/b&amp;gt;X&lt;/pre&gt;
+
+  &lt;p&gt;The resulting DOM tree is as follows:&lt;/p&gt;
+
+  &lt;ul class=3DdomTree&gt;&lt;li class=3Dt10&gt;DOCTYPE: &lt;code&gt;&=
lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt;&lt;li class=3D=
t1&gt;&lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/co=
de&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-head-e=
lement&gt;head&lt;/a&gt;&lt;/code&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt=
;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;l=
i class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt=
;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-b-=
element&gt;b&lt;/a&gt;&lt;/code&gt; &lt;span class=3Dt2 title=3D&quot;&qu=
ot;&gt;&lt;code class=3D&quot;attribute name&quot;&gt;class&lt;/code&gt;=3D=
&quot;&lt;code class=3D&quot;attribute value&quot;&gt;x&lt;/code&gt;&quot=
;&lt;/span&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#th=
e-b-element&gt;b&lt;/a&gt;&lt;/code&gt; &lt;span class=3Dt2 title=3D&quot=
;&quot;&gt;&lt;code class=3D&quot;attribute name&quot;&gt;class&lt;/code&=
gt;=3D&quot;&lt;code class=3D&quot;attribute value&quot;&gt;x&lt;/code&gt=
;&quot;&lt;/span&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=
=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&=
gt;&lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt; &l=
t;span class=3Dt2 title=3D&quot;&quot;&gt;&lt;code class=3D&quot;attribut=
e name&quot;&gt;class&lt;/code&gt;=3D&quot;&lt;code class=3D&quot;attribu=
te value&quot;&gt;x&lt;/code&gt;&quot;&lt;/span&gt;&lt;ul&gt;&lt;li class=
=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&=
gt; &lt;span class=3Dt2 title=3D&quot;&quot;&gt;&lt;code class=3D&quot;at=
tribute name&quot;&gt;class&lt;/code&gt;=3D&quot;&lt;code class=3D&quot;a=
ttribute value&quot;&gt;x&lt;/code&gt;&quot;&lt;/span&gt;&lt;ul&gt;&lt;li=
 class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;=
/code&gt;&lt;ul&gt;&lt;li class=3Dt3&gt;&lt;code&gt;#text&lt;/code&gt;: &=
lt;span title=3D&quot;&quot;&gt;X&amp;#x23ce;&lt;/span&gt;&lt;/ul&gt;&lt;=
/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;li clas=
s=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code=
&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-b-elemen=
t&gt;b&lt;/a&gt;&lt;/code&gt; &lt;span class=3Dt2 title=3D&quot;&quot;&gt=
;&lt;code class=3D&quot;attribute name&quot;&gt;class&lt;/code&gt;=3D&quo=
t;&lt;code class=3D&quot;attribute value&quot;&gt;x&lt;/code&gt;&quot;&lt=
;/span&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-b-=
element&gt;b&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;cod=
e&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt; &lt;span cla=
ss=3Dt2 title=3D&quot;&quot;&gt;&lt;code class=3D&quot;attribute name&quo=
t;&gt;class&lt;/code&gt;=3D&quot;&lt;code class=3D&quot;attribute value&q=
uot;&gt;x&lt;/code&gt;&quot;&lt;/span&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&=
lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt; &lt;sp=
an class=3Dt2 title=3D&quot;&quot;&gt;&lt;code class=3D&quot;attribute na=
me&quot;&gt;class&lt;/code&gt;=3D&quot;&lt;code class=3D&quot;attribute v=
alue&quot;&gt;x&lt;/code&gt;&quot;&lt;/span&gt;&lt;ul&gt;&lt;li class=3Dt=
1&gt;&lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;&=
lt;ul&gt;&lt;li class=3Dt3&gt;&lt;code&gt;#text&lt;/code&gt;: &lt;span ti=
tle=3D&quot;&quot;&gt;X&amp;#x23ce;&lt;/span&gt;&lt;/ul&gt;&lt;/ul&gt;&lt=
;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt=
;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li =
class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/=
code&gt; &lt;span class=3Dt2 title=3D&quot;&quot;&gt;&lt;code class=3D&qu=
ot;attribute name&quot;&gt;class&lt;/code&gt;=3D&quot;&lt;code class=3D&q=
uot;attribute value&quot;&gt;x&lt;/code&gt;&quot;&lt;/span&gt;&lt;ul&gt;&=
lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt=
;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#th=
e-b-element&gt;b&lt;/a&gt;&lt;/code&gt; &lt;span class=3Dt2 title=3D&quot=
;&quot;&gt;&lt;code class=3D&quot;attribute name&quot;&gt;class&lt;/code&=
gt;=3D&quot;&lt;code class=3D&quot;attribute value&quot;&gt;x&lt;/code&gt=
;&quot;&lt;/span&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=
=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt; &lt;span class=3Dt2 title=3D=
&quot;&quot;&gt;&lt;code class=3D&quot;attribute name&quot;&gt;class&lt;/=
code&gt;=3D&quot;&lt;code class=3D&quot;attribute value&quot;&gt;x&lt;/co=
de&gt;&quot;&lt;/span&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a=
 href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3D=
t1&gt;&lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;=
&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-b-element&gt=
;b&lt;/a&gt;&lt;/code&gt; &lt;span class=3Dt2 title=3D&quot;&quot;&gt;&lt=
;code class=3D&quot;attribute name&quot;&gt;class&lt;/code&gt;=3D&quot;&l=
t;code class=3D&quot;attribute value&quot;&gt;x&lt;/code&gt;&quot;&lt;/sp=
an&gt;&lt;ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a href=3D#the-b-elem=
ent&gt;b&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3Dt3&gt;&lt;code&gt=
;#text&lt;/code&gt;: &lt;span title=3D&quot;&quot;&gt;X&amp;#x23ce;&lt;/s=
pan&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;=
&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;li class=3Dt1&gt;&lt;code&gt;&lt;a h=
ref=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt;&lt;ul&gt;&lt;li class=3D=
t3&gt;&lt;code&gt;#text&lt;/code&gt;: &lt;span title=3D&quot;&quot;&gt;X&=
amp;#x23ce;&lt;/span&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;p=
&gt;Note how the second &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/=
a&gt;&lt;/code&gt; element in the markup has no explicit &lt;code&gt;&lt;=
a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt;
+  elements, but in the resulting DOM, up to three of each kind of format=
ting element (in this case
+  three &lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&=
gt; elements with the class attribute, and two unadorned &lt;code&gt;&lt;=
a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt; elements)
+  get reconstructed before the element's &quot;X&quot;.&lt;/p&gt;
+
+  &lt;p&gt;Also note how this means that in the final paragraph only six=
 &lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt; end =
tags are
+  needed to completely clear the list of formatting elements, even thoug=
h nine &lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt=
; start
+  tags have been seen up to this point.&lt;/p&gt;
+
+
+&lt;!--/HTMLPARSER--&gt;
+
+
+  &lt;h3 id=3Dserializing-html-fragments&gt;&lt;span class=3Dsecno&gt;12=
.3 &lt;/span&gt;Serializing HTML fragments&lt;/h3&gt;
+
+  &lt;p&gt;The following steps form the &lt;dfn id=3Dhtml-fragment-seria=
lization-algorithm&gt;HTML fragment serialization algorithm&lt;/dfn&gt;. =
The algorithm
+  takes as input a DOM &lt;code&gt;&lt;a href=3D#element&gt;Element&lt;/=
a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&=
gt;&lt;/code&gt;, or &lt;code&gt;&lt;a href=3D#documentfragment&gt;Docume=
ntFragment&lt;/a&gt;&lt;/code&gt;
+  referred to as &lt;var title=3D&quot;&quot;&gt;the node&lt;/var&gt;, a=
nd either returns a string or throws an
+  exception.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This algorithm serializes the &lt;em&gt;children=
&lt;/em&gt; of the node being serialized, not
+  the node itself.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;s&lt;=
/var&gt; be a string, and initialize it to the empty string.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;the node&lt;/va=
r&gt; is a &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;=
/a&gt;&lt;/code&gt; element, then let &lt;var title=3D&quot;&quot;&gt;the=
 node&lt;/var&gt; instead be the &lt;code&gt;&lt;a href=3D#the-template-e=
lement&gt;template&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#templat=
e-contents&gt;template
+   contents&lt;/a&gt; (a &lt;code&gt;&lt;a href=3D#documentfragment&gt;D=
ocumentFragment&lt;/a&gt;&lt;/code&gt; node).&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each child node of &lt;var title=3D&quot;&quot;&gt;the =
node&lt;/var&gt;, in &lt;a href=3D#tree-order&gt;tree order&lt;/a&gt;, ru=
n the
+    following steps:
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;cur=
rent node&lt;/var&gt; be the child node being processed.&lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Append the appropriate string from the following list to =
&lt;var title=3D&quot;&quot;&gt;s&lt;/var&gt;:&lt;/p&gt;
+
+      &lt;dl class=3Dswitch&gt;&lt;dt&gt;If &lt;var title=3D&quot;&quot;=
&gt;current node&lt;/var&gt; is an &lt;code title=3D&quot;&quot;&gt;Eleme=
nt&lt;/code&gt;&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;current node&lt;/var=
&gt; is an element in the &lt;a href=3D#html-namespace-0&gt;HTML namespac=
e&lt;/a&gt;, the
+        &lt;a href=3D#mathml-namespace&gt;MathML namespace&lt;/a&gt;, or=
 the &lt;a href=3D#svg-namespace&gt;SVG namespace&lt;/a&gt;, then let &lt=
;var title=3D&quot;&quot;&gt;tagname&lt;/var&gt; be &lt;var title=3D&quot=
;&quot;&gt;current node&lt;/var&gt;'s local name. Otherwise, let &lt;var =
title=3D&quot;&quot;&gt;tagname&lt;/var&gt; be &lt;var title=3D&quot;&quo=
t;&gt;current node&lt;/var&gt;'s qualified name.&lt;/p&gt;
+
+        &lt;p&gt;Append a U+003C LESS-THAN SIGN character (&amp;lt;), fo=
llowed by &lt;var title=3D&quot;&quot;&gt;tagname&lt;/var&gt;.&lt;/p&gt;
+
+        &lt;p class=3Dnote&gt;For &lt;a href=3D#html-elements&gt;HTML el=
ements&lt;/a&gt; created by the &lt;a href=3D#html-parser&gt;HTML parser&=
lt;/a&gt; or
+        &lt;code title=3D&quot;&quot;&gt;Document.createElement()&lt;/co=
de&gt;, &lt;var title=3D&quot;&quot;&gt;tagname&lt;/var&gt; will be
+        lowercase.&lt;/p&gt;
+
+        &lt;p&gt;For each attribute that the element has, append a U+002=
0 SPACE character, the &lt;a href=3D&quot;#attribute's-serialized-name&qu=
ot; title=3D&quot;attribute's serialized name&quot;&gt;attribute's serial=
ized name as described below&lt;/a&gt;, a
+        U+003D EQUALS SIGN character (=3D), a U+0022 QUOTATION MARK char=
acter (&quot;), the
+        attribute's value, &lt;a href=3D#escapingString title=3D&quot;es=
caping a string&quot;&gt;escaped as described below&lt;/a&gt; in
+        &lt;i&gt;attribute mode&lt;/i&gt;, and a second U+0022 QUOTATION=
 MARK character (&quot;).&lt;/p&gt;
+
+        &lt;p&gt;An &lt;dfn id=3D&quot;attribute's-serialized-name&quot;=
&gt;attribute's serialized name&lt;/dfn&gt; for the purposes of the previ=
ous paragraph must
+        be determined as follows:&lt;/p&gt;
+
+        &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the attribute has no names=
pace&lt;/dt&gt;
+
+         &lt;dd&gt;
+
+          &lt;p&gt;The attribute's serialized name is the attribute's lo=
cal name.&lt;/p&gt;
+
+          &lt;p class=3Dnote&gt;For attributes on &lt;a href=3D#html-ele=
ments&gt;HTML elements&lt;/a&gt; set by the &lt;a href=3D#html-parser&gt;=
HTML
+          parser&lt;/a&gt; or by &lt;code title=3D&quot;&quot;&gt;Elemen=
t.setAttribute()&lt;/code&gt;, the local name will be
+          lowercase.&lt;/p&gt;
+
+         &lt;/dd&gt;
+
+
+         &lt;dt&gt;If the attribute is in the &lt;a href=3D#xml-namespac=
e&gt;XML namespace&lt;/a&gt;&lt;/dt&gt;
+
+         &lt;dd&gt;&lt;p&gt;The attribute's serialized name is the strin=
g &quot;&lt;code title=3D&quot;&quot;&gt;xml:&lt;/code&gt;&quot; followed
+         by the attribute's local name.&lt;/dd&gt;
+
+
+         &lt;dt&gt;If the attribute is in the &lt;a href=3D#xmlns-namesp=
ace&gt;XMLNS namespace&lt;/a&gt; and the attribute's local name
+         is &lt;code title=3D&quot;&quot;&gt;xmlns&lt;/code&gt;&lt;/dt&g=
t;
+
+         &lt;dd&gt;&lt;p&gt;The attribute's serialized name is the strin=
g &quot;&lt;code title=3D&quot;&quot;&gt;xmlns&lt;/code&gt;&quot;.&lt;/dd=
&gt;
+
+
+         &lt;dt&gt;If the attribute is in the &lt;a href=3D#xmlns-namesp=
ace&gt;XMLNS namespace&lt;/a&gt; and the attribute's local name
+         is not &lt;code title=3D&quot;&quot;&gt;xmlns&lt;/code&gt;&lt;/=
dt&gt;
+
+         &lt;dd&gt;&lt;p&gt;The attribute's serialized name is the strin=
g &quot;&lt;code title=3D&quot;&quot;&gt;xmlns:&lt;/code&gt;&quot; follow=
ed by the attribute's local
+         name.&lt;/dd&gt;
+
+
+         &lt;dt&gt;If the attribute is in the &lt;a href=3D#xlink-namesp=
ace&gt;XLink namespace&lt;/a&gt;&lt;/dt&gt;
+
+         &lt;dd&gt;&lt;p&gt;The attribute's serialized name is the strin=
g &quot;&lt;code title=3D&quot;&quot;&gt;xlink:&lt;/code&gt;&quot;
+         followed by the attribute's local name.&lt;/dd&gt;
+
+
+         &lt;dt&gt;If the attribute is in some other namespace&lt;/dt&gt=
;
+
+         &lt;dd&gt;&lt;p&gt;The attribute's serialized name is the attri=
bute's qualified name.&lt;/dd&gt;
+
+        &lt;/dl&gt;&lt;p&gt;While the exact order of attributes is UA-de=
fined, and may depend on factors such as the
+        order that the attributes were given in the original markup, the=
 sort order must be stable,
+        such that consecutive invocations of this algorithm serialize an=
 element's attributes in the
+        same order.&lt;/p&gt;
+
+        &lt;p&gt;Append a U+003E GREATER-THAN SIGN character (&amp;gt;).=
&lt;/p&gt;
+
+        &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;current node&lt;/var=
&gt; is an &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&l=
t;/code&gt;, &lt;code&gt;&lt;a href=3D#the-base-element&gt;base&lt;/a&gt;=
&lt;/code&gt;,
+        &lt;code&gt;&lt;a href=3D#basefont&gt;basefont&lt;/a&gt;&lt;/cod=
e&gt;, &lt;code&gt;&lt;a href=3D#bgsound&gt;bgsound&lt;/a&gt;&lt;/code&gt=
;, &lt;code&gt;&lt;a href=3D#the-br-element&gt;br&lt;/a&gt;&lt;/code&gt;,=
 &lt;code&gt;&lt;a href=3D#the-col-element&gt;col&lt;/a&gt;&lt;/code&gt;,
+        &lt;code&gt;&lt;a href=3D#the-embed-element&gt;embed&lt;/a&gt;&l=
t;/code&gt;, &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/code&=
gt;, &lt;code&gt;&lt;a href=3D#the-hr-element&gt;hr&lt;/a&gt;&lt;/code&gt=
;, &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt=
;,
+        &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&l=
t;/code&gt;, &lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt;/a=
&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;=
/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-menuitem-element&gt;me=
nuitem&lt;/a&gt;&lt;/code&gt;,
+        &lt;code&gt;&lt;a href=3D#the-meta-element&gt;meta&lt;/a&gt;&lt;=
/code&gt;, &lt;code&gt;&lt;a href=3D#the-param-element&gt;param&lt;/a&gt;=
&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-source-element&gt;source&lt;=
/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-track-element&gt;track=
&lt;/a&gt;&lt;/code&gt; or
+        &lt;code&gt;&lt;a href=3D#the-wbr-element&gt;wbr&lt;/a&gt;&lt;/c=
ode&gt; element, then continue on to the next child node at this point.&l=
t;/p&gt;
+        &lt;!-- VOIDLIST superset --&gt;
+        &lt;!-- also, i guess: image and isindex, but we don't list thos=
e because we don't consider
+        those &quot;elements&quot;, more &quot;macros&quot;, and thus we=
 should never serialize them --&gt;
+
+        &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;current node&lt;/var=
&gt; is a &lt;code&gt;&lt;a href=3D#the-pre-element&gt;pre&lt;/a&gt;&lt;/=
code&gt;, &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/=
a&gt;&lt;/code&gt;, or
+        &lt;code&gt;&lt;a href=3D#listing&gt;listing&lt;/a&gt;&lt;/code&=
gt; element, and the first child node of the element, if any, is a
+        &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt;/code&gt; no=
de whose character data has as its first character a U+000A LINE FEED
+        (LF) character, then append a U+000A LINE FEED (LF) character.&l=
t;/p&gt;
+
+        &lt;p&gt;Append the value of running the &lt;a href=3D#html-frag=
ment-serialization-algorithm&gt;HTML fragment serialization algorithm&lt;=
/a&gt; on the
+        &lt;var title=3D&quot;&quot;&gt;current node&lt;/var&gt; element=
 (thus recursing into this algorithm for that
+        element), followed by a U+003C LESS-THAN SIGN character (&amp;lt=
;), a U+002F SOLIDUS character
+        (/), &lt;var title=3D&quot;&quot;&gt;tagname&lt;/var&gt; again, =
and finally a U+003E GREATER-THAN SIGN character
+        (&amp;gt;).&lt;/p&gt;
+
+       &lt;/dd&gt;
+
+
+       &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;current node&lt;/var=
&gt; is a &lt;code title=3D&quot;&quot;&gt;Text&lt;/code&gt; node&lt;/dt&=
gt;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;If the parent of &lt;var title=3D&quot;&quot;&gt;curren=
t node&lt;/var&gt; is a &lt;code&gt;&lt;a href=3D#the-style-element&gt;st=
yle&lt;/a&gt;&lt;/code&gt;,
+        &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;=
&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#xmp&gt;xmp&lt;/a&gt;&lt;/code&gt=
;, &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/c=
ode&gt;, &lt;code&gt;&lt;a href=3D#noembed&gt;noembed&lt;/a&gt;&lt;/code&=
gt;,
+        &lt;code&gt;&lt;a href=3D#noframes&gt;noframes&lt;/a&gt;&lt;/cod=
e&gt;, or &lt;code&gt;&lt;a href=3D#plaintext&gt;plaintext&lt;/a&gt;&lt;/=
code&gt; element, or if the parent of &lt;var title=3D&quot;&quot;&gt;cur=
rent node&lt;/var&gt; is a &lt;code&gt;&lt;a href=3D#the-noscript-element=
&gt;noscript&lt;/a&gt;&lt;/code&gt; element and &lt;a href=3D#concept-n-s=
cript title=3Dconcept-n-script&gt;scripting is enabled&lt;/a&gt; for the =
node, then append the value of
+        &lt;var title=3D&quot;&quot;&gt;current node&lt;/var&gt;'s &lt;c=
ode title=3D&quot;&quot;&gt;data&lt;/code&gt; IDL attribute literally.&lt=
;/p&gt;
+
+        &lt;p&gt;Otherwise, append the value of &lt;var title=3D&quot;&q=
uot;&gt;current node&lt;/var&gt;'s &lt;code title=3D&quot;&quot;&gt;data&=
lt;/code&gt; IDL attribute, &lt;a href=3D#escapingString title=3D&quot;es=
caping a string&quot;&gt;escaped as described
+        below&lt;/a&gt;.&lt;/p&gt;
+
+       &lt;/dd&gt;
+
+
+       &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;current node&lt;/var=
&gt; is a &lt;code title=3D&quot;&quot;&gt;Comment&lt;/code&gt;&lt;/dt&gt=
;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;Append the literal string &lt;code&gt;&amp;lt;!--&lt;/c=
ode&gt; (U+003C LESS-THAN SIGN, U+0021 EXCLAMATION
+        MARK, U+002D HYPHEN-MINUS, U+002D HYPHEN-MINUS), followed by the=
 value of &lt;var title=3D&quot;&quot;&gt;current node&lt;/var&gt;'s &lt;=
code title=3D&quot;&quot;&gt;data&lt;/code&gt; IDL attribute, followed by=
 the
+        literal string &lt;code&gt;--&amp;gt;&lt;/code&gt; (U+002D HYPHE=
N-MINUS, U+002D HYPHEN-MINUS, U+003E
+        GREATER-THAN SIGN).&lt;/p&gt;
+
+       &lt;/dd&gt;
+
+
+       &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;current node&lt;/var=
&gt; is a &lt;code title=3D&quot;&quot;&gt;ProcessingInstruction&lt;/code=
&gt;&lt;/dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;Append the literal string &lt;code&gt;&amp;lt;?&lt;/cod=
e&gt; (U+003C LESS-THAN SIGN, U+003F QUESTION
+        MARK), followed by the value of &lt;var title=3D&quot;&quot;&gt;=
current node&lt;/var&gt;'s &lt;code title=3D&quot;&quot;&gt;target&lt;/co=
de&gt; IDL attribute, followed by a single U+0020 SPACE character, follow=
ed
+        by the value of &lt;var title=3D&quot;&quot;&gt;current node&lt;=
/var&gt;'s &lt;code title=3D&quot;&quot;&gt;data&lt;/code&gt; IDL attribu=
te,
+        followed by a single U+003E GREATER-THAN SIGN character (&amp;gt=
;).&lt;/p&gt;
+
+       &lt;/dd&gt;
+
+
+       &lt;dt&gt;If &lt;var title=3D&quot;&quot;&gt;current node&lt;/var=
&gt; is a &lt;code title=3D&quot;&quot;&gt;DocumentType&lt;/code&gt;&lt;/=
dt&gt;
+
+       &lt;dd&gt;
+
+        &lt;p&gt;Append the literal string &lt;code&gt;&amp;lt;!DOCTYPE&=
lt;/code&gt; (U+003C LESS-THAN SIGN, U+0021
+        EXCLAMATION MARK, U+0044 LATIN CAPITAL LETTER D, U+004F LATIN CA=
PITAL LETTER O, U+0043 LATIN
+        CAPITAL LETTER C, U+0054 LATIN CAPITAL LETTER T, U+0059 LATIN CA=
PITAL LETTER Y, U+0050 LATIN
+        CAPITAL LETTER P, U+0045 LATIN CAPITAL LETTER E), followed by a =
space (U+0020 SPACE),
+        followed by the value of &lt;var title=3D&quot;&quot;&gt;current=
 node&lt;/var&gt;'s &lt;code title=3D&quot;&quot;&gt;name&lt;/code&gt; ID=
L
+        attribute, followed by the literal string &lt;code&gt;&amp;gt;&l=
t;/code&gt; (U+003E GREATER-THAN SIGN).&lt;/p&gt;
+
+       &lt;/dd&gt;
+
+
+      &lt;/dl&gt;&lt;!--
+      &lt;p&gt;Other node types (e.g. &lt;code title=3D&quot;&quot;&gt;A=
ttr&lt;/code&gt;) cannot occur as children of elements.
+      If, despite this, they somehow do occur, this algorithm must throw=
 an
+      &lt;code&gt;InvalidStateError&lt;/code&gt; exception.&lt;/p&gt;
+      --&gt;&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;The result of the algorithm is the string &lt;var =
title=3D&quot;&quot;&gt;s&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dwarning&gt;It is possible that the output of =
this algorithm, if parsed with an &lt;a href=3D#html-parser&gt;HTML
+  parser&lt;/a&gt;, will not return the original tree structure.&lt;/p&g=
t;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For instance, if a &lt;code&gt;&lt;a href=3D#the-textarea-el=
ement&gt;textarea&lt;/a&gt;&lt;/code&gt; element to which a &lt;code titl=
e=3D&quot;&quot;&gt;Comment&lt;/code&gt; node
+   has been appended is serialized and the output is then reparsed, the =
comment will end up being
+   displayed in the text field. Similarly, if, as a result of DOM manipu=
lation, an element contains
+   a comment that contains the literal string &quot;&lt;code title=3D&qu=
ot;&quot;&gt;--&amp;gt;&lt;/code&gt;&quot;, then when the result
+   of serializing the element is parsed, the comment will be truncated a=
t that point and the rest of
+   the comment will be interpreted as markup. More examples would be mak=
ing a &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt=
;/code&gt;
+   element contain a &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt=
;/code&gt; node with the text string &quot;&lt;code&gt;&amp;lt;/script&am=
p;gt;&lt;/code&gt;&quot;, or
+   having a &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/c=
ode&gt; element that contains a &lt;code&gt;&lt;a href=3D#the-ul-element&=
gt;ul&lt;/a&gt;&lt;/code&gt; element (as the &lt;code&gt;&lt;a href=3D#th=
e-ul-element&gt;ul&lt;/a&gt;&lt;/code&gt;
+   element's &lt;a href=3D#syntax-start-tag title=3Dsyntax-start-tag&gt;=
start tag&lt;/a&gt; would imply the end tag for the
+   &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt;).=
&lt;/p&gt;
+
+   &lt;p&gt;This can enable cross-site scripting attacks. An example of =
this would be a page that lets the
+   user enter some font family names that are then inserted into a CSS &=
lt;code&gt;&lt;a href=3D#the-style-element&gt;style&lt;/a&gt;&lt;/code&gt=
; block via
+   the DOM and which then uses the &lt;code title=3Ddom-innerHTML&gt;&lt=
;a href=3D#dom-innerhtml&gt;innerHTML&lt;/a&gt;&lt;/code&gt; IDL attribut=
e to get
+   the HTML serialization of that &lt;code&gt;&lt;a href=3D#the-style-el=
ement&gt;style&lt;/a&gt;&lt;/code&gt; element: if the user enters
+   &quot;&lt;code&gt;&amp;lt;/style&amp;gt;&amp;lt;script&amp;gt;attack&=
amp;lt;/script&amp;gt;&lt;/code&gt;&quot; as a font family name, &lt;code=
 title=3Ddom-innerHTML&gt;&lt;a href=3D#dom-innerhtml&gt;innerHTML&lt;/a&=
gt;&lt;/code&gt; will return markup that, if parsed in a different contex=
t,
+   would contain a &lt;code&gt;&lt;a href=3D#the-script-element&gt;scrip=
t&lt;/a&gt;&lt;/code&gt; node, even though no &lt;code&gt;&lt;a href=3D#t=
he-script-element&gt;script&lt;/a&gt;&lt;/code&gt; node existed in the
+   original DOM.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;&lt;dfn id=3DescapingString&gt;Escaping a string&lt;/dfn&gt; =
(for the purposes of the algorithm above)
+  consists of running the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Replace any occurrence of the &quot;&lt;c=
ode title=3D&quot;&quot;&gt;&amp;amp;&lt;/code&gt;&quot; character by the=
 string &quot;&lt;code title=3D&quot;&quot;&gt;&amp;amp;amp;&lt;/code&gt;=
&quot;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Replace any occurrences of the U+00A0 NO-BREAK SPA=
CE character by the string &quot;&lt;code title=3D&quot;&quot;&gt;&amp;am=
p;nbsp;&lt;/code&gt;&quot;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the algorithm was invoked in the &lt;i&gt;attri=
bute mode&lt;/i&gt;, replace any occurrences of the
+   &quot;&lt;code title=3D&quot;&quot;&gt;&quot;&lt;/code&gt;&quot; char=
acter by the string &quot;&lt;code title=3D&quot;&quot;&gt;&amp;amp;quot;=
&lt;/code&gt;&quot;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the algorithm was &lt;em&gt;not&lt;/em&gt; invo=
ked in the &lt;i&gt;attribute mode&lt;/i&gt;, replace any
+   occurrences of the &quot;&lt;code title=3D&quot;&quot;&gt;&amp;lt;&lt=
;/code&gt;&quot; character by the string &quot;&lt;code title=3D&quot;&qu=
ot;&gt;&amp;amp;lt;&lt;/code&gt;&quot;, and any occurrences of the &quot;=
&lt;code title=3D&quot;&quot;&gt;&amp;gt;&lt;/code&gt;&quot; character by
+   the string &quot;&lt;code title=3D&quot;&quot;&gt;&amp;amp;gt;&lt;/co=
de&gt;&quot;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;h3 id=3Dparsing-html-fragments&gt;&lt;span class=3Dsecn=
o&gt;12.4 &lt;/span&gt;Parsing HTML fragments&lt;/h3&gt;
+
+  &lt;p&gt;The following steps form the &lt;dfn id=3Dhtml-fragment-parsi=
ng-algorithm&gt;HTML fragment parsing algorithm&lt;/dfn&gt;. The algorith=
m
+  optionally takes as input an &lt;code&gt;&lt;a href=3D#element&gt;Elem=
ent&lt;/a&gt;&lt;/code&gt; node, referred to as the &lt;dfn id=3Dconcept-=
frag-parse-context title=3Dconcept-frag-parse-context&gt;&lt;var&gt;conte=
xt&lt;/var&gt;&lt;/dfn&gt; element, which gives the context for
+  the parser, as well as &lt;var title=3D&quot;&quot;&gt;input&lt;/var&g=
t;, a string to parse, and returns a list of zero or
+  more nodes.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Parts marked &lt;dfn id=3Dfragment-case&gt;fragm=
ent case&lt;/dfn&gt; in algorithms in the parser section are
+  parts that only occur if the parser was created for the purposes of th=
is algorithm (and with a
+  &lt;var title=3Dconcept-frag-parse-context&gt;&lt;a href=3D#concept-fr=
ag-parse-context&gt;context&lt;/a&gt;&lt;/var&gt; element). The algorithm=
s have been annotated
+  with such markings for informational purposes only; such markings have=
 no normative weight. If it
+  is possible for a condition described as a &lt;a href=3D#fragment-case=
&gt;fragment case&lt;/a&gt; to occur even when the
+  parser wasn't created for the purposes of handling this algorithm, the=
n that is an error in the
+  specification.&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;Create a new &lt;code&gt;&lt;a href=3D#document&gt;Document=
&lt;/a&gt;&lt;/code&gt; node, and mark it as being an &lt;a href=3D#html-=
documents title=3D&quot;HTML
+    documents&quot;&gt;HTML document&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If there is a &lt;var title=3Dconcept-frag-parse-context&gt=
;&lt;a href=3D#concept-frag-parse-context&gt;context&lt;/a&gt;&lt;/var&gt=
; element, and the
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; of the &lt;var title=3Dconcept-frag-parse-context&gt;&lt;a href=3D#conc=
ept-frag-parse-context&gt;context&lt;/a&gt;&lt;/var&gt; element is in
+    &lt;a href=3D#quirks-mode&gt;quirks mode&lt;/a&gt;, then let the &lt=
;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; be in =
&lt;a href=3D#quirks-mode&gt;quirks mode&lt;/a&gt;.
+    Otherwise, if there is a &lt;var title=3Dconcept-frag-parse-context&=
gt;&lt;a href=3D#concept-frag-parse-context&gt;context&lt;/a&gt;&lt;/var&=
gt; element, and the
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; of the &lt;var title=3Dconcept-frag-parse-context&gt;&lt;a href=3D#conc=
ept-frag-parse-context&gt;context&lt;/a&gt;&lt;/var&gt; element is in
+    &lt;a href=3D#limited-quirks-mode&gt;limited-quirks mode&lt;/a&gt;, =
then let the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;=
/code&gt; be in &lt;a href=3D#limited-quirks-mode&gt;limited-quirks
+    mode&lt;/a&gt;. Otherwise, leave the &lt;code&gt;&lt;a href=3D#docum=
ent&gt;Document&lt;/a&gt;&lt;/code&gt; in &lt;a href=3D#no-quirks-mode&gt=
;no-quirks mode&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Create a new &lt;a href=3D#html-parser&gt;HTML parser&lt;/a=
&gt;, and associate it with the just created
+    &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt=
; node.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If there is a &lt;var title=3Dconcept-frag-parse-context&gt=
;&lt;a href=3D#concept-frag-parse-context&gt;context&lt;/a&gt;&lt;/var&gt=
; element, run these
+    substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;Set the state of the &lt;a href=3D#html-parser&gt;HTML pa=
rser&lt;/a&gt;'s &lt;a href=3D#tokenization&gt;tokenization&lt;/a&gt; sta=
ge as
+      follows:&lt;/p&gt;
+
+      &lt;dl class=3Dswitch&gt;&lt;dt&gt;If it is a &lt;code&gt;&lt;a hr=
ef=3D#the-title-element&gt;title&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&l=
t;a href=3D#the-textarea-element&gt;textarea&lt;/a&gt;&lt;/code&gt; eleme=
nt&lt;/dt&gt;
+
+       &lt;dd&gt;Switch the tokenizer to the &lt;a href=3D#rcdata-state&=
gt;RCDATA state&lt;/a&gt;.&lt;/dd&gt;
+
+
+       &lt;dt&gt;If it is a &lt;code&gt;&lt;a href=3D#the-style-element&=
gt;style&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#xmp&gt;xmp&lt;=
/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;ifra=
me&lt;/a&gt;&lt;/code&gt;,
+       &lt;code&gt;&lt;a href=3D#noembed&gt;noembed&lt;/a&gt;&lt;/code&g=
t;, or &lt;code&gt;&lt;a href=3D#noframes&gt;noframes&lt;/a&gt;&lt;/code&=
gt; element&lt;/dt&gt;
+
+       &lt;dd&gt;Switch the tokenizer to the &lt;a href=3D#rawtext-state=
&gt;RAWTEXT state&lt;/a&gt;.&lt;/dd&gt;
+
+
+       &lt;dt&gt;If it is a &lt;code&gt;&lt;a href=3D#the-script-element=
&gt;script&lt;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+       &lt;dd&gt;Switch the tokenizer to the &lt;a href=3D#script-data-s=
tate&gt;script data state&lt;/a&gt;.&lt;/dd&gt;
+
+
+       &lt;dt&gt;If it is a &lt;code&gt;&lt;a href=3D#the-noscript-eleme=
nt&gt;noscript&lt;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+       &lt;dd&gt;If the &lt;a href=3D#scripting-flag&gt;scripting flag&l=
t;/a&gt; is enabled, switch the tokenizer to the &lt;a href=3D#rawtext-st=
ate&gt;RAWTEXT
+       state&lt;/a&gt;. Otherwise, leave the tokenizer in the &lt;a href=
=3D#data-state&gt;data state&lt;/a&gt;.&lt;/dd&gt;
+
+
+       &lt;dt&gt;If it is a &lt;code&gt;&lt;a href=3D#plaintext&gt;plain=
text&lt;/a&gt;&lt;/code&gt; element&lt;/dt&gt;
+
+       &lt;dd&gt;Switch the tokenizer to the &lt;a href=3D#plaintext-sta=
te&gt;PLAINTEXT state&lt;/a&gt;.&lt;/dd&gt;
+
+
+       &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+       &lt;dd&gt;Leave the tokenizer in the &lt;a href=3D#data-state&gt;=
data state&lt;/a&gt;.&lt;/dd&gt;
+
+      &lt;/dl&gt;&lt;p class=3Dnote&gt;For performance reasons, an imple=
mentation that does not report errors and
+      that uses the actual state machine described in this specification=
 directly could use the
+      PLAINTEXT state instead of the RAWTEXT and script data states wher=
e those are mentioned in the
+      list above. Except for rules regarding parse errors, they are equi=
valent, since there is no
+      &lt;a href=3D#appropriate-end-tag-token&gt;appropriate end tag tok=
en&lt;/a&gt; in the fragment case, yet they involve far fewer state
+      transitions.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;root&lt;/var&gt; be a=
 new &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/cod=
e&gt; element with no attributes.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Append the element &lt;var title=3D&quot;&quot;&gt;root&l=
t;/var&gt; to the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt; node created
+      above.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Set up the parser's &lt;a href=3D#stack-of-open-elements&=
gt;stack of open elements&lt;/a&gt; so that it contains just the single
+      element &lt;var title=3D&quot;&quot;&gt;root&lt;/var&gt;.&lt;/p&gt=
;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;If the &lt;var title=3Dconcept-frag-parse-context&gt;&lt;=
a href=3D#concept-frag-parse-context&gt;context&lt;/a&gt;&lt;/var&gt; ele=
ment is a
+      &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/a&g=
t;&lt;/code&gt; element, push &quot;&lt;a href=3D#parsing-main-intemplate=
 title=3D&quot;insertion mode: in template&quot;&gt;in
+      template&lt;/a&gt;&quot; onto the &lt;a href=3D#stack-of-template-=
insertion-modes&gt;stack of template insertion modes&lt;/a&gt; so that it=
 is the new
+      &lt;a href=3D#current-template-insertion-mode&gt;current template =
insertion mode&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;&lt;a href=3D#reset-the-insertion-mode-appropriately titl=
e=3D&quot;reset the insertion mode appropriately&quot;&gt;Reset the parse=
r's insertion mode
+      appropriately&lt;/a&gt;.&lt;/p&gt;
+
+      &lt;p class=3Dnote&gt;The parser will reference the &lt;var title=3D=
concept-frag-parse-context&gt;&lt;a href=3D#concept-frag-parse-context&gt=
;context&lt;/a&gt;&lt;/var&gt; element as part of that algorithm.&lt;/p&g=
t;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;Set the parser's &lt;a href=3D#form-element-pointer&gt;&l=
t;code&gt;form&lt;/code&gt; element pointer&lt;/a&gt; to the nearest node=
 to the
+      &lt;var title=3Dconcept-frag-parse-context&gt;&lt;a href=3D#concep=
t-frag-parse-context&gt;context&lt;/a&gt;&lt;/var&gt; element that is a &=
lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&gt;
+      element (going straight up the ancestor chain, and including the e=
lement itself, if it is a
+      &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/c=
ode&gt; element), or, if there is no such &lt;code&gt;&lt;a href=3D#the-f=
orm-element&gt;form&lt;/a&gt;&lt;/code&gt; element, to null.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Place into the &lt;a href=3D#input-stream&gt;input stream&l=
t;/a&gt; for the &lt;a href=3D#html-parser&gt;HTML parser&lt;/a&gt; just =
created the
+    &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt;. The encoding &lt;=
a href=3D#concept-encoding-confidence title=3Dconcept-encoding-confidence=
&gt;confidence&lt;/a&gt; is &lt;i&gt;irrelevant&lt;/i&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Start the parser and let it run until it has consumed all t=
he characters just inserted into
+    the input stream.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If there is a &lt;var title=3Dconcept-frag-parse-context&gt=
;&lt;a href=3D#concept-frag-parse-context&gt;context&lt;/a&gt;&lt;/var&gt=
; element, return the child
+    nodes of &lt;var title=3D&quot;&quot;&gt;root&lt;/var&gt;, in &lt;a =
href=3D#tree-order&gt;tree order&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, return the children of the &lt;code&gt;&lt;a hre=
f=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; object, in &lt;a href=3D=
#tree-order&gt;tree
+    order&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+
+  &lt;h3 id=3Dnamed-character-references&gt;&lt;span class=3Dsecno&gt;12=
.5 &lt;/span&gt;&lt;dfn&gt;Named character references&lt;/dfn&gt;&lt;/h3&=
gt;
+
+  &lt;p&gt;This table lists the character reference names that are suppo=
rted by HTML, and the code points
+  to which they refer. It is referenced by the previous sections.&lt;/p&=
gt;
+
+  &lt;div id=3Dnamed-character-references-table&gt;
+   &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt; Name &lt;/th&gt; &lt;t=
h&gt; Character(s) &lt;/th&gt; &lt;th&gt; Glyph &lt;/th&gt; &lt;tbody&gt;=
&lt;tr id=3Dentity-Aacute&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
Aacute;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000C1 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Aacute;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-Aacute-legacy class=3Dimpl&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;Aacute&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+000C1 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;=
Aacute;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with =
missing semicolon for legacy support only) --&gt;&lt;tr id=3Dentity-aacut=
e&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;aacute;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+000E1 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;aacute;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-aacute-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;aacute&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000E1 &lt;/td&gt; &l=
t;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;aacute;&lt;/span&gt; &lt;/=
td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for lega=
cy support only) --&gt;&lt;tr id=3Dentity-Abreve&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;Abreve;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0010=
2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;Abreve;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-abreve&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;abreve;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+00103 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;abreve;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ac&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ac;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+0223E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;ac;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-a=
cd&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;acd;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+0223F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;acd;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-acE&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;acE;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+0223E U+00333 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;ac;&amp;#x3=
33;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Acirc&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;Acirc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
000C2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;Acirc;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Acirc-legacy c=
lass=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Acirc&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+000C2 &lt;/td&gt; &lt;td&gt; &lt;span title=
=3D&quot;&quot;&gt;&amp;Acirc;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-=
- (invalid entity with missing semicolon for legacy support only) --&gt;&=
lt;tr id=3Dentity-acirc&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ac=
irc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000E2 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;acirc;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-acirc-legacy class=3Dimpl&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;acirc&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
000E2 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;acirc;=
&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing=
 semicolon for legacy support only) --&gt;&lt;tr id=3Dentity-acute&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;acute;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+000B4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;acute;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-a=
cute-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;a=
cute&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000B4 &lt;/td&gt; &lt;td&gt; &=
lt;span title=3D&quot;&quot;&gt;&amp;acute;&lt;/span&gt; &lt;/td&gt; &lt;=
/tr&gt;&lt;!-- (invalid entity with missing semicolon for legacy support =
only) --&gt;&lt;tr id=3Dentity-Acy&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;Acy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00410 &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Acy;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-acy&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;acy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00430 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;acy;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-AElig&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;AElig;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000C6 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;AElig;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-AElig-legacy class=3D=
impl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;AElig&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+000C6 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quo=
t;&quot;&gt;&amp;AElig;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (inva=
lid entity with missing semicolon for legacy support only) --&gt;&lt;tr i=
d=3Dentity-aelig&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;aelig;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+000E6 &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;aelig;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-aelig-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;aelig&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000E6 &=
lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;aelig;&lt;/sp=
an&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semico=
lon for legacy support only) --&gt;&lt;tr id=3Dentity-af&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;af;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
02061 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;af;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Afr&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;Afr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+1D504 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;Afr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-afr&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;afr;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+1D51E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;afr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Agrave&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Agrave;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+000C0 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;Agrave;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-Agrave-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;Agrave&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000C0 &lt;/td&gt; &l=
t;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;Agrave;&lt;/span&gt; &lt;/=
td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for lega=
cy support only) --&gt;&lt;tr id=3Dentity-agrave&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;agrave;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000E=
0 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;agrave;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-agrave-legacy cla=
ss=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;agrave&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+000E0 &lt;/td&gt; &lt;td&gt; &lt;span title=3D=
&quot;&quot;&gt;&amp;agrave;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- =
(invalid entity with missing semicolon for legacy support only) --&gt;&lt=
;tr id=3Dentity-alefsym&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;al=
efsym;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02135 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;aleph;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-aleph&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;aleph;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02135 &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;aleph;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Alpha&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;Alpha;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00391 =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;Alpha;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-alpha&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;alpha;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+003B1 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;alpha;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Amacr&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Amacr;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+00100 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;Amacr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentit=
y-amacr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;amacr;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+00101 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;amacr;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-amalg&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;amalg;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A3F &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;amalg;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-AMP&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;AMP;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00026 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;amp;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-AMP-legacy class=3Dimpl&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;AMP&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0002=
6 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;amp;&lt;/s=
pan&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semic=
olon for legacy support only) --&gt;&lt;tr id=3Dentity-amp&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;amp;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+00026 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;amp;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-amp-legacy cl=
ass=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;amp&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+00026 &lt;/td&gt; &lt;td&gt; &lt;span title=3D=
&quot;&quot;&gt;&amp;amp;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (in=
valid entity with missing semicolon for legacy support only) --&gt;&lt;tr=
 id=3Dentity-And&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;And;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+02A53 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;And;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-and&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;and;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02227 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;wedge;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-andand&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;andand;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A55 &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;andand;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-andd&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;andd;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A5C &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;andd;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-andslope&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;andslope;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+02A58 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;andslope;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-andv&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;andv;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+02A5A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;andv;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-an=
g&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ang;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+02220 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;angle;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-ange&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ange;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+029A4 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;ange;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-angle&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;angle;&l=
t;/code&gt; &lt;/td&gt; &lt;td&gt; U+02220 &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3Dglyph title=3D&quot;&quot;&gt;&amp;angle;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-angmsd&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;angmsd;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02221 &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;angmsd;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-angmsdaa&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;angmsdaa;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029A8=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;angmsdaa;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-angmsdab&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;angmsdab;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+029A9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;angmsdab;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentit=
y-angmsdac&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;angmsdac;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+029AA &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;angmsdac;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-angmsdad&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;angmsdad;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029AB &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;angmsdad;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-angmsdae&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;angmsdae;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
029AC &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;angmsdae;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-angmsdaf&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;angmsdaf;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+029AD &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;angmsdaf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-angmsdag&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;angmsdag;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029AE &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;angmsdag;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-angmsdah&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;angmsdah;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029AF &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;angmsda=
h;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-angrt&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;angrt;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
221F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;angrt;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-angrtvb&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;angrtvb;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+022BE &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;angrtvb;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-angrtvbd&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;angrtvbd;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+0299D &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;angrtvbd;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-angsph&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;angsph;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02222 &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;angsph;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-angst&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;angst;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000C5 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;angst=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-angzarr&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;angzarr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+0237C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;angzarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Aogon&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Aogon;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+00104 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;Aogon;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-a=
ogon&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;aogon;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+00105 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;aogon;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-Aopf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Aopf;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+1D538 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;Aopf;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-aopf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;aop=
f;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D552 &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;aopf;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-ap&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;ap;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02248 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;thkap;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-apacir&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;apacir;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A6F &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;apacir;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-apE&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;apE;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A70 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;apE;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ape&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;ape;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
24A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;approxeq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-apid&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;apid;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+0224B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;apid;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-apos&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;apos;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+00027 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;'&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ApplyF=
unction&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ApplyFunction;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+02061 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;af;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-approx&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;a=
pprox;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02248 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;thkap;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-approxeq&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;approxeq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0224A &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;app=
roxeq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Aring&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;Aring;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+000C5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;angst;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Aring-legac=
y class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Aring&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+000C5 &lt;/td&gt; &lt;td&gt; &lt;span ti=
tle=3D&quot;&quot;&gt;&amp;angst;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt=
;!-- (invalid entity with missing semicolon for legacy support only) --&g=
t;&lt;tr id=3Dentity-aring&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;aring;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000E5 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;aring;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-aring-legacy class=3Dimpl&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;aring&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+000E5 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;ari=
ng;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with miss=
ing semicolon for legacy support only) --&gt;&lt;tr id=3Dentity-Ascr&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Ascr;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+1D49C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;Ascr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-as=
cr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ascr;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+1D4B6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;ascr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-Assign&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Assign;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+02254 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;coloneq;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-ast&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;a=
st;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0002A &lt;/td&gt; &lt;td&gt; &l=
t;span class=3Dglyph title=3D&quot;&quot;&gt;*&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-asymp&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;as=
ymp;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02248 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;thkap;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-asympeq&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;asympeq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0224D &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;asympeq=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Atilde&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;Atilde;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
000C3 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;Atilde;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Atilde-legacy=
 class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Atilde&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+000C3 &lt;/td&gt; &lt;td&gt; &lt;span ti=
tle=3D&quot;&quot;&gt;&amp;Atilde;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&l=
t;!-- (invalid entity with missing semicolon for legacy support only) --&=
gt;&lt;tr id=3Dentity-atilde&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;atilde;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000E3 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;atilde;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-atilde-legacy class=3Dimpl&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;atilde&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+000E3 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&a=
mp;atilde;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity wi=
th missing semicolon for legacy support only) --&gt;&lt;tr id=3Dentity-Au=
ml&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Auml;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+000C4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;Auml;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-Auml-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;Auml&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000C4 &lt;/td&gt; &lt;td&=
gt; &lt;span title=3D&quot;&quot;&gt;&amp;Auml;&lt;/span&gt; &lt;/td&gt; =
&lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for legacy supp=
ort only) --&gt;&lt;tr id=3Dentity-auml&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;auml;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000E4 &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;auml;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-auml-legacy class=3Dimpl&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;auml&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+000E4 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt=
;&amp;auml;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity w=
ith missing semicolon for legacy support only) --&gt;&lt;tr id=3Dentity-a=
wconint&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;awconint;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+02233 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;awconint;&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-awint&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;a=
wint;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A11 &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;awint;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-backcong&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;backcong;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0224C &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;bcon=
g;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-backepsilon&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;backepsilon;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+003F6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;backepsilon;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-backprime&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;backprime;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+02035 &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;bprime;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-backsim&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;backsim;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0223D &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;backsim;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-backsimeq&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;backsimeq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
022CD &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;backsimeq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Backslash&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Backslash;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+02216 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;smallsetminus;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-Barv&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Barv=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AE7 &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Barv;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-barvee&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;barvee;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022BD &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;barvee;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-Barwed&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;Barwed;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02306 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;doublebarwedge;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-barwed&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;barwed;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+02305 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;barwedge;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentit=
y-barwedge&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;barwedge;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+02305 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;barwedge;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-bbrk&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;bbrk;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+023B5 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;bbrk;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-bbrktbrk&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;bbrktbrk;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+023B6 &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;bbrk=
tbrk;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-bcong&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;bcong;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+0224C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;bcong;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Bcy&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;Bcy;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+00411 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;Bcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-bcy&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;bcy;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+00431 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;bcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-bdq=
uo&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;bdquo;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+0201E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;ldquor;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-becaus&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;becaus;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+02235 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;becaus;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-Because&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;Because;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02235 &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;becaus;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-because&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;because;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02235 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;becaus;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-bemptyv&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;bemptyv;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+029B0 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;bemptyv;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-bep=
si&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;bepsi;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+003F6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;backepsilon;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-bernou&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;berno=
u;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0212C &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;bernou;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-Bernoullis&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;Bernoullis;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0212C &lt;=
/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;be=
rnou;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Beta&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;Beta;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
00392 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;Beta;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-beta&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;beta;&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+003B2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot=
;&quot;&gt;&amp;beta;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-beth&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;beth;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+02136 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;beth;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-between&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;between;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+0226C &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;between;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-Bfr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Bfr;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D505 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;Bfr;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-bfr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;bfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D51F &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;bfr;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-bigcap&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;bigcap;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022C2 &lt;/td&gt; =
&lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;bigcap;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-bigcirc&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;bigcirc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
5EF &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;xcirc;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-bigcup&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;bigcup;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+022C3 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;xcup;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-bigo=
dot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;bigodot;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+02A00 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;bigodot;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-bigoplus&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;bigo=
plus;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A01 &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;bigoplus;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-bigotimes&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;bigotimes;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A02 &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
xotime;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-bigsqcup&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;bigsqcup;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+02A06 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;bigsqcup;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-b=
igstar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;bigstar;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+02605 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;bigstar;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-bigtriangledown&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;bigtriangledown;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+025BD &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;xdtri=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-bigtriangleup&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;bigtriangleup;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+025B3 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;bigtriangleup;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-biguplus&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;biguplus;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A04 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;xuplus;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-bigvee&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;bigvee;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022C1 &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;bigvee;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-bigwedge&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;bigwedge;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022=
C0 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;=
&amp;xwedge;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-bkarow&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;bkarow;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+0290D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;rbarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-bla=
cklozenge&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;blacklozenge;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+029EB &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;lozf;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-blacksquare&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;blacksquare;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+025AA &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;blacksq=
uare;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-blacktriangle&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;blacktriangle;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+025B4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;utrif;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-blacktriangledown&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;blac=
ktriangledown;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+025BE &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;blacktriangl=
edown;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-blacktriangleleft&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;blacktriangleleft;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+025C2 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;blacktriangleleft;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-blacktriangleright&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;blacktriangleright;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+025B8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;blacktriangleright;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
blank&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;blank;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+02423 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;blank;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-blk12&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;blk12;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+02592 &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;blk12;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-blk14&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;blk14;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02591 &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;blk14;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-blk34&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;blk34;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02593 &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;blk34;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-block&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;block;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0258=
8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;block;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-bne&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;bne;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+0003D U+020E5 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph comp=
ound&quot; title=3D&quot;&quot;&gt;=3D&amp;#x20e5;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-bnequiv&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;bnequiv;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02261 U+020E5 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&quot;=
&quot;&gt;&amp;equiv;&amp;#x20e5;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-bNot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;bNot;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+02AED &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;bNot;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-bnot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;bnot;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+02310 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;bnot;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-Bopf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;B=
opf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D539 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Bopf;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-bopf&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;bopf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D553 &lt;/td&gt; &lt;=
td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;bopf;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-bot&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;bot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022A5 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;bottom;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-bottom&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;bottom;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
2A5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;bottom;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-bowtie&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;bowtie;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+022C8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;&amp;bowtie;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-b=
oxbox&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;boxbox;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+029C9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;boxbox;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-boxDL&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;boxDL;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02557 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;boxDL;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-boxDl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;boxDl;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02556 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;boxDl;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-boxdL&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;boxdL;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02555 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;boxdL=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-boxdl&gt;&lt;td&gt; &lt;cod=
e title=3D&quot;&quot;&gt;boxdl;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
510 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;boxdl;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-boxDR&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;boxDR;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+02554 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;boxDR;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-boxDr=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;boxDr;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+02553 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;boxDr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-boxdR&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;boxdR;&lt;/cod=
e&gt; &lt;/td&gt; &lt;td&gt; U+02552 &lt;/td&gt; &lt;td&gt; &lt;span clas=
s=3Dglyph title=3D&quot;&quot;&gt;&amp;boxdR;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-boxdr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;box=
dr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0250C &lt;/td&gt; &lt;td&gt; &l=
t;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;boxdr;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-boxH&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;boxH;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02550 &lt;/td&gt; &lt;=
td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;boxH;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-boxh&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;boxh;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02500 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;boxh;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-boxHD&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;boxHD;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0256=
6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;boxHD;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-boxHd&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;boxHd;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+02564 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;boxHd;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-boxhD&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;boxhD;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+02565 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;boxhD;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-boxhd&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;boxhd;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+0252C &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;boxhd;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-boxHU&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;boxHU;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02569 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;boxHU;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-boxHu&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;boxHu;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02567 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;boxHu;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-boxhU&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;boxhU;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02568 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;boxhU=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-boxhu&gt;&lt;td&gt; &lt;cod=
e title=3D&quot;&quot;&gt;boxhu;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
534 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;boxhu;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-boxminus&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;boxminus;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+0229F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;minusb;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
boxplus&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;boxplus;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+0229E &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;boxplus;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-boxtimes&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;bo=
xtimes;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022A0 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;timesb;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-boxUL&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;boxUL;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0255D &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;boxUL;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-boxUl&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;boxUl;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0255=
C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;boxUl;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-boxuL&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;boxuL;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+0255B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;boxuL;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-boxul&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;boxul;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+02518 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;boxul;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-boxUR&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;boxUR;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+0255A &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;boxUR;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-boxUr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;boxUr;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02559 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;boxUr;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-boxuR&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;boxuR;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02558 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;boxuR;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-boxur&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;boxur;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02514 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;boxur=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-boxV&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;boxV;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0255=
1 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;boxV;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-boxv&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;boxv;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+02502 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;boxv;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-boxVH&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;boxVH;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+0256C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;boxVH;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-b=
oxVh&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;boxVh;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+0256B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;boxVh;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-boxvH&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;boxvH;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+0256A &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;boxvH;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-boxvh&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;boxvh;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0253C &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;boxvh;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-boxVL&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;boxVL;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02563 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;boxVL;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-boxVl&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;boxVl;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02562=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;boxVl;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-boxvL&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;boxvL;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+02561 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;boxvL;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-boxvl&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;boxvl;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+02524 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;boxvl;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-boxVR&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;boxVR;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+02560 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;boxVR;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-boxVr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;boxVr;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0255F &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;boxVr;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-boxvR&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;boxvR;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0255E &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;boxvR;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-boxvr&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;boxvr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0251C &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;boxvr=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-bprime&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;bprime;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
02035 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;bprime;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Breve&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;Breve;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+002D8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;&amp;breve;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-br=
eve&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;breve;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+002D8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;breve;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-brvbar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;brvbar;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+000A6 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;brvbar;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-brvbar-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;brvbar&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000A6 =
&lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;brvbar;&lt;/=
span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semi=
colon for legacy support only) --&gt;&lt;tr id=3Dentity-Bscr&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;Bscr;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+0212C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;bernou;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-bscr&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;bscr;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+1D4B7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;bscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-bsemi&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;bsemi;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+0204F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;bsemi;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-bsim&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;bsim;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+0223D &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;backsim;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-bsime&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;bsime;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022CD &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;backsimeq;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-bsol&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;bsol;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0005C &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;\&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-bsolb&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;bsolb;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029C5 &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;bsol=
b;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-bsolhsub&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;bsolhsub;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+027C8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;bsolhsub;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-bull&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;bull;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+02022 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;bullet;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-bullet&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;bullet;&lt;/cod=
e&gt; &lt;/td&gt; &lt;td&gt; U+02022 &lt;/td&gt; &lt;td&gt; &lt;span clas=
s=3Dglyph title=3D&quot;&quot;&gt;&amp;bullet;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-bump&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;bum=
p;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0224E &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;bump;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-bumpE&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;bumpE;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AAE &lt;/td&gt; &lt;=
td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;bumpE;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-bumpe&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;bumpe;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0224F &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;bump=
eq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Bumpeq&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;Bumpeq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+0224E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;bump;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-bumpeq&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;bumpeq;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+0224F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;bumpeq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
Cacute&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Cacute;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+00106 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;Cacute;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-cacute&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;cacut=
e;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00107 &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;cacute;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-Cap&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;Cap;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022D2 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Cap;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-cap&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;cap;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02229 &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;cap;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-capand&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;capand;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A44 &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
capand;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-capbrcup&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;capbrcup;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+02A49 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;capbrcup;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-c=
apcap&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;capcap;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+02A4B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;capcap;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-capcup&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;capcup=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A47 &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;capcup;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-capdot&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;capdot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A40 &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;capdot;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-CapitalDifferentialD&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;CapitalDifferentialD;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+02145 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;DD;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-caps&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;caps;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+02229 U+0FE00 &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;cap;&am=
p;#xfe00;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-caret&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;caret;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+02041 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;caret;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-caron&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;caron;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+002C7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;caron;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-Cayleys&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Cayleys;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+0212D &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;Cayleys;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-ccaps&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
ccaps;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A4D &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ccaps;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-Ccaron&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;Ccaron;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0010C &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Ccaron;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ccaron&gt;&lt;td&gt; &lt;cod=
e title=3D&quot;&quot;&gt;ccaron;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
010D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;ccaron;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Ccedil&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;Ccedil;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+000C7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;Ccedil;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
Ccedil-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;Ccedil&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000C7 &lt;/td&gt; &lt;td&gt=
; &lt;span title=3D&quot;&quot;&gt;&amp;Ccedil;&lt;/span&gt; &lt;/td&gt; =
&lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for legacy supp=
ort only) --&gt;&lt;tr id=3Dentity-ccedil&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;ccedil;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000E7 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;cce=
dil;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ccedil-legacy class=3Dim=
pl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ccedil&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+000E7 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot=
;&quot;&gt;&amp;ccedil;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (inva=
lid entity with missing semicolon for legacy support only) --&gt;&lt;tr i=
d=3Dentity-Ccirc&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Ccirc;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+00108 &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;Ccirc;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-ccirc&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;ccirc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00109 &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ccirc;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-Cconint&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;Cconint;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02230 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Cco=
nint;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ccups&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;ccups;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+02A4C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;ccups;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ccupssm&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ccupssm;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+02A50 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;ccupssm;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-Cdot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Cdot;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+0010A &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;Cdot;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-cdot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;cdot;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+0010B &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;cdot;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-cedil&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
cedil;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000B8 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;cedil;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-cedil-legacy class=3Dimpl&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;cedil&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+000B8 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;cedi=
l;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missi=
ng semicolon for legacy support only) --&gt;&lt;tr id=3Dentity-Cedilla&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Cedilla;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+000B8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;cedil;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-cemptyv&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;cemptyv;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+029B2 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;cemptyv;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-cent&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;cent;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000A2 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;cent;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-cent-legacy class=3Dimpl&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;cent&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
00A2 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;cent;&l=
t;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing s=
emicolon for legacy support only) --&gt;&lt;tr id=3Dentity-CenterDot&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;CenterDot;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+000B7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;middot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-centerdot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;centerdot;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000B7 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;middot;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-Cfr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;Cfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0212D &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Cayleys;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-cfr&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;cfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D520 &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;cfr;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-CHcy&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;CHcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00427 &lt;=
/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;CH=
cy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-chcy&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;chcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00=
447 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;chcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-check&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;check;&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+02713 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot=
;&quot;&gt;&amp;check;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-checkm=
ark&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;checkmark;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+02713 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;check;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-Chi&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Chi;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+003A7 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;Chi;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-chi&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;chi;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003C7 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;chi;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-cir&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;cir;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+025CB &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;cir;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-circ&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;circ;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+002C6 &lt;/td&gt; &lt;=
td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;circ;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-circeq&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;circeq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02257 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;cir=
e;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-circlearrowleft&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;circlearrowleft;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+021BA &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;olarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-circlearrowright&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;circ=
learrowright;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021BB &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;orarr;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-circledast&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;circledast;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
0229B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;oast;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-circledcirc&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;circledcirc;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+0229A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;ocir;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-circleddash&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;circled=
dash;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0229D &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;circleddash;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-CircleDot&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;CircleDot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0229=
9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;odot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-circledR&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;circledR;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+000AE &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;&amp;reg;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-circ=
ledS&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;circledS;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+024C8 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;oS;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-CircleMinus&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Circ=
leMinus;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02296 &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ominus;&lt;/span&g=
t; &lt;/td&gt; &lt;tr id=3Dentity-CirclePlus&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;CirclePlus;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0229=
5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;oplus;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-CircleTimes&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;CircleTimes;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+02297 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;otimes;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-cirE&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;cirE;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+029C3 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;cirE;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-cire&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;cire;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+02257 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;cire;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-cirfnint&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;cirfnint;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A10 &lt;/td&gt; &lt;=
td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;cirfnint;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-cirmid&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;cirmid;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AEF =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;cirmid;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-cirscir&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;cirscir;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+029C2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;cirscir;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Cl=
ockwiseContourIntegral&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Clo=
ckwiseContourIntegral;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02232 &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;cwco=
nint;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-CloseCurlyDoubleQuote&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;CloseCurlyDoubleQuote;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+0201D &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;rdquo;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-CloseCurlyQuote&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;CloseCurlyQuote;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02019 &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
rsquor;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-clubs&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;clubs;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+02663 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;clubs;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-clubsuit&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;clubsuit;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+02663 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;clubs;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-Colon&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Colon;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+02237 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;Colon;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-colon&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;co=
lon;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0003A &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;:&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-Colone&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
Colone;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A74 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Colone;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-colone&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;colone;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02254 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;colon=
eq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-coloneq&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;coloneq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+02254 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;coloneq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-comma&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;comma;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+0002C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;,&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-commat&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;commat;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+00040 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;@&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-comp=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;comp;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+02201 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;complement;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-compfn&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;compfn;&l=
t;/code&gt; &lt;/td&gt; &lt;td&gt; U+02218 &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3Dglyph title=3D&quot;&quot;&gt;&amp;compfn;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-complement&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;complement;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02201 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;comple=
ment;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-complexes&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;complexes;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+02102 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;complexes;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
cong&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;cong;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+02245 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;cong;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-congdot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;congdot;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A6D &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;congdot;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-Congruent&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;Congruent;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02261 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;equiv;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Conint&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;Conint;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022=
2F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;=
&amp;Conint;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-conint&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;conint;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+0222E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;conint;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Co=
ntourIntegral&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ContourInteg=
ral;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0222E &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;conint;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-Copf&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;Copf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02102 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;complexes;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-copf&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;copf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D554 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;copf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-coprod&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;coprod;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+02210 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;coprod;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Coproduc=
t&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Coproduct;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+02210 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;coprod;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-COPY&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;COPY;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+000A9 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;copy;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-COPY-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;COPY&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000A9 &lt;/=
td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;copy;&lt;/span&gt=
; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon f=
or legacy support only) --&gt;&lt;tr id=3Dentity-copy&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;copy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
00A9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;copy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-copy-legacy clas=
s=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;copy&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+000A9 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&=
quot;&quot;&gt;&amp;copy;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (in=
valid entity with missing semicolon for legacy support only) --&gt;&lt;tr=
 id=3Dentity-copysr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;copysr=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02117 &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;copysr;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-CounterClockwiseContourIntegral&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;CounterClockwiseContourIntegral;&lt;/cod=
e&gt; &lt;/td&gt; &lt;td&gt; U+02233 &lt;/td&gt; &lt;td&gt; &lt;span clas=
s=3Dglyph title=3D&quot;&quot;&gt;&amp;awconint;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-crarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
crarr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021B5 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;crarr;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-Cross&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;Cross;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A2F &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Cross;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-cross&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;cross;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02717 =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;cross;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Cscr&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;Cscr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+1D49E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;Cscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-cscr&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;cscr;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+1D4B8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;cscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-csub=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;csub;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+02ACF &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;csub;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-csube&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;csube;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+02AD1 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;csube;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-csup&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;csup;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AD0 &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;csup;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-csupe&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;csupe;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AD2 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;csupe;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-ctdot&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;ctdot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022EF &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ctdot;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-cudarrl&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;cudarrl;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
2938 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;cudarrl;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-cudarrr&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;cudarrr;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+02935 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;cudarrr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-cuepr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;cuepr;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+022DE &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;cuepr;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-cuesc&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;cuesc;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022DF &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;curlyeqsucc;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-cularr&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;cularr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021B6 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;curvearr=
owleft;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-cularrp&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;cularrp;&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+0293D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot=
;&quot;&gt;&amp;cularrp;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Cup&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Cup;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+022D3 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;Cup;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-cup&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;cup;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+0222A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;cup;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-cupbrcap&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;cupbrcap;&l=
t;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A48 &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3Dglyph title=3D&quot;&quot;&gt;&amp;cupbrcap;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-CupCap&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;CupCap;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0224D &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;asympeq;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-cupcap&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;cupcap;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A46=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;cupcap;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-cupcup&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;cupcup;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+02A4A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;cupcup;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-cupd=
ot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;cupdot;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+0228D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;cupdot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-cupor&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;cupor;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+02A45 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;cupor;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-cups&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
cups;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0222A U+0FE00 &lt;/td&gt; &lt=
;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&=
gt;&amp;cup;&amp;#xfe00;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-cura=
rr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;curarr;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+021B7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;curarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-curarrm&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;curarrm;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0293C &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;curarrm;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-curlyeqprec&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;curlyeqprec;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022DE &lt=
;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;c=
uepr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-curlyeqsucc&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;curlyeqsucc;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+022DF &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;curlyeqsucc;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-curlyvee&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;curlyvee;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+022CE &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;cuvee;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-curlywedge&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;curlywedge;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022CF &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;curlywed=
ge;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-curren&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;curren;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+000A4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;curren;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-curren-lega=
cy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;curren&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+000A4 &lt;/td&gt; &lt;td&gt; &lt;span =
title=3D&quot;&quot;&gt;&amp;curren;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;=
&lt;!-- (invalid entity with missing semicolon for legacy support only) -=
-&gt;&lt;tr id=3Dentity-curvearrowleft&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;curvearrowleft;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021B6 =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;curvearrowleft;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-curvearrowr=
ight&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;curvearrowright;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+021B7 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;curarr;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-cuvee&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;cuvee;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022CE &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;cuvee;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-cuwed&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;cuwed;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022CF &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;curlywed=
ge;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-cwconint&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;cwconint;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+02232 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;cwconint;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-cwint=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;cwint;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+02231 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;cwint;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-cylcty&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;cylcty;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+0232D &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;cylcty;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-Dagger&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;Dagger;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02021 &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ddagger;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-dagger&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;dagger;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02020 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;dag=
ger;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-daleth&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;daleth;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+02138 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;daleth;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Darr&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;Darr;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+021A1 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;Darr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-dA=
rr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;dArr;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+021D3 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;DoubleDownArrow;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-darr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;darr=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02193 &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;downarrow;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-dash&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;dash;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02010 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;dash;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-Dashv&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;Dashv;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AE4 &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Doub=
leLeftTee;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-dashv&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;dashv;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+022A3 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;dashv;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-dbkarow=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;dbkarow;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+0290F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;dbkarow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-dblac&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;dblac;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+002DD &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;dblac;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-Dcaron&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;Dcaron;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0010E &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Dcaron;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-dcaron&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;dcaron;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0010F &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;dca=
ron;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Dcy&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;Dcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+004=
14 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;=
&amp;Dcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-dcy&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;dcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+00434 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;dcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-DD&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;DD;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+02145 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;DD;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-dd&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;dd;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+02146 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;dd;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ddagger&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ddagger;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+02021 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;ddagger;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-ddarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ddarr;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+021CA &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;ddarr;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-DDotrahd&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;DDotrahd;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02911 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;DDotrahd;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-ddotseq&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;ddotseq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A77 =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;ddotseq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-deg&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;deg;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+000B0 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;deg;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-deg-legacy cl=
ass=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;deg&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+000B0 &lt;/td&gt; &lt;td&gt; &lt;span title=3D=
&quot;&quot;&gt;&amp;deg;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (in=
valid entity with missing semicolon for legacy support only) --&gt;&lt;tr=
 id=3Dentity-Del&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Del;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+02207 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;nabla;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-Delta&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
Delta;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00394 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Delta;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-delta&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;delta;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003B4 &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;delta;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-demptyv&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;demptyv;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
9B1 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;demptyv;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-dfisht&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;dfisht;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+0297F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;dfisht;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
Dfr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Dfr;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+1D507 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;Dfr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-dfr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;dfr;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+1D521 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;dfr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-dHar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;dHar;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+02965 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;dHar;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-dharl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;dh=
arl;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021C3 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;downharpoonleft;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-dharr&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;dharr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021C2 &lt=
;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;d=
harr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-DiacriticalAcute&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;DiacriticalAcute;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+000B4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;acute;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-DiacriticalDot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;D=
iacriticalDot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+002D9 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;dot;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-DiacriticalDoubleAcute&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;DiacriticalDoubleAcute;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+002DD &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;dblac;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-DiacriticalGrave&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Di=
acriticalGrave;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00060 &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;`&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-DiacriticalTilde&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;DiacriticalTilde;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+002DC &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;tilde;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-diam&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;diam;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+022C4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;diamond;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-Diamond&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Diamond;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+022C4 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;diamond;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-diamond&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
diamond;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022C4 &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;diamond;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-diamondsuit&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;diamondsuit;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
2666 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;diams;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-diams&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;diams;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+02666 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;diams;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-die&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;die;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+000A8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;die;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-DifferentialD&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Differentia=
lD;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02146 &lt;/td&gt; &lt;td&gt; &l=
t;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;dd;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-digamma&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;digamma;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003DD &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;gammad;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-disin&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;disin;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022F2 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;disin;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-div&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;div;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
000F7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;divide;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-divide&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;divide;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+000F7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;divide;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
divide-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;divide&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000F7 &lt;/td&gt; &lt;td&gt=
; &lt;span title=3D&quot;&quot;&gt;&amp;divide;&lt;/span&gt; &lt;/td&gt; =
&lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for legacy supp=
ort only) --&gt;&lt;tr id=3Dentity-divideontimes&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;divideontimes;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+022C7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;divonx;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-divonx&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;divonx;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+022C7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;divonx;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-DJcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;DJcy;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+00402 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;DJcy;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-djcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;djcy;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+00452 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;djcy;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-dlcorn&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;dlcorn;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0231E &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;dlcorn;&lt;/span&g=
t; &lt;/td&gt; &lt;tr id=3Dentity-dlcrop&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;dlcrop;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0230D &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;dlcr=
op;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-dollar&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;dollar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+00024 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;$&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Dopf&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;Dopf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+1D53B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;Dopf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-dopf&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;dopf;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+1D555 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;dopf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Dot&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Dot;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+000A8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;die;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-dot=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;dot;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+002D9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;dot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentit=
y-DotDot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;DotDot;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+020DC &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
&quot;glyph composition&quot; title=3D&quot;&quot;&gt;&amp;#x25cc;&amp;Do=
tDot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-doteq&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;doteq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+02250 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;esdot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-doteqdot&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;doteqdot;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+02251 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;doteqdot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-DotEqual&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;DotEqual;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02250 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;esdot;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-dotminus&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;dotminus;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02238 &lt;/td&gt; =
&lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;dotminus;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-dotplus&gt;&lt;td&gt; &lt;cod=
e title=3D&quot;&quot;&gt;dotplus;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
02214 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;dotplus;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-dotsquare&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;dotsquare;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+022A1 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;dotsquare;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-doublebarwedge&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
doublebarwedge;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02306 &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;doublebarwe=
dge;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-DoubleContourIntegral&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;DoubleContourIntegral;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+0222F &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;Conint;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-DoubleDot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;DoubleDot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000A8 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;die;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-DoubleDownArrow&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;DoubleDownArrow;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+021D3 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;DoubleDownArrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-DoubleLeftArrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Doubl=
eLeftArrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021D0 &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lArr;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-DoubleLeftRightArrow&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;DoubleLeftRightArrow;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+021D4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;iff;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-DoubleLeftTee&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;DoubleLeftT=
ee;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AE4 &lt;/td&gt; &lt;td&gt; &l=
t;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;DoubleLeftTee;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-DoubleLongLeftArrow&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;DoubleLongLeftArrow;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+027F8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;Longleftarrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-DoubleLongLeftRightArrow&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;DoubleLongLeftRightArrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
027FA &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;DoubleLongLeftRightArrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-DoubleLongRightArrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
DoubleLongRightArrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+027F9 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;xrArr=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-DoubleRightArrow&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;DoubleRightArrow;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+021D2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;Implies;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-DoubleRightTee&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Doub=
leRightTee;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022A8 &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;vDash;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-DoubleUpArrow&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;DoubleUpArrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+021D1 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;Uparrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-DoubleUp=
DownArrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;DoubleUpDownArro=
w;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021D5 &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;DoubleUpDownArrow;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-DoubleVerticalBar&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;DoubleVerticalBar;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+02225 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;spar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Do=
wnArrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;DownArrow;&lt;/cod=
e&gt; &lt;/td&gt; &lt;td&gt; U+02193 &lt;/td&gt; &lt;td&gt; &lt;span clas=
s=3Dglyph title=3D&quot;&quot;&gt;&amp;downarrow;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-Downarrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;Downarrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021D3 &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;DoubleDownA=
rrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-downarrow&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;downarrow;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+02193 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;downarrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
DownArrowBar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;DownArrowBar;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02913 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;DownArrowBar;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-DownArrowUpArrow&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;DownArrowUpArrow;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+021F5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;duarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-DownBrev=
e&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;DownBreve;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+00311 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&q=
uot;glyph composition&quot; title=3D&quot;&quot;&gt;&amp;#x25cc;&amp;Down=
Breve;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-downdownarrows&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;downdownarrows;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+021CA &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;ddarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-downharpoonleft&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;dow=
nharpoonleft;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021C3 &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;downharpoonle=
ft;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-downharpoonright&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;downharpoonright;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+021C2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;dharr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-DownLeftRightVector&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;DownLeftRightVector;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02950 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;DownL=
eftRightVector;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-DownLeftTeeVe=
ctor&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;DownLeftTeeVector;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+0295E &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;DownLeftTeeVector;&lt;/span&g=
t; &lt;/td&gt; &lt;tr id=3Dentity-DownLeftVector&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;DownLeftVector;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+021BD &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;leftharpoondown;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
DownLeftVectorBar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;DownLeft=
VectorBar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02956 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;DownLeftVectorBa=
r;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-DownRightTeeVector&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;DownRightTeeVector;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+0295F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;DownRightTeeVector;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-DownRightVector&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;DownRightVector;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021C=
1 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;rhard;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-DownRightVectorBar=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;DownRightVectorBar;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+02957 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;DownRightVectorBar;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-DownTee&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;DownTee;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022A4 &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;top;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-DownTeeArrow&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;DownTeeArrow;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+021A7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;mapstodown;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentit=
y-drbkarow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;drbkarow;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+02910 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;drbkarow;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-drcorn&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;drcorn;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0231F &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;drcorn;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-drcrop&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;drcrop;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0230C &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;drc=
rop;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Dscr&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;Dscr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1=
D49F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;Dscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-dscr&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;dscr;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+1D4B9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;dscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-DScy&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;DScy;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+00405 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;DScy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ds=
cy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;dscy;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+00455 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;dscy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-dsol&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;dsol;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+029F6 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;dsol;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-Dstrok&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Dstrok;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00110 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;Dstrok;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-dstrok&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;dstrok;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00111 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;dstrok;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-dtdot&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;dtdot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022F1 &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
dtdot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-dtri&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;dtri;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+025BF &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;triangledown;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-dtrif&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;dtrif;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+025BE &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;blacktriangledown;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-duarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;dua=
rr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021F5 &lt;/td&gt; &lt;td&gt; &l=
t;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;duarr;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-duhar&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;duhar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0296F &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;duhar;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-dwangle&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;dwangle;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029A6=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;dwangle;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-DZcy&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;DZcy;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+0040F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;DZcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-dzcy&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;dzcy;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+0045F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;dzcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-dz=
igrarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;dzigrarr;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+027FF &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;dzigrarr;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-Eacute&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Eac=
ute;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000C9 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Eacute;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-Eacute-legacy class=3Dimpl&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;Eacute&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+000C9 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;Eac=
ute;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with mis=
sing semicolon for legacy support only) --&gt;&lt;tr id=3Dentity-eacute&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;eacute;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+000E9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;eacute;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-eacute-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;eacute&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000E9 &lt;/td&gt; &lt=
;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;eacute;&lt;/span&gt; &lt;/t=
d&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for legac=
y support only) --&gt;&lt;tr id=3Dentity-easter&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;easter;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A6E=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;easter;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Ecaron&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;Ecaron;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+0011A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;Ecaron;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ecar=
on&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ecaron;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+0011B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;ecaron;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-ecir&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ecir;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+02256 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;eqcirc;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-Ecirc&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
Ecirc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000CA &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Ecirc;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-Ecirc-legacy class=3Dimpl&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;Ecirc&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+000CA &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;Ecir=
c;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missi=
ng semicolon for legacy support only) --&gt;&lt;tr id=3Dentity-ecirc&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ecirc;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+000EA &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;ecirc;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-e=
circ-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;e=
circ&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000EA &lt;/td&gt; &lt;td&gt; &=
lt;span title=3D&quot;&quot;&gt;&amp;ecirc;&lt;/span&gt; &lt;/td&gt; &lt;=
/tr&gt;&lt;!-- (invalid entity with missing semicolon for legacy support =
only) --&gt;&lt;tr id=3Dentity-ecolon&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;ecolon;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02255 &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;eqcolon=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Ecy&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;Ecy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0042D =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;Ecy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ecy&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;ecy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
044D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;ecy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-eDDot&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;eDDot;&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+02A77 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot=
;&quot;&gt;&amp;ddotseq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Edot=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Edot;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+00116 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;Edot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-eDot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;eDot;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+02251 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;doteqdot;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-edot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;edot;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00117 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;edot;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-ee&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;ee;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02147 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;exponentiale;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-efDot&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;efDot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02252 &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;fall=
ingdotseq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Efr&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;Efr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+1D508 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;Efr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-efr&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;efr;&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+1D522 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot=
;&quot;&gt;&amp;efr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-eg&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;eg;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+02A9A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;eg;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Egrave=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Egrave;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+000C8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;Egrave;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-Egrave-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;Egrave&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000C8 &lt;/td&gt; &l=
t;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;Egrave;&lt;/span&gt; &lt;/=
td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for lega=
cy support only) --&gt;&lt;tr id=3Dentity-egrave&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;egrave;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000E=
8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;egrave;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-egrave-legacy cla=
ss=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;egrave&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+000E8 &lt;/td&gt; &lt;td&gt; &lt;span title=3D=
&quot;&quot;&gt;&amp;egrave;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- =
(invalid entity with missing semicolon for legacy support only) --&gt;&lt=
;tr id=3Dentity-egs&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;egs;&l=
t;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A96 &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3Dglyph title=3D&quot;&quot;&gt;&amp;egs;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-egsdot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;egsdot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A98 &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;egsdot;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-el&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;el;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A99 &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;el;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-Element&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;Element;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02208 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;in;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-elinters&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;elinters;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+023E7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;elinters;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ell&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ell;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+02113 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;ell;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-els&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;els;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+02A95 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;eqslantless;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-elsdot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;elsdo=
t;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A97 &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;elsdot;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-Emacr&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;Emacr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00112 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Emacr;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-emacr&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;emacr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00113 &lt=
;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;e=
macr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-empty&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;empty;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+02205 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;emptyv;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-emptyset&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;emptyset;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+02205 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;emptyv;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-EmptySmallSquare&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Em=
ptySmallSquare;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+025FB &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;EmptySmallS=
quare;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-emptyv&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;emptyv;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+02205 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;emptyv;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-EmptyVer=
ySmallSquare&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;EmptyVerySmal=
lSquare;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+025AB &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;EmptyVerySmallSqua=
re;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-emsp&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;emsp;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
003 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;emsp;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-emsp13&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;emsp13;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+02004 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;emsp13;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ems=
p14&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;emsp14;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+02005 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;emsp14;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-ENG&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ENG;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+0014A &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;ENG;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-eng&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;eng;&l=
t;/code&gt; &lt;/td&gt; &lt;td&gt; U+0014B &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3Dglyph title=3D&quot;&quot;&gt;&amp;eng;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-ensp&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
ensp;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02002 &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ensp;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-Eogon&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;Eogon;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00118 &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Eogon;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-eogon&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;eogon;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00119 &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
eogon;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Eopf&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;Eopf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+1D53C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;Eopf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-eopf&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;eopf;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+1D556 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;eopf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-epar&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;epar;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+022D5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;epar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentit=
y-eparsl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;eparsl;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+029E3 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;eparsl;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-eplus&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;eplus;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A71 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;eplus;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-epsi&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;epsi;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003B5 &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;epsi;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-Epsilon&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;Epsilon;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00395 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Eps=
ilon;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-epsilon&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;epsilon;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+003B5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;epsi;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-epsiv&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;epsiv;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+003F5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;straightepsilon;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-eqcirc&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;eqcirc;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02256 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;eqcirc;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-eqcolon&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;eqcolon;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02255 &lt;/td&gt; =
&lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;eqcolon;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-eqsim&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;eqsim;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02242=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;esim;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-eqslantgtr&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;eqslantgtr;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+02A96 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;egs;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-eqs=
lantless&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;eqslantless;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+02A95 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;eqslantless;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-Equal&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;Equal;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A75 &lt;/td&gt; &lt;=
td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Equal;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-equals&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;equals;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0003D &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;=3D&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-EqualTilde&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;EqualTilde;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+02242 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;esim;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-equest&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;equest;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+0225F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;questeq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-Equilibrium&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Equilibrium;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021CC &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;rlhar;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-equiv&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;equiv;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02261 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;equiv;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-equivDD&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;equivDD;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A78 &lt;=
/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;eq=
uivDD;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-eqvparsl&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;eqvparsl;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+029E5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;eqvparsl;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-er=
arr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;erarr;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+02971 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;erarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-erDot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;erDot;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+02253 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;risingdotseq;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-Escr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;Escr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02130 &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;expectation;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-escr&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;escr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0212F &lt;=
/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;es=
cr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-esdot&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;esdot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
02250 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;esdot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Esim&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;Esim;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+02A73 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;Esim;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-esim&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;esim;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+02242 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;esim;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentit=
y-Eta&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Eta;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+00397 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;Eta;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-eta&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;eta;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+003B7 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;eta;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-ETH&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ETH;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+000D0 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;ETH;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-ETH-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;ETH&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000D0 &lt;/td&gt;=
 &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;ETH;&lt;/span&gt; &lt;/=
td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for lega=
cy support only) --&gt;&lt;tr id=3Dentity-eth&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;eth;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000F0 &lt;=
/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;et=
h;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-eth-legacy class=3Dimpl&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;eth&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+000F0 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&=
gt;&amp;eth;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity =
with missing semicolon for legacy support only) --&gt;&lt;tr id=3Dentity-=
Euml&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Euml;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+000CB &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;Euml;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-Euml-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;Euml&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000CB &lt;/td&gt; &lt;td=
&gt; &lt;span title=3D&quot;&quot;&gt;&amp;Euml;&lt;/span&gt; &lt;/td&gt;=
 &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for legacy sup=
port only) --&gt;&lt;tr id=3Dentity-euml&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;euml;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000EB &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;euml;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-euml-legacy class=3Dimpl&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;euml&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+000EB &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&g=
t;&amp;euml;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity =
with missing semicolon for legacy support only) --&gt;&lt;tr id=3Dentity-=
euro&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;euro;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+020AC &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;euro;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-excl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;excl;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+00021 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;!&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-exist&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;exist;&lt;/cod=
e&gt; &lt;/td&gt; &lt;td&gt; U+02203 &lt;/td&gt; &lt;td&gt; &lt;span clas=
s=3Dglyph title=3D&quot;&quot;&gt;&amp;exist;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-Exists&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Ex=
ists;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02203 &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;exist;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-expectation&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;expectation;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02130 =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;expectation;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ExponentialE&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ExponentialE;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+02147 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;exponentiale;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-exponentiale&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;exponentiale;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02147 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;exponent=
iale;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-fallingdotseq&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;fallingdotseq;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+02252 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;fallingdotseq;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-Fcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Fcy;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+00424 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;Fcy;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-fcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;fcy;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00444 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;fcy;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-female&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;female;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02640 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;female;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-ffilig&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;ffilig;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0FB03 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ffi=
lig;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-fflig&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;fflig;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+0FB00 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;fflig;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ffllig&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;ffllig;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+0FB04 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;ffllig;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
Ffr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Ffr;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+1D509 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;Ffr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-ffr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ffr;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+1D523 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;ffr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-filig&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;filig;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+0FB01 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;filig;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-FilledSmallSquare&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;FilledSmallSquare;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+025=
FC &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;=
&amp;FilledSmallSquare;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Fille=
dVerySmallSquare&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;FilledVer=
ySmallSquare;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+025AA &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;blacksquare;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-fjlig&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;fjlig;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0006=
6 U+0006A &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&qu=
ot; title=3D&quot;&quot;&gt;fj&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentit=
y-flat&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;flat;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+0266D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;flat;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-fllig&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;fllig;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+0FB02 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;fllig;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-fltns&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;fltns;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+025B1 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;fltns;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-fnof&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;fnof;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00192 &lt;/td&gt; =
&lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;fnof;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Fopf&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;Fopf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D53D &lt;=
/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Fo=
pf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-fopf&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;fopf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D=
557 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;fopf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ForAll&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;ForAll;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+02200 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;forall;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-for=
all&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;forall;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+02200 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;forall;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-fork&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;fork;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+022D4 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;fork;&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-forkv&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;f=
orkv;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AD9 &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;forkv;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-Fouriertrf&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;Fouriertrf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02131 &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
Fscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-fpartint&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;fpartint;&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+02A0D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot=
;&quot;&gt;&amp;fpartint;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-fra=
c12&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;frac12;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+000BD &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;half;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-frac12-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;frac12&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000BD &lt;/td&gt; &l=
t;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;half;&lt;/span&gt; &lt;/td=
&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for legacy=
 support only) --&gt;&lt;tr id=3Dentity-frac13&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;frac13;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02153 =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;frac13;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-frac14&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;frac14;&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+000BC &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot=
;&quot;&gt;&amp;frac14;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-frac1=
4-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;frac=
14&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000BC &lt;/td&gt; &lt;td&gt; &lt=
;span title=3D&quot;&quot;&gt;&amp;frac14;&lt;/span&gt; &lt;/td&gt; &lt;/=
tr&gt;&lt;!-- (invalid entity with missing semicolon for legacy support o=
nly) --&gt;&lt;tr id=3Dentity-frac15&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;frac15;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02155 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;frac15;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-frac16&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;frac16;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
159 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;frac16;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-frac18&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;frac18;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+0215B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;&amp;frac18;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-f=
rac23&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;frac23;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+02154 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;frac23;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-frac25&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;frac25=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02156 &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;frac25;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-frac34&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;frac34;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000BE &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;frac34;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-frac34-legacy class=3Dimpl&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;frac34&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+000BE &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&=
gt;&amp;frac34;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid enti=
ty with missing semicolon for legacy support only) --&gt;&lt;tr id=3Denti=
ty-frac35&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;frac35;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+02157 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;frac35;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-frac38&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;fr=
ac38;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0215C &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;frac38;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-frac45&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;frac45;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02158 &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;frac45;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-frac56&gt;&lt;td&gt; &lt;cod=
e title=3D&quot;&quot;&gt;frac56;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
215A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;frac56;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-frac58&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;frac58;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+0215D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;frac58;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
frac78&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;frac78;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+0215E &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;frac78;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-frasl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;frasl;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02044 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;frasl;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-frown&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;frown;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02322 &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;frown;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-Fscr&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;Fscr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02131 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Fscr;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-fscr&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;fscr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D4BB =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;fscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gacute&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;gacute;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+001F5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;gacute;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Gamma&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Gamma;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+00393 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;Gamma;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-gamma&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gamma;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+003B3 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;gamma;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-Gammad&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Gammad=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003DC &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Gammad;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-gammad&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;gammad;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003DD &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;gammad;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gap&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;gap;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A86 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;gap=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Gbreve&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;Gbreve;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
0011E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;Gbreve;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gbreve&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;gbreve;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+0011F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;gbreve;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
Gcedil&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Gcedil;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+00122 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;Gcedil;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-Gcirc&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Gcirc;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0011C &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;Gcirc;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-gcirc&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;gcirc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0011D &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;gcirc;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-Gcy&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;Gcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00413 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Gcy;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gcy&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;gcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00433 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;gcy=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Gdot&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;Gdot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0012=
0 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;Gdot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gdot&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;gdot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+00121 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;gdot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gE&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;gE;&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+02267 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot=
;&quot;&gt;&amp;geqq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ge&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ge;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+02265 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;&amp;ge;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gEl&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gEl;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+02A8C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;gtreqqless;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-gel&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gel;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+022DB &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;gel;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-geq&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;geq;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+02265 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;ge;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-geqq&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;geqq;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02267 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;geqq;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-geqslant&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;geqslant;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A7E &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ges;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-ges&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;ges;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A7E &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ges;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gescc&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;gescc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AA9=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;gescc;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gesdot&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;gesdot;&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+02A80 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot=
;&quot;&gt;&amp;gesdot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gesdo=
to&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gesdoto;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+02A82 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;gesdoto;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-gesdotol&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gesdo=
tol;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A84 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;gesdotol;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-gesl&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;gesl;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022DB U+0FE00 &lt;=
/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&q=
uot;&quot;&gt;&amp;gel;&amp;#xfe00;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-gesles&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gesles;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+02A94 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;gesles;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-Gfr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;G=
fr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D50A &lt;/td&gt; &lt;td&gt; &l=
t;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Gfr;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-gfr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;gfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D524 &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;gfr;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-Gg&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;Gg;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022D9 &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ggg;&lt;/span&g=
t; &lt;/td&gt; &lt;tr id=3Dentity-gg&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;gg;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0226B &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;gg;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-ggg&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;ggg;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022D9 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ggg;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gimel&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;gimel;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02137 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;gimel;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-GJcy&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;GJcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+00403 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;GJcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gjcy&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;gjcy;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+00453 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;gjcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gl&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gl;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+02277 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;gtrless;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-gla&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gla;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+02AA5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;gla;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-glE&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;glE;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+02A92 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;glE;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-glj&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;glj;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+02AA4 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;glj;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-gnap&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gnap;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A8A &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;gnap;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-gnapprox&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;gnapprox;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A8A &lt;/td&gt; =
&lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;gnap;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gnE&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;gnE;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02269 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;gneqq;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gne&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;gne;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A88 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;gne;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gneq&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;gneq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
02A88 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;gne;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gneqq&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;gneqq;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+02269 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;gneqq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gnsim=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gnsim;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+022E7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;gnsim;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-Gopf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Gopf;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+1D53E &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;Gopf;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-gopf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gopf;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+1D558 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;gopf;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-grave&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
grave;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00060 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;`&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-GreaterEqual&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;GreaterEqual;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02265 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ge;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-GreaterEqualLess&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;GreaterEqualLess;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+022DB &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;gel;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-GreaterFullEqual&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;GreaterF=
ullEqual;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02267 &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;geqq;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-GreaterGreater&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;GreaterGreater;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+02AA2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;GreaterGreater;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Gr=
eaterLess&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;GreaterLess;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+02277 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;gtrless;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-GreaterSlantEqual&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;GreaterSlantEqual;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
2A7E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;ges;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-GreaterTilde&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;GreaterTilde;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+02273 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;gtrsim;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-Gscr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Gscr;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+1D4A2 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;Gscr;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-gscr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gscr;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0210A &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;gscr;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-gsim&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;gsim;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02273 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;gtrsim;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-gsime&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;gsime;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A8E &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;gsime;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gsiml&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;gsiml;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A9=
0 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;gsiml;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-GT&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;GT;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+0003E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;gt;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-GT-legacy class=3D=
impl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;GT&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+0003E &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&=
quot;&gt;&amp;gt;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid en=
tity with missing semicolon for legacy support only) --&gt;&lt;tr id=3Den=
tity-Gt&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Gt;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+0226B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;gg;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-gt&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gt;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+0003E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-gt-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;gt&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0003E &lt;/td&gt; &lt;td&gt;=
 &lt;span title=3D&quot;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;/td&gt; &lt;/=
tr&gt;&lt;!-- (invalid entity with missing semicolon for legacy support o=
nly) --&gt;&lt;tr id=3Dentity-gtcc&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;gtcc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AA7 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;gtcc;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-gtcir&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;gtcir;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A7A &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;gtci=
r;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gtdot&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;gtdot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
22D7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;gtdot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gtlPar&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;gtlPar;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+02995 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;&amp;gtlPar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-g=
tquest&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gtquest;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+02A7C &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;gtquest;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-gtrapprox&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;g=
trapprox;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A86 &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;gap;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-gtrarr&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;gtrarr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02978 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;gtrarr=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gtrdot&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;gtrdot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
022D7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;gtdot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gtreqless&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gtreqless;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+022DB &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;gel;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-gtreqqless&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gtreqqless;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A8C &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;gtreqqless;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-gtrless&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;gtrless;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02277 &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;gtrless=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gtrsim&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;gtrsim;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
02273 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;gtrsim;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gvertneqq&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;gvertneqq;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+02269 U+0FE00 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;gneqq;&amp;#xfe00=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-gvnE&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;gvnE;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0226=
9 U+0FE00 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&qu=
ot; title=3D&quot;&quot;&gt;&amp;gneqq;&amp;#xfe00;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-Hacek&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;Hacek;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+002C7 &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;caron;&lt;/span&g=
t; &lt;/td&gt; &lt;tr id=3Dentity-hairsp&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;hairsp;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0200A &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;hair=
sp;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-half&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;half;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00=
0BD &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;half;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-hamilt&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;hamilt;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+0210B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;hamilt;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-HAR=
Dcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;HARDcy;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+0042A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;HARDcy;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-hardcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;hardcy;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0044A &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;hardcy;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-hArr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;hArr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021D4 &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;iff;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-harr&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;harr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02194 &lt;/td&gt; =
&lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;leftrighta=
rrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-harrcir&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;harrcir;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+02948 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;harrcir;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-harrw&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;harrw;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+021AD &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;leftrightsquigarrow;&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-Hat&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Hat=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0005E &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;^&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-hbar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;hbar;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0210F &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;hslash;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-Hcirc&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;Hcirc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00124 &lt;/td&gt; &lt;=
td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Hcirc;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-hcirc&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;hcirc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00125 &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;hcir=
c;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-hearts&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;hearts;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+02665 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;hearts;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-heartsuit&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;heartsuit;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+02665 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;hearts;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-hellip&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;hellip;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+02026 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;mldr;&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-hercon&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
hercon;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022B9 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;hercon;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-Hfr&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;Hfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0210C &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Hfr;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-hfr&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;hfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D525 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;hfr;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-HilbertSpace&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;HilbertSpace;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+0210B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;hamilt;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-hkse=
arow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;hksearow;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+02925 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;hksearow;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-hkswarow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;h=
kswarow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02926 &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;hkswarow;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-hoarr&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;hoarr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021FF &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;hoar=
r;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-homtht&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;homtht;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+0223B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;homtht;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-hookleftarro=
w&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;hookleftarrow;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+021A9 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;hookleftarrow;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-hookrightarrow&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;hookrightarrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021AA &lt=
;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;h=
ookrightarrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Hopf&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;Hopf;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+0210D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;quaternions;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-hopf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;hopf;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+1D559 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;hopf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-horbar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;horbar;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+02015 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;horbar;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-HorizontalLine&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;HorizontalLine;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02500 &lt=
;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;b=
oxh;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Hscr&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;Hscr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
210B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;hamilt;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-hscr&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;hscr;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+1D4BD &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;hscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-hslash=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;hslash;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+0210F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;hslash;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-Hstrok&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Hstrok;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+00126 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;Hstrok;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-hstrok&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;hstrok;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00127 &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;hstrok;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-HumpDownHump&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;HumpDownHump;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+0224E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;bump;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-HumpEqual&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;HumpEqual;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+0224F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;bumpeq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-hybull&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;hybull;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+02043 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;hybull;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-hyphen&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;hyphen;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02010 &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;dash;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-Iacute&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;Iacute;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000CD &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Iacute=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Iacute-legacy class=3Dimpl&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Iacute&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+000CD &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&q=
uot;&gt;&amp;Iacute;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid=
 entity with missing semicolon for legacy support only) --&gt;&lt;tr id=3D=
entity-iacute&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;iacute;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+000ED &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;iacute;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-iacute-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;iacute&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000ED =
&lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;iacute;&lt;/=
span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semi=
colon for legacy support only) --&gt;&lt;tr id=3Dentity-ic&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;ic;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+02063 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;ic;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Icirc&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;Icirc;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+000CE &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;Icirc;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Icir=
c-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Icir=
c&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000CE &lt;/td&gt; &lt;td&gt; &lt;=
span title=3D&quot;&quot;&gt;&amp;Icirc;&lt;/span&gt; &lt;/td&gt; &lt;/tr=
&gt;&lt;!-- (invalid entity with missing semicolon for legacy support onl=
y) --&gt;&lt;tr id=3Dentity-icirc&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;icirc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000EE &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;icirc;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-icirc-legacy class=3Dimpl&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;icirc&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+000EE &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&=
amp;icirc;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity wi=
th missing semicolon for legacy support only) --&gt;&lt;tr id=3Dentity-Ic=
y&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Icy;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+00418 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;Icy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-icy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;icy;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+00438 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;icy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-Idot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Idot;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+00130 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;Idot;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-IEcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;IEcy;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00415 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;IEcy;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-iecy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;iecy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00435 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;iecy;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-iexcl&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;iexcl;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000A1 &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;iexcl;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-iexcl-legacy class=3Dimpl&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;iexcl&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+000A1 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&g=
t;&amp;iexcl;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity=
 with missing semicolon for legacy support only) --&gt;&lt;tr id=3Dentity=
-iff&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;iff;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+021D4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;iff;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-Ifr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Ifr;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+02111 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;image;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-ifr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ifr;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+1D526 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;ifr;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-Igrave&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;I=
grave;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000CC &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Igrave;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-Igrave-legacy class=3Dimpl&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;Igrave&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+000CC &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;I=
grave;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with m=
issing semicolon for legacy support only) --&gt;&lt;tr id=3Dentity-igrave=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;igrave;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+000EC &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;igrave;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-igrave-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;igrave&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000EC &lt;/td&gt; &l=
t;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;igrave;&lt;/span&gt; &lt;/=
td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for lega=
cy support only) --&gt;&lt;tr id=3Dentity-ii&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;ii;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02148 &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ii;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-iiiint&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;iiiint;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
A0C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;iiiint;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-iiint&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;iiint;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+0222D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;iiint;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-iinf=
in&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;iinfin;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+029DC &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;iinfin;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-iiota&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;iiota;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+02129 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;iiota;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-IJlig&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;IJlig;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00132 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;IJlig;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-ijlig&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;ijlig;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00133 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ijlig;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Im&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;Im;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02111 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ima=
ge;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Imacr&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;Imacr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
0012A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;Imacr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-imacr&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;imacr;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+0012B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;imacr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ima=
ge&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;image;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+02111 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;image;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-ImaginaryI&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Imaginar=
yI;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02148 &lt;/td&gt; &lt;td&gt; &l=
t;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ii;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-imagline&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;imagline;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02110 &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;imagline;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-imagpart&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;imagpart;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+02111 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;image;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-imath&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;imath;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+00131 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;inodot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
imof&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;imof;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+022B7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;imof;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-imped&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;imped;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+001B5 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;imped;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-Implies&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
Implies;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021D2 &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Implies;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-in&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;in;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02208 &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;in;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-incare&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;incare;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02105 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;inc=
are;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-infin&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;infin;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+0221E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;infin;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-infintie&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;infintie;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+029DD &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;infintie;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-inodot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;inodot;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+00131 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;inodot;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-Int&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;I=
nt;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0222C &lt;/td&gt; &lt;td&gt; &l=
t;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Int;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-int&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;int;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0222B &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;int;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-intcal&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;intcal;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022BA &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;intcal;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-integers&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;integers;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+02124 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;integers;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Integral=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Integral;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+0222B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;int;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-intercal&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;intercal;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022BA &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;intcal;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-Intersection&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;Intersection;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022C2 &lt=
;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;b=
igcap;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-intlarhk&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;intlarhk;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+02A17 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;intlarhk;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-in=
tprod&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;intprod;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+02A3C &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;iprod;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-InvisibleComma&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;InvisibleComma;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02063 &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ic;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-InvisibleTimes&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;InvisibleTimes;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+02062 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;it;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-IOcy&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;IOcy;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+00401 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;IOcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-io=
cy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;iocy;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+00451 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;iocy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-Iogon&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Iogon;&lt;/cod=
e&gt; &lt;/td&gt; &lt;td&gt; U+0012E &lt;/td&gt; &lt;td&gt; &lt;span clas=
s=3Dglyph title=3D&quot;&quot;&gt;&amp;Iogon;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-iogon&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;iog=
on;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0012F &lt;/td&gt; &lt;td&gt; &l=
t;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;iogon;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-Iopf&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;Iopf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D540 &lt;/td&gt; &lt;=
td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Iopf;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-iopf&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;iopf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D55A &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;iopf;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Iota&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;Iota;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00399 =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;Iota;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-iota&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;iota;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+003B9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;iota;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-iprod&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;iprod;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+02A3C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;&amp;iprod;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-iq=
uest&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;iquest;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+000BF &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;iquest;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-iquest-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;iquest&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000BF &lt;/td&g=
t; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;iquest;&lt;/span&gt; =
&lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for=
 legacy support only) --&gt;&lt;tr id=3Dentity-Iscr&gt;&lt;td&gt; &lt;cod=
e title=3D&quot;&quot;&gt;Iscr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021=
10 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;=
&amp;imagline;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-iscr&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;iscr;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+1D4BE &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;iscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-isin&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;isin;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+02208 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;in;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
isindot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;isindot;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+022F5 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;isindot;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-isinE&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;isinE=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022F9 &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;isinE;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-isins&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;isins;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022F4 &lt;/td&gt; &lt;=
td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;isins;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-isinsv&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;isinsv;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022F3 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;isi=
nsv;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-isinv&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;isinv;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+02208 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;in;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-it&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;it;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+02062 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;it;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Itilde&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;Itilde;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+00128 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;Itilde;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
itilde&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;itilde;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+00129 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;itilde;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-Iukcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Iukcy;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00406 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;Iukcy;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-iukcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;iukcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00456 &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;iukcy;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-Iuml&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;Iuml;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000CF &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Iuml;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Iuml-legacy class=3Dimpl&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Iuml&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+000CF &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&g=
t;&amp;Iuml;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity =
with missing semicolon for legacy support only) --&gt;&lt;tr id=3Dentity-=
iuml&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;iuml;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+000EF &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;iuml;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-iuml-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;iuml&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000EF &lt;/td&gt; &lt;td=
&gt; &lt;span title=3D&quot;&quot;&gt;&amp;iuml;&lt;/span&gt; &lt;/td&gt;=
 &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for legacy sup=
port only) --&gt;&lt;tr id=3Dentity-Jcirc&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;Jcirc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00134 &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Jcir=
c;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-jcirc&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;jcirc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
0135 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;jcirc;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Jcy&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;Jcy;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+00419 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;Jcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-jcy&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;jcy;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+00439 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;jcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Jfr&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Jfr;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+1D50D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;Jfr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
jfr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;jfr;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+1D527 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;jfr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-jmath&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;jmath;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+00237 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;jmath;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-Jopf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Jopf;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D541 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;Jopf;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-jopf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;jopf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D55B &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;jopf;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-Jscr&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;Jscr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D4A5 &lt;/td&gt; =
&lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Jscr;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-jscr&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;jscr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D4BF &lt;=
/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;js=
cr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Jsercy&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;Jsercy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+00408 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;Jsercy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-jsercy&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;jsercy;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+00458 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;jsercy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-Jukcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Jukcy;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+00404 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;Jukcy;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-jukcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;jukcy;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00454 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;jukcy;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-Kappa&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;Kappa;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0039A &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Kappa;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-kappa&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;kappa;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003BA &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;kappa=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-kappav&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;kappav;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
003F0 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;kappav;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Kcedil&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;Kcedil;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+00136 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;Kcedil;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
kcedil&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;kcedil;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+00137 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;kcedil;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-Kcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Kcy;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+0041A &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;Kcy;&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-kcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;kcy=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0043A &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;kcy;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-Kfr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;Kfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D50E &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Kfr;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-kfr&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;kfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D528 &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;kfr;&lt;/span&g=
t; &lt;/td&gt; &lt;tr id=3Dentity-kgreen&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;kgreen;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00138 &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;kgre=
en;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-KHcy&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;KHcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00=
425 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;KHcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-khcy&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;khcy;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+00445 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;khcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-KJcy&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;KJcy;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+0040C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;KJcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-kj=
cy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;kjcy;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+0045C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;kjcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-Kopf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Kopf;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+1D542 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;Kopf;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-kopf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;kopf;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+1D55C &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;kopf;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-Kscr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;K=
scr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D4A6 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Kscr;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-kscr&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;kscr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D4C0 &lt;/td&gt; &lt;=
td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;kscr;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-lAarr&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;lAarr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021DA &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Llef=
tarrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Lacute&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;Lacute;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+00139 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;Lacute;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lacute&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lacute;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+0013A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;lacute;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-laemptyv&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;laemptyv;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029B4 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;laemptyv;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-lagran&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;lagran;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02112 &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lagran;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Lambda&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;Lambda;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0039B=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;Lambda;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lambda&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;lambda;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+003BB &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;lambda;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Lang=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Lang;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+027EA &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;Lang;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-lang&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lang;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+027E8 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;#x27E8;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-langd&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;langd;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02991 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;langd;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-langle&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;langle;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+027E8 &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;#x27E8;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-lap&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;lap;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A85 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lap;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Laplacetrf&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;Laplacetrf;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+02112 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;lagran;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-laquo&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;laquo;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+000AB &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;laquo;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-laquo-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;laquo&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000AB &lt;/td&gt; &lt;td&g=
t; &lt;span title=3D&quot;&quot;&gt;&amp;laquo;&lt;/span&gt; &lt;/td&gt; =
&lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for legacy supp=
ort only) --&gt;&lt;tr id=3Dentity-Larr&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;Larr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0219E &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;twohead=
leftarrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lArr&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;lArr;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+021D0 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;lArr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-larr&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;larr;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+02190 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;slarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-l=
arrb&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;larrb;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+021E4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;larrb;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-larrbfs&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;larrbfs;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0291F &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;larrbfs;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-larrfs&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;larrfs;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0291D &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;larrfs;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-larrhk&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;larrhk;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021A9=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;hookleftarrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-larrlp&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;larrlp;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+021AB &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;looparrowleft;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-larrpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;larrpl;&l=
t;/code&gt; &lt;/td&gt; &lt;td&gt; U+02939 &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3Dglyph title=3D&quot;&quot;&gt;&amp;larrpl;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-larrsim&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;larrsim;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02973 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;larrsim;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-larrtl&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;larrtl;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021A2=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;leftarrowtail;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lat&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;lat;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+02AAB &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;lat;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lAtail=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lAtail;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+0291B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;lAtail;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-latail&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;latail;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+02919 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;latail;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-late&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
late;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AAD &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;late;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-lates&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;lates;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AAD U+0FE00 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&qu=
ot;&quot;&gt;&amp;late;&amp;#xfe00;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-lBarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lBarr;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+0290E &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;lBarr;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-lbarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lb=
arr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0290C &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lbarr;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-lbbrk&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;lbbrk;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02772 &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lbbrk;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lbrace&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;lbrace;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0007B =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;{&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lbrack&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;lbrack;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000=
5B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;=
[&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lbrke&gt;&lt;td&gt; &lt;cod=
e title=3D&quot;&quot;&gt;lbrke;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
98B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;lbrke;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lbrksld&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;lbrksld;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+0298F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;lbrksld;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-lbrkslu&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lbrkslu;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+0298D &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;lbrkslu;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-Lcaron&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;L=
caron;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0013D &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Lcaron;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-lcaron&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;lcaron;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0013E &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lcaron=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Lcedil&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;Lcedil;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
0013B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;Lcedil;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lcedil&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;lcedil;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+0013C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;lcedil;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
lceil&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lceil;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+02308 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;lceil;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-lcub&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lcub;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+0007B &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;{&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-Lcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Lcy;&lt;/cod=
e&gt; &lt;/td&gt; &lt;td&gt; U+0041B &lt;/td&gt; &lt;td&gt; &lt;span clas=
s=3Dglyph title=3D&quot;&quot;&gt;&amp;Lcy;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-lcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lcy;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+0043B &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;lcy;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-ldca&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;l=
dca;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02936 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ldca;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-ldquo&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;ldquo;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0201C &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ldquo;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-ldquor&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;ldquor;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0201E &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;ldquor;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ldrdhar&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;ldrdhar;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+02967 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;ldrdhar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ldr=
ushar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ldrushar;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+0294B &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;ldrushar;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-ldsh&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ldsh;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021B2 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;ldsh;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-lE&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;lE;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02266 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;leqq;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-le&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;le;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02264 &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;le;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-LeftAngleBracket&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;LeftAngleBracket;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+027E8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;#x27E8;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-LeftArrow=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;LeftArrow;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+02190 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;slarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-Leftarrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Leftar=
row;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021D0 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lArr;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-leftarrow&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;leftarrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02190 &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;slar=
r;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-LeftArrowBar&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;LeftArrowBar;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+021E4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;larrb;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-L=
eftArrowRightArrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;LeftArr=
owRightArrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021C6 &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;leftrightarro=
ws;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-leftarrowtail&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;leftarrowtail;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+021A2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;leftarrowtail;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-LeftCeiling&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Left=
Ceiling;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02308 &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lceil;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-LeftDoubleBracket&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;LeftDoubleBracket;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+027E6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;lobrk;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-LeftD=
ownTeeVector&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;LeftDownTeeVe=
ctor;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02961 &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;LeftDownTeeVector;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-LeftDownVector&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;LeftDownVector;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+021C3 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;&amp;downharpoonleft;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-LeftDownVectorBar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;L=
eftDownVectorBar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02959 &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;LeftDownV=
ectorBar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-LeftFloor&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;LeftFloor;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+0230A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;lfloor;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
leftharpoondown&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;leftharpoo=
ndown;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021BD &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;leftharpoondown;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-leftharpoonup&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;leftharpoonup;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+021BC &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;lharu;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-leftl=
eftarrows&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;leftleftarrows;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021C7 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;llarr;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-LeftRightArrow&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;LeftRightArrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02194 =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;leftrightarrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Leftrightar=
row&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Leftrightarrow;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+021D4 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;iff;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-leftrightarrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;leftrightarrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02194 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;leftri=
ghtarrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-leftrightarrows&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;leftrightarrows;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+021C6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;leftrightarrows;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-leftrightharpoons&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;leftrightharpoons;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
1CB &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;leftrightharpoons;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-left=
rightsquigarrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;leftrights=
quigarrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021AD &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;leftrightsquigar=
row;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-LeftRightVector&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;LeftRightVector;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+0294E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;LeftRightVector;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-LeftTee&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;L=
eftTee;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022A3 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;dashv;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-LeftTeeArrow&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;LeftTeeArrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
1A4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;mapstoleft;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-LeftTeeVect=
or&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;LeftTeeVector;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+0295A &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;LeftTeeVector;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-leftthreetimes&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;leftthreetimes;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022CB =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;lthree;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-LeftTriangle&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;LeftTriangle;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+022B2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;vartriangleleft;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-LeftTriangleBar&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;LeftTriangleBar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029CF &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Left=
TriangleBar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-LeftTriangleEqua=
l&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;LeftTriangleEqual;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+022B4 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;ltrie;&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-LeftUpDownVector&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;LeftUpDownVector;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02951 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;LeftUpDownVector;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-LeftUpTeeV=
ector&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;LeftUpTeeVector;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+02960 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;LeftUpTeeVector;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-LeftUpVector&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;LeftUpVector;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021BF=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;upharpoonleft;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-LeftUpVecto=
rBar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;LeftUpVectorBar;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+02958 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;LeftUpVectorBar;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-LeftVector&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;LeftVector;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021BC &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
lharu;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-LeftVectorBar&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;LeftVectorBar;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+02952 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;LeftVectorBar;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-lEg&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lEg;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+02A8B &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;lesseqqgtr;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-leg&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;leg;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022DA &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lesseqgtr;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-leq&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;leq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02264 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;le;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-leqq&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;leqq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02266 &lt;=
/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;le=
qq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-leqslant&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;leqslant;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+02A7D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;les;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-les&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;les;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+02A7D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;les;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lescc=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lescc;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+02AA8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;lescc;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-lesdot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lesdot;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+02A7F &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;lesdot;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-lesdoto&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;lesdoto;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A81 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lesdoto;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-lesdotor&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;lesdotor;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A83=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;lesdotor;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lesg&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;lesg;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+022DA U+0FE00 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph =
compound&quot; title=3D&quot;&quot;&gt;&amp;lesseqgtr;&amp;#xfe00;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-lesges&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;lesges;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A93 &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
lesges;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lessapprox&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;lessapprox;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+02A85 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;lap;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-les=
sdot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lessdot;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+022D6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;lessdot;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-lesseqgtr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;le=
sseqgtr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022DA &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lesseqgtr;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-lesseqqgtr&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;lesseqqgtr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
2A8B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;lesseqqgtr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-LessEqualG=
reater&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;LessEqualGreater;&l=
t;/code&gt; &lt;/td&gt; &lt;td&gt; U+022DA &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3Dglyph title=3D&quot;&quot;&gt;&amp;lesseqgtr;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-LessFullEqual&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;LessFullEqual;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02266=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;leqq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-LessGreater&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;LessGreater;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+02276 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;lessgtr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-lessgtr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lessgtr;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+02276 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;lessgtr;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-LessLess&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;LessLess;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AA1 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;LessLess;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lesssim&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;lesssim;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
272 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;lesssim;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-LessSlantEqual=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;LessSlantEqual;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+02A7D &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;les;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-LessTilde&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;LessT=
ilde;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02272 &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lesssim;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-lfisht&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;lfisht;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0297C &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lfisht=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lfloor&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;lfloor;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
0230A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;lfloor;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Lfr&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;Lfr;&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+1D50F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot=
;&quot;&gt;&amp;Lfr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lfr&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lfr;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+1D529 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;lfr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lg&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lg;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+02276 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;lessgtr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-lgE&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lgE;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+02A91 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;lgE;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-lHar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lHar;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+02962 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;lHar;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-lhard&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lhard=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021BD &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;leftharpoondown;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-lharu&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;lharu;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021BC &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lhar=
u;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lharul&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;lharul;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+0296A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;lharul;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lhblk&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;lhblk;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+02584 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;lhblk;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-L=
Jcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;LJcy;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+00409 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;LJcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-ljcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ljcy;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+00459 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;ljcy;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-Ll&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Ll;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+022D8 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;Ll;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-ll&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ll;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+0226A &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;ll;&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-llarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;l=
larr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021C7 &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;llarr;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-llcorner&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;llcorner;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0231E &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;dlco=
rn;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Lleftarrow&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;Lleftarrow;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+021DA &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;Lleftarrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-llhard&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;llhard;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+0296B &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;llhard;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-lltri&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lltri;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+025FA &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;lltri;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-Lmidot&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;Lmidot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0013F &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Lmidot;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-lmidot&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;lmidot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00140 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;lmidot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lmoust&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;lmoust;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+023B0 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;lmoust;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lmoust=
ache&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lmoustache;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+023B0 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;lmoust;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-lnap&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lnap;&l=
t;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A89 &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3Dglyph title=3D&quot;&quot;&gt;&amp;lnapprox;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-lnapprox&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;lnapprox;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A89 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lnapprox=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lnE&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;lnE;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02268 =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;lneqq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lne&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;lne;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+02A87 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;lne;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lneq&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;lneq;&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+02A87 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot=
;&quot;&gt;&amp;lne;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lneqq&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lneqq;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+02268 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;lneqq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-lnsim&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lnsim;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+022E6 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;lnsim;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-loang&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;loang;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+027EC &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;loang;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-loarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;loarr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021FD &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;loarr;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-lobrk&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;lobrk;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+027E6 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lobrk=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-LongLeftArrow&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;LongLeftArrow;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+027F5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;xlarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-L=
ongleftarrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Longleftarrow=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+027F8 &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Longleftarrow;&lt;/span&g=
t; &lt;/td&gt; &lt;tr id=3Dentity-longleftarrow&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;longleftarrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+027F5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;xlarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-LongLeftRigh=
tArrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;LongLeftRightArrow;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+027F7 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;xharr;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-Longleftrightarrow&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;Longleftrightarrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+027FA &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;DoubleLongLeftRightArrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-longleftrightarrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;l=
ongleftrightarrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+027F7 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;xharr;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-longmapsto&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;longmapsto;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+027FC &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;xmap;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-LongRightA=
rrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;LongRightArrow;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+027F6 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;xrarr;&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-Longrightarrow&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;Longrightarrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+027F9 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;xrA=
rr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-longrightarrow&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;longrightarrow;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+027F6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;xrarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-looparrowleft&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;looparro=
wleft;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021AB &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;looparrowleft;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-looparrowright&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;looparrowright;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+021AC &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;rarrlp;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lopa=
r&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lopar;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+02985 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;lopar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-Lopf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Lopf;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+1D543 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;Lopf;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-lopf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lopf;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D55D &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;lopf;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-loplus&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;loplus;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A2D &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;loplus;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-lotimes&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;lotimes;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A34 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;lotimes;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lowast&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;lowast;&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+02217 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot=
;&quot;&gt;&amp;lowast;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lowba=
r&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lowbar;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+0005F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;_&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Lo=
werLeftArrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;LowerLeftArro=
w;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02199 &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;swarrow;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-LowerRightArrow&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;LowerRightArrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+02198 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;searrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-loz&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;loz;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+025CA &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;lozenge;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lo=
zenge&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lozenge;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+025CA &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;lozenge;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-lozf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lozf;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029EB &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;lozf;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-lpar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;lpar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00028 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;(&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-lparlt&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;lparlt;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02993 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lparlt;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-lrarr&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;lrarr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021C6 &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;left=
rightarrows;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lrcorner&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;lrcorner;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+0231F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;drcorn;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
lrhar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lrhar;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+021CB &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;leftrightharpoons;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-lrhard&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;lrhard;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0296D &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lrhard;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-lrm&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;lrm;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0200E &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lrm;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lrtri&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;lrtri;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022BF =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;lrtri;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lsaquo&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;lsaquo;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+02039 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;lsaquo;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Lscr&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Lscr;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+02112 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;lagran;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-lscr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lscr;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+1D4C1 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;lscr;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-Lsh&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Lsh;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+021B0 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;lsh;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-lsh&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lsh;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021B0 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;lsh;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-lsim&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;lsim;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02272 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lesssim;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-lsime&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;lsime;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A8D &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lsime;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lsimg&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;lsimg;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A8=
F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;lsimg;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lsqb&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;lsqb;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+0005B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;[&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lsquo&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;lsquo;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+02018 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;lsquo;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lsquor&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lsquor;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+0201A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;sbquo;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-Lstrok&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Lstrok;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+00141 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;Lstrok;&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-lstrok&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
lstrok;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00142 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lstrok;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-LT&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;LT;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0003C &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lt;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-LT-legacy class=3Dimpl&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;LT&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
0003C &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;lt;&lt=
;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing se=
micolon for legacy support only) --&gt;&lt;tr id=3Dentity-Lt&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;Lt;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+0226A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;ll;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lt&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;lt;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+0003C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;lt;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lt-legacy c=
lass=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;lt&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+0003C &lt;/td&gt; &lt;td&gt; &lt;span title=3D=
&quot;&quot;&gt;&amp;lt;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (inv=
alid entity with missing semicolon for legacy support only) --&gt;&lt;tr =
id=3Dentity-ltcc&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ltcc;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+02AA6 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;ltcc;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-ltcir&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
ltcir;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A79 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ltcir;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-ltdot&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;ltdot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022D6 &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lessdot;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lthree&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;lthree;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
2CB &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;lthree;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ltimes&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;ltimes;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+022C9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;&amp;ltimes;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-l=
tlarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ltlarr;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+02976 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;ltlarr;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-ltquest&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ltque=
st;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A7B &lt;/td&gt; &lt;td&gt; &l=
t;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ltquest;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-ltri&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;ltri;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+025C3 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;triangleleft=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ltrie&gt;&lt;td&gt; &lt;cod=
e title=3D&quot;&quot;&gt;ltrie;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
2B4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;ltrie;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ltrif&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;ltrif;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+025C2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;blacktriangleleft;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-ltrPar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ltrPar;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+02996 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;ltrPar;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-lurdshar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;lurdshar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0294A &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;lurdshar;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-luruhar&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;luruhar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029=
66 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;=
&amp;luruhar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lvertneqq&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;lvertneqq;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+02268 U+0FE00 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&=
quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;lneqq;&amp;#xfe00;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-lvnE&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;lvnE;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02268=
 U+0FE00 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quo=
t; title=3D&quot;&quot;&gt;&amp;lneqq;&amp;#xfe00;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-macr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;macr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000AF &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;strns;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-macr-legacy class=3Dimpl&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;macr&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
000AF &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;strns;=
&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing=
 semicolon for legacy support only) --&gt;&lt;tr id=3Dentity-male&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;male;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+02642 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;male;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-malt=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;malt;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+02720 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;malt;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-maltese&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;maltese;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+02720 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;malt;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-Map&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Map;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02905 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;Map;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-map&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;map;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021A6 &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;mapsto;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-mapsto&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;mapsto;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021A6 &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;mapsto;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-mapstodown&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;mapstodown;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+021A7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;mapstodown;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ma=
pstoleft&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;mapstoleft;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+021A4 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;mapstoleft;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-mapstoup&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;mapstoup;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021A5 &lt;/td&gt; =
&lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;mapstoup;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-marker&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;marker;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
5AE &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;marker;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-mcomma&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;mcomma;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+02A29 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;&amp;mcomma;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-M=
cy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Mcy;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+0041C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;Mcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-mcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;mcy;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+0043C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;mcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-mdash&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;mdash;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+02014 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;mdash;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-mDDot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;mD=
Dot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0223A &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;mDDot;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-measuredangle&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;measuredangle;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0222=
1 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;angmsd;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-MediumSpace&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;MediumSpace;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+0205F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;MediumSpace;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-Mellintrf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Mell=
intrf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02133 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;phmmat;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-Mfr&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;Mfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D510 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Mfr;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-mfr&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;mfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D52A &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;mfr;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-mho&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;mho;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02127 &lt;=
/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;mh=
o;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-micro&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;micro;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
00B5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;micro;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-micro-legacy cl=
ass=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;micro&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+000B5 &lt;/td&gt; &lt;td&gt; &lt;span title=3D=
&quot;&quot;&gt;&amp;micro;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (=
invalid entity with missing semicolon for legacy support only) --&gt;&lt;=
tr id=3Dentity-mid&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;mid;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+02223 &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;mid;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-midast&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;midast;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0002A &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;*&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-midcir&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;midcir;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AF0 &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;midcir;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-middot&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;middot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000B7 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;mid=
dot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-middot-legacy class=3Dim=
pl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;middot&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+000B7 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot=
;&quot;&gt;&amp;middot;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (inva=
lid entity with missing semicolon for legacy support only) --&gt;&lt;tr i=
d=3Dentity-minus&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;minus;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+02212 &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;minus;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-minusb&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;minusb;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0229F &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;minusb;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-minusd&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;minusd;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02238 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;dot=
minus;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-minusdu&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;minusdu;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+02A2A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;minusdu;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Minus=
Plus&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;MinusPlus;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+02213 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;mp;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-mlcp&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;mlcp;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+02ADB &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;mlcp;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-mldr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;mld=
r;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02026 &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;mldr;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-mnplus&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;mnplus;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02213 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;mp;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-models&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;models;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022A7 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;mod=
els;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Mopf&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;Mopf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1=
D544 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;Mopf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-mopf&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;mopf;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+1D55E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;mopf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-mp&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;mp;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+02213 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;mp;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Mscr&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Mscr;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+02133 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;phmmat;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-mscr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;mscr;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+1D4C2 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;mscr;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-mstpos&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;mstpos;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0223E &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;ac;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-Mu&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;M=
u;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0039C &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Mu;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-mu&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;mu;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003BC &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;mu;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-multimap&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;multimap;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022B8 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;multimap=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-mumap&gt;&lt;td&gt; &lt;cod=
e title=3D&quot;&quot;&gt;mumap;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
2B8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;multimap;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nabla&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;nabla;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+02207 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;&amp;nabla;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Na=
cute&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Nacute;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+00143 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;Nacute;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-nacute&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nacute;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00144 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;nacute;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-nang&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;nang;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02220 U+020D2 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&quot;&q=
uot;&gt;&amp;angle;&amp;#x20d2;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-nap&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nap;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+02249 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;nap;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-napE&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;napE;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+02A70 U+00338 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;apE;&a=
mp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-napid&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;napid;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+0224B U+00338 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph c=
ompound&quot; title=3D&quot;&quot;&gt;&amp;apid;&amp;#x338;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-napos&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;napos;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00149 &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;napos;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-napprox&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;napprox;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
249 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;nap;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-natur&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;natur;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+0266E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;natural;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-natur=
al&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;natural;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+0266E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;natural;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-naturals&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;natur=
als;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02115 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;naturals;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-nbsp&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;nbsp;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000A0 &lt;/td&gt; =
&lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nbsp;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nbsp-legacy class=3Dimpl&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;nbsp&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+000A0 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&a=
mp;nbsp;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with=
 missing semicolon for legacy support only) --&gt;&lt;tr id=3Dentity-nbum=
p&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nbump;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+0224E U+00338 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;bump;&amp;#x338;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nbumpe&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;nbumpe;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
24F U+00338 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&=
quot; title=3D&quot;&quot;&gt;&amp;bumpeq;&amp;#x338;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-ncap&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;ncap;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A43 &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ncap;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-Ncaron&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;Ncaron;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00147 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Ncaro=
n;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ncaron&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;ncaron;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+00148 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;ncaron;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Ncedil&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;Ncedil;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+00145 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;Ncedil;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
ncedil&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ncedil;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+00146 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;ncedil;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-ncong&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ncong;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02247 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;ncong;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-ncongdot&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;ncongdot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A6D U+00338 &lt=
;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&=
quot;&quot;&gt;&amp;congdot;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-ncup&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ncup;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+02A42 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;ncup;&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-Ncy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Ncy=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0041D &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Ncy;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-ncy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;ncy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0043D &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ncy;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-ndash&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;ndash;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02013 &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ndash;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ne&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;ne;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02260 &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ne;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nearhk&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;nearhk;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02924=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;nearhk;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-neArr&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;neArr;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+021D7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;neArr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nearr&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nearr;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+02197 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;nearrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-nearrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nearrow;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+02197 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;nearrow;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-nedot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;nedot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02250 U+00338 &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&quot;&qu=
ot;&gt;&amp;esdot;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-NegativeMediumSpace&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Negat=
iveMediumSpace;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0200B &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;NegativeThi=
ckSpace;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NegativeThickSpace&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NegativeThickSpace;&lt;/cod=
e&gt; &lt;/td&gt; &lt;td&gt; U+0200B &lt;/td&gt; &lt;td&gt; &lt;span clas=
s=3Dglyph title=3D&quot;&quot;&gt;&amp;NegativeThickSpace;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-NegativeThinSpace&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;NegativeThinSpace;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+0200B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;NegativeThickSpace;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-NegativeVeryThinSpace&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;NegativeVeryThinSpace;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0200B &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Neg=
ativeThickSpace;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nequiv&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;nequiv;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+02262 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;nequiv;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
nesear&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nesear;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+02928 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;toea;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-nesim&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nesim;&l=
t;/code&gt; &lt;/td&gt; &lt;td&gt; U+02242 U+00338 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp=
;esim;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NestedGreat=
erGreater&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NestedGreaterGre=
ater;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0226B &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;gg;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-NestedLessLess&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;NestedLessLess;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022=
6A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;=
&amp;ll;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NewLine&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;NewLine;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+0000A &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph contro=
l&quot; title=3D&quot;&quot;&gt;&amp;#x240a;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-nexist&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nex=
ist;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02204 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nexists;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-nexists&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;nexists;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02204 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nexis=
ts;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Nfr&gt;&lt;td&gt; &lt;cod=
e title=3D&quot;&quot;&gt;Nfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D51=
1 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;Nfr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nfr&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;nfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+1D52B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;nfr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ngE&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;ngE;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+02267 U+00338 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph c=
ompound&quot; title=3D&quot;&quot;&gt;&amp;geqq;&amp;#x338;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-nge&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;nge;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02271 &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ngeq;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-ngeq&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;ngeq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02271 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ngeq;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ngeqq&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;ngeqq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022=
67 U+00338 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&q=
uot; title=3D&quot;&quot;&gt;&amp;geqq;&amp;#x338;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-ngeqslant&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;ngeqslant;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A7E U+00338 &lt;=
/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&q=
uot;&quot;&gt;&amp;ges;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-nges&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nges;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+02A7E U+00338 &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;ges;&am=
p;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nGg&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;nGg;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+022D9 U+00338 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compou=
nd&quot; title=3D&quot;&quot;&gt;&amp;ggg;&amp;#x338;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-ngsim&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;ngsim;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02275 &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ngsim;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-nGt&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;nGt;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0226B U+020D2 &l=
t;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D=
&quot;&quot;&gt;&amp;gg;&amp;#x20d2;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-ngt&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ngt;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+0226F &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;ngt;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-ngtr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ngtr;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+0226F &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;ngt;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-nGtv&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nGt=
v;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0226B U+00338 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;=
&amp;gg;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nhArr&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nhArr;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+021CE &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;nhArr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentit=
y-nharr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nharr;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+021AE &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;nharr;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-nhpar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nhpar;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AF2 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;nhpar;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-ni&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;ni;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0220B &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;niv;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-nis&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;nis;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022FC &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nis;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-nisd&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;nisd;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022FA &lt;/td&gt; =
&lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nisd;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-niv&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;niv;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0220B &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;niv;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NJcy&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;NJcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0040A &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;NJcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-njcy&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;njcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+0045A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;njcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nlArr&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;nlArr;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+021CD &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;nlArr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nla=
rr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nlarr;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+0219A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;nlarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-nldr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nldr;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+02025 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;nldr;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-nlE&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nlE;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+02266 U+00338 &lt;/td&gt; &lt;td&gt; =
&lt;span class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;=
leqq;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nle&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;nle;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+02270 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;nle;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nLeftar=
row&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nLeftarrow;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+021CD &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;nlArr;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-nleftarrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nl=
eftarrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0219A &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nlarr;&lt;/span&g=
t; &lt;/td&gt; &lt;tr id=3Dentity-nLeftrightarrow&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;nLeftrightarrow;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+021CE &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;nhArr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nleftrig=
htarrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nleftrightarrow;&l=
t;/code&gt; &lt;/td&gt; &lt;td&gt; U+021AE &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3Dglyph title=3D&quot;&quot;&gt;&amp;nharr;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-nleq&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;nleq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02270 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nle;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-nleqq&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;nleqq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02266 U+00338 &lt;=
/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&q=
uot;&quot;&gt;&amp;leqq;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-nleqslant&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nleqslant=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A7D U+00338 &lt;/td&gt; &lt;td&=
gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&=
amp;les;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nles&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nles;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+02A7D U+00338 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot=
;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;les;&amp;#x338;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-nless&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;nless;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0226E &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nles=
s;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nLl&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;nLl;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022D8=
 U+00338 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quo=
t; title=3D&quot;&quot;&gt;&amp;Ll;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-nlsim&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nl=
sim;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02274 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nlsim;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-nLt&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;nLt;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0226A U+020D2 &lt;/td&g=
t; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&quot;&=
quot;&gt;&amp;ll;&amp;#x20d2;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-nlt&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nlt;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+0226E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;nless;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-nltri&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nltri;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+022EA &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;nltri;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-nltrie&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;n=
ltrie;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022EC &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nltrie;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-nLtv&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;nLtv;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0226A U+00338 &lt;=
/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&q=
uot;&quot;&gt;&amp;ll;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-nmid&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nmid;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+02224 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;nmid;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-NoBreak&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NoBrea=
k;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02060 &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;NoBreak;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-NonBreakingSpace&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;NonBreakingSpace;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+000A0 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;nbsp;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Nopf&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;Nopf;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+02115 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;naturals;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
nopf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nopf;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+1D55F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;nopf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-Not&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Not;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+02AEC &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;Not;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-not&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;not;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+000AC &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;not;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-not-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;not&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000AC &lt;/td&gt;=
 &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;not;&lt;/span&gt; &lt;/=
td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for lega=
cy support only) --&gt;&lt;tr id=3Dentity-NotCongruent&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;NotCongruent;&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+02262 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot=
;&quot;&gt;&amp;nequiv;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotCu=
pCap&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NotCupCap;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+0226D &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;NotCupCap;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-NotDoubleVerticalBar&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;NotDoubleVerticalBar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
2226 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;nspar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotElement&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NotElement;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+02209 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;notinva;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-NotEqual&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NotEqual;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02260 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;ne;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-NotEqualTilde&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;NotEqualTilde;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02242 U+003=
38 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; tit=
le=3D&quot;&quot;&gt;&amp;esim;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-NotExists&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;No=
tExists;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02204 &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nexists;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-NotGreater&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;NotGreater;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022=
6F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;=
&amp;ngt;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotGreaterEqual&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NotGreaterEqual;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+02271 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;ngeq;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-NotGreaterFullEqual&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;NotGreaterFullEqual;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02267 U+0=
0338 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; t=
itle=3D&quot;&quot;&gt;&amp;geqq;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-NotGreaterGreater&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;NotGreaterGreater;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0226B U+=
00338 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; =
title=3D&quot;&quot;&gt;&amp;gg;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-NotGreaterLess&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;NotGreaterLess;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02279 &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ntgl;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotGreaterSlantEqual&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;NotGreaterSlantEqual;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+02A7E U+00338 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;ges;&amp;#x=
338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotGreaterTilde&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;NotGreaterTilde;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+02275 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;ngsim;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-NotHumpDownHump&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Not=
HumpDownHump;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0224E U+00338 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&quot=
;&quot;&gt;&amp;bump;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-NotHumpEqual&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NotHumpEq=
ual;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0224F U+00338 &lt;/td&gt; &lt;=
td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&g=
t;&amp;bumpeq;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-not=
in&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;notin;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+02209 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;notinva;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-notindot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;notindo=
t;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022F5 U+00338 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;=
&amp;isindot;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-noti=
nE&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;notinE;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+022F9 U+00338 &lt;/td&gt; &lt;td&gt; &lt;span clas=
s=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;isinE;&amp;#x=
338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-notinva&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;notinva;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+02209 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;notinva;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-notinvb=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;notinvb;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+022F7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;notinvb;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-notinvc&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;notinvc;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022F6 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;notinvc;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-NotLeftTriangle&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;NotLeftTriangle;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
2EA &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;nltri;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotLeftTriangleB=
ar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NotLeftTriangleBar;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+029CF U+00338 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;L=
eftTriangleBar;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-No=
tLeftTriangleEqual&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NotLeft=
TriangleEqual;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022EC &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nltrie;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotLess&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;NotLess;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0226=
E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;nless;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotLessEqual&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;NotLessEqual;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+02270 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;nle;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-NotLessGreater&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NotLes=
sGreater;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02278 &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ntlg;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-NotLessLess&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;NotLessLess;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022=
6A U+00338 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&q=
uot; title=3D&quot;&quot;&gt;&amp;ll;&amp;#x338;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-NotLessSlantEqual&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;NotLessSlantEqual;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A7=
D U+00338 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&qu=
ot; title=3D&quot;&quot;&gt;&amp;les;&amp;#x338;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-NotLessTilde&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;NotLessTilde;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02274 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nlsim;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotNestedGreaterGreater&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NotNestedGreaterGreater;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+02AA2 U+00338 &lt;/td&gt; &lt;td&gt; &lt=
;span class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;Gre=
aterGreater;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotNe=
stedLessLess&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NotNestedLess=
Less;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AA1 U+00338 &lt;/td&gt; &lt=
;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&=
gt;&amp;LessLess;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
notni&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;notni;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+0220C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;notni;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-notniva&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;notniva=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0220C &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;notni;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-notnivb&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;notnivb;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022FE &lt;/td&gt; =
&lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;notnivb;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-notnivc&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;notnivc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
22FD &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;notnivc;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotPrecedes&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NotPrecedes;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+02280 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;nprec;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-NotPrecedesEqual&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;NotPrecedesEqual;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AAF U+00338 &l=
t;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D=
&quot;&quot;&gt;&amp;pre;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-NotPrecedesSlantEqual&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;NotPrecedesSlantEqual;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022E0 &lt=
;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;n=
prcue;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotReverseElement&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NotReverseElement;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+0220C &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;notni;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-NotRightTriangle&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;NotRightTriangle;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022EB &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ntria=
ngleright;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotRightTriangleBa=
r&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NotRightTriangleBar;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+029D0 U+00338 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;R=
ightTriangleBar;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-N=
otRightTriangleEqual&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NotRi=
ghtTriangleEqual;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022ED &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nrtrie;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotSquareSubset&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;NotSquareSubset;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+0228F U+00338 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quo=
t;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;sqsub;&amp;#x338;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotSquareSubsetEqual&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;NotSquareSubsetEqual;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+022E2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;nsqsube;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-NotSquareSuperset&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;NotSquareSuperset;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02290 U+00338=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=
=3D&quot;&quot;&gt;&amp;sqsupset;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-NotSquareSupersetEqual&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;NotSquareSupersetEqual;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+022E3 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;nsqsupe;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotSubset&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NotSubset;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+02282 U+020D2 &lt;/td&gt; &lt;td&gt; &lt;span clas=
s=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;sub;&amp;#x20=
d2;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotSubsetEqual&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;NotSubsetEqual;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+02288 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;nsube;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-NotSucceeds&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NotSucceed=
s;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02281 &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nsc;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-NotSucceedsEqual&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;NotSucceedsEqual;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
2AB0 U+00338 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound=
&quot; title=3D&quot;&quot;&gt;&amp;succeq;&amp;#x338;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-NotSucceedsSlantEqual&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;NotSucceedsSlantEqual;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+022E1 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;nsccue;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Not=
SucceedsTilde&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NotSucceedsT=
ilde;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0227F U+00338 &lt;/td&gt; &lt=
;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&=
gt;&amp;scsim;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Not=
Superset&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NotSuperset;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+02283 U+020D2 &lt;/td&gt; &lt;td&gt; &l=
t;span class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;su=
p;&amp;#x20d2;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotSupersetEqu=
al&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NotSupersetEqual;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+02289 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;nsupseteq;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-NotTilde&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;NotTilde;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02241 &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nsim;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotTildeEqual&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;NotTildeEqual;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+02244 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;nsimeq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotTil=
deFullEqual&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;NotTildeFullEq=
ual;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02247 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ncong;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-NotTildeTilde&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;NotTildeTilde;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0224=
9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;nap;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-NotVerticalBar&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;NotVerticalBar;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+02224 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;nmid;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-npar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;npar;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+02226 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;nspar;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-nparallel&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
nparallel;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02226 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nspar;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-nparsl&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;nparsl;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AFD U+020=
E5 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; tit=
le=3D&quot;&quot;&gt;&amp;parsl;&amp;#x20e5;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-npart&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;npar=
t;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02202 U+00338 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;=
&amp;part;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-npolint=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;npolint;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+02A14 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;npolint;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-npr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;npr;&lt;/cod=
e&gt; &lt;/td&gt; &lt;td&gt; U+02280 &lt;/td&gt; &lt;td&gt; &lt;span clas=
s=3Dglyph title=3D&quot;&quot;&gt;&amp;nprec;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-nprcue&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;np=
rcue;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022E0 &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nprcue;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-npre&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;npre;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AAF U+00338 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&qu=
ot;&quot;&gt;&amp;pre;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-nprec&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nprec;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+02280 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;nprec;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-npreceq&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;np=
receq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AAF U+00338 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&quot;&quot;=
&gt;&amp;pre;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nrAr=
r&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nrArr;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+021CF &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;nrArr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-nrarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nrarr;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+0219B &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;nrarr;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-nrarrc&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;n=
rarrc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02933 U+00338 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&quot;&quot;=
&gt;&amp;rarrc;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nr=
arrw&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nrarrw;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+0219D U+00338 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;rightsquiga=
rrow;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nRightarrow&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nRightarrow;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+021CF &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;nrArr;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-nrightarrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nri=
ghtarrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0219B &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nrarr;&lt;/span&g=
t; &lt;/td&gt; &lt;tr id=3Dentity-nrtri&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;nrtri;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022EB &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ntrian=
gleright;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nrtrie&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;nrtrie;&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+022ED &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot=
;&quot;&gt;&amp;nrtrie;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nsc&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nsc;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+02281 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;nsc;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
nsccue&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nsccue;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+022E1 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;nsccue;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-nsce&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nsce;&l=
t;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AB0 U+00338 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp=
;succeq;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Nscr&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Nscr;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+1D4A9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;Nscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ns=
cr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nscr;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+1D4C3 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;nscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-nshortmid&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nshortmid;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02224 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;nmid;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-nshortparallel&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;nshortparallel;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02226 =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;nspar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nsim&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;nsim;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+02241 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;nsim;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nsime&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;nsime;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+02244 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;nsimeq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
nsimeq&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nsimeq;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+02244 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;nsimeq;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-nsmid&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nsmid;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02224 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;nmid;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-nspar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;nspar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02226 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nspar;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-nsqsube&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;nsqsube;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022E2 &lt;=
/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ns=
qsube;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nsqsupe&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;nsqsupe;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+022E3 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;nsqsupe;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nsub&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nsub;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+02284 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;nsub;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-nsubE&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nsubE;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+02AC5 U+00338 &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;subseteq=
q;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nsube&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;nsube;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+02288 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;nsube;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nsub=
set&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nsubset;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+02282 U+020D2 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;sub;&amp;#x=
20d2;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nsubseteq&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;nsubseteq;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+02288 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;nsube;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nsub=
seteqq&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nsubseteqq;&lt;/cod=
e&gt; &lt;/td&gt; &lt;td&gt; U+02AC5 U+00338 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;subse=
teqq;&amp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nsucc&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;nsucc;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+02281 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;nsc;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nsu=
cceq&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nsucceq;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+02AB0 U+00338 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;succeq;&am=
p;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nsup&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;nsup;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+02285 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;nsup;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nsupE&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;nsupE;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+02AC6 U+00338 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;=
glyph compound&quot; title=3D&quot;&quot;&gt;&amp;supseteqq;&amp;#x338;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nsupe&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;nsupe;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02289=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;nsupseteq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nsupset&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;nsupset;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+02283 U+020D2 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot=
;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;sup;&amp;#x20d2;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-nsupseteq&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;nsupseteq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
2289 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;nsupseteq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nsupseteqq&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nsupseteqq;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+02AC6 U+00338 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;supseteqq;&a=
mp;#x338;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ntgl&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;ntgl;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+02279 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;ntgl;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Ntilde&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Ntilde;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+000D1 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;Ntilde;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-Ntilde-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;Ntilde&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000D1 &lt;/td&gt; &lt;td=
&gt; &lt;span title=3D&quot;&quot;&gt;&amp;Ntilde;&lt;/span&gt; &lt;/td&g=
t; &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for legacy s=
upport only) --&gt;&lt;tr id=3Dentity-ntilde&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;ntilde;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000F1 &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
ntilde;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ntilde-legacy class=3D=
impl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ntilde&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+000F1 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&qu=
ot;&quot;&gt;&amp;ntilde;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (in=
valid entity with missing semicolon for legacy support only) --&gt;&lt;tr=
 id=3Dentity-ntlg&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ntlg;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+02278 &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;ntlg;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-ntriangleleft&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;ntriangleleft;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022EA &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nlt=
ri;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ntrianglelefteq&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;ntrianglelefteq;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+022EC &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;nltrie;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-ntriangleright&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ntri=
angleright;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022EB &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ntriangleright;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ntrianglerighteq&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;ntrianglerighteq;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+022ED &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;nrtrie;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-Nu&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Nu;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+0039D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;Nu;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-nu&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nu;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+003BD &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;nu;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-num&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;num;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+00023 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;#&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-numero&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;numero;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+02116 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;numero;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-numsp&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;num=
sp;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02007 &lt;/td&gt; &lt;td&gt; &l=
t;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;numsp;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-nvap&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;nvap;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0224D U+020D2 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&quot;=
&quot;&gt;&amp;asympeq;&amp;#x20d2;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-nVDash&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nVDash;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+022AF &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;nVDash;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-nVdash&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;nVdash;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022AE &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nVdash;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-nvDash&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;nvDash;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022AD &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nvD=
ash;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nvdash&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;nvdash;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+022AC &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;nvdash;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nvge&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;nvge;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+02265 U+020D2 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;=
glyph compound&quot; title=3D&quot;&quot;&gt;&amp;ge;&amp;#x20d2;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-nvgt&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;nvgt;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0003E U+020D2=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=
=3D&quot;&quot;&gt;&amp;gt;&amp;#x20d2;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-nvHarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nvHarr;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02904 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;nvHarr;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-nvinfin&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;nvinfin;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029DE &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nvinfin;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nvlArr&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;nvlArr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0290=
2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;nvlArr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nvle&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;nvle;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+02264 U+020D2 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph c=
ompound&quot; title=3D&quot;&quot;&gt;&amp;le;&amp;#x20d2;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-nvlt&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;nvlt;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0003C U+020D2 &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&quo=
t;&quot;&gt;&amp;lt;&amp;#x20d2;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-nvltrie&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nvltrie;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+022B4 U+020D2 &lt;/td&gt; &lt;td&gt; &lt=
;span class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;ltr=
ie;&amp;#x20d2;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nvrArr&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;nvrArr;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+02903 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;nvrArr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
nvrtrie&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nvrtrie;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+022B5 U+020D2 &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;rtrie;&=
amp;#x20d2;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nvsim&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;nvsim;&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+0223C U+020D2 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph=
 compound&quot; title=3D&quot;&quot;&gt;&amp;sim;&amp;#x20d2;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-nwarhk&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;nwarhk;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02923 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nwarh=
k;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nwArr&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;nwArr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
21D6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;nwArr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nwarr&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;nwarr;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+02196 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;nwarrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-nw=
arrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nwarrow;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+02196 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;nwarrow;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-nwnear&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;nwne=
ar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02927 &lt;/td&gt; &lt;td&gt; &l=
t;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;nwnear;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-Oacute&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;Oacute;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000D3 &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Oacute;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Oacute-legacy class=3Dimpl&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Oacute&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+000D3 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot=
;&gt;&amp;Oacute;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid en=
tity with missing semicolon for legacy support only) --&gt;&lt;tr id=3Den=
tity-oacute&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;oacute;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+000F3 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;oacute;&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-oacute-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;oacute&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000F3 &l=
t;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;oacute;&lt;/sp=
an&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semico=
lon for legacy support only) --&gt;&lt;tr id=3Dentity-oast&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;oast;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+0229B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;oast;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ocir&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;ocir;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+0229A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;&amp;ocir;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Oci=
rc&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Ocirc;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+000D4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;Ocirc;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-Ocirc-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;Ocirc&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000D4 &lt;/td&gt; &lt;=
td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;Ocirc;&lt;/span&gt; &lt;/td&=
gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for legacy =
support only) --&gt;&lt;tr id=3Dentity-ocirc&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;ocirc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000F4 &lt=
;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;o=
circ;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ocirc-legacy class=3Dim=
pl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ocirc&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+000F4 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;=
&quot;&gt;&amp;ocirc;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invali=
d entity with missing semicolon for legacy support only) --&gt;&lt;tr id=3D=
entity-Ocy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Ocy;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+0041E &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;Ocy;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-ocy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ocy;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+0043E &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;ocy;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-odash&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;odas=
h;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0229D &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;circleddash;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-Odblac&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;Odblac;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00150 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Odbla=
c;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-odblac&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;odblac;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+00151 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;odblac;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-odiv&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;odiv;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+02A38 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;odiv;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-odot=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;odot;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+02299 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;odot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-odsold&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;odsold;&lt;/cod=
e&gt; &lt;/td&gt; &lt;td&gt; U+029BC &lt;/td&gt; &lt;td&gt; &lt;span clas=
s=3Dglyph title=3D&quot;&quot;&gt;&amp;odsold;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-OElig&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;OE=
lig;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00152 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;OElig;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-oelig&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;oelig;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00153 &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;oelig;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ofcir&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;ofcir;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029BF &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
ofcir;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Ofr&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;Ofr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1=
D512 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;Ofr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ofr&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;ofr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+1D52C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;ofr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ogon&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;ogon;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+002DB &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;ogon;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Ogra=
ve&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Ograve;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+000D2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;Ograve;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-Ograve-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;Ograve&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000D2 &lt;/td&gt;=
 &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;Ograve;&lt;/span&gt; &l=
t;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for l=
egacy support only) --&gt;&lt;tr id=3Dentity-ograve&gt;&lt;td&gt; &lt;cod=
e title=3D&quot;&quot;&gt;ograve;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
00F2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;ograve;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ograve-legacy =
class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ograve&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+000F2 &lt;/td&gt; &lt;td&gt; &lt;span tit=
le=3D&quot;&quot;&gt;&amp;ograve;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt=
;!-- (invalid entity with missing semicolon for legacy support only) --&g=
t;&lt;tr id=3Dentity-ogt&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;o=
gt;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029C1 &lt;/td&gt; &lt;td&gt; &l=
t;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ogt;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-ohbar&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;ohbar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029B5 &lt;/td&gt; &lt;=
td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ohbar;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-ohm&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;ohm;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003A9 &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ohm;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-oint&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;oint;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0222E &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
conint;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-olarr&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;olarr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+021BA &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;olarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-olcir&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;olcir;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+029BE &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;olcir;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-o=
lcross&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;olcross;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+029BB &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;olcross;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-oline&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;oline=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0203E &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;oline;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-olt&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;olt;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029C0 &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;olt;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-Omacr&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;Omacr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0014C &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Omacr;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-omacr&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;omacr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0014D =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;omacr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Omega&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;Omega;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+003A9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;ohm;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-omega&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;omega;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+003C9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;omega;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-O=
micron&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Omicron;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+0039F &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;Omicron;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-omicron&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;omi=
cron;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003BF &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;omicron;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-omid&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;omid;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029B6 &lt;/td&gt; =
&lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;omid;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ominus&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;ominus;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02296 =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;ominus;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Oopf&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;Oopf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+1D546 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;Oopf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-oopf&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;oopf;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+1D560 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;&amp;oopf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-opa=
r&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;opar;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+029B7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;opar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-OpenCurlyDoubleQuote&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
OpenCurlyDoubleQuote;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0201C &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ldquo=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-OpenCurlyQuote&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;OpenCurlyQuote;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+02018 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;lsquo;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentit=
y-operp&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;operp;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+029B9 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;operp;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-oplus&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;oplus;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02295 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;oplus;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-Or&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;Or;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A54 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Or;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-or&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;or;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02228 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;vee;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-orarr&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;orarr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021BB &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;orarr;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ord&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;ord;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A5D &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ord;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-order&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;order;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02134=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;oscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-orderof&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;orderof;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+02134 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;oscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ordf&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ordf;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+000AA &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;ordf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentit=
y-ordf-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;ordf&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000AA &lt;/td&gt; &lt;td&gt; =
&lt;span title=3D&quot;&quot;&gt;&amp;ordf;&lt;/span&gt; &lt;/td&gt; &lt;=
/tr&gt;&lt;!-- (invalid entity with missing semicolon for legacy support =
only) --&gt;&lt;tr id=3Dentity-ordm&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;ordm;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000BA &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ordm;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-ordm-legacy class=3Dimpl&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;ordm&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+000BA &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&am=
p;ordm;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with =
missing semicolon for legacy support only) --&gt;&lt;tr id=3Dentity-origo=
f&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;origof;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+022B6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;origof;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-oror&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;oror;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+02A56 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;oror;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-orslope&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ors=
lope;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A57 &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;orslope;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-orv&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;orv;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A5B &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;orv;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-oS&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;oS;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+024C8 &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;oS;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-Oscr&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;Oscr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D4AA &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Oscr;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-oscr&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;oscr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02134=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;oscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Oslash&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;Oslash;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+000D8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;Oslash;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Oslash=
-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Oslas=
h&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000D8 &lt;/td&gt; &lt;td&gt; &lt;=
span title=3D&quot;&quot;&gt;&amp;Oslash;&lt;/span&gt; &lt;/td&gt; &lt;/t=
r&gt;&lt;!-- (invalid entity with missing semicolon for legacy support on=
ly) --&gt;&lt;tr id=3Dentity-oslash&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;oslash;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000F8 &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;oslash;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-oslash-legacy class=3Dimpl&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;oslash&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+000F8 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot=
;&gt;&amp;oslash;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid en=
tity with missing semicolon for legacy support only) --&gt;&lt;tr id=3Den=
tity-osol&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;osol;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+02298 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;osol;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-Otilde&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Otilde;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000D5 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;Otilde;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-Otilde-legacy class=3Dimpl&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;Otilde&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
00D5 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;Otilde;=
&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing=
 semicolon for legacy support only) --&gt;&lt;tr id=3Dentity-otilde&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;otilde;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+000F5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;otilde;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
otilde-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;otilde&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000F5 &lt;/td&gt; &lt;td&gt=
; &lt;span title=3D&quot;&quot;&gt;&amp;otilde;&lt;/span&gt; &lt;/td&gt; =
&lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for legacy supp=
ort only) --&gt;&lt;tr id=3Dentity-Otimes&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;Otimes;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A37 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Oti=
mes;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-otimes&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;otimes;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+02297 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;otimes;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-otimesas&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;otimesas;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+02A36 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;otimesas;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-Ouml&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Ouml;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+000D6 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;Ouml;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-Ouml-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;Ouml&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000D6 &lt;/td&=
gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;Ouml;&lt;/span&gt; &=
lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for =
legacy support only) --&gt;&lt;tr id=3Dentity-ouml&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;ouml;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000F=
6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;ouml;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ouml-legacy class=3D=
impl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ouml&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+000F6 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot=
;&quot;&gt;&amp;ouml;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invali=
d entity with missing semicolon for legacy support only) --&gt;&lt;tr id=3D=
entity-ovbar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ovbar;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+0233D &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;ovbar;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-OverBar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
OverBar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0203E &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;oline;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-OverBrace&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;OverBrace;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+023DE &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
OverBrace;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-OverBracket&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;OverBracket;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+023B4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;tbrk;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-OverParenthesis&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;OverPa=
renthesis;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+023DC &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;OverParenthesis;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-par&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;par;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02225 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;spar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-para&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;para;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+000B6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;para;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-para-legacy cl=
ass=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;para&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+000B6 &lt;/td&gt; &lt;td&gt; &lt;span title=3D=
&quot;&quot;&gt;&amp;para;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (i=
nvalid entity with missing semicolon for legacy support only) --&gt;&lt;t=
r id=3Dentity-parallel&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;par=
allel;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02225 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;spar;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-parsim&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;parsim;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AF3 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;parsim;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-parsl&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;parsl;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AF=
D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;parsl;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-part&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;part;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+02202 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;part;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-PartialD&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;PartialD;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+02202 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;part;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-Pcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Pcy;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+0041F &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;Pcy;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-pcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;pcy;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+0043F &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;pcy;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-percnt&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;per=
cnt;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00025 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;%&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-period&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
period;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0002E &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;.&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-permil&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;permil;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02030 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;permil;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-perp&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;perp;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022A5 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;bottom=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-pertenk&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;pertenk;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+02031 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;pertenk;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Pfr&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;Pfr;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+1D513 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;Pfr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-pfr&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;pfr;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+1D52D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;pfr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
Phi&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Phi;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+003A6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;Phi;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-phi&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;phi;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+003C6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;phi;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-phiv&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;phiv;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+003D5 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;phiv;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-phmmat&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;p=
hmmat;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02133 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;phmmat;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-phone&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;phone;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0260E &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;phone;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Pi&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;Pi;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003A0 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Pi;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-pi&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;pi;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003C0 &lt=
;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;p=
i;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-pitchfork&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;pitchfork;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+022D4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;fork;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-piv&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;piv;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+003D6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;varpi;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-p=
lanck&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;planck;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+0210F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;hslash;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-planckh&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;planc=
kh;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0210E &lt;/td&gt; &lt;td&gt; &l=
t;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;planckh;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-plankv&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;plankv;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0210F &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;hslash;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-plus&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;plus;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0002B =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;+&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-plusacir&gt;&lt;td&gt; &lt;cod=
e title=3D&quot;&quot;&gt;plusacir;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+02A23 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;plusacir;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-plusb&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;plusb;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+0229E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;boxplus;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-pluscir&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;pluscir;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+02A22 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;pluscir;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-plusdo&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;p=
lusdo;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02214 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;dotplus;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-plusdu&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;plusdu;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A25 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;plusd=
u;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-pluse&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;pluse;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
2A72 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;pluse;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-PlusMinus&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;PlusMinus;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+000B1 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;plusmn;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-plusmn&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;plusmn;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+000B1 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;plusmn;&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-plusmn-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;plusmn&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000B1 &l=
t;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;plusmn;&lt;/sp=
an&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semico=
lon for legacy support only) --&gt;&lt;tr id=3Dentity-plussim&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;plussim;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+02A26 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;plussim;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-pl=
ustwo&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;plustwo;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+02A27 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;plustwo;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-pm&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;pm;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+000B1 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;plusmn;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-Poincareplane&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;Poincareplane;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0210C &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Hfr=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-pointint&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;pointint;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+02A15 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;pointint;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Popf&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Popf;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+02119 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;primes;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-popf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;popf;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+1D561 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;popf;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-pound&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;pound;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+000A3 &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;pound;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-pound-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;pound&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000A3 &=
lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;pound;&lt;/sp=
an&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semico=
lon for legacy support only) --&gt;&lt;tr id=3Dentity-Pr&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;Pr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
02ABB &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;Pr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-pr&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;pr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+0227A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;pr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-prap&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;prap;&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+02AB7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot=
;&quot;&gt;&amp;prap;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-prcue&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;prcue;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+0227C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;preccurlyeq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-prE&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;prE;&lt;/cod=
e&gt; &lt;/td&gt; &lt;td&gt; U+02AB3 &lt;/td&gt; &lt;td&gt; &lt;span clas=
s=3Dglyph title=3D&quot;&quot;&gt;&amp;prE;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-pre&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;pre;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AAF &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;pre;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-prec&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;p=
rec;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0227A &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;pr;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-precapprox&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;precapprox;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AB7 &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;prap=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-preccurlyeq&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;preccurlyeq;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+0227C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;preccurlyeq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentit=
y-Precedes&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Precedes;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+0227A &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;pr;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-PrecedesEqual&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;PrecedesEqual;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AAF &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;pre;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-PrecedesSlantEqual&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;PrecedesSlantEqual;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+0227C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;preccurlyeq;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-PrecedesTilde&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;P=
recedesTilde;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0227E &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;prsim;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-preceq&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;preceq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AAF &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
pre;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-precnapprox&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;precnapprox;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+02AB9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;prnap;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-p=
recneqq&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;precneqq;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+02AB5 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;precneqq;&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-precnsim&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;precnsim;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022E8 &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;prnsim;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-precsim&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;precsim;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0227E &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;prsim;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Prime&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;Prime;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+02033 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;Prime;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-prime&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;prime;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+02032 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;prime;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-p=
rimes&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;primes;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+02119 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;primes;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-prnap&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;prnap;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AB9 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;prnap;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-prnE&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;prnE;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AB5 &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;precneqq;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-prnsim&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;prnsim;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022E8 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;prn=
sim;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-prod&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;prod;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
220F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;prod;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Product&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;Product;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+0220F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;prod;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-pr=
ofalar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;profalar;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+0232E &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;profalar;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-profline&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;p=
rofline;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02312 &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;profline;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-profsurf&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;profsurf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02313 =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;profsurf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-prop&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;prop;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+0221D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;propto;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Proport=
ion&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Proportion;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+02237 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;Colon;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-Proportional&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
Proportional;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0221D &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;propto;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-propto&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;propto;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0221D &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;propto;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-prsim&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;prsim;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+0227E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;prsim;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-prurel&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;prurel;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+022B0 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;prurel;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-Pscr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Pscr;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+1D4AB &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;Pscr;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-pscr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;pscr;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+1D4C5 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;pscr;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-Psi&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Ps=
i;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003A8 &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Psi;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-psi&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;psi;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003C8 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;psi;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-puncsp&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;puncsp;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02008 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;puncsp;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Qfr&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;Qfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D514 &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
Qfr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-qfr&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;qfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D5=
2E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;=
&amp;qfr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-qint&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;qint;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+02A0C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;iiiint;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Qopf&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Qopf;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+0211A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;rationals;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-qopf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;qopf;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+1D562 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;qopf;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-qprime&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;qprime;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02057 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;qprime;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-Qscr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;Qscr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D4AC &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Qscr;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-qscr&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;qscr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D4C6 &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;qscr;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-quaternions&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;quaternions;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+0210D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;quaternions;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-qua=
tint&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;quatint;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+02A16 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;quatint;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-quest&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;quest;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0003F &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;?&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-questeq&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;que=
steq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0225F &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;questeq;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-QUOT&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;QUOT;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00022 &lt;/td&gt; =
&lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&quot;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-QUOT-legacy class=3Dimpl&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;QUOT&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+00022 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&quot;=
&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing=
 semicolon for legacy support only) --&gt;&lt;tr id=3Dentity-quot&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;quot;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+00022 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&quot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-quot-leg=
acy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;quot&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+00022 &lt;/td&gt; &lt;td&gt; &lt;span t=
itle=3D&quot;&quot;&gt;&quot;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!--=
 (invalid entity with missing semicolon for legacy support only) --&gt;&l=
t;tr id=3Dentity-rAarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rAa=
rr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021DB &lt;/td&gt; &lt;td&gt; &l=
t;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rAarr;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-race&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;race;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0223D U+00331 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&quot;=
&quot;&gt;&amp;backsim;&amp;#x331;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-Racute&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Racute;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+00154 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;Racute;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-racute&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;racute;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00155 &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;racute;&lt;/span&g=
t; &lt;/td&gt; &lt;tr id=3Dentity-radic&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;radic;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0221A &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;radic;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-raemptyv&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;raemptyv;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+029B3 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;raemptyv;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Rang&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Rang;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+027EB &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;Rang;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ra=
ng&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rang;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+027E9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;#x27E9;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-rangd&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rangd;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+02992 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;rangd;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-range&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ra=
nge;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029A5 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;range;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-rangle&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;rangle;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+027E9 &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;#x27E9;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-raquo&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;raquo;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000BB=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;raquo;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-raquo-legacy class=3D=
impl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;raquo&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+000BB &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quo=
t;&quot;&gt;&amp;raquo;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (inva=
lid entity with missing semicolon for legacy support only) --&gt;&lt;tr i=
d=3Dentity-Rarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Rarr;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+021A0 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;twoheadrightarrow;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-rArr&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;rArr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021D2 &lt;/td&gt; =
&lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Implies;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rarr&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;rarr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02192 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;srarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rarrap&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;rarrap;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+02975 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;rarrap;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rarrb&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rarrb;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+021E5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;rarrb;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-rarrbfs&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rarrbfs;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+02920 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;rarrbfs;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-rarrc&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;rarrc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02933 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rarrc;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-rarrfs&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;rarrfs;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0291E &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rarrfs=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rarrhk&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;rarrhk;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
021AA &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;hookrightarrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rarrl=
p&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rarrlp;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+021AC &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;rarrlp;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-rarrpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rarrpl;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+02945 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;rarrpl;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-rarrsim&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;rarrsim;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02974 &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rarrsim;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-Rarrtl&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;Rarrtl;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02916 &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
Rarrtl;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rarrtl&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;rarrtl;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+021A3 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;rightarrowtail;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-rarrw&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rarrw;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+0219D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;rightsquigarrow;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-rAtail&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;rAtail;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0291C &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rAtail;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-ratail&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;ratail;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0291A &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rat=
ail;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ratio&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;ratio;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+02236 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;ratio;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rationals&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rationals;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+0211A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;rationals;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-RBarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;RBarr;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+02910 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;drbkarow;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-rBarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;rBarr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0290F &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;dbkarow;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-rbarr&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;rbarr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0290D &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rbar=
r;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rbbrk&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;rbbrk;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
2773 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;rbbrk;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rbrace&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;rbrace;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+0007D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;}&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rbrack&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;rbrack;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+0005D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;]&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rbrke&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;rbrke;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+0298C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;rbrke;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-r=
brksld&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rbrksld;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+0298E &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;rbrksld;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-rbrkslu&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rbr=
kslu;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02990 &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rbrkslu;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-Rcaron&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;Rcaron;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00158 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Rcaron=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rcaron&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;rcaron;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
00159 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;rcaron;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Rcedil&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;Rcedil;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+00156 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;Rcedil;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
rcedil&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rcedil;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+00157 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;rcedil;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-rceil&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rceil;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02309 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;rceil;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-rcub&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;rcub;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0007D &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;}&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-Rcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;Rcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00420 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Rcy;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-rcy&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;rcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00440 &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rcy;&lt;/span&g=
t; &lt;/td&gt; &lt;tr id=3Dentity-rdca&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;rdca;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02937 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rdca;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rdldhar&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;rdldhar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
969 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;rdldhar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rdquo&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;rdquo;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+0201D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;rdquo;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rdq=
uor&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rdquor;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+0201D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;rdquo;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-rdsh&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rdsh;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+021B3 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;rdsh;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-Re&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Re;&l=
t;/code&gt; &lt;/td&gt; &lt;td&gt; U+0211C &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3Dglyph title=3D&quot;&quot;&gt;&amp;realpart;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-real&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;real;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0211C &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;realpart;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-realine&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;realine;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0211B =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;realine;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-realpart&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;realpart;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+0211C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;realpart;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentit=
y-reals&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;reals;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+0211D &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;reals;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-rect&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rect;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+025AD &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;rect;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-REG&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;R=
EG;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000AE &lt;/td&gt; &lt;td&gt; &l=
t;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;reg;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-REG-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;REG&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000AE &=
lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;reg;&lt;/span=
&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolo=
n for legacy support only) --&gt;&lt;tr id=3Dentity-reg&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;reg;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
000AE &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;reg;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-reg-legacy class=
=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;reg&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+000AE &lt;/td&gt; &lt;td&gt; &lt;span title=3D&qu=
ot;&quot;&gt;&amp;reg;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (inval=
id entity with missing semicolon for legacy support only) --&gt;&lt;tr id=
=3Dentity-ReverseElement&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;R=
everseElement;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0220B &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;niv;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-ReverseEquilibrium&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;ReverseEquilibrium;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+021CB &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;leftrightharpoons;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-ReverseUpEquilibrium&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;ReverseUpEquilibrium;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0296F &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;duhar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rfisht&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;rfisht;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+0297D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;rfisht;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rfloor&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rfloor;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+0230B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;rfloor;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-Rfr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Rfr;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+0211C &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;realpart;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-rfr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rfr;&l=
t;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D52F &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3Dglyph title=3D&quot;&quot;&gt;&amp;rfr;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-rHar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
rHar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02964 &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rHar;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-rhard&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;rhard;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021C1 &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rhard;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rharu&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;rharu;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021C0 &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
rharu;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rharul&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;rharul;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+0296C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;rharul;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Rho&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Rho;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+003A1 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;Rho;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rho=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rho;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+003C1 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;rho;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentit=
y-rhov&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rhov;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+003F1 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;rhov;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-RightAngleBracket&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;RightAngleBracket;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+027E9 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;#x27E9=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-RightArrow&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;RightArrow;&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+02192 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot=
;&quot;&gt;&amp;srarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Righta=
rrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Rightarrow;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+021D2 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;Implies;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-rightarrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
rightarrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02192 &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;srarr;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-RightArrowBar&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;RightArrowBar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+021E5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;rarrb;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-RightArrow=
LeftArrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;RightArrowLeftAr=
row;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021C4 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rlarr;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-rightarrowtail&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;rightarrowtail;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021=
A3 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;=
&amp;rightarrowtail;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-RightCei=
ling&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;RightCeiling;&lt;/cod=
e&gt; &lt;/td&gt; &lt;td&gt; U+02309 &lt;/td&gt; &lt;td&gt; &lt;span clas=
s=3Dglyph title=3D&quot;&quot;&gt;&amp;rceil;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-RightDoubleBracket&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;RightDoubleBracket;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+027E7=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;robrk;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-RightDownTeeVector&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;RightDownTeeVector;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+0295D &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;RightDownTeeVector;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-RightDownVector&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;RightDownVector;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+021C2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;dharr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-RightDownVe=
ctorBar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;RightDownVectorBar=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02955 &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;RightDownVectorBar;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-RightFloor&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;RightFloor;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+0230B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;rfloor;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rightharpoon=
down&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rightharpoondown;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+021C1 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;rhard;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-rightharpoonup&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;rightharpoonup;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021C0 &lt=
;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;r=
haru;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rightleftarrows&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;rightleftarrows;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+021C4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;rlarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-rightleftharpoons&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;r=
ightleftharpoons;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021CC &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rlhar;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rightrightarrows&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;rightrightarrows;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+021C9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;rightrightarrows;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-rightsquigarrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;rightsquigarrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0219D &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rightsq=
uigarrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-RightTee&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;RightTee;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+022A2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;&amp;vdash;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Ri=
ghtTeeArrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;RightTeeArrow;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021A6 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;mapsto;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-RightTeeVector&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;RightTeeVector;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0295=
B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;RightTeeVector;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rightthre=
etimes&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rightthreetimes;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+022CC &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;rightthreetimes;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-RightTriangle&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;RightTriangle;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
022B3 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;vartriangleright;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Rig=
htTriangleBar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;RightTriangl=
eBar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029D0 &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;RightTriangleBar;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-RightTriangleEqual&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;RightTriangleEqual;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+022B5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;rtrie;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-RightUpDownVector&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Rig=
htUpDownVector;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0294F &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;RightUpDown=
Vector;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-RightUpTeeVector&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;RightUpTeeVector;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+0295C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;RightUpTeeVector;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-RightUpVector&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;RightUpVector;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021BE &lt=
;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;u=
pharpoonright;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-RightUpVectorB=
ar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;RightUpVectorBar;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+02954 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;RightUpVectorBar;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-RightVector&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;RightVector;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021C0 =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;rharu;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-RightVectorBar&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;RightVectorBar;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+02953 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;RightVectorBar;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-ring&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rin=
g;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+002DA &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ring;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-risingdotseq&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;risingdotseq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02253 &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
risingdotseq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rlarr&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;rlarr;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+021C4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;rlarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rlha=
r&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rlhar;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+021CC &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;rlhar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-rlm&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rlm;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+0200F &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;rlm;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-rmoust&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rmoust;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+023B1 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;rmoustache;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-rmoustache&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;rmoustache;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+023B1 &lt=
;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;r=
moustache;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rnmid&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;rnmid;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+02AEE &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;rnmid;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-roang&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;roang;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+027ED &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;roang;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-roarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;roarr;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+021FE &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;roarr;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-robrk&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;robrk;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+027E7 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;robrk;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-ropar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;ropar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02986 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ropar;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-Ropf&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;Ropf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0211D &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;reals;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ropf&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;ropf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D563 =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;ropf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-roplus&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;roplus;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+02A2E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;roplus;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rotimes=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rotimes;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+02A35 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;rotimes;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-RoundImplies&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Rou=
ndImplies;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02970 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;RoundImplies;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rpar&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;rpar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00029 &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;)&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rpargt&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;rpargt;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02994=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;rpargt;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rppolint&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;rppolint;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+02A12 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;rppolint;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentit=
y-rrarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rrarr;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+021C9 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;rightrightarrows;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-Rrightarrow&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;Rrightarrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021DB &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rAar=
r;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rsaquo&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;rsaquo;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+0203A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;rsaquo;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Rscr&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;Rscr;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+0211B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;realine;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-r=
scr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rscr;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+1D4C7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;rscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-Rsh&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Rsh;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+021B1 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;rsh;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-rsh&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rsh;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+021B1 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;rsh;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-rsqb&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rsqb;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0005D &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;]&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-rsquo&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rsquo=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02019 &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rsquor;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-rsquor&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;rsquor;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02019 &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rsquor;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rthree&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;rthree;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022CC=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;rightthreetimes;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rtimes&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rtimes;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+022CA &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;rtimes;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-rtri&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;rtri;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+025B9 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;triangleright;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-rtrie&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;rtrie;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022B5 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rtrie;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-rtrif&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;rtrif;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+025B8 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;blacktri=
angleright;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rtriltri&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;rtriltri;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+029CE &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;rtriltri;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentit=
y-RuleDelayed&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;RuleDelayed;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029F4 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;RuleDelayed;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-ruluhar&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;ruluhar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02968 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ruluh=
ar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-rx&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;rx;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0211E =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;rx;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Sacute&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;Sacute;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+0015A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;Sacute;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sacute&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;sacute;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+0015B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;sacute;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-sbquo&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;sbquo;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+0201A &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;sbquo;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-Sc&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Sc;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+02ABC &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;Sc;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-sc&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;sc;&l=
t;/code&gt; &lt;/td&gt; &lt;td&gt; U+0227B &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3Dglyph title=3D&quot;&quot;&gt;&amp;succ;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-scap&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;scap;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AB8 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;succapprox;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-Scaron&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;Scaron;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00160 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Sca=
ron;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-scaron&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;scaron;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+00161 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;scaron;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sccue&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;sccue;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+0227D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;sccue;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-s=
cE&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;scE;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+02AB4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;scE;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-sce&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;sce;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+02AB0 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;succeq;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-Scedil&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Scedil;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0015E &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;Scedil;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-scedil&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;scedil;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0015F &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;scedil;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Scirc&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;Scirc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0015C &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
Scirc;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-scirc&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;scirc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+0015D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;scirc;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-scnap&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;scnap;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+02ABA &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;scnap;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-s=
cnE&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;scnE;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+02AB6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;succneqq;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-scnsim&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;scnsim;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022E9 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;succnsim;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-scpolint&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;scpolint;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A13 &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;scpolin=
t;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-scsim&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;scsim;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
227F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;scsim;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Scy&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;Scy;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+00421 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;Scy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-scy&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;scy;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+00441 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;scy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sdot&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;sdot;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+022C5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;sdot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-sdotb&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;sdotb;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+022A1 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;dotsquare;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-sdote&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;sdo=
te;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A66 &lt;/td&gt; &lt;td&gt; &l=
t;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sdote;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-searhk&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;searhk;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02925 &lt;/td&gt; =
&lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;hksearow;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-seArr&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;seArr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021D=
8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;seArr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-searr&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;searr;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+02198 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;searrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-searr=
ow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;searrow;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+02198 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;searrow;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-sect&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;sect;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+000A7 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;sect;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-sect-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;sect&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000A7 &lt;/=
td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;sect;&lt;/span&gt=
; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon f=
or legacy support only) --&gt;&lt;tr id=3Dentity-semi&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;semi;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
003B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-seswar&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;seswar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+02929 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;tosa;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-setminus&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;setminus;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+02216 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;smallsetminus;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-setmn&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;setmn;&l=
t;/code&gt; &lt;/td&gt; &lt;td&gt; U+02216 &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3Dglyph title=3D&quot;&quot;&gt;&amp;smallsetminus;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-sext&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;sext;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02736 &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sext;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-Sfr&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;Sfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D516 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Sfr;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sfr&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;sfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D530 &lt=
;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;s=
fr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sfrown&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;sfrown;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+02322 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;frown;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sharp&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;sharp;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+0266F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;sharp;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-S=
HCHcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;SHCHcy;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+00429 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;SHCHcy;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-shchcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;shchcy=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00449 &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;shchcy;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-SHcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;SHcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00428 &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;SHcy;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-shcy&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;shcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00448 &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;shcy;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ShortDownArrow&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;ShortDownArrow;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+02193 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;downarrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-ShortLeftArrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ShortLef=
tArrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02190 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;slarr;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-shortmid&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;shortmid;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02223 &lt;=
/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;mi=
d;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-shortparallel&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;shortparallel;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+02225 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;spar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Sh=
ortRightArrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ShortRightAr=
row;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02192 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;srarr;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-ShortUpArrow&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;ShortUpArrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02191=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;uparrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-shy&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;shy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+000AD &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;shy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-shy-legacy c=
lass=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;shy&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+000AD &lt;/td&gt; &lt;td&gt; &lt;span title=3D=
&quot;&quot;&gt;&amp;shy;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (in=
valid entity with missing semicolon for legacy support only) --&gt;&lt;tr=
 id=3Dentity-Sigma&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Sigma;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003A3 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;Sigma;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-sigma&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;sigma;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003C3 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sigma;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-sigmaf&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;sigmaf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003C2 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sig=
mav;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sigmav&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;sigmav;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+003C2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;sigmav;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sim&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;sim;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+0223C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;sim;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-simdo=
t&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;simdot;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+02A6A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;simdot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-sime&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;sime;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+02243 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;simeq;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-simeq&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;sime=
q;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02243 &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;simeq;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-simg&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;simg;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A9E &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;simg;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-simgE&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;simgE;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AA0 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;simgE=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-siml&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;siml;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A9=
D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;siml;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-simlE&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;simlE;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+02A9F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;simlE;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-simne&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;simne;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+02246 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;simne;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-simplus&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;simplus;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+02A24 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;simplus;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-simrarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;simrarr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02972 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;simrarr;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-slarr&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;slarr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02190 &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;slar=
r;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-SmallCircle&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;SmallCircle;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+02218 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;compfn;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sm=
allsetminus&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;smallsetminus;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02216 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;smallsetminus;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-smashp&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;smashp;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A33 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;smash=
p;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-smeparsl&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;smeparsl;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+029E4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;smeparsl;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-smid&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;smid;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+02223 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;mid;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-smile&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;smile;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+02323 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;smile;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-smt&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;smt;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+02AAA &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;smt;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-smte&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;smte=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AAC &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;smte;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-smtes&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;smtes;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AAC U+0FE00 &lt;/td&g=
t; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&quot;&=
quot;&gt;&amp;smte;&amp;#xfe00;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-SOFTcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;SOFTcy;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+0042C &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;SOFTcy;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-softcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;so=
ftcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0044C &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;softcy;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-sol&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;sol;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0002F &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;/&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-solb&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;solb;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029C4 &lt;/td&gt; &lt;=
td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;solb;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-solbar&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;solbar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0233F &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sol=
bar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Sopf&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;Sopf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1=
D54A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;Sopf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sopf&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;sopf;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+1D564 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;sopf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-spades&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;spades;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+02660 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;spadesuit;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-spadesuit&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;spadesuit=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02660 &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;spadesuit;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-spar&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;spar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02225 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;spar;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-sqcap&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;sqcap;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02293 &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sqca=
p;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sqcaps&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;sqcaps;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+02293 U+0FE00 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compou=
nd&quot; title=3D&quot;&quot;&gt;&amp;sqcap;&amp;#xfe00;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-sqcup&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;sqcup;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02294 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sqcup;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-sqcups&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;sqcups;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02294 U=
+0FE00 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot;=
 title=3D&quot;&quot;&gt;&amp;sqcup;&amp;#xfe00;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-Sqrt&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;S=
qrt;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0221A &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;radic;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-sqsub&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;sqsub;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0228F &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sqsub;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sqsube&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;sqsube;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02291 =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;sqsubseteq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sqsubset&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;sqsubset;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+0228F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;sqsub;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentit=
y-sqsubseteq&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;sqsubseteq;&l=
t;/code&gt; &lt;/td&gt; &lt;td&gt; U+02291 &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3Dglyph title=3D&quot;&quot;&gt;&amp;sqsubseteq;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-sqsup&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;sqsup;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02290 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sqsupset;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sqsupe&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;sqsupe;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0229=
2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;sqsupe;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sqsupset&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;sqsupset;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+02290 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;sqsupset;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentit=
y-sqsupseteq&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;sqsupseteq;&l=
t;/code&gt; &lt;/td&gt; &lt;td&gt; U+02292 &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3Dglyph title=3D&quot;&quot;&gt;&amp;sqsupe;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-squ&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;squ;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+025A1 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;squ;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-Square&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;Square;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+025A1 &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;squ;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-square&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;square;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+025A1 =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;squ;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-SquareIntersection&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;SquareIntersection;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+02293 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;sqcap;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-SquareSubset&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
SquareSubset;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0228F &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sqsub;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-SquareSubsetEqual&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;SquareSubsetEqual;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+02291 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;sqsubseteq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-SquareSuperset&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;SquareS=
uperset;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02290 &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sqsupset;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-SquareSupersetEqual&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;SquareSupersetEqual;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+02292 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;&amp;sqsupe;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-SquareUnion&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;SquareUnion=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02294 &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sqcup;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-squarf&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;squarf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+025AA &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;blacksquare;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-squf&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;squf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+025AA=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;blacksquare;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-srarr&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;srarr;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+02192 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;&amp;srarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Ss=
cr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Sscr;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+1D4AE &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;Sscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-sscr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;sscr;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+1D4C8 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;sscr;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-ssetmn&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ssetmn;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02216 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;smallsetminus;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-ssmile&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;ssmile;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02323 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;smile=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sstarf&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;sstarf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
022C6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;sstarf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Star&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;Star;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+022C6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;sstarf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sta=
r&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;star;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+02606 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;star;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-starf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;starf;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+02605 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;bigstar;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-straightepsilon&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;straightepsilon;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003F5 &lt;=
/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;st=
raightepsilon;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-straightphi&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;straightphi;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+003D5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;phiv;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-strns&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;strns;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+000AF &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;strns;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-Sub&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Sub;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022D0 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;Sub;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-sub&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;sub;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02282 &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sub;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-subdot&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;subdot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02ABD &lt;/td&gt; =
&lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;subdot;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-subE&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;subE;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AC5 &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
subseteqq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sube&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;sube;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+02286 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;subseteq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-subedo=
t&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;subedot;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+02AC3 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;subedot;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-submult&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;submult=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AC1 &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;submult;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-subnE&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;subnE;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02ACB &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;subsetneqq;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-subne&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;subne;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0228=
A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;subsetneq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-subplus&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;subplus;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+02ABF &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;subplus;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-subrarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;subrarr;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+02979 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;subrarr;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-Subset&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;S=
ubset;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022D0 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Sub;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-subset&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;subset;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02282 &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sub;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-subseteq&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;subseteq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
286 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;subseteq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-subseteqq&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;subseteqq;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+02AC5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;subseteqq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-SubsetEqual&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Subs=
etEqual;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02286 &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;subseteq;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-subsetneq&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;subsetneq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0228=
A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;subsetneq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-subsetneqq&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;subsetneqq;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+02ACB &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;subsetneqq;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-subsim&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;subsim;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AC7 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;subsim;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-subsub&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;subsub;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AD5 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;subsub;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-subsup&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;subsup;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AD3 =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;subsup;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-succ&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;succ;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+0227B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;succ;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-succapprox&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;succapprox;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+02AB8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;succapprox;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-succcurlyeq&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;succcurlyeq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0227D &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sccue;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-Succeeds&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;Succeeds;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0227=
B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;succ;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-SucceedsEqual&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;SucceedsEqual;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+02AB0 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;succeq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-SucceedsSlantEqual&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
SucceedsSlantEqual;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0227D &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sccue;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-SucceedsTilde&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;SucceedsTilde;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+0227F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;&amp;scsim;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-su=
cceq&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;succeq;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+02AB0 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;succeq;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-succnapprox&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;su=
ccnapprox;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02ABA &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;scnap;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-succneqq&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;succneqq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AB6 &lt=
;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;s=
uccneqq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-succnsim&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;succnsim;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+022E9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;succnsim;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
succsim&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;succsim;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+0227F &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;scsim;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-SuchThat&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Such=
That;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0220B &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;niv;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-Sum&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;Sum;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02211 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sum;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-sum&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;sum;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02211 &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sum;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-sung&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;sung;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0266A &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sung;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Sup&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;Sup;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022D1 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;Supset;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sup&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;sup;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+02283 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;sup;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sup1&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;sup1;&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+000B9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot=
;&quot;&gt;&amp;sup1;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sup1-le=
gacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;sup1&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+000B9 &lt;/td&gt; &lt;td&gt; &lt;span =
title=3D&quot;&quot;&gt;&amp;sup1;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&l=
t;!-- (invalid entity with missing semicolon for legacy support only) --&=
gt;&lt;tr id=3Dentity-sup2&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;sup2;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000B2 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sup2;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-sup2-legacy class=3Dimpl&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;sup2&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
00B2 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;sup2;&l=
t;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing s=
emicolon for legacy support only) --&gt;&lt;tr id=3Dentity-sup3&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;sup3;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+000B3 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;sup3;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-sup3-l=
egacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;sup3&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+000B3 &lt;/td&gt; &lt;td&gt; &lt;span=
 title=3D&quot;&quot;&gt;&amp;sup3;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&=
lt;!-- (invalid entity with missing semicolon for legacy support only) --=
&gt;&lt;tr id=3Dentity-supdot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;supdot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02ABE &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;supdot;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-supdsub&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;supdsub;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AD8 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;supdsub;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-supE&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;supE;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+02AC6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;supseteqq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-supe&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;supe;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+02287 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;supseteq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-supedot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;supedot;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+02AC4 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;supedot;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-Superset&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;Superset;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02283 &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sup;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-SupersetEqual&gt;&lt;td&gt; &lt;cod=
e title=3D&quot;&quot;&gt;SupersetEqual;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+02287 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;supseteq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-suphs=
ol&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;suphsol;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+027C9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;suphsol;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-suphsub&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;suphsu=
b;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AD7 &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;suphsub;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-suplarr&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;suplarr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0297B &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;suplarr=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-supmult&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;supmult;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+02AC2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;supmult;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-supnE&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;supnE;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+02ACC &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;supsetneqq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-supne&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;supne;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+0228B &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;supsetneq;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-supplus&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;s=
upplus;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AC0 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;supplus;&lt;/span&g=
t; &lt;/td&gt; &lt;tr id=3Dentity-Supset&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;Supset;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022D1 &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Sups=
et;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-supset&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;supset;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+02283 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;sup;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-supseteq&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;supseteq;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+02287 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;supseteq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-supseteqq&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;supseteqq;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AC6 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;supseteqq;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-supsetneq&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;supsetneq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0228B &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sup=
setneq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-supsetneqq&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;supsetneqq;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+02ACC &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;supsetneqq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-supsim&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;supsim;&lt;/cod=
e&gt; &lt;/td&gt; &lt;td&gt; U+02AC8 &lt;/td&gt; &lt;td&gt; &lt;span clas=
s=3Dglyph title=3D&quot;&quot;&gt;&amp;supsim;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-supsub&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;s=
upsub;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AD4 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;supsub;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-supsup&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;supsup;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AD6 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;supsup=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-swarhk&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;swarhk;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
02926 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;hkswarow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-swArr&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;swArr;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+021D9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;swArr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-s=
warr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;swarr;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+02199 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;swarrow;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-swarrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;swarro=
w;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02199 &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;swarrow;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-swnwar&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;swnwar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0292A &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;swnwar;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-szlig&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;szlig;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000DF=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;szlig;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-szlig-legacy class=3D=
impl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;szlig&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+000DF &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quo=
t;&quot;&gt;&amp;szlig;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (inva=
lid entity with missing semicolon for legacy support only) --&gt;&lt;tr i=
d=3Dentity-Tab&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Tab;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+00009 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3D&quot;glyph control&quot; title=3D&quot;&quot;&gt;&amp;#x2409;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-target&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;target;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02316 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;target;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Tau&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;Tau;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+003A4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;Tau;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-tau&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;tau;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+003C4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;tau;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-tbrk&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;tbrk;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+023B4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;tbrk;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Tc=
aron&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Tcaron;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+00164 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;Tcaron;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-tcaron&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;tcaron;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00165 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;tcaron;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-Tcedil&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;Tcedil;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00162 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Tcedil;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-tcedil&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;tcedil;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00163 =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;tcedil;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Tcy&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;Tcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+00422 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;Tcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-tcy&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;tcy;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+00442 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;tcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-tdot&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;tdot;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+020DB &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph c=
omposition&quot; title=3D&quot;&quot;&gt;&amp;#x25cc;&amp;tdot;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-telrec&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;telrec;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02315 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;tel=
rec;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Tfr&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;Tfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D5=
17 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;=
&amp;Tfr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-tfr&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;tfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+1D531 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;tfr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-there4&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;there4;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+02234 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;therefore;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-Therefore&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Therefore;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+02234 &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;therefore;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-therefore&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;therefore;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02234 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;theref=
ore;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Theta&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;Theta;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+00398 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;Theta;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-theta&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;theta;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+003B8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;&amp;theta;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-th=
etasym&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;thetasym;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+003D1 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;thetav;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-thetav&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;theta=
v;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003D1 &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;thetav;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-thickapprox&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;thickapprox;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02248 &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
thkap;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-thicksim&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;thicksim;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+0223C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;sim;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ThickSp=
ace&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ThickSpace;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+0205F U+0200A &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;MediumSp=
ace;&amp;hairsp;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-thinsp&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;thinsp;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+02009 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;thinsp;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
ThinSpace&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ThinSpace;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+02009 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;thinsp;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-thkap&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
thkap;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02248 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;thkap;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-thksim&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;thksim;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0223C &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;sim;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-THORN&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;THORN;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000DE =
&lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&am=
p;THORN;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-THORN-legacy class=3D=
impl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;THORN&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+000DE &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quo=
t;&quot;&gt;&amp;THORN;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (inva=
lid entity with missing semicolon for legacy support only) --&gt;&lt;tr i=
d=3Dentity-thorn&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;thorn;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+000FE &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;thorn;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-thorn-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;thorn&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000FE &=
lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;thorn;&lt;/sp=
an&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semico=
lon for legacy support only) --&gt;&lt;tr id=3Dentity-Tilde&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;Tilde;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+0223C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;sim;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-tilde&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;tilde;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+002DC &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;tilde;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-T=
ildeEqual&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;TildeEqual;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+02243 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;simeq;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-TildeFullEqual&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;TildeFullEqual;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02245 &lt;=
/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;co=
ng;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-TildeTilde&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;TildeTilde;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+02248 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;thkap;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-time=
s&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;times;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+000D7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;times;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-times-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;times&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000D7 &lt;/td&gt; &lt;=
td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;times;&lt;/span&gt; &lt;/td&=
gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for legacy =
support only) --&gt;&lt;tr id=3Dentity-timesb&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;timesb;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022A0 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;timesb;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-timesbar&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;timesbar;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+02A31 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;timesbar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
timesd&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;timesd;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+02A30 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;timesd;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-tint&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;tint;&l=
t;/code&gt; &lt;/td&gt; &lt;td&gt; U+0222D &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3Dglyph title=3D&quot;&quot;&gt;&amp;iiint;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-toea&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;toea;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02928 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;toea;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-top&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;top;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022A4 &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;top;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-topbot&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;topbot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02336 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;top=
bot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-topcir&gt;&lt;td&gt; &lt=
;code title=3D&quot;&quot;&gt;topcir;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+02AF1 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;topcir;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Topf&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;Topf;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+1D54B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;Topf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-to=
pf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;topf;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+1D565 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;topf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-topfork&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;topfork;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+02ADA &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;topfork;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-tosa&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;tosa;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02929 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;tosa;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-tprime&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;tprime;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02034 &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;tprime;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-TRADE&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;TRADE;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021=
22 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;=
&amp;trade;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-trade&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;trade;&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+02122 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot=
;&quot;&gt;&amp;trade;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-triang=
le&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;triangle;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+025B5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;triangle;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-triangledown&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;triangledown;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+025BF &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;triangledown=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-triangleleft&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;triangleleft;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+025C3 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;&amp;triangleleft;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-trianglelefteq&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;triang=
lelefteq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022B4 &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ltrie;&lt;/span&g=
t; &lt;/td&gt; &lt;tr id=3Dentity-triangleq&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;triangleq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0225C &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
triangleq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-triangleright&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;triangleright;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+025B9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;triangleright;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-trianglerighteq&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;trianglerighteq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022B5 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rtr=
ie;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-tridot&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;tridot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+025EC &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;tridot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-trie&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;trie;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+0225C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;&amp;triangleq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentit=
y-triminus&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;triminus;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+02A3A &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;triminus;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-TripleDot&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;TripleDot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+020DB &lt;/td&gt; =
&lt;td&gt; &lt;span class=3D&quot;glyph composition&quot; title=3D&quot;&=
quot;&gt;&amp;#x25cc;&amp;tdot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-triplus&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;triplus;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+02A39 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;triplus;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-trisb&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
trisb;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+029CD &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;trisb;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-tritime&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;tritime;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A3B &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;triti=
me;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-trpezium&gt;&lt;td&gt; &l=
t;code title=3D&quot;&quot;&gt;trpezium;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+023E2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;trpezium;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Tscr&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Tscr;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+1D4AF &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;Tscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-tscr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;tscr;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+1D4C9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;tscr;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-TScy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;TScy;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+00426 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;TScy;&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-tscy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ts=
cy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00446 &lt;/td&gt; &lt;td&gt; &l=
t;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;tscy;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-TSHcy&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;TSHcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0040B &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;TSHcy;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-tshcy&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;tshcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0045B &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;tshc=
y;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Tstrok&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;Tstrok;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U=
+00166 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;=
&gt;&amp;Tstrok;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-tstrok&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;tstrok;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+00167 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;tstrok;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
twixt&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;twixt;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+0226C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;between;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-twoheadleftarrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;twoheadleftarrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0219E &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;twohe=
adleftarrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-twoheadrightarro=
w&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;twoheadrightarrow;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+021A0 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;twoheadrightarrow;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-Uacute&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;Uacute;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000DA &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Uacute;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Uacute-legacy class=3Dimpl&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Uacute&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+000DA &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&qu=
ot;&gt;&amp;Uacute;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid =
entity with missing semicolon for legacy support only) --&gt;&lt;tr id=3D=
entity-uacute&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;uacute;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+000FA &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;uacute;&lt;/span&gt; &lt;/td&gt=
; &lt;tr id=3Dentity-uacute-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;uacute&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000FA =
&lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;uacute;&lt;/=
span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semi=
colon for legacy support only) --&gt;&lt;tr id=3Dentity-Uarr&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;Uarr;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+0219F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;Uarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-uArr&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;uArr;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+021D1 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;Uparrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-uarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;uarr;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+02191 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;uparrow;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-Uarrocir&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Uarro=
cir;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02949 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Uarrocir;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-Ubrcy&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;Ubrcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0040E &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Ubrcy;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ubrcy&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;ubrcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0045E=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;ubrcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Ubreve&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;Ubreve;&lt;/code&gt; &lt;/td&gt; &lt;t=
d&gt; U+0016C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot=
;&quot;&gt;&amp;Ubreve;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ubrev=
e&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ubreve;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+0016D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;ubreve;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-Ucirc&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Ucirc;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+000DB &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;Ucirc;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-Ucirc-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;Ucirc&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000DB &lt;/td=
&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;Ucirc;&lt;/span&gt;=
 &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon fo=
r legacy support only) --&gt;&lt;tr id=3Dentity-ucirc&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;ucirc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
000FB &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;ucirc;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ucirc-legacy c=
lass=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ucirc&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+000FB &lt;/td&gt; &lt;td&gt; &lt;span title=
=3D&quot;&quot;&gt;&amp;ucirc;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-=
- (invalid entity with missing semicolon for legacy support only) --&gt;&=
lt;tr id=3Dentity-Ucy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Ucy;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00423 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;Ucy;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-ucy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;ucy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00443 &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ucy;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-udarr&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;udarr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021C5 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;udarr;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-Udblac&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;Udblac;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00170 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;Udblac;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-udblac&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;udblac;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+00171 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;udblac;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-udhar&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;udhar;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+0296E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;udhar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-ufisht&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ufisht;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+0297E &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;ufisht;&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-Ufr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Ufr=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D518 &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Ufr;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-ufr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;ufr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D532 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ufr;&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-Ugrave&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;Ugrave;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000D9 &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Ugrave;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Ugrave-legacy class=3Dimpl&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Ugrave&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+000D9 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot=
;&gt;&amp;Ugrave;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid en=
tity with missing semicolon for legacy support only) --&gt;&lt;tr id=3Den=
tity-ugrave&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ugrave;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+000F9 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;ugrave;&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-ugrave-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;ugrave&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000F9 &l=
t;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;ugrave;&lt;/sp=
an&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semico=
lon for legacy support only) --&gt;&lt;tr id=3Dentity-uHar&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;uHar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt=
; U+02963 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&qu=
ot;&gt;&amp;uHar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-uharl&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;uharl;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+021BF &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;upharpoonleft;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-uharr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;uharr;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+021BE &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;upharpoonright;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-uhblk&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;uhblk;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02580 &lt;/td&gt; &lt=
;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;uhblk;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-ulcorn&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;ulcorn;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0231C &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
ulcorn;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ulcorner&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;ulcorner;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+0231C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;ulcorn;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ulc=
rop&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ulcrop;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+0230F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;ulcrop;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-ultri&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ultri;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+025F8 &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;ultri;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-Umacr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;Umacr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0016A &lt;/td&gt; &lt;td&g=
t; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Umacr;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-umacr&gt;&lt;td&gt; &lt;code title=3D&qu=
ot;&quot;&gt;umacr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0016B &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;umacr;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-uml&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;uml;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000A8 &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
die;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-uml-legacy class=3Dimpl&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;uml&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+000A8 &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot=
;&gt;&amp;die;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entit=
y with missing semicolon for legacy support only) --&gt;&lt;tr id=3Dentit=
y-UnderBar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;UnderBar;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+0005F &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;_&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-UnderBrace&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;UnderBra=
ce;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+023DF &lt;/td&gt; &lt;td&gt; &l=
t;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;UnderBrace;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-UnderBracket&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;UnderBracket;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
23B5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;bbrk;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-UnderParenthesis=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;UnderParenthesis;&lt;/cod=
e&gt; &lt;/td&gt; &lt;td&gt; U+023DD &lt;/td&gt; &lt;td&gt; &lt;span clas=
s=3Dglyph title=3D&quot;&quot;&gt;&amp;UnderParenthesis;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-Union&gt;&lt;td&gt; &lt;code title=3D&quot;&q=
uot;&gt;Union;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022C3 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;xcup;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-UnionPlus&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;UnionPlus;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
28E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;uplus;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Uogon&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;Uogon;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+00172 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;Uogon;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-uogon=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;uogon;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+00173 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;uogon;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-Uopf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Uopf;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+1D54C &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;Uopf;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-uopf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;uopf;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+1D566 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;uopf;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-UpArrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;UpArrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02191 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;uparrow;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-Uparrow&gt;&lt;td&gt; &lt;code title=
=3D&quot;&quot;&gt;Uparrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021D1 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;Uparrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-uparrow&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;uparrow;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+02191 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;uparrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Up=
ArrowBar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;UpArrowBar;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+02912 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;UpArrowBar;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-UpArrowDownArrow&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;UpArrowDownArrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
1C5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;udarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-UpDownArrow&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;UpDownArrow;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+02195 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;varr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-Updownarrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Updownar=
row;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021D5 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;DoubleUpDownArrow;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-updownarrow&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;updownarrow;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+02195 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;varr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-UpEquilibr=
ium&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;UpEquilibrium;&lt;/cod=
e&gt; &lt;/td&gt; &lt;td&gt; U+0296E &lt;/td&gt; &lt;td&gt; &lt;span clas=
s=3Dglyph title=3D&quot;&quot;&gt;&amp;udhar;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-upharpoonleft&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;upharpoonleft;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021BF &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;upharpo=
onleft;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-upharpoonright&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;upharpoonright;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+021BE &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;upharpoonright;&lt;/span&gt; &lt;/td&gt; &l=
t;tr id=3Dentity-uplus&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;upl=
us;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0228E &lt;/td&gt; &lt;td&gt; &l=
t;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;uplus;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-UpperLeftArrow&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;UpperLeftArrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021=
96 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;=
&amp;nwarrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-UpperRightArrow=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;UpperRightArrow;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+02197 &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;nearrow;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-Upsi&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Ups=
i;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003D2 &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;upsih;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-upsi&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;upsi;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003C5 &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;upsilon;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-upsih&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;upsih;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003D2 &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;upsi=
h;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Upsilon&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;Upsilon;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+003A5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;Upsilon;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-upsilon&g=
t;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;upsilon;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+003C5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;upsilon;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-UpTee&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;UpTee;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+022A5 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;bottom;&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-UpTeeArrow&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;UpTeeArrow;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021A5 &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;mapstoup;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-upuparrows&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;upuparrows;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+021C8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;uuarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-urcorn&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;urcorn;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+0231D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;urcorn;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-urcorner&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;urcorner;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+0231D &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;urcorn;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-urcrop&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;urcrop;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0230E &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;urcrop;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-Uring&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;Uring;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0016E &lt;/t=
d&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Urin=
g;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-uring&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;uring;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
016F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;uring;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-urtri&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;urtri;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+025F9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;urtri;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Uscr=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Uscr;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+1D4B0 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;Uscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-uscr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;uscr;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+1D4CA &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;uscr;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-utdot&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;utdot;&l=
t;/code&gt; &lt;/td&gt; &lt;td&gt; U+022F0 &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3Dglyph title=3D&quot;&quot;&gt;&amp;utdot;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-Utilde&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;Utilde;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00168 &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Utilde;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-utilde&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;utilde;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00169 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;uti=
lde;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-utri&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;utri;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
25B5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;triangle;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-utrif&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;utrif;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+025B4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;utrif;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-u=
uarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;uuarr;&lt;/code&gt; &=
lt;/td&gt; &lt;td&gt; U+021C8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgly=
ph title=3D&quot;&quot;&gt;&amp;uuarr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-Uuml&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Uuml;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+000DC &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;Uuml;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-Uuml-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;Uuml&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000DC &lt;/td&=
gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;Uuml;&lt;/span&gt; &=
lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing semicolon for =
legacy support only) --&gt;&lt;tr id=3Dentity-uuml&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;uuml;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000F=
C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;uuml;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-uuml-legacy class=3D=
impl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;uuml&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+000FC &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot=
;&quot;&gt;&amp;uuml;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invali=
d entity with missing semicolon for legacy support only) --&gt;&lt;tr id=3D=
entity-uwangle&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;uwangle;&lt=
;/code&gt; &lt;/td&gt; &lt;td&gt; U+029A7 &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3Dglyph title=3D&quot;&quot;&gt;&amp;uwangle;&lt;/span&gt; &lt;/td=
&gt; &lt;tr id=3Dentity-vangrt&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;vangrt;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0299C &lt;/td&gt; &lt;=
td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;vangrt;&lt;/sp=
an&gt; &lt;/td&gt; &lt;tr id=3Dentity-varepsilon&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;varepsilon;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
003F5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;straightepsilon;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-vark=
appa&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;varkappa;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+003F0 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;kappav;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-varnothing&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;v=
arnothing;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02205 &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;emptyv;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-varphi&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;varphi;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003D5 &lt;/=
td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;phi=
v;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-varpi&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;varpi;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
03D6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;varpi;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-varpropto&gt;&l=
t;td&gt; &lt;code title=3D&quot;&quot;&gt;varpropto;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+0221D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;propto;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-vArr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;vArr;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+021D5 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;DoubleUpDownArrow;&lt;/span&gt; &lt;/t=
d&gt; &lt;tr id=3Dentity-varr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;=
&gt;varr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02195 &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;varr;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-varrho&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;varrho;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003F1 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;rhov;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-varsigma&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;varsigma;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+003C2 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;sigmav;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-varsubsetn=
eq&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;varsubsetneq;&lt;/code&=
gt; &lt;/td&gt; &lt;td&gt; U+0228A U+0FE00 &lt;/td&gt; &lt;td&gt; &lt;spa=
n class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;subsetn=
eq;&amp;#xfe00;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-varsubsetneqq=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;varsubsetneqq;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+02ACB U+0FE00 &lt;/td&gt; &lt;td&gt; &lt;span=
 class=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;subsetne=
qq;&amp;#xfe00;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-varsupsetneq&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;varsupsetneq;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+0228B U+0FE00 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;supsetneq;=
&amp;#xfe00;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-varsupsetneqq&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;varsupsetneqq;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+02ACC U+0FE00 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;supsetneqq;=
&amp;#xfe00;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-vartheta&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;vartheta;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+003D1 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;thetav;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-=
vartriangleleft&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;vartriangl=
eleft;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022B2 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;vartriangleleft;&lt;=
/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-vartriangleright&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;vartriangleright;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+022B3 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;vartriangleright;&lt;/span&gt; &lt;/td&gt; &lt;tr id=
=3Dentity-Vbar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Vbar;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+02AEB &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;Vbar;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-vBar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;vBa=
r;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AE8 &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;vBar;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-vBarv&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;vBarv;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AE9 &lt;/td&gt; &lt;=
td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;vBarv;&lt;/spa=
n&gt; &lt;/td&gt; &lt;tr id=3Dentity-Vcy&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;Vcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00412 &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Vcy;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-vcy&gt;&lt;td&gt; &lt;code titl=
e=3D&quot;&quot;&gt;vcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00432 &lt;=
/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;vc=
y;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-VDash&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;VDash;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0=
22AB &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&g=
t;&amp;VDash;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Vdash&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;Vdash;&lt;/code&gt; &lt;/td&gt; &lt=
;td&gt; U+022A9 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&qu=
ot;&quot;&gt;&amp;Vdash;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-vDas=
h&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;vDash;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+022A8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;vDash;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-vdash&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;vdash;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+022A2 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;vdash;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-Vdashl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;V=
dashl;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AE6 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Vdashl;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-Vee&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;Vee;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022C1 &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;bigvee;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-vee&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;vee;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02228 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;vee;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-veebar&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;veebar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022=
BB &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;=
&amp;veebar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-veeeq&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;veeeq;&lt;/code&gt; &lt;/td&gt; &lt;=
td&gt; U+0225A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quo=
t;&quot;&gt;&amp;veeeq;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-velli=
p&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;vellip;&lt;/code&gt; &lt=
;/td&gt; &lt;td&gt; U+022EE &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph=
 title=3D&quot;&quot;&gt;&amp;vellip;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-Verbar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Verbar;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+02016 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;Vert;&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-verbar&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
verbar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0007C &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;|&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-Vert&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;Vert;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02016 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Vert;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-vert&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;vert;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0007C &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;|&lt;/span&gt; &l=
t;/td&gt; &lt;tr id=3Dentity-VerticalBar&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;VerticalBar;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02223 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;mid;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-VerticalLine&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;VerticalLine;&lt;/code&gt; &lt;/td&g=
t; &lt;td&gt; U+0007C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=
=3D&quot;&quot;&gt;|&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Vertical=
Separator&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;VerticalSeparato=
r;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02758 &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;VerticalSeparator;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-VerticalTilde&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;VerticalTilde;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+02240 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;wreath;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-VeryTh=
inSpace&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;VeryThinSpace;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+0200A &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;hairsp;&lt;/span&gt; &lt;/td&g=
t; &lt;tr id=3Dentity-Vfr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
Vfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D519 &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Vfr;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-vfr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;vfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D533 &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;vfr;&lt;/span&gt;=
 &lt;/td&gt; &lt;tr id=3Dentity-vltri&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;vltri;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022B2 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;vartrian=
gleleft;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-vnsub&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;vnsub;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+02282 U+020D2 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph co=
mpound&quot; title=3D&quot;&quot;&gt;&amp;sub;&amp;#x20d2;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-vnsup&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;vnsup;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02283 U+020D2 &lt;=
/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&q=
uot;&quot;&gt;&amp;sup;&amp;#x20d2;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-Vopf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Vopf;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+1D54D &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;Vopf;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-vopf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;vopf;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D567 &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;vopf;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-vprop&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;vprop;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0221D &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;propto;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-vrtri&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;vrtri;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022B3 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;vartr=
iangleright;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Vscr&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;Vscr;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+1D4B1 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;Vscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-vscr&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;vscr;&lt;/code&gt; &lt;/td&gt=
; &lt;td&gt; U+1D4CB &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;vscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-vs=
ubnE&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;vsubnE;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+02ACB U+0FE00 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3D&quot;glyph compound&quot; title=3D&quot;&quot;&gt;&amp;subsetneqq;=
&amp;#xfe00;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-vsubne&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;vsubne;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+0228A U+0FE00 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;gl=
yph compound&quot; title=3D&quot;&quot;&gt;&amp;subsetneq;&amp;#xfe00;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-vsupnE&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;vsupnE;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02AC=
C U+0FE00 &lt;/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&qu=
ot; title=3D&quot;&quot;&gt;&amp;supsetneqq;&amp;#xfe00;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-vsupne&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;vsupne;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0228B U+0FE00 &lt;=
/td&gt; &lt;td&gt; &lt;span class=3D&quot;glyph compound&quot; title=3D&q=
uot;&quot;&gt;&amp;supsetneq;&amp;#xfe00;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-Vvdash&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Vvdash=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022AA &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Vvdash;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-vzigzag&gt;&lt;td&gt; &lt;code title=3D&quot;&=
quot;&gt;vzigzag;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0299A &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;vzigzag;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Wcirc&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;Wcirc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0017=
4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&=
amp;Wcirc;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-wcirc&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;wcirc;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+00175 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;wcirc;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-wedbar&=
gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;wedbar;&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+02A5F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph t=
itle=3D&quot;&quot;&gt;&amp;wedbar;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-Wedge&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Wedge;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+022C0 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;xwedge;&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-wedge&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;w=
edge;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02227 &lt;/td&gt; &lt;td&gt; =
&lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;wedge;&lt;/span&gt; &=
lt;/td&gt; &lt;tr id=3Dentity-wedgeq&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;wedgeq;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02259 &lt;/td&gt=
; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;wedgeq;&=
lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-weierp&gt;&lt;td&gt; &lt;code=
 title=3D&quot;&quot;&gt;weierp;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
118 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;wp;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Wfr&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;Wfr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; =
U+1D51A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot=
;&gt;&amp;Wfr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-wfr&gt;&lt;td&=
gt; &lt;code title=3D&quot;&quot;&gt;wfr;&lt;/code&gt; &lt;/td&gt; &lt;td=
&gt; U+1D534 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;=
&quot;&gt;&amp;wfr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Wopf&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Wopf;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+1D54E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;Wopf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-wo=
pf&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;wopf;&lt;/code&gt; &lt;=
/td&gt; &lt;td&gt; U+1D568 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph =
title=3D&quot;&quot;&gt;&amp;wopf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-wp&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;wp;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+02118 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;wp;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-wr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;wr;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+02240 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;wreath;&lt;/span&gt; &lt;/td&gt; &lt;tr=
 id=3Dentity-wreath&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;wreath=
;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02240 &lt;/td&gt; &lt;td&gt; &lt;=
span class=3Dglyph title=3D&quot;&quot;&gt;&amp;wreath;&lt;/span&gt; &lt;=
/td&gt; &lt;tr id=3Dentity-Wscr&gt;&lt;td&gt; &lt;code title=3D&quot;&quo=
t;&gt;Wscr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D4B2 &lt;/td&gt; &lt;t=
d&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Wscr;&lt;/span&=
gt; &lt;/td&gt; &lt;tr id=3Dentity-wscr&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;wscr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D4CC &lt;/td&g=
t; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;wscr;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-xcap&gt;&lt;td&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;xcap;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022C2 &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;bigcap;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-xcirc&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;xcirc;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+025EF &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;xcirc;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-xcup&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xcup;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+022C3 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;xcup;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-xd=
tri&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xdtri;&lt;/code&gt; &l=
t;/td&gt; &lt;td&gt; U+025BD &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyp=
h title=3D&quot;&quot;&gt;&amp;xdtri;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-Xfr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Xfr;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+1D51B &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;Xfr;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-xfr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xfr;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+1D535 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;xfr;&lt;/span&gt; &lt;/td&gt; &lt=
;tr id=3Dentity-xhArr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xhAr=
r;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+027FA &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;DoubleLongLeftRightArrow=
;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-xharr&gt;&lt;td&gt; &lt;cod=
e title=3D&quot;&quot;&gt;xharr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02=
7F7 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;xharr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Xi&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;Xi;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+0039E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;Xi;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-xi&gt;&lt;td&g=
t; &lt;code title=3D&quot;&quot;&gt;xi;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+003BE &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;xi;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-xlArr&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;xlArr;&lt;/code&gt; &lt;/td&gt; =
&lt;td&gt; U+027F8 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;Longleftarrow;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3D=
entity-xlarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xlarr;&lt;/co=
de&gt; &lt;/td&gt; &lt;td&gt; U+027F5 &lt;/td&gt; &lt;td&gt; &lt;span cla=
ss=3Dglyph title=3D&quot;&quot;&gt;&amp;xlarr;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-xmap&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xma=
p;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+027FC &lt;/td&gt; &lt;td&gt; &lt=
;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;xmap;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-xnis&gt;&lt;td&gt; &lt;code title=3D&quot;&quot=
;&gt;xnis;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022FB &lt;/td&gt; &lt;td=
&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;xnis;&lt;/span&g=
t; &lt;/td&gt; &lt;tr id=3Dentity-xodot&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;xodot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02A00 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;bigodo=
t;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Xopf&gt;&lt;td&gt; &lt;cod=
e title=3D&quot;&quot;&gt;Xopf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D5=
4F &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;=
&amp;Xopf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-xopf&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;xopf;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+1D569 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;xopf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-xoplus&gt;=
&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xoplus;&lt;/code&gt; &lt;/td&=
gt; &lt;td&gt; U+02A01 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph titl=
e=3D&quot;&quot;&gt;&amp;bigoplus;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3De=
ntity-xotime&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xotime;&lt;/c=
ode&gt; &lt;/td&gt; &lt;td&gt; U+02A02 &lt;/td&gt; &lt;td&gt; &lt;span cl=
ass=3Dglyph title=3D&quot;&quot;&gt;&amp;xotime;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-xrArr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;=
xrArr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+027F9 &lt;/td&gt; &lt;td&gt;=
 &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;xrArr;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-xrarr&gt;&lt;td&gt; &lt;code title=3D&quot=
;&quot;&gt;xrarr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+027F6 &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;xrarr;&lt=
;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Xscr&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;Xscr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D4B3 &l=
t;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;=
Xscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-xscr&gt;&lt;td&gt; &lt;=
code title=3D&quot;&quot;&gt;xscr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+=
1D4CD &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&=
gt;&amp;xscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-xsqcup&gt;&lt;t=
d&gt; &lt;code title=3D&quot;&quot;&gt;xsqcup;&lt;/code&gt; &lt;/td&gt; &=
lt;td&gt; U+02A06 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&=
quot;&quot;&gt;&amp;bigsqcup;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity=
-xuplus&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xuplus;&lt;/code&g=
t; &lt;/td&gt; &lt;td&gt; U+02A04 &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;xuplus;&lt;/span&gt; &lt;/td&gt; &lt;t=
r id=3Dentity-xutri&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;xutri;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+025B3 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;bigtriangleup;&lt;/span&gt=
; &lt;/td&gt; &lt;tr id=3Dentity-xvee&gt;&lt;td&gt; &lt;code title=3D&quo=
t;&quot;&gt;xvee;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022C1 &lt;/td&gt;=
 &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;bigvee;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-xwedge&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;xwedge;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+022=
C0 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;=
&amp;xwedge;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Yacute&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;Yacute;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+000DD &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;Yacute;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Ya=
cute-legacy class=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Y=
acute&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000DD &lt;/td&gt; &lt;td&gt; =
&lt;span title=3D&quot;&quot;&gt;&amp;Yacute;&lt;/span&gt; &lt;/td&gt; &l=
t;/tr&gt;&lt;!-- (invalid entity with missing semicolon for legacy suppor=
t only) --&gt;&lt;tr id=3Dentity-yacute&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;yacute;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000FD &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;yacut=
e;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-yacute-legacy class=3Dimpl=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;yacute&lt;/code&gt; &lt;/=
td&gt; &lt;td&gt; U+000FD &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&=
quot;&gt;&amp;yacute;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invali=
d entity with missing semicolon for legacy support only) --&gt;&lt;tr id=3D=
entity-YAcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;YAcy;&lt;/code=
&gt; &lt;/td&gt; &lt;td&gt; U+0042F &lt;/td&gt; &lt;td&gt; &lt;span class=
=3Dglyph title=3D&quot;&quot;&gt;&amp;YAcy;&lt;/span&gt; &lt;/td&gt; &lt;=
tr id=3Dentity-yacy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;yacy;&=
lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0044F &lt;/td&gt; &lt;td&gt; &lt;sp=
an class=3Dglyph title=3D&quot;&quot;&gt;&amp;yacy;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-Ycirc&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&=
gt;Ycirc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00176 &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Ycirc;&lt;/span&g=
t; &lt;/td&gt; &lt;tr id=3Dentity-ycirc&gt;&lt;td&gt; &lt;code title=3D&q=
uot;&quot;&gt;ycirc;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00177 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;ycirc;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Ycy&gt;&lt;td&gt; &lt;code t=
itle=3D&quot;&quot;&gt;Ycy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0042B &=
lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp=
;Ycy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-ycy&gt;&lt;td&gt; &lt;c=
ode title=3D&quot;&quot;&gt;ycy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00=
44B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;ycy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-yen&gt;&lt;td&gt; =
&lt;code title=3D&quot;&quot;&gt;yen;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+000A5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;yen;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-yen-legacy cl=
ass=3Dimpl&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;yen&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+000A5 &lt;/td&gt; &lt;td&gt; &lt;span title=3D=
&quot;&quot;&gt;&amp;yen;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (in=
valid entity with missing semicolon for legacy support only) --&gt;&lt;tr=
 id=3Dentity-Yfr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Yfr;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+1D51C &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;Yfr;&lt;/span&gt; &lt;/td&gt; &=
lt;tr id=3Dentity-yfr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;yfr;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D536 &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;yfr;&lt;/span&gt; &lt;/td&=
gt; &lt;tr id=3Dentity-YIcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&g=
t;YIcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00407 &lt;/td&gt; &lt;td&gt=
; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;YIcy;&lt;/span&gt; =
&lt;/td&gt; &lt;tr id=3Dentity-yicy&gt;&lt;td&gt; &lt;code title=3D&quot;=
&quot;&gt;yicy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00457 &lt;/td&gt; &=
lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;yicy;&lt;/s=
pan&gt; &lt;/td&gt; &lt;tr id=3Dentity-Yopf&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;Yopf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D550 &lt;/td=
&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Yopf;=
&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-yopf&gt;&lt;td&gt; &lt;code =
title=3D&quot;&quot;&gt;yopf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D56A=
 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&a=
mp;yopf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Yscr&gt;&lt;td&gt; &=
lt;code title=3D&quot;&quot;&gt;Yscr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt;=
 U+1D4B4 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quo=
t;&gt;&amp;Yscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-yscr&gt;&lt;=
td&gt; &lt;code title=3D&quot;&quot;&gt;yscr;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+1D4CE &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;yscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-YUcy=
&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;YUcy;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+0042E &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;YUcy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dent=
ity-yucy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;yucy;&lt;/code&gt=
; &lt;/td&gt; &lt;td&gt; U+0044E &lt;/td&gt; &lt;td&gt; &lt;span class=3D=
glyph title=3D&quot;&quot;&gt;&amp;yucy;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-Yuml&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Yuml;&lt;=
/code&gt; &lt;/td&gt; &lt;td&gt; U+00178 &lt;/td&gt; &lt;td&gt; &lt;span =
class=3Dglyph title=3D&quot;&quot;&gt;&amp;Yuml;&lt;/span&gt; &lt;/td&gt;=
 &lt;tr id=3Dentity-yuml&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;y=
uml;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000FF &lt;/td&gt; &lt;td&gt; &=
lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;yuml;&lt;/span&gt; &lt=
;/td&gt; &lt;tr id=3Dentity-yuml-legacy class=3Dimpl&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;yuml&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+000=
FF &lt;/td&gt; &lt;td&gt; &lt;span title=3D&quot;&quot;&gt;&amp;yuml;&lt;=
/span&gt; &lt;/td&gt; &lt;/tr&gt;&lt;!-- (invalid entity with missing sem=
icolon for legacy support only) --&gt;&lt;tr id=3Dentity-Zacute&gt;&lt;td=
&gt; &lt;code title=3D&quot;&quot;&gt;Zacute;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+00179 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;Zacute;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-za=
cute&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;zacute;&lt;/code&gt; =
&lt;/td&gt; &lt;td&gt; U+0017A &lt;/td&gt; &lt;td&gt; &lt;span class=3Dgl=
yph title=3D&quot;&quot;&gt;&amp;zacute;&lt;/span&gt; &lt;/td&gt; &lt;tr =
id=3Dentity-Zcaron&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;Zcaron;=
&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0017D &lt;/td&gt; &lt;td&gt; &lt;s=
pan class=3Dglyph title=3D&quot;&quot;&gt;&amp;Zcaron;&lt;/span&gt; &lt;/=
td&gt; &lt;tr id=3Dentity-zcaron&gt;&lt;td&gt; &lt;code title=3D&quot;&qu=
ot;&gt;zcaron;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0017E &lt;/td&gt; &l=
t;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;zcaron;&lt;/=
span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Zcy&gt;&lt;td&gt; &lt;code title=3D=
&quot;&quot;&gt;Zcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00417 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;Zcy;&l=
t;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-zcy&gt;&lt;td&gt; &lt;code tit=
le=3D&quot;&quot;&gt;zcy;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00437 &lt=
;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;z=
cy;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Zdot&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;Zdot;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+00=
17B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;Zdot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-zdot&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;zdot;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+0017C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;zdot;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-zeetrf&gt=
;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;zeetrf;&lt;/code&gt; &lt;/td=
&gt; &lt;td&gt; U+02128 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph tit=
le=3D&quot;&quot;&gt;&amp;zeetrf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Den=
tity-ZeroWidthSpace&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ZeroWi=
dthSpace;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+0200B &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;NegativeThickSpac=
e;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Zeta&gt;&lt;td&gt; &lt;cod=
e title=3D&quot;&quot;&gt;Zeta;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+003=
96 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;=
&amp;Zeta;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-zeta&gt;&lt;td&gt;=
 &lt;code title=3D&quot;&quot;&gt;zeta;&lt;/code&gt; &lt;/td&gt; &lt;td&g=
t; U+003B6 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&q=
uot;&gt;&amp;zeta;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Zfr&gt;&lt=
;td&gt; &lt;code title=3D&quot;&quot;&gt;Zfr;&lt;/code&gt; &lt;/td&gt; &l=
t;td&gt; U+02128 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&q=
uot;&quot;&gt;&amp;zeetrf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-zf=
r&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;zfr;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+1D537 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;zfr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-ZHcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;ZHcy;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+00416 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;ZHcy;&lt;/span&gt; &lt;/td&gt; &lt;tr i=
d=3Dentity-zhcy&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;zhcy;&lt;/=
code&gt; &lt;/td&gt; &lt;td&gt; U+00436 &lt;/td&gt; &lt;td&gt; &lt;span c=
lass=3Dglyph title=3D&quot;&quot;&gt;&amp;zhcy;&lt;/span&gt; &lt;/td&gt; =
&lt;tr id=3Dentity-zigrarr&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt=
;zigrarr;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+021DD &lt;/td&gt; &lt;td&=
gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;zigrarr;&lt;/span=
&gt; &lt;/td&gt; &lt;tr id=3Dentity-Zopf&gt;&lt;td&gt; &lt;code title=3D&=
quot;&quot;&gt;Zopf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+02124 &lt;/td&=
gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt;&amp;intege=
rs;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-zopf&gt;&lt;td&gt; &lt;co=
de title=3D&quot;&quot;&gt;zopf;&lt;/code&gt; &lt;/td&gt; &lt;td&gt; U+1D=
56B &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&quot;&gt=
;&amp;zopf;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-Zscr&gt;&lt;td&gt=
; &lt;code title=3D&quot;&quot;&gt;Zscr;&lt;/code&gt; &lt;/td&gt; &lt;td&=
gt; U+1D4B5 &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D&quot;&=
quot;&gt;&amp;Zscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-zscr&gt;&=
lt;td&gt; &lt;code title=3D&quot;&quot;&gt;zscr;&lt;/code&gt; &lt;/td&gt;=
 &lt;td&gt; U+1D4CF &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph title=3D=
&quot;&quot;&gt;&amp;zscr;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Dentity-zw=
j&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;zwj;&lt;/code&gt; &lt;/t=
d&gt; &lt;td&gt; U+0200D &lt;/td&gt; &lt;td&gt; &lt;span class=3Dglyph ti=
tle=3D&quot;&quot;&gt;&amp;zwj;&lt;/span&gt; &lt;/td&gt; &lt;tr id=3Denti=
ty-zwnj&gt;&lt;td&gt; &lt;code title=3D&quot;&quot;&gt;zwnj;&lt;/code&gt;=
 &lt;/td&gt; &lt;td&gt; U+0200C &lt;/td&gt; &lt;td&gt; &lt;span class=3Dg=
lyph title=3D&quot;&quot;&gt;&amp;zwnj;&lt;/span&gt; &lt;/td&gt; &lt;/tab=
le&gt;&lt;!--
+   If we want to add character references, Almorca suggests:
+   &gt; I would add &amp;sub1; (character U+2081), &amp;sub2; (character=
 U+2082) and &amp;sub3; (character U+2083).
+   &gt; They would are the equivalent to &amp;sup1;, &amp;sup2;, and &am=
p;sup3;.
+   See also: http://www.w3.org/2003/entities/
+  --&gt;&lt;/div&gt;
+
+  &lt;p&gt;This data is also available &lt;a href=3Dentities.json&gt;as =
a JSON file&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;&lt;i&gt;The glyphs displayed above are non-normative. Refer =
to the Unicode specifications for formal
+  definitions of the characters listed above.&lt;/i&gt;&lt;/p&gt;
+
+
+  &lt;h2 id=3Dthe-xhtml-syntax&gt;&lt;span class=3Dsecno&gt;13 &lt;/span=
&gt;&lt;dfn id=3Dxhtml&gt;The XHTML syntax&lt;/dfn&gt;&lt;/h2&gt;
+
+  &lt;p class=3Dnote&gt;This section only describes the rules for XML re=
sources. Rules for
+  &lt;code&gt;&lt;a href=3D#text/html&gt;text/html&lt;/a&gt;&lt;/code&gt=
; resources are discussed in the section above entitled &quot;&lt;a href=3D=
#syntax&gt;The HTML
+  syntax&lt;/a&gt;&quot;.&lt;/p&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h3 id=3Dwriting-xhtml-documents&gt;&lt;span class=3Dsecno&gt;13.1 =
&lt;/span&gt;Writing XHTML documents&lt;/h3&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The syntax for using HTML with XML, whether in XHTML document=
s or embedded in other XML
+  documents, is defined in the XML and Namespaces in XML specifications.=
 &lt;a href=3D#refsXML&gt;[XML]&lt;/a&gt; &lt;a href=3D#refsXMLNS&gt;[XML=
NS]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;This specification does not define any syntax-level requireme=
nts beyond those defined for XML
+  proper.&lt;/p&gt;
+
+  &lt;p&gt;XML documents may contain a &lt;code&gt;DOCTYPE&lt;/code&gt; =
if desired, but this is not required to
+  conform to this specification. This specification does not define a pu=
blic or system identifier,
+  nor provide a formal DTD.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;According to the XML specification, XML processo=
rs are not guaranteed to process
+  the external DTD subset referenced in the DOCTYPE. This means, for exa=
mple, that using &lt;a href=3Dhttp://www.w3.org/TR/xml/#dt-entref&gt;enti=
ty references&lt;/a&gt; for characters in XHTML documents
+  is unsafe if they are defined in an external file (except for &lt;code=
 title=3D&quot;&quot;&gt;&amp;amp;lt;&lt;/code&gt;,
+  &lt;code title=3D&quot;&quot;&gt;&amp;amp;gt;&lt;/code&gt;, &lt;code t=
itle=3D&quot;&quot;&gt;&amp;amp;amp;&lt;/code&gt;, &lt;code title=3D&quot=
;&quot;&gt;&amp;amp;quot;&lt;/code&gt;
+  and &lt;code title=3D&quot;&quot;&gt;&amp;amp;apos;&lt;/code&gt;).&lt;=
/p&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h3 id=3Dparsing-xhtml-documents&gt;&lt;span class=3Dsecno&gt;13.2 =
&lt;/span&gt;Parsing XHTML documents&lt;/h3&gt;
+
+  &lt;p&gt;This section describes the relationship between XML and the D=
OM, with a particular emphasis on
+  how this interacts with HTML.&lt;/p&gt;
+
+  &lt;p&gt;An &lt;dfn id=3Dxml-parser&gt;XML parser&lt;/dfn&gt;, for the=
 purposes of this specification, is a construct that follows
+  the rules given in the XML specification to map a string of bytes or c=
haracters into a
+  &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; =
object.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;At the time of writing, no such rules actually e=
xist.&lt;/p&gt;
+
+  &lt;p&gt;An &lt;a href=3D#xml-parser&gt;XML parser&lt;/a&gt; is either=
 associated with a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&g=
t;&lt;/code&gt; object when it is
+  created, or creates one implicitly.&lt;/p&gt;
+
+  &lt;p&gt;This &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;=
&lt;/code&gt; must then be populated with DOM nodes that represent the tr=
ee
+  structure of the input passed to the parser, as defined by the XML spe=
cification, the Namespaces
+  in XML specification, and the DOM specification. DOM mutation events m=
ust not fire for the
+  operations that the &lt;a href=3D#xml-parser&gt;XML parser&lt;/a&gt; p=
erforms on the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&l=
t;/code&gt;'s tree, but the
+  user agent must act as if elements and attributes were individually ap=
pended and set respectively
+  so as to trigger rules in this specification regarding what happens wh=
en an element is inserted
+  into a document or has its attributes set, and the DOM specification's=
 requirements regarding
+  mutation observers mean that mutation observers &lt;em&gt;are&lt;/em&g=
t; fired (unlike mutation events). &lt;a href=3D#refsXML&gt;[XML]&lt;/a&g=
t; &lt;a href=3D#refsXMLNS&gt;[XMLNS]&lt;/a&gt; &lt;a href=3D#refsDOM&gt;=
[DOM]&lt;/a&gt; &lt;a href=3D#refsDOMEVENTS&gt;[DOMEVENTS]&lt;/a&gt;&lt;/=
p&gt;
+
+  &lt;p&gt;Between the time an element's start tag is parsed and the tim=
e either the element's end tag is
+  parsed or the parser detects a well-formedness error, the user agent m=
ust act as if the element
+  was in a &lt;a href=3D#stack-of-open-elements&gt;stack of open element=
s&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This is used by the &lt;code&gt;&lt;a href=3D#th=
e-object-element&gt;object&lt;/a&gt;&lt;/code&gt; element to avoid instan=
tiating plugins
+  before the &lt;code&gt;&lt;a href=3D#the-param-element&gt;param&lt;/a&=
gt;&lt;/code&gt; element children have been parsed.&lt;/p&gt;
+
+  &lt;p&gt;This specification provides the following additional informat=
ion that user agents should use
+  when retrieving an external entity: the public identifiers given in th=
e following list all
+  correspond to &lt;a href=3Ddata:application/xml-dtd;base64,PCFFTlRJVFk=
gVGFiICImI3g5OyI%2BPCFFTlRJVFkgTmV3TGluZSAiJiN4QTsiPjwhRU5USVRZIGV4Y2wgIi=
YjeDIxOyI%2BPCFFTlRJVFkgcXVvdCAiJiN4MjI7Ij48IUVOVElUWSBRVU9UICImI3gyMjsiP=
jwhRU5USVRZIG51bSAiJiN4MjM7Ij48IUVOVElUWSBkb2xsYXIgIiYjeDI0OyI%2BPCFFTlRJ=
VFkgcGVyY250ICImI3gyNTsiPjwhRU5USVRZIGFtcCAiJiN4MjY7Ij48IUVOVElUWSBBTVAgI=
iYjeDI2OyI%2BPCFFTlRJVFkgYXBvcyAiJiN4Mjc7Ij48IUVOVElUWSBscGFyICImI3gyODsi=
PjwhRU5USVRZIHJwYXIgIiYjeDI5OyI%2BPCFFTlRJVFkgYXN0ICImI3gyQTsiPjwhRU5USVR=
ZIG1pZGFzdCAiJiN4MkE7Ij48IUVOVElUWSBwbHVzICImI3gyQjsiPjwhRU5USVRZIGNvbW1h=
ICImI3gyQzsiPjwhRU5USVRZIHBlcmlvZCAiJiN4MkU7Ij48IUVOVElUWSBzb2wgIiYjeDJGO=
yI%2BPCFFTlRJVFkgY29sb24gIiYjeDNBOyI%2BPCFFTlRJVFkgc2VtaSAiJiN4M0I7Ij48IU=
VOVElUWSBsdCAiJiN4M0M7Ij48IUVOVElUWSBMVCAiJiN4M0M7Ij48IUVOVElUWSBudmx0ICI=
mI3gzQzsmI3gyMEQyOyI%2BPCFFTlRJVFkgZXF1YWxzICImI3gzRDsiPjwhRU5USVRZIGJuZS=
AiJiN4M0Q7JiN4MjBFNTsiPjwhRU5USVRZIGd0ICImI3gzRTsiPjwhRU5USVRZIEdUICImI3g=
zRTsiPjwhRU5USVRZIG52Z3QgIiYjeDNFOyYjeDIwRDI7Ij48IUVOVElUWSBxdWVzdCAiJiN4=
M0Y7Ij48IUVOVElUWSBjb21tYXQgIiYjeDQwOyI%2BPCFFTlRJVFkgbHNxYiAiJiN4NUI7Ij4=
8IUVOVElUWSBsYnJhY2sgIiYjeDVCOyI%2BPCFFTlRJVFkgYnNvbCAiJiN4NUM7Ij48IUVOVE=
lUWSByc3FiICImI3g1RDsiPjwhRU5USVRZIHJicmFjayAiJiN4NUQ7Ij48IUVOVElUWSBIYXQ=
gIiYjeDVFOyI%2BPCFFTlRJVFkgbG93YmFyICImI3g1RjsiPjwhRU5USVRZIFVuZGVyQmFyIC=
ImI3g1RjsiPjwhRU5USVRZIGdyYXZlICImI3g2MDsiPjwhRU5USVRZIERpYWNyaXRpY2FsR3J=
hdmUgIiYjeDYwOyI%2BPCFFTlRJVFkgZmpsaWcgIiYjeDY2OyYjeDZBOyI%2BPCFFTlRJVFkg=
bGN1YiAiJiN4N0I7Ij48IUVOVElUWSBsYnJhY2UgIiYjeDdCOyI%2BPCFFTlRJVFkgdmVyYmF=
yICImI3g3QzsiPjwhRU5USVRZIHZlcnQgIiYjeDdDOyI%2BPCFFTlRJVFkgVmVydGljYWxMaW=
5lICImI3g3QzsiPjwhRU5USVRZIHJjdWIgIiYjeDdEOyI%2BPCFFTlRJVFkgcmJyYWNlICImI=
3g3RDsiPjwhRU5USVRZIG5ic3AgIiYjeEEwOyI%2BPCFFTlRJVFkgTm9uQnJlYWtpbmdTcGFj=
ZSAiJiN4QTA7Ij48IUVOVElUWSBpZXhjbCAiJiN4QTE7Ij48IUVOVElUWSBjZW50ICImI3hBM=
jsiPjwhRU5USVRZIHBvdW5kICImI3hBMzsiPjwhRU5USVRZIGN1cnJlbiAiJiN4QTQ7Ij48IU=
VOVElUWSB5ZW4gIiYjeEE1OyI%2BPCFFTlRJVFkgYnJ2YmFyICImI3hBNjsiPjwhRU5USVRZI=
HNlY3QgIiYjeEE3OyI%2BPCFFTlRJVFkgRG90ICImI3hBODsiPjwhRU5USVRZIGRpZSAiJiN4=
QTg7Ij48IUVOVElUWSBEb3VibGVEb3QgIiYjeEE4OyI%2BPCFFTlRJVFkgdW1sICImI3hBODs=
iPjwhRU5USVRZIGNvcHkgIiYjeEE5OyI%2BPCFFTlRJVFkgQ09QWSAiJiN4QTk7Ij48IUVOVE=
lUWSBvcmRmICImI3hBQTsiPjwhRU5USVRZIGxhcXVvICImI3hBQjsiPjwhRU5USVRZIG5vdCA=
iJiN4QUM7Ij48IUVOVElUWSBzaHkgIiYjeEFEOyI%2BPCFFTlRJVFkgcmVnICImI3hBRTsiPj=
whRU5USVRZIGNpcmNsZWRSICImI3hBRTsiPjwhRU5USVRZIFJFRyAiJiN4QUU7Ij48IUVOVEl=
UWSBtYWNyICImI3hBRjsiPjwhRU5USVRZIHN0cm5zICImI3hBRjsiPjwhRU5USVRZIGRlZyAi=
JiN4QjA7Ij48IUVOVElUWSBwbHVzbW4gIiYjeEIxOyI%2BPCFFTlRJVFkgcG0gIiYjeEIxOyI=
%2BPCFFTlRJVFkgUGx1c01pbnVzICImI3hCMTsiPjwhRU5USVRZIHN1cDIgIiYjeEIyOyI%2B=
PCFFTlRJVFkgc3VwMyAiJiN4QjM7Ij48IUVOVElUWSBhY3V0ZSAiJiN4QjQ7Ij48IUVOVElUW=
SBEaWFjcml0aWNhbEFjdXRlICImI3hCNDsiPjwhRU5USVRZIG1pY3JvICImI3hCNTsiPjwhRU=
5USVRZIHBhcmEgIiYjeEI2OyI%2BPCFFTlRJVFkgbWlkZG90ICImI3hCNzsiPjwhRU5USVRZI=
GNlbnRlcmRvdCAiJiN4Qjc7Ij48IUVOVElUWSBDZW50ZXJEb3QgIiYjeEI3OyI%2BPCFFTlRJ=
VFkgY2VkaWwgIiYjeEI4OyI%2BPCFFTlRJVFkgQ2VkaWxsYSAiJiN4Qjg7Ij48IUVOVElUWSB=
zdXAxICImI3hCOTsiPjwhRU5USVRZIG9yZG0gIiYjeEJBOyI%2BPCFFTlRJVFkgcmFxdW8gIi=
YjeEJCOyI%2BPCFFTlRJVFkgZnJhYzE0ICImI3hCQzsiPjwhRU5USVRZIGZyYWMxMiAiJiN4Q=
kQ7Ij48IUVOVElUWSBoYWxmICImI3hCRDsiPjwhRU5USVRZIGZyYWMzNCAiJiN4QkU7Ij48IU=
VOVElUWSBpcXVlc3QgIiYjeEJGOyI%2BPCFFTlRJVFkgQWdyYXZlICImI3hDMDsiPjwhRU5US=
VRZIEFhY3V0ZSAiJiN4QzE7Ij48IUVOVElUWSBBY2lyYyAiJiN4QzI7Ij48IUVOVElUWSBBdG=
lsZGUgIiYjeEMzOyI%2BPCFFTlRJVFkgQXVtbCAiJiN4QzQ7Ij48IUVOVElUWSBBcmluZyAiJ=
iN4QzU7Ij48IUVOVElUWSBhbmdzdCAiJiN4QzU7Ij48IUVOVElUWSBBRWxpZyAiJiN4QzY7Ij=
48IUVOVElUWSBDY2VkaWwgIiYjeEM3OyI%2BPCFFTlRJVFkgRWdyYXZlICImI3hDODsiPjwhR=
U5USVRZIEVhY3V0ZSAiJiN4Qzk7Ij48IUVOVElUWSBFY2lyYyAiJiN4Q0E7Ij48IUVOVElUWS=
BFdW1sICImI3hDQjsiPjwhRU5USVRZIElncmF2ZSAiJiN4Q0M7Ij48IUVOVElUWSBJYWN1dGU=
gIiYjeENEOyI%2BPCFFTlRJVFkgSWNpcmMgIiYjeENFOyI%2BPCFFTlRJVFkgSXVtbCAiJiN4=
Q0Y7Ij48IUVOVElUWSBFVEggIiYjeEQwOyI%2BPCFFTlRJVFkgTnRpbGRlICImI3hEMTsiPjw=
hRU5USVRZIE9ncmF2ZSAiJiN4RDI7Ij48IUVOVElUWSBPYWN1dGUgIiYjeEQzOyI%2BPCFFTl=
RJVFkgT2NpcmMgIiYjeEQ0OyI%2BPCFFTlRJVFkgT3RpbGRlICImI3hENTsiPjwhRU5USVRZI=
E91bWwgIiYjeEQ2OyI%2BPCFFTlRJVFkgdGltZXMgIiYjeEQ3OyI%2BPCFFTlRJVFkgT3NsYX=
NoICImI3hEODsiPjwhRU5USVRZIFVncmF2ZSAiJiN4RDk7Ij48IUVOVElUWSBVYWN1dGUgIiY=
jeERBOyI%2BPCFFTlRJVFkgVWNpcmMgIiYjeERCOyI%2BPCFFTlRJVFkgVXVtbCAiJiN4REM7=
Ij48IUVOVElUWSBZYWN1dGUgIiYjeEREOyI%2BPCFFTlRJVFkgVEhPUk4gIiYjeERFOyI%2BP=
CFFTlRJVFkgc3psaWcgIiYjeERGOyI%2BPCFFTlRJVFkgYWdyYXZlICImI3hFMDsiPjwhRU5U=
SVRZIGFhY3V0ZSAiJiN4RTE7Ij48IUVOVElUWSBhY2lyYyAiJiN4RTI7Ij48IUVOVElUWSBhd=
GlsZGUgIiYjeEUzOyI%2BPCFFTlRJVFkgYXVtbCAiJiN4RTQ7Ij48IUVOVElUWSBhcmluZyAi=
JiN4RTU7Ij48IUVOVElUWSBhZWxpZyAiJiN4RTY7Ij48IUVOVElUWSBjY2VkaWwgIiYjeEU3O=
yI%2BPCFFTlRJVFkgZWdyYXZlICImI3hFODsiPjwhRU5USVRZIGVhY3V0ZSAiJiN4RTk7Ij48=
IUVOVElUWSBlY2lyYyAiJiN4RUE7Ij48IUVOVElUWSBldW1sICImI3hFQjsiPjwhRU5USVRZI=
GlncmF2ZSAiJiN4RUM7Ij48IUVOVElUWSBpYWN1dGUgIiYjeEVEOyI%2BPCFFTlRJVFkgaWNp=
cmMgIiYjeEVFOyI%2BPCFFTlRJVFkgaXVtbCAiJiN4RUY7Ij48IUVOVElUWSBldGggIiYjeEY=
wOyI%2BPCFFTlRJVFkgbnRpbGRlICImI3hGMTsiPjwhRU5USVRZIG9ncmF2ZSAiJiN4RjI7Ij=
48IUVOVElUWSBvYWN1dGUgIiYjeEYzOyI%2BPCFFTlRJVFkgb2NpcmMgIiYjeEY0OyI%2BPCF=
FTlRJVFkgb3RpbGRlICImI3hGNTsiPjwhRU5USVRZIG91bWwgIiYjeEY2OyI%2BPCFFTlRJVF=
kgZGl2aWRlICImI3hGNzsiPjwhRU5USVRZIGRpdiAiJiN4Rjc7Ij48IUVOVElUWSBvc2xhc2g=
gIiYjeEY4OyI%2BPCFFTlRJVFkgdWdyYXZlICImI3hGOTsiPjwhRU5USVRZIHVhY3V0ZSAiJi=
N4RkE7Ij48IUVOVElUWSB1Y2lyYyAiJiN4RkI7Ij48IUVOVElUWSB1dW1sICImI3hGQzsiPjw=
hRU5USVRZIHlhY3V0ZSAiJiN4RkQ7Ij48IUVOVElUWSB0aG9ybiAiJiN4RkU7Ij48IUVOVElU=
WSB5dW1sICImI3hGRjsiPjwhRU5USVRZIEFtYWNyICImI3gxMDA7Ij48IUVOVElUWSBhbWFjc=
iAiJiN4MTAxOyI%2BPCFFTlRJVFkgQWJyZXZlICImI3gxMDI7Ij48IUVOVElUWSBhYnJldmUg=
IiYjeDEwMzsiPjwhRU5USVRZIEFvZ29uICImI3gxMDQ7Ij48IUVOVElUWSBhb2dvbiAiJiN4M=
TA1OyI%2BPCFFTlRJVFkgQ2FjdXRlICImI3gxMDY7Ij48IUVOVElUWSBjYWN1dGUgIiYjeDEw=
NzsiPjwhRU5USVRZIENjaXJjICImI3gxMDg7Ij48IUVOVElUWSBjY2lyYyAiJiN4MTA5OyI%2=
BPCFFTlRJVFkgQ2RvdCAiJiN4MTBBOyI%2BPCFFTlRJVFkgY2RvdCAiJiN4MTBCOyI%2BPCFF=
TlRJVFkgQ2Nhcm9uICImI3gxMEM7Ij48IUVOVElUWSBjY2Fyb24gIiYjeDEwRDsiPjwhRU5US=
VRZIERjYXJvbiAiJiN4MTBFOyI%2BPCFFTlRJVFkgZGNhcm9uICImI3gxMEY7Ij48IUVOVElU=
WSBEc3Ryb2sgIiYjeDExMDsiPjwhRU5USVRZIGRzdHJvayAiJiN4MTExOyI%2BPCFFTlRJVFk=
gRW1hY3IgIiYjeDExMjsiPjwhRU5USVRZIGVtYWNyICImI3gxMTM7Ij48IUVOVElUWSBFZG90=
ICImI3gxMTY7Ij48IUVOVElUWSBlZG90ICImI3gxMTc7Ij48IUVOVElUWSBFb2dvbiAiJiN4M=
TE4OyI%2BPCFFTlRJVFkgZW9nb24gIiYjeDExOTsiPjwhRU5USVRZIEVjYXJvbiAiJiN4MTFB=
OyI%2BPCFFTlRJVFkgZWNhcm9uICImI3gxMUI7Ij48IUVOVElUWSBHY2lyYyAiJiN4MTFDOyI=
%2BPCFFTlRJVFkgZ2NpcmMgIiYjeDExRDsiPjwhRU5USVRZIEdicmV2ZSAiJiN4MTFFOyI%2B=
PCFFTlRJVFkgZ2JyZXZlICImI3gxMUY7Ij48IUVOVElUWSBHZG90ICImI3gxMjA7Ij48IUVOV=
ElUWSBnZG90ICImI3gxMjE7Ij48IUVOVElUWSBHY2VkaWwgIiYjeDEyMjsiPjwhRU5USVRZIE=
hjaXJjICImI3gxMjQ7Ij48IUVOVElUWSBoY2lyYyAiJiN4MTI1OyI%2BPCFFTlRJVFkgSHN0c=
m9rICImI3gxMjY7Ij48IUVOVElUWSBoc3Ryb2sgIiYjeDEyNzsiPjwhRU5USVRZIEl0aWxkZS=
AiJiN4MTI4OyI%2BPCFFTlRJVFkgaXRpbGRlICImI3gxMjk7Ij48IUVOVElUWSBJbWFjciAiJ=
iN4MTJBOyI%2BPCFFTlRJVFkgaW1hY3IgIiYjeDEyQjsiPjwhRU5USVRZIElvZ29uICImI3gx=
MkU7Ij48IUVOVElUWSBpb2dvbiAiJiN4MTJGOyI%2BPCFFTlRJVFkgSWRvdCAiJiN4MTMwOyI=
%2BPCFFTlRJVFkgaW1hdGggIiYjeDEzMTsiPjwhRU5USVRZIGlub2RvdCAiJiN4MTMxOyI%2B=
PCFFTlRJVFkgSUpsaWcgIiYjeDEzMjsiPjwhRU5USVRZIGlqbGlnICImI3gxMzM7Ij48IUVOV=
ElUWSBKY2lyYyAiJiN4MTM0OyI%2BPCFFTlRJVFkgamNpcmMgIiYjeDEzNTsiPjwhRU5USVRZ=
IEtjZWRpbCAiJiN4MTM2OyI%2BPCFFTlRJVFkga2NlZGlsICImI3gxMzc7Ij48IUVOVElUWSB=
rZ3JlZW4gIiYjeDEzODsiPjwhRU5USVRZIExhY3V0ZSAiJiN4MTM5OyI%2BPCFFTlRJVFkgbG=
FjdXRlICImI3gxM0E7Ij48IUVOVElUWSBMY2VkaWwgIiYjeDEzQjsiPjwhRU5USVRZIGxjZWR=
pbCAiJiN4MTNDOyI%2BPCFFTlRJVFkgTGNhcm9uICImI3gxM0Q7Ij48IUVOVElUWSBsY2Fyb2=
4gIiYjeDEzRTsiPjwhRU5USVRZIExtaWRvdCAiJiN4MTNGOyI%2BPCFFTlRJVFkgbG1pZG90I=
CImI3gxNDA7Ij48IUVOVElUWSBMc3Ryb2sgIiYjeDE0MTsiPjwhRU5USVRZIGxzdHJvayAiJi=
N4MTQyOyI%2BPCFFTlRJVFkgTmFjdXRlICImI3gxNDM7Ij48IUVOVElUWSBuYWN1dGUgIiYje=
DE0NDsiPjwhRU5USVRZIE5jZWRpbCAiJiN4MTQ1OyI%2BPCFFTlRJVFkgbmNlZGlsICImI3gx=
NDY7Ij48IUVOVElUWSBOY2Fyb24gIiYjeDE0NzsiPjwhRU5USVRZIG5jYXJvbiAiJiN4MTQ4O=
yI%2BPCFFTlRJVFkgbmFwb3MgIiYjeDE0OTsiPjwhRU5USVRZIEVORyAiJiN4MTRBOyI%2BPC=
FFTlRJVFkgZW5nICImI3gxNEI7Ij48IUVOVElUWSBPbWFjciAiJiN4MTRDOyI%2BPCFFTlRJV=
Fkgb21hY3IgIiYjeDE0RDsiPjwhRU5USVRZIE9kYmxhYyAiJiN4MTUwOyI%2BPCFFTlRJVFkg=
b2RibGFjICImI3gxNTE7Ij48IUVOVElUWSBPRWxpZyAiJiN4MTUyOyI%2BPCFFTlRJVFkgb2V=
saWcgIiYjeDE1MzsiPjwhRU5USVRZIFJhY3V0ZSAiJiN4MTU0OyI%2BPCFFTlRJVFkgcmFjdX=
RlICImI3gxNTU7Ij48IUVOVElUWSBSY2VkaWwgIiYjeDE1NjsiPjwhRU5USVRZIHJjZWRpbCA=
iJiN4MTU3OyI%2BPCFFTlRJVFkgUmNhcm9uICImI3gxNTg7Ij48IUVOVElUWSByY2Fyb24gIi=
YjeDE1OTsiPjwhRU5USVRZIFNhY3V0ZSAiJiN4MTVBOyI%2BPCFFTlRJVFkgc2FjdXRlICImI=
3gxNUI7Ij48IUVOVElUWSBTY2lyYyAiJiN4MTVDOyI%2BPCFFTlRJVFkgc2NpcmMgIiYjeDE1=
RDsiPjwhRU5USVRZIFNjZWRpbCAiJiN4MTVFOyI%2BPCFFTlRJVFkgc2NlZGlsICImI3gxNUY=
7Ij48IUVOVElUWSBTY2Fyb24gIiYjeDE2MDsiPjwhRU5USVRZIHNjYXJvbiAiJiN4MTYxOyI%=
2BPCFFTlRJVFkgVGNlZGlsICImI3gxNjI7Ij48IUVOVElUWSB0Y2VkaWwgIiYjeDE2MzsiPjw=
hRU5USVRZIFRjYXJvbiAiJiN4MTY0OyI%2BPCFFTlRJVFkgdGNhcm9uICImI3gxNjU7Ij48IU=
VOVElUWSBUc3Ryb2sgIiYjeDE2NjsiPjwhRU5USVRZIHRzdHJvayAiJiN4MTY3OyI%2BPCFFT=
lRJVFkgVXRpbGRlICImI3gxNjg7Ij48IUVOVElUWSB1dGlsZGUgIiYjeDE2OTsiPjwhRU5USV=
RZIFVtYWNyICImI3gxNkE7Ij48IUVOVElUWSB1bWFjciAiJiN4MTZCOyI%2BPCFFTlRJVFkgV=
WJyZXZlICImI3gxNkM7Ij48IUVOVElUWSB1YnJldmUgIiYjeDE2RDsiPjwhRU5USVRZIFVyaW=
5nICImI3gxNkU7Ij48IUVOVElUWSB1cmluZyAiJiN4MTZGOyI%2BPCFFTlRJVFkgVWRibGFjI=
CImI3gxNzA7Ij48IUVOVElUWSB1ZGJsYWMgIiYjeDE3MTsiPjwhRU5USVRZIFVvZ29uICImI3=
gxNzI7Ij48IUVOVElUWSB1b2dvbiAiJiN4MTczOyI%2BPCFFTlRJVFkgV2NpcmMgIiYjeDE3N=
DsiPjwhRU5USVRZIHdjaXJjICImI3gxNzU7Ij48IUVOVElUWSBZY2lyYyAiJiN4MTc2OyI%2B=
PCFFTlRJVFkgeWNpcmMgIiYjeDE3NzsiPjwhRU5USVRZIFl1bWwgIiYjeDE3ODsiPjwhRU5US=
VRZIFphY3V0ZSAiJiN4MTc5OyI%2BPCFFTlRJVFkgemFjdXRlICImI3gxN0E7Ij48IUVOVElU=
WSBaZG90ICImI3gxN0I7Ij48IUVOVElUWSB6ZG90ICImI3gxN0M7Ij48IUVOVElUWSBaY2Fyb=
24gIiYjeDE3RDsiPjwhRU5USVRZIHpjYXJvbiAiJiN4MTdFOyI%2BPCFFTlRJVFkgZm5vZiAi=
JiN4MTkyOyI%2BPCFFTlRJVFkgaW1wZWQgIiYjeDFCNTsiPjwhRU5USVRZIGdhY3V0ZSAiJiN=
4MUY1OyI%2BPCFFTlRJVFkgam1hdGggIiYjeDIzNzsiPjwhRU5USVRZIGNpcmMgIiYjeDJDNj=
siPjwhRU5USVRZIGNhcm9uICImI3gyQzc7Ij48IUVOVElUWSBIYWNlayAiJiN4MkM3OyI%2BP=
CFFTlRJVFkgYnJldmUgIiYjeDJEODsiPjwhRU5USVRZIEJyZXZlICImI3gyRDg7Ij48IUVOVE=
lUWSBkb3QgIiYjeDJEOTsiPjwhRU5USVRZIERpYWNyaXRpY2FsRG90ICImI3gyRDk7Ij48IUV=
OVElUWSByaW5nICImI3gyREE7Ij48IUVOVElUWSBvZ29uICImI3gyREI7Ij48IUVOVElUWSB0=
aWxkZSAiJiN4MkRDOyI%2BPCFFTlRJVFkgRGlhY3JpdGljYWxUaWxkZSAiJiN4MkRDOyI%2BP=
CFFTlRJVFkgZGJsYWMgIiYjeDJERDsiPjwhRU5USVRZIERpYWNyaXRpY2FsRG91YmxlQWN1dG=
UgIiYjeDJERDsiPjwhRU5USVRZIERvd25CcmV2ZSAiJiN4MzExOyI%2BPCFFTlRJVFkgQWxwa=
GEgIiYjeDM5MTsiPjwhRU5USVRZIEJldGEgIiYjeDM5MjsiPjwhRU5USVRZIEdhbW1hICImI3=
gzOTM7Ij48IUVOVElUWSBEZWx0YSAiJiN4Mzk0OyI%2BPCFFTlRJVFkgRXBzaWxvbiAiJiN4M=
zk1OyI%2BPCFFTlRJVFkgWmV0YSAiJiN4Mzk2OyI%2BPCFFTlRJVFkgRXRhICImI3gzOTc7Ij=
48IUVOVElUWSBUaGV0YSAiJiN4Mzk4OyI%2BPCFFTlRJVFkgSW90YSAiJiN4Mzk5OyI%2BPCF=
FTlRJVFkgS2FwcGEgIiYjeDM5QTsiPjwhRU5USVRZIExhbWJkYSAiJiN4MzlCOyI%2BPCFFTl=
RJVFkgTXUgIiYjeDM5QzsiPjwhRU5USVRZIE51ICImI3gzOUQ7Ij48IUVOVElUWSBYaSAiJiN=
4MzlFOyI%2BPCFFTlRJVFkgT21pY3JvbiAiJiN4MzlGOyI%2BPCFFTlRJVFkgUGkgIiYjeDNB=
MDsiPjwhRU5USVRZIFJobyAiJiN4M0ExOyI%2BPCFFTlRJVFkgU2lnbWEgIiYjeDNBMzsiPjw=
hRU5USVRZIFRhdSAiJiN4M0E0OyI%2BPCFFTlRJVFkgVXBzaWxvbiAiJiN4M0E1OyI%2BPCFF=
TlRJVFkgUGhpICImI3gzQTY7Ij48IUVOVElUWSBDaGkgIiYjeDNBNzsiPjwhRU5USVRZIFBza=
SAiJiN4M0E4OyI%2BPCFFTlRJVFkgT21lZ2EgIiYjeDNBOTsiPjwhRU5USVRZIG9obSAiJiN4=
M0E5OyI%2BPCFFTlRJVFkgYWxwaGEgIiYjeDNCMTsiPjwhRU5USVRZIGJldGEgIiYjeDNCMjs=
iPjwhRU5USVRZIGdhbW1hICImI3gzQjM7Ij48IUVOVElUWSBkZWx0YSAiJiN4M0I0OyI%2BPC=
FFTlRJVFkgZXBzaSAiJiN4M0I1OyI%2BPCFFTlRJVFkgZXBzaWxvbiAiJiN4M0I1OyI%2BPCF=
FTlRJVFkgemV0YSAiJiN4M0I2OyI%2BPCFFTlRJVFkgZXRhICImI3gzQjc7Ij48IUVOVElUWS=
B0aGV0YSAiJiN4M0I4OyI%2BPCFFTlRJVFkgaW90YSAiJiN4M0I5OyI%2BPCFFTlRJVFkga2F=
wcGEgIiYjeDNCQTsiPjwhRU5USVRZIGxhbWJkYSAiJiN4M0JCOyI%2BPCFFTlRJVFkgbXUgIi=
YjeDNCQzsiPjwhRU5USVRZIG51ICImI3gzQkQ7Ij48IUVOVElUWSB4aSAiJiN4M0JFOyI%2BP=
CFFTlRJVFkgb21pY3JvbiAiJiN4M0JGOyI%2BPCFFTlRJVFkgcGkgIiYjeDNDMDsiPjwhRU5U=
SVRZIHJobyAiJiN4M0MxOyI%2BPCFFTlRJVFkgc2lnbWF2ICImI3gzQzI7Ij48IUVOVElUWSB=
2YXJzaWdtYSAiJiN4M0MyOyI%2BPCFFTlRJVFkgc2lnbWFmICImI3gzQzI7Ij48IUVOVElUWS=
BzaWdtYSAiJiN4M0MzOyI%2BPCFFTlRJVFkgdGF1ICImI3gzQzQ7Ij48IUVOVElUWSB1cHNpI=
CImI3gzQzU7Ij48IUVOVElUWSB1cHNpbG9uICImI3gzQzU7Ij48IUVOVElUWSBwaGkgIiYjeD=
NDNjsiPjwhRU5USVRZIGNoaSAiJiN4M0M3OyI%2BPCFFTlRJVFkgcHNpICImI3gzQzg7Ij48I=
UVOVElUWSBvbWVnYSAiJiN4M0M5OyI%2BPCFFTlRJVFkgdGhldGF2ICImI3gzRDE7Ij48IUVO=
VElUWSB2YXJ0aGV0YSAiJiN4M0QxOyI%2BPCFFTlRJVFkgdGhldGFzeW0gIiYjeDNEMTsiPjw=
hRU5USVRZIFVwc2kgIiYjeDNEMjsiPjwhRU5USVRZIHVwc2loICImI3gzRDI7Ij48IUVOVElU=
WSBzdHJhaWdodHBoaSAiJiN4M0Q1OyI%2BPCFFTlRJVFkgcGhpdiAiJiN4M0Q1OyI%2BPCFFT=
lRJVFkgdmFycGhpICImI3gzRDU7Ij48IUVOVElUWSBwaXYgIiYjeDNENjsiPjwhRU5USVRZIH=
ZhcnBpICImI3gzRDY7Ij48IUVOVElUWSBHYW1tYWQgIiYjeDNEQzsiPjwhRU5USVRZIGdhbW1=
hZCAiJiN4M0REOyI%2BPCFFTlRJVFkgZGlnYW1tYSAiJiN4M0REOyI%2BPCFFTlRJVFkga2Fw=
cGF2ICImI3gzRjA7Ij48IUVOVElUWSB2YXJrYXBwYSAiJiN4M0YwOyI%2BPCFFTlRJVFkgcmh=
vdiAiJiN4M0YxOyI%2BPCFFTlRJVFkgdmFycmhvICImI3gzRjE7Ij48IUVOVElUWSBlcHNpdi=
AiJiN4M0Y1OyI%2BPCFFTlRJVFkgc3RyYWlnaHRlcHNpbG9uICImI3gzRjU7Ij48IUVOVElUW=
SB2YXJlcHNpbG9uICImI3gzRjU7Ij48IUVOVElUWSBiZXBzaSAiJiN4M0Y2OyI%2BPCFFTlRJ=
VFkgYmFja2Vwc2lsb24gIiYjeDNGNjsiPjwhRU5USVRZIElPY3kgIiYjeDQwMTsiPjwhRU5US=
VRZIERKY3kgIiYjeDQwMjsiPjwhRU5USVRZIEdKY3kgIiYjeDQwMzsiPjwhRU5USVRZIEp1a2=
N5ICImI3g0MDQ7Ij48IUVOVElUWSBEU2N5ICImI3g0MDU7Ij48IUVOVElUWSBJdWtjeSAiJiN=
4NDA2OyI%2BPCFFTlRJVFkgWUljeSAiJiN4NDA3OyI%2BPCFFTlRJVFkgSnNlcmN5ICImI3g0=
MDg7Ij48IUVOVElUWSBMSmN5ICImI3g0MDk7Ij48IUVOVElUWSBOSmN5ICImI3g0MEE7Ij48I=
UVOVElUWSBUU0hjeSAiJiN4NDBCOyI%2BPCFFTlRJVFkgS0pjeSAiJiN4NDBDOyI%2BPCFFTl=
RJVFkgVWJyY3kgIiYjeDQwRTsiPjwhRU5USVRZIERaY3kgIiYjeDQwRjsiPjwhRU5USVRZIEF=
jeSAiJiN4NDEwOyI%2BPCFFTlRJVFkgQmN5ICImI3g0MTE7Ij48IUVOVElUWSBWY3kgIiYjeD=
QxMjsiPjwhRU5USVRZIEdjeSAiJiN4NDEzOyI%2BPCFFTlRJVFkgRGN5ICImI3g0MTQ7Ij48I=
UVOVElUWSBJRWN5ICImI3g0MTU7Ij48IUVOVElUWSBaSGN5ICImI3g0MTY7Ij48IUVOVElUWS=
BaY3kgIiYjeDQxNzsiPjwhRU5USVRZIEljeSAiJiN4NDE4OyI%2BPCFFTlRJVFkgSmN5ICImI=
3g0MTk7Ij48IUVOVElUWSBLY3kgIiYjeDQxQTsiPjwhRU5USVRZIExjeSAiJiN4NDFCOyI%2B=
PCFFTlRJVFkgTWN5ICImI3g0MUM7Ij48IUVOVElUWSBOY3kgIiYjeDQxRDsiPjwhRU5USVRZI=
E9jeSAiJiN4NDFFOyI%2BPCFFTlRJVFkgUGN5ICImI3g0MUY7Ij48IUVOVElUWSBSY3kgIiYj=
eDQyMDsiPjwhRU5USVRZIFNjeSAiJiN4NDIxOyI%2BPCFFTlRJVFkgVGN5ICImI3g0MjI7Ij4=
8IUVOVElUWSBVY3kgIiYjeDQyMzsiPjwhRU5USVRZIEZjeSAiJiN4NDI0OyI%2BPCFFTlRJVF=
kgS0hjeSAiJiN4NDI1OyI%2BPCFFTlRJVFkgVFNjeSAiJiN4NDI2OyI%2BPCFFTlRJVFkgQ0h=
jeSAiJiN4NDI3OyI%2BPCFFTlRJVFkgU0hjeSAiJiN4NDI4OyI%2BPCFFTlRJVFkgU0hDSGN5=
ICImI3g0Mjk7Ij48IUVOVElUWSBIQVJEY3kgIiYjeDQyQTsiPjwhRU5USVRZIFljeSAiJiN4N=
DJCOyI%2BPCFFTlRJVFkgU09GVGN5ICImI3g0MkM7Ij48IUVOVElUWSBFY3kgIiYjeDQyRDsi=
PjwhRU5USVRZIFlVY3kgIiYjeDQyRTsiPjwhRU5USVRZIFlBY3kgIiYjeDQyRjsiPjwhRU5US=
VRZIGFjeSAiJiN4NDMwOyI%2BPCFFTlRJVFkgYmN5ICImI3g0MzE7Ij48IUVOVElUWSB2Y3kg=
IiYjeDQzMjsiPjwhRU5USVRZIGdjeSAiJiN4NDMzOyI%2BPCFFTlRJVFkgZGN5ICImI3g0MzQ=
7Ij48IUVOVElUWSBpZWN5ICImI3g0MzU7Ij48IUVOVElUWSB6aGN5ICImI3g0MzY7Ij48IUVO=
VElUWSB6Y3kgIiYjeDQzNzsiPjwhRU5USVRZIGljeSAiJiN4NDM4OyI%2BPCFFTlRJVFkgamN=
5ICImI3g0Mzk7Ij48IUVOVElUWSBrY3kgIiYjeDQzQTsiPjwhRU5USVRZIGxjeSAiJiN4NDNC=
OyI%2BPCFFTlRJVFkgbWN5ICImI3g0M0M7Ij48IUVOVElUWSBuY3kgIiYjeDQzRDsiPjwhRU5=
USVRZIG9jeSAiJiN4NDNFOyI%2BPCFFTlRJVFkgcGN5ICImI3g0M0Y7Ij48IUVOVElUWSByY3=
kgIiYjeDQ0MDsiPjwhRU5USVRZIHNjeSAiJiN4NDQxOyI%2BPCFFTlRJVFkgdGN5ICImI3g0N=
DI7Ij48IUVOVElUWSB1Y3kgIiYjeDQ0MzsiPjwhRU5USVRZIGZjeSAiJiN4NDQ0OyI%2BPCFF=
TlRJVFkga2hjeSAiJiN4NDQ1OyI%2BPCFFTlRJVFkgdHNjeSAiJiN4NDQ2OyI%2BPCFFTlRJV=
FkgY2hjeSAiJiN4NDQ3OyI%2BPCFFTlRJVFkgc2hjeSAiJiN4NDQ4OyI%2BPCFFTlRJVFkgc2=
hjaGN5ICImI3g0NDk7Ij48IUVOVElUWSBoYXJkY3kgIiYjeDQ0QTsiPjwhRU5USVRZIHljeSA=
iJiN4NDRCOyI%2BPCFFTlRJVFkgc29mdGN5ICImI3g0NEM7Ij48IUVOVElUWSBlY3kgIiYjeD=
Q0RDsiPjwhRU5USVRZIHl1Y3kgIiYjeDQ0RTsiPjwhRU5USVRZIHlhY3kgIiYjeDQ0RjsiPjw=
hRU5USVRZIGlvY3kgIiYjeDQ1MTsiPjwhRU5USVRZIGRqY3kgIiYjeDQ1MjsiPjwhRU5USVRZ=
IGdqY3kgIiYjeDQ1MzsiPjwhRU5USVRZIGp1a2N5ICImI3g0NTQ7Ij48IUVOVElUWSBkc2N5I=
CImI3g0NTU7Ij48IUVOVElUWSBpdWtjeSAiJiN4NDU2OyI%2BPCFFTlRJVFkgeWljeSAiJiN4=
NDU3OyI%2BPCFFTlRJVFkganNlcmN5ICImI3g0NTg7Ij48IUVOVElUWSBsamN5ICImI3g0NTk=
7Ij48IUVOVElUWSBuamN5ICImI3g0NUE7Ij48IUVOVElUWSB0c2hjeSAiJiN4NDVCOyI%2BPC=
FFTlRJVFkga2pjeSAiJiN4NDVDOyI%2BPCFFTlRJVFkgdWJyY3kgIiYjeDQ1RTsiPjwhRU5US=
VRZIGR6Y3kgIiYjeDQ1RjsiPjwhRU5USVRZIGVuc3AgIiYjeDIwMDI7Ij48IUVOVElUWSBlbX=
NwICImI3gyMDAzOyI%2BPCFFTlRJVFkgZW1zcDEzICImI3gyMDA0OyI%2BPCFFTlRJVFkgZW1=
zcDE0ICImI3gyMDA1OyI%2BPCFFTlRJVFkgbnVtc3AgIiYjeDIwMDc7Ij48IUVOVElUWSBwdW=
5jc3AgIiYjeDIwMDg7Ij48IUVOVElUWSB0aGluc3AgIiYjeDIwMDk7Ij48IUVOVElUWSBUaGl=
uU3BhY2UgIiYjeDIwMDk7Ij48IUVOVElUWSBoYWlyc3AgIiYjeDIwMEE7Ij48IUVOVElUWSBW=
ZXJ5VGhpblNwYWNlICImI3gyMDBBOyI%2BPCFFTlRJVFkgWmVyb1dpZHRoU3BhY2UgIiYjeDI=
wMEI7Ij48IUVOVElUWSBOZWdhdGl2ZVZlcnlUaGluU3BhY2UgIiYjeDIwMEI7Ij48IUVOVElU=
WSBOZWdhdGl2ZVRoaW5TcGFjZSAiJiN4MjAwQjsiPjwhRU5USVRZIE5lZ2F0aXZlTWVkaXVtU=
3BhY2UgIiYjeDIwMEI7Ij48IUVOVElUWSBOZWdhdGl2ZVRoaWNrU3BhY2UgIiYjeDIwMEI7Ij=
48IUVOVElUWSB6d25qICImI3gyMDBDOyI%2BPCFFTlRJVFkgendqICImI3gyMDBEOyI%2BPCF=
FTlRJVFkgbHJtICImI3gyMDBFOyI%2BPCFFTlRJVFkgcmxtICImI3gyMDBGOyI%2BPCFFTlRJ=
VFkgaHlwaGVuICImI3gyMDEwOyI%2BPCFFTlRJVFkgZGFzaCAiJiN4MjAxMDsiPjwhRU5USVR=
ZIG5kYXNoICImI3gyMDEzOyI%2BPCFFTlRJVFkgbWRhc2ggIiYjeDIwMTQ7Ij48IUVOVElUWS=
Bob3JiYXIgIiYjeDIwMTU7Ij48IUVOVElUWSBWZXJiYXIgIiYjeDIwMTY7Ij48IUVOVElUWSB=
WZXJ0ICImI3gyMDE2OyI%2BPCFFTlRJVFkgbHNxdW8gIiYjeDIwMTg7Ij48IUVOVElUWSBPcG=
VuQ3VybHlRdW90ZSAiJiN4MjAxODsiPjwhRU5USVRZIHJzcXVvICImI3gyMDE5OyI%2BPCFFT=
lRJVFkgcnNxdW9yICImI3gyMDE5OyI%2BPCFFTlRJVFkgQ2xvc2VDdXJseVF1b3RlICImI3gy=
MDE5OyI%2BPCFFTlRJVFkgbHNxdW9yICImI3gyMDFBOyI%2BPCFFTlRJVFkgc2JxdW8gIiYje=
DIwMUE7Ij48IUVOVElUWSBsZHF1byAiJiN4MjAxQzsiPjwhRU5USVRZIE9wZW5DdXJseURvdW=
JsZVF1b3RlICImI3gyMDFDOyI%2BPCFFTlRJVFkgcmRxdW8gIiYjeDIwMUQ7Ij48IUVOVElUW=
SByZHF1b3IgIiYjeDIwMUQ7Ij48IUVOVElUWSBDbG9zZUN1cmx5RG91YmxlUXVvdGUgIiYjeD=
IwMUQ7Ij48IUVOVElUWSBsZHF1b3IgIiYjeDIwMUU7Ij48IUVOVElUWSBiZHF1byAiJiN4MjA=
xRTsiPjwhRU5USVRZIGRhZ2dlciAiJiN4MjAyMDsiPjwhRU5USVRZIERhZ2dlciAiJiN4MjAy=
MTsiPjwhRU5USVRZIGRkYWdnZXIgIiYjeDIwMjE7Ij48IUVOVElUWSBidWxsICImI3gyMDIyO=
yI%2BPCFFTlRJVFkgYnVsbGV0ICImI3gyMDIyOyI%2BPCFFTlRJVFkgbmxkciAiJiN4MjAyNT=
siPjwhRU5USVRZIGhlbGxpcCAiJiN4MjAyNjsiPjwhRU5USVRZIG1sZHIgIiYjeDIwMjY7Ij4=
8IUVOVElUWSBwZXJtaWwgIiYjeDIwMzA7Ij48IUVOVElUWSBwZXJ0ZW5rICImI3gyMDMxOyI%=
2BPCFFTlRJVFkgcHJpbWUgIiYjeDIwMzI7Ij48IUVOVElUWSBQcmltZSAiJiN4MjAzMzsiPjw=
hRU5USVRZIHRwcmltZSAiJiN4MjAzNDsiPjwhRU5USVRZIGJwcmltZSAiJiN4MjAzNTsiPjwh=
RU5USVRZIGJhY2twcmltZSAiJiN4MjAzNTsiPjwhRU5USVRZIGxzYXF1byAiJiN4MjAzOTsiP=
jwhRU5USVRZIHJzYXF1byAiJiN4MjAzQTsiPjwhRU5USVRZIG9saW5lICImI3gyMDNFOyI%2B=
PCFFTlRJVFkgT3ZlckJhciAiJiN4MjAzRTsiPjwhRU5USVRZIGNhcmV0ICImI3gyMDQxOyI%2=
BPCFFTlRJVFkgaHlidWxsICImI3gyMDQzOyI%2BPCFFTlRJVFkgZnJhc2wgIiYjeDIwNDQ7Ij=
48IUVOVElUWSBic2VtaSAiJiN4MjA0RjsiPjwhRU5USVRZIHFwcmltZSAiJiN4MjA1NzsiPjw=
hRU5USVRZIE1lZGl1bVNwYWNlICImI3gyMDVGOyI%2BPCFFTlRJVFkgVGhpY2tTcGFjZSAiJi=
N4MjA1RjsmI3gyMDBBOyI%2BPCFFTlRJVFkgTm9CcmVhayAiJiN4MjA2MDsiPjwhRU5USVRZI=
EFwcGx5RnVuY3Rpb24gIiYjeDIwNjE7Ij48IUVOVElUWSBhZiAiJiN4MjA2MTsiPjwhRU5USV=
RZIEludmlzaWJsZVRpbWVzICImI3gyMDYyOyI%2BPCFFTlRJVFkgaXQgIiYjeDIwNjI7Ij48I=
UVOVElUWSBJbnZpc2libGVDb21tYSAiJiN4MjA2MzsiPjwhRU5USVRZIGljICImI3gyMDYzOy=
I%2BPCFFTlRJVFkgZXVybyAiJiN4MjBBQzsiPjwhRU5USVRZIHRkb3QgIiYjeDIwREI7Ij48I=
UVOVElUWSBUcmlwbGVEb3QgIiYjeDIwREI7Ij48IUVOVElUWSBEb3REb3QgIiYjeDIwREM7Ij=
48IUVOVElUWSBDb3BmICImI3gyMTAyOyI%2BPCFFTlRJVFkgY29tcGxleGVzICImI3gyMTAyO=
yI%2BPCFFTlRJVFkgaW5jYXJlICImI3gyMTA1OyI%2BPCFFTlRJVFkgZ3NjciAiJiN4MjEwQT=
siPjwhRU5USVRZIGhhbWlsdCAiJiN4MjEwQjsiPjwhRU5USVRZIEhpbGJlcnRTcGFjZSAiJiN=
4MjEwQjsiPjwhRU5USVRZIEhzY3IgIiYjeDIxMEI7Ij48IUVOVElUWSBIZnIgIiYjeDIxMEM7=
Ij48IUVOVElUWSBQb2luY2FyZXBsYW5lICImI3gyMTBDOyI%2BPCFFTlRJVFkgcXVhdGVybml=
vbnMgIiYjeDIxMEQ7Ij48IUVOVElUWSBIb3BmICImI3gyMTBEOyI%2BPCFFTlRJVFkgcGxhbm=
NraCAiJiN4MjEwRTsiPjwhRU5USVRZIHBsYW5jayAiJiN4MjEwRjsiPjwhRU5USVRZIGhiYXI=
gIiYjeDIxMEY7Ij48IUVOVElUWSBwbGFua3YgIiYjeDIxMEY7Ij48IUVOVElUWSBoc2xhc2gg=
IiYjeDIxMEY7Ij48IUVOVElUWSBJc2NyICImI3gyMTEwOyI%2BPCFFTlRJVFkgaW1hZ2xpbmU=
gIiYjeDIxMTA7Ij48IUVOVElUWSBpbWFnZSAiJiN4MjExMTsiPjwhRU5USVRZIEltICImI3gy=
MTExOyI%2BPCFFTlRJVFkgaW1hZ3BhcnQgIiYjeDIxMTE7Ij48IUVOVElUWSBJZnIgIiYjeDI=
xMTE7Ij48IUVOVElUWSBMc2NyICImI3gyMTEyOyI%2BPCFFTlRJVFkgbGFncmFuICImI3gyMT=
EyOyI%2BPCFFTlRJVFkgTGFwbGFjZXRyZiAiJiN4MjExMjsiPjwhRU5USVRZIGVsbCAiJiN4M=
jExMzsiPjwhRU5USVRZIE5vcGYgIiYjeDIxMTU7Ij48IUVOVElUWSBuYXR1cmFscyAiJiN4Mj=
ExNTsiPjwhRU5USVRZIG51bWVybyAiJiN4MjExNjsiPjwhRU5USVRZIGNvcHlzciAiJiN4MjE=
xNzsiPjwhRU5USVRZIHdlaWVycCAiJiN4MjExODsiPjwhRU5USVRZIHdwICImI3gyMTE4OyI%=
2BPCFFTlRJVFkgUG9wZiAiJiN4MjExOTsiPjwhRU5USVRZIHByaW1lcyAiJiN4MjExOTsiPjw=
hRU5USVRZIHJhdGlvbmFscyAiJiN4MjExQTsiPjwhRU5USVRZIFFvcGYgIiYjeDIxMUE7Ij48=
IUVOVElUWSBSc2NyICImI3gyMTFCOyI%2BPCFFTlRJVFkgcmVhbGluZSAiJiN4MjExQjsiPjw=
hRU5USVRZIHJlYWwgIiYjeDIxMUM7Ij48IUVOVElUWSBSZSAiJiN4MjExQzsiPjwhRU5USVRZ=
IHJlYWxwYXJ0ICImI3gyMTFDOyI%2BPCFFTlRJVFkgUmZyICImI3gyMTFDOyI%2BPCFFTlRJV=
FkgcmVhbHMgIiYjeDIxMUQ7Ij48IUVOVElUWSBSb3BmICImI3gyMTFEOyI%2BPCFFTlRJVFkg=
cnggIiYjeDIxMUU7Ij48IUVOVElUWSB0cmFkZSAiJiN4MjEyMjsiPjwhRU5USVRZIFRSQURFI=
CImI3gyMTIyOyI%2BPCFFTlRJVFkgaW50ZWdlcnMgIiYjeDIxMjQ7Ij48IUVOVElUWSBab3Bm=
ICImI3gyMTI0OyI%2BPCFFTlRJVFkgbWhvICImI3gyMTI3OyI%2BPCFFTlRJVFkgWmZyICImI=
3gyMTI4OyI%2BPCFFTlRJVFkgemVldHJmICImI3gyMTI4OyI%2BPCFFTlRJVFkgaWlvdGEgIi=
YjeDIxMjk7Ij48IUVOVElUWSBiZXJub3UgIiYjeDIxMkM7Ij48IUVOVElUWSBCZXJub3VsbGl=
zICImI3gyMTJDOyI%2BPCFFTlRJVFkgQnNjciAiJiN4MjEyQzsiPjwhRU5USVRZIENmciAiJi=
N4MjEyRDsiPjwhRU5USVRZIENheWxleXMgIiYjeDIxMkQ7Ij48IUVOVElUWSBlc2NyICImI3g=
yMTJGOyI%2BPCFFTlRJVFkgRXNjciAiJiN4MjEzMDsiPjwhRU5USVRZIGV4cGVjdGF0aW9uIC=
ImI3gyMTMwOyI%2BPCFFTlRJVFkgRnNjciAiJiN4MjEzMTsiPjwhRU5USVRZIEZvdXJpZXJ0c=
mYgIiYjeDIxMzE7Ij48IUVOVElUWSBwaG1tYXQgIiYjeDIxMzM7Ij48IUVOVElUWSBNZWxsaW=
50cmYgIiYjeDIxMzM7Ij48IUVOVElUWSBNc2NyICImI3gyMTMzOyI%2BPCFFTlRJVFkgb3JkZ=
XIgIiYjeDIxMzQ7Ij48IUVOVElUWSBvcmRlcm9mICImI3gyMTM0OyI%2BPCFFTlRJVFkgb3Nj=
ciAiJiN4MjEzNDsiPjwhRU5USVRZIGFsZWZzeW0gIiYjeDIxMzU7Ij48IUVOVElUWSBhbGVwa=
CAiJiN4MjEzNTsiPjwhRU5USVRZIGJldGggIiYjeDIxMzY7Ij48IUVOVElUWSBnaW1lbCAiJi=
N4MjEzNzsiPjwhRU5USVRZIGRhbGV0aCAiJiN4MjEzODsiPjwhRU5USVRZIENhcGl0YWxEaWZ=
mZXJlbnRpYWxEICImI3gyMTQ1OyI%2BPCFFTlRJVFkgREQgIiYjeDIxNDU7Ij48IUVOVElUWS=
BEaWZmZXJlbnRpYWxEICImI3gyMTQ2OyI%2BPCFFTlRJVFkgZGQgIiYjeDIxNDY7Ij48IUVOV=
ElUWSBFeHBvbmVudGlhbEUgIiYjeDIxNDc7Ij48IUVOVElUWSBleHBvbmVudGlhbGUgIiYjeD=
IxNDc7Ij48IUVOVElUWSBlZSAiJiN4MjE0NzsiPjwhRU5USVRZIEltYWdpbmFyeUkgIiYjeDI=
xNDg7Ij48IUVOVElUWSBpaSAiJiN4MjE0ODsiPjwhRU5USVRZIGZyYWMxMyAiJiN4MjE1Mzsi=
PjwhRU5USVRZIGZyYWMyMyAiJiN4MjE1NDsiPjwhRU5USVRZIGZyYWMxNSAiJiN4MjE1NTsiP=
jwhRU5USVRZIGZyYWMyNSAiJiN4MjE1NjsiPjwhRU5USVRZIGZyYWMzNSAiJiN4MjE1NzsiPj=
whRU5USVRZIGZyYWM0NSAiJiN4MjE1ODsiPjwhRU5USVRZIGZyYWMxNiAiJiN4MjE1OTsiPjw=
hRU5USVRZIGZyYWM1NiAiJiN4MjE1QTsiPjwhRU5USVRZIGZyYWMxOCAiJiN4MjE1QjsiPjwh=
RU5USVRZIGZyYWMzOCAiJiN4MjE1QzsiPjwhRU5USVRZIGZyYWM1OCAiJiN4MjE1RDsiPjwhR=
U5USVRZIGZyYWM3OCAiJiN4MjE1RTsiPjwhRU5USVRZIGxhcnIgIiYjeDIxOTA7Ij48IUVOVE=
lUWSBsZWZ0YXJyb3cgIiYjeDIxOTA7Ij48IUVOVElUWSBMZWZ0QXJyb3cgIiYjeDIxOTA7Ij4=
8IUVOVElUWSBzbGFyciAiJiN4MjE5MDsiPjwhRU5USVRZIFNob3J0TGVmdEFycm93ICImI3gy=
MTkwOyI%2BPCFFTlRJVFkgdWFyciAiJiN4MjE5MTsiPjwhRU5USVRZIHVwYXJyb3cgIiYjeDI=
xOTE7Ij48IUVOVElUWSBVcEFycm93ICImI3gyMTkxOyI%2BPCFFTlRJVFkgU2hvcnRVcEFycm=
93ICImI3gyMTkxOyI%2BPCFFTlRJVFkgcmFyciAiJiN4MjE5MjsiPjwhRU5USVRZIHJpZ2h0Y=
XJyb3cgIiYjeDIxOTI7Ij48IUVOVElUWSBSaWdodEFycm93ICImI3gyMTkyOyI%2BPCFFTlRJ=
VFkgc3JhcnIgIiYjeDIxOTI7Ij48IUVOVElUWSBTaG9ydFJpZ2h0QXJyb3cgIiYjeDIxOTI7I=
j48IUVOVElUWSBkYXJyICImI3gyMTkzOyI%2BPCFFTlRJVFkgZG93bmFycm93ICImI3gyMTkz=
OyI%2BPCFFTlRJVFkgRG93bkFycm93ICImI3gyMTkzOyI%2BPCFFTlRJVFkgU2hvcnREb3duQ=
XJyb3cgIiYjeDIxOTM7Ij48IUVOVElUWSBoYXJyICImI3gyMTk0OyI%2BPCFFTlRJVFkgbGVm=
dHJpZ2h0YXJyb3cgIiYjeDIxOTQ7Ij48IUVOVElUWSBMZWZ0UmlnaHRBcnJvdyAiJiN4MjE5N=
DsiPjwhRU5USVRZIHZhcnIgIiYjeDIxOTU7Ij48IUVOVElUWSB1cGRvd25hcnJvdyAiJiN4Mj=
E5NTsiPjwhRU5USVRZIFVwRG93bkFycm93ICImI3gyMTk1OyI%2BPCFFTlRJVFkgbndhcnIgI=
iYjeDIxOTY7Ij48IUVOVElUWSBVcHBlckxlZnRBcnJvdyAiJiN4MjE5NjsiPjwhRU5USVRZIG=
53YXJyb3cgIiYjeDIxOTY7Ij48IUVOVElUWSBuZWFyciAiJiN4MjE5NzsiPjwhRU5USVRZIFV=
wcGVyUmlnaHRBcnJvdyAiJiN4MjE5NzsiPjwhRU5USVRZIG5lYXJyb3cgIiYjeDIxOTc7Ij48=
IUVOVElUWSBzZWFyciAiJiN4MjE5ODsiPjwhRU5USVRZIHNlYXJyb3cgIiYjeDIxOTg7Ij48I=
UVOVElUWSBMb3dlclJpZ2h0QXJyb3cgIiYjeDIxOTg7Ij48IUVOVElUWSBzd2FyciAiJiN4Mj=
E5OTsiPjwhRU5USVRZIHN3YXJyb3cgIiYjeDIxOTk7Ij48IUVOVElUWSBMb3dlckxlZnRBcnJ=
vdyAiJiN4MjE5OTsiPjwhRU5USVRZIG5sYXJyICImI3gyMTlBOyI%2BPCFFTlRJVFkgbmxlZn=
RhcnJvdyAiJiN4MjE5QTsiPjwhRU5USVRZIG5yYXJyICImI3gyMTlCOyI%2BPCFFTlRJVFkgb=
nJpZ2h0YXJyb3cgIiYjeDIxOUI7Ij48IUVOVElUWSByYXJydyAiJiN4MjE5RDsiPjwhRU5USV=
RZIHJpZ2h0c3F1aWdhcnJvdyAiJiN4MjE5RDsiPjwhRU5USVRZIG5yYXJydyAiJiN4MjE5RDs=
mI3gzMzg7Ij48IUVOVElUWSBMYXJyICImI3gyMTlFOyI%2BPCFFTlRJVFkgdHdvaGVhZGxlZn=
RhcnJvdyAiJiN4MjE5RTsiPjwhRU5USVRZIFVhcnIgIiYjeDIxOUY7Ij48IUVOVElUWSBSYXJ=
yICImI3gyMUEwOyI%2BPCFFTlRJVFkgdHdvaGVhZHJpZ2h0YXJyb3cgIiYjeDIxQTA7Ij48IU=
VOVElUWSBEYXJyICImI3gyMUExOyI%2BPCFFTlRJVFkgbGFycnRsICImI3gyMUEyOyI%2BPCF=
FTlRJVFkgbGVmdGFycm93dGFpbCAiJiN4MjFBMjsiPjwhRU5USVRZIHJhcnJ0bCAiJiN4MjFB=
MzsiPjwhRU5USVRZIHJpZ2h0YXJyb3d0YWlsICImI3gyMUEzOyI%2BPCFFTlRJVFkgTGVmdFR=
lZUFycm93ICImI3gyMUE0OyI%2BPCFFTlRJVFkgbWFwc3RvbGVmdCAiJiN4MjFBNDsiPjwhRU=
5USVRZIFVwVGVlQXJyb3cgIiYjeDIxQTU7Ij48IUVOVElUWSBtYXBzdG91cCAiJiN4MjFBNTs=
iPjwhRU5USVRZIG1hcCAiJiN4MjFBNjsiPjwhRU5USVRZIFJpZ2h0VGVlQXJyb3cgIiYjeDIx=
QTY7Ij48IUVOVElUWSBtYXBzdG8gIiYjeDIxQTY7Ij48IUVOVElUWSBEb3duVGVlQXJyb3cgI=
iYjeDIxQTc7Ij48IUVOVElUWSBtYXBzdG9kb3duICImI3gyMUE3OyI%2BPCFFTlRJVFkgbGFy=
cmhrICImI3gyMUE5OyI%2BPCFFTlRJVFkgaG9va2xlZnRhcnJvdyAiJiN4MjFBOTsiPjwhRU5=
USVRZIHJhcnJoayAiJiN4MjFBQTsiPjwhRU5USVRZIGhvb2tyaWdodGFycm93ICImI3gyMUFB=
OyI%2BPCFFTlRJVFkgbGFycmxwICImI3gyMUFCOyI%2BPCFFTlRJVFkgbG9vcGFycm93bGVmd=
CAiJiN4MjFBQjsiPjwhRU5USVRZIHJhcnJscCAiJiN4MjFBQzsiPjwhRU5USVRZIGxvb3Bhcn=
Jvd3JpZ2h0ICImI3gyMUFDOyI%2BPCFFTlRJVFkgaGFycncgIiYjeDIxQUQ7Ij48IUVOVElUW=
SBsZWZ0cmlnaHRzcXVpZ2Fycm93ICImI3gyMUFEOyI%2BPCFFTlRJVFkgbmhhcnIgIiYjeDIx=
QUU7Ij48IUVOVElUWSBubGVmdHJpZ2h0YXJyb3cgIiYjeDIxQUU7Ij48IUVOVElUWSBsc2ggI=
iYjeDIxQjA7Ij48IUVOVElUWSBMc2ggIiYjeDIxQjA7Ij48IUVOVElUWSByc2ggIiYjeDIxQj=
E7Ij48IUVOVElUWSBSc2ggIiYjeDIxQjE7Ij48IUVOVElUWSBsZHNoICImI3gyMUIyOyI%2BP=
CFFTlRJVFkgcmRzaCAiJiN4MjFCMzsiPjwhRU5USVRZIGNyYXJyICImI3gyMUI1OyI%2BPCFF=
TlRJVFkgY3VsYXJyICImI3gyMUI2OyI%2BPCFFTlRJVFkgY3VydmVhcnJvd2xlZnQgIiYjeDI=
xQjY7Ij48IUVOVElUWSBjdXJhcnIgIiYjeDIxQjc7Ij48IUVOVElUWSBjdXJ2ZWFycm93cmln=
aHQgIiYjeDIxQjc7Ij48IUVOVElUWSBvbGFyciAiJiN4MjFCQTsiPjwhRU5USVRZIGNpcmNsZ=
WFycm93bGVmdCAiJiN4MjFCQTsiPjwhRU5USVRZIG9yYXJyICImI3gyMUJCOyI%2BPCFFTlRJ=
VFkgY2lyY2xlYXJyb3dyaWdodCAiJiN4MjFCQjsiPjwhRU5USVRZIGxoYXJ1ICImI3gyMUJDO=
yI%2BPCFFTlRJVFkgTGVmdFZlY3RvciAiJiN4MjFCQzsiPjwhRU5USVRZIGxlZnRoYXJwb29u=
dXAgIiYjeDIxQkM7Ij48IUVOVElUWSBsaGFyZCAiJiN4MjFCRDsiPjwhRU5USVRZIGxlZnRoY=
XJwb29uZG93biAiJiN4MjFCRDsiPjwhRU5USVRZIERvd25MZWZ0VmVjdG9yICImI3gyMUJEOy=
I%2BPCFFTlRJVFkgdWhhcnIgIiYjeDIxQkU7Ij48IUVOVElUWSB1cGhhcnBvb25yaWdodCAiJ=
iN4MjFCRTsiPjwhRU5USVRZIFJpZ2h0VXBWZWN0b3IgIiYjeDIxQkU7Ij48IUVOVElUWSB1aG=
FybCAiJiN4MjFCRjsiPjwhRU5USVRZIHVwaGFycG9vbmxlZnQgIiYjeDIxQkY7Ij48IUVOVEl=
UWSBMZWZ0VXBWZWN0b3IgIiYjeDIxQkY7Ij48IUVOVElUWSByaGFydSAiJiN4MjFDMDsiPjwh=
RU5USVRZIFJpZ2h0VmVjdG9yICImI3gyMUMwOyI%2BPCFFTlRJVFkgcmlnaHRoYXJwb29udXA=
gIiYjeDIxQzA7Ij48IUVOVElUWSByaGFyZCAiJiN4MjFDMTsiPjwhRU5USVRZIHJpZ2h0aGFy=
cG9vbmRvd24gIiYjeDIxQzE7Ij48IUVOVElUWSBEb3duUmlnaHRWZWN0b3IgIiYjeDIxQzE7I=
j48IUVOVElUWSBkaGFyciAiJiN4MjFDMjsiPjwhRU5USVRZIFJpZ2h0RG93blZlY3RvciAiJi=
N4MjFDMjsiPjwhRU5USVRZIGRvd25oYXJwb29ucmlnaHQgIiYjeDIxQzI7Ij48IUVOVElUWSB=
kaGFybCAiJiN4MjFDMzsiPjwhRU5USVRZIExlZnREb3duVmVjdG9yICImI3gyMUMzOyI%2BPC=
FFTlRJVFkgZG93bmhhcnBvb25sZWZ0ICImI3gyMUMzOyI%2BPCFFTlRJVFkgcmxhcnIgIiYje=
DIxQzQ7Ij48IUVOVElUWSByaWdodGxlZnRhcnJvd3MgIiYjeDIxQzQ7Ij48IUVOVElUWSBSaW=
dodEFycm93TGVmdEFycm93ICImI3gyMUM0OyI%2BPCFFTlRJVFkgdWRhcnIgIiYjeDIxQzU7I=
j48IUVOVElUWSBVcEFycm93RG93bkFycm93ICImI3gyMUM1OyI%2BPCFFTlRJVFkgbHJhcnIg=
IiYjeDIxQzY7Ij48IUVOVElUWSBsZWZ0cmlnaHRhcnJvd3MgIiYjeDIxQzY7Ij48IUVOVElUW=
SBMZWZ0QXJyb3dSaWdodEFycm93ICImI3gyMUM2OyI%2BPCFFTlRJVFkgbGxhcnIgIiYjeDIx=
Qzc7Ij48IUVOVElUWSBsZWZ0bGVmdGFycm93cyAiJiN4MjFDNzsiPjwhRU5USVRZIHV1YXJyI=
CImI3gyMUM4OyI%2BPCFFTlRJVFkgdXB1cGFycm93cyAiJiN4MjFDODsiPjwhRU5USVRZIHJy=
YXJyICImI3gyMUM5OyI%2BPCFFTlRJVFkgcmlnaHRyaWdodGFycm93cyAiJiN4MjFDOTsiPjw=
hRU5USVRZIGRkYXJyICImI3gyMUNBOyI%2BPCFFTlRJVFkgZG93bmRvd25hcnJvd3MgIiYjeD=
IxQ0E7Ij48IUVOVElUWSBscmhhciAiJiN4MjFDQjsiPjwhRU5USVRZIFJldmVyc2VFcXVpbGl=
icml1bSAiJiN4MjFDQjsiPjwhRU5USVRZIGxlZnRyaWdodGhhcnBvb25zICImI3gyMUNCOyI%=
2BPCFFTlRJVFkgcmxoYXIgIiYjeDIxQ0M7Ij48IUVOVElUWSByaWdodGxlZnRoYXJwb29ucyA=
iJiN4MjFDQzsiPjwhRU5USVRZIEVxdWlsaWJyaXVtICImI3gyMUNDOyI%2BPCFFTlRJVFkgbm=
xBcnIgIiYjeDIxQ0Q7Ij48IUVOVElUWSBuTGVmdGFycm93ICImI3gyMUNEOyI%2BPCFFTlRJV=
FkgbmhBcnIgIiYjeDIxQ0U7Ij48IUVOVElUWSBuTGVmdHJpZ2h0YXJyb3cgIiYjeDIxQ0U7Ij=
48IUVOVElUWSBuckFyciAiJiN4MjFDRjsiPjwhRU5USVRZIG5SaWdodGFycm93ICImI3gyMUN=
GOyI%2BPCFFTlRJVFkgbEFyciAiJiN4MjFEMDsiPjwhRU5USVRZIExlZnRhcnJvdyAiJiN4Mj=
FEMDsiPjwhRU5USVRZIERvdWJsZUxlZnRBcnJvdyAiJiN4MjFEMDsiPjwhRU5USVRZIHVBcnI=
gIiYjeDIxRDE7Ij48IUVOVElUWSBVcGFycm93ICImI3gyMUQxOyI%2BPCFFTlRJVFkgRG91Ym=
xlVXBBcnJvdyAiJiN4MjFEMTsiPjwhRU5USVRZIHJBcnIgIiYjeDIxRDI7Ij48IUVOVElUWSB=
SaWdodGFycm93ICImI3gyMUQyOyI%2BPCFFTlRJVFkgSW1wbGllcyAiJiN4MjFEMjsiPjwhRU=
5USVRZIERvdWJsZVJpZ2h0QXJyb3cgIiYjeDIxRDI7Ij48IUVOVElUWSBkQXJyICImI3gyMUQ=
zOyI%2BPCFFTlRJVFkgRG93bmFycm93ICImI3gyMUQzOyI%2BPCFFTlRJVFkgRG91YmxlRG93=
bkFycm93ICImI3gyMUQzOyI%2BPCFFTlRJVFkgaEFyciAiJiN4MjFENDsiPjwhRU5USVRZIEx=
lZnRyaWdodGFycm93ICImI3gyMUQ0OyI%2BPCFFTlRJVFkgRG91YmxlTGVmdFJpZ2h0QXJyb3=
cgIiYjeDIxRDQ7Ij48IUVOVElUWSBpZmYgIiYjeDIxRDQ7Ij48IUVOVElUWSB2QXJyICImI3g=
yMUQ1OyI%2BPCFFTlRJVFkgVXBkb3duYXJyb3cgIiYjeDIxRDU7Ij48IUVOVElUWSBEb3VibG=
VVcERvd25BcnJvdyAiJiN4MjFENTsiPjwhRU5USVRZIG53QXJyICImI3gyMUQ2OyI%2BPCFFT=
lRJVFkgbmVBcnIgIiYjeDIxRDc7Ij48IUVOVElUWSBzZUFyciAiJiN4MjFEODsiPjwhRU5USV=
RZIHN3QXJyICImI3gyMUQ5OyI%2BPCFFTlRJVFkgbEFhcnIgIiYjeDIxREE7Ij48IUVOVElUW=
SBMbGVmdGFycm93ICImI3gyMURBOyI%2BPCFFTlRJVFkgckFhcnIgIiYjeDIxREI7Ij48IUVO=
VElUWSBScmlnaHRhcnJvdyAiJiN4MjFEQjsiPjwhRU5USVRZIHppZ3JhcnIgIiYjeDIxREQ7I=
j48IUVOVElUWSBsYXJyYiAiJiN4MjFFNDsiPjwhRU5USVRZIExlZnRBcnJvd0JhciAiJiN4Mj=
FFNDsiPjwhRU5USVRZIHJhcnJiICImI3gyMUU1OyI%2BPCFFTlRJVFkgUmlnaHRBcnJvd0Jhc=
iAiJiN4MjFFNTsiPjwhRU5USVRZIGR1YXJyICImI3gyMUY1OyI%2BPCFFTlRJVFkgRG93bkFy=
cm93VXBBcnJvdyAiJiN4MjFGNTsiPjwhRU5USVRZIGxvYXJyICImI3gyMUZEOyI%2BPCFFTlR=
JVFkgcm9hcnIgIiYjeDIxRkU7Ij48IUVOVElUWSBob2FyciAiJiN4MjFGRjsiPjwhRU5USVRZ=
IGZvcmFsbCAiJiN4MjIwMDsiPjwhRU5USVRZIEZvckFsbCAiJiN4MjIwMDsiPjwhRU5USVRZI=
GNvbXAgIiYjeDIyMDE7Ij48IUVOVElUWSBjb21wbGVtZW50ICImI3gyMjAxOyI%2BPCFFTlRJ=
VFkgcGFydCAiJiN4MjIwMjsiPjwhRU5USVRZIFBhcnRpYWxEICImI3gyMjAyOyI%2BPCFFTlR=
JVFkgbnBhcnQgIiYjeDIyMDI7JiN4MzM4OyI%2BPCFFTlRJVFkgZXhpc3QgIiYjeDIyMDM7Ij=
48IUVOVElUWSBFeGlzdHMgIiYjeDIyMDM7Ij48IUVOVElUWSBuZXhpc3QgIiYjeDIyMDQ7Ij4=
8IUVOVElUWSBOb3RFeGlzdHMgIiYjeDIyMDQ7Ij48IUVOVElUWSBuZXhpc3RzICImI3gyMjA0=
OyI%2BPCFFTlRJVFkgZW1wdHkgIiYjeDIyMDU7Ij48IUVOVElUWSBlbXB0eXNldCAiJiN4MjI=
wNTsiPjwhRU5USVRZIGVtcHR5diAiJiN4MjIwNTsiPjwhRU5USVRZIHZhcm5vdGhpbmcgIiYj=
eDIyMDU7Ij48IUVOVElUWSBuYWJsYSAiJiN4MjIwNzsiPjwhRU5USVRZIERlbCAiJiN4MjIwN=
zsiPjwhRU5USVRZIGlzaW4gIiYjeDIyMDg7Ij48IUVOVElUWSBpc2ludiAiJiN4MjIwODsiPj=
whRU5USVRZIEVsZW1lbnQgIiYjeDIyMDg7Ij48IUVOVElUWSBpbiAiJiN4MjIwODsiPjwhRU5=
USVRZIG5vdGluICImI3gyMjA5OyI%2BPCFFTlRJVFkgTm90RWxlbWVudCAiJiN4MjIwOTsiPj=
whRU5USVRZIG5vdGludmEgIiYjeDIyMDk7Ij48IUVOVElUWSBuaXYgIiYjeDIyMEI7Ij48IUV=
OVElUWSBSZXZlcnNlRWxlbWVudCAiJiN4MjIwQjsiPjwhRU5USVRZIG5pICImI3gyMjBCOyI%=
2BPCFFTlRJVFkgU3VjaFRoYXQgIiYjeDIyMEI7Ij48IUVOVElUWSBub3RuaSAiJiN4MjIwQzs=
iPjwhRU5USVRZIG5vdG5pdmEgIiYjeDIyMEM7Ij48IUVOVElUWSBOb3RSZXZlcnNlRWxlbWVu=
dCAiJiN4MjIwQzsiPjwhRU5USVRZIHByb2QgIiYjeDIyMEY7Ij48IUVOVElUWSBQcm9kdWN0I=
CImI3gyMjBGOyI%2BPCFFTlRJVFkgY29wcm9kICImI3gyMjEwOyI%2BPCFFTlRJVFkgQ29wcm=
9kdWN0ICImI3gyMjEwOyI%2BPCFFTlRJVFkgc3VtICImI3gyMjExOyI%2BPCFFTlRJVFkgU3V=
tICImI3gyMjExOyI%2BPCFFTlRJVFkgbWludXMgIiYjeDIyMTI7Ij48IUVOVElUWSBtbnBsdX=
MgIiYjeDIyMTM7Ij48IUVOVElUWSBtcCAiJiN4MjIxMzsiPjwhRU5USVRZIE1pbnVzUGx1cyA=
iJiN4MjIxMzsiPjwhRU5USVRZIHBsdXNkbyAiJiN4MjIxNDsiPjwhRU5USVRZIGRvdHBsdXMg=
IiYjeDIyMTQ7Ij48IUVOVElUWSBzZXRtbiAiJiN4MjIxNjsiPjwhRU5USVRZIHNldG1pbnVzI=
CImI3gyMjE2OyI%2BPCFFTlRJVFkgQmFja3NsYXNoICImI3gyMjE2OyI%2BPCFFTlRJVFkgc3=
NldG1uICImI3gyMjE2OyI%2BPCFFTlRJVFkgc21hbGxzZXRtaW51cyAiJiN4MjIxNjsiPjwhR=
U5USVRZIGxvd2FzdCAiJiN4MjIxNzsiPjwhRU5USVRZIGNvbXBmbiAiJiN4MjIxODsiPjwhRU=
5USVRZIFNtYWxsQ2lyY2xlICImI3gyMjE4OyI%2BPCFFTlRJVFkgcmFkaWMgIiYjeDIyMUE7I=
j48IUVOVElUWSBTcXJ0ICImI3gyMjFBOyI%2BPCFFTlRJVFkgcHJvcCAiJiN4MjIxRDsiPjwh=
RU5USVRZIHByb3B0byAiJiN4MjIxRDsiPjwhRU5USVRZIFByb3BvcnRpb25hbCAiJiN4MjIxR=
DsiPjwhRU5USVRZIHZwcm9wICImI3gyMjFEOyI%2BPCFFTlRJVFkgdmFycHJvcHRvICImI3gy=
MjFEOyI%2BPCFFTlRJVFkgaW5maW4gIiYjeDIyMUU7Ij48IUVOVElUWSBhbmdydCAiJiN4MjI=
xRjsiPjwhRU5USVRZIGFuZyAiJiN4MjIyMDsiPjwhRU5USVRZIGFuZ2xlICImI3gyMjIwOyI%=
2BPCFFTlRJVFkgbmFuZyAiJiN4MjIyMDsmI3gyMEQyOyI%2BPCFFTlRJVFkgYW5nbXNkICImI=
3gyMjIxOyI%2BPCFFTlRJVFkgbWVhc3VyZWRhbmdsZSAiJiN4MjIyMTsiPjwhRU5USVRZIGFu=
Z3NwaCAiJiN4MjIyMjsiPjwhRU5USVRZIG1pZCAiJiN4MjIyMzsiPjwhRU5USVRZIFZlcnRpY=
2FsQmFyICImI3gyMjIzOyI%2BPCFFTlRJVFkgc21pZCAiJiN4MjIyMzsiPjwhRU5USVRZIHNo=
b3J0bWlkICImI3gyMjIzOyI%2BPCFFTlRJVFkgbm1pZCAiJiN4MjIyNDsiPjwhRU5USVRZIE5=
vdFZlcnRpY2FsQmFyICImI3gyMjI0OyI%2BPCFFTlRJVFkgbnNtaWQgIiYjeDIyMjQ7Ij48IU=
VOVElUWSBuc2hvcnRtaWQgIiYjeDIyMjQ7Ij48IUVOVElUWSBwYXIgIiYjeDIyMjU7Ij48IUV=
OVElUWSBwYXJhbGxlbCAiJiN4MjIyNTsiPjwhRU5USVRZIERvdWJsZVZlcnRpY2FsQmFyICIm=
I3gyMjI1OyI%2BPCFFTlRJVFkgc3BhciAiJiN4MjIyNTsiPjwhRU5USVRZIHNob3J0cGFyYWx=
sZWwgIiYjeDIyMjU7Ij48IUVOVElUWSBucGFyICImI3gyMjI2OyI%2BPCFFTlRJVFkgbnBhcm=
FsbGVsICImI3gyMjI2OyI%2BPCFFTlRJVFkgTm90RG91YmxlVmVydGljYWxCYXIgIiYjeDIyM=
jY7Ij48IUVOVElUWSBuc3BhciAiJiN4MjIyNjsiPjwhRU5USVRZIG5zaG9ydHBhcmFsbGVsIC=
ImI3gyMjI2OyI%2BPCFFTlRJVFkgYW5kICImI3gyMjI3OyI%2BPCFFTlRJVFkgd2VkZ2UgIiY=
jeDIyMjc7Ij48IUVOVElUWSBvciAiJiN4MjIyODsiPjwhRU5USVRZIHZlZSAiJiN4MjIyODsi=
PjwhRU5USVRZIGNhcCAiJiN4MjIyOTsiPjwhRU5USVRZIGNhcHMgIiYjeDIyMjk7JiN4RkUwM=
DsiPjwhRU5USVRZIGN1cCAiJiN4MjIyQTsiPjwhRU5USVRZIGN1cHMgIiYjeDIyMkE7JiN4Rk=
UwMDsiPjwhRU5USVRZIGludCAiJiN4MjIyQjsiPjwhRU5USVRZIEludGVncmFsICImI3gyMjJ=
COyI%2BPCFFTlRJVFkgSW50ICImI3gyMjJDOyI%2BPCFFTlRJVFkgdGludCAiJiN4MjIyRDsi=
PjwhRU5USVRZIGlpaW50ICImI3gyMjJEOyI%2BPCFFTlRJVFkgY29uaW50ICImI3gyMjJFOyI=
%2BPCFFTlRJVFkgb2ludCAiJiN4MjIyRTsiPjwhRU5USVRZIENvbnRvdXJJbnRlZ3JhbCAiJi=
N4MjIyRTsiPjwhRU5USVRZIENvbmludCAiJiN4MjIyRjsiPjwhRU5USVRZIERvdWJsZUNvbnR=
vdXJJbnRlZ3JhbCAiJiN4MjIyRjsiPjwhRU5USVRZIENjb25pbnQgIiYjeDIyMzA7Ij48IUVO=
VElUWSBjd2ludCAiJiN4MjIzMTsiPjwhRU5USVRZIGN3Y29uaW50ICImI3gyMjMyOyI%2BPCF=
FTlRJVFkgQ2xvY2t3aXNlQ29udG91ckludGVncmFsICImI3gyMjMyOyI%2BPCFFTlRJVFkgYX=
djb25pbnQgIiYjeDIyMzM7Ij48IUVOVElUWSBDb3VudGVyQ2xvY2t3aXNlQ29udG91ckludGV=
ncmFsICImI3gyMjMzOyI%2BPCFFTlRJVFkgdGhlcmU0ICImI3gyMjM0OyI%2BPCFFTlRJVFkg=
dGhlcmVmb3JlICImI3gyMjM0OyI%2BPCFFTlRJVFkgVGhlcmVmb3JlICImI3gyMjM0OyI%2BP=
CFFTlRJVFkgYmVjYXVzICImI3gyMjM1OyI%2BPCFFTlRJVFkgYmVjYXVzZSAiJiN4MjIzNTsi=
PjwhRU5USVRZIEJlY2F1c2UgIiYjeDIyMzU7Ij48IUVOVElUWSByYXRpbyAiJiN4MjIzNjsiP=
jwhRU5USVRZIENvbG9uICImI3gyMjM3OyI%2BPCFFTlRJVFkgUHJvcG9ydGlvbiAiJiN4MjIz=
NzsiPjwhRU5USVRZIG1pbnVzZCAiJiN4MjIzODsiPjwhRU5USVRZIGRvdG1pbnVzICImI3gyM=
jM4OyI%2BPCFFTlRJVFkgbUREb3QgIiYjeDIyM0E7Ij48IUVOVElUWSBob210aHQgIiYjeDIy=
M0I7Ij48IUVOVElUWSBzaW0gIiYjeDIyM0M7Ij48IUVOVElUWSBUaWxkZSAiJiN4MjIzQzsiP=
jwhRU5USVRZIHRoa3NpbSAiJiN4MjIzQzsiPjwhRU5USVRZIHRoaWNrc2ltICImI3gyMjNDOy=
I%2BPCFFTlRJVFkgbnZzaW0gIiYjeDIyM0M7JiN4MjBEMjsiPjwhRU5USVRZIGJzaW0gIiYje=
DIyM0Q7Ij48IUVOVElUWSBiYWNrc2ltICImI3gyMjNEOyI%2BPCFFTlRJVFkgcmFjZSAiJiN4=
MjIzRDsmI3gzMzE7Ij48IUVOVElUWSBhYyAiJiN4MjIzRTsiPjwhRU5USVRZIG1zdHBvcyAiJ=
iN4MjIzRTsiPjwhRU5USVRZIGFjRSAiJiN4MjIzRTsmI3gzMzM7Ij48IUVOVElUWSBhY2QgIi=
YjeDIyM0Y7Ij48IUVOVElUWSB3cmVhdGggIiYjeDIyNDA7Ij48IUVOVElUWSBWZXJ0aWNhbFR=
pbGRlICImI3gyMjQwOyI%2BPCFFTlRJVFkgd3IgIiYjeDIyNDA7Ij48IUVOVElUWSBuc2ltIC=
ImI3gyMjQxOyI%2BPCFFTlRJVFkgTm90VGlsZGUgIiYjeDIyNDE7Ij48IUVOVElUWSBlc2ltI=
CImI3gyMjQyOyI%2BPCFFTlRJVFkgRXF1YWxUaWxkZSAiJiN4MjI0MjsiPjwhRU5USVRZIGVx=
c2ltICImI3gyMjQyOyI%2BPCFFTlRJVFkgTm90RXF1YWxUaWxkZSAiJiN4MjI0MjsmI3gzMzg=
7Ij48IUVOVElUWSBuZXNpbSAiJiN4MjI0MjsmI3gzMzg7Ij48IUVOVElUWSBzaW1lICImI3gy=
MjQzOyI%2BPCFFTlRJVFkgVGlsZGVFcXVhbCAiJiN4MjI0MzsiPjwhRU5USVRZIHNpbWVxICI=
mI3gyMjQzOyI%2BPCFFTlRJVFkgbnNpbWUgIiYjeDIyNDQ7Ij48IUVOVElUWSBuc2ltZXEgIi=
YjeDIyNDQ7Ij48IUVOVElUWSBOb3RUaWxkZUVxdWFsICImI3gyMjQ0OyI%2BPCFFTlRJVFkgY=
29uZyAiJiN4MjI0NTsiPjwhRU5USVRZIFRpbGRlRnVsbEVxdWFsICImI3gyMjQ1OyI%2BPCFF=
TlRJVFkgc2ltbmUgIiYjeDIyNDY7Ij48IUVOVElUWSBuY29uZyAiJiN4MjI0NzsiPjwhRU5US=
VRZIE5vdFRpbGRlRnVsbEVxdWFsICImI3gyMjQ3OyI%2BPCFFTlRJVFkgYXN5bXAgIiYjeDIy=
NDg7Ij48IUVOVElUWSBhcCAiJiN4MjI0ODsiPjwhRU5USVRZIFRpbGRlVGlsZGUgIiYjeDIyN=
Dg7Ij48IUVOVElUWSBhcHByb3ggIiYjeDIyNDg7Ij48IUVOVElUWSB0aGthcCAiJiN4MjI0OD=
siPjwhRU5USVRZIHRoaWNrYXBwcm94ICImI3gyMjQ4OyI%2BPCFFTlRJVFkgbmFwICImI3gyM=
jQ5OyI%2BPCFFTlRJVFkgTm90VGlsZGVUaWxkZSAiJiN4MjI0OTsiPjwhRU5USVRZIG5hcHBy=
b3ggIiYjeDIyNDk7Ij48IUVOVElUWSBhcGUgIiYjeDIyNEE7Ij48IUVOVElUWSBhcHByb3hlc=
SAiJiN4MjI0QTsiPjwhRU5USVRZIGFwaWQgIiYjeDIyNEI7Ij48IUVOVElUWSBuYXBpZCAiJi=
N4MjI0QjsmI3gzMzg7Ij48IUVOVElUWSBiY29uZyAiJiN4MjI0QzsiPjwhRU5USVRZIGJhY2t=
jb25nICImI3gyMjRDOyI%2BPCFFTlRJVFkgYXN5bXBlcSAiJiN4MjI0RDsiPjwhRU5USVRZIE=
N1cENhcCAiJiN4MjI0RDsiPjwhRU5USVRZIG52YXAgIiYjeDIyNEQ7JiN4MjBEMjsiPjwhRU5=
USVRZIGJ1bXAgIiYjeDIyNEU7Ij48IUVOVElUWSBIdW1wRG93bkh1bXAgIiYjeDIyNEU7Ij48=
IUVOVElUWSBCdW1wZXEgIiYjeDIyNEU7Ij48IUVOVElUWSBOb3RIdW1wRG93bkh1bXAgIiYje=
DIyNEU7JiN4MzM4OyI%2BPCFFTlRJVFkgbmJ1bXAgIiYjeDIyNEU7JiN4MzM4OyI%2BPCFFTl=
RJVFkgYnVtcGUgIiYjeDIyNEY7Ij48IUVOVElUWSBIdW1wRXF1YWwgIiYjeDIyNEY7Ij48IUV=
OVElUWSBidW1wZXEgIiYjeDIyNEY7Ij48IUVOVElUWSBuYnVtcGUgIiYjeDIyNEY7JiN4MzM4=
OyI%2BPCFFTlRJVFkgTm90SHVtcEVxdWFsICImI3gyMjRGOyYjeDMzODsiPjwhRU5USVRZIGV=
zZG90ICImI3gyMjUwOyI%2BPCFFTlRJVFkgRG90RXF1YWwgIiYjeDIyNTA7Ij48IUVOVElUWS=
Bkb3RlcSAiJiN4MjI1MDsiPjwhRU5USVRZIG5lZG90ICImI3gyMjUwOyYjeDMzODsiPjwhRU5=
USVRZIGVEb3QgIiYjeDIyNTE7Ij48IUVOVElUWSBkb3RlcWRvdCAiJiN4MjI1MTsiPjwhRU5U=
SVRZIGVmRG90ICImI3gyMjUyOyI%2BPCFFTlRJVFkgZmFsbGluZ2RvdHNlcSAiJiN4MjI1Mjs=
iPjwhRU5USVRZIGVyRG90ICImI3gyMjUzOyI%2BPCFFTlRJVFkgcmlzaW5nZG90c2VxICImI3=
gyMjUzOyI%2BPCFFTlRJVFkgY29sb25lICImI3gyMjU0OyI%2BPCFFTlRJVFkgY29sb25lcSA=
iJiN4MjI1NDsiPjwhRU5USVRZIEFzc2lnbiAiJiN4MjI1NDsiPjwhRU5USVRZIGVjb2xvbiAi=
JiN4MjI1NTsiPjwhRU5USVRZIGVxY29sb24gIiYjeDIyNTU7Ij48IUVOVElUWSBlY2lyICImI=
3gyMjU2OyI%2BPCFFTlRJVFkgZXFjaXJjICImI3gyMjU2OyI%2BPCFFTlRJVFkgY2lyZSAiJi=
N4MjI1NzsiPjwhRU5USVRZIGNpcmNlcSAiJiN4MjI1NzsiPjwhRU5USVRZIHdlZGdlcSAiJiN=
4MjI1OTsiPjwhRU5USVRZIHZlZWVxICImI3gyMjVBOyI%2BPCFFTlRJVFkgdHJpZSAiJiN4Mj=
I1QzsiPjwhRU5USVRZIHRyaWFuZ2xlcSAiJiN4MjI1QzsiPjwhRU5USVRZIGVxdWVzdCAiJiN=
4MjI1RjsiPjwhRU5USVRZIHF1ZXN0ZXEgIiYjeDIyNUY7Ij48IUVOVElUWSBuZSAiJiN4MjI2=
MDsiPjwhRU5USVRZIE5vdEVxdWFsICImI3gyMjYwOyI%2BPCFFTlRJVFkgZXF1aXYgIiYjeDI=
yNjE7Ij48IUVOVElUWSBDb25ncnVlbnQgIiYjeDIyNjE7Ij48IUVOVElUWSBibmVxdWl2ICIm=
I3gyMjYxOyYjeDIwRTU7Ij48IUVOVElUWSBuZXF1aXYgIiYjeDIyNjI7Ij48IUVOVElUWSBOb=
3RDb25ncnVlbnQgIiYjeDIyNjI7Ij48IUVOVElUWSBsZSAiJiN4MjI2NDsiPjwhRU5USVRZIG=
xlcSAiJiN4MjI2NDsiPjwhRU5USVRZIG52bGUgIiYjeDIyNjQ7JiN4MjBEMjsiPjwhRU5USVR=
ZIGdlICImI3gyMjY1OyI%2BPCFFTlRJVFkgR3JlYXRlckVxdWFsICImI3gyMjY1OyI%2BPCFF=
TlRJVFkgZ2VxICImI3gyMjY1OyI%2BPCFFTlRJVFkgbnZnZSAiJiN4MjI2NTsmI3gyMEQyOyI=
%2BPCFFTlRJVFkgbEUgIiYjeDIyNjY7Ij48IUVOVElUWSBMZXNzRnVsbEVxdWFsICImI3gyMj=
Y2OyI%2BPCFFTlRJVFkgbGVxcSAiJiN4MjI2NjsiPjwhRU5USVRZIG5sRSAiJiN4MjI2NjsmI=
3gzMzg7Ij48IUVOVElUWSBubGVxcSAiJiN4MjI2NjsmI3gzMzg7Ij48IUVOVElUWSBnRSAiJi=
N4MjI2NzsiPjwhRU5USVRZIEdyZWF0ZXJGdWxsRXF1YWwgIiYjeDIyNjc7Ij48IUVOVElUWSB=
nZXFxICImI3gyMjY3OyI%2BPCFFTlRJVFkgbmdFICImI3gyMjY3OyYjeDMzODsiPjwhRU5USV=
RZIG5nZXFxICImI3gyMjY3OyYjeDMzODsiPjwhRU5USVRZIE5vdEdyZWF0ZXJGdWxsRXF1YWw=
gIiYjeDIyNjc7JiN4MzM4OyI%2BPCFFTlRJVFkgbG5FICImI3gyMjY4OyI%2BPCFFTlRJVFkg=
bG5lcXEgIiYjeDIyNjg7Ij48IUVOVElUWSBsdm5FICImI3gyMjY4OyYjeEZFMDA7Ij48IUVOV=
ElUWSBsdmVydG5lcXEgIiYjeDIyNjg7JiN4RkUwMDsiPjwhRU5USVRZIGduRSAiJiN4MjI2OT=
siPjwhRU5USVRZIGduZXFxICImI3gyMjY5OyI%2BPCFFTlRJVFkgZ3ZuRSAiJiN4MjI2OTsmI=
3hGRTAwOyI%2BPCFFTlRJVFkgZ3ZlcnRuZXFxICImI3gyMjY5OyYjeEZFMDA7Ij48IUVOVElU=
WSBMdCAiJiN4MjI2QTsiPjwhRU5USVRZIE5lc3RlZExlc3NMZXNzICImI3gyMjZBOyI%2BPCF=
FTlRJVFkgbGwgIiYjeDIyNkE7Ij48IUVOVElUWSBuTHR2ICImI3gyMjZBOyYjeDMzODsiPjwh=
RU5USVRZIE5vdExlc3NMZXNzICImI3gyMjZBOyYjeDMzODsiPjwhRU5USVRZIG5MdCAiJiN4M=
jI2QTsmI3gyMEQyOyI%2BPCFFTlRJVFkgR3QgIiYjeDIyNkI7Ij48IUVOVElUWSBOZXN0ZWRH=
cmVhdGVyR3JlYXRlciAiJiN4MjI2QjsiPjwhRU5USVRZIGdnICImI3gyMjZCOyI%2BPCFFTlR=
JVFkgbkd0diAiJiN4MjI2QjsmI3gzMzg7Ij48IUVOVElUWSBOb3RHcmVhdGVyR3JlYXRlciAi=
JiN4MjI2QjsmI3gzMzg7Ij48IUVOVElUWSBuR3QgIiYjeDIyNkI7JiN4MjBEMjsiPjwhRU5US=
VRZIHR3aXh0ICImI3gyMjZDOyI%2BPCFFTlRJVFkgYmV0d2VlbiAiJiN4MjI2QzsiPjwhRU5U=
SVRZIE5vdEN1cENhcCAiJiN4MjI2RDsiPjwhRU5USVRZIG5sdCAiJiN4MjI2RTsiPjwhRU5US=
VRZIE5vdExlc3MgIiYjeDIyNkU7Ij48IUVOVElUWSBubGVzcyAiJiN4MjI2RTsiPjwhRU5USV=
RZIG5ndCAiJiN4MjI2RjsiPjwhRU5USVRZIE5vdEdyZWF0ZXIgIiYjeDIyNkY7Ij48IUVOVEl=
UWSBuZ3RyICImI3gyMjZGOyI%2BPCFFTlRJVFkgbmxlICImI3gyMjcwOyI%2BPCFFTlRJVFkg=
Tm90TGVzc0VxdWFsICImI3gyMjcwOyI%2BPCFFTlRJVFkgbmxlcSAiJiN4MjI3MDsiPjwhRU5=
USVRZIG5nZSAiJiN4MjI3MTsiPjwhRU5USVRZIE5vdEdyZWF0ZXJFcXVhbCAiJiN4MjI3MTsi=
PjwhRU5USVRZIG5nZXEgIiYjeDIyNzE7Ij48IUVOVElUWSBsc2ltICImI3gyMjcyOyI%2BPCF=
FTlRJVFkgTGVzc1RpbGRlICImI3gyMjcyOyI%2BPCFFTlRJVFkgbGVzc3NpbSAiJiN4MjI3Mj=
siPjwhRU5USVRZIGdzaW0gIiYjeDIyNzM7Ij48IUVOVElUWSBndHJzaW0gIiYjeDIyNzM7Ij4=
8IUVOVElUWSBHcmVhdGVyVGlsZGUgIiYjeDIyNzM7Ij48IUVOVElUWSBubHNpbSAiJiN4MjI3=
NDsiPjwhRU5USVRZIE5vdExlc3NUaWxkZSAiJiN4MjI3NDsiPjwhRU5USVRZIG5nc2ltICImI=
3gyMjc1OyI%2BPCFFTlRJVFkgTm90R3JlYXRlclRpbGRlICImI3gyMjc1OyI%2BPCFFTlRJVF=
kgbGcgIiYjeDIyNzY7Ij48IUVOVElUWSBsZXNzZ3RyICImI3gyMjc2OyI%2BPCFFTlRJVFkgT=
GVzc0dyZWF0ZXIgIiYjeDIyNzY7Ij48IUVOVElUWSBnbCAiJiN4MjI3NzsiPjwhRU5USVRZIG=
d0cmxlc3MgIiYjeDIyNzc7Ij48IUVOVElUWSBHcmVhdGVyTGVzcyAiJiN4MjI3NzsiPjwhRU5=
USVRZIG50bGcgIiYjeDIyNzg7Ij48IUVOVElUWSBOb3RMZXNzR3JlYXRlciAiJiN4MjI3ODsi=
PjwhRU5USVRZIG50Z2wgIiYjeDIyNzk7Ij48IUVOVElUWSBOb3RHcmVhdGVyTGVzcyAiJiN4M=
jI3OTsiPjwhRU5USVRZIHByICImI3gyMjdBOyI%2BPCFFTlRJVFkgUHJlY2VkZXMgIiYjeDIy=
N0E7Ij48IUVOVElUWSBwcmVjICImI3gyMjdBOyI%2BPCFFTlRJVFkgc2MgIiYjeDIyN0I7Ij4=
8IUVOVElUWSBTdWNjZWVkcyAiJiN4MjI3QjsiPjwhRU5USVRZIHN1Y2MgIiYjeDIyN0I7Ij48=
IUVOVElUWSBwcmN1ZSAiJiN4MjI3QzsiPjwhRU5USVRZIFByZWNlZGVzU2xhbnRFcXVhbCAiJ=
iN4MjI3QzsiPjwhRU5USVRZIHByZWNjdXJseWVxICImI3gyMjdDOyI%2BPCFFTlRJVFkgc2Nj=
dWUgIiYjeDIyN0Q7Ij48IUVOVElUWSBTdWNjZWVkc1NsYW50RXF1YWwgIiYjeDIyN0Q7Ij48I=
UVOVElUWSBzdWNjY3VybHllcSAiJiN4MjI3RDsiPjwhRU5USVRZIHByc2ltICImI3gyMjdFOy=
I%2BPCFFTlRJVFkgcHJlY3NpbSAiJiN4MjI3RTsiPjwhRU5USVRZIFByZWNlZGVzVGlsZGUgI=
iYjeDIyN0U7Ij48IUVOVElUWSBzY3NpbSAiJiN4MjI3RjsiPjwhRU5USVRZIHN1Y2NzaW0gIi=
YjeDIyN0Y7Ij48IUVOVElUWSBTdWNjZWVkc1RpbGRlICImI3gyMjdGOyI%2BPCFFTlRJVFkgT=
m90U3VjY2VlZHNUaWxkZSAiJiN4MjI3RjsmI3gzMzg7Ij48IUVOVElUWSBucHIgIiYjeDIyOD=
A7Ij48IUVOVElUWSBucHJlYyAiJiN4MjI4MDsiPjwhRU5USVRZIE5vdFByZWNlZGVzICImI3g=
yMjgwOyI%2BPCFFTlRJVFkgbnNjICImI3gyMjgxOyI%2BPCFFTlRJVFkgbnN1Y2MgIiYjeDIy=
ODE7Ij48IUVOVElUWSBOb3RTdWNjZWVkcyAiJiN4MjI4MTsiPjwhRU5USVRZIHN1YiAiJiN4M=
jI4MjsiPjwhRU5USVRZIHN1YnNldCAiJiN4MjI4MjsiPjwhRU5USVRZIHZuc3ViICImI3gyMj=
gyOyYjeDIwRDI7Ij48IUVOVElUWSBuc3Vic2V0ICImI3gyMjgyOyYjeDIwRDI7Ij48IUVOVEl=
UWSBOb3RTdWJzZXQgIiYjeDIyODI7JiN4MjBEMjsiPjwhRU5USVRZIHN1cCAiJiN4MjI4Mzsi=
PjwhRU5USVRZIHN1cHNldCAiJiN4MjI4MzsiPjwhRU5USVRZIFN1cGVyc2V0ICImI3gyMjgzO=
yI%2BPCFFTlRJVFkgdm5zdXAgIiYjeDIyODM7JiN4MjBEMjsiPjwhRU5USVRZIG5zdXBzZXQg=
IiYjeDIyODM7JiN4MjBEMjsiPjwhRU5USVRZIE5vdFN1cGVyc2V0ICImI3gyMjgzOyYjeDIwR=
DI7Ij48IUVOVElUWSBuc3ViICImI3gyMjg0OyI%2BPCFFTlRJVFkgbnN1cCAiJiN4MjI4NTsi=
PjwhRU5USVRZIHN1YmUgIiYjeDIyODY7Ij48IUVOVElUWSBTdWJzZXRFcXVhbCAiJiN4MjI4N=
jsiPjwhRU5USVRZIHN1YnNldGVxICImI3gyMjg2OyI%2BPCFFTlRJVFkgc3VwZSAiJiN4MjI4=
NzsiPjwhRU5USVRZIHN1cHNldGVxICImI3gyMjg3OyI%2BPCFFTlRJVFkgU3VwZXJzZXRFcXV=
hbCAiJiN4MjI4NzsiPjwhRU5USVRZIG5zdWJlICImI3gyMjg4OyI%2BPCFFTlRJVFkgbnN1Yn=
NldGVxICImI3gyMjg4OyI%2BPCFFTlRJVFkgTm90U3Vic2V0RXF1YWwgIiYjeDIyODg7Ij48I=
UVOVElUWSBuc3VwZSAiJiN4MjI4OTsiPjwhRU5USVRZIG5zdXBzZXRlcSAiJiN4MjI4OTsiPj=
whRU5USVRZIE5vdFN1cGVyc2V0RXF1YWwgIiYjeDIyODk7Ij48IUVOVElUWSBzdWJuZSAiJiN=
4MjI4QTsiPjwhRU5USVRZIHN1YnNldG5lcSAiJiN4MjI4QTsiPjwhRU5USVRZIHZzdWJuZSAi=
JiN4MjI4QTsmI3hGRTAwOyI%2BPCFFTlRJVFkgdmFyc3Vic2V0bmVxICImI3gyMjhBOyYjeEZ=
FMDA7Ij48IUVOVElUWSBzdXBuZSAiJiN4MjI4QjsiPjwhRU5USVRZIHN1cHNldG5lcSAiJiN4=
MjI4QjsiPjwhRU5USVRZIHZzdXBuZSAiJiN4MjI4QjsmI3hGRTAwOyI%2BPCFFTlRJVFkgdmF=
yc3Vwc2V0bmVxICImI3gyMjhCOyYjeEZFMDA7Ij48IUVOVElUWSBjdXBkb3QgIiYjeDIyOEQ7=
Ij48IUVOVElUWSB1cGx1cyAiJiN4MjI4RTsiPjwhRU5USVRZIFVuaW9uUGx1cyAiJiN4MjI4R=
TsiPjwhRU5USVRZIHNxc3ViICImI3gyMjhGOyI%2BPCFFTlRJVFkgU3F1YXJlU3Vic2V0ICIm=
I3gyMjhGOyI%2BPCFFTlRJVFkgc3FzdWJzZXQgIiYjeDIyOEY7Ij48IUVOVElUWSBOb3RTcXV=
hcmVTdWJzZXQgIiYjeDIyOEY7JiN4MzM4OyI%2BPCFFTlRJVFkgc3FzdXAgIiYjeDIyOTA7Ij=
48IUVOVElUWSBTcXVhcmVTdXBlcnNldCAiJiN4MjI5MDsiPjwhRU5USVRZIHNxc3Vwc2V0ICI=
mI3gyMjkwOyI%2BPCFFTlRJVFkgTm90U3F1YXJlU3VwZXJzZXQgIiYjeDIyOTA7JiN4MzM4Oy=
I%2BPCFFTlRJVFkgc3FzdWJlICImI3gyMjkxOyI%2BPCFFTlRJVFkgU3F1YXJlU3Vic2V0RXF=
1YWwgIiYjeDIyOTE7Ij48IUVOVElUWSBzcXN1YnNldGVxICImI3gyMjkxOyI%2BPCFFTlRJVF=
kgc3FzdXBlICImI3gyMjkyOyI%2BPCFFTlRJVFkgU3F1YXJlU3VwZXJzZXRFcXVhbCAiJiN4M=
jI5MjsiPjwhRU5USVRZIHNxc3Vwc2V0ZXEgIiYjeDIyOTI7Ij48IUVOVElUWSBzcWNhcCAiJi=
N4MjI5MzsiPjwhRU5USVRZIFNxdWFyZUludGVyc2VjdGlvbiAiJiN4MjI5MzsiPjwhRU5USVR=
ZIHNxY2FwcyAiJiN4MjI5MzsmI3hGRTAwOyI%2BPCFFTlRJVFkgc3FjdXAgIiYjeDIyOTQ7Ij=
48IUVOVElUWSBTcXVhcmVVbmlvbiAiJiN4MjI5NDsiPjwhRU5USVRZIHNxY3VwcyAiJiN4MjI=
5NDsmI3hGRTAwOyI%2BPCFFTlRJVFkgb3BsdXMgIiYjeDIyOTU7Ij48IUVOVElUWSBDaXJjbG=
VQbHVzICImI3gyMjk1OyI%2BPCFFTlRJVFkgb21pbnVzICImI3gyMjk2OyI%2BPCFFTlRJVFk=
gQ2lyY2xlTWludXMgIiYjeDIyOTY7Ij48IUVOVElUWSBvdGltZXMgIiYjeDIyOTc7Ij48IUVO=
VElUWSBDaXJjbGVUaW1lcyAiJiN4MjI5NzsiPjwhRU5USVRZIG9zb2wgIiYjeDIyOTg7Ij48I=
UVOVElUWSBvZG90ICImI3gyMjk5OyI%2BPCFFTlRJVFkgQ2lyY2xlRG90ICImI3gyMjk5OyI%=
2BPCFFTlRJVFkgb2NpciAiJiN4MjI5QTsiPjwhRU5USVRZIGNpcmNsZWRjaXJjICImI3gyMjl=
BOyI%2BPCFFTlRJVFkgb2FzdCAiJiN4MjI5QjsiPjwhRU5USVRZIGNpcmNsZWRhc3QgIiYjeD=
IyOUI7Ij48IUVOVElUWSBvZGFzaCAiJiN4MjI5RDsiPjwhRU5USVRZIGNpcmNsZWRkYXNoICI=
mI3gyMjlEOyI%2BPCFFTlRJVFkgcGx1c2IgIiYjeDIyOUU7Ij48IUVOVElUWSBib3hwbHVzIC=
ImI3gyMjlFOyI%2BPCFFTlRJVFkgbWludXNiICImI3gyMjlGOyI%2BPCFFTlRJVFkgYm94bWl=
udXMgIiYjeDIyOUY7Ij48IUVOVElUWSB0aW1lc2IgIiYjeDIyQTA7Ij48IUVOVElUWSBib3h0=
aW1lcyAiJiN4MjJBMDsiPjwhRU5USVRZIHNkb3RiICImI3gyMkExOyI%2BPCFFTlRJVFkgZG9=
0c3F1YXJlICImI3gyMkExOyI%2BPCFFTlRJVFkgdmRhc2ggIiYjeDIyQTI7Ij48IUVOVElUWS=
BSaWdodFRlZSAiJiN4MjJBMjsiPjwhRU5USVRZIGRhc2h2ICImI3gyMkEzOyI%2BPCFFTlRJV=
FkgTGVmdFRlZSAiJiN4MjJBMzsiPjwhRU5USVRZIHRvcCAiJiN4MjJBNDsiPjwhRU5USVRZIE=
Rvd25UZWUgIiYjeDIyQTQ7Ij48IUVOVElUWSBib3R0b20gIiYjeDIyQTU7Ij48IUVOVElUWSB=
ib3QgIiYjeDIyQTU7Ij48IUVOVElUWSBwZXJwICImI3gyMkE1OyI%2BPCFFTlRJVFkgVXBUZW=
UgIiYjeDIyQTU7Ij48IUVOVElUWSBtb2RlbHMgIiYjeDIyQTc7Ij48IUVOVElUWSB2RGFzaCA=
iJiN4MjJBODsiPjwhRU5USVRZIERvdWJsZVJpZ2h0VGVlICImI3gyMkE4OyI%2BPCFFTlRJVF=
kgVmRhc2ggIiYjeDIyQTk7Ij48IUVOVElUWSBWdmRhc2ggIiYjeDIyQUE7Ij48IUVOVElUWSB=
WRGFzaCAiJiN4MjJBQjsiPjwhRU5USVRZIG52ZGFzaCAiJiN4MjJBQzsiPjwhRU5USVRZIG52=
RGFzaCAiJiN4MjJBRDsiPjwhRU5USVRZIG5WZGFzaCAiJiN4MjJBRTsiPjwhRU5USVRZIG5WR=
GFzaCAiJiN4MjJBRjsiPjwhRU5USVRZIHBydXJlbCAiJiN4MjJCMDsiPjwhRU5USVRZIHZsdH=
JpICImI3gyMkIyOyI%2BPCFFTlRJVFkgdmFydHJpYW5nbGVsZWZ0ICImI3gyMkIyOyI%2BPCF=
FTlRJVFkgTGVmdFRyaWFuZ2xlICImI3gyMkIyOyI%2BPCFFTlRJVFkgdnJ0cmkgIiYjeDIyQj=
M7Ij48IUVOVElUWSB2YXJ0cmlhbmdsZXJpZ2h0ICImI3gyMkIzOyI%2BPCFFTlRJVFkgUmlna=
HRUcmlhbmdsZSAiJiN4MjJCMzsiPjwhRU5USVRZIGx0cmllICImI3gyMkI0OyI%2BPCFFTlRJ=
VFkgdHJpYW5nbGVsZWZ0ZXEgIiYjeDIyQjQ7Ij48IUVOVElUWSBMZWZ0VHJpYW5nbGVFcXVhb=
CAiJiN4MjJCNDsiPjwhRU5USVRZIG52bHRyaWUgIiYjeDIyQjQ7JiN4MjBEMjsiPjwhRU5USV=
RZIHJ0cmllICImI3gyMkI1OyI%2BPCFFTlRJVFkgdHJpYW5nbGVyaWdodGVxICImI3gyMkI1O=
yI%2BPCFFTlRJVFkgUmlnaHRUcmlhbmdsZUVxdWFsICImI3gyMkI1OyI%2BPCFFTlRJVFkgbn=
ZydHJpZSAiJiN4MjJCNTsmI3gyMEQyOyI%2BPCFFTlRJVFkgb3JpZ29mICImI3gyMkI2OyI%2=
BPCFFTlRJVFkgaW1vZiAiJiN4MjJCNzsiPjwhRU5USVRZIG11bWFwICImI3gyMkI4OyI%2BPC=
FFTlRJVFkgbXVsdGltYXAgIiYjeDIyQjg7Ij48IUVOVElUWSBoZXJjb24gIiYjeDIyQjk7Ij4=
8IUVOVElUWSBpbnRjYWwgIiYjeDIyQkE7Ij48IUVOVElUWSBpbnRlcmNhbCAiJiN4MjJCQTsi=
PjwhRU5USVRZIHZlZWJhciAiJiN4MjJCQjsiPjwhRU5USVRZIGJhcnZlZSAiJiN4MjJCRDsiP=
jwhRU5USVRZIGFuZ3J0dmIgIiYjeDIyQkU7Ij48IUVOVElUWSBscnRyaSAiJiN4MjJCRjsiPj=
whRU5USVRZIHh3ZWRnZSAiJiN4MjJDMDsiPjwhRU5USVRZIFdlZGdlICImI3gyMkMwOyI%2BP=
CFFTlRJVFkgYmlnd2VkZ2UgIiYjeDIyQzA7Ij48IUVOVElUWSB4dmVlICImI3gyMkMxOyI%2B=
PCFFTlRJVFkgVmVlICImI3gyMkMxOyI%2BPCFFTlRJVFkgYmlndmVlICImI3gyMkMxOyI%2BP=
CFFTlRJVFkgeGNhcCAiJiN4MjJDMjsiPjwhRU5USVRZIEludGVyc2VjdGlvbiAiJiN4MjJDMj=
siPjwhRU5USVRZIGJpZ2NhcCAiJiN4MjJDMjsiPjwhRU5USVRZIHhjdXAgIiYjeDIyQzM7Ij4=
8IUVOVElUWSBVbmlvbiAiJiN4MjJDMzsiPjwhRU5USVRZIGJpZ2N1cCAiJiN4MjJDMzsiPjwh=
RU5USVRZIGRpYW0gIiYjeDIyQzQ7Ij48IUVOVElUWSBkaWFtb25kICImI3gyMkM0OyI%2BPCF=
FTlRJVFkgRGlhbW9uZCAiJiN4MjJDNDsiPjwhRU5USVRZIHNkb3QgIiYjeDIyQzU7Ij48IUVO=
VElUWSBzc3RhcmYgIiYjeDIyQzY7Ij48IUVOVElUWSBTdGFyICImI3gyMkM2OyI%2BPCFFTlR=
JVFkgZGl2b254ICImI3gyMkM3OyI%2BPCFFTlRJVFkgZGl2aWRlb250aW1lcyAiJiN4MjJDNz=
siPjwhRU5USVRZIGJvd3RpZSAiJiN4MjJDODsiPjwhRU5USVRZIGx0aW1lcyAiJiN4MjJDOTs=
iPjwhRU5USVRZIHJ0aW1lcyAiJiN4MjJDQTsiPjwhRU5USVRZIGx0aHJlZSAiJiN4MjJDQjsi=
PjwhRU5USVRZIGxlZnR0aHJlZXRpbWVzICImI3gyMkNCOyI%2BPCFFTlRJVFkgcnRocmVlICI=
mI3gyMkNDOyI%2BPCFFTlRJVFkgcmlnaHR0aHJlZXRpbWVzICImI3gyMkNDOyI%2BPCFFTlRJ=
VFkgYnNpbWUgIiYjeDIyQ0Q7Ij48IUVOVElUWSBiYWNrc2ltZXEgIiYjeDIyQ0Q7Ij48IUVOV=
ElUWSBjdXZlZSAiJiN4MjJDRTsiPjwhRU5USVRZIGN1cmx5dmVlICImI3gyMkNFOyI%2BPCFF=
TlRJVFkgY3V3ZWQgIiYjeDIyQ0Y7Ij48IUVOVElUWSBjdXJseXdlZGdlICImI3gyMkNGOyI%2=
BPCFFTlRJVFkgU3ViICImI3gyMkQwOyI%2BPCFFTlRJVFkgU3Vic2V0ICImI3gyMkQwOyI%2B=
PCFFTlRJVFkgU3VwICImI3gyMkQxOyI%2BPCFFTlRJVFkgU3Vwc2V0ICImI3gyMkQxOyI%2BP=
CFFTlRJVFkgQ2FwICImI3gyMkQyOyI%2BPCFFTlRJVFkgQ3VwICImI3gyMkQzOyI%2BPCFFTl=
RJVFkgZm9yayAiJiN4MjJENDsiPjwhRU5USVRZIHBpdGNoZm9yayAiJiN4MjJENDsiPjwhRU5=
USVRZIGVwYXIgIiYjeDIyRDU7Ij48IUVOVElUWSBsdGRvdCAiJiN4MjJENjsiPjwhRU5USVRZ=
IGxlc3Nkb3QgIiYjeDIyRDY7Ij48IUVOVElUWSBndGRvdCAiJiN4MjJENzsiPjwhRU5USVRZI=
Gd0cmRvdCAiJiN4MjJENzsiPjwhRU5USVRZIExsICImI3gyMkQ4OyI%2BPCFFTlRJVFkgbkxs=
ICImI3gyMkQ4OyYjeDMzODsiPjwhRU5USVRZIEdnICImI3gyMkQ5OyI%2BPCFFTlRJVFkgZ2d=
nICImI3gyMkQ5OyI%2BPCFFTlRJVFkgbkdnICImI3gyMkQ5OyYjeDMzODsiPjwhRU5USVRZIG=
xlZyAiJiN4MjJEQTsiPjwhRU5USVRZIExlc3NFcXVhbEdyZWF0ZXIgIiYjeDIyREE7Ij48IUV=
OVElUWSBsZXNzZXFndHIgIiYjeDIyREE7Ij48IUVOVElUWSBsZXNnICImI3gyMkRBOyYjeEZF=
MDA7Ij48IUVOVElUWSBnZWwgIiYjeDIyREI7Ij48IUVOVElUWSBndHJlcWxlc3MgIiYjeDIyR=
EI7Ij48IUVOVElUWSBHcmVhdGVyRXF1YWxMZXNzICImI3gyMkRCOyI%2BPCFFTlRJVFkgZ2Vz=
bCAiJiN4MjJEQjsmI3hGRTAwOyI%2BPCFFTlRJVFkgY3VlcHIgIiYjeDIyREU7Ij48IUVOVEl=
UWSBjdXJseWVxcHJlYyAiJiN4MjJERTsiPjwhRU5USVRZIGN1ZXNjICImI3gyMkRGOyI%2BPC=
FFTlRJVFkgY3VybHllcXN1Y2MgIiYjeDIyREY7Ij48IUVOVElUWSBucHJjdWUgIiYjeDIyRTA=
7Ij48IUVOVElUWSBOb3RQcmVjZWRlc1NsYW50RXF1YWwgIiYjeDIyRTA7Ij48IUVOVElUWSBu=
c2NjdWUgIiYjeDIyRTE7Ij48IUVOVElUWSBOb3RTdWNjZWVkc1NsYW50RXF1YWwgIiYjeDIyR=
TE7Ij48IUVOVElUWSBuc3FzdWJlICImI3gyMkUyOyI%2BPCFFTlRJVFkgTm90U3F1YXJlU3Vi=
c2V0RXF1YWwgIiYjeDIyRTI7Ij48IUVOVElUWSBuc3FzdXBlICImI3gyMkUzOyI%2BPCFFTlR=
JVFkgTm90U3F1YXJlU3VwZXJzZXRFcXVhbCAiJiN4MjJFMzsiPjwhRU5USVRZIGxuc2ltICIm=
I3gyMkU2OyI%2BPCFFTlRJVFkgZ25zaW0gIiYjeDIyRTc7Ij48IUVOVElUWSBwcm5zaW0gIiY=
jeDIyRTg7Ij48IUVOVElUWSBwcmVjbnNpbSAiJiN4MjJFODsiPjwhRU5USVRZIHNjbnNpbSAi=
JiN4MjJFOTsiPjwhRU5USVRZIHN1Y2Nuc2ltICImI3gyMkU5OyI%2BPCFFTlRJVFkgbmx0cmk=
gIiYjeDIyRUE7Ij48IUVOVElUWSBudHJpYW5nbGVsZWZ0ICImI3gyMkVBOyI%2BPCFFTlRJVF=
kgTm90TGVmdFRyaWFuZ2xlICImI3gyMkVBOyI%2BPCFFTlRJVFkgbnJ0cmkgIiYjeDIyRUI7I=
j48IUVOVElUWSBudHJpYW5nbGVyaWdodCAiJiN4MjJFQjsiPjwhRU5USVRZIE5vdFJpZ2h0VH=
JpYW5nbGUgIiYjeDIyRUI7Ij48IUVOVElUWSBubHRyaWUgIiYjeDIyRUM7Ij48IUVOVElUWSB=
udHJpYW5nbGVsZWZ0ZXEgIiYjeDIyRUM7Ij48IUVOVElUWSBOb3RMZWZ0VHJpYW5nbGVFcXVh=
bCAiJiN4MjJFQzsiPjwhRU5USVRZIG5ydHJpZSAiJiN4MjJFRDsiPjwhRU5USVRZIG50cmlhb=
mdsZXJpZ2h0ZXEgIiYjeDIyRUQ7Ij48IUVOVElUWSBOb3RSaWdodFRyaWFuZ2xlRXF1YWwgIi=
YjeDIyRUQ7Ij48IUVOVElUWSB2ZWxsaXAgIiYjeDIyRUU7Ij48IUVOVElUWSBjdGRvdCAiJiN=
4MjJFRjsiPjwhRU5USVRZIHV0ZG90ICImI3gyMkYwOyI%2BPCFFTlRJVFkgZHRkb3QgIiYjeD=
IyRjE7Ij48IUVOVElUWSBkaXNpbiAiJiN4MjJGMjsiPjwhRU5USVRZIGlzaW5zdiAiJiN4MjJ=
GMzsiPjwhRU5USVRZIGlzaW5zICImI3gyMkY0OyI%2BPCFFTlRJVFkgaXNpbmRvdCAiJiN4Mj=
JGNTsiPjwhRU5USVRZIG5vdGluZG90ICImI3gyMkY1OyYjeDMzODsiPjwhRU5USVRZIG5vdGl=
udmMgIiYjeDIyRjY7Ij48IUVOVElUWSBub3RpbnZiICImI3gyMkY3OyI%2BPCFFTlRJVFkgaX=
NpbkUgIiYjeDIyRjk7Ij48IUVOVElUWSBub3RpbkUgIiYjeDIyRjk7JiN4MzM4OyI%2BPCFFT=
lRJVFkgbmlzZCAiJiN4MjJGQTsiPjwhRU5USVRZIHhuaXMgIiYjeDIyRkI7Ij48IUVOVElUWS=
BuaXMgIiYjeDIyRkM7Ij48IUVOVElUWSBub3RuaXZjICImI3gyMkZEOyI%2BPCFFTlRJVFkgb=
m90bml2YiAiJiN4MjJGRTsiPjwhRU5USVRZIGJhcndlZCAiJiN4MjMwNTsiPjwhRU5USVRZIG=
JhcndlZGdlICImI3gyMzA1OyI%2BPCFFTlRJVFkgQmFyd2VkICImI3gyMzA2OyI%2BPCFFTlR=
JVFkgZG91YmxlYmFyd2VkZ2UgIiYjeDIzMDY7Ij48IUVOVElUWSBsY2VpbCAiJiN4MjMwODsi=
PjwhRU5USVRZIExlZnRDZWlsaW5nICImI3gyMzA4OyI%2BPCFFTlRJVFkgcmNlaWwgIiYjeDI=
zMDk7Ij48IUVOVElUWSBSaWdodENlaWxpbmcgIiYjeDIzMDk7Ij48IUVOVElUWSBsZmxvb3Ig=
IiYjeDIzMEE7Ij48IUVOVElUWSBMZWZ0Rmxvb3IgIiYjeDIzMEE7Ij48IUVOVElUWSByZmxvb=
3IgIiYjeDIzMEI7Ij48IUVOVElUWSBSaWdodEZsb29yICImI3gyMzBCOyI%2BPCFFTlRJVFkg=
ZHJjcm9wICImI3gyMzBDOyI%2BPCFFTlRJVFkgZGxjcm9wICImI3gyMzBEOyI%2BPCFFTlRJV=
FkgdXJjcm9wICImI3gyMzBFOyI%2BPCFFTlRJVFkgdWxjcm9wICImI3gyMzBGOyI%2BPCFFTl=
RJVFkgYm5vdCAiJiN4MjMxMDsiPjwhRU5USVRZIHByb2ZsaW5lICImI3gyMzEyOyI%2BPCFFT=
lRJVFkgcHJvZnN1cmYgIiYjeDIzMTM7Ij48IUVOVElUWSB0ZWxyZWMgIiYjeDIzMTU7Ij48IU=
VOVElUWSB0YXJnZXQgIiYjeDIzMTY7Ij48IUVOVElUWSB1bGNvcm4gIiYjeDIzMUM7Ij48IUV=
OVElUWSB1bGNvcm5lciAiJiN4MjMxQzsiPjwhRU5USVRZIHVyY29ybiAiJiN4MjMxRDsiPjwh=
RU5USVRZIHVyY29ybmVyICImI3gyMzFEOyI%2BPCFFTlRJVFkgZGxjb3JuICImI3gyMzFFOyI=
%2BPCFFTlRJVFkgbGxjb3JuZXIgIiYjeDIzMUU7Ij48IUVOVElUWSBkcmNvcm4gIiYjeDIzMU=
Y7Ij48IUVOVElUWSBscmNvcm5lciAiJiN4MjMxRjsiPjwhRU5USVRZIGZyb3duICImI3gyMzI=
yOyI%2BPCFFTlRJVFkgc2Zyb3duICImI3gyMzIyOyI%2BPCFFTlRJVFkgc21pbGUgIiYjeDIz=
MjM7Ij48IUVOVElUWSBzc21pbGUgIiYjeDIzMjM7Ij48IUVOVElUWSBjeWxjdHkgIiYjeDIzM=
kQ7Ij48IUVOVElUWSBwcm9mYWxhciAiJiN4MjMyRTsiPjwhRU5USVRZIHRvcGJvdCAiJiN4Mj=
MzNjsiPjwhRU5USVRZIG92YmFyICImI3gyMzNEOyI%2BPCFFTlRJVFkgc29sYmFyICImI3gyM=
zNGOyI%2BPCFFTlRJVFkgYW5nemFyciAiJiN4MjM3QzsiPjwhRU5USVRZIGxtb3VzdCAiJiN4=
MjNCMDsiPjwhRU5USVRZIGxtb3VzdGFjaGUgIiYjeDIzQjA7Ij48IUVOVElUWSBybW91c3QgI=
iYjeDIzQjE7Ij48IUVOVElUWSBybW91c3RhY2hlICImI3gyM0IxOyI%2BPCFFTlRJVFkgdGJy=
ayAiJiN4MjNCNDsiPjwhRU5USVRZIE92ZXJCcmFja2V0ICImI3gyM0I0OyI%2BPCFFTlRJVFk=
gYmJyayAiJiN4MjNCNTsiPjwhRU5USVRZIFVuZGVyQnJhY2tldCAiJiN4MjNCNTsiPjwhRU5U=
SVRZIGJicmt0YnJrICImI3gyM0I2OyI%2BPCFFTlRJVFkgT3ZlclBhcmVudGhlc2lzICImI3g=
yM0RDOyI%2BPCFFTlRJVFkgVW5kZXJQYXJlbnRoZXNpcyAiJiN4MjNERDsiPjwhRU5USVRZIE=
92ZXJCcmFjZSAiJiN4MjNERTsiPjwhRU5USVRZIFVuZGVyQnJhY2UgIiYjeDIzREY7Ij48IUV=
OVElUWSB0cnBleml1bSAiJiN4MjNFMjsiPjwhRU5USVRZIGVsaW50ZXJzICImI3gyM0U3OyI%=
2BPCFFTlRJVFkgYmxhbmsgIiYjeDI0MjM7Ij48IUVOVElUWSBvUyAiJiN4MjRDODsiPjwhRU5=
USVRZIGNpcmNsZWRTICImI3gyNEM4OyI%2BPCFFTlRJVFkgYm94aCAiJiN4MjUwMDsiPjwhRU=
5USVRZIEhvcml6b250YWxMaW5lICImI3gyNTAwOyI%2BPCFFTlRJVFkgYm94diAiJiN4MjUwM=
jsiPjwhRU5USVRZIGJveGRyICImI3gyNTBDOyI%2BPCFFTlRJVFkgYm94ZGwgIiYjeDI1MTA7=
Ij48IUVOVElUWSBib3h1ciAiJiN4MjUxNDsiPjwhRU5USVRZIGJveHVsICImI3gyNTE4OyI%2=
BPCFFTlRJVFkgYm94dnIgIiYjeDI1MUM7Ij48IUVOVElUWSBib3h2bCAiJiN4MjUyNDsiPjwh=
RU5USVRZIGJveGhkICImI3gyNTJDOyI%2BPCFFTlRJVFkgYm94aHUgIiYjeDI1MzQ7Ij48IUV=
OVElUWSBib3h2aCAiJiN4MjUzQzsiPjwhRU5USVRZIGJveEggIiYjeDI1NTA7Ij48IUVOVElU=
WSBib3hWICImI3gyNTUxOyI%2BPCFFTlRJVFkgYm94ZFIgIiYjeDI1NTI7Ij48IUVOVElUWSB=
ib3hEciAiJiN4MjU1MzsiPjwhRU5USVRZIGJveERSICImI3gyNTU0OyI%2BPCFFTlRJVFkgYm=
94ZEwgIiYjeDI1NTU7Ij48IUVOVElUWSBib3hEbCAiJiN4MjU1NjsiPjwhRU5USVRZIGJveER=
MICImI3gyNTU3OyI%2BPCFFTlRJVFkgYm94dVIgIiYjeDI1NTg7Ij48IUVOVElUWSBib3hVci=
AiJiN4MjU1OTsiPjwhRU5USVRZIGJveFVSICImI3gyNTVBOyI%2BPCFFTlRJVFkgYm94dUwgI=
iYjeDI1NUI7Ij48IUVOVElUWSBib3hVbCAiJiN4MjU1QzsiPjwhRU5USVRZIGJveFVMICImI3=
gyNTVEOyI%2BPCFFTlRJVFkgYm94dlIgIiYjeDI1NUU7Ij48IUVOVElUWSBib3hWciAiJiN4M=
jU1RjsiPjwhRU5USVRZIGJveFZSICImI3gyNTYwOyI%2BPCFFTlRJVFkgYm94dkwgIiYjeDI1=
NjE7Ij48IUVOVElUWSBib3hWbCAiJiN4MjU2MjsiPjwhRU5USVRZIGJveFZMICImI3gyNTYzO=
yI%2BPCFFTlRJVFkgYm94SGQgIiYjeDI1NjQ7Ij48IUVOVElUWSBib3hoRCAiJiN4MjU2NTsi=
PjwhRU5USVRZIGJveEhEICImI3gyNTY2OyI%2BPCFFTlRJVFkgYm94SHUgIiYjeDI1Njc7Ij4=
8IUVOVElUWSBib3hoVSAiJiN4MjU2ODsiPjwhRU5USVRZIGJveEhVICImI3gyNTY5OyI%2BPC=
FFTlRJVFkgYm94dkggIiYjeDI1NkE7Ij48IUVOVElUWSBib3hWaCAiJiN4MjU2QjsiPjwhRU5=
USVRZIGJveFZIICImI3gyNTZDOyI%2BPCFFTlRJVFkgdWhibGsgIiYjeDI1ODA7Ij48IUVOVE=
lUWSBsaGJsayAiJiN4MjU4NDsiPjwhRU5USVRZIGJsb2NrICImI3gyNTg4OyI%2BPCFFTlRJV=
FkgYmxrMTQgIiYjeDI1OTE7Ij48IUVOVElUWSBibGsxMiAiJiN4MjU5MjsiPjwhRU5USVRZIG=
JsazM0ICImI3gyNTkzOyI%2BPCFFTlRJVFkgc3F1ICImI3gyNUExOyI%2BPCFFTlRJVFkgc3F=
1YXJlICImI3gyNUExOyI%2BPCFFTlRJVFkgU3F1YXJlICImI3gyNUExOyI%2BPCFFTlRJVFkg=
c3F1ZiAiJiN4MjVBQTsiPjwhRU5USVRZIHNxdWFyZiAiJiN4MjVBQTsiPjwhRU5USVRZIGJsY=
WNrc3F1YXJlICImI3gyNUFBOyI%2BPCFFTlRJVFkgRmlsbGVkVmVyeVNtYWxsU3F1YXJlICIm=
I3gyNUFBOyI%2BPCFFTlRJVFkgRW1wdHlWZXJ5U21hbGxTcXVhcmUgIiYjeDI1QUI7Ij48IUV=
OVElUWSByZWN0ICImI3gyNUFEOyI%2BPCFFTlRJVFkgbWFya2VyICImI3gyNUFFOyI%2BPCFF=
TlRJVFkgZmx0bnMgIiYjeDI1QjE7Ij48IUVOVElUWSB4dXRyaSAiJiN4MjVCMzsiPjwhRU5US=
VRZIGJpZ3RyaWFuZ2xldXAgIiYjeDI1QjM7Ij48IUVOVElUWSB1dHJpZiAiJiN4MjVCNDsiPj=
whRU5USVRZIGJsYWNrdHJpYW5nbGUgIiYjeDI1QjQ7Ij48IUVOVElUWSB1dHJpICImI3gyNUI=
1OyI%2BPCFFTlRJVFkgdHJpYW5nbGUgIiYjeDI1QjU7Ij48IUVOVElUWSBydHJpZiAiJiN4Mj=
VCODsiPjwhRU5USVRZIGJsYWNrdHJpYW5nbGVyaWdodCAiJiN4MjVCODsiPjwhRU5USVRZIHJ=
0cmkgIiYjeDI1Qjk7Ij48IUVOVElUWSB0cmlhbmdsZXJpZ2h0ICImI3gyNUI5OyI%2BPCFFTl=
RJVFkgeGR0cmkgIiYjeDI1QkQ7Ij48IUVOVElUWSBiaWd0cmlhbmdsZWRvd24gIiYjeDI1QkQ=
7Ij48IUVOVElUWSBkdHJpZiAiJiN4MjVCRTsiPjwhRU5USVRZIGJsYWNrdHJpYW5nbGVkb3du=
ICImI3gyNUJFOyI%2BPCFFTlRJVFkgZHRyaSAiJiN4MjVCRjsiPjwhRU5USVRZIHRyaWFuZ2x=
lZG93biAiJiN4MjVCRjsiPjwhRU5USVRZIGx0cmlmICImI3gyNUMyOyI%2BPCFFTlRJVFkgYm=
xhY2t0cmlhbmdsZWxlZnQgIiYjeDI1QzI7Ij48IUVOVElUWSBsdHJpICImI3gyNUMzOyI%2BP=
CFFTlRJVFkgdHJpYW5nbGVsZWZ0ICImI3gyNUMzOyI%2BPCFFTlRJVFkgbG96ICImI3gyNUNB=
OyI%2BPCFFTlRJVFkgbG96ZW5nZSAiJiN4MjVDQTsiPjwhRU5USVRZIGNpciAiJiN4MjVDQjs=
iPjwhRU5USVRZIHRyaWRvdCAiJiN4MjVFQzsiPjwhRU5USVRZIHhjaXJjICImI3gyNUVGOyI%=
2BPCFFTlRJVFkgYmlnY2lyYyAiJiN4MjVFRjsiPjwhRU5USVRZIHVsdHJpICImI3gyNUY4OyI=
%2BPCFFTlRJVFkgdXJ0cmkgIiYjeDI1Rjk7Ij48IUVOVElUWSBsbHRyaSAiJiN4MjVGQTsiPj=
whRU5USVRZIEVtcHR5U21hbGxTcXVhcmUgIiYjeDI1RkI7Ij48IUVOVElUWSBGaWxsZWRTbWF=
sbFNxdWFyZSAiJiN4MjVGQzsiPjwhRU5USVRZIHN0YXJmICImI3gyNjA1OyI%2BPCFFTlRJVF=
kgYmlnc3RhciAiJiN4MjYwNTsiPjwhRU5USVRZIHN0YXIgIiYjeDI2MDY7Ij48IUVOVElUWSB=
waG9uZSAiJiN4MjYwRTsiPjwhRU5USVRZIGZlbWFsZSAiJiN4MjY0MDsiPjwhRU5USVRZIG1h=
bGUgIiYjeDI2NDI7Ij48IUVOVElUWSBzcGFkZXMgIiYjeDI2NjA7Ij48IUVOVElUWSBzcGFkZ=
XN1aXQgIiYjeDI2NjA7Ij48IUVOVElUWSBjbHVicyAiJiN4MjY2MzsiPjwhRU5USVRZIGNsdW=
JzdWl0ICImI3gyNjYzOyI%2BPCFFTlRJVFkgaGVhcnRzICImI3gyNjY1OyI%2BPCFFTlRJVFk=
gaGVhcnRzdWl0ICImI3gyNjY1OyI%2BPCFFTlRJVFkgZGlhbXMgIiYjeDI2NjY7Ij48IUVOVE=
lUWSBkaWFtb25kc3VpdCAiJiN4MjY2NjsiPjwhRU5USVRZIHN1bmcgIiYjeDI2NkE7Ij48IUV=
OVElUWSBmbGF0ICImI3gyNjZEOyI%2BPCFFTlRJVFkgbmF0dXIgIiYjeDI2NkU7Ij48IUVOVE=
lUWSBuYXR1cmFsICImI3gyNjZFOyI%2BPCFFTlRJVFkgc2hhcnAgIiYjeDI2NkY7Ij48IUVOV=
ElUWSBjaGVjayAiJiN4MjcxMzsiPjwhRU5USVRZIGNoZWNrbWFyayAiJiN4MjcxMzsiPjwhRU=
5USVRZIGNyb3NzICImI3gyNzE3OyI%2BPCFFTlRJVFkgbWFsdCAiJiN4MjcyMDsiPjwhRU5US=
VRZIG1hbHRlc2UgIiYjeDI3MjA7Ij48IUVOVElUWSBzZXh0ICImI3gyNzM2OyI%2BPCFFTlRJ=
VFkgVmVydGljYWxTZXBhcmF0b3IgIiYjeDI3NTg7Ij48IUVOVElUWSBsYmJyayAiJiN4Mjc3M=
jsiPjwhRU5USVRZIHJiYnJrICImI3gyNzczOyI%2BPCFFTlRJVFkgYnNvbGhzdWIgIiYjeDI3=
Qzg7Ij48IUVOVElUWSBzdXBoc29sICImI3gyN0M5OyI%2BPCFFTlRJVFkgbG9icmsgIiYjeDI=
3RTY7Ij48IUVOVElUWSBMZWZ0RG91YmxlQnJhY2tldCAiJiN4MjdFNjsiPjwhRU5USVRZIHJv=
YnJrICImI3gyN0U3OyI%2BPCFFTlRJVFkgUmlnaHREb3VibGVCcmFja2V0ICImI3gyN0U3OyI=
%2BPCFFTlRJVFkgbGFuZyAiJiN4MjdFODsiPjwhRU5USVRZIExlZnRBbmdsZUJyYWNrZXQgIi=
YjeDI3RTg7Ij48IUVOVElUWSBsYW5nbGUgIiYjeDI3RTg7Ij48IUVOVElUWSByYW5nICImI3g=
yN0U5OyI%2BPCFFTlRJVFkgUmlnaHRBbmdsZUJyYWNrZXQgIiYjeDI3RTk7Ij48IUVOVElUWS=
ByYW5nbGUgIiYjeDI3RTk7Ij48IUVOVElUWSBMYW5nICImI3gyN0VBOyI%2BPCFFTlRJVFkgU=
mFuZyAiJiN4MjdFQjsiPjwhRU5USVRZIGxvYW5nICImI3gyN0VDOyI%2BPCFFTlRJVFkgcm9h=
bmcgIiYjeDI3RUQ7Ij48IUVOVElUWSB4bGFyciAiJiN4MjdGNTsiPjwhRU5USVRZIGxvbmdsZ=
WZ0YXJyb3cgIiYjeDI3RjU7Ij48IUVOVElUWSBMb25nTGVmdEFycm93ICImI3gyN0Y1OyI%2B=
PCFFTlRJVFkgeHJhcnIgIiYjeDI3RjY7Ij48IUVOVElUWSBsb25ncmlnaHRhcnJvdyAiJiN4M=
jdGNjsiPjwhRU5USVRZIExvbmdSaWdodEFycm93ICImI3gyN0Y2OyI%2BPCFFTlRJVFkgeGhh=
cnIgIiYjeDI3Rjc7Ij48IUVOVElUWSBsb25nbGVmdHJpZ2h0YXJyb3cgIiYjeDI3Rjc7Ij48I=
UVOVElUWSBMb25nTGVmdFJpZ2h0QXJyb3cgIiYjeDI3Rjc7Ij48IUVOVElUWSB4bEFyciAiJi=
N4MjdGODsiPjwhRU5USVRZIExvbmdsZWZ0YXJyb3cgIiYjeDI3Rjg7Ij48IUVOVElUWSBEb3V=
ibGVMb25nTGVmdEFycm93ICImI3gyN0Y4OyI%2BPCFFTlRJVFkgeHJBcnIgIiYjeDI3Rjk7Ij=
48IUVOVElUWSBMb25ncmlnaHRhcnJvdyAiJiN4MjdGOTsiPjwhRU5USVRZIERvdWJsZUxvbmd=
SaWdodEFycm93ICImI3gyN0Y5OyI%2BPCFFTlRJVFkgeGhBcnIgIiYjeDI3RkE7Ij48IUVOVE=
lUWSBMb25nbGVmdHJpZ2h0YXJyb3cgIiYjeDI3RkE7Ij48IUVOVElUWSBEb3VibGVMb25nTGV=
mdFJpZ2h0QXJyb3cgIiYjeDI3RkE7Ij48IUVOVElUWSB4bWFwICImI3gyN0ZDOyI%2BPCFFTl=
RJVFkgbG9uZ21hcHN0byAiJiN4MjdGQzsiPjwhRU5USVRZIGR6aWdyYXJyICImI3gyN0ZGOyI=
%2BPCFFTlRJVFkgbnZsQXJyICImI3gyOTAyOyI%2BPCFFTlRJVFkgbnZyQXJyICImI3gyOTAz=
OyI%2BPCFFTlRJVFkgbnZIYXJyICImI3gyOTA0OyI%2BPCFFTlRJVFkgTWFwICImI3gyOTA1O=
yI%2BPCFFTlRJVFkgbGJhcnIgIiYjeDI5MEM7Ij48IUVOVElUWSByYmFyciAiJiN4MjkwRDsi=
PjwhRU5USVRZIGJrYXJvdyAiJiN4MjkwRDsiPjwhRU5USVRZIGxCYXJyICImI3gyOTBFOyI%2=
BPCFFTlRJVFkgckJhcnIgIiYjeDI5MEY7Ij48IUVOVElUWSBkYmthcm93ICImI3gyOTBGOyI%=
2BPCFFTlRJVFkgUkJhcnIgIiYjeDI5MTA7Ij48IUVOVElUWSBkcmJrYXJvdyAiJiN4MjkxMDs=
iPjwhRU5USVRZIEREb3RyYWhkICImI3gyOTExOyI%2BPCFFTlRJVFkgVXBBcnJvd0JhciAiJi=
N4MjkxMjsiPjwhRU5USVRZIERvd25BcnJvd0JhciAiJiN4MjkxMzsiPjwhRU5USVRZIFJhcnJ=
0bCAiJiN4MjkxNjsiPjwhRU5USVRZIGxhdGFpbCAiJiN4MjkxOTsiPjwhRU5USVRZIHJhdGFp=
bCAiJiN4MjkxQTsiPjwhRU5USVRZIGxBdGFpbCAiJiN4MjkxQjsiPjwhRU5USVRZIHJBdGFpb=
CAiJiN4MjkxQzsiPjwhRU5USVRZIGxhcnJmcyAiJiN4MjkxRDsiPjwhRU5USVRZIHJhcnJmcy=
AiJiN4MjkxRTsiPjwhRU5USVRZIGxhcnJiZnMgIiYjeDI5MUY7Ij48IUVOVElUWSByYXJyYmZ=
zICImI3gyOTIwOyI%2BPCFFTlRJVFkgbndhcmhrICImI3gyOTIzOyI%2BPCFFTlRJVFkgbmVh=
cmhrICImI3gyOTI0OyI%2BPCFFTlRJVFkgc2VhcmhrICImI3gyOTI1OyI%2BPCFFTlRJVFkga=
GtzZWFyb3cgIiYjeDI5MjU7Ij48IUVOVElUWSBzd2FyaGsgIiYjeDI5MjY7Ij48IUVOVElUWS=
Boa3N3YXJvdyAiJiN4MjkyNjsiPjwhRU5USVRZIG53bmVhciAiJiN4MjkyNzsiPjwhRU5USVR=
ZIG5lc2VhciAiJiN4MjkyODsiPjwhRU5USVRZIHRvZWEgIiYjeDI5Mjg7Ij48IUVOVElUWSBz=
ZXN3YXIgIiYjeDI5Mjk7Ij48IUVOVElUWSB0b3NhICImI3gyOTI5OyI%2BPCFFTlRJVFkgc3d=
ud2FyICImI3gyOTJBOyI%2BPCFFTlRJVFkgcmFycmMgIiYjeDI5MzM7Ij48IUVOVElUWSBucm=
FycmMgIiYjeDI5MzM7JiN4MzM4OyI%2BPCFFTlRJVFkgY3VkYXJyciAiJiN4MjkzNTsiPjwhR=
U5USVRZIGxkY2EgIiYjeDI5MzY7Ij48IUVOVElUWSByZGNhICImI3gyOTM3OyI%2BPCFFTlRJ=
VFkgY3VkYXJybCAiJiN4MjkzODsiPjwhRU5USVRZIGxhcnJwbCAiJiN4MjkzOTsiPjwhRU5US=
VRZIGN1cmFycm0gIiYjeDI5M0M7Ij48IUVOVElUWSBjdWxhcnJwICImI3gyOTNEOyI%2BPCFF=
TlRJVFkgcmFycnBsICImI3gyOTQ1OyI%2BPCFFTlRJVFkgaGFycmNpciAiJiN4Mjk0ODsiPjw=
hRU5USVRZIFVhcnJvY2lyICImI3gyOTQ5OyI%2BPCFFTlRJVFkgbHVyZHNoYXIgIiYjeDI5NE=
E7Ij48IUVOVElUWSBsZHJ1c2hhciAiJiN4Mjk0QjsiPjwhRU5USVRZIExlZnRSaWdodFZlY3R=
vciAiJiN4Mjk0RTsiPjwhRU5USVRZIFJpZ2h0VXBEb3duVmVjdG9yICImI3gyOTRGOyI%2BPC=
FFTlRJVFkgRG93bkxlZnRSaWdodFZlY3RvciAiJiN4Mjk1MDsiPjwhRU5USVRZIExlZnRVcER=
vd25WZWN0b3IgIiYjeDI5NTE7Ij48IUVOVElUWSBMZWZ0VmVjdG9yQmFyICImI3gyOTUyOyI%=
2BPCFFTlRJVFkgUmlnaHRWZWN0b3JCYXIgIiYjeDI5NTM7Ij48IUVOVElUWSBSaWdodFVwVmV=
jdG9yQmFyICImI3gyOTU0OyI%2BPCFFTlRJVFkgUmlnaHREb3duVmVjdG9yQmFyICImI3gyOT=
U1OyI%2BPCFFTlRJVFkgRG93bkxlZnRWZWN0b3JCYXIgIiYjeDI5NTY7Ij48IUVOVElUWSBEb=
3duUmlnaHRWZWN0b3JCYXIgIiYjeDI5NTc7Ij48IUVOVElUWSBMZWZ0VXBWZWN0b3JCYXIgIi=
YjeDI5NTg7Ij48IUVOVElUWSBMZWZ0RG93blZlY3RvckJhciAiJiN4Mjk1OTsiPjwhRU5USVR=
ZIExlZnRUZWVWZWN0b3IgIiYjeDI5NUE7Ij48IUVOVElUWSBSaWdodFRlZVZlY3RvciAiJiN4=
Mjk1QjsiPjwhRU5USVRZIFJpZ2h0VXBUZWVWZWN0b3IgIiYjeDI5NUM7Ij48IUVOVElUWSBSa=
WdodERvd25UZWVWZWN0b3IgIiYjeDI5NUQ7Ij48IUVOVElUWSBEb3duTGVmdFRlZVZlY3Rvci=
AiJiN4Mjk1RTsiPjwhRU5USVRZIERvd25SaWdodFRlZVZlY3RvciAiJiN4Mjk1RjsiPjwhRU5=
USVRZIExlZnRVcFRlZVZlY3RvciAiJiN4Mjk2MDsiPjwhRU5USVRZIExlZnREb3duVGVlVmVj=
dG9yICImI3gyOTYxOyI%2BPCFFTlRJVFkgbEhhciAiJiN4Mjk2MjsiPjwhRU5USVRZIHVIYXI=
gIiYjeDI5NjM7Ij48IUVOVElUWSBySGFyICImI3gyOTY0OyI%2BPCFFTlRJVFkgZEhhciAiJi=
N4Mjk2NTsiPjwhRU5USVRZIGx1cnVoYXIgIiYjeDI5NjY7Ij48IUVOVElUWSBsZHJkaGFyICI=
mI3gyOTY3OyI%2BPCFFTlRJVFkgcnVsdWhhciAiJiN4Mjk2ODsiPjwhRU5USVRZIHJkbGRoYX=
IgIiYjeDI5Njk7Ij48IUVOVElUWSBsaGFydWwgIiYjeDI5NkE7Ij48IUVOVElUWSBsbGhhcmQ=
gIiYjeDI5NkI7Ij48IUVOVElUWSByaGFydWwgIiYjeDI5NkM7Ij48IUVOVElUWSBscmhhcmQg=
IiYjeDI5NkQ7Ij48IUVOVElUWSB1ZGhhciAiJiN4Mjk2RTsiPjwhRU5USVRZIFVwRXF1aWxpY=
nJpdW0gIiYjeDI5NkU7Ij48IUVOVElUWSBkdWhhciAiJiN4Mjk2RjsiPjwhRU5USVRZIFJldm=
Vyc2VVcEVxdWlsaWJyaXVtICImI3gyOTZGOyI%2BPCFFTlRJVFkgUm91bmRJbXBsaWVzICImI=
3gyOTcwOyI%2BPCFFTlRJVFkgZXJhcnIgIiYjeDI5NzE7Ij48IUVOVElUWSBzaW1yYXJyICIm=
I3gyOTcyOyI%2BPCFFTlRJVFkgbGFycnNpbSAiJiN4Mjk3MzsiPjwhRU5USVRZIHJhcnJzaW0=
gIiYjeDI5NzQ7Ij48IUVOVElUWSByYXJyYXAgIiYjeDI5NzU7Ij48IUVOVElUWSBsdGxhcnIg=
IiYjeDI5NzY7Ij48IUVOVElUWSBndHJhcnIgIiYjeDI5Nzg7Ij48IUVOVElUWSBzdWJyYXJyI=
CImI3gyOTc5OyI%2BPCFFTlRJVFkgc3VwbGFyciAiJiN4Mjk3QjsiPjwhRU5USVRZIGxmaXNo=
dCAiJiN4Mjk3QzsiPjwhRU5USVRZIHJmaXNodCAiJiN4Mjk3RDsiPjwhRU5USVRZIHVmaXNod=
CAiJiN4Mjk3RTsiPjwhRU5USVRZIGRmaXNodCAiJiN4Mjk3RjsiPjwhRU5USVRZIGxvcGFyIC=
ImI3gyOTg1OyI%2BPCFFTlRJVFkgcm9wYXIgIiYjeDI5ODY7Ij48IUVOVElUWSBsYnJrZSAiJ=
iN4Mjk4QjsiPjwhRU5USVRZIHJicmtlICImI3gyOThDOyI%2BPCFFTlRJVFkgbGJya3NsdSAi=
JiN4Mjk4RDsiPjwhRU5USVRZIHJicmtzbGQgIiYjeDI5OEU7Ij48IUVOVElUWSBsYnJrc2xkI=
CImI3gyOThGOyI%2BPCFFTlRJVFkgcmJya3NsdSAiJiN4Mjk5MDsiPjwhRU5USVRZIGxhbmdk=
ICImI3gyOTkxOyI%2BPCFFTlRJVFkgcmFuZ2QgIiYjeDI5OTI7Ij48IUVOVElUWSBscGFybHQ=
gIiYjeDI5OTM7Ij48IUVOVElUWSBycGFyZ3QgIiYjeDI5OTQ7Ij48IUVOVElUWSBndGxQYXIg=
IiYjeDI5OTU7Ij48IUVOVElUWSBsdHJQYXIgIiYjeDI5OTY7Ij48IUVOVElUWSB2emlnemFnI=
CImI3gyOTlBOyI%2BPCFFTlRJVFkgdmFuZ3J0ICImI3gyOTlDOyI%2BPCFFTlRJVFkgYW5ncn=
R2YmQgIiYjeDI5OUQ7Ij48IUVOVElUWSBhbmdlICImI3gyOUE0OyI%2BPCFFTlRJVFkgcmFuZ=
2UgIiYjeDI5QTU7Ij48IUVOVElUWSBkd2FuZ2xlICImI3gyOUE2OyI%2BPCFFTlRJVFkgdXdh=
bmdsZSAiJiN4MjlBNzsiPjwhRU5USVRZIGFuZ21zZGFhICImI3gyOUE4OyI%2BPCFFTlRJVFk=
gYW5nbXNkYWIgIiYjeDI5QTk7Ij48IUVOVElUWSBhbmdtc2RhYyAiJiN4MjlBQTsiPjwhRU5U=
SVRZIGFuZ21zZGFkICImI3gyOUFCOyI%2BPCFFTlRJVFkgYW5nbXNkYWUgIiYjeDI5QUM7Ij4=
8IUVOVElUWSBhbmdtc2RhZiAiJiN4MjlBRDsiPjwhRU5USVRZIGFuZ21zZGFnICImI3gyOUFF=
OyI%2BPCFFTlRJVFkgYW5nbXNkYWggIiYjeDI5QUY7Ij48IUVOVElUWSBiZW1wdHl2ICImI3g=
yOUIwOyI%2BPCFFTlRJVFkgZGVtcHR5diAiJiN4MjlCMTsiPjwhRU5USVRZIGNlbXB0eXYgIi=
YjeDI5QjI7Ij48IUVOVElUWSByYWVtcHR5diAiJiN4MjlCMzsiPjwhRU5USVRZIGxhZW1wdHl=
2ICImI3gyOUI0OyI%2BPCFFTlRJVFkgb2hiYXIgIiYjeDI5QjU7Ij48IUVOVElUWSBvbWlkIC=
ImI3gyOUI2OyI%2BPCFFTlRJVFkgb3BhciAiJiN4MjlCNzsiPjwhRU5USVRZIG9wZXJwICImI=
3gyOUI5OyI%2BPCFFTlRJVFkgb2xjcm9zcyAiJiN4MjlCQjsiPjwhRU5USVRZIG9kc29sZCAi=
JiN4MjlCQzsiPjwhRU5USVRZIG9sY2lyICImI3gyOUJFOyI%2BPCFFTlRJVFkgb2ZjaXIgIiY=
jeDI5QkY7Ij48IUVOVElUWSBvbHQgIiYjeDI5QzA7Ij48IUVOVElUWSBvZ3QgIiYjeDI5QzE7=
Ij48IUVOVElUWSBjaXJzY2lyICImI3gyOUMyOyI%2BPCFFTlRJVFkgY2lyRSAiJiN4MjlDMzs=
iPjwhRU5USVRZIHNvbGIgIiYjeDI5QzQ7Ij48IUVOVElUWSBic29sYiAiJiN4MjlDNTsiPjwh=
RU5USVRZIGJveGJveCAiJiN4MjlDOTsiPjwhRU5USVRZIHRyaXNiICImI3gyOUNEOyI%2BPCF=
FTlRJVFkgcnRyaWx0cmkgIiYjeDI5Q0U7Ij48IUVOVElUWSBMZWZ0VHJpYW5nbGVCYXIgIiYj=
eDI5Q0Y7Ij48IUVOVElUWSBOb3RMZWZ0VHJpYW5nbGVCYXIgIiYjeDI5Q0Y7JiN4MzM4OyI%2=
BPCFFTlRJVFkgUmlnaHRUcmlhbmdsZUJhciAiJiN4MjlEMDsiPjwhRU5USVRZIE5vdFJpZ2h0=
VHJpYW5nbGVCYXIgIiYjeDI5RDA7JiN4MzM4OyI%2BPCFFTlRJVFkgaWluZmluICImI3gyOUR=
DOyI%2BPCFFTlRJVFkgaW5maW50aWUgIiYjeDI5REQ7Ij48IUVOVElUWSBudmluZmluICImI3=
gyOURFOyI%2BPCFFTlRJVFkgZXBhcnNsICImI3gyOUUzOyI%2BPCFFTlRJVFkgc21lcGFyc2w=
gIiYjeDI5RTQ7Ij48IUVOVElUWSBlcXZwYXJzbCAiJiN4MjlFNTsiPjwhRU5USVRZIGxvemYg=
IiYjeDI5RUI7Ij48IUVOVElUWSBibGFja2xvemVuZ2UgIiYjeDI5RUI7Ij48IUVOVElUWSBSd=
WxlRGVsYXllZCAiJiN4MjlGNDsiPjwhRU5USVRZIGRzb2wgIiYjeDI5RjY7Ij48IUVOVElUWS=
B4b2RvdCAiJiN4MkEwMDsiPjwhRU5USVRZIGJpZ29kb3QgIiYjeDJBMDA7Ij48IUVOVElUWSB=
4b3BsdXMgIiYjeDJBMDE7Ij48IUVOVElUWSBiaWdvcGx1cyAiJiN4MkEwMTsiPjwhRU5USVRZ=
IHhvdGltZSAiJiN4MkEwMjsiPjwhRU5USVRZIGJpZ290aW1lcyAiJiN4MkEwMjsiPjwhRU5US=
VRZIHh1cGx1cyAiJiN4MkEwNDsiPjwhRU5USVRZIGJpZ3VwbHVzICImI3gyQTA0OyI%2BPCFF=
TlRJVFkgeHNxY3VwICImI3gyQTA2OyI%2BPCFFTlRJVFkgYmlnc3FjdXAgIiYjeDJBMDY7Ij4=
8IUVOVElUWSBxaW50ICImI3gyQTBDOyI%2BPCFFTlRJVFkgaWlpaW50ICImI3gyQTBDOyI%2B=
PCFFTlRJVFkgZnBhcnRpbnQgIiYjeDJBMEQ7Ij48IUVOVElUWSBjaXJmbmludCAiJiN4MkExM=
DsiPjwhRU5USVRZIGF3aW50ICImI3gyQTExOyI%2BPCFFTlRJVFkgcnBwb2xpbnQgIiYjeDJB=
MTI7Ij48IUVOVElUWSBzY3BvbGludCAiJiN4MkExMzsiPjwhRU5USVRZIG5wb2xpbnQgIiYje=
DJBMTQ7Ij48IUVOVElUWSBwb2ludGludCAiJiN4MkExNTsiPjwhRU5USVRZIHF1YXRpbnQgIi=
YjeDJBMTY7Ij48IUVOVElUWSBpbnRsYXJoayAiJiN4MkExNzsiPjwhRU5USVRZIHBsdXNjaXI=
gIiYjeDJBMjI7Ij48IUVOVElUWSBwbHVzYWNpciAiJiN4MkEyMzsiPjwhRU5USVRZIHNpbXBs=
dXMgIiYjeDJBMjQ7Ij48IUVOVElUWSBwbHVzZHUgIiYjeDJBMjU7Ij48IUVOVElUWSBwbHVzc=
2ltICImI3gyQTI2OyI%2BPCFFTlRJVFkgcGx1c3R3byAiJiN4MkEyNzsiPjwhRU5USVRZIG1j=
b21tYSAiJiN4MkEyOTsiPjwhRU5USVRZIG1pbnVzZHUgIiYjeDJBMkE7Ij48IUVOVElUWSBsb=
3BsdXMgIiYjeDJBMkQ7Ij48IUVOVElUWSByb3BsdXMgIiYjeDJBMkU7Ij48IUVOVElUWSBDcm=
9zcyAiJiN4MkEyRjsiPjwhRU5USVRZIHRpbWVzZCAiJiN4MkEzMDsiPjwhRU5USVRZIHRpbWV=
zYmFyICImI3gyQTMxOyI%2BPCFFTlRJVFkgc21hc2hwICImI3gyQTMzOyI%2BPCFFTlRJVFkg=
bG90aW1lcyAiJiN4MkEzNDsiPjwhRU5USVRZIHJvdGltZXMgIiYjeDJBMzU7Ij48IUVOVElUW=
SBvdGltZXNhcyAiJiN4MkEzNjsiPjwhRU5USVRZIE90aW1lcyAiJiN4MkEzNzsiPjwhRU5USV=
RZIG9kaXYgIiYjeDJBMzg7Ij48IUVOVElUWSB0cmlwbHVzICImI3gyQTM5OyI%2BPCFFTlRJV=
FkgdHJpbWludXMgIiYjeDJBM0E7Ij48IUVOVElUWSB0cml0aW1lICImI3gyQTNCOyI%2BPCFF=
TlRJVFkgaXByb2QgIiYjeDJBM0M7Ij48IUVOVElUWSBpbnRwcm9kICImI3gyQTNDOyI%2BPCF=
FTlRJVFkgYW1hbGcgIiYjeDJBM0Y7Ij48IUVOVElUWSBjYXBkb3QgIiYjeDJBNDA7Ij48IUVO=
VElUWSBuY3VwICImI3gyQTQyOyI%2BPCFFTlRJVFkgbmNhcCAiJiN4MkE0MzsiPjwhRU5USVR=
ZIGNhcGFuZCAiJiN4MkE0NDsiPjwhRU5USVRZIGN1cG9yICImI3gyQTQ1OyI%2BPCFFTlRJVF=
kgY3VwY2FwICImI3gyQTQ2OyI%2BPCFFTlRJVFkgY2FwY3VwICImI3gyQTQ3OyI%2BPCFFTlR=
JVFkgY3VwYnJjYXAgIiYjeDJBNDg7Ij48IUVOVElUWSBjYXBicmN1cCAiJiN4MkE0OTsiPjwh=
RU5USVRZIGN1cGN1cCAiJiN4MkE0QTsiPjwhRU5USVRZIGNhcGNhcCAiJiN4MkE0QjsiPjwhR=
U5USVRZIGNjdXBzICImI3gyQTRDOyI%2BPCFFTlRJVFkgY2NhcHMgIiYjeDJBNEQ7Ij48IUVO=
VElUWSBjY3Vwc3NtICImI3gyQTUwOyI%2BPCFFTlRJVFkgQW5kICImI3gyQTUzOyI%2BPCFFT=
lRJVFkgT3IgIiYjeDJBNTQ7Ij48IUVOVElUWSBhbmRhbmQgIiYjeDJBNTU7Ij48IUVOVElUWS=
Bvcm9yICImI3gyQTU2OyI%2BPCFFTlRJVFkgb3JzbG9wZSAiJiN4MkE1NzsiPjwhRU5USVRZI=
GFuZHNsb3BlICImI3gyQTU4OyI%2BPCFFTlRJVFkgYW5kdiAiJiN4MkE1QTsiPjwhRU5USVRZ=
IG9ydiAiJiN4MkE1QjsiPjwhRU5USVRZIGFuZGQgIiYjeDJBNUM7Ij48IUVOVElUWSBvcmQgI=
iYjeDJBNUQ7Ij48IUVOVElUWSB3ZWRiYXIgIiYjeDJBNUY7Ij48IUVOVElUWSBzZG90ZSAiJi=
N4MkE2NjsiPjwhRU5USVRZIHNpbWRvdCAiJiN4MkE2QTsiPjwhRU5USVRZIGNvbmdkb3QgIiY=
jeDJBNkQ7Ij48IUVOVElUWSBuY29uZ2RvdCAiJiN4MkE2RDsmI3gzMzg7Ij48IUVOVElUWSBl=
YXN0ZXIgIiYjeDJBNkU7Ij48IUVOVElUWSBhcGFjaXIgIiYjeDJBNkY7Ij48IUVOVElUWSBhc=
EUgIiYjeDJBNzA7Ij48IUVOVElUWSBuYXBFICImI3gyQTcwOyYjeDMzODsiPjwhRU5USVRZIG=
VwbHVzICImI3gyQTcxOyI%2BPCFFTlRJVFkgcGx1c2UgIiYjeDJBNzI7Ij48IUVOVElUWSBFc=
2ltICImI3gyQTczOyI%2BPCFFTlRJVFkgQ29sb25lICImI3gyQTc0OyI%2BPCFFTlRJVFkgRX=
F1YWwgIiYjeDJBNzU7Ij48IUVOVElUWSBlRERvdCAiJiN4MkE3NzsiPjwhRU5USVRZIGRkb3R=
zZXEgIiYjeDJBNzc7Ij48IUVOVElUWSBlcXVpdkREICImI3gyQTc4OyI%2BPCFFTlRJVFkgbH=
RjaXIgIiYjeDJBNzk7Ij48IUVOVElUWSBndGNpciAiJiN4MkE3QTsiPjwhRU5USVRZIGx0cXV=
lc3QgIiYjeDJBN0I7Ij48IUVOVElUWSBndHF1ZXN0ICImI3gyQTdDOyI%2BPCFFTlRJVFkgbG=
VzICImI3gyQTdEOyI%2BPCFFTlRJVFkgTGVzc1NsYW50RXF1YWwgIiYjeDJBN0Q7Ij48IUVOV=
ElUWSBsZXFzbGFudCAiJiN4MkE3RDsiPjwhRU5USVRZIG5sZXMgIiYjeDJBN0Q7JiN4MzM4Oy=
I%2BPCFFTlRJVFkgTm90TGVzc1NsYW50RXF1YWwgIiYjeDJBN0Q7JiN4MzM4OyI%2BPCFFTlR=
JVFkgbmxlcXNsYW50ICImI3gyQTdEOyYjeDMzODsiPjwhRU5USVRZIGdlcyAiJiN4MkE3RTsi=
PjwhRU5USVRZIEdyZWF0ZXJTbGFudEVxdWFsICImI3gyQTdFOyI%2BPCFFTlRJVFkgZ2Vxc2x=
hbnQgIiYjeDJBN0U7Ij48IUVOVElUWSBuZ2VzICImI3gyQTdFOyYjeDMzODsiPjwhRU5USVRZ=
IE5vdEdyZWF0ZXJTbGFudEVxdWFsICImI3gyQTdFOyYjeDMzODsiPjwhRU5USVRZIG5nZXFzb=
GFudCAiJiN4MkE3RTsmI3gzMzg7Ij48IUVOVElUWSBsZXNkb3QgIiYjeDJBN0Y7Ij48IUVOVE=
lUWSBnZXNkb3QgIiYjeDJBODA7Ij48IUVOVElUWSBsZXNkb3RvICImI3gyQTgxOyI%2BPCFFT=
lRJVFkgZ2VzZG90byAiJiN4MkE4MjsiPjwhRU5USVRZIGxlc2RvdG9yICImI3gyQTgzOyI%2B=
PCFFTlRJVFkgZ2VzZG90b2wgIiYjeDJBODQ7Ij48IUVOVElUWSBsYXAgIiYjeDJBODU7Ij48I=
UVOVElUWSBsZXNzYXBwcm94ICImI3gyQTg1OyI%2BPCFFTlRJVFkgZ2FwICImI3gyQTg2OyI%=
2BPCFFTlRJVFkgZ3RyYXBwcm94ICImI3gyQTg2OyI%2BPCFFTlRJVFkgbG5lICImI3gyQTg3O=
yI%2BPCFFTlRJVFkgbG5lcSAiJiN4MkE4NzsiPjwhRU5USVRZIGduZSAiJiN4MkE4ODsiPjwh=
RU5USVRZIGduZXEgIiYjeDJBODg7Ij48IUVOVElUWSBsbmFwICImI3gyQTg5OyI%2BPCFFTlR=
JVFkgbG5hcHByb3ggIiYjeDJBODk7Ij48IUVOVElUWSBnbmFwICImI3gyQThBOyI%2BPCFFTl=
RJVFkgZ25hcHByb3ggIiYjeDJBOEE7Ij48IUVOVElUWSBsRWcgIiYjeDJBOEI7Ij48IUVOVEl=
UWSBsZXNzZXFxZ3RyICImI3gyQThCOyI%2BPCFFTlRJVFkgZ0VsICImI3gyQThDOyI%2BPCFF=
TlRJVFkgZ3RyZXFxbGVzcyAiJiN4MkE4QzsiPjwhRU5USVRZIGxzaW1lICImI3gyQThEOyI%2=
BPCFFTlRJVFkgZ3NpbWUgIiYjeDJBOEU7Ij48IUVOVElUWSBsc2ltZyAiJiN4MkE4RjsiPjwh=
RU5USVRZIGdzaW1sICImI3gyQTkwOyI%2BPCFFTlRJVFkgbGdFICImI3gyQTkxOyI%2BPCFFT=
lRJVFkgZ2xFICImI3gyQTkyOyI%2BPCFFTlRJVFkgbGVzZ2VzICImI3gyQTkzOyI%2BPCFFTl=
RJVFkgZ2VzbGVzICImI3gyQTk0OyI%2BPCFFTlRJVFkgZWxzICImI3gyQTk1OyI%2BPCFFTlR=
JVFkgZXFzbGFudGxlc3MgIiYjeDJBOTU7Ij48IUVOVElUWSBlZ3MgIiYjeDJBOTY7Ij48IUVO=
VElUWSBlcXNsYW50Z3RyICImI3gyQTk2OyI%2BPCFFTlRJVFkgZWxzZG90ICImI3gyQTk3OyI=
%2BPCFFTlRJVFkgZWdzZG90ICImI3gyQTk4OyI%2BPCFFTlRJVFkgZWwgIiYjeDJBOTk7Ij48=
IUVOVElUWSBlZyAiJiN4MkE5QTsiPjwhRU5USVRZIHNpbWwgIiYjeDJBOUQ7Ij48IUVOVElUW=
SBzaW1nICImI3gyQTlFOyI%2BPCFFTlRJVFkgc2ltbEUgIiYjeDJBOUY7Ij48IUVOVElUWSBz=
aW1nRSAiJiN4MkFBMDsiPjwhRU5USVRZIExlc3NMZXNzICImI3gyQUExOyI%2BPCFFTlRJVFk=
gTm90TmVzdGVkTGVzc0xlc3MgIiYjeDJBQTE7JiN4MzM4OyI%2BPCFFTlRJVFkgR3JlYXRlck=
dyZWF0ZXIgIiYjeDJBQTI7Ij48IUVOVElUWSBOb3ROZXN0ZWRHcmVhdGVyR3JlYXRlciAiJiN=
4MkFBMjsmI3gzMzg7Ij48IUVOVElUWSBnbGogIiYjeDJBQTQ7Ij48IUVOVElUWSBnbGEgIiYj=
eDJBQTU7Ij48IUVOVElUWSBsdGNjICImI3gyQUE2OyI%2BPCFFTlRJVFkgZ3RjYyAiJiN4MkF=
BNzsiPjwhRU5USVRZIGxlc2NjICImI3gyQUE4OyI%2BPCFFTlRJVFkgZ2VzY2MgIiYjeDJBQT=
k7Ij48IUVOVElUWSBzbXQgIiYjeDJBQUE7Ij48IUVOVElUWSBsYXQgIiYjeDJBQUI7Ij48IUV=
OVElUWSBzbXRlICImI3gyQUFDOyI%2BPCFFTlRJVFkgc210ZXMgIiYjeDJBQUM7JiN4RkUwMD=
siPjwhRU5USVRZIGxhdGUgIiYjeDJBQUQ7Ij48IUVOVElUWSBsYXRlcyAiJiN4MkFBRDsmI3h=
GRTAwOyI%2BPCFFTlRJVFkgYnVtcEUgIiYjeDJBQUU7Ij48IUVOVElUWSBwcmUgIiYjeDJBQU=
Y7Ij48IUVOVElUWSBwcmVjZXEgIiYjeDJBQUY7Ij48IUVOVElUWSBQcmVjZWRlc0VxdWFsICI=
mI3gyQUFGOyI%2BPCFFTlRJVFkgbnByZSAiJiN4MkFBRjsmI3gzMzg7Ij48IUVOVElUWSBucH=
JlY2VxICImI3gyQUFGOyYjeDMzODsiPjwhRU5USVRZIE5vdFByZWNlZGVzRXF1YWwgIiYjeDJ=
BQUY7JiN4MzM4OyI%2BPCFFTlRJVFkgc2NlICImI3gyQUIwOyI%2BPCFFTlRJVFkgc3VjY2Vx=
ICImI3gyQUIwOyI%2BPCFFTlRJVFkgU3VjY2VlZHNFcXVhbCAiJiN4MkFCMDsiPjwhRU5USVR=
ZIG5zY2UgIiYjeDJBQjA7JiN4MzM4OyI%2BPCFFTlRJVFkgbnN1Y2NlcSAiJiN4MkFCMDsmI3=
gzMzg7Ij48IUVOVElUWSBOb3RTdWNjZWVkc0VxdWFsICImI3gyQUIwOyYjeDMzODsiPjwhRU5=
USVRZIHByRSAiJiN4MkFCMzsiPjwhRU5USVRZIHNjRSAiJiN4MkFCNDsiPjwhRU5USVRZIHBy=
bkUgIiYjeDJBQjU7Ij48IUVOVElUWSBwcmVjbmVxcSAiJiN4MkFCNTsiPjwhRU5USVRZIHNjb=
kUgIiYjeDJBQjY7Ij48IUVOVElUWSBzdWNjbmVxcSAiJiN4MkFCNjsiPjwhRU5USVRZIHByYX=
AgIiYjeDJBQjc7Ij48IUVOVElUWSBwcmVjYXBwcm94ICImI3gyQUI3OyI%2BPCFFTlRJVFkgc=
2NhcCAiJiN4MkFCODsiPjwhRU5USVRZIHN1Y2NhcHByb3ggIiYjeDJBQjg7Ij48IUVOVElUWS=
Bwcm5hcCAiJiN4MkFCOTsiPjwhRU5USVRZIHByZWNuYXBwcm94ICImI3gyQUI5OyI%2BPCFFT=
lRJVFkgc2NuYXAgIiYjeDJBQkE7Ij48IUVOVElUWSBzdWNjbmFwcHJveCAiJiN4MkFCQTsiPj=
whRU5USVRZIFByICImI3gyQUJCOyI%2BPCFFTlRJVFkgU2MgIiYjeDJBQkM7Ij48IUVOVElUW=
SBzdWJkb3QgIiYjeDJBQkQ7Ij48IUVOVElUWSBzdXBkb3QgIiYjeDJBQkU7Ij48IUVOVElUWS=
BzdWJwbHVzICImI3gyQUJGOyI%2BPCFFTlRJVFkgc3VwcGx1cyAiJiN4MkFDMDsiPjwhRU5US=
VRZIHN1Ym11bHQgIiYjeDJBQzE7Ij48IUVOVElUWSBzdXBtdWx0ICImI3gyQUMyOyI%2BPCFF=
TlRJVFkgc3ViZWRvdCAiJiN4MkFDMzsiPjwhRU5USVRZIHN1cGVkb3QgIiYjeDJBQzQ7Ij48I=
UVOVElUWSBzdWJFICImI3gyQUM1OyI%2BPCFFTlRJVFkgc3Vic2V0ZXFxICImI3gyQUM1OyI%=
2BPCFFTlRJVFkgbnN1YkUgIiYjeDJBQzU7JiN4MzM4OyI%2BPCFFTlRJVFkgbnN1YnNldGVxc=
SAiJiN4MkFDNTsmI3gzMzg7Ij48IUVOVElUWSBzdXBFICImI3gyQUM2OyI%2BPCFFTlRJVFkg=
c3Vwc2V0ZXFxICImI3gyQUM2OyI%2BPCFFTlRJVFkgbnN1cEUgIiYjeDJBQzY7JiN4MzM4OyI=
%2BPCFFTlRJVFkgbnN1cHNldGVxcSAiJiN4MkFDNjsmI3gzMzg7Ij48IUVOVElUWSBzdWJzaW=
0gIiYjeDJBQzc7Ij48IUVOVElUWSBzdXBzaW0gIiYjeDJBQzg7Ij48IUVOVElUWSBzdWJuRSA=
iJiN4MkFDQjsiPjwhRU5USVRZIHN1YnNldG5lcXEgIiYjeDJBQ0I7Ij48IUVOVElUWSB2c3Vi=
bkUgIiYjeDJBQ0I7JiN4RkUwMDsiPjwhRU5USVRZIHZhcnN1YnNldG5lcXEgIiYjeDJBQ0I7J=
iN4RkUwMDsiPjwhRU5USVRZIHN1cG5FICImI3gyQUNDOyI%2BPCFFTlRJVFkgc3Vwc2V0bmVx=
cSAiJiN4MkFDQzsiPjwhRU5USVRZIHZzdXBuRSAiJiN4MkFDQzsmI3hGRTAwOyI%2BPCFFTlR=
JVFkgdmFyc3Vwc2V0bmVxcSAiJiN4MkFDQzsmI3hGRTAwOyI%2BPCFFTlRJVFkgY3N1YiAiJi=
N4MkFDRjsiPjwhRU5USVRZIGNzdXAgIiYjeDJBRDA7Ij48IUVOVElUWSBjc3ViZSAiJiN4MkF=
EMTsiPjwhRU5USVRZIGNzdXBlICImI3gyQUQyOyI%2BPCFFTlRJVFkgc3Vic3VwICImI3gyQU=
QzOyI%2BPCFFTlRJVFkgc3Vwc3ViICImI3gyQUQ0OyI%2BPCFFTlRJVFkgc3Vic3ViICImI3g=
yQUQ1OyI%2BPCFFTlRJVFkgc3Vwc3VwICImI3gyQUQ2OyI%2BPCFFTlRJVFkgc3VwaHN1YiAi=
JiN4MkFENzsiPjwhRU5USVRZIHN1cGRzdWIgIiYjeDJBRDg7Ij48IUVOVElUWSBmb3JrdiAiJ=
iN4MkFEOTsiPjwhRU5USVRZIHRvcGZvcmsgIiYjeDJBREE7Ij48IUVOVElUWSBtbGNwICImI3=
gyQURCOyI%2BPCFFTlRJVFkgRGFzaHYgIiYjeDJBRTQ7Ij48IUVOVElUWSBEb3VibGVMZWZ0V=
GVlICImI3gyQUU0OyI%2BPCFFTlRJVFkgVmRhc2hsICImI3gyQUU2OyI%2BPCFFTlRJVFkgQm=
FydiAiJiN4MkFFNzsiPjwhRU5USVRZIHZCYXIgIiYjeDJBRTg7Ij48IUVOVElUWSB2QmFydiA=
iJiN4MkFFOTsiPjwhRU5USVRZIFZiYXIgIiYjeDJBRUI7Ij48IUVOVElUWSBOb3QgIiYjeDJB=
RUM7Ij48IUVOVElUWSBiTm90ICImI3gyQUVEOyI%2BPCFFTlRJVFkgcm5taWQgIiYjeDJBRUU=
7Ij48IUVOVElUWSBjaXJtaWQgIiYjeDJBRUY7Ij48IUVOVElUWSBtaWRjaXIgIiYjeDJBRjA7=
Ij48IUVOVElUWSB0b3BjaXIgIiYjeDJBRjE7Ij48IUVOVElUWSBuaHBhciAiJiN4MkFGMjsiP=
jwhRU5USVRZIHBhcnNpbSAiJiN4MkFGMzsiPjwhRU5USVRZIHBhcnNsICImI3gyQUZEOyI%2B=
PCFFTlRJVFkgbnBhcnNsICImI3gyQUZEOyYjeDIwRTU7Ij48IUVOVElUWSBmZmxpZyAiJiN4R=
kIwMDsiPjwhRU5USVRZIGZpbGlnICImI3hGQjAxOyI%2BPCFFTlRJVFkgZmxsaWcgIiYjeEZC=
MDI7Ij48IUVOVElUWSBmZmlsaWcgIiYjeEZCMDM7Ij48IUVOVElUWSBmZmxsaWcgIiYjeEZCM=
DQ7Ij48IUVOVElUWSBBc2NyICImI3gxRDQ5QzsiPjwhRU5USVRZIENzY3IgIiYjeDFENDlFOy=
I%2BPCFFTlRJVFkgRHNjciAiJiN4MUQ0OUY7Ij48IUVOVElUWSBHc2NyICImI3gxRDRBMjsiP=
jwhRU5USVRZIEpzY3IgIiYjeDFENEE1OyI%2BPCFFTlRJVFkgS3NjciAiJiN4MUQ0QTY7Ij48=
IUVOVElUWSBOc2NyICImI3gxRDRBOTsiPjwhRU5USVRZIE9zY3IgIiYjeDFENEFBOyI%2BPCF=
FTlRJVFkgUHNjciAiJiN4MUQ0QUI7Ij48IUVOVElUWSBRc2NyICImI3gxRDRBQzsiPjwhRU5U=
SVRZIFNzY3IgIiYjeDFENEFFOyI%2BPCFFTlRJVFkgVHNjciAiJiN4MUQ0QUY7Ij48IUVOVEl=
UWSBVc2NyICImI3gxRDRCMDsiPjwhRU5USVRZIFZzY3IgIiYjeDFENEIxOyI%2BPCFFTlRJVF=
kgV3NjciAiJiN4MUQ0QjI7Ij48IUVOVElUWSBYc2NyICImI3gxRDRCMzsiPjwhRU5USVRZIFl=
zY3IgIiYjeDFENEI0OyI%2BPCFFTlRJVFkgWnNjciAiJiN4MUQ0QjU7Ij48IUVOVElUWSBhc2=
NyICImI3gxRDRCNjsiPjwhRU5USVRZIGJzY3IgIiYjeDFENEI3OyI%2BPCFFTlRJVFkgY3Njc=
iAiJiN4MUQ0Qjg7Ij48IUVOVElUWSBkc2NyICImI3gxRDRCOTsiPjwhRU5USVRZIGZzY3IgIi=
YjeDFENEJCOyI%2BPCFFTlRJVFkgaHNjciAiJiN4MUQ0QkQ7Ij48IUVOVElUWSBpc2NyICImI=
3gxRDRCRTsiPjwhRU5USVRZIGpzY3IgIiYjeDFENEJGOyI%2BPCFFTlRJVFkga3NjciAiJiN4=
MUQ0QzA7Ij48IUVOVElUWSBsc2NyICImI3gxRDRDMTsiPjwhRU5USVRZIG1zY3IgIiYjeDFEN=
EMyOyI%2BPCFFTlRJVFkgbnNjciAiJiN4MUQ0QzM7Ij48IUVOVElUWSBwc2NyICImI3gxRDRD=
NTsiPjwhRU5USVRZIHFzY3IgIiYjeDFENEM2OyI%2BPCFFTlRJVFkgcnNjciAiJiN4MUQ0Qzc=
7Ij48IUVOVElUWSBzc2NyICImI3gxRDRDODsiPjwhRU5USVRZIHRzY3IgIiYjeDFENEM5OyI%=
2BPCFFTlRJVFkgdXNjciAiJiN4MUQ0Q0E7Ij48IUVOVElUWSB2c2NyICImI3gxRDRDQjsiPjw=
hRU5USVRZIHdzY3IgIiYjeDFENENDOyI%2BPCFFTlRJVFkgeHNjciAiJiN4MUQ0Q0Q7Ij48IU=
VOVElUWSB5c2NyICImI3gxRDRDRTsiPjwhRU5USVRZIHpzY3IgIiYjeDFENENGOyI%2BPCFFT=
lRJVFkgQWZyICImI3gxRDUwNDsiPjwhRU5USVRZIEJmciAiJiN4MUQ1MDU7Ij48IUVOVElUWS=
BEZnIgIiYjeDFENTA3OyI%2BPCFFTlRJVFkgRWZyICImI3gxRDUwODsiPjwhRU5USVRZIEZmc=
iAiJiN4MUQ1MDk7Ij48IUVOVElUWSBHZnIgIiYjeDFENTBBOyI%2BPCFFTlRJVFkgSmZyICIm=
I3gxRDUwRDsiPjwhRU5USVRZIEtmciAiJiN4MUQ1MEU7Ij48IUVOVElUWSBMZnIgIiYjeDFEN=
TBGOyI%2BPCFFTlRJVFkgTWZyICImI3gxRDUxMDsiPjwhRU5USVRZIE5mciAiJiN4MUQ1MTE7=
Ij48IUVOVElUWSBPZnIgIiYjeDFENTEyOyI%2BPCFFTlRJVFkgUGZyICImI3gxRDUxMzsiPjw=
hRU5USVRZIFFmciAiJiN4MUQ1MTQ7Ij48IUVOVElUWSBTZnIgIiYjeDFENTE2OyI%2BPCFFTl=
RJVFkgVGZyICImI3gxRDUxNzsiPjwhRU5USVRZIFVmciAiJiN4MUQ1MTg7Ij48IUVOVElUWSB=
WZnIgIiYjeDFENTE5OyI%2BPCFFTlRJVFkgV2ZyICImI3gxRDUxQTsiPjwhRU5USVRZIFhmci=
AiJiN4MUQ1MUI7Ij48IUVOVElUWSBZZnIgIiYjeDFENTFDOyI%2BPCFFTlRJVFkgYWZyICImI=
3gxRDUxRTsiPjwhRU5USVRZIGJmciAiJiN4MUQ1MUY7Ij48IUVOVElUWSBjZnIgIiYjeDFENT=
IwOyI%2BPCFFTlRJVFkgZGZyICImI3gxRDUyMTsiPjwhRU5USVRZIGVmciAiJiN4MUQ1MjI7I=
j48IUVOVElUWSBmZnIgIiYjeDFENTIzOyI%2BPCFFTlRJVFkgZ2ZyICImI3gxRDUyNDsiPjwh=
RU5USVRZIGhmciAiJiN4MUQ1MjU7Ij48IUVOVElUWSBpZnIgIiYjeDFENTI2OyI%2BPCFFTlR=
JVFkgamZyICImI3gxRDUyNzsiPjwhRU5USVRZIGtmciAiJiN4MUQ1Mjg7Ij48IUVOVElUWSBs=
ZnIgIiYjeDFENTI5OyI%2BPCFFTlRJVFkgbWZyICImI3gxRDUyQTsiPjwhRU5USVRZIG5mciA=
iJiN4MUQ1MkI7Ij48IUVOVElUWSBvZnIgIiYjeDFENTJDOyI%2BPCFFTlRJVFkgcGZyICImI3=
gxRDUyRDsiPjwhRU5USVRZIHFmciAiJiN4MUQ1MkU7Ij48IUVOVElUWSByZnIgIiYjeDFENTJ=
GOyI%2BPCFFTlRJVFkgc2ZyICImI3gxRDUzMDsiPjwhRU5USVRZIHRmciAiJiN4MUQ1MzE7Ij=
48IUVOVElUWSB1ZnIgIiYjeDFENTMyOyI%2BPCFFTlRJVFkgdmZyICImI3gxRDUzMzsiPjwhR=
U5USVRZIHdmciAiJiN4MUQ1MzQ7Ij48IUVOVElUWSB4ZnIgIiYjeDFENTM1OyI%2BPCFFTlRJ=
VFkgeWZyICImI3gxRDUzNjsiPjwhRU5USVRZIHpmciAiJiN4MUQ1Mzc7Ij48IUVOVElUWSBBb=
3BmICImI3gxRDUzODsiPjwhRU5USVRZIEJvcGYgIiYjeDFENTM5OyI%2BPCFFTlRJVFkgRG9w=
ZiAiJiN4MUQ1M0I7Ij48IUVOVElUWSBFb3BmICImI3gxRDUzQzsiPjwhRU5USVRZIEZvcGYgI=
iYjeDFENTNEOyI%2BPCFFTlRJVFkgR29wZiAiJiN4MUQ1M0U7Ij48IUVOVElUWSBJb3BmICIm=
I3gxRDU0MDsiPjwhRU5USVRZIEpvcGYgIiYjeDFENTQxOyI%2BPCFFTlRJVFkgS29wZiAiJiN=
4MUQ1NDI7Ij48IUVOVElUWSBMb3BmICImI3gxRDU0MzsiPjwhRU5USVRZIE1vcGYgIiYjeDFE=
NTQ0OyI%2BPCFFTlRJVFkgT29wZiAiJiN4MUQ1NDY7Ij48IUVOVElUWSBTb3BmICImI3gxRDU=
0QTsiPjwhRU5USVRZIFRvcGYgIiYjeDFENTRCOyI%2BPCFFTlRJVFkgVW9wZiAiJiN4MUQ1NE=
M7Ij48IUVOVElUWSBWb3BmICImI3gxRDU0RDsiPjwhRU5USVRZIFdvcGYgIiYjeDFENTRFOyI=
%2BPCFFTlRJVFkgWG9wZiAiJiN4MUQ1NEY7Ij48IUVOVElUWSBZb3BmICImI3gxRDU1MDsiPj=
whRU5USVRZIGFvcGYgIiYjeDFENTUyOyI%2BPCFFTlRJVFkgYm9wZiAiJiN4MUQ1NTM7Ij48I=
UVOVElUWSBjb3BmICImI3gxRDU1NDsiPjwhRU5USVRZIGRvcGYgIiYjeDFENTU1OyI%2BPCFF=
TlRJVFkgZW9wZiAiJiN4MUQ1NTY7Ij48IUVOVElUWSBmb3BmICImI3gxRDU1NzsiPjwhRU5US=
VRZIGdvcGYgIiYjeDFENTU4OyI%2BPCFFTlRJVFkgaG9wZiAiJiN4MUQ1NTk7Ij48IUVOVElU=
WSBpb3BmICImI3gxRDU1QTsiPjwhRU5USVRZIGpvcGYgIiYjeDFENTVCOyI%2BPCFFTlRJVFk=
ga29wZiAiJiN4MUQ1NUM7Ij48IUVOVElUWSBsb3BmICImI3gxRDU1RDsiPjwhRU5USVRZIG1v=
cGYgIiYjeDFENTVFOyI%2BPCFFTlRJVFkgbm9wZiAiJiN4MUQ1NUY7Ij48IUVOVElUWSBvb3B=
mICImI3gxRDU2MDsiPjwhRU5USVRZIHBvcGYgIiYjeDFENTYxOyI%2BPCFFTlRJVFkgcW9wZi=
AiJiN4MUQ1NjI7Ij48IUVOVElUWSByb3BmICImI3gxRDU2MzsiPjwhRU5USVRZIHNvcGYgIiY=
jeDFENTY0OyI%2BPCFFTlRJVFkgdG9wZiAiJiN4MUQ1NjU7Ij48IUVOVElUWSB1b3BmICImI3=
gxRDU2NjsiPjwhRU5USVRZIHZvcGYgIiYjeDFENTY3OyI%2BPCFFTlRJVFkgd29wZiAiJiN4M=
UQ1Njg7Ij48IUVOVElUWSB4b3BmICImI3gxRDU2OTsiPjwhRU5USVRZIHlvcGYgIiYjeDFENT=
ZBOyI%2BPCFFTlRJVFkgem9wZiAiJiN4MUQ1NkI7Ij4%3D&gt;the URL given by this l=
ink&lt;/a&gt;. (This
+  URL is a DTD containing the &lt;a href=3Dhttp://www.w3.org/TR/xml/#sec=
-entity-decl&gt;entity
+  declarations&lt;/a&gt; for the names listed in the &lt;a href=3D#named=
-character-references&gt;named character references&lt;/a&gt; section.) &=
lt;a href=3D#refsXML&gt;[XML]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;ul class=3Dbrief&gt;&lt;li&gt;&lt;code title=3D&quot;&quot;&gt;-//=
W3C//DTD&amp;nbsp;XHTML&amp;nbsp;1.0&amp;nbsp;Transitional//EN&lt;/code&g=
t;&lt;/li&gt;
+   &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;-//W3C//DTD&amp;nbsp;XHTML=
&amp;nbsp;1.1//EN&lt;/code&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;-//W3C//DTD&amp;nbsp;XHTML=
&amp;nbsp;1.0&amp;nbsp;Strict//EN&lt;/code&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;-//W3C//DTD&amp;nbsp;XHTML=
&amp;nbsp;1.0&amp;nbsp;Frameset//EN&lt;/code&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;-//W3C//DTD&amp;nbsp;XHTML=
&amp;nbsp;Basic&amp;nbsp;1.0//EN&lt;/code&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;-//W3C//DTD&amp;nbsp;XHTML=
&amp;nbsp;1.1&amp;nbsp;plus&amp;nbsp;MathML&amp;nbsp;2.0//EN&lt;/code&gt;=
&lt;/li&gt;
+   &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;-//W3C//DTD&amp;nbsp;XHTML=
&amp;nbsp;1.1&amp;nbsp;plus&amp;nbsp;MathML&amp;nbsp;2.0&amp;nbsp;plus&am=
p;nbsp;SVG&amp;nbsp;1.1//EN&lt;/code&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;-//W3C//DTD&amp;nbsp;MathM=
L&amp;nbsp;2.0//EN&lt;/code&gt;&lt;/li&gt;
+   &lt;li&gt;&lt;code title=3D&quot;&quot;&gt;-//WAPFORUM//DTD&amp;nbsp;=
XHTML&amp;nbsp;Mobile&amp;nbsp;1.0//EN&lt;/code&gt;&lt;/li&gt;
+  &lt;/ul&gt;&lt;p&gt;Furthermore, user agents should attempt to retriev=
e the above external entity's content when
+  one of the above public identifiers is used, and should not attempt to=
 retrieve any other external
+  entity's content.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This is not strictly a &lt;a href=3D#willful-vio=
lation title=3D&quot;willful violation&quot;&gt;violation&lt;/a&gt; of th=
e XML
+  specification, but it does contradict the spirit of the XML specificat=
ion's requirements. This is
+  motivated by a desire for user agents to all handle entities in an int=
eroperable fashion without
+  requiring any network access for handling external subsets. &lt;a href=
=3D#refsXML&gt;[XML]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p id=3DscriptTagXML&gt;When an &lt;a href=3D#xml-parser&gt;XML par=
ser&lt;/a&gt; creates a &lt;code&gt;&lt;a href=3D#the-script-element&gt;s=
cript&lt;/a&gt;&lt;/code&gt; element, it
+  must be marked as being &lt;a href=3D#parser-inserted&gt;&quot;parser-=
inserted&quot;&lt;/a&gt; and its &lt;a href=3D#force-async&gt;&quot;force=
-async&quot;&lt;/a&gt; flag
+  must be unset. If the parser was originally created for the &lt;a href=
=3D#xml-fragment-parsing-algorithm&gt;XML fragment parsing
+  algorithm&lt;/a&gt;, then the element must be marked as &lt;a href=3D#=
already-started&gt;&quot;already started&quot;&lt;/a&gt; also. When the
+  element's end tag is parsed, the user agent must &lt;a href=3D#perform=
-a-microtask-checkpoint&gt;perform a microtask checkpoint&lt;/a&gt;,
+  &lt;a href=3D#provide-a-stable-state&gt;provide a stable state&lt;/a&g=
t;, and then &lt;a href=3D#prepare-a-script title=3D&quot;prepare a scrip=
t&quot;&gt;prepare&lt;/a&gt; the
+  &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/c=
ode&gt; element. If this causes there to be a &lt;a href=3D#pending-parsi=
ng-blocking-script&gt;pending parsing-blocking
+  script&lt;/a&gt;, then the user agent must run the following steps:&lt=
;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Block this instance of the &lt;a href=3D#=
xml-parser&gt;XML parser&lt;/a&gt;, such that the &lt;a href=3D#event-loo=
p&gt;event loop&lt;/a&gt;
+   will not run &lt;a href=3D#concept-task title=3Dconcept-task&gt;tasks=
&lt;/a&gt; that invoke it.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#spin-the-event-loop&gt;Spin the even=
t loop&lt;/a&gt; until the parser's &lt;code&gt;&lt;a href=3D#document&gt=
;Document&lt;/a&gt;&lt;/code&gt; &lt;a href=3D#has-no-style-sheet-that-is=
-blocking-scripts&gt;has no
+   style sheet that is blocking scripts&lt;/a&gt; and the &lt;a href=3D#=
pending-parsing-blocking-script&gt;pending parsing-blocking
+   script&lt;/a&gt;'s &lt;a href=3D#ready-to-be-parser-executed&gt;&quot=
;ready to be parser-executed&quot;&lt;/a&gt; flag is set.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Unblock this instance of the &lt;a href=3D#xml-par=
ser&gt;XML parser&lt;/a&gt;, such that &lt;a href=3D#concept-task title=3D=
concept-task&gt;tasks&lt;/a&gt; that invoke it can again be run.&lt;/li&g=
t;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#execute-the-script-block title=3D&qu=
ot;execute the script block&quot;&gt;Execute&lt;/a&gt; the &lt;a href=3D#=
pending-parsing-blocking-script&gt;pending parsing-blocking
+   script&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;There is no longer a &lt;a href=3D#pending-parsing=
-blocking-script&gt;pending parsing-blocking script&lt;/a&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p class=3Dnote&gt;Since the &lt;code title=3Ddom-docume=
nt-write&gt;&lt;a href=3D#dom-document-write&gt;document.write()&lt;/a&gt=
;&lt;/code&gt; API is not
+  available for &lt;a href=3D#xml-documents&gt;XML documents&lt;/a&gt;, =
much of the complexity in the &lt;a href=3D#html-parser&gt;HTML parser&lt=
;/a&gt;
+  is not needed in the &lt;a href=3D#xml-parser&gt;XML parser&lt;/a&gt;.=
&lt;/p&gt;
+
+  &lt;p id=3DtemplateTagXML&gt;When an &lt;a href=3D#xml-parser&gt;XML p=
arser&lt;/a&gt; would append a node to a
+  &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/a&gt;&l=
t;/code&gt; element, it must instead append it to the &lt;code&gt;&lt;a h=
ref=3D#the-template-element&gt;template&lt;/a&gt;&lt;/code&gt; element's
+  &lt;a href=3D#template-contents&gt;template contents&lt;/a&gt; (a &lt;=
code&gt;&lt;a href=3D#documentfragment&gt;DocumentFragment&lt;/a&gt;&lt;/=
code&gt; node).&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This is a &lt;a href=3D#willful-violation&gt;wil=
lful violation&lt;/a&gt; of the XML specification; unfortunately,
+  XML is not formally extensible in the manner that is needed for &lt;co=
de&gt;&lt;a href=3D#the-template-element&gt;template&lt;/a&gt;&lt;/code&g=
t; processing.
+  &lt;a href=3D#refsXML&gt;[XML]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;When an &lt;a href=3D#xml-parser&gt;XML parser&lt;/a&gt; crea=
tes a &lt;code&gt;&lt;a href=3D#node&gt;Node&lt;/a&gt;&lt;/code&gt; objec=
t, its &lt;code title=3Ddom-Node-ownerDocument&gt;&lt;a href=3D#dom-node-=
ownerdocument&gt;ownerDocument&lt;/a&gt;&lt;/code&gt; must be set to the =
&lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; of
+  the node into which the newly created node is to be inserted.&lt;/p&gt=
;
+
+  &lt;p&gt;Certain algorithms in this specification &lt;dfn id=3Dfeed-th=
e-parser title=3D&quot;feed the parser&quot;&gt;spoon-feed the
+  parser&lt;/dfn&gt; characters one string at a time. In such cases, the=
 &lt;a href=3D#xml-parser&gt;XML parser&lt;/a&gt; must act
+  as it would have if faced with a single string consisting of the conca=
tenation of all those
+  characters.&lt;/p&gt;
+
+  &lt;p&gt;When an &lt;a href=3D#xml-parser&gt;XML parser&lt;/a&gt; reac=
hes the end of its input, it must &lt;a href=3D#stop-parsing&gt;stop
+  parsing&lt;/a&gt;, following the same rules as the &lt;a href=3D#html-=
parser&gt;HTML parser&lt;/a&gt;. An &lt;a href=3D#xml-parser&gt;XML
+  parser&lt;/a&gt; can also be &lt;a href=3D#abort-a-parser title=3D&quo=
t;abort a parser&quot;&gt;aborted&lt;/a&gt;, which must again by done in
+  the same way as for an &lt;a href=3D#html-parser&gt;HTML parser&lt;/a&=
gt;.&lt;/p&gt;
+
+  &lt;p&gt;For the purposes of conformance checkers, if a resource is de=
termined to be in &lt;a href=3D#the-xhtml-syntax&gt;the XHTML
+  syntax&lt;/a&gt;, then it is an &lt;a href=3D#xml-documents title=3D&q=
uot;XML documents&quot;&gt;XML document&lt;/a&gt;.&lt;/p&gt;
+
+
+&lt;!--//HTMLPARSER--&gt;
+
+
+  &lt;h3 id=3Dserializing-xhtml-fragments&gt;&lt;span class=3Dsecno&gt;1=
3.3 &lt;/span&gt;Serializing XHTML fragments&lt;/h3&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dxml-fragment-serialization-algorithm&gt;XML =
fragment serialization algorithm&lt;/dfn&gt; for a &lt;code&gt;&lt;a href=
=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; or
+  &lt;code&gt;&lt;a href=3D#element&gt;Element&lt;/a&gt;&lt;/code&gt; no=
de either returns a fragment of XML that represents that node or throws a=
n
+  exception.&lt;/p&gt;
+
+  &lt;p&gt;For &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&=
lt;/code&gt;s, the algorithm must return a string in the form of a &lt;a =
href=3Dhttp://www.w3.org/TR/xml/#sec-well-formed&gt;document entity&lt;/a=
&gt;, if none of the error cases
+  below apply.&lt;/p&gt;
+
+  &lt;p&gt;For &lt;code&gt;&lt;a href=3D#element&gt;Element&lt;/a&gt;&lt=
;/code&gt;s, the algorithm must return a string in the form of an &lt;a h=
ref=3Dhttp://www.w3.org/TR/xml/#wf-entities&gt;internal general parsed en=
tity&lt;/a&gt;, if none of the
+  error cases below apply.&lt;/p&gt;
+
+  &lt;p&gt;In both cases, the string returned must be XML namespace-well=
-formed and must be an isomorphic
+  serialization of all of that node's &lt;a href=3D#relevant-child-nodes=
&gt;relevant child nodes&lt;/a&gt;, in &lt;a href=3D#tree-order&gt;tree o=
rder&lt;/a&gt;.
+  User agents may adjust prefixes and namespace declarations in the seri=
alization (and indeed might
+  be forced to do so in some cases to obtain namespace-well-formed XML).=
 User agents may use a
+  combination of regular text and character references to represent &lt;=
code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt;/code&gt; nodes in the
+  DOM.&lt;/p&gt;
+
+  &lt;p&gt;A node's &lt;dfn id=3Drelevant-child-nodes&gt;relevant child =
nodes&lt;/dfn&gt; are those that apply given the following rules:&lt;/p&g=
t;
+
+  &lt;dl&gt;&lt;dt&gt;For &lt;code&gt;&lt;a href=3D#the-template-element=
&gt;template&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+
+   &lt;dd&gt;The &lt;a href=3D#relevant-child-nodes&gt;relevant child no=
des&lt;/a&gt; are the child nodes of the &lt;code&gt;&lt;a href=3D#the-te=
mplate-element&gt;template&lt;/a&gt;&lt;/code&gt;
+   element's &lt;a href=3D#template-contents&gt;template contents&lt;/a&=
gt;, if any.&lt;/dd&gt;
+
+   &lt;dt&gt;For all other nodes&lt;/dt&gt;
+
+   &lt;dd&gt;The &lt;a href=3D#relevant-child-nodes&gt;relevant child no=
des&lt;/a&gt; are the child nodes of node itself, if any.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;For &lt;code&gt;&lt;a href=3D#element&gt;Element&l=
t;/a&gt;&lt;/code&gt;s, if any of the elements in the serialization are i=
n no namespace, the
+  default namespace in scope for those elements must be explicitly decla=
red as the empty string.&lt;!--
+  because otherwise round-tripping might break since it'll pick up the s=
urrounding default ns when
+  setting --&gt; (This doesn't apply in the &lt;code&gt;&lt;a href=3D#do=
cument&gt;Document&lt;/a&gt;&lt;/code&gt; case.) &lt;a href=3D#refsXML&gt=
;[XML]&lt;/a&gt;
+  &lt;a href=3D#refsXMLNS&gt;[XMLNS]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;For the purposes of this section, an internal general parsed =
entity is considered XML
+  namespace-well-formed if a document consisting of an element with no n=
amespace declarations whose
+  contents are the internal general parsed entity would itself be XML na=
mespace-well-formed.&lt;/p&gt;
+
+  &lt;p&gt;If any of the following error cases are found in the DOM subt=
ree being serialized, then the
+  algorithm must throw an &lt;code&gt;&lt;a href=3D#invalidstateerror&gt=
;InvalidStateError&lt;/a&gt;&lt;/code&gt; exception instead of returning =
a
+  string:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;A &lt;code&gt;&lt;a href=3D#document&gt;Document&l=
t;/a&gt;&lt;/code&gt; node with no child element nodes.&lt;/li&gt;
+
+   &lt;li&gt;A &lt;code&gt;&lt;a href=3D#documenttype&gt;DocumentType&lt=
;/a&gt;&lt;/code&gt; node that has an external subset public identifier t=
hat contains
+   characters that are not matched by the XML &lt;code title=3D&quot;&qu=
ot;&gt;PubidChar&lt;/code&gt; production. &lt;a href=3D#refsXML&gt;[XML]&=
lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;A &lt;code&gt;&lt;a href=3D#documenttype&gt;DocumentType&lt=
;/a&gt;&lt;/code&gt; node that has an external subset system identifier t=
hat contains
+   both a U+0022 QUOTATION MARK (&quot;) and a U+0027 APOSTROPHE (') or =
that contains characters that are
+   not matched by the XML &lt;code title=3D&quot;&quot;&gt;Char&lt;/code=
&gt; production. &lt;a href=3D#refsXML&gt;[XML]&lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;A node with a &lt;!--prefix or--&gt; local name containing =
a U+003A COLON (:).&lt;/li&gt; &lt;!--(prefixes
+   can get adjusted, so this isn't an excuse) --&gt;
+
+   &lt;li&gt;A node with a &lt;!--prefix or--&gt; local name that does n=
ot match the XML &lt;code title=3D&quot;&quot;&gt;Name&lt;/code&gt; produ=
ction. &lt;a href=3D#refsXML&gt;[XML]&lt;/a&gt;&lt;/li&gt; &lt;!--(again,=
 prefixes can get
+   adjusted, so this isn't an excuse) --&gt;
+
+   &lt;li&gt;An &lt;code&gt;&lt;a href=3D#attr&gt;Attr&lt;/a&gt;&lt;/cod=
e&gt; node with no namespace whose local name is the lowercase string &qu=
ot;&lt;code title=3D&quot;&quot;&gt;xmlns&lt;/code&gt;&quot;. &lt;a href=3D=
#refsXMLNS&gt;[XMLNS]&lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;An &lt;code&gt;&lt;a href=3D#element&gt;Element&lt;/a&gt;&l=
t;/code&gt; node with two or more attributes with the same local name and
+   namespace.&lt;/li&gt;
+
+   &lt;li&gt;An &lt;code&gt;&lt;a href=3D#attr&gt;Attr&lt;/a&gt;&lt;/cod=
e&gt; node, &lt;code&gt;&lt;a href=3D#text&gt;Text&lt;/a&gt;&lt;/code&gt;=
 node, &lt;code&gt;&lt;a href=3D#comment-0&gt;Comment&lt;/a&gt;&lt;/code&=
gt; node, or
+   &lt;code&gt;&lt;a href=3D#processinginstruction&gt;ProcessingInstruct=
ion&lt;/a&gt;&lt;/code&gt; node whose data contains characters that are n=
ot matched by
+   the XML &lt;code title=3D&quot;&quot;&gt;Char&lt;/code&gt; production=
. &lt;a href=3D#refsXML&gt;[XML]&lt;/a&gt;&lt;/li&gt;
+
+   &lt;li&gt;A &lt;code&gt;&lt;a href=3D#comment-0&gt;Comment&lt;/a&gt;&=
lt;/code&gt; node whose data contains two adjacent U+002D HYPHEN-MINUS ch=
aracters
+   (-) or ends with such a character.&lt;/li&gt;
+
+   &lt;li&gt;A &lt;code&gt;&lt;a href=3D#processinginstruction&gt;Proces=
singInstruction&lt;/a&gt;&lt;/code&gt; node whose target name is an &lt;a=
 href=3D#ascii-case-insensitive&gt;ASCII
+   case-insensitive&lt;/a&gt; match for the string &quot;&lt;code title=3D=
&quot;&quot;&gt;xml&lt;/code&gt;&quot;.&lt;/li&gt;
+
+   &lt;li&gt;A &lt;code&gt;&lt;a href=3D#processinginstruction&gt;Proces=
singInstruction&lt;/a&gt;&lt;/code&gt; node whose target name contains a =
U+003A COLON (:).&lt;/li&gt;
+
+   &lt;li&gt;A &lt;code&gt;&lt;a href=3D#processinginstruction&gt;Proces=
singInstruction&lt;/a&gt;&lt;/code&gt; node whose data contains the strin=
g &quot;&lt;code title=3D&quot;&quot;&gt;?&amp;gt;&lt;/code&gt;&quot;.&lt=
;/li&gt;
+
+  &lt;/ul&gt;&lt;p class=3Dnote&gt;These are the only ways to make a DOM=
 unserializable. The DOM enforces all the
+  other XML constraints; for example, trying to append two elements to a=
 &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; no=
de
+  will throw a &lt;code&gt;&lt;a href=3D#hierarchyrequesterror&gt;Hierar=
chyRequestError&lt;/a&gt;&lt;/code&gt; exception.&lt;/p&gt;
+
+
+
+  &lt;h3 id=3Dparsing-xhtml-fragments&gt;&lt;span class=3Dsecno&gt;13.4 =
&lt;/span&gt;Parsing XHTML fragments&lt;/h3&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dxml-fragment-parsing-algorithm&gt;XML fragme=
nt parsing algorithm&lt;/dfn&gt; either returns a &lt;code&gt;&lt;a href=3D=
#document&gt;Document&lt;/a&gt;&lt;/code&gt; or throws
+  a &lt;code&gt;&lt;a href=3D#syntaxerror&gt;SyntaxError&lt;/a&gt;&lt;/c=
ode&gt; exception. Given a string &lt;var title=3D&quot;&quot;&gt;input&l=
t;/var&gt; and an optional
+  context element &lt;var title=3Dconcept-frag-parse-context&gt;&lt;a hr=
ef=3D#concept-frag-parse-context&gt;context&lt;/a&gt;&lt;/var&gt;, the al=
gorithm is as
+  follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;Create a new &lt;a href=3D#xml-parser&gt;XML parser&lt;/a&g=
t;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If there is a &lt;var title=3Dconcept-frag-parse-context&gt=
;&lt;a href=3D#concept-frag-parse-context&gt;context&lt;/a&gt;&lt;/var&gt=
; element, &lt;a href=3D#feed-the-parser&gt;feed the
+    parser&lt;/a&gt; just created the string corresponding to the start =
tag of that element, declaring
+    all the namespace prefixes that are in scope on that element in the =
DOM, as well as declaring
+    the default namespace (if any) that is in scope on that element in t=
he DOM.&lt;/p&gt;
+
+    &lt;p&gt;A namespace prefix is in scope if the DOM &lt;code title=3D=
&quot;&quot;&gt;lookupNamespaceURI()&lt;/code&gt; method
+    on the element would return a non-null value for that prefix.&lt;/p&=
gt;
+
+    &lt;p&gt;The default namespace is the namespace for which the DOM &l=
t;code title=3D&quot;&quot;&gt;isDefaultNamespace()&lt;/code&gt; method o=
n the element would return true.&lt;/p&gt;
+
+    &lt;p class=3Dnote&gt;If there is a &lt;var title=3Dconcept-frag-par=
se-context&gt;&lt;a href=3D#concept-frag-parse-context&gt;context&lt;/a&g=
t;&lt;/var&gt; element, no
+    &lt;code title=3D&quot;&quot;&gt;DOCTYPE&lt;/code&gt; is passed to t=
he parser, and therefore no external subset is
+    referenced, and therefore no entities will be recognized.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;&lt;a href=3D#feed-the-parser&gt;Feed the parser&lt;/a&gt; =
just created the string &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt;=
.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If there is a &lt;var title=3Dconcept-frag-parse-context&gt=
;&lt;a href=3D#concept-frag-parse-context&gt;context&lt;/a&gt;&lt;/var&gt=
; element, &lt;a href=3D#feed-the-parser&gt;feed the
+    parser&lt;/a&gt; just created the string corresponding to the end ta=
g of that element.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If there is an XML well-formedness or XML namespace well-fo=
rmedness error, then throw a
+    &lt;code&gt;&lt;a href=3D#syntaxerror&gt;SyntaxError&lt;/a&gt;&lt;/c=
ode&gt; exception and abort these steps.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If there is a &lt;var title=3Dconcept-frag-parse-context&gt=
;&lt;a href=3D#concept-frag-parse-context&gt;context&lt;/a&gt;&lt;/var&gt=
; element, and the root
+    element of the resulting &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt; has any sibling nodes, then throw a
+    &lt;code&gt;&lt;a href=3D#syntaxerror&gt;SyntaxError&lt;/a&gt;&lt;/c=
ode&gt; exception and abort these steps.&lt;/p&gt;
+
+    &lt;!-- http://software.hixie.ch/utilities/js/live-dom-viewer/saved/=
1443 --&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If there is a &lt;var title=3Dconcept-frag-parse-context&gt=
;&lt;a href=3D#concept-frag-parse-context&gt;context&lt;/a&gt;&lt;/var&gt=
; element, then return the
+    child nodes of the root element of the resulting &lt;code&gt;&lt;a h=
ref=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;, in &lt;a href=3D#tree=
-order&gt;tree
+    order&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, return the children of the &lt;code&gt;&lt;a hre=
f=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt; object, in &lt;a href=3D=
#tree-order&gt;tree
+    order&lt;/a&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;/div&gt;
+
+
+&lt;!--TOPIC:Rendering--&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h2 id=3Drendering&gt;&lt;span class=3Dsecno&gt;14 &lt;/span&gt;Ren=
dering&lt;/h2&gt;
+
+  &lt;p&gt;&lt;i&gt;User agents are not required to present HTML documen=
ts in any particular way. However, this
+  section provides a set of suggestions for rendering HTML documents tha=
t, if followed, are likely
+  to lead to a user experience that closely resembles the experience int=
ended by the documents'
+  authors. So as to avoid confusion regarding the normativity of this se=
ction, RFC2119 terms have
+  not been used. Instead, the term &quot;expected&quot; is used to indic=
ate behavior that will lead to this
+  experience. For the purposes of conformance for user agents designated=
 as &lt;a href=3D#renderingUA&gt;supporting the suggested default renderi=
ng&lt;/a&gt;, the term &quot;expected&quot; in this
+  section has the same conformance implications as the RFC2119-defined t=
erm &quot;must&quot;.&lt;/i&gt;&lt;/p&gt;
+
+
+  &lt;h3 id=3Dintroduction-13&gt;&lt;span class=3Dsecno&gt;14.1 &lt;/spa=
n&gt;Introduction&lt;/h3&gt;
+
+  &lt;p&gt;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 present=
ation mechanisms can derive
+  their expected behavior by translating from the CSS rules given in thi=
s section.&lt;/p&gt;
+
+  &lt;p&gt;In the absence of style-layer rules to the contrary (e.g. aut=
hor style sheets), user agents are
+  expected to render an element so that it conveys to the user the meani=
ng that the element
+  &lt;a href=3D#represents&gt;represents&lt;/a&gt;, as described by this=
 specification.&lt;/p&gt;
+
+  &lt;p&gt;The suggestions in this section generally assume a visual out=
put medium with a resolution of
+  96dpi or greater, but HTML is intended to apply to multiple media (it =
is a
+  &lt;i&gt;media-independent&lt;/i&gt; language). User agent implementor=
s are encouraged to adapt the
+  suggestions in this section to their target media.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;An element is &lt;dfn id=3Dbeing-rendered&gt;being =
rendered&lt;/dfn&gt; if it has any associated CSS layout boxes, SVG layou=
t
+  boxes, or some equivalent in other styling languages.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Just being off-screen does not mean the element =
is not &lt;a href=3D#being-rendered&gt;being
+  rendered&lt;/a&gt;. The presence of the &lt;code title=3Dattr-hidden&g=
t;&lt;a href=3D#the-hidden-attribute&gt;hidden&lt;/a&gt;&lt;/code&gt; att=
ribute normally
+  means the element is not &lt;a href=3D#being-rendered&gt;being rendere=
d&lt;/a&gt;, though this might be overridden by the style
+  sheets.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;User agents that do not honor author-level CSS styl=
e sheets are nonetheless expected to act as
+  if they applied the CSS rules given in these sections in a manner cons=
istent with this
+  specification and the relevant CSS and Unicode specifications. &lt;a h=
ref=3D#refsCSS&gt;[CSS]&lt;/a&gt; &lt;a href=3D#refsUNICODE&gt;[UNICODE]&=
lt;/a&gt; &lt;a href=3D#refsBIDI&gt;[BIDI]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This is especially important for issues relating=
 to the 'display', 'unicode-bidi',
+  and 'direction' properties.&lt;/p&gt;
+
+
+
+  &lt;h3 id=3Dthe-css-user-agent-style-sheet-and-presentational-hints&gt=
;&lt;span class=3Dsecno&gt;14.2 &lt;/span&gt;The CSS user agent style she=
et and presentational hints&lt;/h3&gt;
+
+  &lt;p&gt;The CSS rules given in these subsections are, except where ot=
herwise specified, expected to be
+  used as part of the user-agent level style sheet defaults for all docu=
ments that contain
+  &lt;a href=3D#html-elements&gt;HTML elements&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Some rules are intended for the author-level zero-specificity=
 presentational hints part of the
+  CSS cascade; these are explicitly called out as &lt;dfn id=3Dpresentat=
ional-hints&gt;presentational hints&lt;/dfn&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Some of the rules regarding left and right margins are given =
here as appropriate for elements
+  whose 'direction' property is 'ltr', and are expected to be flipped ar=
ound on elements whose
+  'direction' property is 'rtl'. These are marked &quot;&lt;dfn id=3Dltr=
-specific&gt;LTR-specific&lt;/dfn&gt;&quot;.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;These markings only affect the handling of attri=
bute &lt;em&gt;values&lt;/em&gt;, not
+  attribute names or element names.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;When the text below says that an attribute &lt;var =
title=3D&quot;&quot;&gt;attribute&lt;/var&gt; on an element &lt;var title=
=3D&quot;&quot;&gt;element&lt;/var&gt; &lt;dfn id=3Dmaps-to-the-pixel-len=
gth-property&gt;maps to the pixel length property&lt;/dfn&gt; (or propert=
ies) &lt;var title=3D&quot;&quot;&gt;properties&lt;/var&gt;, it means tha=
t if &lt;var title=3D&quot;&quot;&gt;element&lt;/var&gt; has an attribute=
 &lt;var title=3D&quot;&quot;&gt;attribute&lt;/var&gt; set, and parsing t=
hat attribute's value using the &lt;a href=3D#rules-for-parsing-non-negat=
ive-integers&gt;rules for parsing
+  non-negative integers&lt;/a&gt; doesn't generate an error, then the us=
er agent is expected to use the
+  parsed value as a pixel length for a &lt;a href=3D#presentational-hint=
s title=3D&quot;presentational hints&quot;&gt;presentational hint&lt;/a&g=
t;
+  for &lt;var title=3D&quot;&quot;&gt;properties&lt;/var&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When the text below says that an attribute &lt;var title=3D&q=
uot;&quot;&gt;attribute&lt;/var&gt; on an element &lt;var title=3D&quot;&=
quot;&gt;element&lt;/var&gt; &lt;dfn id=3Dmaps-to-the-dimension-property&=
gt;maps to the dimension property&lt;/dfn&gt; (or properties) &lt;var tit=
le=3D&quot;&quot;&gt;properties&lt;/var&gt;, it means that if &lt;var tit=
le=3D&quot;&quot;&gt;element&lt;/var&gt; has an attribute &lt;var title=3D=
&quot;&quot;&gt;attribute&lt;/var&gt; set, and parsing that attribute's v=
alue using the &lt;a href=3D#rules-for-parsing-dimension-values&gt;rules =
for parsing
+  dimension values&lt;/a&gt; doesn't generate an error, then the user ag=
ent is expected to use the
+  parsed dimension as the value for a &lt;a href=3D#presentational-hints=
 title=3D&quot;presentational hints&quot;&gt;presentational hint&lt;/a&gt=
;
+  for &lt;var title=3D&quot;&quot;&gt;properties&lt;/var&gt;, with the v=
alue given as a pixel length if the dimension was an
+  integer, and with the value given as a percentage if the dimension was=
 a percentage.&lt;/p&gt;
+
+  &lt;p&gt;When a user agent is to &lt;dfn id=3Dalign-descendants&gt;ali=
gn descendants&lt;/dfn&gt; of a node, the user agent is expected to
+  align only those descendants that have both their 'margin-left' and 'm=
argin-right' properties
+  computing to a value other than 'auto', that are over-constrained and =
that have one of those two
+  margins with a used value forced to a greater value, and that do not t=
hemselves have an applicable
+  &lt;code title=3Dattr-align&gt;align&lt;/code&gt; attribute. When mult=
iple elements are to &lt;a href=3D#align-descendants title=3D&quot;align
+  descendants&quot;&gt;align&lt;/a&gt; a particular descendant, the most=
 deeply nested such element is expected
+  to override the others. Aligned elements are expected to be aligned by=
 having the used values of
+  their left and right margins be set accordingly.&lt;/p&gt;
+
+
+
+  &lt;h3 id=3Dnon-replaced-elements&gt;&lt;span class=3Dsecno&gt;14.3 &l=
t;/span&gt;Non-replaced elements&lt;/h3&gt;
+
+
+  &lt;h4 id=3Dhidden-elements&gt;&lt;span class=3Dsecno&gt;14.3.1 &lt;/s=
pan&gt;Hidden elements&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+&lt;span id=3DhiddenCSS title=3D&quot;&quot;&gt;[hidden]&lt;/span&gt;, a=
rea, base, basefont, datalist, head, link, menu[type=3Dpopup i],
+meta, noembed, noframes, param, rp, script, source, style, template, tra=
ck, title {
+  display: none;
+}
+
+embed[hidden] { display: inline; height: 0; width: 0; }&lt;/pre&gt; &lt;=
!-- because for legacy reasons it still needs to instantiate the plugin -=
-&gt;
+
+  &lt;p&gt;The user agent is expected to force the 'display' property of=
 &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt;/a&gt;&lt;=
/code&gt; elements
+  for whom &lt;a href=3D#concept-n-script title=3Dconcept-n-script&gt;sc=
ripting is enabled&lt;/a&gt; to compute to 'none',
+  irrespective of CSS rules.&lt;/p&gt;
+
+  &lt;p&gt;The user agent is expected to force the 'display' property of=
 &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&=
gt; elements whose
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#hidden=
-state-(type=3Dhidden)&quot; title=3Dattr-input-type-hidden&gt;Hidden&lt;=
/a&gt; state to compute to 'none', irrespective of CSS
+  rules.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dthe-page&gt;&lt;span class=3Dsecno&gt;14.3.2 &lt;/span&gt;=
The page&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+html, body { display: block; }&lt;/pre&gt;
+
+
+  &lt;!-- body { margin: 8px; } --&gt;
+
+  &lt;p&gt;For each property in the table below, given a &lt;code&gt;&lt=
;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt; element, the f=
irst attribute
+  that exists &lt;a href=3D#maps-to-the-pixel-length-property&gt;maps to=
 the pixel length property&lt;/a&gt; on the &lt;code&gt;&lt;a href=3D#the=
-body-element&gt;body&lt;/a&gt;&lt;/code&gt; element. If
+  none of the attributes for a property are found, or if the value of th=
e attribute that was found
+  cannot be parsed successfully, then, if the &lt;code&gt;&lt;a href=3D#=
the-body-element&gt;body&lt;/a&gt;&lt;/code&gt; element's &lt;code&gt;&lt=
;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'s
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; does not =
have its &lt;a href=3D#seamless-browsing-context-flag&gt;seamless browsin=
g context flag&lt;/a&gt; set, a
+  default value of 8px is expected to be used for that property instead.=
&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Property
+     &lt;th&gt;Source
+   &lt;tbody&gt;&lt;tr&gt;&lt;td rowspan=3D3&gt;'margin-top'
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&=
gt;&lt;/code&gt; element's &lt;code title=3Dattr-body-marginheight&gt;&lt=
;a href=3D#attr-body-marginheight&gt;marginheight&lt;/a&gt;&lt;/code&gt; =
attribute
+    &lt;tr&gt;&lt;td&gt;The &lt;code&gt;&lt;a href=3D#the-body-element&g=
t;body&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#container-frame-ele=
ment&gt;container frame element&lt;/a&gt;'s &lt;code title=3Dattr-iframe-=
marginheight&gt;&lt;a href=3D#attr-iframe-marginheight&gt;marginheight&lt=
;/a&gt;&lt;/code&gt; attribute
+    &lt;tr&gt;&lt;td&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;bo=
dy&lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-body-topmargin&=
gt;topmargin&lt;/code&gt; attribute
+   &lt;tbody&gt;&lt;tr&gt;&lt;td rowspan=3D3&gt;'margin-right'
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&=
gt;&lt;/code&gt; element's &lt;code title=3Dattr-body-marginwidth&gt;&lt;=
a href=3D#attr-body-marginwidth&gt;marginwidth&lt;/a&gt;&lt;/code&gt; att=
ribute
+    &lt;tr&gt;&lt;td&gt;The &lt;code&gt;&lt;a href=3D#the-body-element&g=
t;body&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#container-frame-ele=
ment&gt;container frame element&lt;/a&gt;'s &lt;code title=3Dattr-iframe-=
marginwidth&gt;&lt;a href=3D#attr-iframe-marginwidth&gt;marginwidth&lt;/a=
&gt;&lt;/code&gt; attribute
+    &lt;tr&gt;&lt;td&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;bo=
dy&lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-body-rightmargi=
n&gt;rightmargin&lt;/code&gt; attribute
+   &lt;tbody&gt;&lt;tr&gt;&lt;td rowspan=3D3&gt;'margin-bottom'
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&=
gt;&lt;/code&gt; element's &lt;code title=3Dattr-body-marginheight&gt;&lt=
;a href=3D#attr-body-marginheight&gt;marginheight&lt;/a&gt;&lt;/code&gt; =
attribute
+    &lt;tr&gt;&lt;td&gt;The &lt;code&gt;&lt;a href=3D#the-body-element&g=
t;body&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#container-frame-ele=
ment&gt;container frame element&lt;/a&gt;'s &lt;code title=3Dattr-iframe-=
marginheight&gt;&lt;a href=3D#attr-iframe-marginheight&gt;marginheight&lt=
;/a&gt;&lt;/code&gt; attribute
+    &lt;tr&gt;&lt;td&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;bo=
dy&lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-body-bottommarg=
in&gt;bottommargin&lt;/code&gt; attribute
+   &lt;tbody&gt;&lt;tr&gt;&lt;td rowspan=3D3&gt;'margin-left'
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&=
gt;&lt;/code&gt; element's &lt;code title=3Dattr-body-marginwidth&gt;&lt;=
a href=3D#attr-body-marginwidth&gt;marginwidth&lt;/a&gt;&lt;/code&gt; att=
ribute
+    &lt;tr&gt;&lt;td&gt;The &lt;code&gt;&lt;a href=3D#the-body-element&g=
t;body&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#container-frame-ele=
ment&gt;container frame element&lt;/a&gt;'s &lt;code title=3Dattr-iframe-=
marginwidth&gt;&lt;a href=3D#attr-iframe-marginwidth&gt;marginwidth&lt;/a=
&gt;&lt;/code&gt; attribute
+    &lt;tr&gt;&lt;td&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;bo=
dy&lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-body-leftmargin=
&gt;leftmargin&lt;/code&gt; attribute
+  &lt;/table&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-body-eleme=
nt&gt;body&lt;/a&gt;&lt;/code&gt; element's &lt;code&gt;&lt;a href=3D#doc=
ument&gt;Document&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#browsing-context=
&gt;browsing context&lt;/a&gt; is a
+  &lt;a href=3D#nested-browsing-context&gt;nested browsing context&lt;/a=
&gt;, and the &lt;a href=3D#browsing-context-container&gt;browsing contex=
t container&lt;/a&gt; of that
+  &lt;a href=3D#nested-browsing-context&gt;nested browsing context&lt;/a=
&gt; is a &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/code&gt;=
 or &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/=
code&gt; element, then
+  the &lt;dfn id=3Dcontainer-frame-element&gt;container frame element&lt=
;/dfn&gt; of the &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a=
&gt;&lt;/code&gt; element is that &lt;code&gt;&lt;a href=3D#frame&gt;fram=
e&lt;/a&gt;&lt;/code&gt;
+  or &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt=
;/code&gt; element. Otherwise, there is no &lt;a href=3D#container-frame-=
element&gt;container frame element&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p class=3Dwarning&gt;The above requirements imply that a page can =
change the margins of another page
+  (including one from another &lt;a href=3D#origin&gt;origin&lt;/a&gt;) =
using, for example, an &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;if=
rame&lt;/a&gt;&lt;/code&gt;. This
+  is potentially a security risk, as it might in some cases allow an att=
ack to contrive a situation
+  in which a page is rendered not as the author intended, possibly for t=
he purposes of phishing or
+  otherwise misleading the user.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;If the &lt;code&gt;&lt;a href=3D#document&gt;Docume=
nt&lt;/a&gt;&lt;/code&gt; has a &lt;a href=3D#root-element&gt;root elemen=
t&lt;/a&gt;, and the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a=
&gt;&lt;/code&gt;'s
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; is a &lt;=
a href=3D#nested-browsing-context&gt;nested browsing context&lt;/a&gt;, a=
nd the &lt;a href=3D#browsing-context-container&gt;browsing
+  context container&lt;/a&gt; of that &lt;a href=3D#nested-browsing-cont=
ext&gt;nested browsing context&lt;/a&gt; is a &lt;code&gt;&lt;a href=3D#f=
rame&gt;frame&lt;/a&gt;&lt;/code&gt; or
+  &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/c=
ode&gt; element, and that element has a &lt;code title=3Dattr-frames-scro=
lling&gt;scrolling&lt;/code&gt; attribute, then the user agent is expecte=
d to
+  compare the value of the attribute in an &lt;a href=3D#ascii-case-inse=
nsitive&gt;ASCII case-insensitive&lt;/a&gt; manner to the values
+  in the first column of the following table, and if one of them matches=
, then the user agent is
+  expected to treat that attribute as a &lt;a href=3D#presentational-hin=
ts title=3D&quot;presentational hints&quot;&gt;presentational
+  hint&lt;/a&gt; for the aforementioned root element's 'overflow' proper=
ty, setting it to the value
+  given in the corresponding cell on the same row in the second column:&=
lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt; Attribute value
+     &lt;th&gt; 'overflow' value
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;on&=
lt;/code&gt;
+     &lt;td&gt;'scroll'
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;scroll&lt;/code=
&gt;
+     &lt;td&gt;'scroll'
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;yes&lt;/code&gt=
;
+     &lt;td&gt;'scroll'
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;off&lt;/code&gt=
;
+     &lt;td&gt;'hidden'
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;noscroll&lt;/co=
de&gt;
+     &lt;td&gt;'hidden'
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;no&lt;/code&gt;
+     &lt;td&gt;'hidden'
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;auto&lt;/code&g=
t;
+     &lt;td&gt;'auto'
+  &lt;/table&gt;&lt;hr&gt;&lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-=
body-element&gt;body&lt;/a&gt;&lt;/code&gt; element has a &lt;code title=3D=
attr-background&gt;&lt;a href=3D#attr-background&gt;background&lt;/a&gt;&=
lt;/code&gt;
+  attribute set to a non-empty value, the new value is expected to be &l=
t;a href=3D#resolve-a-url title=3D&quot;resolve a
+  url&quot;&gt;resolved&lt;/a&gt; relative to the element, and if this i=
s successful, the user agent is
+  expected to treat the attribute as a &lt;a href=3D#presentational-hint=
s title=3D&quot;presentational hints&quot;&gt;presentational hint&lt;/a&g=
t;
+  setting the element's 'background-image' property to the resulting &lt=
;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;=
/a&gt;&lt;/code&gt; element has a &lt;code title=3Dattr-body-bgcolor&gt;&=
lt;a href=3D#attr-body-bgcolor&gt;bgcolor&lt;/a&gt;&lt;/code&gt; attribut=
e
+  set, the new value is expected to be parsed using the &lt;a href=3D#ru=
les-for-parsing-a-legacy-color-value&gt;rules for parsing a legacy color
+  value&lt;/a&gt;, and if that does not return an error, the user agent =
is expected to treat the
+  attribute as a &lt;a href=3D#presentational-hints title=3D&quot;presen=
tational hints&quot;&gt;presentational hint&lt;/a&gt; setting the element=
's
+  'background-color' property to the resulting color.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;=
/a&gt;&lt;/code&gt; element has a &lt;code title=3Dattr-body-text&gt;&lt;=
a href=3D#attr-body-text&gt;text&lt;/a&gt;&lt;/code&gt; attribute, its
+  value is expected to be parsed using the &lt;a href=3D#rules-for-parsi=
ng-a-legacy-color-value&gt;rules for parsing a legacy color value&lt;/a&g=
t;, and
+  if that does not return an error, the user agent is expected to treat =
the attribute as a &lt;a href=3D#presentational-hints title=3D&quot;prese=
ntational hints&quot;&gt;presentational hint&lt;/a&gt; setting the elemen=
t's 'color' property to
+  the resulting color.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;=
/a&gt;&lt;/code&gt; element has a &lt;code title=3Dattr-body-link&gt;&lt;=
a href=3D#attr-body-link&gt;link&lt;/a&gt;&lt;/code&gt; attribute, its
+  value is expected to be parsed using the &lt;a href=3D#rules-for-parsi=
ng-a-legacy-color-value&gt;rules for parsing a legacy color value&lt;/a&g=
t;, and
+  if that does not return an error, the user agent is expected to treat =
the attribute as a &lt;a href=3D#presentational-hints title=3D&quot;prese=
ntational hints&quot;&gt;presentational hint&lt;/a&gt; setting the 'color=
' property of any
+  element in the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt; matching the ':link' pseudo-class to the resulting color.&=
lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;=
/a&gt;&lt;/code&gt; element has a &lt;code title=3Dattr-body-vlink&gt;&lt=
;a href=3D#attr-body-vlink&gt;vlink&lt;/a&gt;&lt;/code&gt; attribute,
+  its value is expected to be parsed using the &lt;a href=3D#rules-for-p=
arsing-a-legacy-color-value&gt;rules for parsing a legacy color value&lt;=
/a&gt;,
+  and if that does not return an error, the user agent is expected to tr=
eat the attribute as a &lt;a href=3D#presentational-hints title=3D&quot;p=
resentational hints&quot;&gt;presentational hint&lt;/a&gt; setting the 'c=
olor' property of any
+  element in the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt; matching the ':visited' pseudo-class to the resulting
+  color.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;=
/a&gt;&lt;/code&gt; element has an &lt;code title=3Dattr-body-alink&gt;&l=
t;a href=3D#attr-body-alink&gt;alink&lt;/a&gt;&lt;/code&gt; attribute,
+  its value is expected to be parsed using the &lt;a href=3D#rules-for-p=
arsing-a-legacy-color-value&gt;rules for parsing a legacy color value&lt;=
/a&gt;,
+  and if that does not return an error, the user agent is expected to tr=
eat the attribute as a &lt;a href=3D#presentational-hints title=3D&quot;p=
resentational hints&quot;&gt;presentational hint&lt;/a&gt; setting the 'c=
olor' property of any
+  element in the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt; matching the ':active' pseudo-class and either the ':link'
+  pseudo-class or the ':visited' pseudo-class to the resulting color.&lt=
;/p&gt;
+
+
+
+  &lt;h4 id=3Dflow-content-1&gt;&lt;span class=3Dsecno&gt;14.3.3 &lt;/sp=
an&gt;Flow content&lt;/h4&gt;
+
+  &lt;!-- del, ins, and map are inline. --&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+address, blockquote, center, div, figure, figcaption, footer, form,
+header, hr, legend, listing, main, p, plaintext, pre, summary, xmp {
+  display: block;&lt;!-- see also unicode-bidi: isolate rules--&gt;
+}
+
+blockquote, figure, listing, p, plaintext, pre, xmp {
+  margin-top: 1em; margin-bottom: 1em;
+}
+
+blockquote, figure { margin-left: 40px; margin-right: 40px; }
+
+address { font-style: italic; }
+listing, plaintext, pre, xmp {
+  font-family: monospace; white-space: pre;
+}
+
+dialog:not([open]) { display: none; }
+dialog {
+  position: absolute;
+  left: 0; right: 0;
+  width: fit-content;
+  height: fit-content;
+  margin: auto;
+  border: solid;
+  padding: 1em;
+  background: white;
+  color: black;
+}
+dialog::backdrop {
+  position: fixed;
+  top: 0; right: 0; bottom: 0; left: 0;
+  background: rgba(0,0,0,0.1);
+}&lt;/pre&gt;
+
+  &lt;p&gt;The following rules are also expected to apply, as &lt;a href=
=3D#presentational-hints&gt;presentational hints&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+pre[wrap] { white-space: pre-wrap; }&lt;/pre&gt;
+
+  &lt;p&gt;In &lt;a href=3D#quirks-mode&gt;quirks mode&lt;/a&gt;, the fo=
llowing rules are also expected to apply:&lt;/p&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+form { margin-bottom: 1em; }&lt;/pre&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#center&gt;center&lt;/=
a&gt;&lt;/code&gt; element, and the &lt;code&gt;&lt;a href=3D#the-div-ele=
ment&gt;div&lt;/a&gt;&lt;/code&gt; element when it has an &lt;code title=3D=
attr-div-align&gt;&lt;a href=3D#attr-div-align&gt;align&lt;/a&gt;&lt;/cod=
e&gt; attribute whose value is an &lt;a href=3D#ascii-case-insensitive&gt=
;ASCII
+  case-insensitive&lt;/a&gt; match for either the string &quot;&lt;code =
title=3D&quot;&quot;&gt;center&lt;/code&gt;&quot; or the string
+  &quot;&lt;code title=3D&quot;&quot;&gt;middle&lt;/code&gt;&quot;, are =
expected to center text within themselves, as if they had
+  their 'text-align' property set to 'center' in a &lt;a href=3D#present=
ational-hints title=3D&quot;presentational hints&quot;&gt;presentational
+  hint&lt;/a&gt;, and to &lt;a href=3D#align-descendants&gt;align descen=
dants&lt;/a&gt; to the center.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-div-element&gt;div&lt;/a&gt=
;&lt;/code&gt; element, when it has an &lt;code title=3Dattr-align&gt;ali=
gn&lt;/code&gt; attribute
+  whose value is an &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-i=
nsensitive&lt;/a&gt; match for the string &quot;&lt;code title=3D&quot;&q=
uot;&gt;left&lt;/code&gt;&quot;, is expected to left-align text within it=
self, as if it had its 'text-align'
+  property set to 'left' in a &lt;a href=3D#presentational-hints title=3D=
&quot;presentational hints&quot;&gt;presentational hint&lt;/a&gt;, and to
+  &lt;a href=3D#align-descendants&gt;align descendants&lt;/a&gt; to the =
left.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-div-element&gt;div&lt;/a&gt=
;&lt;/code&gt; element, when it has an &lt;code title=3Dattr-align&gt;ali=
gn&lt;/code&gt; attribute
+  whose value is an &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-i=
nsensitive&lt;/a&gt; match for the string &quot;&lt;code title=3D&quot;&q=
uot;&gt;right&lt;/code&gt;&quot;, is expected to right-align text within =
itself, as if it had its
+  'text-align' property set to 'right' in a &lt;a href=3D#presentational=
-hints title=3D&quot;presentational hints&quot;&gt;presentational
+  hint&lt;/a&gt;, and to &lt;a href=3D#align-descendants&gt;align descen=
dants&lt;/a&gt; to the right.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-div-element&gt;div&lt;/a&gt=
;&lt;/code&gt; element, when it has an &lt;code title=3Dattr-align&gt;ali=
gn&lt;/code&gt; attribute
+  whose value is an &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-i=
nsensitive&lt;/a&gt; match for the string &quot;&lt;code title=3D&quot;&q=
uot;&gt;justify&lt;/code&gt;&quot;, is expected to full-justify text with=
in itself, as if it had its
+  'text-align' property set to 'justify' in a &lt;a href=3D#presentation=
al-hints title=3D&quot;presentational hints&quot;&gt;presentational
+  hint&lt;/a&gt;, and to &lt;a href=3D#align-descendants&gt;align descen=
dants&lt;/a&gt; to the left.&lt;/p&gt;
+
+
+
+  &lt;h4 id=3Dphrasing-content-1&gt;&lt;span class=3Dsecno&gt;14.3.4 &lt=
;/span&gt;Phrasing content&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+cite, dfn, em, i, var { font-style: italic; }
+b, strong { font-weight: bolder; }
+code, kbd, samp, tt { font-family: monospace; }
+big { font-size: larger; }
+small { font-size: smaller; }
+
+sub { vertical-align: sub; }
+sup { vertical-align: super; }
+sub, sup { line-height: normal; font-size: smaller; }
+
+ruby { display: ruby; }
+rt { display: ruby-text; }
+
+:link { color: #0000EE; }
+:visited { color: #551A8B; }
+:link, :visited { text-decoration: underline; }
+a:link[rel~=3Dhelp], a:visited[rel~=3Dhelp],
+area:link[rel~=3Dhelp], area:visited[rel~=3Dhelp] { cursor: help; }
+
+:focus { outline: auto; }
+
+mark { background: yellow; color: black; } /* this color is just a sugge=
stion and can be changed based on implementation feedback */
+
+abbr[title], acronym[title] { text-decoration: dotted underline; }&lt;!-=
- CSS3 http://dev.w3.org/csswg/css3-text/#text-decoration-style --&gt;
+ins, u { text-decoration: underline; }
+del, s, strike { text-decoration: line-through; }
+blink { text-decoration: blink; }
+
+q::before { content: open-quote; }
+q::after { content: close-quote; }
+
+br { content: '\A'; white-space: pre; }
+nobr { white-space: nowrap; }
+wbr { content: '\200B'; }
+nobr wbr { white-space: normal; }&lt;/pre&gt;
+
+  &lt;p&gt;The following rules are also expected to apply, as
+  &lt;a href=3D#presentational-hints&gt;presentational hints&lt;/a&gt;:&=
lt;/p&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+br[clear=3Dleft i] { clear: left; }
+br[clear=3Dright i] { clear: right; }
+br[clear=3Dall i], br[clear=3Dboth i] { clear: both; }&lt;/pre&gt;
+
+  &lt;p&gt;For the purposes of the CSS ruby model, runs of children of &=
lt;code&gt;&lt;a href=3D#the-ruby-element&gt;ruby&lt;/a&gt;&lt;/code&gt; =
elements that are
+  not &lt;code&gt;&lt;a href=3D#the-rt-element&gt;rt&lt;/a&gt;&lt;/code&=
gt; or &lt;code&gt;&lt;a href=3D#the-rp-element&gt;rp&lt;/a&gt;&lt;/code&=
gt; elements are expected to be wrapped in anonymous boxes
+  whose 'display' property has the value 'ruby-base'. &lt;a href=3D#refs=
CSSRUBY&gt;[CSSRUBY]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;When a particular part of a ruby has more than one annotation=
, the annotations should be
+  distributed on both sides of the base text so as to minimize the stack=
ing of ruby annotations on
+  one side.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;When it becomes possible to do so, the preceding=
 requirement will be updated to be
+  expressed in terms of CSS ruby. (Currently, CSS ruby does not handle n=
ested &lt;code&gt;&lt;a href=3D#the-ruby-element&gt;ruby&lt;/a&gt;&lt;/co=
de&gt;
+  elements or multiple sequential &lt;code&gt;&lt;a href=3D#the-rt-eleme=
nt&gt;rt&lt;/a&gt;&lt;/code&gt; elements, which is how this semantic is
+  expressed.)&lt;/p&gt;
+
+  &lt;p&gt;User agents that do not support correct ruby rendering are ex=
pected to render parentheses
+  around the text of &lt;code&gt;&lt;a href=3D#the-rt-element&gt;rt&lt;/=
a&gt;&lt;/code&gt; elements in the absence of &lt;code&gt;&lt;a href=3D#t=
he-rp-element&gt;rp&lt;/a&gt;&lt;/code&gt; elements.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;User agents are expected to support the 'clear' pro=
perty on inline elements (in order to render
+  &lt;code&gt;&lt;a href=3D#the-br-element&gt;br&lt;/a&gt;&lt;/code&gt; =
elements with &lt;code title=3Dattr-br-clear&gt;&lt;a href=3D#attr-br-cle=
ar&gt;clear&lt;/a&gt;&lt;/code&gt; attributes) in the manner
+  described in the non-normative note to this effect in CSS2.1.&lt;/p&gt=
; &lt;!-- section 9.5.2 of CSS2.1 --&gt;
+
+  &lt;p&gt;The initial value for the 'color' property is expected to be =
black. The initial value for the
+  'background-color' property is expected to be 'transparent'. The canva=
s' background is expected to
+  be white.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;When a &lt;code&gt;&lt;a href=3D#font&gt;font&lt;/a=
&gt;&lt;/code&gt; element has a &lt;code title=3Dattr-font-color&gt;color=
&lt;/code&gt; attribute,
+  its value is expected to be parsed using the &lt;a href=3D#rules-for-p=
arsing-a-legacy-color-value&gt;rules for parsing a legacy color value&lt;=
/a&gt;,
+  and if that does not return an error, the user agent is expected to tr=
eat the attribute as a &lt;a href=3D#presentational-hints title=3D&quot;p=
resentational hints&quot;&gt;presentational hint&lt;/a&gt; setting the el=
ement's 'color' property to
+  the resulting color.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#font&gt;font&lt;/a&gt;&lt;/c=
ode&gt; element has a &lt;code title=3Dattr-font-face&gt;face&lt;/code&gt=
; attribute, the
+  user agent is expected to treat the attribute as a &lt;a href=3D#prese=
ntational-hints title=3D&quot;presentational
+  hints&quot;&gt;presentational hint&lt;/a&gt; setting the element's 'fo=
nt-family' property to the attribute's
+  value.&lt;/p&gt;
+
+  &lt;!-- (Apparently only IE supports this?) (Note: if you add this bac=
k, make sure to define which of
+  'size' vs 'pointsize' wins.)
+
+  &lt;p&gt;When a &lt;code&gt;font&lt;/code&gt; element has a &lt;code t=
itle=3D&quot;attr-font-pointsize&quot;&gt;pointsize&lt;/code&gt;
+  attribute, the user agent is expected to parse that attribute's value =
using the &lt;span&gt;rules for
+  parsing non-negative integers&lt;/span&gt;, and if this doesn't genera=
te an error, then the user agent
+  is expected to use the parsed value as a &lt;em&gt;point&lt;/em&gt; le=
ngth for a &lt;span title=3D&quot;presentational
+  hints&quot;&gt;presentational hint&lt;/span&gt; for the 'font-size' pr=
operty on the element.&lt;/p&gt;
+  --&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#font&gt;font&lt;/a&gt;&lt;/c=
ode&gt; element has a &lt;code title=3Dattr-font-size&gt;size&lt;/code&gt=
; attribute, the
+  user agent is expected to use the following steps, known as the &lt;df=
n id=3Drules-for-parsing-a-legacy-font-size&gt;rules for parsing a legacy
+  font size&lt;/dfn&gt;, to treat the attribute as a &lt;a href=3D#prese=
ntational-hints title=3D&quot;presentational hints&quot;&gt;presentationa=
l
+  hint&lt;/a&gt; setting the element's 'font-size' property:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;input=
&lt;/var&gt; be the attribute's value.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;position&lt;/v=
ar&gt; be a pointer into &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt=
;, initially
+   pointing at the start of the string.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#skip-whitespace&gt;Skip whitespace&l=
t;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;position&lt;/va=
r&gt; is past the end of &lt;var title=3D&quot;&quot;&gt;input&lt;/var&gt=
;, there is no
+   &lt;a href=3D#presentational-hints title=3D&quot;presentational hints=
&quot;&gt;presentational hint&lt;/a&gt;. Abort these steps.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the character at &lt;var title=3D&quot;&quot;&g=
t;position&lt;/var&gt; is a U+002B PLUS SIGN character (+), then
+   let &lt;var title=3D&quot;&quot;&gt;mode&lt;/var&gt; be &lt;i&gt;rela=
tive-plus&lt;/i&gt;, and advance &lt;var title=3D&quot;&quot;&gt;position=
&lt;/var&gt; to
+   the next character. Otherwise, if the character at &lt;var title=3D&q=
uot;&quot;&gt;position&lt;/var&gt; is a U+002D
+   HYPHEN-MINUS character (-), then let &lt;var title=3D&quot;&quot;&gt;=
mode&lt;/var&gt; be &lt;i&gt;relative-minus&lt;/i&gt;, and
+   advance &lt;var title=3D&quot;&quot;&gt;position&lt;/var&gt; to the n=
ext character. Otherwise, let &lt;var title=3D&quot;&quot;&gt;mode&lt;/va=
r&gt; be &lt;i&gt;absolute&lt;/i&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;&lt;a href=3D#collect-a-sequence-of-characters&gt;=
Collect a sequence of characters&lt;/a&gt; that are &lt;a href=3D#ascii-d=
igits&gt;ASCII digits&lt;/a&gt;, and let the
+   resulting sequence be &lt;var title=3D&quot;&quot;&gt;digits&lt;/var&=
gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;digits&lt;/var&=
gt; is the empty string, there is no &lt;a href=3D#presentational-hints t=
itle=3D&quot;presentational
+   hints&quot;&gt;presentational hint&lt;/a&gt;. Abort these steps.&lt;/=
li&gt;
+
+   &lt;li&gt;&lt;p&gt;Interpret &lt;var title=3D&quot;&quot;&gt;digits&l=
t;/var&gt; as a base-ten integer. Let &lt;var title=3D&quot;&quot;&gt;val=
ue&lt;/var&gt;
+   be the resulting number.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;!-- basefont support would go here, but we removed it --&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;mode&lt;/var&gt; is &lt;=
i&gt;relative-plus&lt;/i&gt;, then increment &lt;var title=3D&quot;&quot;=
&gt;value&lt;/var&gt;
+    by 3. If &lt;var title=3D&quot;&quot;&gt;mode&lt;/var&gt; is &lt;i&g=
t;relative-minus&lt;/i&gt;, then let &lt;var title=3D&quot;&quot;&gt;valu=
e&lt;/var&gt;
+    be the result of subtracting &lt;var title=3D&quot;&quot;&gt;value&l=
t;/var&gt; from 3.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;value&lt;/var&g=
t; is greater than 7, let it be 7.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;value&lt;/var&g=
t; is less than 1, let it be 1.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Set 'font-size' to the keyword corresponding to the value o=
f &lt;var title=3D&quot;&quot;&gt;value&lt;/var&gt;
+    according to the following table:&lt;/p&gt;
+
+    &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;var title=3D&quot;=
&quot;&gt;value&lt;/var&gt;
+       &lt;th&gt;'font-size' keyword
+       &lt;th&gt;Notes
+     &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1
+       &lt;td&gt;x-small
+       &lt;td&gt;
+      &lt;tr&gt;&lt;td&gt;2
+       &lt;td&gt;small
+       &lt;td&gt;
+      &lt;tr&gt;&lt;td&gt;3
+       &lt;td&gt;medium
+       &lt;td&gt;
+      &lt;tr&gt;&lt;td&gt;4
+       &lt;td&gt;large
+       &lt;td&gt;
+      &lt;tr&gt;&lt;td&gt;5
+       &lt;td&gt;x-large
+       &lt;td&gt;
+      &lt;tr&gt;&lt;td&gt;6
+       &lt;td&gt;xx-large
+       &lt;td&gt;
+      &lt;tr&gt;&lt;td&gt;7
+       &lt;td&gt;x&lt;!----&gt;xx-large
+       &lt;td&gt;&lt;i&gt;see below&lt;/i&gt;
+    &lt;/table&gt;&lt;p class=3Dtablenote&gt;&lt;small&gt;The 'x&lt;!---=
-&gt;xx-large' value is a non-CSS value used here to
+    indicate a font size 50% larger than 'xx-large'.&lt;/small&gt;&lt;/p=
&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;h4 id=3Dbidirectional-text&gt;&lt;span class=3Dsecno&gt=
;14.3.5 &lt;/span&gt;Bidirectional text&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+[dir]:dir(ltr), bdi:dir(ltr), input[type=3Dtel]:dir(ltr) { direction: lt=
r; }
+[dir]:dir(rtl), bdi:dir(rtl) { direction: rtl; }
+
+address, blockquote, center, div, figure, figcaption, footer, form,
+header, hr, legend, listing, main, p, plaintext, pre, summary, xmp, arti=
cle,
+aside, h1, h2, h3, h4, h5, h6, hgroup, nav, section, table, caption,
+colgroup, col, thead, tbody, tfoot, tr, td, th, dir, dd, dl, dt, menu,
+ol, ul, li {
+  unicode-bidi: isolate;&lt;!-- basically anything that is display:block=
-like --&gt;
+}
+
+:matches([dir=3Dltr i], [dir=3Drtl i], [dir=3Dauto i]):not(address):not(=
blockquote
+):not(center):not(div):not(figure):not(figcaption):not(footer):not(form
+):not(header):not(hr):not(legend):not(listing):not(main):not(p):not(plai=
ntext):not(pre
+):not(summary):not(xmp):not(article):not(aside):not(h1):not(h2):not(h3):=
not(h4
+):not(h5):not(h6):not(hgroup):not(nav):not(section):not(table):not(capti=
on
+):not(colgroup):not(col):not(thead):not(tbody):not(tfoot):not(tr):not(td
+):not(th):not(dir):not(dd):not(dl):not(dt):not(menu):not(ol):not(ul):not=
(li) {
+  unicode-bidi: embed;
+}
+
+bdi, bdi:matches([dir=3Dltr i], [dir=3Drtl i]),
+output, output:matches([dir=3Dltr i], [dir=3Drtl i]),
+[dir=3Dauto i] {
+  unicode-bidi: isolate;
+}
+
+bdo, bdo:matches([dir=3Dltr i], [dir=3Drtl i]) { unicode-bidi: bidi-over=
ride; }
+bdo[dir=3Dauto i] { unicode-bidi: isolate-override; }
+
+textarea[dir=3Dauto i], pre[dir=3Dauto i] { unicode-bidi: plaintext; }&l=
t;/pre&gt;
+
+  &lt;p&gt;Input fields (i.e. &lt;code&gt;&lt;a href=3D#the-textarea-ele=
ment&gt;textarea&lt;/a&gt;&lt;/code&gt; elements, and &lt;code&gt;&lt;a h=
ref=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; elements when th=
eir
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#text-(=
type=3Dtext)-state-and-search-state-(type=3Dsearch)&quot; title=3Dattr-in=
put-type-text&gt;Text&lt;/a&gt;, &lt;a href=3D&quot;#text-(type=3Dtext)-s=
tate-and-search-state-(type=3Dsearch)&quot; title=3Dattr-input-type-searc=
h&gt;Search&lt;/a&gt;,
+  &lt;a href=3D&quot;#telephone-state-(type=3Dtel)&quot; title=3Dattr-in=
put-type-tel&gt;Telephone&lt;/a&gt;, &lt;a href=3D&quot;#url-state-(type=3D=
url)&quot; title=3Dattr-input-type-url&gt;URL&lt;/a&gt;,
+  or &lt;a href=3D&quot;#e-mail-state-(type=3Demail)&quot; title=3Dattr-=
input-type-email&gt;E-mail&lt;/a&gt; state) are expected to present an ed=
iting
+  user interface with a directionality that matches the element's 'direc=
tion' property.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dquotes&gt;&lt;span class=3Dsecno&gt;14.3.6 &lt;/span&gt;Qu=
otes&lt;/h4&gt;
+
+  &lt;p&gt;This block is automatically generated from the Unicode Common=
 Locale Data Repository. &lt;a href=3D#refsCLDR&gt;[CLDR]&lt;/a&gt;&lt;/p=
&gt;
+
+  &lt;p&gt;User agents are expected to use either the block below (which=
 will be regularly updated) or to
+  automatically generate their own copy directly from the source materia=
l. The language codes are
+  derived from the CLDR file names. The quotes are derived from the &lt;=
code title=3D&quot;&quot;&gt;delimiter&lt;/code&gt;
+  blocks, with fallback handled as specified in the CLDR documentation.&=
lt;/p&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+:root                                                         { quotes: =
'\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;lsquo; =
&amp;rsquor; */
+:root:lang(af),       :not(:lang(af)) &amp;gt; :lang(af)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(agq),      :not(:lang(agq)) &amp;gt; :lang(agq)           { q=
uotes: '\201e' '\201d' '\201a' '\2019' } /* &amp;ldquor; &amp;rdquo; &amp=
;sbquo; &amp;rsquor; */
+:root:lang(ak),       :not(:lang(ak)) &amp;gt; :lang(ak)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(am),       :not(:lang(am)) &amp;gt; :lang(am)             { q=
uotes: '\00ab' '\00bb' '\2039' '\203a' } /* &amp;laquo; &amp;raquo; &amp;=
lsaquo; &amp;rsaquo; */
+:root:lang(ar),       :not(:lang(ar)) &amp;gt; :lang(ar)             { q=
uotes: '\201d' '\201c' '\2019' '\2018' } /* &amp;rdquo; &amp;ldquo; &amp;=
rsquor; &amp;lsquo; */
+:root:lang(asa),      :not(:lang(asa)) &amp;gt; :lang(asa)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(az),       :not(:lang(az)) &amp;gt; :lang(az)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(az-Cyrl),  :not(:lang(az-Cyrl)) &amp;gt; :lang(az-Cyrl)   { q=
uotes: '\00ab' '\00bb' '\2039' '\203a' } /* &amp;laquo; &amp;raquo; &amp;=
lsaquo; &amp;rsaquo; */
+:root:lang(bas),      :not(:lang(bas)) &amp;gt; :lang(bas)           { q=
uotes: '\00ab' '\00bb' '\201e' '\201c' } /* &amp;laquo; &amp;raquo; &amp;=
ldquor; &amp;ldquo; */
+:root:lang(bem),      :not(:lang(bem)) &amp;gt; :lang(bem)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(bez),      :not(:lang(bez)) &amp;gt; :lang(bez)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(bg),       :not(:lang(bg)) &amp;gt; :lang(bg)             { q=
uotes: '\201e' '\201c' '\201e' '\201c' } /* &amp;ldquor; &amp;ldquo; &amp=
;ldquor; &amp;ldquo; */
+:root:lang(bm),       :not(:lang(bm)) &amp;gt; :lang(bm)             { q=
uotes: '\00ab' '\00bb' '\201c' '\201d' } /* &amp;laquo; &amp;raquo; &amp;=
ldquo; &amp;rdquo; */
+:root:lang(bn),       :not(:lang(bn)) &amp;gt; :lang(bn)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(br),       :not(:lang(br)) &amp;gt; :lang(br)             { q=
uotes: '\00ab' '\00bb' '\2039' '\203a' } /* &amp;laquo; &amp;raquo; &amp;=
lsaquo; &amp;rsaquo; */
+:root:lang(brx),      :not(:lang(brx)) &amp;gt; :lang(brx)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(bs-Cyrl),  :not(:lang(bs-Cyrl)) &amp;gt; :lang(bs-Cyrl)   { q=
uotes: '\201e' '\201c' '\201a' '\2018' } /* &amp;ldquor; &amp;ldquo; &amp=
;sbquo; &amp;lsquo; */
+:root:lang(ca),       :not(:lang(ca)) &amp;gt; :lang(ca)             { q=
uotes: '\201c' '\201d' '\00ab' '\00bb' } /* &amp;ldquo; &amp;rdquo; &amp;=
laquo; &amp;raquo; */
+:root:lang(cgg),      :not(:lang(cgg)) &amp;gt; :lang(cgg)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(chr),      :not(:lang(chr)) &amp;gt; :lang(chr)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(cs),       :not(:lang(cs)) &amp;gt; :lang(cs)             { q=
uotes: '\201e' '\201c' '\201a' '\2018' } /* &amp;ldquor; &amp;ldquo; &amp=
;sbquo; &amp;lsquo; */
+:root:lang(cy),       :not(:lang(cy)) &amp;gt; :lang(cy)             { q=
uotes: '\2018' '\2019' '\201c' '\201d' } /* &amp;lsquo; &amp;rsquor; &amp=
;ldquo; &amp;rdquo; */
+:root:lang(da),       :not(:lang(da)) &amp;gt; :lang(da)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(dav),      :not(:lang(dav)) &amp;gt; :lang(dav)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(de),       :not(:lang(de)) &amp;gt; :lang(de)             { q=
uotes: '\201e' '\201c' '\201a' '\2018' } /* &amp;ldquor; &amp;ldquo; &amp=
;sbquo; &amp;lsquo; */
+:root:lang(de-CH),    :not(:lang(de-CH)) &amp;gt; :lang(de-CH)       { q=
uotes: '\00ab' '\00bb' '\2039' '\203a' } /* &amp;laquo; &amp;raquo; &amp;=
lsaquo; &amp;rsaquo; */
+:root:lang(dje),      :not(:lang(dje)) &amp;gt; :lang(dje)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(dua),      :not(:lang(dua)) &amp;gt; :lang(dua)           { q=
uotes: '\00ab' '\00bb' '\2018' '\2019' } /* &amp;laquo; &amp;raquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(dyo),      :not(:lang(dyo)) &amp;gt; :lang(dyo)           { q=
uotes: '\00ab' '\00bb' '\201c' '\201d' } /* &amp;laquo; &amp;raquo; &amp;=
ldquo; &amp;rdquo; */
+:root:lang(dz),       :not(:lang(dz)) &amp;gt; :lang(dz)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(ebu),      :not(:lang(ebu)) &amp;gt; :lang(ebu)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(ee),       :not(:lang(ee)) &amp;gt; :lang(ee)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(el),       :not(:lang(el)) &amp;gt; :lang(el)             { q=
uotes: '\00ab' '\00bb' '\0022' '\0022' } /* &amp;laquo; &amp;raquo; &quot=
; &quot; */
+:root:lang(en),       :not(:lang(en)) &amp;gt; :lang(en)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(es),       :not(:lang(es)) &amp;gt; :lang(es)             { q=
uotes: '\00ab' '\00bb' '\201c' '\201d' } /* &amp;laquo; &amp;raquo; &amp;=
ldquo; &amp;rdquo; */
+:root:lang(et),       :not(:lang(et)) &amp;gt; :lang(et)             { q=
uotes: '\201e' '\201c' '\201a' '\2018' } /* &amp;ldquor; &amp;ldquo; &amp=
;sbquo; &amp;lsquo; */
+:root:lang(eu),       :not(:lang(eu)) &amp;gt; :lang(eu)             { q=
uotes: '\00ab' '\00bb' '\201c' '\201d' } /* &amp;laquo; &amp;raquo; &amp;=
ldquo; &amp;rdquo; */
+:root:lang(ewo),      :not(:lang(ewo)) &amp;gt; :lang(ewo)           { q=
uotes: '\00ab' '\00bb' '\201c' '\201d' } /* &amp;laquo; &amp;raquo; &amp;=
ldquo; &amp;rdquo; */
+:root:lang(fa),       :not(:lang(fa)) &amp;gt; :lang(fa)             { q=
uotes: '\00ab' '\00bb' '\2039' '\203a' } /* &amp;laquo; &amp;raquo; &amp;=
lsaquo; &amp;rsaquo; */
+:root:lang(ff),       :not(:lang(ff)) &amp;gt; :lang(ff)             { q=
uotes: '\201e' '\201d' '\201a' '\2019' } /* &amp;ldquor; &amp;rdquo; &amp=
;sbquo; &amp;rsquor; */
+:root:lang(fi),       :not(:lang(fi)) &amp;gt; :lang(fi)             { q=
uotes: '\201d' '\201d' '\2019' '\2019' } /* &amp;rdquo; &amp;rdquo; &amp;=
rsquor; &amp;rsquor; */
+:root:lang(fil),      :not(:lang(fil)) &amp;gt; :lang(fil)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(fr),       :not(:lang(fr)) &amp;gt; :lang(fr)             { q=
uotes: '\00ab' '\00bb' '\00ab' '\00bb' } /* &amp;laquo; &amp;raquo; &amp;=
laquo; &amp;raquo; */
+:root:lang(fr-CA),    :not(:lang(fr-CA)) &amp;gt; :lang(fr-CA)       { q=
uotes: '\00ab' '\00bb' '\2039' '\203a' } /* &amp;laquo; &amp;raquo; &amp;=
lsaquo; &amp;rsaquo; */
+:root:lang(fr-CH),    :not(:lang(fr-CH)) &amp;gt; :lang(fr-CH)       { q=
uotes: '\00ab' '\00bb' '\2039' '\203a' } /* &amp;laquo; &amp;raquo; &amp;=
lsaquo; &amp;rsaquo; */
+:root:lang(gsw),      :not(:lang(gsw)) &amp;gt; :lang(gsw)           { q=
uotes: '\00ab' '\00bb' '\2039' '\203a' } /* &amp;laquo; &amp;raquo; &amp;=
lsaquo; &amp;rsaquo; */
+:root:lang(gu),       :not(:lang(gu)) &amp;gt; :lang(gu)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(guz),      :not(:lang(guz)) &amp;gt; :lang(guz)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(ha),       :not(:lang(ha)) &amp;gt; :lang(ha)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(he),       :not(:lang(he)) &amp;gt; :lang(he)             { q=
uotes: '\05f4' '\05f4' '\05f3' '\05f3' } /* &amp;#x5f4; &amp;#x5f4; &amp;=
#x5f3; &amp;#x5f3; */
+:root:lang(hi),       :not(:lang(hi)) &amp;gt; :lang(hi)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(hr),       :not(:lang(hr)) &amp;gt; :lang(hr)             { q=
uotes: '\201e' '\201c' '\201a' '\2018' } /* &amp;ldquor; &amp;ldquo; &amp=
;sbquo; &amp;lsquo; */
+:root:lang(hu),       :not(:lang(hu)) &amp;gt; :lang(hu)             { q=
uotes: '\201e' '\201d' '\00bb' '\00ab' } /* &amp;ldquor; &amp;rdquo; &amp=
;raquo; &amp;laquo; */
+:root:lang(hy),       :not(:lang(hy)) &amp;gt; :lang(hy)             { q=
uotes: '\00ab' '\00bb' '\00ab' '\00bb' } /* &amp;laquo; &amp;raquo; &amp;=
laquo; &amp;raquo; */
+:root:lang(id),       :not(:lang(id)) &amp;gt; :lang(id)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(ig),       :not(:lang(ig)) &amp;gt; :lang(ig)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(it),       :not(:lang(it)) &amp;gt; :lang(it)             { q=
uotes: '\00ab' '\00bb' '\201c' '\201d' } /* &amp;laquo; &amp;raquo; &amp;=
ldquo; &amp;rdquo; */
+:root:lang(ja),       :not(:lang(ja)) &amp;gt; :lang(ja)             { q=
uotes: '\300c' '\300d' '\300e' '\300f' } /* &amp;#x300c; &amp;#x300d; &am=
p;#x300e; &amp;#x300f; */
+:root:lang(jgo),      :not(:lang(jgo)) &amp;gt; :lang(jgo)           { q=
uotes: '\00ab' '\00bb' '\2039' '\203a' } /* &amp;laquo; &amp;raquo; &amp;=
lsaquo; &amp;rsaquo; */
+:root:lang(jmc),      :not(:lang(jmc)) &amp;gt; :lang(jmc)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(ka),       :not(:lang(ka)) &amp;gt; :lang(ka)             { q=
uotes: '\201e' '\201c' '\00ab' '\00bb' } /* &amp;ldquor; &amp;ldquo; &amp=
;laquo; &amp;raquo; */
+:root:lang(kab),      :not(:lang(kab)) &amp;gt; :lang(kab)           { q=
uotes: '\00ab' '\00bb' '\201c' '\201d' } /* &amp;laquo; &amp;raquo; &amp;=
ldquo; &amp;rdquo; */
+:root:lang(kam),      :not(:lang(kam)) &amp;gt; :lang(kam)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(kde),      :not(:lang(kde)) &amp;gt; :lang(kde)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(kea),      :not(:lang(kea)) &amp;gt; :lang(kea)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(khq),      :not(:lang(khq)) &amp;gt; :lang(khq)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(ki),       :not(:lang(ki)) &amp;gt; :lang(ki)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(kk),       :not(:lang(kk)) &amp;gt; :lang(kk)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(kkj),      :not(:lang(kkj)) &amp;gt; :lang(kkj)           { q=
uotes: '\00ab' '\00bb' '\2039' '\203a' } /* &amp;laquo; &amp;raquo; &amp;=
lsaquo; &amp;rsaquo; */
+:root:lang(kln),      :not(:lang(kln)) &amp;gt; :lang(kln)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(km),       :not(:lang(km)) &amp;gt; :lang(km)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(kn),       :not(:lang(kn)) &amp;gt; :lang(kn)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(ko),       :not(:lang(ko)) &amp;gt; :lang(ko)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(ksb),      :not(:lang(ksb)) &amp;gt; :lang(ksb)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(ksf),      :not(:lang(ksf)) &amp;gt; :lang(ksf)           { q=
uotes: '\00ab' '\00bb' '\2018' '\2019' } /* &amp;laquo; &amp;raquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(ky),       :not(:lang(ky)) &amp;gt; :lang(ky)             { q=
uotes: '\00ab' '\00bb' '\201e' '\201c' } /* &amp;laquo; &amp;raquo; &amp;=
ldquor; &amp;ldquo; */
+:root:lang(lag),      :not(:lang(lag)) &amp;gt; :lang(lag)           { q=
uotes: '\201d' '\201d' '\2019' '\2019' } /* &amp;rdquo; &amp;rdquo; &amp;=
rsquor; &amp;rsquor; */
+:root:lang(lg),       :not(:lang(lg)) &amp;gt; :lang(lg)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(ln),       :not(:lang(ln)) &amp;gt; :lang(ln)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(lo),       :not(:lang(lo)) &amp;gt; :lang(lo)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(lt),       :not(:lang(lt)) &amp;gt; :lang(lt)             { q=
uotes: '\201e' '\201c' '\201e' '\201c' } /* &amp;ldquor; &amp;ldquo; &amp=
;ldquor; &amp;ldquo; */
+:root:lang(lu),       :not(:lang(lu)) &amp;gt; :lang(lu)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(luo),      :not(:lang(luo)) &amp;gt; :lang(luo)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(luy),      :not(:lang(luy)) &amp;gt; :lang(luy)           { q=
uotes: '\201e' '\201c' '\201a' '\2018' } /* &amp;ldquor; &amp;ldquo; &amp=
;sbquo; &amp;lsquo; */
+:root:lang(lv),       :not(:lang(lv)) &amp;gt; :lang(lv)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(mas),      :not(:lang(mas)) &amp;gt; :lang(mas)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(mer),      :not(:lang(mer)) &amp;gt; :lang(mer)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(mfe),      :not(:lang(mfe)) &amp;gt; :lang(mfe)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(mg),       :not(:lang(mg)) &amp;gt; :lang(mg)             { q=
uotes: '\00ab' '\00bb' '\201c' '\201d' } /* &amp;laquo; &amp;raquo; &amp;=
ldquo; &amp;rdquo; */
+:root:lang(mgo),      :not(:lang(mgo)) &amp;gt; :lang(mgo)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(mk),       :not(:lang(mk)) &amp;gt; :lang(mk)             { q=
uotes: '\201e' '\201c' '\201a' '\2018' } /* &amp;ldquor; &amp;ldquo; &amp=
;sbquo; &amp;lsquo; */
+:root:lang(ml),       :not(:lang(ml)) &amp;gt; :lang(ml)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(mn),       :not(:lang(mn)) &amp;gt; :lang(mn)             { q=
uotes: '\2018' '\2019' '\201c' '\201d' } /* &amp;lsquo; &amp;rsquor; &amp=
;ldquo; &amp;rdquo; */
+:root:lang(mr),       :not(:lang(mr)) &amp;gt; :lang(mr)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(ms),       :not(:lang(ms)) &amp;gt; :lang(ms)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(mua),      :not(:lang(mua)) &amp;gt; :lang(mua)           { q=
uotes: '\00ab' '\00bb' '\201c' '\201d' } /* &amp;laquo; &amp;raquo; &amp;=
ldquo; &amp;rdquo; */
+:root:lang(my),       :not(:lang(my)) &amp;gt; :lang(my)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(naq),      :not(:lang(naq)) &amp;gt; :lang(naq)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(nb),       :not(:lang(nb)) &amp;gt; :lang(nb)             { q=
uotes: '\00ab' '\00bb' '\2018' '\2019' } /* &amp;laquo; &amp;raquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(nd),       :not(:lang(nd)) &amp;gt; :lang(nd)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(nl),       :not(:lang(nl)) &amp;gt; :lang(nl)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(nmg),      :not(:lang(nmg)) &amp;gt; :lang(nmg)           { q=
uotes: '\201e' '\201d' '\00ab' '\00bb' } /* &amp;ldquor; &amp;rdquo; &amp=
;laquo; &amp;raquo; */
+:root:lang(nn),       :not(:lang(nn)) &amp;gt; :lang(nn)             { q=
uotes: '\00ab' '\00bb' '\2018' '\2019' } /* &amp;laquo; &amp;raquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(nnh),      :not(:lang(nnh)) &amp;gt; :lang(nnh)           { q=
uotes: '\00ab' '\00bb' '\201c' '\201d' } /* &amp;laquo; &amp;raquo; &amp;=
ldquo; &amp;rdquo; */
+:root:lang(nus),      :not(:lang(nus)) &amp;gt; :lang(nus)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(nyn),      :not(:lang(nyn)) &amp;gt; :lang(nyn)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(pa),       :not(:lang(pa)) &amp;gt; :lang(pa)             { q=
uotes: '\0027' '\0027' '\0022' '\0022' } /* ' ' &quot; &quot; */
+:root:lang(pl),       :not(:lang(pl)) &amp;gt; :lang(pl)             { q=
uotes: '\201e' '\201d' '\00ab' '\00bb' } /* &amp;ldquor; &amp;rdquo; &amp=
;laquo; &amp;raquo; */
+:root:lang(pt),       :not(:lang(pt)) &amp;gt; :lang(pt)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(pt-PT),    :not(:lang(pt-PT)) &amp;gt; :lang(pt-PT)       { q=
uotes: '\00ab' '\00bb' '\201c' '\201d' } /* &amp;laquo; &amp;raquo; &amp;=
ldquo; &amp;rdquo; */
+:root:lang(rn),       :not(:lang(rn)) &amp;gt; :lang(rn)             { q=
uotes: '\201d' '\201d' '\2019' '\2019' } /* &amp;rdquo; &amp;rdquo; &amp;=
rsquor; &amp;rsquor; */
+:root:lang(ro),       :not(:lang(ro)) &amp;gt; :lang(ro)             { q=
uotes: '\201e' '\201d' '\00ab' '\00bb' } /* &amp;ldquor; &amp;rdquo; &amp=
;laquo; &amp;raquo; */
+:root:lang(rof),      :not(:lang(rof)) &amp;gt; :lang(rof)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(ru),       :not(:lang(ru)) &amp;gt; :lang(ru)             { q=
uotes: '\00ab' '\00bb' '\201e' '\201c' } /* &amp;laquo; &amp;raquo; &amp;=
ldquor; &amp;ldquo; */
+:root:lang(rw),       :not(:lang(rw)) &amp;gt; :lang(rw)             { q=
uotes: '\00ab' '\00bb' '\2018' '\2019' } /* &amp;laquo; &amp;raquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(rwk),      :not(:lang(rwk)) &amp;gt; :lang(rwk)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(saq),      :not(:lang(saq)) &amp;gt; :lang(saq)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(sbp),      :not(:lang(sbp)) &amp;gt; :lang(sbp)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(seh),      :not(:lang(seh)) &amp;gt; :lang(seh)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(ses),      :not(:lang(ses)) &amp;gt; :lang(ses)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(sg),       :not(:lang(sg)) &amp;gt; :lang(sg)             { q=
uotes: '\00ab' '\00bb' '\201c' '\201d' } /* &amp;laquo; &amp;raquo; &amp;=
ldquo; &amp;rdquo; */
+:root:lang(shi),      :not(:lang(shi)) &amp;gt; :lang(shi)           { q=
uotes: '\00ab' '\00bb' '\201e' '\201d' } /* &amp;laquo; &amp;raquo; &amp;=
ldquor; &amp;rdquo; */
+:root:lang(shi-Latn), :not(:lang(shi-Latn)) &amp;gt; :lang(shi-Latn) { q=
uotes: '\00ab' '\00bb' '\201e' '\201d' } /* &amp;laquo; &amp;raquo; &amp;=
ldquor; &amp;rdquo; */
+:root:lang(si),       :not(:lang(si)) &amp;gt; :lang(si)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(sk),       :not(:lang(sk)) &amp;gt; :lang(sk)             { q=
uotes: '\201e' '\201c' '\201a' '\2018' } /* &amp;ldquor; &amp;ldquo; &amp=
;sbquo; &amp;lsquo; */
+:root:lang(sl),       :not(:lang(sl)) &amp;gt; :lang(sl)             { q=
uotes: '\201e' '\201c' '\201a' '\2018' } /* &amp;ldquor; &amp;ldquo; &amp=
;sbquo; &amp;lsquo; */
+:root:lang(sn),       :not(:lang(sn)) &amp;gt; :lang(sn)             { q=
uotes: '\201d' '\201d' '\2019' '\2019' } /* &amp;rdquo; &amp;rdquo; &amp;=
rsquor; &amp;rsquor; */
+:root:lang(so),       :not(:lang(so)) &amp;gt; :lang(so)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(sq),       :not(:lang(sq)) &amp;gt; :lang(sq)             { q=
uotes: '\00ab' '\00bb' '\201c' '\201d' } /* &amp;laquo; &amp;raquo; &amp;=
ldquo; &amp;rdquo; */
+:root:lang(sr),       :not(:lang(sr)) &amp;gt; :lang(sr)             { q=
uotes: '\201e' '\201c' '\201a' '\2018' } /* &amp;ldquor; &amp;ldquo; &amp=
;sbquo; &amp;lsquo; */
+:root:lang(sr-Latn),  :not(:lang(sr-Latn)) &amp;gt; :lang(sr-Latn)   { q=
uotes: '\201e' '\201c' '\201a' '\2018' } /* &amp;ldquor; &amp;ldquo; &amp=
;sbquo; &amp;lsquo; */
+:root:lang(sv),       :not(:lang(sv)) &amp;gt; :lang(sv)             { q=
uotes: '\201d' '\201d' '\2019' '\2019' } /* &amp;rdquo; &amp;rdquo; &amp;=
rsquor; &amp;rsquor; */
+:root:lang(sw),       :not(:lang(sw)) &amp;gt; :lang(sw)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(swc),      :not(:lang(swc)) &amp;gt; :lang(swc)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(ta),       :not(:lang(ta)) &amp;gt; :lang(ta)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(te),       :not(:lang(te)) &amp;gt; :lang(te)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(teo),      :not(:lang(teo)) &amp;gt; :lang(teo)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(th),       :not(:lang(th)) &amp;gt; :lang(th)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(ti-ER),    :not(:lang(ti-ER)) &amp;gt; :lang(ti-ER)       { q=
uotes: '\2018' '\2019' '\201c' '\201d' } /* &amp;lsquo; &amp;rsquor; &amp=
;ldquo; &amp;rdquo; */
+:root:lang(to),       :not(:lang(to)) &amp;gt; :lang(to)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(tr),       :not(:lang(tr)) &amp;gt; :lang(tr)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(twq),      :not(:lang(twq)) &amp;gt; :lang(twq)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(tzm),      :not(:lang(tzm)) &amp;gt; :lang(tzm)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(uk),       :not(:lang(uk)) &amp;gt; :lang(uk)             { q=
uotes: '\00ab' '\00bb' '\201e' '\201c' } /* &amp;laquo; &amp;raquo; &amp;=
ldquor; &amp;ldquo; */
+:root:lang(ur),       :not(:lang(ur)) &amp;gt; :lang(ur)             { q=
uotes: '\201d' '\201c' '\2019' '\2018' } /* &amp;rdquo; &amp;ldquo; &amp;=
rsquor; &amp;lsquo; */
+:root:lang(uz),       :not(:lang(uz)) &amp;gt; :lang(uz)             { q=
uotes: '\0022' '\0022' '\0027' '\0027' } /* &quot; &quot; ' ' */
+:root:lang(uz-Cyrl),  :not(:lang(uz-Cyrl)) &amp;gt; :lang(uz-Cyrl)   { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(vai),      :not(:lang(vai)) &amp;gt; :lang(vai)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(vai-Latn), :not(:lang(vai-Latn)) &amp;gt; :lang(vai-Latn) { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(vi),       :not(:lang(vi)) &amp;gt; :lang(vi)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(vun),      :not(:lang(vun)) &amp;gt; :lang(vun)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(xh),       :not(:lang(xh)) &amp;gt; :lang(xh)             { q=
uotes: '\2018' '\2019' '\201c' '\201d' } /* &amp;lsquo; &amp;rsquor; &amp=
;ldquo; &amp;rdquo; */
+:root:lang(xog),      :not(:lang(xog)) &amp;gt; :lang(xog)           { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(yav),      :not(:lang(yav)) &amp;gt; :lang(yav)           { q=
uotes: '\00ab' '\00bb' '\00ab' '\00bb' } /* &amp;laquo; &amp;raquo; &amp;=
laquo; &amp;raquo; */
+:root:lang(yo),       :not(:lang(yo)) &amp;gt; :lang(yo)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(yo-BJ),    :not(:lang(yo-BJ)) &amp;gt; :lang(yo-BJ)       { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(zgh),      :not(:lang(zgh)) &amp;gt; :lang(zgh)           { q=
uotes: '\00ab' '\00bb' '\201e' '\201d' } /* &amp;laquo; &amp;raquo; &amp;=
ldquor; &amp;rdquo; */
+:root:lang(zh),       :not(:lang(zh)) &amp;gt; :lang(zh)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+:root:lang(zh-Hant),  :not(:lang(zh-Hant)) &amp;gt; :lang(zh-Hant)   { q=
uotes: '\300c' '\300d' '\300e' '\300f' } /* &amp;#x300c; &amp;#x300d; &am=
p;#x300e; &amp;#x300f; */
+:root:lang(zu),       :not(:lang(zu)) &amp;gt; :lang(zu)             { q=
uotes: '\201c' '\201d' '\2018' '\2019' } /* &amp;ldquo; &amp;rdquo; &amp;=
lsquo; &amp;rsquor; */
+&lt;/pre&gt; =20
+
+
+  &lt;h4 id=3Dsections-and-headings&gt;&lt;span class=3Dsecno&gt;14.3.7 =
&lt;/span&gt;Sections and headings&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+article, aside, h1, h2, h3, h4, h5, h6, hgroup, nav, section {
+  display: block;&lt;!-- see also unicode-bidi: isolate rules--&gt;
+}
+
+h1 { margin-top: 0.67em; margin-bottom: 0.67em; font-size: 2.00em; font-=
weight: bold; }
+h2 { margin-top: 0.83em; margin-bottom: 0.83em; font-size: 1.50em; font-=
weight: bold; }
+h3 { margin-top: 1.00em; margin-bottom: 1.00em; font-size: 1.17em; font-=
weight: bold; }
+h4 { margin-top: 1.33em; margin-bottom: 1.33em; font-size: 1.00em; font-=
weight: bold; }
+h5 { margin-top: 1.67em; margin-bottom: 1.67em; font-size: 0.83em; font-=
weight: bold; }
+h6 { margin-top: 2.33em; margin-bottom: 2.33em; font-size: 0.67em; font-=
weight: bold; }&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-article-element&gt;article&=
lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-aside-element&gt;as=
ide&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-nav-element&gt;=
nav&lt;/a&gt;&lt;/code&gt;, and &lt;code&gt;&lt;a href=3D#the-section-ele=
ment&gt;section&lt;/a&gt;&lt;/code&gt;
+  elements are expected to affect the margins and font size of &lt;code&=
gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h1&lt;/a&gt;&=
lt;/code&gt; elements, as well as
+  &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h=
2&lt;/a&gt;&lt;/code&gt;&amp;ndash;&lt;code&gt;&lt;a href=3D#the-h1,-h2,-=
h3,-h4,-h5,-and-h6-elements&gt;h5&lt;/a&gt;&lt;/code&gt; elements that fo=
llow &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt=
;h1&lt;/a&gt;&lt;/code&gt; elements in
+  &lt;code&gt;&lt;a href=3D#the-hgroup-element&gt;hgroup&lt;/a&gt;&lt;/c=
ode&gt; elements, based on the nesting depth. If &lt;var title=3D&quot;&q=
uot;&gt;x&lt;/var&gt; is a selector
+  that matches elements that are either &lt;code&gt;&lt;a href=3D#the-ar=
ticle-element&gt;article&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D=
#the-aside-element&gt;aside&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a hre=
f=3D#the-nav-element&gt;nav&lt;/a&gt;&lt;/code&gt;,
+  or &lt;code&gt;&lt;a href=3D#the-section-element&gt;section&lt;/a&gt;&=
lt;/code&gt; elements, then the following rules capture what is expected:=
&lt;/p&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; h1 { margin-top: 0.83em; m=
argin-bottom: 0.83em; font-size: 1.50em; }
+&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; &lt;var title=3D&quot;&quo=
t;&gt;x&lt;/var&gt; h1 { margin-top: 1.00em; margin-bottom: 1.00em; font-=
size: 1.17em; }
+&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; &lt;var title=3D&quot;&quo=
t;&gt;x&lt;/var&gt; &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; h1 { ma=
rgin-top: 1.33em; margin-bottom: 1.33em; font-size: 1.00em; }
+&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; &lt;var title=3D&quot;&quo=
t;&gt;x&lt;/var&gt; &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; &lt;var=
 title=3D&quot;&quot;&gt;x&lt;/var&gt; h1 { margin-top: 1.67em; margin-bo=
ttom: 1.67em; font-size: 0.83em; }
+&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; &lt;var title=3D&quot;&quo=
t;&gt;x&lt;/var&gt; &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; &lt;var=
 title=3D&quot;&quot;&gt;x&lt;/var&gt; &lt;var title=3D&quot;&quot;&gt;x&=
lt;/var&gt; h1 { margin-top: 2.33em; margin-bottom: 2.33em; font-size: 0.=
67em; }
+
+&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; hgroup &amp;gt; h1 ~ h2 { =
margin-top: 1.00em; margin-bottom: 1.00em; font-size: 1.17em; }
+&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; &lt;var title=3D&quot;&quo=
t;&gt;x&lt;/var&gt; hgroup &amp;gt; h1 ~ h2 { margin-top: 1.33em; margin-=
bottom: 1.33em; font-size: 1.00em; }
+&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; &lt;var title=3D&quot;&quo=
t;&gt;x&lt;/var&gt; &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; hgroup =
&amp;gt; h1 ~ h2 { margin-top: 1.67em; margin-bottom: 1.67em; font-size: =
0.83em; }
+&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; &lt;var title=3D&quot;&quo=
t;&gt;x&lt;/var&gt; &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; &lt;var=
 title=3D&quot;&quot;&gt;x&lt;/var&gt; hgroup &amp;gt; h1 ~ h2 { margin-t=
op: 2.33em; margin-bottom: 2.33em; font-size: 0.67em; }
+
+&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; hgroup &amp;gt; h1 ~ h3 { =
margin-top: 1.33em; margin-bottom: 1.33em; font-size: 1.00em; }
+&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; &lt;var title=3D&quot;&quo=
t;&gt;x&lt;/var&gt; hgroup &amp;gt; h1 ~ h3 { margin-top: 1.67em; margin-=
bottom: 1.67em; font-size: 0.83em; }
+&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; &lt;var title=3D&quot;&quo=
t;&gt;x&lt;/var&gt; &lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; hgroup =
&amp;gt; h1 ~ h3 { margin-top: 2.33em; margin-bottom: 2.33em; font-size: =
0.67em; }
+
+&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; hgroup &amp;gt; h1 ~ h4 { =
margin-top: 1.67em; margin-bottom: 1.67em; font-size: 0.83em; }
+&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; &lt;var title=3D&quot;&quo=
t;&gt;x&lt;/var&gt; hgroup &amp;gt; h1 ~ h4 { margin-top: 2.33em; margin-=
bottom: 2.33em; font-size: 0.67em; }
+
+&lt;var title=3D&quot;&quot;&gt;x&lt;/var&gt; hgroup &amp;gt; h1 ~ h5 { =
margin-top: 2.33em; margin-bottom: 2.33em; font-size: 0.67em; }&lt;/pre&g=
t;
+
+
+
+  &lt;h4 id=3Dlists&gt;&lt;span class=3Dsecno&gt;14.3.8 &lt;/span&gt;Lis=
ts&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+dir, dd, dl, dt, menu, ol, ul { display: block; }&lt;!-- see also unicod=
e-bidi:isolate rules --&gt;
+li { display: list-item; }&lt;!-- see also unicode-bidi:isolate rules --=
&gt;
+
+dir, dl, menu, ol, ul { margin-top: 1em; margin-bottom: 1em; }
+
+dir dir, dir dl, dir menu, dir ol, dir ul,
+dl dir, dl dl, dl menu, dl ol, dl ul,
+menu dir, menu dl, menu menu, menu ol, menu ul,
+ol dir, ol dl, ol menu, ol ol, ol ul,
+ul dir, ul dl, ul menu, ul ol, ul ul {
+  margin-top: 0; margin-bottom: 0;
+}
+
+dd { margin-left: 40px; } /* &lt;a href=3D#ltr-specific&gt;LTR-specific&=
lt;/a&gt;: use 'margin-right' for rtl elements */
+dir, menu, ol, ul { padding-left: 40px; } /* &lt;a href=3D#ltr-specific&=
gt;LTR-specific&lt;/a&gt;: use 'padding-right' for rtl elements */
+
+ol { list-style-type: decimal; }
+
+dir, menu, ul { list-style-type: disc; }
+
+dir dir, dir menu, dir ul,
+menu dir, menu menu, menu ul,
+ol dir, ol menu, ol ul,
+ul dir, ul menu, ul ul {
+  list-style-type: circle;
+}
+
+dir dir dir, dir dir menu, dir dir ul,
+dir menu dir, dir menu menu, dir menu ul,
+dir ol dir, dir ol menu, dir ol ul,
+dir ul dir, dir ul menu, dir ul ul,
+menu dir dir, menu dir menu, menu dir ul,
+menu menu dir, menu menu menu, menu menu ul,
+menu ol dir, menu ol menu, menu ol ul,
+menu ul dir, menu ul menu, menu ul ul,
+ol dir dir, ol dir menu, ol dir ul,
+ol menu dir, ol menu menu, ol menu ul,
+ol ol dir, ol ol menu, ol ol ul,
+ol ul dir, ol ul menu, ol ul ul,
+ul dir dir, ul dir menu, ul dir ul,
+ul menu dir, ul menu menu, ul menu ul,
+ul ol dir, ul ol menu, ul ol ul,
+ul ul dir, ul ul menu, ul ul ul {
+  list-style-type: square;
+}&lt;/pre&gt;
+
+  &lt;p id=3Ddecohints&gt;The following rules are also expected to apply=
, as &lt;a href=3D#presentational-hints&gt;presentational
+  hints&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+ol[type=3D1], li[type=3D1] { list-style-type: decimal; }
+ol[type=3Da], li[type=3Da] { list-style-type: lower-alpha; }
+ol[type=3DA], li[type=3DA] { list-style-type: upper-alpha; }
+ol[type=3Di], li[type=3Di] { list-style-type: lower-roman; }
+ol[type=3DI], li[type=3DI] { list-style-type: upper-roman; }
+ul[type=3Ddisc i], li[type=3Ddisc i] { list-style-type: disc; }
+ul[type=3Dcircle i], li[type=3Dcircle i] { list-style-type: circle; }
+ul[type=3Dsquare i], li[type=3Dsquare i] { list-style-type: square; }&lt=
;/pre&gt;
+
+  &lt;p&gt;When rendering &lt;code&gt;&lt;a href=3D#the-li-element&gt;li=
&lt;/a&gt;&lt;/code&gt; elements, non-CSS user agents are expected to use=
 the
+  &lt;a href=3D#ordinal-value&gt;ordinal value&lt;/a&gt; of the &lt;code=
&gt;&lt;a href=3D#the-li-element&gt;li&lt;/a&gt;&lt;/code&gt; element to =
render the counter in the list item
+  marker.&lt;/p&gt;
+
+  &lt;p class=3Dcritical id=3Dcss-list-rendering&gt;This specification d=
oes not yet define the
+  CSS-specific rules for rendering &lt;code&gt;&lt;a href=3D#the-li-elem=
ent&gt;li&lt;/a&gt;&lt;/code&gt; elements, because CSS doesn't yet provid=
e
+  sufficient hooks for this purpose.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dtables&gt;&lt;span class=3Dsecno&gt;14.3.9 &lt;/span&gt;Ta=
bles&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+table { display: table; }&lt;!-- see also unicode-bidi:isolate rules --&=
gt;
+caption { display: table-caption; }&lt;!-- see also unicode-bidi:isolate=
 rules --&gt;
+colgroup, colgroup[hidden] { display: table-column-group; }&lt;!-- see a=
lso unicode-bidi:isolate rules --&gt;
+col, col[hidden] { display: table-column; }&lt;!-- see also unicode-bidi=
:isolate rules --&gt;
+thead, thead[hidden] { display: table-header-group; }&lt;!-- see also un=
icode-bidi:isolate rules --&gt;
+tbody, tbody[hidden] { display: table-row-group; }&lt;!-- see also unico=
de-bidi:isolate rules --&gt;
+tfoot, tfoot[hidden] { display: table-footer-group; }&lt;!-- see also un=
icode-bidi:isolate rules --&gt;
+tr, tr[hidden] { display: table-row; }&lt;!-- see also unicode-bidi:isol=
ate rules --&gt;
+td, th, td[hidden], th[hidden] { display: table-cell; }&lt;!-- see also =
unicode-bidi:isolate rules --&gt;
+
+colgroup[hidden], col[hidden], thead[hidden], tbody[hidden],
+tfoot[hidden], tr[hidden], td[hidden], th[hidden] {
+  visibility: collapse;
+}
+
+table {
+  box-sizing: border-box;
+  border-spacing: 2px;
+  border-collapse: separate;
+  text-indent: initial;
+}
+td, th { padding: 1px; }
+th { font-weight: bold; }
+
+thead, tbody, tfoot, table &amp;gt; tr { vertical-align: middle; }
+tr, td, th { vertical-align: inherit; }
+
+table, td, th { border-color: gray; }
+thead, tbody, tfoot, tr { border-color: inherit; }
+table[rules=3Dnone i], table[rules=3Dgroups i], table[rules=3Drows i],
+table[rules=3Dcols i], table[rules=3Dall i], table[frame=3Dvoid i],
+table[frame=3Dabove i], table[frame=3Dbelow i], table[frame=3Dhsides i],
+table[frame=3Dlhs i], table[frame=3Drhs i], table[frame=3Dvsides i],
+table[frame=3Dbox i], table[frame=3Dborder i],
+table[rules=3Dnone i] &amp;gt; tr &amp;gt; td, table[rules=3Dnone i] &am=
p;gt; tr &amp;gt; th,
+table[rules=3Dgroups i] &amp;gt; tr &amp;gt; td, table[rules=3Dgroups i]=
 &amp;gt; tr &amp;gt; th,
+table[rules=3Drows i] &amp;gt; tr &amp;gt; td, table[rules=3Drows i] &am=
p;gt; tr &amp;gt; th,
+table[rules=3Dcols i] &amp;gt; tr &amp;gt; td, table[rules=3Dcols i] &am=
p;gt; tr &amp;gt; th,
+table[rules=3Dall i] &amp;gt; tr &amp;gt; td, table[rules=3Dall i] &amp;=
gt; tr &amp;gt; th,
+table[rules=3Dnone i] &amp;gt; thead &amp;gt; tr &amp;gt; td, table[rule=
s=3Dnone i] &amp;gt; thead &amp;gt; tr &amp;gt; th,
+table[rules=3Dgroups i] &amp;gt; thead &amp;gt; tr &amp;gt; td, table[ru=
les=3Dgroups i] &amp;gt; thead &amp;gt; tr &amp;gt; th,
+table[rules=3Drows i] &amp;gt; thead &amp;gt; tr &amp;gt; td, table[rule=
s=3Drows i] &amp;gt; thead &amp;gt; tr &amp;gt; th,
+table[rules=3Dcols i] &amp;gt; thead &amp;gt; tr &amp;gt; td, table[rule=
s=3Dcols i] &amp;gt; thead &amp;gt; tr &amp;gt; th,
+table[rules=3Dall i] &amp;gt; thead &amp;gt; tr &amp;gt; td, table[rules=
=3Dall i] &amp;gt; thead &amp;gt; tr &amp;gt; th,
+table[rules=3Dnone i] &amp;gt; tbody &amp;gt; tr &amp;gt; td, table[rule=
s=3Dnone i] &amp;gt; tbody &amp;gt; tr &amp;gt; th,
+table[rules=3Dgroups i] &amp;gt; tbody &amp;gt; tr &amp;gt; td, table[ru=
les=3Dgroups i] &amp;gt; tbody &amp;gt; tr &amp;gt; th,
+table[rules=3Drows i] &amp;gt; tbody &amp;gt; tr &amp;gt; td, table[rule=
s=3Drows i] &amp;gt; tbody &amp;gt; tr &amp;gt; th,
+table[rules=3Dcols i] &amp;gt; tbody &amp;gt; tr &amp;gt; td, table[rule=
s=3Dcols i] &amp;gt; tbody &amp;gt; tr &amp;gt; th,
+table[rules=3Dall i] &amp;gt; tbody &amp;gt; tr &amp;gt; td, table[rules=
=3Dall i] &amp;gt; tbody &amp;gt; tr &amp;gt; th,
+table[rules=3Dnone i] &amp;gt; tfoot &amp;gt; tr &amp;gt; td, table[rule=
s=3Dnone i] &amp;gt; tfoot &amp;gt; tr &amp;gt; th,
+table[rules=3Dgroups i] &amp;gt; tfoot &amp;gt; tr &amp;gt; td, table[ru=
les=3Dgroups i] &amp;gt; tfoot &amp;gt; tr &amp;gt; th,
+table[rules=3Drows i] &amp;gt; tfoot &amp;gt; tr &amp;gt; td, table[rule=
s=3Drows i] &amp;gt; tfoot &amp;gt; tr &amp;gt; th,
+table[rules=3Dcols i] &amp;gt; tfoot &amp;gt; tr &amp;gt; td, table[rule=
s=3Dcols i] &amp;gt; tfoot &amp;gt; tr &amp;gt; th,
+table[rules=3Dall i] &amp;gt; tfoot &amp;gt; tr &amp;gt; td, table[rules=
=3Dall i] &amp;gt; tfoot &amp;gt; tr &amp;gt; th {
+  border-color: black;
+}&lt;/pre&gt;
+
+  &lt;p&gt;The following rules are also expected to apply, as &lt;a href=
=3D#presentational-hints&gt;presentational hints&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+table[align=3Dleft i] { float: left; }
+table[align=3Dright i] { float: right; }
+table[align=3Dcenter i] { margin-left: auto; margin-right: auto; }
+thead[align=3Dabsmiddle i], tbody[align=3Dabsmiddle i], tfoot[align=3Dab=
smiddle i],
+tr[align=3Dabsmiddle i], td[align=3Dabsmiddle i], th[align=3Dabsmiddle i=
] {
+  text-align: center;
+}
+
+caption[align=3Dbottom i] { caption-side: bottom; }
+p[align=3Dleft i], h1[align=3Dleft i], h2[align=3Dleft i], h3[align=3Dle=
ft i],
+h4[align=3Dleft i], h5[align=3Dleft i], h6[align=3Dleft i] {
+  text-align: left;
+}
+p[align=3Dright i], h1[align=3Dright i], h2[align=3Dright i], h3[align=3D=
right i],
+h4[align=3Dright i], h5[align=3Dright i], h6[align=3Dright i] {
+  text-align: right;
+}
+p[align=3Dcenter i], h1[align=3Dcenter i], h2[align=3Dcenter i], h3[alig=
n=3Dcenter i],
+h4[align=3Dcenter i], h5[align=3Dcenter i], h6[align=3Dcenter i] {
+  text-align: center;
+}
+p[align=3Djustify i], h1[align=3Djustify i], h2[align=3Djustify i], h3[a=
lign=3Djustify i],
+h4[align=3Djustify i], h5[align=3Djustify i], h6[align=3Djustify i] {
+  text-align: justify;
+}
+thead[valign=3Dtop i], tbody[valign=3Dtop i], tfoot[valign=3Dtop i],
+tr[valign=3Dtop i], td[valign=3Dtop i], th[valign=3Dtop i] {
+  vertical-align: top;
+}
+thead[valign=3Dmiddle i], tbody[valign=3Dmiddle i], tfoot[valign=3Dmiddl=
e i],
+tr[valign=3Dmiddle i], td[valign=3Dmiddle i], th[valign=3Dmiddle i] {
+  vertical-align: middle;
+}
+thead[valign=3Dbottom i], tbody[valign=3Dbottom i], tfoot[valign=3Dbotto=
m i],
+tr[valign=3Dbottom i], td[valign=3Dbottom i], th[valign=3Dbottom i] {
+  vertical-align: bottom;
+}
+thead[valign=3Dbaseline i], tbody[valign=3Dbaseline i], tfoot[valign=3Db=
aseline i],
+tr[valign=3Dbaseline i], td[valign=3Dbaseline i], th[valign=3Dbaseline i=
] {
+  vertical-align: baseline;
+}
+
+td[nowrap], th[nowrap] { white-space: nowrap; }
+
+table[rules=3Dnone i], table[rules=3Dgroups i], table[rules=3Drows i],
+table[rules=3Dcols i], table[rules=3Dall i] {
+  border-style: hidden;
+  border-collapse: collapse;
+}
+table[border] { border-style: outset; } /* &lt;a href=3D#magic-border-se=
lector&gt;only if border is not equivalent to zero&lt;/a&gt; */
+table[frame=3Dvoid i] { border-style: hidden; }
+table[frame=3Dabove i] { border-style: outset hidden hidden hidden; }
+table[frame=3Dbelow i] { border-style: hidden hidden outset hidden; }
+table[frame=3Dhsides i] { border-style: outset hidden outset hidden; }
+table[frame=3Dlhs i] { border-style: hidden hidden hidden outset; }
+table[frame=3Drhs i] { border-style: hidden outset hidden hidden; }
+table[frame=3Dvsides i] { border-style: hidden outset; }
+table[frame=3Dbox i], table[frame=3Dborder i] { border-style: outset; }
+
+table[border] &amp;gt; tr &amp;gt; td, table[border] &amp;gt; tr &amp;gt=
; th,
+table[border] &amp;gt; thead &amp;gt; tr &amp;gt; td, table[border] &amp=
;gt; thead &amp;gt; tr &amp;gt; th,
+table[border] &amp;gt; tbody &amp;gt; tr &amp;gt; td, table[border] &amp=
;gt; tbody &amp;gt; tr &amp;gt; th,
+table[border] &amp;gt; tfoot &amp;gt; tr &amp;gt; td, table[border] &amp=
;gt; tfoot &amp;gt; tr &amp;gt; th {
+  /* &lt;a href=3D#magic-border-selector&gt;only if border is not equiva=
lent to zero&lt;/a&gt; */
+  border-width: 1px;
+  border-style: inset;
+}
+table[rules=3Dnone i] &amp;gt; tr &amp;gt; td, table[rules=3Dnone i] &am=
p;gt; tr &amp;gt; th,
+table[rules=3Dnone i] &amp;gt; thead &amp;gt; tr &amp;gt; td, table[rule=
s=3Dnone i] &amp;gt; thead &amp;gt; tr &amp;gt; th,
+table[rules=3Dnone i] &amp;gt; tbody &amp;gt; tr &amp;gt; td, table[rule=
s=3Dnone i] &amp;gt; tbody &amp;gt; tr &amp;gt; th,
+table[rules=3Dnone i] &amp;gt; tfoot &amp;gt; tr &amp;gt; td, table[rule=
s=3Dnone i] &amp;gt; tfoot &amp;gt; tr &amp;gt; th,
+table[rules=3Dgroups i] &amp;gt; tr &amp;gt; td, table[rules=3Dgroups i]=
 &amp;gt; tr &amp;gt; th,
+table[rules=3Dgroups i] &amp;gt; thead &amp;gt; tr &amp;gt; td, table[ru=
les=3Dgroups i] &amp;gt; thead &amp;gt; tr &amp;gt; th,
+table[rules=3Dgroups i] &amp;gt; tbody &amp;gt; tr &amp;gt; td, table[ru=
les=3Dgroups i] &amp;gt; tbody &amp;gt; tr &amp;gt; th,
+table[rules=3Dgroups i] &amp;gt; tfoot &amp;gt; tr &amp;gt; td, table[ru=
les=3Dgroups i] &amp;gt; tfoot &amp;gt; tr &amp;gt; th,
+table[rules=3Drows i] &amp;gt; tr &amp;gt; td, table[rules=3Drows i] &am=
p;gt; tr &amp;gt; th,
+table[rules=3Drows i] &amp;gt; thead &amp;gt; tr &amp;gt; td, table[rule=
s=3Drows i] &amp;gt; thead &amp;gt; tr &amp;gt; th,
+table[rules=3Drows i] &amp;gt; tbody &amp;gt; tr &amp;gt; td, table[rule=
s=3Drows i] &amp;gt; tbody &amp;gt; tr &amp;gt; th,
+table[rules=3Drows i] &amp;gt; tfoot &amp;gt; tr &amp;gt; td, table[rule=
s=3Drows i] &amp;gt; tfoot &amp;gt; tr &amp;gt; th {
+  border-width: 1px;
+  border-style: none;
+}
+table[rules=3Dcols i] &amp;gt; tr &amp;gt; td, table[rules=3Dcols i] &am=
p;gt; tr &amp;gt; th,
+table[rules=3Dcols i] &amp;gt; thead &amp;gt; tr &amp;gt; td, table[rule=
s=3Dcols i] &amp;gt; thead &amp;gt; tr &amp;gt; th,
+table[rules=3Dcols i] &amp;gt; tbody &amp;gt; tr &amp;gt; td, table[rule=
s=3Dcols i] &amp;gt; tbody &amp;gt; tr &amp;gt; th,
+table[rules=3Dcols i] &amp;gt; tfoot &amp;gt; tr &amp;gt; td, table[rule=
s=3Dcols i] &amp;gt; tfoot &amp;gt; tr &amp;gt; th {
+  border-width: 1px;
+  border-style: none solid;
+}
+table[rules=3Dall i] &amp;gt; tr &amp;gt; td, table[rules=3Dall i] &amp;=
gt; tr &amp;gt; th,
+table[rules=3Dall i] &amp;gt; thead &amp;gt; tr &amp;gt; td, table[rules=
=3Dall i] &amp;gt; thead &amp;gt; tr &amp;gt; th,
+table[rules=3Dall i] &amp;gt; tbody &amp;gt; tr &amp;gt; td, table[rules=
=3Dall i] &amp;gt; tbody &amp;gt; tr &amp;gt; th,
+table[rules=3Dall i] &amp;gt; tfoot &amp;gt; tr &amp;gt; td, table[rules=
=3Dall i] &amp;gt; tfoot &amp;gt; tr &amp;gt; th {
+  border-width: 1px;
+  border-style: solid;
+}
+
+table[rules=3Dgroups i] &amp;gt; colgroup {
+  border-left-width: 1px;
+  border-left-style: solid;
+  border-right-width: 1px;
+  border-right-style: solid;
+}
+table[rules=3Dgroups i] &amp;gt; thead,
+table[rules=3Dgroups i] &amp;gt; tbody,
+table[rules=3Dgroups i] &amp;gt; tfoot {
+  border-top-width: 1px;
+  border-top-style: solid;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+}
+
+table[rules=3Drows i] &amp;gt; tr, table[rules=3Drows i] &amp;gt; thead =
&amp;gt; tr,
+table[rules=3Drows i] &amp;gt; tbody &amp;gt; tr, table[rules=3Drows i] =
&amp;gt; tfoot &amp;gt; tr {
+  border-top-width: 1px;
+  border-top-style: solid;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+}&lt;/pre&gt;
+
+&lt;!--
+ Demos that the above (and prose below) must explain:
+   http://software.hixie.ch/utilities/js/live-dom-viewer/saved/1191
+   http://software.hixie.ch/utilities/js/live-dom-viewer/saved/1194
+   http://software.hixie.ch/utilities/js/live-dom-viewer/saved/1195
+   http://software.hixie.ch/utilities/js/live-dom-viewer/saved/1196
+   http://software.hixie.ch/utilities/js/live-dom-viewer/saved/1197
+   http://software.hixie.ch/utilities/js/live-dom-viewer/saved/1199
+   http://software.hixie.ch/utilities/js/live-dom-viewer/saved/1200
+   http://software.hixie.ch/utilities/js/live-dom-viewer/saved/1201
+   http://software.hixie.ch/utilities/js/live-dom-viewer/saved/1209
+--&gt;
+
+
+  &lt;p&gt;In &lt;a href=3D#quirks-mode&gt;quirks mode&lt;/a&gt;, the fo=
llowing rules are also expected to apply:&lt;/p&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+table {
+  font-weight: initial;
+  font-style: initial;
+  font-variant: initial;
+  font-size: initial;
+  line-height: initial;
+  white-space: initial;
+  text-align: initial;
+}&lt;/pre&gt;
+
+  &lt;hr&gt;&lt;p&gt;For the purposes of the CSS table model, the &lt;co=
de&gt;&lt;a href=3D#the-col-element&gt;col&lt;/a&gt;&lt;/code&gt; element=
 is expected to be treated
+  as if it was present as many times as its &lt;code title=3Dattr-col-sp=
an&gt;&lt;a href=3D#attr-col-span&gt;span&lt;/a&gt;&lt;/code&gt; attribut=
e &lt;a href=3D#rules-for-parsing-non-negative-integers title=3D&quot;rul=
es for parsing non-negative integers&quot;&gt;specifies&lt;/a&gt;.&lt;/p&=
gt;
+
+  &lt;p&gt;For the purposes of the CSS table model, the &lt;code&gt;&lt;=
a href=3D#the-colgroup-element&gt;colgroup&lt;/a&gt;&lt;/code&gt; element=
, if it contains no
+  &lt;code&gt;&lt;a href=3D#the-col-element&gt;col&lt;/a&gt;&lt;/code&gt=
; element, is expected to be treated as if it had as many such children a=
s its
+  &lt;code title=3Dattr-colgroup-span&gt;&lt;a href=3D#attr-colgroup-spa=
n&gt;span&lt;/a&gt;&lt;/code&gt; attribute &lt;a href=3D#rules-for-parsin=
g-non-negative-integers title=3D&quot;rules for parsing non-negative
+  integers&quot;&gt;specifies&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;For the purposes of the CSS table model, the &lt;code title=3D=
attr-tdth-colspan&gt;&lt;a href=3D#attr-tdth-colspan&gt;colspan&lt;/a&gt;=
&lt;/code&gt; and
+  &lt;code title=3Dattr-tdth-rowspan&gt;&lt;a href=3D#attr-tdth-rowspan&=
gt;rowspan&lt;/a&gt;&lt;/code&gt; attributes on &lt;code&gt;&lt;a href=3D=
#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D=
#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt;
+  elements are expected to &lt;a href=3D#rules-for-parsing-non-negative-=
integers title=3D&quot;rules for parsing non-negative integers&quot;&gt;p=
rovide&lt;/a&gt; the
+  &lt;i&gt;special knowledge&lt;/i&gt; regarding cells spanning rows and=
 columns.&lt;/p&gt;
+
+  &lt;p&gt;In &lt;a href=3D#html-documents&gt;HTML documents&lt;/a&gt;, =
the user agent is expected to force the 'display' property of
+  &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/code&=
gt; elements that are children of &lt;code&gt;&lt;a href=3D#the-table-ele=
ment&gt;table&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-thead=
-element&gt;thead&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/cod=
e&gt;, &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;=
/code&gt;, or &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt=
;/code&gt; elements to compute to 'none',
+  irrespective of CSS rules.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-table-element&gt;=
table&lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-table-cellsp=
acing&gt;&lt;a href=3D#attr-table-cellspacing&gt;cellspacing&lt;/a&gt;&lt=
;/code&gt;
+  attribute &lt;a href=3D#maps-to-the-pixel-length-property&gt;maps to t=
he pixel length property&lt;/a&gt; 'border-spacing' on the element.&lt;/p=
&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/=
a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-table-cellpadding&gt;&=
lt;a href=3D#attr-table-cellpadding&gt;cellpadding&lt;/a&gt;&lt;/code&gt;
+  attribute &lt;a href=3D#maps-to-the-pixel-length-property title=3D&quo=
t;maps to the pixel length property&quot;&gt;maps to the pixel length
+  properties&lt;/a&gt; 'padding-top', 'padding-right', 'padding-bottom',=
 and 'padding-left' of any
+  &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt; =
and &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt;=
 elements that have corresponding &lt;a href=3D#concept-cell title=3Dconc=
ept-cell&gt;cells&lt;/a&gt; in the &lt;a href=3D#concept-table title=3Dco=
ncept-table&gt;table&lt;/a&gt; corresponding to
+  the &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;=
/code&gt; element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/=
a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-table-hspace&gt;hspace=
&lt;/code&gt; attribute &lt;a href=3D#maps-to-the-dimension-property titl=
e=3D&quot;maps to the dimension property&quot;&gt;maps to the dimension p=
roperties&lt;/a&gt; 'margin-left' and
+  'margin-right' on the &lt;code&gt;&lt;a href=3D#the-table-element&gt;t=
able&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/=
a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-table-vspace&gt;vspace=
&lt;/code&gt; attribute &lt;a href=3D#maps-to-the-dimension-property titl=
e=3D&quot;maps to the dimension property&quot;&gt;maps to the dimension p=
roperties&lt;/a&gt; 'margin-top' and
+  'margin-bottom' on the &lt;code&gt;&lt;a href=3D#the-table-element&gt;=
table&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/=
a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-table-height&gt;height=
&lt;/code&gt; attribute
+  &lt;a href=3D#maps-to-the-dimension-property&gt;maps to the dimension =
property&lt;/a&gt; 'height' on the &lt;code&gt;&lt;a href=3D#the-table-el=
ement&gt;table&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/=
a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-table-width&gt;&lt;a h=
ref=3D#attr-table-width&gt;width&lt;/a&gt;&lt;/code&gt; attribute
+  &lt;a href=3D#maps-to-the-dimension-property&gt;maps to the dimension =
property&lt;/a&gt; 'width' on the &lt;code&gt;&lt;a href=3D#the-table-ele=
ment&gt;table&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-col-element&gt;col&lt;/a&gt=
;&lt;/code&gt; element's &lt;code title=3Dattr-col-width&gt;&lt;a href=3D=
#attr-col-width&gt;width&lt;/a&gt;&lt;/code&gt; attribute &lt;a href=3D#m=
aps-to-the-dimension-property&gt;maps
+  to the dimension property&lt;/a&gt; 'width' on the &lt;code&gt;&lt;a h=
ref=3D#the-col-element&gt;col&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&=
lt;/code&gt; element's &lt;code title=3Dattr-tr-height&gt;height&lt;/code=
&gt; attribute &lt;a href=3D#maps-to-the-dimension-property&gt;maps
+  to the dimension property&lt;/a&gt; 'height' on the &lt;code&gt;&lt;a =
href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&=
lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;=
&lt;/code&gt; elements' &lt;code title=3Dattr-tdth-height&gt;&lt;a href=3D=
#attr-tdth-height&gt;height&lt;/a&gt;&lt;/code&gt;
+  attributes &lt;a href=3D#maps-to-the-dimension-property title=3D&quot;=
maps to the dimension property&quot;&gt;map to the dimension property&lt;=
/a&gt;
+  'height' on the element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&=
lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;=
&lt;/code&gt; elements' &lt;code title=3Dattr-tdth-width&gt;&lt;a href=3D=
#attr-tdth-width&gt;width&lt;/a&gt;&lt;/code&gt;
+  attributes &lt;a href=3D#maps-to-the-dimension-property title=3D&quot;=
maps to the dimension property&quot;&gt;map to the dimension property&lt;=
/a&gt;
+  'width' on the element.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-caption-element&g=
t;caption&lt;/a&gt;&lt;/code&gt; element unless specified otherwise below=
, and the &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&=
lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/cod=
e&gt;, &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;=
/code&gt;, &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/c=
ode&gt;, &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/cod=
e&gt;, and &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/c=
ode&gt;
+  elements when they have an &lt;code title=3Dattr-div-align&gt;&lt;a hr=
ef=3D#attr-div-align&gt;align&lt;/a&gt;&lt;/code&gt; attribute whose valu=
e is an
+  &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-insensitive&lt;/a&g=
t; match for either the string &quot;&lt;code title=3D&quot;&quot;&gt;cen=
ter&lt;/code&gt;&quot; or
+  the string &quot;&lt;code title=3D&quot;&quot;&gt;middle&lt;/code&gt;&=
quot;, are expected to center text within themselves, as if
+  they had their 'text-align' property set to 'center' in a &lt;a href=3D=
#presentational-hints title=3D&quot;presentational
+  hints&quot;&gt;presentational hint&lt;/a&gt;, and to &lt;a href=3D#ali=
gn-descendants&gt;align descendants&lt;/a&gt; to the center.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&=
lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-thead-element&gt;th=
ead&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-tbody-element&g=
t;tbody&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-tfoot-eleme=
nt&gt;tfoot&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;,=
 &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt;, a=
nd &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; =
elements, when they have an &lt;code title=3Dattr-align&gt;align&lt;/code=
&gt; attribute whose value is an &lt;a href=3D#ascii-case-insensitive&gt;=
ASCII case-insensitive&lt;/a&gt;
+  match for the string &quot;&lt;code title=3D&quot;&quot;&gt;left&lt;/c=
ode&gt;&quot;, are expected to left-align text within
+  themselves, as if they had their 'text-align' property set to 'left' i=
n a &lt;a href=3D#presentational-hints title=3D&quot;presentational hints=
&quot;&gt;presentational hint&lt;/a&gt;, and to &lt;a href=3D#align-desce=
ndants&gt;align descendants&lt;/a&gt; to
+  the left.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&=
lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-thead-element&gt;th=
ead&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-tbody-element&g=
t;tbody&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-tfoot-eleme=
nt&gt;tfoot&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;,=
 &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt;, a=
nd &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; =
elements, when they have an &lt;code title=3Dattr-align&gt;align&lt;/code=
&gt; attribute whose value is an &lt;a href=3D#ascii-case-insensitive&gt;=
ASCII case-insensitive&lt;/a&gt;
+  match for the string &quot;&lt;code title=3D&quot;&quot;&gt;right&lt;/=
code&gt;&quot;, are expected to right-align text within
+  themselves, as if they had their 'text-align' property set to 'right' =
in a &lt;a href=3D#presentational-hints title=3D&quot;presentational hint=
s&quot;&gt;presentational hint&lt;/a&gt;, and to &lt;a href=3D#align-desc=
endants&gt;align descendants&lt;/a&gt; to
+  the right.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&=
lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-thead-element&gt;th=
ead&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-tbody-element&g=
t;tbody&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-tfoot-eleme=
nt&gt;tfoot&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;,=
 &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt;, a=
nd &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; =
elements, when they have an &lt;code title=3Dattr-align&gt;align&lt;/code=
&gt; attribute whose value is an &lt;a href=3D#ascii-case-insensitive&gt;=
ASCII case-insensitive&lt;/a&gt;
+  match for the string &quot;&lt;code title=3D&quot;&quot;&gt;justify&lt=
;/code&gt;&quot;, are expected to full-justify text within
+  themselves, as if they had their 'text-align' property set to 'justify=
' in a &lt;a href=3D#presentational-hints title=3D&quot;presentational hi=
nts&quot;&gt;presentational hint&lt;/a&gt;, and to &lt;a href=3D#align-de=
scendants&gt;align descendants&lt;/a&gt; to
+  the left.&lt;/p&gt;
+
+  &lt;p&gt;User agents are expected to have a rule in their user agent s=
tylesheet that matches
+  &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; =
elements that have a parent node whose computed value for the 'text-align=
'
+  property is its initial value, whose declaration block consists of jus=
t a single declaration that
+  sets the 'text-align' property to the value 'center'.&lt;/p&gt; &lt;!-=
- q.v. '-moz-center-or-inherit' --&gt;
+
+  &lt;hr&gt;&lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-table-element&=
gt;table&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-thead-elem=
ent&gt;thead&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-tbody-=
element&gt;tbody&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-tf=
oot-element&gt;tfoot&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;,=
 &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt;, o=
r &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; e=
lement has a &lt;code title=3Dattr-background&gt;&lt;a href=3D#attr-backg=
round&gt;background&lt;/a&gt;&lt;/code&gt; attribute set to a non-empty v=
alue, the new value is
+  expected to be &lt;a href=3D#resolve-a-url title=3D&quot;resolve a url=
&quot;&gt;resolved&lt;/a&gt; relative to the element, and if this is
+  successful, the user agent is expected to treat the attribute as a &lt=
;a href=3D#presentational-hints title=3D&quot;presentational
+  hints&quot;&gt;presentational hint&lt;/a&gt; setting the element's 'ba=
ckground-image' property to the
+  resulting &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt;.&lt;/p&=
gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&l=
t;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-thead-element&gt;the=
ad&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-tbody-element&gt=
;tbody&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-tfoot-elemen=
t&gt;tfoot&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;,=
 &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt;, o=
r &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; e=
lement has a &lt;code title=3D&quot;&quot;&gt;bgcolor&lt;/code&gt;
+  attribute set, the new value is expected to be parsed using the &lt;a =
href=3D#rules-for-parsing-a-legacy-color-value&gt;rules for parsing a leg=
acy
+  color value&lt;/a&gt;, and if that does not return an error, the user =
agent is expected to treat the
+  attribute as a &lt;a href=3D#presentational-hints title=3D&quot;presen=
tational hints&quot;&gt;presentational hint&lt;/a&gt; setting the element=
's
+  'background-color' property to the resulting color.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&l=
t;/a&gt;&lt;/code&gt; element has a &lt;code title=3Dattr-table-bordercol=
or&gt;&lt;a href=3D#attr-table-bordercolor&gt;bordercolor&lt;/a&gt;&lt;/c=
ode&gt;
+  attribute, its value is expected to be parsed using the &lt;a href=3D#=
rules-for-parsing-a-legacy-color-value&gt;rules for parsing a legacy colo=
r
+  value&lt;/a&gt;, and if that does not return an error, the user agent =
is expected to treat the
+  attribute as a &lt;a href=3D#presentational-hints title=3D&quot;presen=
tational hints&quot;&gt;presentational hint&lt;/a&gt; setting the element=
's
+  'border-top-color', 'border-right-color', 'border-bottom-color', and '=
border-right-color'
+  properties to the resulting color.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-table-element&gt;=
table&lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-table-border=
&gt;&lt;a href=3D#attr-table-border&gt;border&lt;/a&gt;&lt;/code&gt; attr=
ibute &lt;a href=3D#maps-to-the-pixel-length-property title=3D&quot;maps =
to the pixel length property&quot;&gt;maps to the pixel length properties=
&lt;/a&gt;
+  'border-top-width', 'border-right-width', 'border-bottom-width', 'bord=
er-left-width' on the
+  element. If the attribute is present but parsing the attribute's value=
 using the &lt;a href=3D#rules-for-parsing-non-negative-integers&gt;rules=
 for
+  parsing non-negative integers&lt;/a&gt; generates an error, a default =
value of 1px is expected to be
+  used for that property instead.&lt;/p&gt;
+
+  &lt;p&gt;Rules marked &quot;&lt;dfn id=3Dmagic-border-selector&gt;only=
 if border is not equivalent to zero&lt;/dfn&gt;&quot;
+  in the CSS block above is expected to only be applied if the &lt;code =
title=3Dattr-table-border&gt;&lt;a href=3D#attr-table-border&gt;border&lt=
;/a&gt;&lt;/code&gt; attribute mentioned in the selectors for the rule is=
 not
+  only present but, when parsed using the &lt;a href=3D#rules-for-parsin=
g-non-negative-integers&gt;rules for parsing non-negative integers&lt;/a&=
gt;, is
+  also found to have a value other than zero or to generate an error.&lt=
;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;In &lt;a href=3D#quirks-mode&gt;quirks mode&lt;/a&g=
t;, a &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&g=
t; element or a &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&=
lt;/code&gt; element that has a
+  &lt;code title=3Dattr-tdth-nowrap&gt;&lt;a href=3D#attr-tdth-nowrap&gt=
;nowrap&lt;/a&gt;&lt;/code&gt; attribute but also has a &lt;code title=3D=
attr-tdth-width&gt;&lt;a href=3D#attr-tdth-width&gt;width&lt;/a&gt;&lt;/c=
ode&gt; attribute whose value, when parsed using the &lt;a href=3D#rules-=
for-parsing-dimension-values&gt;rules for
+  parsing dimension values&lt;/a&gt;, is found to be a length (not an er=
ror or a number classified as a
+  percentage), is expected to have a &lt;a href=3D#presentational-hints =
title=3D&quot;presentational hints&quot;&gt;presentational hint&lt;/a&gt;
+  setting the element's 'white-space' property to 'normal', overriding t=
he rule in the CSS block
+  above that sets it to 'nowrap'.&lt;/p&gt; &lt;!--
+  http://software.hixie.ch/utilities/js/live-dom-viewer/saved/1793 --&gt=
; &lt;!-- note that the &quot;rules for
+  parsing dimension values&quot; can't return 0, if the value is &quot;0=
&quot; they treat it as an error --&gt;
+
+  &lt;hr&gt;&lt;p id=3Dsortable-ui&gt;User agents are expected to render=
 &lt;a href=3D#sorting-interface-th-element title=3D&quot;sorting interfa=
ce th
+  element&quot;&gt;sorting interface &lt;code&gt;th&lt;/code&gt; element=
s&lt;/a&gt; in such a manner as to indicate that
+  activating the elements will cause the table to be sorted.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dmargin-collapsing-quirks&gt;&lt;span class=3Dsecno&gt;14.3=
.10 &lt;/span&gt;Margin collapsing quirks&lt;/h4&gt;
+
+  &lt;p&gt;A node is &lt;dfn id=3Dconcept-rendering-substantial title=3D=
concept-rendering-substantial&gt;substantial&lt;/dfn&gt; if it is a text =
node
+  that is not &lt;a href=3D#inter-element-whitespace&gt;inter-element wh=
itespace&lt;/a&gt;, or if it is an element node.&lt;/p&gt;
+
+  &lt;p&gt;A node is &lt;dfn id=3Dconcept-rendering-blank title=3Dconcep=
t-rendering-blank&gt;blank&lt;/dfn&gt; if it is an element that contains =
no
+  &lt;a href=3D#concept-rendering-substantial title=3Dconcept-rendering-=
substantial&gt;substantial&lt;/a&gt; nodes.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dconcept-rendering-elements-with-margins titl=
e=3Dconcept-rendering-elements-with-margins&gt;elements with default marg=
ins&lt;/dfn&gt;
+  are the following elements: &lt;code&gt;&lt;a href=3D#the-blockquote-e=
lement&gt;blockquote&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#di=
r&gt;dir&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-dl-element=
&gt;dl&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h=
1&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h=
5,-and-h6-elements&gt;h2&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D=
#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h3&lt;/a&gt;&lt;/code&gt;, &l=
t;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h4&lt;=
/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-an=
d-h6-elements&gt;h5&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h=
6&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#listing&gt;listing&lt=
;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&=
lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#multicol&gt;multicol&lt=
;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-ol-element&gt;ol&lt;/=
a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt;, &=
lt;code&gt;&lt;a href=3D#plaintext&gt;plaintext&lt;/a&gt;&lt;/code&gt;, &=
lt;code&gt;&lt;a href=3D#the-pre-element&gt;pre&lt;/a&gt;&lt;/code&gt;, &=
lt;code&gt;&lt;a href=3D#the-ul-element&gt;ul&lt;/a&gt;&lt;/code&gt;, &lt=
;code&gt;&lt;a href=3D#xmp&gt;xmp&lt;/a&gt;&lt;/code&gt;&lt;/p&gt;
+
+  &lt;p&gt;In &lt;a href=3D#quirks-mode&gt;quirks mode&lt;/a&gt;, any &l=
t;a href=3D#concept-rendering-elements-with-margins title=3Dconcept-rende=
ring-elements-with-margins&gt;element
+  with default margins&lt;/a&gt; that is the child of a &lt;code&gt;&lt;=
a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&l=
t;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt;, or
+  &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; =
element and has no &lt;a href=3D#concept-rendering-substantial title=3Dco=
ncept-rendering-substantial&gt;substantial&lt;/a&gt;
+  previous siblings is expected to have a user-agent level style sheet r=
ule that sets its
+  'margin-top' property to zero.&lt;/p&gt;
+
+  &lt;p&gt;In &lt;a href=3D#quirks-mode&gt;quirks mode&lt;/a&gt;, any &l=
t;a href=3D#concept-rendering-elements-with-margins title=3Dconcept-rende=
ring-elements-with-margins&gt;element
+  with default margins&lt;/a&gt; that is the child of a &lt;code&gt;&lt;=
a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&l=
t;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt;, or
+  &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; =
element, has no &lt;a href=3D#concept-rendering-substantial title=3Dconce=
pt-rendering-substantial&gt;substantial&lt;/a&gt;
+  previous siblings, and is &lt;a href=3D#concept-rendering-blank title=3D=
concept-rendering-blank&gt;blank&lt;/a&gt;, is expected to have
+  a user-agent level style sheet rule that sets its 'margin-bottom' prop=
erty to zero also.&lt;/p&gt;
+
+  &lt;p&gt;In &lt;a href=3D#quirks-mode&gt;quirks mode&lt;/a&gt;, any &l=
t;a href=3D#concept-rendering-elements-with-margins title=3Dconcept-rende=
ring-elements-with-margins&gt;element
+  with default margins&lt;/a&gt; that is the child of a &lt;code&gt;&lt;=
a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;=
a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; element, has
+  no &lt;a href=3D#concept-rendering-substantial title=3Dconcept-renderi=
ng-substantial&gt;substantial&lt;/a&gt; following siblings, and is &lt;a =
href=3D#concept-rendering-blank title=3Dconcept-rendering-blank&gt;blank&=
lt;/a&gt;, is expected to have a user-agent level style sheet
+  rule that sets its 'margin-top' property to zero.&lt;/p&gt;
+
+  &lt;p&gt;In &lt;a href=3D#quirks-mode&gt;quirks mode&lt;/a&gt;, any &l=
t;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt; element=
 that is the child of a &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt=
;/a&gt;&lt;/code&gt;
+  or &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&g=
t; element and has no &lt;a href=3D#concept-rendering-substantial title=3D=
concept-rendering-substantial&gt;substantial&lt;/a&gt; following siblings=
, is expected to have a
+  user-agent level style sheet rule that sets its 'margin-bottom' proper=
ty to zero.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dform-controls&gt;&lt;span class=3Dsecno&gt;14.3.11 &lt;/sp=
an&gt;Form controls&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+input, select, option, optgroup, button, textarea, keygen {
+  text-indent: initial;
+}
+
+textarea { white-space: pre-wrap; }
+
+input[type=3D&quot;radio&quot;], input[type=3D&quot;checkbox&quot;], inp=
ut[type=3D&quot;reset&quot;], input[type=3D&quot;button&quot;],
+input[type=3D&quot;submit&quot;], select, button {
+  box-sizing: border-box;
+}&lt;/pre&gt;
+
+  &lt;p&gt;In &lt;a href=3D#quirks-mode&gt;quirks mode&lt;/a&gt;, the fo=
llowing rules are also expected to apply:&lt;/p&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+input:not([type=3Dimage]), textarea { box-sizing: border-box; }&lt;/pre&=
gt;
+
+  &lt;p&gt;Each kind of form control is also given a specific default bi=
nding, as described in subsequent
+  sections, which implements the look and feel of the control.&lt;/p&gt;
+
+
+
+  &lt;h4 id=3Dthe-hr-element-0&gt;&lt;span class=3Dsecno&gt;14.3.12 &lt;=
/span&gt;The &lt;code&gt;&lt;a href=3D#the-hr-element&gt;hr&lt;/a&gt;&lt;=
/code&gt; element&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+hr { color: gray; border-style: inset; border-width: 1px; margin: 0.5em =
auto; }&lt;/pre&gt;
+
+  &lt;p&gt;The following rules are also expected to apply, as &lt;a href=
=3D#presentational-hints&gt;presentational hints&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+hr[align=3Dleft] { margin-left: 0; margin-right: auto; }
+hr[align=3Dright] { margin-left: auto; margin-right: 0; }
+hr[align=3Dcenter] { margin-left: auto; margin-right: auto; }
+hr[color], hr[noshade] { border-style: solid; }&lt;/pre&gt;
+
+  &lt;p&gt;If an &lt;code&gt;&lt;a href=3D#the-hr-element&gt;hr&lt;/a&gt=
;&lt;/code&gt; element has either a &lt;code title=3Dattr-hr-color&gt;&lt=
;a href=3D#attr-hr-color&gt;color&lt;/a&gt;&lt;/code&gt; attribute
+  or a &lt;code title=3Dattr-hr-noshade&gt;&lt;a href=3D#attr-hr-noshade=
&gt;noshade&lt;/a&gt;&lt;/code&gt; attribute, and furthermore also has a =
&lt;code title=3Dattr-hr-size&gt;&lt;a href=3D#attr-hr-size&gt;size&lt;/a=
&gt;&lt;/code&gt; attribute, and parsing that attribute's value using the
+  &lt;a href=3D#rules-for-parsing-non-negative-integers&gt;rules for par=
sing non-negative integers&lt;/a&gt; doesn't generate an error, then the =
user
+  agent is expected to use the parsed value divided by two as a pixel le=
ngth for
+  &lt;a href=3D#presentational-hints&gt;presentational hints&lt;/a&gt; f=
or the properties 'border-top-width', 'border-right-width',
+  'border-bottom-width', and 'border-left-width' on the element.&lt;/p&g=
t;
+
+  &lt;p&gt;Otherwise, if an &lt;code&gt;&lt;a href=3D#the-hr-element&gt;=
hr&lt;/a&gt;&lt;/code&gt; element has neither a &lt;code title=3Dattr-hr-=
color&gt;&lt;a href=3D#attr-hr-color&gt;color&lt;/a&gt;&lt;/code&gt;
+  attribute nor a &lt;code title=3Dattr-hr-noshade&gt;&lt;a href=3D#attr=
-hr-noshade&gt;noshade&lt;/a&gt;&lt;/code&gt; attribute, but does have a =
&lt;code title=3Dattr-hr-size&gt;&lt;a href=3D#attr-hr-size&gt;size&lt;/a=
&gt;&lt;/code&gt; attribute, and parsing that attribute's value using the
+  &lt;a href=3D#rules-for-parsing-non-negative-integers&gt;rules for par=
sing non-negative integers&lt;/a&gt; doesn't generate an error, then: if =
the
+  parsed value is one, then the user agent is expected to use the attrib=
ute as a &lt;a href=3D#presentational-hints title=3D&quot;presentational =
hints&quot;&gt;presentational hint&lt;/a&gt; setting the element's
+  'border-bottom-width' to 0; otherwise, if the parsed value is greater =
than one, then the user
+  agent is expected to use the parsed value minus two as a pixel length =
for &lt;a href=3D#presentational-hints&gt;presentational
+  hints&lt;/a&gt; for the 'height' property on the element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-hr-width&gt;&lt;a href=3D#attr-hr-w=
idth&gt;width&lt;/a&gt;&lt;/code&gt; attribute on an &lt;code&gt;&lt;a hr=
ef=3D#the-hr-element&gt;hr&lt;/a&gt;&lt;/code&gt; element &lt;a href=3D#m=
aps-to-the-dimension-property&gt;maps
+  to the dimension property&lt;/a&gt; 'width' on the element.&lt;/p&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-hr-element&gt;hr&lt;/a&=
gt;&lt;/code&gt; element has a &lt;code title=3Dattr-hr-color&gt;&lt;a hr=
ef=3D#attr-hr-color&gt;color&lt;/a&gt;&lt;/code&gt; attribute, its
+  value is expected to be parsed using the &lt;a href=3D#rules-for-parsi=
ng-a-legacy-color-value&gt;rules for parsing a legacy color value&lt;/a&g=
t;, and
+  if that does not return an error, the user agent is expected to treat =
the attribute as a &lt;a href=3D#presentational-hints title=3D&quot;prese=
ntational hints&quot;&gt;presentational hint&lt;/a&gt; setting the elemen=
t's 'color' property to
+  the resulting color.&lt;/p&gt;
+
+
+
+  &lt;h4 id=3Dthe-fieldset-and-legend-elements&gt;&lt;span class=3Dsecno=
&gt;14.3.13 &lt;/span&gt;The &lt;code&gt;&lt;a href=3D#the-fieldset-eleme=
nt&gt;fieldset&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-l=
egend-element&gt;legend&lt;/a&gt;&lt;/code&gt; elements&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+fieldset {
+  margin-left: 2px; margin-right: 2px;
+  border: groove 2px ThreeDFace;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+legend {
+  padding-left: 2px; padding-right: 2px;
+}&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldse=
t&lt;/a&gt;&lt;/code&gt; element is expected to establish a new block for=
matting context.&lt;/p&gt;
+
+  &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fiel=
dset&lt;/a&gt;&lt;/code&gt; element has a child that matches the conditio=
ns in the list below,
+  then the first such child is the &lt;code&gt;&lt;a href=3D#the-fieldse=
t-element&gt;fieldset&lt;/a&gt;&lt;/code&gt; element's &lt;dfn id=3Drende=
red-legend&gt;rendered legend&lt;/dfn&gt;:&lt;/p&gt;
+
+  &lt;ul class=3Dbrief&gt;&lt;li&gt;The child is a &lt;code&gt;&lt;a hre=
f=3D#the-legend-element&gt;legend&lt;/a&gt;&lt;/code&gt; element.&lt;/li&=
gt;
+
+   &lt;li&gt;The child is not out-of-flow (e.g. not absolutely positione=
d or floated).&lt;/li&gt;
+
+   &lt;li&gt;The child is generating a box (e.g. it is not 'display:none=
').&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-fieldset-element&g=
t;fieldset&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#rendered-legend=
&gt;rendered legend&lt;/a&gt;, if any, is expected to be
+  rendered over the top border edge of the &lt;code&gt;&lt;a href=3D#the=
-fieldset-element&gt;fieldset&lt;/a&gt;&lt;/code&gt; element as a 'block'=
 box
+  (overriding any explicit 'display' value). In the absence of an explic=
it width, the box should
+  shrink-wrap. If the &lt;code&gt;&lt;a href=3D#the-legend-element&gt;le=
gend&lt;/a&gt;&lt;/code&gt; element in question has an &lt;code title=3Da=
ttr-legend-align&gt;&lt;a href=3D#attr-legend-align&gt;align&lt;/a&gt;&lt=
;/code&gt; attribute, and its value is an &lt;a href=3D#ascii-case-insens=
itive&gt;ASCII
+  case-insensitive&lt;/a&gt; match for one of the strings in the first c=
olumn of the following table,
+  then the &lt;code&gt;&lt;a href=3D#the-legend-element&gt;legend&lt;/a&=
gt;&lt;/code&gt; is expected to be rendered horizontally aligned over the=
 border edge
+  in the position given in the corresponding cell on the same row in the=
 second column. If the
+  attribute is absent or has a value that doesn't match any of the cases=
 in the table, then the
+  position is expected to be on the right if the 'direction' property on=
 this element has a computed
+  value of 'rtl', and on the left otherwise.&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Attribute value
+     &lt;th&gt;Alignment position
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;lef=
t&lt;/code&gt;
+     &lt;td&gt;On the left
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;right&lt;/code&=
gt;
+     &lt;td&gt;On the right
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;center&lt;/code=
&gt;
+     &lt;td&gt;In the middle
+  &lt;/table&gt;&lt;h3 id=3Dreplaced-elements&gt;&lt;span class=3Dsecno&=
gt;14.4 &lt;/span&gt;Replaced elements&lt;/h3&gt;
+
+  &lt;h4 id=3Dembedded-content-2&gt;&lt;span class=3Dsecno&gt;14.4.1 &lt=
;/span&gt;Embedded content&lt;/h4&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-embed-element&gt;embed&lt;/=
a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;ifram=
e&lt;/a&gt;&lt;/code&gt;, and &lt;code&gt;&lt;a href=3D#the-video-element=
&gt;video&lt;/a&gt;&lt;/code&gt; elements are expected to be
+  treated as replaced elements.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/=
a&gt;&lt;/code&gt; element that &lt;a href=3D#represents&gt;represents&lt=
;/a&gt; &lt;a href=3D#embedded-content&gt;embedded content&lt;/a&gt; is
+  expected to be treated as a replaced element; the contents of such ele=
ments are the element's
+  bitmap, if any, or else a transparent black bitmap with the same intri=
nsic dimensions as the
+  element. Other &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&=
lt;/a&gt;&lt;/code&gt; elements are expected to be treated as ordinary el=
ements in the
+  rendering model.&lt;/p&gt;
+
+  &lt;p&gt;An &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;=
/a&gt;&lt;/code&gt; element that &lt;a href=3D#represents&gt;represents&l=
t;/a&gt; an image, plugin, or &lt;a href=3D#nested-browsing-context&gt;ne=
sted
+  browsing context&lt;/a&gt; is expected to be treated as a replaced ele=
ment. Other &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&=
gt;&lt;/code&gt;
+  elements are expected to be treated as ordinary elements in the render=
ing model.&lt;/p&gt;
+
+  &lt;p&gt;An &lt;code&gt;&lt;a href=3D#the-applet-element&gt;applet&lt;=
/a&gt;&lt;/code&gt; element that &lt;a href=3D#represents&gt;represents&l=
t;/a&gt; a &lt;a href=3D#plugin&gt;plugin&lt;/a&gt; is expected
+  to be treated as a replaced element. Other &lt;code&gt;&lt;a href=3D#t=
he-applet-element&gt;applet&lt;/a&gt;&lt;/code&gt; elements are expected =
to be treated
+  as ordinary elements in the rendering model.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-audio-element&gt;audio&lt;/=
a&gt;&lt;/code&gt; element, when it is &lt;a href=3D#expose-a-user-interf=
ace-to-the-user title=3D&quot;expose a user interface to the
+  user&quot;&gt;exposing a user interface&lt;/a&gt;, is expected to be t=
reated as a replaced element about one
+  line high, as wide as is necessary to expose the user agent's user int=
erface features. When an
+  &lt;code&gt;&lt;a href=3D#the-audio-element&gt;audio&lt;/a&gt;&lt;/cod=
e&gt; element is not &lt;a href=3D#expose-a-user-interface-to-the-user ti=
tle=3D&quot;expose a user interface to the user&quot;&gt;exposing a
+  user interface&lt;/a&gt;, the user agent is expected to force its 'dis=
play' property to compute to
+  'none', irrespective of CSS rules.&lt;/p&gt;
+
+  &lt;p&gt;Whether a &lt;code&gt;&lt;a href=3D#the-video-element&gt;vide=
o&lt;/a&gt;&lt;/code&gt; element is &lt;a href=3D#expose-a-user-interface=
-to-the-user title=3D&quot;expose a user interface to the
+  user&quot;&gt;exposing a user interface&lt;/a&gt; is not expected to a=
ffect the size of the rendering;
+  controls are expected to be overlaid above the page content without ca=
using any layout changes,
+  and are expected to disappear when the user does not need them.&lt;/p&=
gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-video-element&gt;video&l=
t;/a&gt;&lt;/code&gt; element represents a poster frame or frame of video=
, the poster frame
+  or frame of video is expected to be rendered at the largest size that =
maintains the aspect ratio
+  of that poster frame or frame of video without being taller or wider t=
han the &lt;code&gt;&lt;a href=3D#the-video-element&gt;video&lt;/a&gt;&lt=
;/code&gt;
+  element itself, and is expected to be centered in the &lt;code&gt;&lt;=
a href=3D#the-video-element&gt;video&lt;/a&gt;&lt;/code&gt; element.&lt;/=
p&gt;
+
+  &lt;p&gt;Any subtitles or captions are expected to be overlayed direct=
ly on top of their
+  &lt;code&gt;&lt;a href=3D#the-video-element&gt;video&lt;/a&gt;&lt;/cod=
e&gt; element, as defined by the relevant rendering rules; for &lt;a href=
=3D#webvtt&gt;WebVTT&lt;/a&gt;,
+  those are the &lt;a href=3D#rules-for-updating-the-display-of-webvtt-t=
ext-tracks&gt;rules for updating the display of WebVTT text tracks&lt;/a&=
gt;. &lt;a href=3D#refsWEBVTT&gt;[WEBVTT]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;When the user agent starts &lt;a href=3D#expose-a-user-interf=
ace-to-the-user title=3D&quot;expose a user interface to the user&quot;&g=
t;exposing a user
+  interface&lt;/a&gt; for a &lt;code&gt;&lt;a href=3D#the-video-element&=
gt;video&lt;/a&gt;&lt;/code&gt; element, the user agent should run the &l=
t;a href=3D#rules-for-updating-the-text-track-rendering&gt;rules for
+  updating the text track rendering&lt;/a&gt; of each of the &lt;a href=3D=
#text-track title=3D&quot;text track&quot;&gt;text
+  tracks&lt;/a&gt; in the &lt;code&gt;&lt;a href=3D#the-video-element&gt=
;video&lt;/a&gt;&lt;/code&gt; element's &lt;a href=3D#list-of-text-tracks=
&gt;list of text tracks&lt;/a&gt; that are &lt;a href=3D#text-track-showi=
ng title=3D&quot;text track showing&quot;&gt;showing&lt;/a&gt; and whose =
&lt;a href=3D#text-track-kind&gt;text track kind&lt;/a&gt; is one of &lt;=
code title=3Ddom-TextTrack-kind-subtitles&gt;&lt;a href=3D#dom-texttrack-=
kind-subtitles&gt;subtitles&lt;/a&gt;&lt;/code&gt; or &lt;code title=3Ddo=
m-TextTrack-kind-captions&gt;&lt;a href=3D#dom-texttrack-kind-captions&gt=
;captions&lt;/a&gt;&lt;/code&gt; (e.g., for &lt;a href=3D#text-track titl=
e=3D&quot;text track&quot;&gt;text
+  tracks&lt;/a&gt; based on &lt;a href=3D#webvtt&gt;WebVTT&lt;/a&gt;, th=
e &lt;a href=3D#rules-for-updating-the-display-of-webvtt-text-tracks&gt;r=
ules for updating the display of WebVTT
+  text tracks&lt;/a&gt;). &lt;a href=3D#refsWEBVTT&gt;[WEBVTT]&lt;/a&gt;=
&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Resizing &lt;code&gt;&lt;a href=3D#the-video-ele=
ment&gt;video&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-ca=
nvas-element&gt;canvas&lt;/a&gt;&lt;/code&gt; elements does not interrupt
+  video playback or clear the canvas.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The following CSS rules are expected to apply:&lt;/=
p&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+iframe:not([seamless]) { border: 2px inset; }
+iframe[seamless] { display: block; }
+&lt;span id=3Dvideo-object-fit&gt;video { object-fit: contain; }&lt;/spa=
n&gt;&lt;/pre&gt;
+
+
+  &lt;h4 id=3Dimages-0&gt;&lt;span class=3Dsecno&gt;14.4.2 &lt;/span&gt;=
Images&lt;/h4&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/=
a&gt;&lt;/code&gt; element or an &lt;code&gt;&lt;a href=3D#the-input-elem=
ent&gt;input&lt;/a&gt;&lt;/code&gt; element when its &lt;code title=3Datt=
r-input-type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&=
gt; attribute is in the &lt;a href=3D&quot;#image-button-state-(type=3Dim=
age)&quot; title=3Dattr-input-type-image&gt;Image
+  Button&lt;/a&gt; state &lt;a href=3D#represents&gt;represents&lt;/a&gt=
; an image, it is expected to be treated as a replaced
+  element.&lt;/p&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/=
a&gt;&lt;/code&gt; element or an &lt;code&gt;&lt;a href=3D#the-input-elem=
ent&gt;input&lt;/a&gt;&lt;/code&gt; element when its &lt;code title=3Datt=
r-input-type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&=
gt; attribute is in the &lt;a href=3D&quot;#image-button-state-(type=3Dim=
age)&quot; title=3Dattr-input-type-image&gt;Image
+  Button&lt;/a&gt; state does not &lt;a href=3D#represents title=3Drepre=
sents&gt;represent&lt;/a&gt; an image, but the element
+  already has intrinsic dimensions (e.g. from the &lt;a href=3D#dimensio=
n-attributes&gt;dimension attributes&lt;/a&gt; or CSS rules),
+  and either the user agent has reason to believe that the image will be=
come &lt;i title=3Dimg-available&gt;&lt;a href=3D#img-available&gt;availa=
ble&lt;/a&gt;&lt;/i&gt;&lt;!--input-img-available also--&gt; and be rende=
red in due course
+  or the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/co=
de&gt; is in &lt;a href=3D#quirks-mode&gt;quirks mode&lt;/a&gt;, the elem=
ent is expected to be treated
+  as a replaced element whose content is the text that the element repre=
sents, if any, optionally
+  alongside an icon indicating that the image is being obtained. For &lt=
;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; =
elements,
+  the text is expected to appear button-like to indicate that the elemen=
t is a &lt;a href=3D#concept-button title=3Dconcept-button&gt;button&lt;/=
a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; some text and the user agent does not
+  expect this to change, the element is expected to be treated as a non-=
replaced phrasing element
+  whose content is the text, optionally with an icon indicating that an =
image is missing, so that
+  the user can request the image be displayed or investigate why it is n=
ot rendering. In
+  non-graphical contexts, such an icon should be omitted.&lt;/p&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/=
a&gt;&lt;/code&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&g=
t; nothing and the user agent does not
+  expect this to change, the element is expected to not be rendered at a=
ll.&lt;/p&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/=
a&gt;&lt;/code&gt; element might be a key part of the content, but neithe=
r the image nor
+  any kind of alternative text is available, and the user agent does not=
 expect this to change, the
+  element is expected to be treated as a non-replaced phrasing element w=
hose content is an icon
+  indicating that an image is missing.&lt;/p&gt; &lt;!-- there's also a =
should requirement for this case in
+  the &lt;img&gt; section itself --&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&=
lt;/a&gt;&lt;/code&gt; element whose &lt;code title=3Dattr-input-type&gt;=
&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is
+  in the &lt;a href=3D&quot;#image-button-state-(type=3Dimage)&quot; tit=
le=3Dattr-input-type-image&gt;Image Button&lt;/a&gt; state does not &lt;a=
 href=3D#represents title=3Drepresents&gt;represent&lt;/a&gt; an image an=
d the user agent does not expect this to change,
+  the element is expected to be treated as a replaced element consisting=
 of a button whose content
+  is the element's alternative text. The intrinsic dimensions of the but=
ton are expected to be about
+  one line in height and whatever width is necessary to render the text =
on one line.&lt;/p&gt;
+
+  &lt;p&gt;The icons mentioned above are expected to be relatively small=
 so as not to disrupt most text
+  but be easily clickable. In a visual environment, for instance, icons =
could be 16 pixels by 16
+  pixels square, or 1em by 1em if the images are scalable. In an audio e=
nvironment, the icon could
+  be a short bleep. The icons are intended to indicate to the user that =
they can be used to get to
+  whatever options the UA provides for images, and, where appropriate, a=
re expected to provide
+  access to the context menu that would have come up if the user interac=
ted with the actual
+  image.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;All animated images with the same &lt;a href=3D#abs=
olute-url&gt;absolute URL&lt;/a&gt; and the same image data are
+  expected to be rendered synchronized to the same timeline as a group, =
with the timeline starting
+  at the time of the most recent addition to the group.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;In other words, the animation loop of an animate=
d image is restarted each time
+  another image with the same &lt;a href=3D#absolute-url&gt;absolute URL=
&lt;/a&gt; and image data begins to animate, e.g. after
+  being inserted into the document.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The following CSS rules are expected to apply when =
the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;=
 is in &lt;a href=3D#quirks-mode&gt;quirks
+  mode&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+img[align=3Dleft i] { margin-right: 3px; }
+img[align=3Dright i] { margin-left: 3px; }&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dattributes-for-embedded-content-and-images&gt;&lt;span cla=
ss=3Dsecno&gt;14.4.3 &lt;/span&gt;Attributes for embedded content and ima=
ges&lt;/h4&gt;
+
+  &lt;p&gt;The following CSS rules are expected to apply as &lt;a href=3D=
#presentational-hints&gt;presentational hints&lt;/a&gt;:&lt;/p&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+iframe[frameborder=3D0], iframe[frameborder=3Dno i] { border: none; }
+
+applet[align=3Dleft i], embed[align=3Dleft i], iframe[align=3Dleft i],
+img[align=3Dleft i], input[type=3Dimage i][align=3Dleft i], object[align=
=3Dleft i] {
+  float: left;
+}
+
+applet[align=3Dright i], embed[align=3Dright i], iframe[align=3Dright i]=
,
+img[align=3Dright i], input[type=3Dimage i][align=3Dright i], object[ali=
gn=3Dright i] {
+  float: right;
+}
+
+applet[align=3Dtop i], embed[align=3Dtop i], iframe[align=3Dtop i],
+img[align=3Dtop i], input[type=3Dimage i][align=3Dtop i], object[align=3D=
top i] {
+  vertical-align: top;
+}
+
+applet[align=3Dbaseline i], embed[align=3Dbaseline i], iframe[align=3Dba=
seline i],
+img[align=3Dbaseline i], input[type=3Dimage i][align=3Dbaseline i], obje=
ct[align=3Dbaseline i] {
+  vertical-align: baseline;
+}
+
+applet[align=3Dtexttop i], embed[align=3Dtexttop i], iframe[align=3Dtext=
top i],
+img[align=3Dtexttop i], input[type=3Dimage i][align=3Dtexttop i], object=
[align=3Dtexttop i] {
+  vertical-align: text-top;
+}
+
+applet[align=3Dabsmiddle i], embed[align=3Dabsmiddle i], iframe[align=3D=
absmiddle i],
+img[align=3Dabsmiddle i], input[type=3Dimage i][align=3Dabsmiddle i], ob=
ject[align=3Dabsmiddle i],
+applet[align=3Dabscenter i], embed[align=3Dabscenter i], iframe[align=3D=
abscenter i],
+img[align=3Dabscenter i], input[type=3Dimage i][align=3Dabscenter i], ob=
ject[align=3Dabscenter i] {
+  vertical-align: middle;
+}
+
+applet[align=3Dbottom i], embed[align=3Dbottom i], iframe[align=3Dbottom=
 i],
+img[align=3Dbottom i], input[type=3Dimage i][align=3Dbottom i],
+object[align=3Dbottom i] {
+  vertical-align: bottom;
+}&lt;/pre&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-applet-element&gt;apple=
t&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-embed-element&gt;=
embed&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-iframe-elemen=
t&gt;iframe&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-img-ele=
ment&gt;img&lt;/a&gt;&lt;/code&gt;, or
+  &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&lt;/c=
ode&gt; element, or an &lt;code&gt;&lt;a href=3D#the-input-element&gt;inp=
ut&lt;/a&gt;&lt;/code&gt; element whose &lt;code title=3Dattr-input-type&=
gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute=
 is in the &lt;a href=3D&quot;#image-button-state-(type=3Dimage)&quot; ti=
tle=3Dattr-input-type-image&gt;Image
+  Button&lt;/a&gt; state, has an &lt;code title=3Dattr-dim-align&gt;alig=
n&lt;/code&gt; attribute whose value is an
+  &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-insensitive&lt;/a&g=
t; match for the string &quot;&lt;code title=3D&quot;&quot;&gt;center&lt;=
/code&gt;&quot; or the
+  string &quot;&lt;code title=3D&quot;&quot;&gt;middle&lt;/code&gt;&quot=
;, the user agent is expected to act as if the element's
+  'vertical-align' property was set to a value that aligns the vertical =
middle of the element with
+  the parent element's baseline.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-dim-hspace&gt;hspace&lt;/code&gt; a=
ttribute of &lt;code&gt;&lt;a href=3D#the-applet-element&gt;applet&lt;/a&=
gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-embed-element&gt;embed&lt;/a&gt;&lt;/cod=
e&gt;, &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&l=
t;/code&gt;, &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&l=
t;/code&gt;, or &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt=
;/a&gt;&lt;/code&gt; elements, and
+  &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/cod=
e&gt; elements with a &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#a=
ttr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute in the
+  &lt;a href=3D&quot;#image-button-state-(type=3Dimage)&quot; title=3Dat=
tr-input-type-image&gt;Image Button&lt;/a&gt; state, &lt;a href=3D#maps-t=
o-the-dimension-property title=3D&quot;maps to the dimension
+  property&quot;&gt;maps to the dimension properties&lt;/a&gt; 'margin-l=
eft' and 'margin-right' on the
+  element.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-dim-vspace&gt;vspace&lt;/code&gt; a=
ttribute of &lt;code&gt;&lt;a href=3D#the-applet-element&gt;applet&lt;/a&=
gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-embed-element&gt;embed&lt;/a&gt;&lt;/cod=
e&gt;, &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&l=
t;/code&gt;, &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&l=
t;/code&gt;, or &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt=
;/a&gt;&lt;/code&gt; elements, and
+  &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/cod=
e&gt; elements with a &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#a=
ttr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute in the
+  &lt;a href=3D&quot;#image-button-state-(type=3Dimage)&quot; title=3Dat=
tr-input-type-image&gt;Image Button&lt;/a&gt; state, &lt;a href=3D#maps-t=
o-the-dimension-property title=3D&quot;maps to the dimension
+  property&quot;&gt;maps to the dimension properties&lt;/a&gt; 'margin-t=
op' and 'margin-bottom' on the
+  element.&lt;/p&gt;
+
+  &lt;p&gt;When an &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/=
a&gt;&lt;/code&gt; element, &lt;code&gt;&lt;a href=3D#the-object-element&=
gt;object&lt;/a&gt;&lt;/code&gt; element, or &lt;code&gt;&lt;a href=3D#th=
e-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element
+  with a &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-ty=
pe&gt;type&lt;/a&gt;&lt;/code&gt; attribute in the &lt;a href=3D&quot;#im=
age-button-state-(type=3Dimage)&quot; title=3Dattr-input-type-image&gt;Im=
age Button&lt;/a&gt; state has a &lt;code title=3Dattr-dim-border&gt;bord=
er&lt;/code&gt; attribute whose value, when parsed using the &lt;a href=3D=
#rules-for-parsing-non-negative-integers&gt;rules for
+  parsing non-negative integers&lt;/a&gt;, is found to be a number great=
er than zero, the user agent is
+  expected to use the parsed value for eight &lt;a href=3D#presentationa=
l-hints&gt;presentational hints&lt;/a&gt;: four setting the
+  parsed value as a pixel length for the element's 'border-top-width', '=
border-right-width',
+  'border-bottom-width', and 'border-left-width' properties, and four se=
tting the element's
+  'border-top-style', 'border-right-style', 'border-bottom-style', and '=
border-left-style'
+  properties to the value 'solid'.&lt;/p&gt;
+
+  &lt;p id=3DdimRendering&gt;The &lt;code title=3Dattr-dim-width&gt;&lt;=
a href=3D#attr-dim-width&gt;width&lt;/a&gt;&lt;/code&gt; and &lt;code tit=
le=3Dattr-dim-height&gt;&lt;a href=3D#attr-dim-height&gt;height&lt;/a&gt;=
&lt;/code&gt; attributes on &lt;code&gt;&lt;a href=3D#the-applet-element&=
gt;applet&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-embed-ele=
ment&gt;embed&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/c=
ode&gt;, &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;=
&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#the-video-element&gt;video&lt;=
/a&gt;&lt;/code&gt; elements, and &lt;code&gt;&lt;a href=3D#the-input-ele=
ment&gt;input&lt;/a&gt;&lt;/code&gt;
+  elements with a &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr=
-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute in the &lt;a href=3D=
&quot;#image-button-state-(type=3Dimage)&quot; title=3Dattr-input-type-im=
age&gt;Image Button&lt;/a&gt; state and that either represents an image o=
r
+  that the user expects will eventually represent an image, &lt;a href=3D=
#maps-to-the-dimension-property title=3D&quot;maps to the dimension
+  property&quot;&gt;map to the dimension properties&lt;/a&gt; 'width' an=
d 'height' on the element
+  respectively.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dimage-maps-0&gt;&lt;span class=3Dsecno&gt;14.4.4 &lt;/span=
&gt;Image maps&lt;/h4&gt;
+
+  &lt;p&gt;Shapes on an &lt;a href=3D#image-map&gt;image map&lt;/a&gt; a=
re expected to act, for the purpose of the CSS cascade, as
+  elements independent of the original &lt;code&gt;&lt;a href=3D#the-are=
a-element&gt;area&lt;/a&gt;&lt;/code&gt; element that happen to match the=
 same style
+  rules but inherit from the &lt;code&gt;&lt;a href=3D#the-img-element&g=
t;img&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#the-object-elem=
ent&gt;object&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;p&gt;For the purposes of the rendering, only the 'cursor' property=
 is expected to have any effect on
+  the shape.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;Thus, for example, if an &lt;code&gt;&lt;a hr=
ef=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&gt; element has a &lt;c=
ode title=3Dattr-style&gt;&lt;a href=3D#the-style-attribute&gt;style&lt;/=
a&gt;&lt;/code&gt; attribute that sets the 'cursor' property to 'help', t=
hen when the
+  user designates that shape, the cursor would change to a Help cursor.&=
lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;Similarly, if an &lt;code&gt;&lt;a href=3D#th=
e-area-element&gt;area&lt;/a&gt;&lt;/code&gt; element had a CSS rule that=
 set its 'cursor'
+  property to 'inherit' (or if no rule setting the 'cursor' property mat=
ched the element at all),
+  the shape's cursor would be inherited from the &lt;code&gt;&lt;a href=3D=
#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D=
#the-object-element&gt;object&lt;/a&gt;&lt;/code&gt; element of
+  the &lt;a href=3D#image-map&gt;image map&lt;/a&gt;, not from the paren=
t of the &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;=
/code&gt; element.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h3 id=3Dbindings&gt;&lt;span class=3Dsecno&gt;14.5 &lt;/span&gt;Bi=
ndings&lt;/h3&gt;
+
+  &lt;h4 id=3Dintroduction-14&gt;&lt;span class=3Dsecno&gt;14.5.1 &lt;/s=
pan&gt;Introduction&lt;/h4&gt;
+
+  &lt;p&gt;A number of elements have their rendering defined in terms of=
 the 'binding' property. &lt;a href=3D#refsBECSS&gt;[BECSS]&lt;/a&gt;&lt;=
/p&gt;
+
+  &lt;p&gt;The CSS snippets below set the 'binding' property to a user-a=
gent-defined value, represented
+  below by keywords like &lt;code title=3D&quot;&quot;&gt;&lt;i title=3D=
&quot;&quot;&gt;button&lt;/i&gt;&lt;/code&gt;. The rules then described f=
or
+  these bindings are only expected to apply if the element's 'binding' p=
roperty has not been
+  overridden (e.g. by the author) to have another value.&lt;/p&gt;
+
+  &lt;p&gt;Exactly how the bindings are implemented is not specified by =
this specification. User agents
+  are encouraged to make their bindings set the 'appearance' CSS propert=
y appropriately to achieve
+  platform-native appearances for widgets, and are expected to implement=
 any relevant animations,
+  etc, that are appropriate for the platform. &lt;a href=3D#refsCSSUI&gt=
;[CSSUI]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dthe-button-element-0&gt;&lt;span class=3Dsecno&gt;14.5.2 &=
lt;/span&gt;The &lt;code&gt;&lt;a href=3D#the-button-element&gt;button&lt=
;/a&gt;&lt;/code&gt; element&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+button { binding: &lt;i title=3D&quot;&quot;&gt;button&lt;/i&gt;; }&lt;/=
pre&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;button&lt;/i&gt; bindi=
ng applies to a &lt;code&gt;&lt;a href=3D#the-button-element&gt;button&lt=
;/a&gt;&lt;/code&gt; element, the element
+  is expected to render as an 'inline-block' box rendered as a button wh=
ose contents are the
+  contents of the element.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;code&gt;&lt;a href=3D#the-button-element&gt;butt=
on&lt;/a&gt;&lt;/code&gt; element's &lt;code title=3Dattr-button-type&gt;=
&lt;a href=3D#attr-button-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute i=
s
+  in the &lt;a href=3D#attr-button-type-menu-state title=3Dattr-button-t=
ype-menu-state&gt;Menu&lt;/a&gt; state, the user agent is expected to
+  indicate that activating the element will display a menu, e.g. by disp=
laying a down-pointing
+  triangle after the button's label.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dthe-details-element-0&gt;&lt;span class=3Dsecno&gt;14.5.3 =
&lt;/span&gt;The &lt;code&gt;&lt;a href=3D#the-details-element&gt;details=
&lt;/a&gt;&lt;/code&gt; element&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+details { binding: &lt;i title=3D&quot;&quot;&gt;details&lt;/i&gt;; }&lt=
;/pre&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;details&lt;/i&gt; bind=
ing applies to a &lt;code&gt;&lt;a href=3D#the-details-element&gt;details=
&lt;/a&gt;&lt;/code&gt; element, the element
+  is expected to render as a 'block' box with its 'padding-left' propert=
y set to '40px' for
+  left-to-right elements (&lt;a href=3D#ltr-specific&gt;LTR-specific&lt;=
/a&gt;) and with its 'padding-right' property set to
+  '40px' for right-to-left elements. The element's shadow tree is expect=
ed to take the element's
+  first child &lt;code&gt;&lt;a href=3D#the-summary-element&gt;summary&l=
t;/a&gt;&lt;/code&gt; element, if any, and place it in a first 'block' bo=
x container,
+  and then take the element's remaining descendants, if any, and place t=
hem in a second 'block' box
+  container.&lt;/p&gt;
+
+  &lt;p&gt;The first container is expected to contain at least one line =
box, and that line box is expected
+  to contain a disclosure widget (typically a triangle), horizontally po=
sitioned within the left
+  padding of the &lt;code&gt;&lt;a href=3D#the-details-element&gt;detail=
s&lt;/a&gt;&lt;/code&gt; element. That widget is expected to allow the us=
er to request
+  that the details be shown or hidden.&lt;/p&gt;
+
+  &lt;p&gt;The second container is expected to have its 'overflow' prope=
rty set to 'hidden'. When the
+  &lt;code&gt;&lt;a href=3D#the-details-element&gt;details&lt;/a&gt;&lt;=
/code&gt; element does not have an &lt;code title=3Dattr-details-open&gt;=
&lt;a href=3D#attr-details-open&gt;open&lt;/a&gt;&lt;/code&gt;
+  attribute, this second container is expected to be removed from the re=
ndering.&lt;/p&gt;
+
+  &lt;!-- http://mail.gnome.org/archives/usability/2006-June/msg00015.ht=
ml --&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dthe-input-element-as-a-text-entry-widget&gt;&lt;span class=
=3Dsecno&gt;14.5.4 &lt;/span&gt;The &lt;code&gt;&lt;a href=3D#the-input-e=
lement&gt;input&lt;/a&gt;&lt;/code&gt; element as a text entry widget&lt;=
/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+input { binding: &lt;i title=3D&quot;&quot;&gt;input-textfield&lt;/i&gt;=
; }
+input[type=3Dpassword i] { binding: &lt;i title=3D&quot;&quot;&gt;input-=
password&lt;/i&gt;; }
+/* later rules override this for other values of type=3D&quot;&quot; */&=
lt;/pre&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;input-textfield&lt;/i&=
gt; binding applies to an &lt;code&gt;&lt;a href=3D#the-input-element&gt;=
input&lt;/a&gt;&lt;/code&gt; element whose
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#text-(=
type=3Dtext)-state-and-search-state-(type=3Dsearch)&quot; title=3Dattr-in=
put-type-text&gt;Text&lt;/a&gt;, &lt;a href=3D&quot;#text-(type=3Dtext)-s=
tate-and-search-state-(type=3Dsearch)&quot; title=3Dattr-input-type-searc=
h&gt;Search&lt;/a&gt;,
+  &lt;a href=3D&quot;#telephone-state-(type=3Dtel)&quot; title=3Dattr-in=
put-type-tel&gt;Telephone&lt;/a&gt;, &lt;a href=3D&quot;#url-state-(type=3D=
url)&quot; title=3Dattr-input-type-url&gt;URL&lt;/a&gt;,
+  or &lt;a href=3D&quot;#e-mail-state-(type=3Demail)&quot; title=3Dattr-=
input-type-email&gt;E-mail&lt;/a&gt; state, the element is expected to re=
nder as
+  an 'inline-block' box rendered as a text field.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;input-password&lt;/i&g=
t; binding applies, to an &lt;code&gt;&lt;a href=3D#the-input-element&gt;=
input&lt;/a&gt;&lt;/code&gt; element whose
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#passwo=
rd-state-(type=3Dpassword)&quot; title=3Dattr-input-type-password&gt;Pass=
word&lt;/a&gt; state, the element is expected to render as an
+  'inline-block' box rendered as a text field whose contents are obscure=
d.&lt;/p&gt;
+
+  &lt;p&gt;If an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt=
;/a&gt;&lt;/code&gt; element whose &lt;code title=3Dattr-input-type&gt;&l=
t;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is
+  in one of the above states has a &lt;code title=3Dattr-input-size&gt;&=
lt;a href=3D#attr-input-size&gt;size&lt;/a&gt;&lt;/code&gt; attribute, an=
d parsing
+  that attribute's value using the &lt;a href=3D#rules-for-parsing-non-n=
egative-integers&gt;rules for parsing non-negative integers&lt;/a&gt; doe=
sn't
+  generate an error, then the user agent is expected to use the attribut=
e as a &lt;a href=3D#presentational-hints title=3D&quot;presentational hi=
nts&quot;&gt;presentational hint&lt;/a&gt; for the 'width' property on th=
e element,
+  with the value obtained from applying the &lt;a href=3D#converting-a-c=
haracter-width-to-pixels&gt;converting a character width to pixels&lt;/a&=
gt;
+  algorithm to the value of the attribute.&lt;/p&gt;
+
+  &lt;p&gt;If an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt=
;/a&gt;&lt;/code&gt; element whose &lt;code title=3Dattr-input-type&gt;&l=
t;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is
+  in one of the above states does &lt;em&gt;not&lt;/em&gt; have a &lt;co=
de title=3Dattr-input-size&gt;&lt;a href=3D#attr-input-size&gt;size&lt;/a=
&gt;&lt;/code&gt;
+  attribute, then the user agent is expected to act as if it had a user-=
agent-level style sheet rule
+  setting the 'width' property on the element to the value obtained from=
 applying the
+  &lt;a href=3D#converting-a-character-width-to-pixels&gt;converting a c=
haracter width to pixels&lt;/a&gt; algorithm to the number 20.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dconverting-a-character-width-to-pixels&gt;co=
nverting a character width to pixels&lt;/dfn&gt; algorithm returns &lt;sp=
an title=3D&quot;&quot;&gt;(&lt;var title=3D&quot;&quot;&gt;size&lt;/var&=
gt;-1)&amp;times;&lt;var title=3D&quot;&quot;&gt;avg&lt;/var&gt;&amp;nbsp=
;+&amp;nbsp;&lt;var title=3D&quot;&quot;&gt;max&lt;/var&gt;&lt;/span&gt;,
+  where &lt;var title=3D&quot;&quot;&gt;size&lt;/var&gt; is the characte=
r width to convert, &lt;var title=3D&quot;&quot;&gt;avg&lt;/var&gt; is th=
e
+  average character width of the primary font for the element for which =
the algorithm is being run,
+  in pixels, and &lt;var title=3D&quot;&quot;&gt;max&lt;/var&gt; is the =
maximum character width of that same font, also in
+  pixels. (The element's 'letter-spacing' property does not affect the r=
esult.)&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dthe-input-element-as-domain-specific-widgets&gt;&lt;span c=
lass=3Dsecno&gt;14.5.5 &lt;/span&gt;The &lt;code&gt;&lt;a href=3D#the-inp=
ut-element&gt;input&lt;/a&gt;&lt;/code&gt; element as domain-specific wid=
gets&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+input[type=3Ddatetime i] { binding: &lt;i title=3D&quot;&quot;&gt;input-=
datetime&lt;/i&gt;; }
+input[type=3Ddate i] { binding: &lt;i title=3D&quot;&quot;&gt;input-date=
&lt;/i&gt;; }
+input[type=3Dmonth i] { binding: &lt;i title=3D&quot;&quot;&gt;input-mon=
th&lt;/i&gt;; }
+input[type=3Dweek i] { binding: &lt;i title=3D&quot;&quot;&gt;input-week=
&lt;/i&gt;; }
+input[type=3Dtime i] { binding: &lt;i title=3D&quot;&quot;&gt;input-time=
&lt;/i&gt;; }
+input[type=3Ddatetime-local i] { binding: &lt;i title=3D&quot;&quot;&gt;=
input-datetime-local&lt;/i&gt;; }
+input[type=3Dnumber i] { binding: &lt;i title=3D&quot;&quot;&gt;input-nu=
mber&lt;/i&gt;; }&lt;/pre&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;input-datetime&lt;/i&g=
t; binding applies to an &lt;code&gt;&lt;a href=3D#the-input-element&gt;i=
nput&lt;/a&gt;&lt;/code&gt; element whose
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#date-a=
nd-time-state-(type=3Ddatetime)&quot; title=3Dattr-input-type-datetime&gt=
;Date and Time&lt;/a&gt; state, the element is expected to render as
+  an 'inline-block' box depicting a Date and Time control.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;input-date&lt;/i&gt; b=
inding applies to an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input=
&lt;/a&gt;&lt;/code&gt; element whose
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#date-s=
tate-(type=3Ddate)&quot; title=3Dattr-input-type-date&gt;Date&lt;/a&gt; s=
tate, the element is expected to render as an
+  'inline-block' box depicting a Date control.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;input-month&lt;/i&gt; =
binding applies to an &lt;code&gt;&lt;a href=3D#the-input-element&gt;inpu=
t&lt;/a&gt;&lt;/code&gt; element whose
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#month-=
state-(type=3Dmonth)&quot; title=3Dattr-input-type-month&gt;Month&lt;/a&g=
t; state, the element is expected to render as an
+  'inline-block' box depicting a Month control.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;input-week&lt;/i&gt; b=
inding applies to an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input=
&lt;/a&gt;&lt;/code&gt; element whose
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#week-s=
tate-(type=3Dweek)&quot; title=3Dattr-input-type-week&gt;Week&lt;/a&gt; s=
tate, the element is expected to render as an
+  'inline-block' box depicting a Week control.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;input-time&lt;/i&gt; b=
inding applies to an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input=
&lt;/a&gt;&lt;/code&gt; element whose
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#time-s=
tate-(type=3Dtime)&quot; title=3Dattr-input-type-time&gt;Time&lt;/a&gt; s=
tate, the element is expected to render as an
+  'inline-block' box depicting a Time control.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;input-datetime-local&l=
t;/i&gt; binding applies to an &lt;code&gt;&lt;a href=3D#the-input-elemen=
t&gt;input&lt;/a&gt;&lt;/code&gt; element
+  whose &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-typ=
e&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#=
local-date-and-time-state-(type=3Ddatetime-local)&quot; title=3Dattr-inpu=
t-type-datetime-local&gt;Local Date and Time&lt;/a&gt; state, the element=
 is expected
+  to render as an 'inline-block' box depicting a Local Date and Time con=
trol.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;input-number&lt;/i&gt;=
 binding applies to an &lt;code&gt;&lt;a href=3D#the-input-element&gt;inp=
ut&lt;/a&gt;&lt;/code&gt; element whose
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#number=
-state-(type=3Dnumber)&quot; title=3Dattr-input-type-number&gt;Number&lt;=
/a&gt; state, the element is expected to render as an
+  'inline-block' box depicting a Number control.&lt;/p&gt;
+
+  &lt;p&gt;These controls are all expected to be about one line high, an=
d about as wide as necessary to
+  show the widest possible value.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dthe-input-element-as-a-range-control&gt;&lt;span class=3Ds=
ecno&gt;14.5.6 &lt;/span&gt;The &lt;code&gt;&lt;a href=3D#the-input-eleme=
nt&gt;input&lt;/a&gt;&lt;/code&gt; element as a range control&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+input[type=3Drange i] { binding: &lt;i title=3D&quot;&quot;&gt;input-ran=
ge&lt;/i&gt;; }&lt;/pre&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;input-range&lt;/i&gt; =
binding applies to an &lt;code&gt;&lt;a href=3D#the-input-element&gt;inpu=
t&lt;/a&gt;&lt;/code&gt; element whose
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#range-=
state-(type=3Drange)&quot; title=3Dattr-input-type-range&gt;Range&lt;/a&g=
t; state, the element is expected to render as an
+  'inline-block' box depicting a slider control.&lt;/p&gt;
+
+  &lt;p&gt;When the control is wider than it is tall (or square), the co=
ntrol is expected to be a
+  horizontal slider, with the lowest value on the right if the 'directio=
n' property on this element
+  has a computed value of 'rtl', and on the left otherwise. When the con=
trol is taller than it is
+  wide, it is expected to be a vertical slider, with the lowest value on=
 the bottom.&lt;/p&gt;
+
+  &lt;p&gt;Predefined suggested values (provided by the &lt;code title=3D=
attr-input-list&gt;&lt;a href=3D#attr-input-list&gt;list&lt;/a&gt;&lt;/co=
de&gt;
+  attribute) are expected to be shown as tick marks on the slider, which=
 the slider can snap to.&lt;/p&gt;
+
+  &lt;p&gt;User agents are expected to use the used value of the 'direct=
ion' property on the element to
+  determine the direction in which the slider operates. Typically, a lef=
t-to-right ('ltr')
+  horizontal control would have the lowest value on the left and the hig=
hest value on the right, and
+  vice versa.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dthe-input-element-as-a-color-well&gt;&lt;span class=3Dsecn=
o&gt;14.5.7 &lt;/span&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&=
gt;input&lt;/a&gt;&lt;/code&gt; element as a color well&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+input[type=3Dcolor i] { binding: &lt;i title=3D&quot;&quot;&gt;input-col=
or&lt;/i&gt;; }&lt;/pre&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;input-color&lt;/i&gt; =
binding applies to an &lt;code&gt;&lt;a href=3D#the-input-element&gt;inpu=
t&lt;/a&gt;&lt;/code&gt; element whose
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#color-=
state-(type=3Dcolor)&quot; title=3Dattr-input-type-color&gt;Color&lt;/a&g=
t; state, the element is expected to render as an
+  'inline-block' box depicting a color well, which, when activated, prov=
ides the user with a color
+  picker (e.g. a color wheel or color palette) from which the color can =
be changed.&lt;/p&gt;
+
+  &lt;p&gt;Predefined suggested values (provided by the &lt;code title=3D=
attr-input-list&gt;&lt;a href=3D#attr-input-list&gt;list&lt;/a&gt;&lt;/co=
de&gt;
+  attribute) are expected to be shown in the color picker interface, not=
 on the color well
+  itself.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dthe-input-element-as-a-checkbox-and-radio-button-widgets&g=
t;&lt;span class=3Dsecno&gt;14.5.8 &lt;/span&gt;The &lt;code&gt;&lt;a hre=
f=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; element as a check=
box and radio button widgets&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+input[type=3Dcheckbox i] { binding: &lt;i title=3D&quot;&quot;&gt;input-=
checkbox&lt;/i&gt;; }
+input[type=3Dradio i] { binding: &lt;i title=3D&quot;&quot;&gt;input-rad=
io&lt;/i&gt;; }&lt;/pre&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;input-checkbox&lt;/i&g=
t; binding applies to an &lt;code&gt;&lt;a href=3D#the-input-element&gt;i=
nput&lt;/a&gt;&lt;/code&gt; element whose
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#checkb=
ox-state-(type=3Dcheckbox)&quot; title=3Dattr-input-type-checkbox&gt;Chec=
kbox&lt;/a&gt; state, the element is expected to render as an
+  'inline-block' box containing a single checkbox control, with no label=
.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;input-radio&lt;/i&gt; =
binding applies to an &lt;code&gt;&lt;a href=3D#the-input-element&gt;inpu=
t&lt;/a&gt;&lt;/code&gt; element whose
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#radio-=
button-state-(type=3Dradio)&quot; title=3Dattr-input-type-radio&gt;Radio =
Button&lt;/a&gt; state, the element is expected to render as an
+  'inline-block' box containing a single radio button control, with no l=
abel.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dthe-input-element-as-a-file-upload-control&gt;&lt;span cla=
ss=3Dsecno&gt;14.5.9 &lt;/span&gt;The &lt;code&gt;&lt;a href=3D#the-input=
-element&gt;input&lt;/a&gt;&lt;/code&gt; element as a file upload control=
&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+input[type=3Dfile i] { binding: &lt;i title=3D&quot;&quot;&gt;input-file=
&lt;/i&gt;; }&lt;/pre&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;input-file&lt;/i&gt; b=
inding applies to an &lt;code&gt;&lt;a href=3D#the-input-element&gt;input=
&lt;/a&gt;&lt;/code&gt; element whose
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#file-u=
pload-state-(type=3Dfile)&quot; title=3Dattr-input-type-file&gt;File Uplo=
ad&lt;/a&gt; state, the element is expected to render as an
+  'inline-block' box containing a span of text giving the file name(s) o=
f the &lt;a href=3D#concept-input-type-file-selected title=3Dconcept-inpu=
t-type-file-selected&gt;selected files&lt;/a&gt;, if any, followed by a b=
utton that,
+  when activated, provides the user with a file picker from which the se=
lection can be changed.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dthe-input-element-as-a-button&gt;&lt;span class=3Dsecno&gt=
;14.5.10 &lt;/span&gt;The &lt;code&gt;&lt;a href=3D#the-input-element&gt;=
input&lt;/a&gt;&lt;/code&gt; element as a button&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+input[type=3Dsubmit i], input[type=3Dreset i], input[type=3Dbutton i] {
+  binding: &lt;i title=3D&quot;&quot;&gt;input-button&lt;/i&gt;;
+}&lt;/pre&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;input-button&lt;/i&gt;=
 binding applies to an &lt;code&gt;&lt;a href=3D#the-input-element&gt;inp=
ut&lt;/a&gt;&lt;/code&gt; element whose
+  &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&gt;t=
ype&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D&quot;#submit=
-button-state-(type=3Dsubmit)&quot; title=3Dattr-input-type-submit&gt;Sub=
mit Button&lt;/a&gt;, &lt;a href=3D&quot;#reset-button-state-(type=3Drese=
t)&quot; title=3Dattr-input-type-reset&gt;Reset
+  Button&lt;/a&gt;, or &lt;a href=3D&quot;#button-state-(type=3Dbutton)&=
quot; title=3Dattr-input-type-button&gt;Button&lt;/a&gt; state, the eleme=
nt is
+  expected to render as an 'inline-block' box rendered as a button, abou=
t one line high, containing
+  the contents of the element's &lt;code title=3Dattr-input-value&gt;&lt=
;a href=3D#attr-input-value&gt;value&lt;/a&gt;&lt;/code&gt; attribute, if=
 any, or
+  text derived from the element's &lt;code title=3Dattr-input-type&gt;&l=
t;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute in a
+  user-agent-defined (and probably locale-specific) fashion, if not.&lt;=
/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dthe-marquee-element-0&gt;&lt;span class=3Dsecno&gt;14.5.11=
 &lt;/span&gt;The &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marque=
e&lt;/a&gt;&lt;/code&gt; element&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+marquee { binding: &lt;i title=3D&quot;&quot;&gt;marquee&lt;/i&gt;; }&lt=
;/pre&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;marquee&lt;/i&gt; bind=
ing applies to a &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee=
&lt;/a&gt;&lt;/code&gt; element, while the
+  element is &lt;a href=3D#concept-marquee-on title=3Dconcept-marquee-on=
&gt;turned on&lt;/a&gt;, the element is expected to render in
+  an animated fashion according to its attributes as follows:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;If the element's &lt;code title=3Dattr-marquee-beh=
avior&gt;&lt;a href=3D#attr-marquee-behavior&gt;behavior&lt;/a&gt;&lt;/co=
de&gt; attribute is in the
+   &lt;a href=3D#attr-marquee-behavior-scroll title=3Dattr-marquee-behav=
ior-scroll&gt;scroll&lt;/a&gt; state&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Slide the contents of the element in the direction describe=
d by the &lt;code title=3Dattr-marquee-direction&gt;&lt;a href=3D#attr-ma=
rquee-direction&gt;direction&lt;/a&gt;&lt;/code&gt; attribute as defined =
below, such that it begins
+    off the start side of the &lt;code&gt;&lt;a href=3D#the-marquee-elem=
ent&gt;marquee&lt;/a&gt;&lt;/code&gt;, and ends flush with the inner end =
side.&lt;/p&gt;
+
+    &lt;p class=3Dexample&gt;For example, if the &lt;code title=3Dattr-m=
arquee-direction&gt;&lt;a href=3D#attr-marquee-direction&gt;direction&lt;=
/a&gt;&lt;/code&gt;
+    attribute is &lt;a href=3D#attr-marquee-direction-left title=3Dattr-=
marquee-direction-left&gt;left&lt;/a&gt; (the default), then the
+    contents would start such that their left edge are off the side of t=
he right edge of the
+    &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&l=
t;/code&gt;'s content area, and the contents would then slide up to the p=
oint where the
+    left edge of the contents are flush with the left inner edge of the =
&lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&lt;/co=
de&gt;'s
+    content area.&lt;/p&gt;
+
+    &lt;p&gt;Once the animation has ended, the user agent is expected to=
 &lt;a href=3D#increment-the-marquee-current-loop-index&gt;increment the =
marquee
+    current loop index&lt;/a&gt;. If the element is still &lt;a href=3D#=
concept-marquee-on title=3Dconcept-marquee-on&gt;turned
+    on&lt;/a&gt; after this, then the user agent is expected to restart =
the animation.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;If the element's &lt;code title=3Dattr-marquee-behavior&gt;=
&lt;a href=3D#attr-marquee-behavior&gt;behavior&lt;/a&gt;&lt;/code&gt; at=
tribute is in the
+   &lt;a href=3D#attr-marquee-behavior-slide title=3Dattr-marquee-behavi=
or-slide&gt;slide&lt;/a&gt; state&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Slide the contents of the element in the direction describe=
d by the &lt;code title=3Dattr-marquee-direction&gt;&lt;a href=3D#attr-ma=
rquee-direction&gt;direction&lt;/a&gt;&lt;/code&gt; attribute as defined =
below, such that it begins
+    off the start side of the &lt;code&gt;&lt;a href=3D#the-marquee-elem=
ent&gt;marquee&lt;/a&gt;&lt;/code&gt;, and ends off the end side of the
+    &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&l=
t;/code&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dexample&gt;For example, if the &lt;code title=3Dattr-m=
arquee-direction&gt;&lt;a href=3D#attr-marquee-direction&gt;direction&lt;=
/a&gt;&lt;/code&gt;
+    attribute is &lt;a href=3D#attr-marquee-direction-left title=3Dattr-=
marquee-direction-left&gt;left&lt;/a&gt; (the default), then the
+    contents would start such that their left edge are off the side of t=
he right edge of the
+    &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&l=
t;/code&gt;'s content area, and the contents would then slide up to the p=
oint where the
+    &lt;em&gt;right&lt;/em&gt; edge of the contents are flush with the l=
eft inner edge of the
+    &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&l=
t;/code&gt;'s content area.&lt;/p&gt;
+
+    &lt;p&gt;Once the animation has ended, the user agent is expected to=
 &lt;a href=3D#increment-the-marquee-current-loop-index&gt;increment the =
marquee
+    current loop index&lt;/a&gt;. If the element is still &lt;a href=3D#=
concept-marquee-on title=3Dconcept-marquee-on&gt;turned
+    on&lt;/a&gt; after this, then the user agent is expected to restart =
the animation.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;If the element's &lt;code title=3Dattr-marquee-behavior&gt;=
&lt;a href=3D#attr-marquee-behavior&gt;behavior&lt;/a&gt;&lt;/code&gt; at=
tribute is in the
+   &lt;a href=3D#attr-marquee-behavior-alternate title=3Dattr-marquee-be=
havior-alternate&gt;alternate&lt;/a&gt; state&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;When the &lt;a href=3D#marquee-current-loop-index&gt;marque=
e current loop index&lt;/a&gt; is even (or zero), slide the contents of t=
he
+    element in the direction described by the &lt;code title=3Dattr-marq=
uee-direction&gt;&lt;a href=3D#attr-marquee-direction&gt;direction&lt;/a&=
gt;&lt;/code&gt;
+    attribute as defined below, such that it begins flush with the start=
 side of the
+    &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&l=
t;/code&gt;, and ends flush with the end side of the &lt;code&gt;&lt;a hr=
ef=3D#the-marquee-element&gt;marquee&lt;/a&gt;&lt;/code&gt;.&lt;/p&gt;
+
+    &lt;p&gt;When the &lt;a href=3D#marquee-current-loop-index&gt;marque=
e current loop index&lt;/a&gt; is odd, slide the contents of the element =
in
+    the opposite direction than that described by the &lt;code title=3Da=
ttr-marquee-direction&gt;&lt;a href=3D#attr-marquee-direction&gt;directio=
n&lt;/a&gt;&lt;/code&gt; attribute as defined below, such that it begins
+    flush with the end side of the &lt;code&gt;&lt;a href=3D#the-marquee=
-element&gt;marquee&lt;/a&gt;&lt;/code&gt;, and ends flush with the start=
 side of the
+    &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&l=
t;/code&gt;.&lt;/p&gt;
+
+    &lt;p class=3Dexample&gt;For example, if the &lt;code title=3Dattr-m=
arquee-direction&gt;&lt;a href=3D#attr-marquee-direction&gt;direction&lt;=
/a&gt;&lt;/code&gt;
+    attribute is &lt;a href=3D#attr-marquee-direction-left title=3Dattr-=
marquee-direction-left&gt;left&lt;/a&gt; (the default), then the
+    contents would with their right edge flush with the right inner edge=
 of the
+    &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&l=
t;/code&gt;'s content area, and the contents would then slide up to the p=
oint where the
+    &lt;em&gt;left&lt;/em&gt; edge of the contents are flush with the le=
ft inner edge of the
+    &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&l=
t;/code&gt;'s content area.&lt;/p&gt;
+
+    &lt;p&gt;Once the animation has ended, the user agent is expected to=
 &lt;a href=3D#increment-the-marquee-current-loop-index&gt;increment the =
marquee
+    current loop index&lt;/a&gt;. If the element is still &lt;a href=3D#=
concept-marquee-on title=3Dconcept-marquee-on&gt;turned
+    on&lt;/a&gt; after this, then the user agent is expected to continue=
 the animation.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;The &lt;code title=3Dattr-marquee-direction&gt;&lt=
;a href=3D#attr-marquee-direction&gt;direction&lt;/a&gt;&lt;/code&gt; att=
ribute has the meanings described
+  in the following table:&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;code title=3Dattr-ma=
rquee-direction&gt;&lt;a href=3D#attr-marquee-direction&gt;direction&lt;/=
a&gt;&lt;/code&gt; attribute state
+     &lt;th&gt;Direction of animation
+     &lt;th&gt;Start edge
+     &lt;th&gt;End edge
+     &lt;th&gt;Opposite direction
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=3D#attr-marquee-direction=
-left title=3Dattr-marquee-direction-left&gt;left&lt;/a&gt;
+     &lt;td&gt;&amp;slarr; Right to left
+     &lt;td&gt;Right
+     &lt;td&gt;Left
+     &lt;td&gt;&amp;srarr; Left to Right
+    &lt;tr&gt;&lt;td&gt;&lt;a href=3D#attr-marquee-direction-right title=
=3Dattr-marquee-direction-right&gt;right&lt;/a&gt;
+     &lt;td&gt;&amp;srarr; Left to Right
+     &lt;td&gt;Left
+     &lt;td&gt;Right
+     &lt;td&gt;&amp;slarr; Right to left
+    &lt;tr&gt;&lt;td&gt;&lt;a href=3D#attr-marquee-direction-up title=3D=
attr-marquee-direction-up&gt;up&lt;/a&gt;
+     &lt;td&gt;&amp;uparrow; Up (Bottom to Top)
+     &lt;td&gt;Bottom
+     &lt;td&gt;Top
+     &lt;td&gt;&amp;downarrow; Down (Top to Bottom)
+    &lt;tr&gt;&lt;td&gt;&lt;a href=3D#attr-marquee-direction-down title=3D=
attr-marquee-direction-down&gt;down&lt;/a&gt;
+     &lt;td&gt;&amp;downarrow; Down (Top to Bottom)
+     &lt;td&gt;Top
+     &lt;td&gt;Bottom
+     &lt;td&gt;&amp;uparrow; Up (Bottom to Top)
+  &lt;/table&gt;&lt;p&gt;In any case, the animation should proceed such =
that there is a delay given by the &lt;a href=3D#marquee-scroll-interval&=
gt;marquee
+  scroll interval&lt;/a&gt; between each frame, and such that the conten=
t moves at most the distance
+  given by the &lt;a href=3D#marquee-scroll-distance&gt;marquee scroll d=
istance&lt;/a&gt; with each frame.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marqu=
ee&lt;/a&gt;&lt;/code&gt; element has a &lt;code title=3Dattr-marquee-bgc=
olor&gt;bgcolor&lt;/code&gt;
+  attribute set, the value is expected to be parsed using the &lt;a href=
=3D#rules-for-parsing-a-legacy-color-value&gt;rules for parsing a legacy =
color
+  value&lt;/a&gt;, and if that does not return an error, the user agent =
is expected to treat the
+  attribute as a &lt;a href=3D#presentational-hints title=3D&quot;presen=
tational hints&quot;&gt;presentational hint&lt;/a&gt; setting the element=
's
+  'background-color' property to the resulting color.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-marquee-width&gt;width&lt;/code&gt;=
 and &lt;code title=3Dattr-marquee-height&gt;height&lt;/code&gt; attribut=
es on a &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt=
;&lt;/code&gt; element &lt;a href=3D#maps-to-the-dimension-property title=
=3D&quot;maps to the dimension property&quot;&gt;map to the dimension pro=
perties&lt;/a&gt; 'width' and 'height'
+  on the element respectively.&lt;/p&gt;
+
+  &lt;p&gt;The intrinsic height of a &lt;code&gt;&lt;a href=3D#the-marqu=
ee-element&gt;marquee&lt;/a&gt;&lt;/code&gt; element with its &lt;code ti=
tle=3Dattr-marquee-direction&gt;&lt;a href=3D#attr-marquee-direction&gt;d=
irection&lt;/a&gt;&lt;/code&gt; attribute in the &lt;a href=3D#attr-marqu=
ee-direction-up title=3Dattr-marquee-direction-up&gt;up&lt;/a&gt; or &lt;=
a href=3D#attr-marquee-direction-down title=3Dattr-marquee-direction-down=
&gt;down&lt;/a&gt; states is 200 CSS pixels.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dattr-marquee-vspace&gt;vspace&lt;/code&g=
t; attribute of a &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marque=
e&lt;/a&gt;&lt;/code&gt; element
+  &lt;a href=3D#maps-to-the-dimension-property title=3D&quot;maps to the=
 dimension property&quot;&gt;maps to the dimension properties&lt;/a&gt; '=
margin-top'
+  and 'margin-bottom' on the element. The &lt;code title=3Dattr-marquee-=
hspace&gt;hspace&lt;/code&gt; attribute
+  of a &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt=
;&lt;/code&gt; element &lt;a href=3D#maps-to-the-dimension-property title=
=3D&quot;maps to the dimension property&quot;&gt;maps to the
+  dimension properties&lt;/a&gt; 'margin-left' and 'margin-right' on the=
 element.&lt;/p&gt;
+
+  &lt;p&gt;The 'overflow' property on the &lt;code&gt;&lt;a href=3D#the-=
marquee-element&gt;marquee&lt;/a&gt;&lt;/code&gt; element is expected to =
be ignored; overflow
+  is expected to always be hidden.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dthe-meter-element-0&gt;&lt;span class=3Dsecno&gt;14.5.12 &=
lt;/span&gt;The &lt;code&gt;&lt;a href=3D#the-meter-element&gt;meter&lt;/=
a&gt;&lt;/code&gt; element&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+meter { binding: &lt;i title=3D&quot;&quot;&gt;meter&lt;/i&gt;; }&lt;/pr=
e&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;meter&lt;/i&gt; bindin=
g applies to a &lt;code&gt;&lt;a href=3D#the-meter-element&gt;meter&lt;/a=
&gt;&lt;/code&gt; element, the element is
+  expected to render as an 'inline-block' box with a 'height' of '1em' a=
nd a 'width' of '5em', a
+  'vertical-align' of '-0.2em', and with its contents depicting a gauge.=
&lt;/p&gt;
+
+  &lt;p&gt;When the element is wider than it is tall (or square), the de=
piction is expected to be of a
+  horizontal gauge, with the minimum value on the right if the 'directio=
n' property on this element
+  has a computed value of 'rtl', and on the left otherwise. When the ele=
ment is taller than it is
+  wide, it is expected to depict a vertical gauge, with the minimum valu=
e on the bottom.&lt;/p&gt;
+
+  &lt;p&gt;User agents are expected to use a presentation consistent wit=
h platform conventions for gauges,
+  if any.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Requirements for what must be depicted in the ga=
uge are included in the definition
+  of the &lt;code&gt;&lt;a href=3D#the-meter-element&gt;meter&lt;/a&gt;&=
lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dthe-progress-element-0&gt;&lt;span class=3Dsecno&gt;14.5.1=
3 &lt;/span&gt;The &lt;code&gt;&lt;a href=3D#the-progress-element&gt;prog=
ress&lt;/a&gt;&lt;/code&gt; element&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+progress { binding: &lt;i title=3D&quot;&quot;&gt;progress&lt;/i&gt;; }&=
lt;/pre&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;progress&lt;/i&gt; bin=
ding applies to a &lt;code&gt;&lt;a href=3D#the-progress-element&gt;progr=
ess&lt;/a&gt;&lt;/code&gt; element, the
+  element is expected to render as an 'inline-block' box with a 'height'=
 of '1em' and a 'width' of
+  '10em', and a 'vertical-align' of '-0.2em'.&lt;/p&gt;
+
+  &lt;!-- http://software.hixie.ch/utilities/js/canvas/?c.clearRect(0%2C=
%200%2C%20640%2C%20480)%3B%0Ac.save()%3B%0Atry%20{%0A%20%20c.fillStyle%20=
%3D%20'black'%3B%0A%20%20c.font%20%3D%20'8px%20sans-serif'%3B%0A%20%20c.f=
illText('Wide'%2C%2043%2C105)%3B%0A%20%20c.fillText('Tall'%2C%20100%2C105=
)%3B%0A%20%20c.fillText('Square'%2C%20128%2C105)%3B%0A%20%20c.font%20%3D%=
20'700%2010px%20sans-serif'%3B%0A%20%20c.fillText('Progress%20Bars'%2C%20=
13%2C30)%3B%0A%20%20c.font%20%3D%20'100%2010px%20sans-serif'%3B%0A%20%20c=
.fillText('(80%25)'%2C%2037%2C45)%3B%0A%20%20c.beginPath()%3B%0A%20%20var=
%20g%20%3D%20c.createLinearGradient(10%2C0%2C80%2C0)%3B%0A%20%20g.addColo=
rStop(0%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.8%2C%20'%2300FF00')=
%3B%0A%20%20g.addColorStop(0.9%2C%20'%23FFFF00')%3B%0A%20%20c.fillStyle%2=
0%3D%20g%3B%0A%20%20c.rect(10%2C80%2C80%2C15)%3B%0A%20%20c.fill()%3B%0A%2=
0%20c.strokeStyle%20%3D%20'black'%3B%0A%20%20c.stroke()%3B%0A%20%20c.begi=
nPath()%3B%0A%20%20var%20g%20%3D%20c.createLinearGradient(0%2C80%2C0%2C20=
)%3B%0A%20%20g.addColorStop(0%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop=
(0.75%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.85%2C%20'%23FFFF00')%=
3B%0A%20%20c.fillStyle%20%3D%20g%3B%0A%20%20c.rect(100%2C15%2C15%2C80)%3B=
%0A%20%20c.fill()%3B%0A%20%20c.strokeStyle%20%3D%20'black'%3B%0A%20%20c.s=
troke()%3B%0A%0A%20%20c.beginPath()%3B%0A%20%20c.fillStyle%20%3D%20'yello=
w'%3B%0A%20%20c.arc(140%2C80%2C15%2C0%2C2*Math.PI%2C%20true)%3B%0A%20%20c=
.fill()%3B%0A%20%20c.beginPath()%3B%0A%20%20c.fillStyle%20%3D%20'lime'%3B=
%0A%20%20c.moveTo(140%2C80)%3B%0A%20%20c.arc(140%2C80%2C15%2C-Math.PI%2F2=
%2C1.2*Math.PI%2C%20false)%3B%0A%20%20c.fill()%3B%0A%20%20c.beginPath()%3=
B%0A%20%20c.arc(140%2C80%2C15%2C0%2C2*Math.PI%2C%20true)%3B%0A%20%20c.str=
okeStyle%20%3D%20'black'%3B%0A%20%20c.stroke()%3B%0A}%20finally%20{%0A%20=
%20c.restore()%3B%0A}%0A --&gt;
+
+  &lt;p&gt; &lt;img src=3Dhttp://images.whatwg.org/sample-progress.png w=
idth=3D157 class=3Dextra alt=3D&quot;&quot; height=3D103&gt; When the
+  element is wider than it is tall, the element is expected to be depict=
ed as a horizontal progress
+  bar, with the start on the right and the end on the left if the 'direc=
tion' property on this
+  element has a computed value of 'rtl', and with the start on the left =
and the end on the right
+  otherwise. When the element is taller than it is wide, it is expected =
to depicted as a vertical
+  progress bar, with the lowest value on the bottom. When the element is=
 square, it is expected to
+  be depicted as a direction-independent progress widget (e.g. a circula=
r progress ring).&lt;/p&gt;
+
+  &lt;p&gt;User agents are expected to use a presentation consistent wit=
h platform conventions for
+  progress bars. In particular, user agents are expected to use differen=
t presentations for
+  determinate and indeterminate progress bars. User agents are also expe=
cted to vary the
+  presentation based on the dimensions of the element.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;For example, on some platforms for showing in=
determinate progress there is an
+  asynchronous progress indicator with square dimensions, which could be=
 used when the element is
+  square, and an indeterminate progress bar, which could be used when th=
e element is wide.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;Requirements for how to determine if the progres=
s bar is determinate or
+  indeterminate, and what progress a determinate progress bar is to show=
, are included in the
+  definition of the &lt;code&gt;&lt;a href=3D#the-progress-element&gt;pr=
ogress&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dthe-select-element-0&gt;&lt;span class=3Dsecno&gt;14.5.14 =
&lt;/span&gt;The &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&l=
t;/a&gt;&lt;/code&gt; element&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+select { binding: &lt;i title=3D&quot;&quot;&gt;select&lt;/i&gt;; }&lt;/=
pre&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;select&lt;/i&gt; bindi=
ng applies to a &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt=
;/a&gt;&lt;/code&gt; element whose &lt;code title=3Dattr-select-multiple&=
gt;&lt;a href=3D#attr-select-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt; =
attribute is present, the element is expected to
+  render as a multi-select list box.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;select&lt;/i&gt; bindi=
ng applies to a &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt=
;/a&gt;&lt;/code&gt; element whose &lt;code title=3Dattr-select-multiple&=
gt;&lt;a href=3D#attr-select-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt; =
attribute is absent, and the element's &lt;a href=3D#concept-select-size =
title=3Dconcept-select-size&gt;display size&lt;/a&gt; is greater than 1, =
the element is expected to
+  render as a single-select list box.&lt;/p&gt;
+
+  &lt;p&gt;When the element renders as a list box, it is expected to ren=
der as an 'inline-block' box whose
+  'height' is the height necessary to contain as many rows for items as =
given by the element's &lt;a href=3D#concept-select-size title=3Dconcept-=
select-size&gt;display size&lt;/a&gt;, or four rows if the attribute is a=
bsent, and
+  whose 'width' is the &lt;a href=3D&quot;#width-of-the-select's-labels&=
quot;&gt;width of the &lt;code&gt;select&lt;/code&gt;'s labels&lt;/a&gt; =
plus the width of a
+  scrollbar.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;select&lt;/i&gt; bindi=
ng applies to a &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt=
;/a&gt;&lt;/code&gt; element whose &lt;code title=3Dattr-select-multiple&=
gt;&lt;a href=3D#attr-select-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt; =
attribute is absent, and the element's &lt;a href=3D#concept-select-size =
title=3Dconcept-select-size&gt;display size&lt;/a&gt; is 1, the element i=
s expected to render as a
+  one-line drop down box whose width is the &lt;a href=3D&quot;#width-of=
-the-select's-labels&quot;&gt;width of the &lt;code&gt;select&lt;/code&gt=
;'s
+  labels&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;In either case (list box or drop-down box), the element's ite=
ms are expected to be the
+  element's &lt;a href=3D#concept-select-option-list title=3Dconcept-sel=
ect-option-list&gt;list of options&lt;/a&gt;, with the element's
+  &lt;code&gt;&lt;a href=3D#the-optgroup-element&gt;optgroup&lt;/a&gt;&l=
t;/code&gt; element children providing headers for groups of options wher=
e
+  applicable.&lt;/p&gt;
+
+  &lt;p&gt;An &lt;code&gt;&lt;a href=3D#the-optgroup-element&gt;optgroup=
&lt;/a&gt;&lt;/code&gt; element is expected to be rendered by displaying =
the element's &lt;code title=3Dattr-optgroup-label&gt;&lt;a href=3D#attr-=
optgroup-label&gt;label&lt;/a&gt;&lt;/code&gt; attribute.&lt;/p&gt;
+
+  &lt;p&gt;An &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;=
/a&gt;&lt;/code&gt; element is expected to be rendered by displaying the =
element's &lt;a href=3D#concept-option-label title=3Dconcept-option-label=
&gt;label&lt;/a&gt;, indented under its &lt;code&gt;&lt;a href=3D#the-opt=
group-element&gt;optgroup&lt;/a&gt;&lt;/code&gt; element if it
+  has one.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3D&quot;width-of-the-select's-labels&quot;&gt;=
width of the &lt;code&gt;select&lt;/code&gt;'s labels&lt;/dfn&gt; is the =
wider of the width necessary to
+  render the widest &lt;code&gt;&lt;a href=3D#the-optgroup-element&gt;op=
tgroup&lt;/a&gt;&lt;/code&gt;, and the width necessary to render the wide=
st
+  &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/c=
ode&gt; element in the element's &lt;a href=3D#concept-select-option-list=
 title=3Dconcept-select-option-list&gt;list of
+  options&lt;/a&gt; (including its indent, if any).&lt;/p&gt;
+
+  &lt;p&gt;If a &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&l=
t;/a&gt;&lt;/code&gt; element contains a &lt;a href=3D#placeholder-label-=
option&gt;placeholder label option&lt;/a&gt;, the user
+  agent is expected to render that &lt;code&gt;&lt;a href=3D#the-option-=
element&gt;option&lt;/a&gt;&lt;/code&gt; in a manner that conveys that it=
 is a label,
+  rather than a valid option of the control. This can include preventing=
 the &lt;a href=3D#placeholder-label-option&gt;placeholder label
+  option&lt;/a&gt; from being explicitly selected by the user. When the =
&lt;a href=3D#placeholder-label-option&gt;placeholder label
+  option&lt;/a&gt;'s &lt;a href=3D#concept-option-selectedness title=3Dc=
oncept-option-selectedness&gt;selectedness&lt;/a&gt; is true, the control
+  is expected to be displayed in a fashion that indicates that no valid =
option is currently
+  selected.&lt;/p&gt;
+
+  &lt;p&gt;User agents are expected to render the labels in a &lt;code&g=
t;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;/code&gt; in su=
ch a manner that
+  any alignment remains consistent whether the label is being displayed =
as part of the page or in a
+  menu control.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dthe-textarea-element-0&gt;&lt;span class=3Dsecno&gt;14.5.1=
5 &lt;/span&gt;The &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;text=
area&lt;/a&gt;&lt;/code&gt; element&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+textarea { binding: &lt;i title=3D&quot;&quot;&gt;textarea&lt;/i&gt;; wh=
ite-space: pre-wrap; }&lt;/pre&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;textarea&lt;/i&gt; bin=
ding applies to a &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;texta=
rea&lt;/a&gt;&lt;/code&gt; element, the
+  element is expected to render as an 'inline-block' box rendered as a m=
ultiline text field.&lt;/p&gt;
+
+  &lt;p&gt;If the element has a &lt;code title=3Dattr-textarea-cols&gt;&=
lt;a href=3D#attr-textarea-cols&gt;cols&lt;/a&gt;&lt;/code&gt; attribute,=
 and parsing that
+  attribute's value using the &lt;a href=3D#rules-for-parsing-non-negati=
ve-integers&gt;rules for parsing non-negative integers&lt;/a&gt; doesn't =
generate
+  an error, then the user agent is expected to use the attribute as a &l=
t;a href=3D#presentational-hints title=3D&quot;presentational
+  hints&quot;&gt;presentational hint&lt;/a&gt; for the 'width' property =
on the element, with the value being
+  the &lt;a href=3D#textarea-effective-width&gt;textarea effective width=
&lt;/a&gt; (as defined below). Otherwise, the user agent is
+  expected to act as if it had a user-agent-level style sheet rule setti=
ng the 'width' property on
+  the element to the &lt;a href=3D#textarea-effective-width&gt;textarea =
effective width&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dtextarea-effective-width&gt;textarea effecti=
ve width&lt;/dfn&gt; of a &lt;code&gt;&lt;a href=3D#the-textarea-element&=
gt;textarea&lt;/a&gt;&lt;/code&gt; element is &lt;span title=3D&quot;&quo=
t;&gt;&lt;var title=3D&quot;&quot;&gt;size&lt;/var&gt;&amp;times;&lt;var =
title=3D&quot;&quot;&gt;avg&lt;/var&gt;&amp;nbsp;+&amp;nbsp;&lt;var title=
=3D&quot;&quot;&gt;sbw&lt;/var&gt;&lt;/span&gt;, where &lt;var title=3D&q=
uot;&quot;&gt;size&lt;/var&gt; is the element's &lt;a href=3D#attr-textar=
ea-cols-value title=3Dattr-textarea-cols-value&gt;character width&lt;/a&g=
t;, &lt;var title=3D&quot;&quot;&gt;avg&lt;/var&gt; is the average
+  character width of the primary font of the element, in CSS pixels, and=
 &lt;var title=3D&quot;&quot;&gt;sbw&lt;/var&gt; is
+  the width of a scroll bar, in CSS pixels. (The element's 'letter-spaci=
ng' property does not affect
+  the result.)&lt;/p&gt;
+
+  &lt;p&gt;If the element has a &lt;code title=3Dattr-textarea-rows&gt;&=
lt;a href=3D#attr-textarea-rows&gt;rows&lt;/a&gt;&lt;/code&gt; attribute,=
 and parsing that
+  attribute's value using the &lt;a href=3D#rules-for-parsing-non-negati=
ve-integers&gt;rules for parsing non-negative integers&lt;/a&gt; doesn't =
generate
+  an error, then the user agent is expected to use the attribute as a &l=
t;a href=3D#presentational-hints title=3D&quot;presentational
+  hints&quot;&gt;presentational hint&lt;/a&gt; for the 'height' property=
 on the element, with the value being
+  the &lt;a href=3D#textarea-effective-height&gt;textarea effective heig=
ht&lt;/a&gt; (as defined below). Otherwise, the user agent is
+  expected to act as if it had a user-agent-level style sheet rule setti=
ng the 'height' property on
+  the element to the &lt;a href=3D#textarea-effective-height&gt;textarea=
 effective height&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dtextarea-effective-height&gt;textarea effect=
ive height&lt;/dfn&gt; of a &lt;code&gt;&lt;a href=3D#the-textarea-elemen=
t&gt;textarea&lt;/a&gt;&lt;/code&gt; element is the height in
+  CSS pixels of the number of lines specified the element's &lt;a href=3D=
#attr-textarea-rows-value title=3Dattr-textarea-rows-value&gt;character h=
eight&lt;/a&gt;, plus the height of a scrollbar in CSS
+  pixels.&lt;/p&gt;
+
+  &lt;p&gt;User agents are expected to apply the 'white-space' CSS prope=
rty to &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&g=
t;&lt;/code&gt;
+  elements. For historical reasons, if the element has a &lt;code title=3D=
attr-textarea-wrap&gt;&lt;a href=3D#attr-textarea-wrap&gt;wrap&lt;/a&gt;&=
lt;/code&gt; attribute whose value is an &lt;a href=3D#ascii-case-insensi=
tive&gt;ASCII
+  case-insensitive&lt;/a&gt; match for the string &quot;&lt;code title=3D=
attr-textarea-wrap-off&gt;off&lt;/code&gt;&quot;,
+  then the user agent is expected to treat the attribute as a &lt;a href=
=3D#presentational-hints title=3D&quot;presentational
+  hints&quot;&gt;presentational hint&lt;/a&gt; setting the element's 'wh=
ite-space' property to 'pre'.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dthe-keygen-element-0&gt;&lt;span class=3Dsecno&gt;14.5.16 =
&lt;/span&gt;The &lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&l=
t;/a&gt;&lt;/code&gt; element&lt;/h4&gt;
+
+  &lt;pre class=3Dcss&gt;@namespace url(http://www.w3.org/1999/xhtml);
+
+keygen { binding: &lt;i title=3D&quot;&quot;&gt;keygen&lt;/i&gt;; }&lt;/=
pre&gt;
+
+  &lt;p&gt;When the &lt;i title=3D&quot;&quot;&gt;keygen&lt;/i&gt; bindi=
ng applies to a &lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt=
;/a&gt;&lt;/code&gt; element, the element
+  is expected to render as an 'inline-block' box containing a user inter=
face to configure the key
+  pair to be generated.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h3 id=3Dframes-and-framesets&gt;&lt;span class=3Dsecno&gt;14.6 &lt=
;/span&gt;Frames and framesets&lt;/h3&gt;
+
+  &lt;p&gt;User agent are expected to render &lt;code&gt;&lt;a href=3D#f=
rameset&gt;frameset&lt;/a&gt;&lt;/code&gt; elements as a box with the hei=
ght and
+  width of the viewport, with a surface rendered according to the follow=
ing layout algorithm:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;The &lt;var title=3D&quot;&quot;&gt;cols&lt;/var&gt; and &l=
t;var title=3D&quot;&quot;&gt;rows&lt;/var&gt; variables are lists of zer=
o or more
+    pairs consisting of a number and a unit, the unit being one of &lt;i=
&gt;percentage&lt;/i&gt;,
+    &lt;i&gt;relative&lt;/i&gt;, and &lt;i&gt;absolute&lt;/i&gt;.&lt;/p&=
gt;
+
+    &lt;p&gt;Use the &lt;a href=3D#rules-for-parsing-a-list-of-dimension=
s&gt;rules for parsing a list of dimensions&lt;/a&gt; to parse the value =
of the
+    element's &lt;code title=3Dattr-frameset-cols&gt;cols&lt;/code&gt; a=
ttribute, if there is one. Let &lt;var title=3D&quot;&quot;&gt;cols&lt;/v=
ar&gt; be the result, or an empty list if there is no such attribute.&lt;=
/p&gt;
+
+    &lt;p&gt;Use the &lt;a href=3D#rules-for-parsing-a-list-of-dimension=
s&gt;rules for parsing a list of dimensions&lt;/a&gt; to parse the value =
of the
+    element's &lt;code title=3Dattr-frameset-rows&gt;rows&lt;/code&gt; a=
ttribute, if there is one. Let &lt;var title=3D&quot;&quot;&gt;rows&lt;/v=
ar&gt; be the result, or an empty list if there is no such attribute.&lt;=
/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For any of the entries in &lt;var title=3D&quot;&quot;&gt;c=
ols&lt;/var&gt; or &lt;var title=3D&quot;&quot;&gt;rows&lt;/var&gt; that =
have the
+    number zero and the unit &lt;i&gt;relative&lt;/i&gt;, change the ent=
ry's number to one.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;cols&lt;/var&gt; has no =
entries, then add a single entry consisting of the value 1
+    and the unit &lt;i&gt;relative&lt;/i&gt; to &lt;var title=3D&quot;&q=
uot;&gt;cols&lt;/var&gt;.&lt;/p&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;rows&lt;/var&gt; has no =
entries, then add a single entry consisting of the value 1
+    and the unit &lt;i&gt;relative&lt;/i&gt; to &lt;var title=3D&quot;&q=
uot;&gt;rows&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Invoke the algorithm defined below to &lt;a href=3D#convert=
-a-list-of-dimensions-to-a-list-of-pixel-values&gt;convert a list of dime=
nsions to a list of pixel
+    values&lt;/a&gt; using &lt;var title=3D&quot;&quot;&gt;cols&lt;/var&=
gt; as the input list, and the width of the surface
+    that the &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&lt=
;/code&gt; is being rendered into, in CSS pixels, as the input dimension.
+    Let &lt;var title=3D&quot;&quot;&gt;sized cols&lt;/var&gt; be the re=
sulting list.&lt;/p&gt;
+
+    &lt;p&gt;Invoke the algorithm defined below to &lt;a href=3D#convert=
-a-list-of-dimensions-to-a-list-of-pixel-values&gt;convert a list of dime=
nsions to a list of pixel
+    values&lt;/a&gt; using &lt;var title=3D&quot;&quot;&gt;rows&lt;/var&=
gt; as the input list, and the height of the surface
+    that the &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&lt=
;/code&gt; is being rendered into, in CSS pixels, as the input dimension.
+    Let &lt;var title=3D&quot;&quot;&gt;sized rows&lt;/var&gt; be the re=
sulting list.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Split the surface into a grid of &lt;span title=3D&quot;&qu=
ot;&gt;&lt;var title=3D&quot;&quot;&gt;w&lt;/var&gt;&amp;times;&lt;var ti=
tle=3D&quot;&quot;&gt;h&lt;/var&gt;&lt;/span&gt; rectangles, where &lt;va=
r title=3D&quot;&quot;&gt;w&lt;/var&gt; is the number of entries in &lt;v=
ar title=3D&quot;&quot;&gt;sized cols&lt;/var&gt; and &lt;var title=3D&qu=
ot;&quot;&gt;h&lt;/var&gt; is the number of entries in &lt;var title=3D&q=
uot;&quot;&gt;sized rows&lt;/var&gt;.&lt;/p&gt;
+
+    &lt;p&gt;Size the columns so that each column in the grid is as many=
 CSS pixels wide as the
+    corresponding entry in the &lt;var title=3D&quot;&quot;&gt;sized col=
s&lt;/var&gt; list.&lt;/p&gt;
+
+    &lt;p&gt;Size the rows so that each row in the grid is as many CSS p=
ixels high as the corresponding
+    entry in the &lt;var title=3D&quot;&quot;&gt;sized rows&lt;/var&gt; =
list.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;children&lt;/var&gt; be=
 the list of &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/code&=
gt; and &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&lt;/code=
&gt;
+    elements that are children of the &lt;code&gt;&lt;a href=3D#frameset=
&gt;frameset&lt;/a&gt;&lt;/code&gt; element for which the algorithm was
+    invoked.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each row of the grid of rectangles created in the previ=
ous step, from top to bottom, run
+    these substeps:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;For each rectangle in the row, from left to right, run th=
ese substeps:&lt;/p&gt;
+
+      &lt;ol&gt;&lt;li&gt;
+
+        &lt;p&gt;If there are any elements left in &lt;var title=3D&quot=
;&quot;&gt;children&lt;/var&gt;, take the first element in
+        the list, and assign it to the rectangle.&lt;/p&gt;
+
+        &lt;p&gt;If this is a &lt;code&gt;&lt;a href=3D#frameset&gt;fram=
eset&lt;/a&gt;&lt;/code&gt; element, then recurse the entire &lt;code&gt;=
&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&lt;/code&gt;
+        layout algorithm for that &lt;code&gt;&lt;a href=3D#frameset&gt;=
frameset&lt;/a&gt;&lt;/code&gt; element, with the rectangle as the
+        surface.&lt;/p&gt;
+
+        &lt;p&gt;Otherwise, it is a &lt;code&gt;&lt;a href=3D#frame&gt;f=
rame&lt;/a&gt;&lt;/code&gt; element; create a &lt;a href=3D#nested-browsi=
ng-context&gt;nested browsing
+        context&lt;/a&gt; sized to fit the rectangle.&lt;/p&gt;
+
+       &lt;/li&gt;
+
+       &lt;li&gt;
+
+        &lt;p&gt;If there are any elements left in &lt;var title=3D&quot=
;&quot;&gt;children&lt;/var&gt;, remove the first element
+        from &lt;var title=3D&quot;&quot;&gt;children&lt;/var&gt;.&lt;/p=
&gt;
+
+      &lt;/ol&gt;&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a=
&gt;&lt;/code&gt; element &lt;a href=3D#has-a-border&gt;has a border&lt;/=
a&gt;, draw an outer set of borders
+    around the rectangles, using the element's &lt;a href=3D#frame-borde=
r-color&gt;frame border color&lt;/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;For each rectangle, if there is an element assigned to that=
 rectangle, and that element
+    &lt;a href=3D#has-a-border&gt;has a border&lt;/a&gt;, draw an inner =
set of borders around that rectangle, using the
+    element's &lt;a href=3D#frame-border-color&gt;frame border color&lt;=
/a&gt;.&lt;/p&gt;
+
+    &lt;p&gt;For each (visible) border that does not abut a rectangle th=
at is assigned a
+    &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/code&gt; elem=
ent with a &lt;code title=3Dattr-frame-noresize&gt;noresize&lt;/code&gt; =
attribute
+    (including rectangles in further nested &lt;code&gt;&lt;a href=3D#fr=
ameset&gt;frameset&lt;/a&gt;&lt;/code&gt; elements), the user agent is
+    expected to allow the user to move the border, resizing the rectangl=
es within, keeping the
+    proportions of any nested &lt;code&gt;&lt;a href=3D#frameset&gt;fram=
eset&lt;/a&gt;&lt;/code&gt; grids.&lt;/p&gt;
+
+    &lt;p&gt;A &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&=
lt;/code&gt; or &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/co=
de&gt; element &lt;dfn id=3Dhas-a-border&gt;has a border&lt;/dfn&gt; if t=
he
+    following algorithm returns true:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the element has a &lt;code title=3Da=
ttr-frames-frameborder&gt;frameborder&lt;/code&gt; attribute
+     whose value is not the empty string and whose first character is ei=
ther a U+0031 DIGIT ONE (1)
+     character, a U+0079 LATIN SMALL LETTER Y character (y), or a U+0059=
 LATIN CAPITAL LETTER Y
+     character (Y), then return true.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Otherwise, if the element has a &lt;code title=3D=
attr-frames-frameborder&gt;frameborder&lt;/code&gt;
+     attribute, return false.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Otherwise, if the element has a parent element t=
hat is a &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&lt;/cod=
e&gt; element,
+     then return true if &lt;em&gt;that&lt;/em&gt; element &lt;a href=3D=
#has-a-border&gt;has a border&lt;/a&gt;, and false if it does
+     not.&lt;/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Otherwise, return true.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;p&gt;The &lt;dfn id=3Dframe-border-color&gt;frame bor=
der color&lt;/dfn&gt; of a &lt;code&gt;&lt;a href=3D#frameset&gt;frameset=
&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a=
&gt;&lt;/code&gt; element is
+    the color obtained from the following algorithm:&lt;/p&gt;
+
+    &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the element has a &lt;code title=3Da=
ttr-frames-bordercolor&gt;bordercolor&lt;/code&gt; attribute,
+     and applying the &lt;a href=3D#rules-for-parsing-a-legacy-color-val=
ue&gt;rules for parsing a legacy color value&lt;/a&gt; to that attribute'=
s value
+     does not result in an error, then return the color so obtained.&lt;=
/li&gt;
+
+     &lt;li&gt;&lt;p&gt;Otherwise, if the element has a parent element t=
hat is a &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&lt;/cod=
e&gt; element,
+     then return the &lt;a href=3D#frame-border-color&gt;frame border co=
lor&lt;/a&gt; of that element.&lt;/p&gt;
+
+     &lt;li&gt;&lt;p&gt;Otherwise, return gray.&lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;The algorithm to &lt;dfn id=3Dconvert-a-list-of-di=
mensions-to-a-list-of-pixel-values&gt;convert a list of dimensions to a l=
ist of pixel values&lt;/dfn&gt; consists of
+  the following steps:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;input list&lt;/var&gt; =
be the list of numbers and units passed to the
+    algorithm.&lt;/p&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;output list&lt;/var&gt;=
 be a list of numbers the same length as &lt;var title=3D&quot;&quot;&gt;=
input list&lt;/var&gt;, all zero.&lt;/p&gt;
+
+    &lt;p&gt;Entries in &lt;var title=3D&quot;&quot;&gt;output list&lt;/=
var&gt; correspond to the entries in &lt;var title=3D&quot;&quot;&gt;inpu=
t
+    list&lt;/var&gt; that have the same position.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;input dimensio=
n&lt;/var&gt; be the size passed to the algorithm.&lt;/p&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;count percentage&lt;/va=
r&gt; be the number of entries in &lt;var title=3D&quot;&quot;&gt;input
+    list&lt;/var&gt; whose unit is &lt;i&gt;percentage&lt;/i&gt;.&lt;/p&=
gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;total percentage&lt;/va=
r&gt; be the sum of all the numbers in &lt;var title=3D&quot;&quot;&gt;in=
put
+    list&lt;/var&gt; whose unit is &lt;i&gt;percentage&lt;/i&gt;.&lt;/p&=
gt;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;count relative&lt;/var&=
gt; be the number of entries in &lt;var title=3D&quot;&quot;&gt;input
+    list&lt;/var&gt; whose unit is &lt;i&gt;relative&lt;/i&gt;.&lt;/p&gt=
;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;total relative&lt;/var&=
gt; be the sum of all the numbers in &lt;var title=3D&quot;&quot;&gt;inpu=
t
+    list&lt;/var&gt; whose unit is &lt;i&gt;relative&lt;/i&gt;.&lt;/p&gt=
;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;count absolute&lt;/var&=
gt; be the number of entries in &lt;var title=3D&quot;&quot;&gt;input
+    list&lt;/var&gt; whose unit is &lt;i&gt;absolute&lt;/i&gt;.&lt;/p&gt=
;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;total absolute&lt;/var&=
gt; be the sum of all the numbers in &lt;var title=3D&quot;&quot;&gt;inpu=
t
+    list&lt;/var&gt; whose unit is &lt;i&gt;absolute&lt;/i&gt;.&lt;/p&gt=
;
+
+    &lt;p&gt;Let &lt;var title=3D&quot;&quot;&gt;remaining space&lt;/var=
&gt; be the value of &lt;var title=3D&quot;&quot;&gt;input
+    dimension&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;total absolute&lt;/var&g=
t; is greater than &lt;var title=3D&quot;&quot;&gt;remaining space&lt;/va=
r&gt;,
+    then for each entry in &lt;var title=3D&quot;&quot;&gt;input list&lt=
;/var&gt; whose unit is &lt;i&gt;absolute&lt;/i&gt;, set the
+    corresponding value in &lt;var title=3D&quot;&quot;&gt;output list&l=
t;/var&gt; to the number of the entry in &lt;var title=3D&quot;&quot;&gt;=
input list&lt;/var&gt; multiplied by &lt;var title=3D&quot;&quot;&gt;rema=
ining space&lt;/var&gt; and divided by &lt;var title=3D&quot;&quot;&gt;to=
tal absolute&lt;/var&gt;. Then, set &lt;var title=3D&quot;&quot;&gt;remai=
ning space&lt;/var&gt; to zero.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, for each entry in &lt;var title=3D&quot;&quot;&g=
t;input list&lt;/var&gt; whose unit is &lt;i&gt;absolute&lt;/i&gt;,
+    set the corresponding value in &lt;var title=3D&quot;&quot;&gt;outpu=
t list&lt;/var&gt; to the number of the entry in
+    &lt;var title=3D&quot;&quot;&gt;input list&lt;/var&gt;. Then, decrem=
ent &lt;var title=3D&quot;&quot;&gt;remaining space&lt;/var&gt; by &lt;va=
r title=3D&quot;&quot;&gt;total absolute&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If &lt;var title=3D&quot;&quot;&gt;total percentage&lt;/var=
&gt; multiplied by the &lt;var title=3D&quot;&quot;&gt;input dimension&lt=
;/var&gt;
+    and divided by 100 is greater than &lt;var title=3D&quot;&quot;&gt;r=
emaining space&lt;/var&gt;, then for each entry in
+    &lt;var title=3D&quot;&quot;&gt;input list&lt;/var&gt; whose unit is=
 &lt;i&gt;percentage&lt;/i&gt;, set the corresponding value in
+    &lt;var title=3D&quot;&quot;&gt;output list&lt;/var&gt; to the numbe=
r of the entry in &lt;var title=3D&quot;&quot;&gt;input list&lt;/var&gt;
+    multiplied by &lt;var title=3D&quot;&quot;&gt;remaining space&lt;/va=
r&gt; and divided by &lt;var title=3D&quot;&quot;&gt;total
+    percentage&lt;/var&gt;. Then, set &lt;var title=3D&quot;&quot;&gt;re=
maining space&lt;/var&gt; to zero.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, for each entry in &lt;var title=3D&quot;&quot;&g=
t;input list&lt;/var&gt; whose unit is &lt;i&gt;percentage&lt;/i&gt;,
+    set the corresponding value in &lt;var title=3D&quot;&quot;&gt;outpu=
t list&lt;/var&gt; to the number of the entry in
+    &lt;var title=3D&quot;&quot;&gt;input list&lt;/var&gt; multiplied by=
 the &lt;var title=3D&quot;&quot;&gt;input dimension&lt;/var&gt; and divi=
ded
+    by 100. Then, decrement &lt;var title=3D&quot;&quot;&gt;remaining sp=
ace&lt;/var&gt; by &lt;var title=3D&quot;&quot;&gt;total
+    percentage&lt;/var&gt; multiplied by the &lt;var title=3D&quot;&quot=
;&gt;input dimension&lt;/var&gt; and divided by 100.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;For each entry in &lt;var title=3D&quot;&quot;&gt;input lis=
t&lt;/var&gt; whose unit is &lt;i&gt;relative&lt;/i&gt;, set the
+    corresponding value in &lt;var title=3D&quot;&quot;&gt;output list&l=
t;/var&gt; to the number of the entry in &lt;var title=3D&quot;&quot;&gt;=
input list&lt;/var&gt; multiplied by &lt;var title=3D&quot;&quot;&gt;rema=
ining space&lt;/var&gt; and divided by &lt;var title=3D&quot;&quot;&gt;to=
tal relative&lt;/var&gt;.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;Return &lt;var title=3D&quot;&quot;&gt;output list=
&lt;/var&gt;.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;p&gt;User agents working with integer values for frame =
widths (as opposed to user agents that can
+  lay frames out with subpixel accuracy) are expected to distribute the =
remainder first to the last
+  entry whose unit is &lt;i&gt;relative&lt;/i&gt;, then equally (not pro=
portionally) to each entry whose unit is
+  &lt;i&gt;percentage&lt;/i&gt;, then equally (not proportionally) to ea=
ch entry whose unit is &lt;i&gt;absolute&lt;/i&gt;,
+  and finally, failing all else, to the last entry.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h3 id=3Dinteractive-media&gt;&lt;span class=3Dsecno&gt;14.7 &lt;/s=
pan&gt;Interactive media&lt;/h3&gt;
+
+  &lt;h4 id=3Dlinks,-forms,-and-navigation&gt;&lt;span class=3Dsecno&gt;=
14.7.1 &lt;/span&gt;Links, forms, and navigation&lt;/h4&gt;
+
+  &lt;p&gt;User agents are expected to allow the user to control aspects=
 of &lt;a href=3D#hyperlink&gt;hyperlink&lt;/a&gt;
+  activation and &lt;a href=3D#form-submission&gt;form submission&lt;/a&=
gt;, such as which &lt;a href=3D#browsing-context&gt;browsing context&lt;=
/a&gt; is to be
+  used for the subsequent &lt;a href=3D#navigate title=3Dnavigate&gt;nav=
igation&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;User agents are expected to allow users to discover the desti=
nation of &lt;a href=3D#hyperlink title=3Dhyperlink&gt;hyperlinks&lt;/a&g=
t; and of &lt;a href=3D#the-form-element title=3Dform&gt;forms&lt;/a&gt; =
before triggering their
+  &lt;a href=3D#navigate title=3Dnavigate&gt;navigation&lt;/a&gt;.&lt;/p=
&gt;
+
+  &lt;p&gt;User agents are expected to inform the user of whether a &lt;=
a href=3D#hyperlink&gt;hyperlink&lt;/a&gt; includes
+  &lt;a href=3D#hyperlink-auditing&gt;hyperlink auditing&lt;/a&gt;, and =
to let them know at a minimum which domains will be contacted
+  as part of such auditing.&lt;/p&gt;
+
+  &lt;p&gt;User agents may allow users to &lt;a href=3D#navigate&gt;navi=
gate&lt;/a&gt;&lt;!--DONAV cite=3D&quot;&quot;--&gt; &lt;a href=3D#browsi=
ng-context title=3D&quot;browsing
+  context&quot;&gt;browsing contexts&lt;/a&gt; to the resources &lt;a hr=
ef=3D#resolve-a-url title=3D&quot;resolve a url&quot;&gt;indicated&lt;/a&=
gt; by
+  the &lt;code title=3D&quot;&quot;&gt;cite&lt;/code&gt; attributes on &=
lt;code&gt;&lt;a href=3D#the-q-element&gt;q&lt;/a&gt;&lt;/code&gt;, &lt;c=
ode&gt;&lt;a href=3D#the-blockquote-element&gt;blockquote&lt;/a&gt;&lt;/c=
ode&gt;,
+  &lt;code&gt;&lt;a href=3D#the-ins-element&gt;ins&lt;/a&gt;&lt;/code&gt=
;, and &lt;code&gt;&lt;a href=3D#the-del-element&gt;del&lt;/a&gt;&lt;/cod=
e&gt; elements.&lt;/p&gt;
+
+  &lt;p&gt;User agents may surface &lt;a href=3D#hyperlink title=3Dhyper=
link&gt;hyperlinks&lt;/a&gt; created by &lt;code&gt;&lt;a href=3D#the-lin=
k-element&gt;link&lt;/a&gt;&lt;/code&gt;
+  elements in their user interface.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;While &lt;code&gt;&lt;a href=3D#the-link-element=
&gt;link&lt;/a&gt;&lt;/code&gt; elements that create &lt;a href=3D#hyperl=
ink title=3Dhyperlink&gt;hyperlinks&lt;/a&gt; will match the ':link' or '=
:visited' pseudo-classes, will
+  react to clicks if visible, and so forth, this does not extend to any =
browser interface constructs
+  that expose those same links. Activating a link through the browser's =
interface, rather than in
+  the page itself, does not trigger &lt;code title=3Devent-click&gt;&lt;=
a href=3D#event-click&gt;click&lt;/a&gt;&lt;/code&gt; events and the like=
.&lt;/p&gt;
+
+
+
+
+  &lt;h4 id=3Dthe-title-attribute-0&gt;&lt;span class=3Dsecno&gt;14.7.2 =
&lt;/span&gt;The &lt;code title=3Dattr-title&gt;&lt;a href=3D#attr-title&=
gt;title&lt;/a&gt;&lt;/code&gt; attribute&lt;/h4&gt;
+
+  &lt;p&gt;User agents are expected to expose the &lt;a href=3D#advisory=
-information&gt;advisory information&lt;/a&gt; of elements upon user
+  request, and to make the user aware of the presence of such informatio=
n.&lt;/p&gt;
+
+  &lt;p&gt;On interactive graphical systems where the user can use a poi=
nting device, this could take the
+  form of a tooltip. When the user is unable to use a pointing device, t=
hen the user agent is
+  expected to make the content available in some other fashion, e.g. by =
making the element focusable
+  and always displaying the &lt;a href=3D#advisory-information&gt;adviso=
ry information&lt;/a&gt; of the currently focused element, or
+  by showing the &lt;a href=3D#advisory-information&gt;advisory informat=
ion&lt;/a&gt; of the elements under the user's finger on a
+  touch device as the user pans around the screen.&lt;/p&gt;
+
+  &lt;p&gt;U+000A LINE FEED (LF) characters are expected to cause line b=
reaks in the tooltip; U+0009
+  CHARACTER TABULATION (tab) characters are expected to render as a non-=
zero horizontal shift that
+  lines up the next glyph with the next tab stop, with tab stops occurri=
ng at points that are
+  multiples of 8 times the width of a U+0020 SPACE character.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For example, a visual user agent could make elements with a =
&lt;code title=3Dattr-title&gt;&lt;a href=3D#attr-title&gt;title&lt;/a&gt=
;&lt;/code&gt; attribute focusable, and could make any focused element wi=
th a
+   &lt;code title=3Dattr-title&gt;&lt;a href=3D#attr-title&gt;title&lt;/=
a&gt;&lt;/code&gt; attribute show its tooltip under the element while the
+   element has focus. This would allow a user to tab around the document=
 to find all the advisory
+   text.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;As another example, a screen reader could provide an audio c=
ue when reading an element with a
+   tooltip, with an associated key to read the last tooltip for which a =
cue was played.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h4 id=3Dediting-hosts&gt;&lt;span class=3Dsecno&gt;14.7.3 &lt;/spa=
n&gt;Editing hosts&lt;/h4&gt;
+
+  &lt;p&gt;The current text editing caret (i.e. the &lt;a href=3D#active=
-range&gt;active range&lt;/a&gt;, if it is empty and in an
+  &lt;a href=3D#editing-host&gt;editing host&lt;/a&gt;), if any, is expe=
cted to act like an inline replaced element with the
+  vertical dimensions of the caret and with zero width for the purposes =
of the CSS rendering
+  model.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;This means that even an empty block can have the=
 caret inside it, and that when
+  the caret is in such an element, it prevents margins from collapsing t=
hrough the element.&lt;/p&gt;
+
+
+
+  &lt;h4 id=3Dtext-rendered-in-native-user-interfaces&gt;&lt;span class=3D=
secno&gt;14.7.4 &lt;/span&gt;Text rendered in native user interfaces&lt;/=
h4&gt;
+
+  &lt;p&gt;User agents are expected to honor the Unicode semantics of te=
xt that is exposed in user
+  interfaces, for example supporting the bidirectional algorithm in text=
 shown in dialogs, title
+  bars, pop-up menus, and tooltips. Text from the contents of elements i=
s expected to be rendered in
+  a manner that honors &lt;a href=3D#the-directionality&gt;the direction=
ality&lt;/a&gt; of the element from which the text was
+  obtained. Text from attributes is expected to be rendered in a manner =
that honours the
+  &lt;a href=3D#directionality-of-the-attribute&gt;directionality of the=
 attribute&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Consider the following markup, which has Hebrew text asking =
for a programming language, the
+   languages being text for which a left-to-right direction is important=
 given the punctuation in
+   some of their names:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;p dir=3D&quot;rtl&quot; lang=3D&quot;he&quot;&amp;=
gt;
+ &amp;lt;label&amp;gt;
+  &lt;span dir=3Drtl lang=3Dhe title=3D&quot;&quot;&gt;&amp;#x5d1;&amp;#=
x5d7;&amp;#x5e8; &amp;#x5e9;&amp;#x5e4;&amp;#x5ea; &amp;#x5ea;&amp;#x5db;=
&amp;#x5e0;&amp;#x5d5;&amp;#x5ea;:&lt;/span&gt;
+  &amp;lt;select&amp;gt;
+   &amp;lt;option dir=3D&quot;ltr&quot;&amp;gt;C++&amp;lt;/option&amp;gt=
;
+   &amp;lt;option dir=3D&quot;ltr&quot;&amp;gt;C#&amp;lt;/option&amp;gt;
+   &amp;lt;option dir=3D&quot;ltr&quot;&amp;gt;FreePascal&amp;lt;/option=
&amp;gt;
+   &amp;lt;option dir=3D&quot;ltr&quot;&amp;gt;F#&amp;lt;/option&amp;gt;
+  &amp;lt;/select&amp;gt;
+ &amp;lt;/label&amp;gt;
+&amp;lt;/p&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;If the &lt;code&gt;&lt;a href=3D#the-select-element&gt;selec=
t&lt;/a&gt;&lt;/code&gt; element was rendered as a drop down box, a corre=
ct rendering would
+   ensure that the punctuation was the same both in the drop down, and i=
n the box showing the
+   current selection.&lt;/p&gt;
+
+   &lt;p&gt;&lt;img src=3Dhttp://images.whatwg.org/bidiselect.png width=3D=
206 alt=3D&quot;&quot; height=3D105&gt;&lt;/p&gt; &lt;!-- no need for alt
+   text, the previous paragraph describes it completely --&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;The directionality of attributes depends on the attribute an=
d on the element's &lt;code title=3Dattr-dir&gt;&lt;a href=3D#the-dir-att=
ribute&gt;dir&lt;/a&gt;&lt;/code&gt; attribute, as the following example =
demonstrates. Consider this
+   markup:&lt;/p&gt;
+
+   &lt;pre&gt;&lt;bdo dir=3Dltr&gt;&amp;lt;table&amp;gt;
+ &amp;lt;tr&amp;gt;
+  &amp;lt;th abbr=3D&quot;(&amp;#x5d0;&quot; dir=3Dltr&amp;gt;A
+  &amp;lt;th abbr=3D&quot;(&amp;#x5d0;&quot; dir=3Drtl&amp;gt;A
+  &amp;lt;th abbr=3D&quot;(&amp;#x5d0;&quot; dir=3Dauto&amp;gt;A
+&amp;lt;/table&amp;gt;&lt;/bdo&gt;&lt;/pre&gt;
+
+   &lt;p&gt;If the &lt;code title=3Dattr-th-abbr&gt;&lt;a href=3D#attr-t=
h-abbr&gt;abbr&lt;/a&gt;&lt;/code&gt; attributes are rendered, e.g. in a =
tooltip or
+   other user interface, the first will have a left parenthesis (because=
 the direction is 'ltr'),
+   the second will have a right parenthesis (because the direction is 'r=
tl'), and the third will
+   have a right parenthesis (because the direction is determined &lt;em&=
gt;from the attribute value&lt;/em&gt;
+   to be 'rtl').&lt;/p&gt;
+
+   &lt;p&gt;However, if instead the attribute was not a &lt;a href=3D#di=
rectionality-capable-attribute&gt;directionality-capable attribute&lt;/a&=
gt;, the
+   results would be different:&lt;/p&gt;
+
+   &lt;pre&gt;&lt;bdo dir=3Dltr&gt;&amp;lt;table&amp;gt;
+ &amp;lt;tr&amp;gt;
+  &amp;lt;th data-abbr=3D&quot;(&amp;#x5d0;&quot; dir=3Dltr&amp;gt;A
+  &amp;lt;th data-abbr=3D&quot;(&amp;#x5d0;&quot; dir=3Drtl&amp;gt;A
+  &amp;lt;th data-abbr=3D&quot;(&amp;#x5d0;&quot; dir=3Dauto&amp;gt;A
+&amp;lt;/table&amp;gt;&lt;/bdo&gt;&lt;/pre&gt;
+
+   &lt;p&gt;In this case, if the user agent were to expose the &lt;code =
title=3D&quot;&quot;&gt;data-abbr&lt;/code&gt; attribute
+   in the user interface (e.g. in a debugging environment), the last cas=
e would be rendered with a
+   &lt;em&gt;left&lt;/em&gt; parenthesis, because the direction would be=
 determined from the element's
+   contents.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;A string provided by a script (e.g. the argument to &lt;code =
title=3Ddom-alert&gt;&lt;a href=3D#dom-alert&gt;window.alert()&lt;/a&gt;&=
lt;/code&gt;) is expected to be treated as an independent set of one or
+  more bidirectional algorithm paragraphs when displayed, as defined by =
the bidirectional algorithm,
+  including, for instance, supporting the paragraph-breaking behaviour o=
f U+000A LINE FEED (LF)
+  characters. For the purposes of determining the paragraph level of suc=
h text in the bidirectional
+  algorithm, this specification does &lt;em&gt;not&lt;/em&gt; provide a =
higher-level override of rules P2 and
+  P3. &lt;a href=3D#refsBIDI&gt;[BIDI]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;When necessary, authors can enforce a particular direction fo=
r a given paragraph by starting it
+  with the Unicode U+200E LEFT-TO-RIGHT MARK or U+200F RIGHT-TO-LEFT MAR=
K characters.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;Thus, the following script:&lt;/p&gt;
+
+   &lt;pre&gt;alert('\u05DC\u05DE\u05D3 HTML \u05D4\u05D9\u05D5\u05DD!')=
&lt;/pre&gt;
+
+   &lt;p&gt;...would always result in a message reading
+        &quot;&lt;bdo dir=3Drtl lang=3D&quot;&quot; title=3D&quot;&quot;=
&gt;&amp;#x5dc;&amp;#x5de;&amp;#x5d3;&amp;nbsp;LMTH&amp;nbsp;&amp;#x5d4;&=
amp;#x5d9;&amp;#x5d5;&amp;#x5dd;!&lt;/bdo&gt;&quot;
+   (not &quot;&lt;bdo dir=3Dltr lang=3D&quot;&quot; title=3D&quot;&quot;=
&gt;&amp;#x5d3;&amp;#x5de;&amp;#x5dc;&amp;nbsp;HTML&amp;nbsp;&amp;#x5dd;&=
amp;#x5d5;&amp;#x5d9;&amp;#x5d4;!&lt;/bdo&gt;&quot;),
+   regardless of the language of the user agent interface or the
+   direction of the page or any of its elements.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For a more complex example, consider the following script:&l=
t;/p&gt;
+
+   &lt;pre class=3Dbad&gt;/* Warning: this script does not handle right-=
to-left scripts correctly */
+var s;
+if (s =3D prompt('What is your name?')) {
+  alert(s + '! Ok, Fred, ' + s + ', and Wilma will get the car.');
+}&lt;/pre&gt;
+
+   &lt;p&gt;When the user enters &quot;&lt;kbd&gt;Kitty&lt;/kbd&gt;&quot=
;, the user agent would alert &quot;&lt;samp&gt;Kitty! Ok, Fred,
+   Kitty, and Wilma will get the car.&lt;/samp&gt;&quot;. However, if th=
e user enters &quot;&lt;kbd dir=3Drtl lang=3Dar&gt;&amp;#x644;&amp;#x627;=
&amp;nbsp;&amp;#x623;&amp;#x641;&amp;#x647;&amp;#x645;&lt;/kbd&gt;&quot;,=
 then the bidirectional
+   algorithm will determine that the direction of the paragraph is right=
-to-left, and so the output
+   will be the following unintended mess: &quot;&lt;samp lang=3D&quot;&q=
uot;&gt;&lt;bdo dir=3Drtl&gt;&amp;#x644;&amp;#x627;&amp;nbsp;&amp;#x623;&=
amp;#x641;&amp;#x647;&amp;#x645;!&amp;nbsp;derF&amp;nbsp;,kO,&amp;nbsp;&a=
mp;#x644;&amp;#x627;&amp;nbsp;&amp;#x623;&amp;#x641;&amp;#x647;&amp;#x645=
;,&amp;nbsp;rac&amp;nbsp;eht&amp;nbsp;teg&amp;nbsp;lliw&amp;nbsp;amliW&am=
p;nbsp;dna.&lt;/bdo&gt;&lt;/samp&gt;&quot;&lt;/p&gt;
+
+   &lt;p&gt;To force an alert that starts with user-provided text (or ot=
her text of unknown
+   directionality) to render left-to-right, the string can be prefixed w=
ith a U+200E LEFT-TO-RIGHT
+   MARK character:&lt;/p&gt;
+
+   &lt;pre&gt;var s;
+if (s =3D prompt('What is your name?')) {
+  alert('&lt;strong&gt;\u200E&lt;/strong&gt;' + s + '! Ok, Fred, ' + s +=
 ', and Wilma will get the car.');
+}&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h3 id=3Dprint-media&gt;&lt;span class=3Dsecno&gt;14.8 &lt;/span&gt=
;Print media&lt;/h3&gt;
+
+  &lt;p&gt;User agents are expected to allow the user to request the opp=
ortunity to &lt;dfn id=3Dobtain-a-physical-form&gt;obtain a physical
+  form&lt;/dfn&gt; (or a representation of a physical form) of a &lt;cod=
e&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;. For examp=
le,
+  selecting the option to print a page or convert it to PDF format. &lt;=
a href=3D#refsPDF&gt;[PDF]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;When the user actually &lt;a href=3D#obtain-a-physical-form t=
itle=3D&quot;obtain a physical form&quot;&gt;obtains a physical form&lt;/=
a&gt; (or
+  a representation of a physical form) of a &lt;code&gt;&lt;a href=3D#do=
cument&gt;Document&lt;/a&gt;&lt;/code&gt;, the user agent is expected to
+  create a new rendering of the &lt;code&gt;&lt;a href=3D#document&gt;Do=
cument&lt;/a&gt;&lt;/code&gt; for the print media.&lt;/p&gt;
+
+
+
+  &lt;h3 id=3Dunstyled-xml-documents&gt;&lt;span class=3Dsecno&gt;14.9 &=
lt;/span&gt;Unstyled XML documents&lt;/h3&gt;
+
+  &lt;!-- http://hixie.ch/tests/evil/xml/ --&gt;
+
+  &lt;p&gt;HTML user agents may, in certain circumstances, find themselv=
es rendering non-HTML documents
+  that use vocabularies for which they lack any built-in knowledge. This=
 section provides for a way
+  for user agents to handle such documents in a somewhat useful manner.&=
lt;/p&gt;
+
+  &lt;p&gt;While a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&=
gt;&lt;/code&gt; is an &lt;a href=3D#unstyled-document&gt;unstyled docume=
nt&lt;/a&gt;, the user agent is expected
+  to render &lt;a href=3D#an-unstyled-document-view&gt;an unstyled docum=
ent view&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt=
;/code&gt; is an &lt;dfn id=3Dunstyled-document&gt;unstyled document&lt;/=
dfn&gt; while it matches the following
+  conditions:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;The &lt;code&gt;&lt;a href=3D#document&gt;Document=
&lt;/a&gt;&lt;/code&gt; has no author style sheets (whether referenced by=
 HTTP headers, processing instructions, elements like &lt;code&gt;&lt;a h=
ref=3D#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt;, inline elements l=
ike &lt;code&gt;&lt;a href=3D#the-style-element&gt;style&lt;/a&gt;&lt;/co=
de&gt;, or any other mechanism).
+   &lt;li&gt;None of the elements in the &lt;code&gt;&lt;a href=3D#docum=
ent&gt;Document&lt;/a&gt;&lt;/code&gt; have any &lt;a href=3D#presentatio=
nal-hints&gt;presentational hints&lt;/a&gt;.
+   &lt;li&gt;None of the elements in the &lt;code&gt;&lt;a href=3D#docum=
ent&gt;Document&lt;/a&gt;&lt;/code&gt; have any &lt;a href=3D#css-styling=
-attribute title=3D&quot;CSS styling attribute&quot;&gt;CSS styling attri=
butes&lt;/a&gt;.
+   &lt;li&gt;None of the elements in the &lt;code&gt;&lt;a href=3D#docum=
ent&gt;Document&lt;/a&gt;&lt;/code&gt; are in any of the following namesp=
aces: &lt;a href=3D#html-namespace-0&gt;HTML namespace&lt;/a&gt;, &lt;a h=
ref=3D#svg-namespace&gt;SVG namespace&lt;/a&gt;, &lt;a href=3D#mathml-nam=
espace&gt;MathML namespace&lt;/a&gt;
+   &lt;li&gt;The &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt; has no &lt;a href=3D#focusable&gt;focusable&lt;/a&gt; elem=
ents (e.g. from XLink).
+   &lt;li&gt;The &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt=
;&lt;/code&gt; has no &lt;a href=3D#hyperlink title=3Dhyperlink&gt;hyperl=
inks&lt;/a&gt; (e.g. from XLink).
+   &lt;li&gt;There exists no &lt;a href=3D#concept-script title=3Dconcep=
t-script&gt;script&lt;/a&gt; whose &lt;a href=3D#settings-object&gt;setti=
ngs object&lt;/a&gt; specifies this &lt;code&gt;&lt;a href=3D#document&gt=
;Document&lt;/a&gt;&lt;/code&gt; as the &lt;a href=3D#responsible-documen=
t&gt;responsible document&lt;/a&gt;.
+   &lt;li&gt;None of the elements in the &lt;code&gt;&lt;a href=3D#docum=
ent&gt;Document&lt;/a&gt;&lt;/code&gt; have any registered event listener=
s.
+  &lt;/ul&gt;&lt;p&gt;&lt;dfn id=3Dan-unstyled-document-view&gt;An unsty=
led document view&lt;/dfn&gt; is one where the DOM is not rendered accord=
ing to CSS
+  (which would, since there are no applicable styles in this context, ju=
st result in a wall of
+  text), but is instead rendered in a manner that is useful for a develo=
per. This could consist of
+  just showing the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&=
gt;&lt;/code&gt; object's source, maybe with syntax highlighting, or it
+  could consist of displaying just the DOM tree, or simply a message say=
ing that the page is not a
+  styled document.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;If a &lt;code&gt;&lt;a href=3D#document&gt;Docum=
ent&lt;/a&gt;&lt;/code&gt; stops being an &lt;a href=3D#unstyled-document=
&gt;unstyled document&lt;/a&gt;, then the
+  conditions above stop applying, and thus a user agent following these =
requirements will switch to
+  using the regular CSS rendering.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;!--TOPIC:HTML--&gt;
+
+  &lt;h2 id=3Dobsolete&gt;&lt;span class=3Dsecno&gt;15 &lt;/span&gt;Obso=
lete features&lt;/h2&gt;
+
+  &lt;h3 id=3Dobsolete-but-conforming-features&gt;&lt;span class=3Dsecno=
&gt;15.1 &lt;/span&gt;Obsolete but conforming features&lt;/h3&gt;
+
+  &lt;p&gt;Features listed in this section will trigger warnings in conf=
ormance checkers.&lt;/p&gt;
+
+  &lt;p&gt;Authors should not specify a &lt;code title=3Dattr-img-border=
&gt;&lt;a href=3D#attr-img-border&gt;border&lt;/a&gt;&lt;/code&gt; attrib=
ute on an
+  &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt=
; element. If the attribute is present, its value must be the string &quo=
t;&lt;code title=3D&quot;&quot;&gt;0&lt;/code&gt;&quot;. CSS should be us=
ed instead.&lt;/p&gt;
+
+  &lt;p&gt;Authors should not specify a &lt;code title=3Dattr-script-lan=
guage&gt;&lt;a href=3D#attr-script-language&gt;language&lt;/a&gt;&lt;/cod=
e&gt; attribute on a
+  &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/c=
ode&gt; element. If the attribute is present, its value must be an &lt;a =
href=3D#ascii-case-insensitive&gt;ASCII
+  case-insensitive&lt;/a&gt; match for the string &quot;&lt;code title=3D=
&quot;&quot;&gt;JavaScript&lt;/code&gt;&quot; and either the
+  &lt;code title=3Dattr-script-type&gt;&lt;a href=3D#attr-script-type&gt=
;type&lt;/a&gt;&lt;/code&gt; attribute must be omitted or its value must =
be an
+  &lt;a href=3D#ascii-case-insensitive&gt;ASCII case-insensitive&lt;/a&g=
t; match for the string &quot;&lt;code title=3D&quot;&quot;&gt;text/javas=
cript&lt;/code&gt;&quot;.
+  The attribute should be entirely omitted instead (with the value &quot=
;&lt;code title=3D&quot;&quot;&gt;JavaScript&lt;/code&gt;&quot;, it has n=
o effect), or replaced with use of the &lt;code title=3Dattr-script-type&=
gt;&lt;a href=3D#attr-script-type&gt;type&lt;/a&gt;&lt;/code&gt; attribut=
e.&lt;/p&gt;
+
+  &lt;p&gt;Authors should not specify the &lt;code title=3Dattr-a-name&g=
t;&lt;a href=3D#attr-a-name&gt;name&lt;/a&gt;&lt;/code&gt; attribute on
+  &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; el=
ements. If the attribute is present, its value must not be the empty stri=
ng and
+  must neither be equal to the value of any of the &lt;a href=3D#concept=
-id title=3Dconcept-id&gt;IDs&lt;/a&gt; in the
+  element's &lt;a href=3D#home-subtree&gt;home subtree&lt;/a&gt; other t=
han the element's own &lt;a href=3D#concept-id title=3Dconcept-id&gt;ID&l=
t;/a&gt;, if any, nor be equal to the value of any of the other &lt;code =
title=3Dattr-a-name&gt;&lt;a href=3D#attr-a-name&gt;name&lt;/a&gt;&lt;/co=
de&gt; attributes on &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&g=
t;&lt;/code&gt; elements in the element's &lt;a href=3D#home-subtree&gt;h=
ome
+  subtree&lt;/a&gt;. If this attribute is present and the element has an=
 &lt;a href=3D#concept-id title=3Dconcept-id&gt;ID&lt;/a&gt;, then the at=
tribute's value must be equal to the element's &lt;a href=3D#concept-id t=
itle=3Dconcept-id&gt;ID&lt;/a&gt;. In earlier versions of the language, t=
his attribute was intended as
+  a way to specify possible targets for fragment identifiers in &lt;a hr=
ef=3D#url title=3DURL&gt;URLs&lt;/a&gt;. The
+  &lt;code title=3Dattr-id&gt;&lt;a href=3D#the-id-attribute&gt;id&lt;/a=
&gt;&lt;/code&gt; attribute should be used instead.&lt;/p&gt;
+
+  &lt;!-- remove this once type=3Dnumber is widely supported --&gt;
+  &lt;p&gt;Authors should not, but may despite requirements to the contr=
ary elsewhere in this
+  specification, specify the &lt;code title=3Dattr-input-maxlength&gt;&l=
t;a href=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt; and =
&lt;code title=3Dattr-input-size&gt;&lt;a href=3D#attr-input-size&gt;size=
&lt;/a&gt;&lt;/code&gt; attributes on &lt;code&gt;&lt;a href=3D#the-input=
-element&gt;input&lt;/a&gt;&lt;/code&gt; elements whose &lt;code title=3D=
attr-input-type&gt;&lt;a href=3D#attr-input-type&gt;type&lt;/a&gt;&lt;/co=
de&gt; attributes are in the &lt;a href=3D&quot;#number-state-(type=3Dnum=
ber)&quot; title=3Dattr-input-type-number&gt;Number&lt;/a&gt; state. One =
valid reason for using these attributes
+  regardless is to help legacy user agents that do not support &lt;code&=
gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; elemen=
ts with
+  &lt;code title=3D&quot;&quot;&gt;type=3D&quot;number&quot;&lt;/code&gt=
; to still render the text field with a useful width.&lt;/p&gt;
+
+  &lt;p class=3Dnote&gt;In &lt;a href=3D#syntax&gt;the HTML syntax&lt;/a=
&gt;, specifying a &lt;a href=3D#syntax-doctype title=3Dsyntax-DOCTYPE&gt=
;DOCTYPE&lt;/a&gt; that is an &lt;a href=3D#obsolete-permitted-doctype&gt=
;obsolete permitted DOCTYPE&lt;/a&gt; will also
+  trigger a warning.&lt;/p&gt;
+
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;h4 id=3Dwarnings-for-obsolete-but-conforming-features&gt;&lt;span =
class=3Dsecno&gt;15.1.1 &lt;/span&gt;Warnings for obsolete but conforming=
 features&lt;/h4&gt;
+
+  &lt;p&gt;To ease the transition from HTML4 Transitional documents to t=
he language defined in
+  &lt;em&gt;this&lt;/em&gt; specification, and to discourage certain fea=
tures that are only allowed in very few
+  circumstances, conformance checkers are required to warn the user when=
 the following features are
+  used in a document. These are generally old obsolete features that hav=
e no effect, and are allowed
+  only to distinguish between likely mistakes (regular conformance error=
s) and mere vestigial markup
+  or unusual and discouraged practices (these warnings).&lt;/p&gt;
+
+  &lt;p&gt;The following features must be categorized as described
+  above:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;!-- downplayed list --&gt;&lt;li&gt;&lt;p&gt;The presenc=
e of an &lt;a href=3D#obsolete-permitted-doctype&gt;obsolete permitted DO=
CTYPE&lt;/a&gt; in an &lt;a href=3D#html-documents title=3D&quot;HTML
+   documents&quot;&gt;HTML document&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;The presence of a &lt;code title=3Dattr-img-border=
&gt;&lt;a href=3D#attr-img-border&gt;border&lt;/a&gt;&lt;/code&gt; attrib=
ute on an
+   &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&g=
t; element if its value is the string &quot;&lt;code title=3D&quot;&quot;=
&gt;0&lt;/code&gt;&quot;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;The presence of a &lt;code title=3Dattr-script-lan=
guage&gt;&lt;a href=3D#attr-script-language&gt;language&lt;/a&gt;&lt;/cod=
e&gt; attribute on a
+   &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/=
code&gt; element if its value is an &lt;a href=3D#ascii-case-insensitive&=
gt;ASCII case-insensitive&lt;/a&gt; match for the
+   string &quot;&lt;code title=3D&quot;&quot;&gt;JavaScript&lt;/code&gt;=
&quot; and if there is no &lt;code title=3Dattr-script-type&gt;&lt;a href=
=3D#attr-script-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute or there is=
 and its value is an &lt;a href=3D#ascii-case-insensitive&gt;ASCII
+   case-insensitive&lt;/a&gt; match for the string &quot;&lt;code title=3D=
&quot;&quot;&gt;text/javascript&lt;/code&gt;&quot;.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;The presence of a &lt;code title=3Dattr-a-name&gt;=
&lt;a href=3D#attr-a-name&gt;name&lt;/a&gt;&lt;/code&gt; attribute on an =
&lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt;
+   element, if its value is not the empty string.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;The presence of a &lt;code title=3Dattr-input-maxl=
ength&gt;&lt;a href=3D#attr-input-maxlength&gt;maxlength&lt;/a&gt;&lt;/co=
de&gt; attribute on an
+   &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/co=
de&gt; element whose &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#at=
tr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the
+   &lt;a href=3D&quot;#number-state-(type=3Dnumber)&quot; title=3Dattr-i=
nput-type-number&gt;Number&lt;/a&gt; state.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;The presence of a &lt;code title=3Dattr-input-size=
&gt;&lt;a href=3D#attr-input-size&gt;size&lt;/a&gt;&lt;/code&gt; attribut=
e on an
+   &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/co=
de&gt; element whose &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#at=
tr-input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the
+   &lt;a href=3D&quot;#number-state-(type=3Dnumber)&quot; title=3Dattr-i=
nput-type-number&gt;Number&lt;/a&gt; state.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;p&gt;Conformance checkers must distinguish between page=
s that have no conformance errors and have
+  none of these obsolete features, and pages that have no conformance er=
rors but do have some of
+  these obsolete features.&lt;/p&gt;
+
+  &lt;p class=3Dexample&gt;For example, a validator could report some pa=
ges as &quot;Valid HTML&quot; and others as
+  &quot;Valid HTML with warnings&quot;.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+  &lt;h3 id=3Dnon-conforming-features&gt;&lt;span class=3Dsecno&gt;15.2 =
&lt;/span&gt;Non-conforming features&lt;/h3&gt;
+
+  &lt;p&gt;Elements in the following list are entirely obsolete, and mus=
t not be used by authors:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;!-- alphabetical by first element in the group, except C=
SS goes last --&gt;&lt;dt&gt;&lt;code&gt;&lt;a href=3D#the-applet-element=
&gt;applet&lt;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use &lt;code&gt;&lt;a href=3D#the-embed-element&gt=
;embed&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#the-object-ele=
ment&gt;object&lt;/a&gt;&lt;/code&gt; instead.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dacronym&gt;&lt;code&gt;acronym&lt;/code&gt;&lt=
;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use &lt;code&gt;&lt;a href=3D#the-abbr-element&gt;=
abbr&lt;/a&gt;&lt;/code&gt; instead.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dbgsound&gt;&lt;code&gt;bgsound&lt;/code&gt;&lt=
;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use &lt;code&gt;&lt;a href=3D#the-audio-element&gt=
;audio&lt;/a&gt;&lt;/code&gt; instead.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Ddir&gt;&lt;code&gt;dir&lt;/code&gt;&lt;/dfn&gt=
;&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use &lt;code&gt;&lt;a href=3D#the-ul-element&gt;ul=
&lt;/a&gt;&lt;/code&gt; instead.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/code=
&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&lt=
;/code&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dnoframes&gt;&lt;code&gt;noframes&lt;/code&gt;&=
lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Either use &lt;code&gt;&lt;a href=3D#the-iframe-el=
ement&gt;iframe&lt;/a&gt;&lt;/code&gt; and CSS instead, or use server-sid=
e includes to generate complete pages with the various invariant parts me=
rged in.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Disindex-0&gt;&lt;code&gt;isindex&lt;/code&gt;&=
lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use an explicit &lt;code&gt;&lt;a href=3D#the-form=
-element&gt;form&lt;/a&gt;&lt;/code&gt; and &lt;a href=3D&quot;#text-(typ=
e=3Dtext)-state-and-search-state-(type=3Dsearch)&quot; title=3Dattr-input=
-type-text&gt;text field&lt;/a&gt; combination instead.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dlisting&gt;&lt;code&gt;listing&lt;/code&gt;&lt=
;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use &lt;code&gt;&lt;a href=3D#the-pre-element&gt;p=
re&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-code-element&=
gt;code&lt;/a&gt;&lt;/code&gt; instead.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dnextid&gt;&lt;code&gt;nextid&lt;/code&gt;&lt;/=
dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use GUIDs instead.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dnoembed&gt;&lt;code&gt;noembed&lt;/code&gt;&lt=
;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use &lt;code&gt;&lt;a href=3D#the-object-element&g=
t;object&lt;/a&gt;&lt;/code&gt; instead of &lt;code&gt;&lt;a href=3D#the-=
embed-element&gt;embed&lt;/a&gt;&lt;/code&gt; when fallback is necessary.=
&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dplaintext&gt;&lt;code&gt;plaintext&lt;/code&gt=
;&lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use the &quot;&lt;code&gt;text/plain&lt;/code&gt;&=
quot; &lt;a href=3D#mime-type&gt;MIME type&lt;/a&gt; instead.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Drb&gt;&lt;code&gt;rb&lt;/code&gt;&lt;/dfn&gt;&=
lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Providing the ruby base directly inside the &lt;co=
de&gt;&lt;a href=3D#the-ruby-element&gt;ruby&lt;/a&gt;&lt;/code&gt; eleme=
nt is sufficient; the &lt;code&gt;&lt;a href=3D#rb&gt;rb&lt;/a&gt;&lt;/co=
de&gt; element is unnecessary. Omit it altogether.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dstrike&gt;&lt;code&gt;strike&lt;/code&gt;&lt;/=
dfn&gt;&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use &lt;code&gt;&lt;a href=3D#the-del-element&gt;d=
el&lt;/a&gt;&lt;/code&gt; instead if the element is marking an edit, othe=
rwise use &lt;code&gt;&lt;a href=3D#the-s-element&gt;s&lt;/a&gt;&lt;/code=
&gt; instead.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dxmp&gt;&lt;code&gt;xmp&lt;/code&gt;&lt;/dfn&gt=
;&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use &lt;code&gt;&lt;a href=3D#the-pre-element&gt;p=
re&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-code-element&=
gt;code&lt;/a&gt;&lt;/code&gt; instead, and escape &quot;&lt;code title=3D=
&quot;&quot;&gt;&amp;lt;&lt;/code&gt;&quot; and &quot;&lt;code title=3D&q=
uot;&quot;&gt;&amp;amp;&lt;/code&gt;&quot; characters as &quot;&lt;code t=
itle=3D&quot;&quot;&gt;&amp;amp;lt;&lt;/code&gt;&quot; and &quot;&lt;code=
 title=3D&quot;&quot;&gt;&amp;amp;amp;&lt;/code&gt;&quot; respectively.&l=
t;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dbasefont&gt;&lt;code&gt;basefont&lt;/code&gt;&=
lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dbig&gt;&lt;code&gt;big&lt;/code&gt;&lt;/dfn&gt=
;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dblink&gt;&lt;code&gt;blink&lt;/code&gt;&lt;/df=
n&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dcenter&gt;&lt;code&gt;center&lt;/code&gt;&lt;/=
dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dfont&gt;&lt;code&gt;font&lt;/code&gt;&lt;/dfn&=
gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt=
;/a&gt;&lt;/code&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dmulticol&gt;&lt;code&gt;multicol&lt;/code&gt;&=
lt;/dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dnobr&gt;&lt;code&gt;nobr&lt;/code&gt;&lt;/dfn&=
gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dspacer&gt;&lt;code&gt;spacer&lt;/code&gt;&lt;/=
dfn&gt;&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dtt&gt;&lt;code&gt;tt&lt;/code&gt;&lt;/dfn&gt;&=
lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;Use appropriate elements or CSS instead.&lt;/p&gt;
+
+    &lt;p&gt;Where the &lt;code&gt;&lt;a href=3D#tt&gt;tt&lt;/a&gt;&lt;/=
code&gt; element would have been used for marking up keyboard input,
+    consider the &lt;code&gt;&lt;a href=3D#the-kbd-element&gt;kbd&lt;/a&=
gt;&lt;/code&gt; element; for variables, consider the &lt;code&gt;&lt;a h=
ref=3D#the-var-element&gt;var&lt;/a&gt;&lt;/code&gt; element; for
+    computer code, consider the &lt;code&gt;&lt;a href=3D#the-code-eleme=
nt&gt;code&lt;/a&gt;&lt;/code&gt; element; and for computer output, consi=
der the
+    &lt;code&gt;&lt;a href=3D#the-samp-element&gt;samp&lt;/a&gt;&lt;/cod=
e&gt; element.&lt;/p&gt;
+
+    &lt;p&gt;Similarly, if the &lt;code&gt;&lt;a href=3D#big&gt;big&lt;/=
a&gt;&lt;/code&gt; element is being used to denote a heading, consider us=
ing
+    the &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-element=
s&gt;h1&lt;/a&gt;&lt;/code&gt; element; if it is being used for marking u=
p important passages, consider the
+    &lt;code&gt;&lt;a href=3D#the-strong-element&gt;strong&lt;/a&gt;&lt;=
/code&gt; element; and if it is being used for highlighting text for refe=
rence
+    purposes, consider the &lt;code&gt;&lt;a href=3D#the-mark-element&gt=
;mark&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+    &lt;p&gt;See also the &lt;a href=3D#usage-summary&gt;text-level sema=
ntics usage summary&lt;/a&gt; for more
+    suggestions with examples.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;hr&gt;&lt;p&gt;The following attributes are obsolete (t=
hough the elements are still part of the language), and
+  must not be used by authors:&lt;/p&gt;
+
+  &lt;dl&gt;&lt;!-- alphabetical by element then attribute of first item=
 in group, except CSS goes last --&gt;&lt;dt&gt;&lt;dfn id=3Dattr-a-chars=
et title=3Dattr-a-charset&gt;&lt;code&gt;charset&lt;/code&gt;&lt;/dfn&gt;=
 on &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; e=
lements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-link-charset title=3Dattr-link-charset&gt=
;&lt;code&gt;charset&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use an HTTP Content-Type header on the linked reso=
urce instead.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-a-coords title=3Dattr-a-coords&gt;&lt;cod=
e&gt;coords&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-a-e=
lement&gt;a&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-a-shape title=3Dattr-a-shape&gt;&lt;code&=
gt;shape&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-a-elem=
ent&gt;a&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use &lt;code&gt;&lt;a href=3D#the-area-element&gt;=
area&lt;/a&gt;&lt;/code&gt; instead of &lt;code&gt;&lt;a href=3D#the-a-el=
ement&gt;a&lt;/a&gt;&lt;/code&gt; for image maps.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-a-methods title=3Dattr-a-methods&gt;&lt;c=
ode&gt;methods&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-=
a-element&gt;a&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-link-methods title=3Dattr-link-methods&gt=
;&lt;code&gt;methods&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-link-element&gt;link&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use the HTTP OPTIONS feature instead.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-a-name title=3Dattr-a-name&gt;&lt;code&gt=
;name&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-a-element=
&gt;a&lt;/a&gt;&lt;/code&gt; elements (except as noted in the previous se=
ction)&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-embed-name title=3Dattr-embed-name&gt;&lt=
;code&gt;name&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-e=
mbed-element&gt;embed&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-img-name title=3Dattr-img-name&gt;&lt;cod=
e&gt;name&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-img-e=
lement&gt;img&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-option-name title=3Dattr-option-name&gt;&=
lt;code&gt;name&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the=
-option-element&gt;option&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use the &lt;code title=3Dattr-id&gt;&lt;a href=3D#=
the-id-attribute&gt;id&lt;/a&gt;&lt;/code&gt; attribute instead.&lt;/dd&g=
t;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-a-rev title=3Dattr-a-rev&gt;&lt;code&gt;r=
ev&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-a-element&gt=
;a&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-link-rev title=3Dattr-link-rev&gt;&lt;cod=
e&gt;rev&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-link-e=
lement&gt;link&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use the &lt;code title=3Dattr-hyperlink-rel&gt;&lt=
;a href=3D#attr-hyperlink-rel&gt;rel&lt;/a&gt;&lt;/code&gt;
+   attribute instead, with an opposite term. (For example, instead of
+   &lt;code title=3D&quot;&quot;&gt;rev=3D&quot;made&quot;&lt;/code&gt;,=
 use &lt;code title=3D&quot;&quot;&gt;rel=3D&quot;author&quot;&lt;/code&g=
t;.)&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-a-urn title=3Dattr-a-urn&gt;&lt;code&gt;u=
rn&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-a-element&gt=
;a&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-link-urn title=3Dattr-link-urn&gt;&lt;cod=
e&gt;urn&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-link-e=
lement&gt;link&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Specify the preferred persistent identifier using =
the &lt;code title=3Dattr-hyperlink-href&gt;&lt;a href=3D#attr-hyperlink-=
href&gt;href&lt;/a&gt;&lt;/code&gt; attribute instead.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-form-accept title=3Dattr-form-accept&gt;&=
lt;code&gt;accept&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#t=
he-form-element&gt;form&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use the &lt;code title=3Dattr-input-accept&gt;&lt;=
a href=3D#attr-input-accept&gt;accept&lt;/a&gt;&lt;/code&gt; attribute di=
rectly on the &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&=
gt;&lt;/code&gt; elements instead.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-area-nohref title=3Dattr-area-nohref&gt;&=
lt;code&gt;nohref&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#t=
he-area-element&gt;area&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Omitting the &lt;code title=3Dattr-hyperlink-href&=
gt;&lt;a href=3D#attr-hyperlink-href&gt;href&lt;/a&gt;&lt;/code&gt;
+   attribute is sufficient; the &lt;code title=3Dattr-area-nohref&gt;&lt=
;a href=3D#attr-area-nohref&gt;nohref&lt;/a&gt;&lt;/code&gt; attribute is
+   unnecessary. Omit it altogether.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-head-profile title=3Dattr-head-profile&gt=
;&lt;code&gt;profile&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-head-element&gt;head&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;When used for declaring which &lt;code&gt;&lt;a hr=
ef=3D#the-meta-element&gt;meta&lt;/a&gt;&lt;/code&gt; terms are
+   used in the document, unnecessary; omit it altogether, and &lt;a href=
=3D#concept-meta-extensions title=3Dconcept-meta-extensions&gt;register t=
he names&lt;/a&gt;.&lt;/dd&gt;
+   &lt;dd&gt;&lt;p&gt;When used for triggering specific user agent behav=
iors: use
+   a &lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/co=
de&gt; element instead.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-html-version title=3Dattr-html-version&gt=
;&lt;code&gt;version&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-html-element&gt;html&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Unnecessary. Omit it altogether.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-input-ismap title=3Dattr-input-ismap&gt;&=
lt;code&gt;ismap&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#th=
e-input-element&gt;input&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Unnecessary. Omit it altogether. All &lt;code&gt;&=
lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; elements w=
ith a &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-type&g=
t;type&lt;/a&gt;&lt;/code&gt; attribute in the &lt;a href=3D&quot;#image-=
button-state-(type=3Dimage)&quot; title=3Dattr-input-type-image&gt;Image
+   Button&lt;/a&gt; state are processed as server-side image maps.&lt;/d=
d&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-input-usemap title=3Dattr-input-usemap&gt=
;&lt;code&gt;usemap&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use &lt;code&gt;&lt;a href=3D#the-img-element&gt;i=
mg&lt;/a&gt;&lt;/code&gt; instead of &lt;code&gt;&lt;a href=3D#the-input-=
element&gt;input&lt;/a&gt;&lt;/code&gt; for image maps.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-iframe-longdesc title=3Dattr-iframe-longd=
esc&gt;&lt;code&gt;longdesc&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a=
 href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt; elements&lt;=
/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-img-longdesc title=3Dattr-img-longdesc&gt=
;&lt;code&gt;longdesc&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use a regular &lt;code&gt;&lt;a href=3D#the-a-elem=
ent&gt;a&lt;/a&gt;&lt;/code&gt; element to link to the
+   description, or (in the case of images) use an &lt;a href=3D#image-ma=
p&gt;image
+   map&lt;/a&gt; to provide a link from the image to the image's
+   description.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-img-lowsrc title=3Dattr-img-lowsrc&gt;&lt=
;code&gt;lowsrc&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the=
-img-element&gt;img&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use a progressive JPEG image (given in the &lt;cod=
e title=3Dattr-img-src&gt;&lt;a href=3D#attr-img-src&gt;src&lt;/a&gt;&lt;=
/code&gt; attribute),
+   instead of using two separate images.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-link-target title=3Dattr-link-target&gt;&=
lt;code&gt;target&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#t=
he-link-element&gt;link&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Unnecessary. Omit it altogether.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-meta-scheme title=3Dattr-meta-scheme&gt;&=
lt;code&gt;scheme&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#t=
he-meta-element&gt;meta&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use only one scheme per field, or make the scheme =
declaration part of the value.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-object-archive title=3Dattr-object-archiv=
e&gt;&lt;code&gt;archive&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a hr=
ef=3D#the-object-element&gt;object&lt;/a&gt;&lt;/code&gt; elements&lt;/dt=
&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-object-classid title=3Dattr-object-classi=
d&gt;&lt;code&gt;classid&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a hr=
ef=3D#the-object-element&gt;object&lt;/a&gt;&lt;/code&gt; elements&lt;/dt=
&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-object-code title=3Dattr-object-code&gt;&=
lt;code&gt;code&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the=
-object-element&gt;object&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-object-codebase title=3Dattr-object-codeb=
ase&gt;&lt;code&gt;codebase&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a=
 href=3D#the-object-element&gt;object&lt;/a&gt;&lt;/code&gt; elements&lt;=
/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-object-codetype title=3Dattr-object-codet=
ype&gt;&lt;code&gt;codetype&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a=
 href=3D#the-object-element&gt;object&lt;/a&gt;&lt;/code&gt; elements&lt;=
/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use the &lt;code title=3Dattr-object-data&gt;&lt;a=
 href=3D#attr-object-data&gt;data&lt;/a&gt;&lt;/code&gt; and &lt;code tit=
le=3Dattr-object-type&gt;&lt;a href=3D#attr-object-type&gt;type&lt;/a&gt;=
&lt;/code&gt; attributes to invoke &lt;a href=3D#plugin title=3Dplugin&gt=
;plugins&lt;/a&gt;. To set parameters with these names
+   in particular, the &lt;code&gt;&lt;a href=3D#the-param-element&gt;par=
am&lt;/a&gt;&lt;/code&gt; element can be used.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-object-declare title=3Dattr-object-declar=
e&gt;&lt;code&gt;declare&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a hr=
ef=3D#the-object-element&gt;object&lt;/a&gt;&lt;/code&gt; elements&lt;/dt=
&gt;
+   &lt;dd&gt;&lt;p&gt;Repeat the &lt;code&gt;&lt;a href=3D#the-object-el=
ement&gt;object&lt;/a&gt;&lt;/code&gt; element completely each time the r=
esource is to be reused.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-object-standby title=3Dattr-object-standb=
y&gt;&lt;code&gt;standby&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a hr=
ef=3D#the-object-element&gt;object&lt;/a&gt;&lt;/code&gt; elements&lt;/dt=
&gt;
+   &lt;dd&gt;&lt;p&gt;Optimize the linked resource so that it loads quic=
kly or, at least, incrementally.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-param-type title=3Dattr-param-type&gt;&lt=
;code&gt;type&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-p=
aram-element&gt;param&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-param-valuetype title=3Dattr-param-valuet=
ype&gt;&lt;code&gt;valuetype&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;=
a href=3D#the-param-element&gt;param&lt;/a&gt;&lt;/code&gt; elements&lt;/=
dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use the &lt;code title=3Dattr-param-name&gt;&lt;a =
href=3D#attr-param-name&gt;name&lt;/a&gt;&lt;/code&gt; and &lt;code title=
=3Dattr-param-value&gt;&lt;a href=3D#attr-param-value&gt;value&lt;/a&gt;&=
lt;/code&gt; attributes without declaring
+   value types.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-script-language title=3Dattr-script-langu=
age&gt;&lt;code&gt;language&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a=
 href=3D#the-script-element&gt;script&lt;/a&gt;&lt;/code&gt; elements (ex=
cept as noted in the previous section)&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use the &lt;code title=3Dattr-script-type&gt;&lt;a=
 href=3D#attr-script-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute
+   instead.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-script-event title=3Dattr-script-event&gt=
;&lt;code&gt;event&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#=
the-script-element&gt;script&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-script-for title=3Dattr-script-for&gt;&lt=
;code&gt;for&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-sc=
ript-element&gt;script&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use DOM Events mechanisms to register event listen=
ers. &lt;a href=3D#refsDOM&gt;[DOM]&lt;/a&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-table-datapagesize title=3Dattr-table-dat=
apagesize&gt;&lt;code&gt;datapagesize&lt;/code&gt;&lt;/dfn&gt; on &lt;cod=
e&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; elem=
ents&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Unnecessary. Omit it altogether.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-table-summary title=3Dattr-table-summary&=
gt;&lt;code&gt;summary&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=
=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;=
&lt;!-- 2.65% pages --&gt;
+   &lt;dd&gt;&lt;p&gt;Use one of the &lt;a href=3D#table-descriptions-te=
chniques&gt;techniques for describing
+   tables&lt;/a&gt; given in the &lt;code&gt;&lt;a href=3D#the-table-ele=
ment&gt;table&lt;/a&gt;&lt;/code&gt; section instead.&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-td-abbr title=3Dattr-td-abbr&gt;&lt;code&=
gt;abbr&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-td-elem=
ent&gt;td&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use text that begins in an unambiguous and terse m=
anner, and include any more elaborate text after that. The &lt;code title=
=3Dattr-title&gt;&lt;a href=3D#attr-title&gt;title&lt;/a&gt;&lt;/code&gt;=
 attribute can also be useful in including more detailed text, so that th=
e cell's contents can be made terse. If it's a heading, use &lt;code&gt;&=
lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; (which has an &l=
t;code title=3Dattr-th-abbr&gt;&lt;a href=3D#attr-th-abbr&gt;abbr&lt;/a&g=
t;&lt;/code&gt; attribute).&lt;/p&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-tdth-axis title=3Dattr-tdth-axis&gt;&lt;c=
ode&gt;axis&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-td-=
element&gt;td&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-th=
-element&gt;th&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use the &lt;code title=3Dattr-th-scope&gt;&lt;a hr=
ef=3D#attr-th-scope&gt;scope&lt;/a&gt;&lt;/code&gt; attribute on the rele=
vant &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt=
;.&lt;/p&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-td-scope title=3Dattr-td-scope&gt;&lt;cod=
e&gt;scope&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-td-e=
lement&gt;td&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use &lt;code&gt;&lt;a href=3D#the-th-element&gt;th=
&lt;/a&gt;&lt;/code&gt; elements for heading cells.&lt;/p&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-datasrc title=3Dattr-datasrc&gt;&lt;code&=
gt;datasrc&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-a-el=
ement&gt;a&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-applet-e=
lement&gt;applet&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-bu=
tton-element&gt;button&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#=
the-div-element&gt;div&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#=
frame&gt;frame&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-ifra=
me-element&gt;iframe&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#th=
e-img-element&gt;img&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#th=
e-input-element&gt;input&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D=
#the-label-element&gt;label&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a hre=
f=3D#the-legend-element&gt;legend&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt=
;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&lt;/code&gt;, &lt;cod=
e&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&lt;/code&gt;, &=
lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt;&lt;/code&=
gt;, &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&lt;=
/code&gt;, &lt;code&gt;&lt;a href=3D#the-span-element&gt;span&lt;/a&gt;&l=
t;/code&gt;, &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&g=
t;&lt;/code&gt;, and &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;te=
xtarea&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-datafld title=3Dattr-datafld&gt;&lt;code&=
gt;datafld&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-a-el=
ement&gt;a&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-applet-e=
lement&gt;applet&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-bu=
tton-element&gt;button&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#=
the-div-element&gt;div&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#=
the-fieldset-element&gt;fieldset&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;=
a href=3D#frame&gt;frame&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D=
#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a h=
ref=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a h=
ref=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt=
;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;/code&gt;, &lt;code&gt=
;&lt;a href=3D#the-legend-element&gt;legend&lt;/a&gt;&lt;/code&gt;, &lt;c=
ode&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&lt;/code&gt=
;, &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&lt;/c=
ode&gt;, &lt;code&gt;&lt;a href=3D#the-param-element&gt;param&lt;/a&gt;&l=
t;/code&gt;, &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a=
&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-span-element&gt;span&lt;=
/a&gt;&lt;/code&gt;, and &lt;code&gt;&lt;a href=3D#the-textarea-element&g=
t;textarea&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-dataformatas title=3Dattr-dataformatas&gt=
;&lt;code&gt;dataformatas&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a h=
ref=3D#the-button-element&gt;button&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&=
lt;a href=3D#the-div-element&gt;div&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&=
lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt;, &lt;code&=
gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;/code&gt;, &lt;c=
ode&gt;&lt;a href=3D#the-legend-element&gt;legend&lt;/a&gt;&lt;/code&gt;,=
 &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&lt;/c=
ode&gt;, &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;=
&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;=
/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-select-element&gt;sele=
ct&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-span-element&gt;=
span&lt;/a&gt;&lt;/code&gt;, and &lt;code&gt;&lt;a href=3D#the-table-elem=
ent&gt;table&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use script and a mechanism such as &lt;code&gt;XML=
HttpRequest&lt;/code&gt; to populate the page dynamically. &lt;a href=3D#=
refsXHR&gt;[XHR]&lt;/a&gt;&lt;/dd&gt;
+
+   &lt;dt&gt;&lt;dfn id=3Dattr-body-alink title=3Dattr-body-alink&gt;&lt=
;code&gt;alink&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-=
body-element&gt;body&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-body-bgcolor title=3Dattr-body-bgcolor&gt=
;&lt;code&gt;bgcolor&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-body-link title=3Dattr-body-link&gt;&lt;c=
ode&gt;link&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-bod=
y-element&gt;body&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-body-marginbottom title=3Dattr-body-margi=
nbottom&gt;&lt;code&gt;marginbottom&lt;/code&gt;&lt;/dfn&gt; on &lt;code&=
gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt; elements=
&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-body-marginheight title=3Dattr-body-margi=
nheight&gt;&lt;code&gt;marginheight&lt;/code&gt;&lt;/dfn&gt; on &lt;code&=
gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt; elements=
&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-body-marginleft title=3Dattr-body-marginl=
eft&gt;&lt;code&gt;marginleft&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt=
;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt; elements&lt;/d=
t&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-body-marginright title=3Dattr-body-margin=
right&gt;&lt;code&gt;marginright&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;=
&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt; elements&lt=
;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-body-margintop title=3Dattr-body-marginto=
p&gt;&lt;code&gt;margintop&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a =
href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&g=
t;
+   &lt;dt&gt;&lt;dfn id=3Dattr-body-marginwidth title=3Dattr-body-margin=
width&gt;&lt;code&gt;marginwidth&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;=
&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt; elements&lt=
;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-body-text title=3Dattr-body-text&gt;&lt;c=
ode&gt;text&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-bod=
y-element&gt;body&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-body-vlink title=3Dattr-body-vlink&gt;&lt=
;code&gt;vlink&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-=
body-element&gt;body&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-br-clear title=3Dattr-br-clear&gt;&lt;cod=
e&gt;clear&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-br-e=
lement&gt;br&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-caption-align title=3Dattr-caption-align&=
gt;&lt;code&gt;align&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-caption-element&gt;caption&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt=
;
+   &lt;dt&gt;&lt;dfn id=3Dattr-col-align title=3Dattr-col-align&gt;&lt;c=
ode&gt;align&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-co=
l-element&gt;col&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-col-char title=3Dattr-col-char&gt;&lt;cod=
e&gt;char&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-col-e=
lement&gt;col&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-col-charoff title=3Dattr-col-charoff&gt;&=
lt;code&gt;charoff&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#=
the-col-element&gt;col&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-col-valign title=3Dattr-col-valign&gt;&lt=
;code&gt;valign&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the=
-col-element&gt;col&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-col-width title=3Dattr-col-width&gt;&lt;c=
ode&gt;width&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-co=
l-element&gt;col&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-div-align title=3Dattr-div-align&gt;&lt;c=
ode&gt;align&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-di=
v-element&gt;div&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-dl-compact title=3Dattr-dl-compact&gt;&lt=
;code&gt;compact&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#th=
e-dl-element&gt;dl&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-embed-align title=3Dattr-embed-align&gt;&=
lt;code&gt;align&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#th=
e-embed-element&gt;embed&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-embed-hspace title=3Dattr-embed-hspace&gt=
;&lt;code&gt;hspace&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-embed-element&gt;embed&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-embed-vspace title=3Dattr-embed-vspace&gt=
;&lt;code&gt;vspace&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-embed-element&gt;embed&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-hr-align title=3Dattr-hr-align&gt;&lt;cod=
e&gt;align&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-hr-e=
lement&gt;hr&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-hr-color title=3Dattr-hr-color&gt;&lt;cod=
e&gt;color&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-hr-e=
lement&gt;hr&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-hr-noshade title=3Dattr-hr-noshade&gt;&lt=
;code&gt;noshade&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#th=
e-hr-element&gt;hr&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-hr-size title=3Dattr-hr-size&gt;&lt;code&=
gt;size&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-hr-elem=
ent&gt;hr&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-hr-width title=3Dattr-hr-width&gt;&lt;cod=
e&gt;width&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-hr-e=
lement&gt;hr&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-hx-align title=3Dattr-hx-align&gt;&lt;cod=
e&gt;align&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-h1,-=
h2,-h3,-h4,-h5,-and-h6-elements&gt;h1&lt;/a&gt;&lt;/code&gt;&amp;mdash;&l=
t;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h6&lt;=
/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-iframe-align title=3Dattr-iframe-align&gt=
;&lt;code&gt;align&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#=
the-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-iframe-allowtransparency title=3Dattr-ifr=
ame-allowtransparency&gt;&lt;code&gt;allowtransparency&lt;/code&gt;&lt;/d=
fn&gt; on &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt=
;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-iframe-frameborder title=3Dattr-iframe-fr=
ameborder&gt;&lt;code&gt;frameborder&lt;/code&gt;&lt;/dfn&gt; on &lt;code=
&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt; ele=
ments&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-iframe-hspace title=3Dattr-iframe-hspace&=
gt;&lt;code&gt;hspace&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-iframe-marginheight title=3Dattr-iframe-m=
arginheight&gt;&lt;code&gt;marginheight&lt;/code&gt;&lt;/dfn&gt; on &lt;c=
ode&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt; =
elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-iframe-marginwidth title=3Dattr-iframe-ma=
rginwidth&gt;&lt;code&gt;marginwidth&lt;/code&gt;&lt;/dfn&gt; on &lt;code=
&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt; ele=
ments&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-iframe-scrolling title=3Dattr-iframe-scro=
lling&gt;&lt;code&gt;scrolling&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&l=
t;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt; elements&=
lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-iframe-vspace title=3Dattr-iframe-vspace&=
gt;&lt;code&gt;vspace&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-input-align title=3Dattr-input-align&gt;&=
lt;code&gt;align&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#th=
e-input-element&gt;input&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-input-hspace title=3Dattr-input-hspace&gt=
;&lt;code&gt;hspace&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-input-vspace title=3Dattr-input-vspace&gt=
;&lt;code&gt;vspace&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-input-element&gt;input&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-img-align title=3Dattr-img-align&gt;&lt;c=
ode&gt;align&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-im=
g-element&gt;img&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-img-border title=3Dattr-img-border&gt;&lt=
;code&gt;border&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the=
-img-element&gt;img&lt;/a&gt;&lt;/code&gt; elements (except as noted in t=
he previous section)&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-img-hspace title=3Dattr-img-hspace&gt;&lt=
;code&gt;hspace&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the=
-img-element&gt;img&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-img-vspace title=3Dattr-img-vspace&gt;&lt=
;code&gt;vspace&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the=
-img-element&gt;img&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-legend-align title=3Dattr-legend-align&gt=
;&lt;code&gt;align&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#=
the-legend-element&gt;legend&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-li-type title=3Dattr-li-type&gt;&lt;code&=
gt;type&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-li-elem=
ent&gt;li&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-menu-compact title=3Dattr-menu-compact&gt=
;&lt;code&gt;compact&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-menu-element&gt;menu&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-object-align title=3Dattr-object-align&gt=
;&lt;code&gt;align&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#=
the-object-element&gt;object&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-object-border title=3Dattr-object-border&=
gt;&lt;code&gt;border&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-object-element&gt;object&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-object-hspace title=3Dattr-object-hspace&=
gt;&lt;code&gt;hspace&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-object-element&gt;object&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-object-vspace title=3Dattr-object-vspace&=
gt;&lt;code&gt;vspace&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-object-element&gt;object&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-ol-compact title=3Dattr-ol-compact&gt;&lt=
;code&gt;compact&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#th=
e-ol-element&gt;ol&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-p-align title=3Dattr-p-align&gt;&lt;code&=
gt;align&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-p-elem=
ent&gt;p&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-pre-width title=3Dattr-pre-width&gt;&lt;c=
ode&gt;width&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-pr=
e-element&gt;pre&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-table-align title=3Dattr-table-align&gt;&=
lt;code&gt;align&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#th=
e-table-element&gt;table&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-table-bgcolor title=3Dattr-table-bgcolor&=
gt;&lt;code&gt;bgcolor&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=
=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-table-border title=3Dattr-table-border&gt=
;&lt;code&gt;border&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-table-bordercolor title=3Dattr-table-bord=
ercolor&gt;&lt;code&gt;bordercolor&lt;/code&gt;&lt;/dfn&gt; on &lt;code&g=
t;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; element=
s&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-table-cellpadding title=3Dattr-table-cell=
padding&gt;&lt;code&gt;cellpadding&lt;/code&gt;&lt;/dfn&gt; on &lt;code&g=
t;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; element=
s&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-table-cellspacing title=3Dattr-table-cell=
spacing&gt;&lt;code&gt;cellspacing&lt;/code&gt;&lt;/dfn&gt; on &lt;code&g=
t;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; element=
s&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-table-frame title=3Dattr-table-frame&gt;&=
lt;code&gt;frame&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#th=
e-table-element&gt;table&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-table-rules title=3Dattr-table-rules&gt;&=
lt;code&gt;rules&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#th=
e-table-element&gt;table&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-table-width title=3Dattr-table-width&gt;&=
lt;code&gt;width&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#th=
e-table-element&gt;table&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-tbody-align title=3Dattr-tbody-align&gt;&=
lt;code&gt;align&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#th=
e-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D=
#the-thead-element&gt;thead&lt;/a&gt;&lt;/code&gt;, and &lt;code&gt;&lt;a=
 href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/code&gt; elements&lt;/d=
t&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-tbody-char title=3Dattr-tbody-char&gt;&lt=
;code&gt;char&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-t=
body-element&gt;tbody&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#t=
he-thead-element&gt;thead&lt;/a&gt;&lt;/code&gt;, and &lt;code&gt;&lt;a h=
ref=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&=
gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-tbody-charoff title=3Dattr-tbody-charoff&=
gt;&lt;code&gt;charoff&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=
=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a =
href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/code&gt;, and &lt;code&g=
t;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/code&gt; element=
s&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-tbody-valign title=3Dattr-tbody-vAlign&gt=
;&lt;code&gt;valign&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a hre=
f=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/code&gt;, and &lt;code&gt;&=
lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/code&gt; elements&l=
t;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-tdth-align title=3Dattr-tdth-align&gt;&lt=
;code&gt;align&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-=
td-element&gt;td&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the=
-th-element&gt;th&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-tdth-bgcolor title=3Dattr-tdth-bgcolor&gt=
;&lt;code&gt;bgcolor&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D=
#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-tdth-char title=3Dattr-tdth-char&gt;&lt;c=
ode&gt;char&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-td-=
element&gt;td&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the-th=
-element&gt;th&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-tdth-charoff title=3Dattr-tdth-charoff&gt=
;&lt;code&gt;charoff&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D=
#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-tdth-height title=3Dattr-tdth-height&gt;&=
lt;code&gt;height&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#t=
he-td-element&gt;td&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#=
the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-tdth-nowrap title=3Dattr-tdth-nowrap&gt;&=
lt;code&gt;nowrap&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#t=
he-td-element&gt;td&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#=
the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-tdth-valign title=3Dattr-tdth-valign&gt;&=
lt;code&gt;valign&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#t=
he-td-element&gt;td&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#=
the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-tdth-width title=3Dattr-tdth-width&gt;&lt=
;code&gt;width&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-=
td-element&gt;td&lt;/a&gt;&lt;/code&gt; and &lt;code&gt;&lt;a href=3D#the=
-th-element&gt;th&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-tr-align title=3Dattr-tr-align&gt;&lt;cod=
e&gt;align&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-tr-e=
lement&gt;tr&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-tr-bgcolor title=3Dattr-tr-bgcolor&gt;&lt=
;code&gt;bgcolor&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#th=
e-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-tr-char title=3Dattr-tr-char&gt;&lt;code&=
gt;char&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-tr-elem=
ent&gt;tr&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-tr-charoff title=3Dattr-tr-charoff&gt;&lt=
;code&gt;charoff&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#th=
e-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-tr-valign title=3Dattr-tr-valign&gt;&lt;c=
ode&gt;valign&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-t=
r-element&gt;tr&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-ul-compact title=3Dattr-ul-compact&gt;&lt=
;code&gt;compact&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#th=
e-ul-element&gt;ul&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-ul-type title=3Dattr-ul-type&gt;&lt;code&=
gt;type&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D#the-ul-elem=
ent&gt;ul&lt;/a&gt;&lt;/code&gt; elements&lt;/dt&gt;
+   &lt;dt&gt;&lt;dfn id=3Dattr-background title=3Dattr-background&gt;&lt=
;code&gt;background&lt;/code&gt;&lt;/dfn&gt; on &lt;code&gt;&lt;a href=3D=
#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D=
#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a hre=
f=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a=
 href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&=
lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&lt;/code&gt;, &lt;code&=
gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;, &lt;code&gt=
;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt;, and &lt;code&=
gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; elements&lt;=
/dt&gt;
+   &lt;dd&gt;&lt;p&gt;Use CSS instead.&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;div class=3Dimpl&gt;
+
+  &lt;h3 id=3Drequirements-for-implementations&gt;&lt;span class=3Dsecno=
&gt;15.3 &lt;/span&gt;Requirements for implementations&lt;/h3&gt;
+
+  &lt;h4 id=3Dthe-applet-element&gt;&lt;span class=3Dsecno&gt;15.3.1 &lt=
;/span&gt;The &lt;dfn&gt;&lt;code&gt;applet&lt;/code&gt;&lt;/dfn&gt; elem=
ent&lt;/h4&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-applet-element&gt;applet&lt=
;/a&gt;&lt;/code&gt; element is a Java-specific variant of the &lt;code&g=
t;&lt;a href=3D#the-embed-element&gt;embed&lt;/a&gt;&lt;/code&gt; element=
.
+  The &lt;code&gt;&lt;a href=3D#the-applet-element&gt;applet&lt;/a&gt;&l=
t;/code&gt; element is now obsoleted so that all extension frameworks (Ja=
va, .NET,
+  Flash, etc) are handled in a consistent manner.&lt;/p&gt;
+
+  &lt;p&gt;When the element matches any of the following conditions, it =
&lt;a href=3D#represents&gt;represents&lt;/a&gt; its
+  contents:&lt;/p&gt;
+
+  &lt;ul class=3Dbrief&gt;&lt;li&gt;The element is still in the &lt;a hr=
ef=3D#stack-of-open-elements&gt;stack of open elements&lt;/a&gt; of an &l=
t;a href=3D#html-parser&gt;HTML
+   parser&lt;/a&gt; or &lt;a href=3D#xml-parser&gt;XML parser&lt;/a&gt;.=
&lt;/li&gt;
+
+   &lt;li&gt;The element is not &lt;a href=3D#in-a-document&gt;in a &lt;=
code&gt;Document&lt;/code&gt;&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;The element's &lt;code&gt;&lt;a href=3D#document&gt;Documen=
t&lt;/a&gt;&lt;/code&gt; is not &lt;a href=3D#fully-active&gt;fully activ=
e&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li id=3DsandboxPluginApplet&gt;The element's &lt;code&gt;&lt;a hr=
ef=3D#document&gt;Document&lt;/a&gt;&lt;/code&gt;'s &lt;a href=3D#active-=
sandboxing-flag-set&gt;active sandboxing flag
+   set&lt;/a&gt; has its &lt;a href=3D#sandboxed-plugins-browsing-contex=
t-flag&gt;sandboxed plugins browsing context flag&lt;/a&gt; set.&lt;/li&g=
t;
+
+   &lt;li&gt;The element has an ancestor &lt;a href=3D#media-element&gt;=
media element&lt;/a&gt;.&lt;/li&gt;
+
+   &lt;li&gt;The element has an ancestor &lt;code&gt;&lt;a href=3D#the-o=
bject-element&gt;object&lt;/a&gt;&lt;/code&gt; element that is &lt;em&gt;=
not&lt;/em&gt; showing its
+   &lt;a href=3D#fallback-content&gt;fallback content&lt;/a&gt;.&lt;/li&=
gt;
+
+   &lt;li&gt;No Java Language runtime &lt;a href=3D#plugin&gt;plugin&lt;=
/a&gt; is available.&lt;/li&gt;
+
+   &lt;li&gt;A Java runtime &lt;a href=3D#plugin&gt;plugin&lt;/a&gt; is =
available but it is disabled.&lt;/li&gt;
+
+  &lt;/ul&gt;&lt;!-- we assume here that the Java plugin can't be &lt;sp=
an
+  title=3D&quot;concept-plugin-secure&quot;&gt;secured&lt;/span&gt;; if =
anyone does end up securing one we can always
+  change this --&gt;&lt;p&gt;Otherwise, the user agent should instantiat=
e a Java Language runtime &lt;a href=3D#plugin&gt;plugin&lt;/a&gt;, and
+  should pass the names and values of all the attributes on the element,=
 in the order they were
+  added to the element, with the attributes added by the parser being or=
dered in source order, and
+  then a parameter named &quot;PARAM&quot; whose value is null, and then=
 all the names and values of &lt;a href=3D#concept-param-parameter title=3D=
concept-param-parameter&gt;parameters&lt;/a&gt; given by &lt;code&gt;&lt;=
a href=3D#the-param-element&gt;param&lt;/a&gt;&lt;/code&gt; elements that=
 are
+  children of the &lt;code&gt;&lt;a href=3D#the-applet-element&gt;applet=
&lt;/a&gt;&lt;/code&gt; element, in &lt;a href=3D#tree-order&gt;tree orde=
r&lt;/a&gt;, to the
+  &lt;a href=3D#plugin&gt;plugin&lt;/a&gt; used. If the &lt;a href=3D#pl=
ugin&gt;plugin&lt;/a&gt; supports a scriptable interface, the
+  &lt;code&gt;&lt;a href=3D#htmlappletelement&gt;HTMLAppletElement&lt;/a=
&gt;&lt;/code&gt; object representing the element should expose that inte=
rface. The
+  &lt;code&gt;&lt;a href=3D#the-applet-element&gt;applet&lt;/a&gt;&lt;/c=
ode&gt; element &lt;a href=3D#represents&gt;represents&lt;/a&gt; the &lt;=
a href=3D#plugin&gt;plugin&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;!-- If we ever make this fetch anything manually, remember to dela=
y the load event, and to
+  include &quot;, from the element's &lt;span&gt;browsing context scope =
origin&lt;/span&gt; if it has one&quot; when
+  fetching --&gt;
+
+  &lt;p class=3Dnote&gt;The &lt;code&gt;&lt;a href=3D#the-applet-element=
&gt;applet&lt;/a&gt;&lt;/code&gt; element is unaffected by the CSS 'displ=
ay' property. The
+  Java Language runtime is instantiated even if the element is hidden wi=
th a 'display:none' CSS
+  style.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-applet-element&gt;applet&lt=
;/a&gt;&lt;/code&gt; element must implement the &lt;code&gt;&lt;a href=3D=
#htmlappletelement&gt;HTMLAppletElement&lt;/a&gt;&lt;/code&gt;
+  interface.&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmlappletelement&gt;HTM=
LAppletElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-applet-align title=3Ddo=
m-applet-align&gt;align&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-applet-alt title=3Ddom-=
applet-alt&gt;alt&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-applet-archive title=3D=
dom-applet-archive&gt;archive&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-applet-code title=3Ddom=
-applet-code&gt;code&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-applet-codebase title=3D=
dom-applet-codeBase&gt;codeBase&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-applet-height title=3Dd=
om-applet-height&gt;height&lt;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-applet-hspace title=
=3Ddom-applet-hspace&gt;hspace&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-applet-name title=3Ddom=
-applet-name&gt;name&lt;/a&gt;;
+           attribute DOMString _&lt;a href=3D#dom-applet-object title=3D=
dom-applet-object&gt;object&lt;/a&gt;; // the underscore is not part of t=
he identifier &lt;!-- it's a Web IDL escaping mechanism --&gt;
+           attribute unsigned long &lt;a href=3D#dom-applet-vspace title=
=3Ddom-applet-vspace&gt;vspace&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-applet-width title=3Ddo=
m-applet-width&gt;width&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-applet-align title=3Ddom-applet-align&gt=
;&lt;code&gt;align&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-applet-alt =
title=3Ddom-applet-alt&gt;&lt;code&gt;alt&lt;/code&gt;&lt;/dfn&gt;, &lt;d=
fn id=3Ddom-applet-archive title=3Ddom-applet-archive&gt;&lt;code&gt;arch=
ive&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-applet-code title=3Ddom-ap=
plet-code&gt;&lt;code&gt;code&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-=
applet-height title=3Ddom-applet-height&gt;&lt;code&gt;height&lt;/code&gt=
;&lt;/dfn&gt;, &lt;dfn id=3Ddom-applet-hspace title=3Ddom-applet-hspace&g=
t;&lt;code&gt;hspace&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-applet-na=
me title=3Ddom-applet-name&gt;&lt;code&gt;name&lt;/code&gt;&lt;/dfn&gt;, =
&lt;dfn id=3Ddom-applet-object title=3Ddom-applet-object&gt;&lt;code&gt;o=
bject&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-applet-vspace title=3Ddo=
m-applet-vspace&gt;&lt;code&gt;vspace&lt;/code&gt;&lt;/dfn&gt;, and &lt;d=
fn id=3Ddom-applet-width title=3Ddom-applet-width&gt;&lt;code&gt;width&lt=
;/code&gt;&lt;/dfn&gt; IDL attributes must &lt;a href=3D#reflect&gt;refle=
ct&lt;/a&gt; the
+  respective content attributes of the same name. For the purposes of re=
flection, the
+  &lt;code&gt;&lt;a href=3D#the-applet-element&gt;applet&lt;/a&gt;&lt;/c=
ode&gt; element's &lt;code title=3Dattr-applet-object&gt;object&lt;/code&=
gt; content attribute is
+  defined as containing a &lt;a href=3D#url&gt;URL&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-applet-codebase title=3Ddom-applet-codeB=
ase&gt;&lt;code&gt;codeBase&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-a=
pplet-codebase&gt;codebase&lt;/code&gt; content attribute,
+  which for the purposes of reflection is defined as containing a &lt;a =
href=3D#url&gt;URL&lt;/a&gt;.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dthe-marquee-element&gt;&lt;span class=3Dsecno&gt;15.3.2 &l=
t;/span&gt;The &lt;dfn&gt;&lt;code&gt;marquee&lt;/code&gt;&lt;/dfn&gt; el=
ement&lt;/h4&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&=
lt;/a&gt;&lt;/code&gt; element is a presentational element that animates =
content. CSS
+  transitions and animations are a more appropriate mechanism. &lt;a hre=
f=3D#refsCSSANIMATIONS&gt;[CSSANIMATIONS]&lt;/a&gt; &lt;a href=3D#refsCSS=
TRANSITIONS&gt;[CSSTRANSITIONS]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;p&gt;The &lt;a href=3D#task-source&gt;task source&lt;/a&gt; for ta=
sks mentioned in this section is the &lt;a href=3D#dom-manipulation-task-=
source&gt;DOM manipulation
+  task source&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&=
lt;/a&gt;&lt;/code&gt; element must implement the &lt;code&gt;&lt;a href=3D=
#htmlmarqueeelement&gt;HTMLMarqueeElement&lt;/a&gt;&lt;/code&gt;
+  interface.&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmlmarqueeelement&gt;HT=
MLMarqueeElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&l=
t;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-marquee-behavior title=3D=
dom-marquee-behavior&gt;behavior&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-marquee-bgcolor title=3D=
dom-marquee-bgColor&gt;bgColor&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-marquee-direction title=
=3Ddom-marquee-direction&gt;direction&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-marquee-height title=3D=
dom-marquee-height&gt;height&lt;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-marquee-hspace titl=
e=3Ddom-marquee-hspace&gt;hspace&lt;/a&gt;;
+           attribute long &lt;a href=3D#dom-marquee-loop title=3Ddom-mar=
quee-loop&gt;loop&lt;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-marquee-scrollamoun=
t title=3Ddom-marquee-scrollamount&gt;scrollAmount&lt;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-marquee-scrolldelay=
 title=3Ddom-marquee-scrollDelay&gt;scrollDelay&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-marquee-truespeed title=3D=
dom-marquee-trueSpeed&gt;trueSpeed&lt;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-marquee-vspace titl=
e=3Ddom-marquee-vspace&gt;vspace&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-marquee-width title=3Dd=
om-marquee-width&gt;width&lt;/a&gt;;
+
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-marquee-onbounce title=3Dhandler-marquee-onbounce=
&gt;onbounce&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-marquee-onfinish title=3Dhandler-marquee-onfinish=
&gt;onfinish&lt;/a&gt;;
+           attribute &lt;a href=3D#eventhandler&gt;EventHandler&lt;/a&gt=
; &lt;a href=3D#handler-marquee-onstart title=3Dhandler-marquee-onstart&g=
t;onstart&lt;/a&gt;;
+
+  void &lt;a href=3D#dom-marquee-start title=3Ddom-marquee-start&gt;star=
t&lt;/a&gt;();
+  void &lt;a href=3D#dom-marquee-stop title=3Ddom-marquee-stop&gt;stop&l=
t;/a&gt;();
+};&lt;/pre&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt=
;/a&gt;&lt;/code&gt; element can be &lt;dfn id=3Dconcept-marquee-on title=
=3Dconcept-marquee-on&gt;turned on&lt;/dfn&gt; or &lt;dfn id=3Dconcept-ma=
rquee-off title=3Dconcept-marquee-off&gt;turned off&lt;/dfn&gt;. When it =
is created, it is &lt;a href=3D#concept-marquee-on title=3Dconcept-marque=
e-on&gt;turned on&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;dfn id=3Ddom-marquee-start title=3Ddom-marquee-s=
tart&gt;&lt;code&gt;start()&lt;/code&gt;&lt;/dfn&gt; method is called, th=
e
+  &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&lt;=
/code&gt; element must be &lt;a href=3D#concept-marquee-on title=3Dconcep=
t-marquee-on&gt;turned on&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When the &lt;dfn id=3Ddom-marquee-stop title=3Ddom-marquee-st=
op&gt;&lt;code&gt;stop()&lt;/code&gt;&lt;/dfn&gt; method is called, the
+  &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&lt;=
/code&gt; element must be &lt;a href=3D#concept-marquee-off title=3Dconce=
pt-marquee-off&gt;turned off&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marqu=
ee&lt;/a&gt;&lt;/code&gt; element is created, the user agent must &lt;a h=
ref=3D#queue-a-task&gt;queue a task&lt;/a&gt;
+  to &lt;a href=3D#fire-a-simple-event&gt;fire a simple event&lt;/a&gt; =
named &lt;code title=3Devent-start&gt;start&lt;/code&gt; at the
+  element.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Dattr-marquee-behavior title=3Dattr=
-marquee-behavior&gt;&lt;code&gt;behavior&lt;/code&gt;&lt;/dfn&gt; conten=
t attribute on
+  &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&lt;=
/code&gt; elements is an &lt;a href=3D#enumerated-attribute&gt;enumerated=
 attribute&lt;/a&gt; with the following keywords
+  (all non-conforming):&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Keyword
+     &lt;th&gt;State
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;scr=
oll&lt;/code&gt;
+     &lt;td&gt;&lt;dfn id=3Dattr-marquee-behavior-scroll title=3Dattr-ma=
rquee-behavior-scroll&gt;scroll&lt;/dfn&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;slide&lt;/code&=
gt;
+     &lt;td&gt;&lt;dfn id=3Dattr-marquee-behavior-slide title=3Dattr-mar=
quee-behavior-slide&gt;slide&lt;/dfn&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;alternate&lt;/c=
ode&gt;
+     &lt;td&gt;&lt;dfn id=3Dattr-marquee-behavior-alternate title=3Dattr=
-marquee-behavior-alternate&gt;alternate&lt;/dfn&gt;
+  &lt;/table&gt;&lt;p&gt;The &lt;i&gt;missing value default&lt;/i&gt; is=
 the &lt;a href=3D#attr-marquee-behavior-scroll title=3Dattr-marquee-beha=
vior-scroll&gt;scroll&lt;/a&gt; state.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Dattr-marquee-direction title=3Datt=
r-marquee-direction&gt;&lt;code&gt;direction&lt;/code&gt;&lt;/dfn&gt; con=
tent attribute on
+  &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&lt;=
/code&gt; elements is an &lt;a href=3D#enumerated-attribute&gt;enumerated=
 attribute&lt;/a&gt; with the following keywords
+  (all non-conforming):&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Keyword
+     &lt;th&gt;State
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;lef=
t&lt;/code&gt;
+     &lt;td&gt;&lt;dfn id=3Dattr-marquee-direction-left title=3Dattr-mar=
quee-direction-left&gt;left&lt;/dfn&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;right&lt;/code&=
gt;
+     &lt;td&gt;&lt;dfn id=3Dattr-marquee-direction-right title=3Dattr-ma=
rquee-direction-right&gt;right&lt;/dfn&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;up&lt;/code&gt;
+     &lt;td&gt;&lt;dfn id=3Dattr-marquee-direction-up title=3Dattr-marqu=
ee-direction-up&gt;up&lt;/dfn&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;code title=3D&quot;&quot;&gt;down&lt;/code&g=
t;
+     &lt;td&gt;&lt;dfn id=3Dattr-marquee-direction-down title=3Dattr-mar=
quee-direction-down&gt;down&lt;/dfn&gt;
+  &lt;/table&gt;&lt;p&gt;The &lt;i&gt;missing value default&lt;/i&gt; is=
 the &lt;a href=3D#attr-marquee-direction-left title=3Dattr-marquee-direc=
tion-left&gt;left&lt;/a&gt;
+  state.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Dattr-marquee-truespeed title=3Datt=
r-marquee-truespeed&gt;&lt;code&gt;truespeed&lt;/code&gt;&lt;/dfn&gt; con=
tent attribute on
+  &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&lt;=
/code&gt; elements is a &lt;a href=3D#boolean-attribute&gt;boolean attrib=
ute&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;=
marquee&lt;/a&gt;&lt;/code&gt; element has a &lt;dfn id=3Dmarquee-scroll-=
interval&gt;marquee scroll interval&lt;/dfn&gt;, which is obtained as
+  follows:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the element has a &lt;code title=3Datt=
r-marquee-scrolldelay&gt;scrolldelay&lt;/code&gt; attribute,
+   and parsing its value using the &lt;a href=3D#rules-for-parsing-non-n=
egative-integers&gt;rules for parsing non-negative integers&lt;/a&gt; doe=
s not
+   return an error, then let &lt;var title=3D&quot;&quot;&gt;delay&lt;/v=
ar&gt; be the parsed value. Otherwise, let &lt;var title=3D&quot;&quot;&g=
t;delay&lt;/var&gt; be 85.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;If the element does not have a &lt;code title=3Dat=
tr-marquee-truespeed&gt;&lt;a href=3D#attr-marquee-truespeed&gt;truespeed=
&lt;/a&gt;&lt;/code&gt;
+   attribute, and the &lt;var title=3D&quot;&quot;&gt;delay&lt;/var&gt; =
value is less than 60, then let &lt;var title=3D&quot;&quot;&gt;delay&lt;=
/var&gt; be 60 instead.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;The &lt;a href=3D#marquee-scroll-interval&gt;marqu=
ee scroll interval&lt;/a&gt; is &lt;var title=3D&quot;&quot;&gt;delay&lt;=
/var&gt;, interpreted in
+   milliseconds.&lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-marquee-=
element&gt;marquee&lt;/a&gt;&lt;/code&gt; element has a &lt;dfn id=3Dmarq=
uee-scroll-distance&gt;marquee scroll distance&lt;/dfn&gt;, which, if the=
 element
+  has a &lt;code title=3Dattr-marquee-scrollamount&gt;scrollamount&lt;/c=
ode&gt; attribute, and parsing its value
+  using the &lt;a href=3D#rules-for-parsing-non-negative-integers&gt;rul=
es for parsing non-negative integers&lt;/a&gt; does not return an error, =
is the
+  parsed value interpreted in CSS pixels, and otherwise is 6 CSS pixels.=
&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;=
marquee&lt;/a&gt;&lt;/code&gt; element has a &lt;dfn id=3Dmarquee-loop-co=
unt&gt;marquee loop count&lt;/dfn&gt;, which, if the element has a
+  &lt;code title=3Dattr-marquee-loop&gt;loop&lt;/code&gt; attribute, and=
 parsing its value using the &lt;a href=3D#rules-for-parsing-integers&gt;=
rules
+  for parsing integers&lt;/a&gt; does not return an error or a number le=
ss than 1, is the parsed value,
+  and otherwise is &amp;minus;1.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-marquee-loop title=3Ddom-marquee-loop&gt=
;&lt;code&gt;loop&lt;/code&gt;&lt;/dfn&gt; IDL attribute, on getting, mus=
t
+  return the element's &lt;a href=3D#marquee-loop-count&gt;marquee loop =
count&lt;/a&gt;; and on setting, if the new value is
+  different than the element's &lt;a href=3D#marquee-loop-count&gt;marqu=
ee loop count&lt;/a&gt; and either greater than zero or equal
+  to &amp;minus;1, must set the element's &lt;code title=3Dattr-marquee-=
loop&gt;loop&lt;/code&gt; content attribute
+  (adding it if necessary) to the &lt;a href=3D#valid-integer&gt;valid i=
nteger&lt;/a&gt; that represents the new value. (Other
+  values are ignored.)&lt;/p&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt=
;/a&gt;&lt;/code&gt; element also has a &lt;dfn id=3Dmarquee-current-loop=
-index&gt;marquee current loop index&lt;/dfn&gt;, which is zero
+  when the element is created.&lt;/p&gt;
+
+  &lt;p&gt;The rendering layer will occasionally &lt;dfn id=3Dincrement-=
the-marquee-current-loop-index&gt;increment the marquee current loop inde=
x&lt;/dfn&gt;,
+  which must cause the following steps to be run:&lt;/p&gt;
+
+  &lt;ol&gt;&lt;li&gt;&lt;p&gt;If the &lt;a href=3D#marquee-loop-count&g=
t;marquee loop count&lt;/a&gt; is &amp;minus;1, then abort these steps.&l=
t;/p&gt;
+
+   &lt;li&gt;&lt;p&gt;Increment the &lt;a href=3D#marquee-current-loop-i=
ndex&gt;marquee current loop index&lt;/a&gt; by one.&lt;/li&gt;
+
+   &lt;li&gt;
+
+    &lt;p&gt;If the &lt;a href=3D#marquee-current-loop-index&gt;marquee =
current loop index&lt;/a&gt; is now equal to or greater than the element'=
s
+    &lt;a href=3D#marquee-loop-count&gt;marquee loop count&lt;/a&gt;, &l=
t;a href=3D#concept-marquee-off title=3Dconcept-marquee-off&gt;turn off&l=
t;/a&gt; the
+    &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&l=
t;/code&gt; element and &lt;a href=3D#queue-a-task&gt;queue a task&lt;/a&=
gt; to &lt;a href=3D#fire-a-simple-event&gt;fire a simple event&lt;/a&gt;
+    named &lt;code title=3Devent-finish&gt;finish&lt;/code&gt; at the &l=
t;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&lt;/code=
&gt; element.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, if the &lt;code title=3Dattr-marquee-behavior&gt=
;&lt;a href=3D#attr-marquee-behavior&gt;behavior&lt;/a&gt;&lt;/code&gt; a=
ttribute is in the
+    &lt;a href=3D#attr-marquee-behavior-alternate title=3Dattr-marquee-b=
ehavior-alternate&gt;alternate&lt;/a&gt; state, then &lt;a href=3D#queue-=
a-task&gt;queue a
+    task&lt;/a&gt; to &lt;a href=3D#fire-a-simple-event&gt;fire a simple=
 event&lt;/a&gt; named &lt;code title=3Devent-bounce&gt;bounce&lt;/code&g=
t;
+    at the &lt;code&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/=
a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+    &lt;p&gt;Otherwise, &lt;a href=3D#queue-a-task&gt;queue a task&lt;/a=
&gt; to &lt;a href=3D#fire-a-simple-event&gt;fire a simple event&lt;/a&gt=
; named &lt;code title=3Devent-start&gt;start&lt;/code&gt; at the &lt;cod=
e&gt;&lt;a href=3D#the-marquee-element&gt;marquee&lt;/a&gt;&lt;/code&gt; =
element.&lt;/p&gt;
+
+   &lt;/li&gt;
+
+  &lt;/ol&gt;&lt;hr&gt;&lt;p&gt;The following are the &lt;a href=3D#even=
t-handlers&gt;event handlers&lt;/a&gt; (and their corresponding &lt;a hre=
f=3D#event-handler-event-type title=3D&quot;event
+  handler event type&quot;&gt;event handler event types&lt;/a&gt;) that =
must be supported, as &lt;a href=3D#event-handler-content-attributes&gt;e=
vent handler content attributes&lt;/a&gt; and &lt;a href=3D#event-handler=
-idl-attributes&gt;event handler IDL
+  attributes&lt;/a&gt;, by &lt;code&gt;&lt;a href=3D#the-marquee-element=
&gt;marquee&lt;/a&gt;&lt;/code&gt; elements:&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;a href=3D#event-hand=
lers title=3D&quot;event handlers&quot;&gt;Event handler&lt;/a&gt; &lt;th=
&gt;&lt;a href=3D#event-handler-event-type&gt;Event handler event type&lt=
;/a&gt;
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-marquee-onbounc=
e title=3Dhandler-marquee-onbounce&gt;&lt;code&gt;onbounce&lt;/code&gt;&l=
t;/dfn&gt; &lt;td&gt; &lt;code title=3Devent-bounce&gt;bounce&lt;/code&gt=
;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-marquee-onfinish title=3Dha=
ndler-marquee-onfinish&gt;&lt;code&gt;onfinish&lt;/code&gt;&lt;/dfn&gt; &=
lt;td&gt; &lt;code title=3Devent-finish&gt;finish&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Dhandler-marquee-onstart title=3Dhan=
dler-marquee-onstart&gt;&lt;code&gt;onstart&lt;/code&gt;&lt;/dfn&gt; &lt;=
td&gt; &lt;code title=3Devent-start&gt;start&lt;/code&gt;
+  &lt;/table&gt;&lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-marquee-behavior=
 title=3Ddom-marquee-behavior&gt;&lt;code&gt;behavior&lt;/code&gt;&lt;/df=
n&gt;, &lt;dfn id=3Ddom-marquee-direction title=3Ddom-marquee-direction&g=
t;&lt;code&gt;direction&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-marque=
e-height title=3Ddom-marquee-height&gt;&lt;code&gt;height&lt;/code&gt;&lt=
;/dfn&gt;, &lt;dfn id=3Ddom-marquee-hspace title=3Ddom-marquee-hspace&gt;=
&lt;code&gt;hspace&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-marquee-vsp=
ace title=3Ddom-marquee-vspace&gt;&lt;code&gt;vspace&lt;/code&gt;&lt;/dfn=
&gt;, and &lt;dfn id=3Ddom-marquee-width title=3Ddom-marquee-width&gt;&lt=
;code&gt;width&lt;/code&gt;&lt;/dfn&gt; IDL attributes must &lt;a href=3D=
#reflect&gt;reflect&lt;/a&gt; the
+  respective content attributes of the same name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-marquee-bgcolor title=3Ddom-marquee-bgCo=
lor&gt;&lt;code&gt;bgColor&lt;/code&gt;&lt;/dfn&gt; IDL attribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-m=
arquee-bgcolor&gt;bgcolor&lt;/code&gt; content attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-marquee-scrollamount title=3Ddom-marquee=
-scrollAmount&gt;&lt;code&gt;scrollAmount&lt;/code&gt;&lt;/dfn&gt; IDL at=
tribute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-m=
arquee-scrollamount&gt;scrollamount&lt;/code&gt; content
+  attribute. The default value is 6.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-marquee-scrolldelay title=3Ddom-marquee-=
scrollDelay&gt;&lt;code&gt;scrollDelay&lt;/code&gt;&lt;/dfn&gt; IDL attri=
bute must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-m=
arquee-scrolldelay&gt;scrolldelay&lt;/code&gt; content
+  attribute. The default value is 85.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-marquee-truespeed title=3Ddom-marquee-tr=
ueSpeed&gt;&lt;code&gt;trueSpeed&lt;/code&gt;&lt;/dfn&gt; IDL attribute m=
ust
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the &lt;code title=3Dattr-m=
arquee-truespeed&gt;&lt;a href=3D#attr-marquee-truespeed&gt;truespeed&lt;=
/a&gt;&lt;/code&gt; content
+  attribute.&lt;/p&gt;
+
+
+  &lt;h4 id=3Dframes&gt;&lt;span class=3Dsecno&gt;15.3.3 &lt;/span&gt;Fr=
ames&lt;/h4&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Dframeset&gt;&lt;code&gt;frameset&lt;/code&gt=
;&lt;/dfn&gt; element acts as &lt;a href=3D#the-body-element-0&gt;the bod=
y element&lt;/a&gt; in documents
+  that use frames.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&=
lt;/code&gt; element must implement the &lt;code&gt;&lt;a href=3D#htmlfra=
mesetelement&gt;HTMLFrameSetElement&lt;/a&gt;&lt;/code&gt;
+  interface.&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmlframesetelement&gt;H=
TMLFrameSetElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement=
&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-frameset-cols title=3Dd=
om-frameset-cols&gt;cols&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-frameset-rows title=3Dd=
om-frameset-rows&gt;rows&lt;/a&gt;;
+};
+&lt;a href=3D#htmlframesetelement&gt;HTMLFrameSetElement&lt;/a&gt; imple=
ments &lt;a href=3D#windoweventhandlers&gt;WindowEventHandlers&lt;/a&gt;;=
&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-frameset-cols title=3Ddom-frameset-cols&=
gt;&lt;code&gt;cols&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Ddom-framese=
t-rows title=3Ddom-frameset-rows&gt;&lt;code&gt;rows&lt;/code&gt;&lt;/dfn=
&gt; IDL attributes of the &lt;code&gt;&lt;a href=3D#frameset&gt;frameset=
&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the respective=
 content attributes of the same name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&=
lt;/code&gt; element exposes as &lt;a href=3D#event-handler-content-attri=
butes&gt;event handler
+  content attributes&lt;/a&gt; a number of the &lt;a href=3D#event-handl=
ers&gt;event
+  handlers&lt;/a&gt; of the &lt;code&gt;&lt;a href=3D#window&gt;Window&l=
t;/a&gt;&lt;/code&gt; object. It also mirrors
+  their &lt;a href=3D#event-handler-idl-attributes&gt;event handler IDL =
attributes&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code title=3Dhandler-onblur&gt;&lt;a href=3D#handler-=
onblur&gt;onblur&lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dhandler-onerror=
&gt;&lt;a href=3D#handler-onerror&gt;onerror&lt;/a&gt;&lt;/code&gt;, &lt;=
code title=3Dhandler-onfocus&gt;&lt;a href=3D#handler-onfocus&gt;onfocus&=
lt;/a&gt;&lt;/code&gt;, &lt;code title=3Dhandler-onload&gt;&lt;a href=3D#=
handler-onload&gt;onload&lt;/a&gt;&lt;/code&gt;,
+  and &lt;code title=3Dhandler-onscroll&gt;&lt;a href=3D#handler-onscrol=
l&gt;onscroll&lt;/a&gt;&lt;/code&gt; &lt;a href=3D#event-handlers&gt;even=
t handlers&lt;/a&gt; of the
+  &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; obje=
ct, exposed on the &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&g=
t;&lt;/code&gt; element, replace the generic
+  &lt;a href=3D#event-handlers&gt;event handlers&lt;/a&gt; with the same=
 names normally supported by &lt;a href=3D#html-elements&gt;HTML elements=
&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Dframe&gt;&lt;code&gt;frame&lt;/cod=
e&gt;&lt;/dfn&gt; element defines a &lt;a href=3D#nested-browsing-context=
&gt;nested browsing context&lt;/a&gt;
+  similar to the &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&=
lt;/a&gt;&lt;/code&gt; element, but rendered within a &lt;code&gt;&lt;a h=
ref=3D#frameset&gt;frameset&lt;/a&gt;&lt;/code&gt;
+  element.&lt;/p&gt;
+
+  &lt;!-- START of section that's very similar to &lt;iframe&gt; --&gt;
+
+  &lt;p&gt;A &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/code=
&gt; element is said to be an &lt;dfn id=3Dactive-frame-element&gt;active=
 &lt;code&gt;frame&lt;/code&gt; element&lt;/dfn&gt; when
+  it is &lt;a href=3D#in-a-document&gt;in a &lt;code&gt;Document&lt;/cod=
e&gt;&lt;/a&gt; and its parent element, if any, is a
+  &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&lt;/code&gt; =
element.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;=
/code&gt; element is created as an &lt;a href=3D#active-frame-element&gt;=
active &lt;code&gt;frame&lt;/code&gt;
+  element&lt;/a&gt;, or becomes an &lt;a href=3D#active-frame-element&gt=
;active &lt;code&gt;frame&lt;/code&gt; element&lt;/a&gt; after not having=
 been
+  one, the user agent must create a &lt;a href=3D#nested-browsing-contex=
t&gt;nested browsing context&lt;/a&gt;, and then &lt;a href=3D#process-th=
e-frame-attributes&gt;process the
+  &lt;code&gt;frame&lt;/code&gt; attributes&lt;/a&gt; for the first time=
.&lt;/p&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;=
/code&gt; element stops being an &lt;a href=3D#active-frame-element&gt;ac=
tive &lt;code&gt;frame&lt;/code&gt;
+  element&lt;/a&gt;, the user agent must &lt;a href=3D#a-browsing-contex=
t-is-discarded title=3D&quot;a browsing context is discarded&quot;&gt;dis=
card&lt;/a&gt;
+  the &lt;a href=3D#nested-browsing-context&gt;nested browsing context&l=
t;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Whenever a &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;=
&lt;/code&gt; element with a &lt;a href=3D#nested-browsing-context&gt;nes=
ted browsing context&lt;/a&gt; has its &lt;code title=3Dattr-frame-src&gt=
;src&lt;/code&gt; attribute set, changed, or removed, the user agent must
+  &lt;a href=3D#process-the-frame-attributes&gt;process the &lt;code&gt;=
frame&lt;/code&gt; attributes&lt;/a&gt;.&lt;/p&gt; &lt;!-- It doesn't hap=
pen when the base
+  URL is changed, though. --&gt;
+
+  &lt;p&gt;When the user agent is to &lt;dfn id=3Dprocess-the-frame-attr=
ibutes&gt;process the &lt;code&gt;frame&lt;/code&gt; attributes&lt;/dfn&g=
t;, it must run the
+  first appropriate steps from the following list:&lt;/p&gt;
+
+  &lt;dl class=3Dswitch&gt;&lt;dt&gt;If the element has no &lt;code titl=
e=3Dattr-frame-src&gt;src&lt;/code&gt; attribute specified, and the
+   user agent is processing the &lt;code&gt;&lt;a href=3D#frame&gt;frame=
&lt;/a&gt;&lt;/code&gt;'s attributes for the first time&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;p&gt;&lt;a href=3D#queue-a-task&gt;Queue a task&lt;/a&gt; to &lt=
;a href=3D#fire-a-simple-event&gt;fire a simple event&lt;/a&gt; named &lt=
;code title=3Devent-load&gt;load&lt;/code&gt; at the &lt;code&gt;&lt;a hr=
ef=3D#frame&gt;frame&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+   &lt;/dd&gt;
+
+   &lt;dt&gt;Otherwise&lt;/dt&gt;
+
+   &lt;dd&gt;
+
+    &lt;ol&gt;&lt;li&gt;
+
+      &lt;p&gt;If the value of the &lt;code title=3Dattr-frame-src&gt;sr=
c&lt;/code&gt; attribute is the empty string,
+      let &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt; be the string =
&quot;&lt;code&gt;&lt;a href=3D#about:blank&gt;about:blank&lt;/a&gt;&lt;/=
code&gt;&quot;.&lt;/p&gt;
+
+      &lt;p&gt;Otherwise, &lt;a href=3D#resolve-a-url title=3D&quot;reso=
lve a url&quot;&gt;resolve&lt;/a&gt; the value of the &lt;code title=3Dat=
tr-frame-src&gt;src&lt;/code&gt; attribute, relative to the &lt;code&gt;&=
lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt;
+
+      &lt;p&gt;If that is not successful, then let &lt;var title=3D&quot=
;&quot;&gt;url&lt;/var&gt; be the string
+      &quot;&lt;code&gt;&lt;a href=3D#about:blank&gt;about:blank&lt;/a&g=
t;&lt;/code&gt;&quot;. Otherwise, let &lt;var title=3D&quot;&quot;&gt;url=
&lt;/var&gt; be the resulting
+      &lt;a href=3D#absolute-url&gt;absolute URL&lt;/a&gt;.&lt;/p&gt;
+
+     &lt;/li&gt;
+
+     &lt;li&gt;
+
+      &lt;p&gt;&lt;a href=3D#navigate&gt;Navigate&lt;/a&gt;&lt;!--DONAV =
frame--&gt; the element's &lt;a href=3D#child-browsing-context&gt;child b=
rowsing context&lt;/a&gt;
+      to &lt;var title=3D&quot;&quot;&gt;url&lt;/var&gt;.&lt;/p&gt;
+     =20
+     &lt;/li&gt;
+
+    &lt;/ol&gt;&lt;/dd&gt;
+
+  &lt;/dl&gt;&lt;p&gt;Any &lt;a href=3D#navigate title=3Dnavigate&gt;nav=
igation&lt;/a&gt; required of the user agent in the &lt;a href=3D#process=
-the-frame-attributes&gt;process
+  the &lt;code&gt;frame&lt;/code&gt; attributes&lt;/a&gt; algorithm must=
 be completed as an &lt;a href=3D#explicit-self-navigation-override&gt;ex=
plicit
+  self-navigation override&lt;/a&gt; and with the &lt;code&gt;&lt;a href=
=3D#frame&gt;frame&lt;/a&gt;&lt;/code&gt; element's document's
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt; as the &l=
t;a href=3D#source-browsing-context&gt;source browsing context&lt;/a&gt;.=
&lt;/p&gt;
+
+  &lt;p&gt;Furthermore, if the &lt;a href=3D#active-document&gt;active d=
ocument&lt;/a&gt; of the element's &lt;a href=3D#child-browsing-context&g=
t;child browsing
+  context&lt;/a&gt; before such a &lt;a href=3D#navigate title=3Dnavigat=
e&gt;navigation&lt;/a&gt; was not &lt;a href=3D#completely-loaded&gt;comp=
letely
+  loaded&lt;/a&gt; at the time of the new &lt;a href=3D#navigate title=3D=
navigate&gt;navigation&lt;/a&gt;, then the &lt;a href=3D#navigate title=3D=
navigate&gt;navigation&lt;/a&gt; must be completed with &lt;a href=3D#rep=
lacement-enabled&gt;replacement enabled&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;Similarly, if the &lt;a href=3D#child-browsing-context&gt;chi=
ld browsing context&lt;/a&gt;'s &lt;a href=3D#session-history&gt;session =
history&lt;/a&gt; contained
+  only one &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt;/=
code&gt; when the &lt;a href=3D#process-the-frame-attributes&gt;process t=
he &lt;code&gt;frame&lt;/code&gt; attributes&lt;/a&gt;
+  algorithm was invoked, and that was the &lt;code&gt;&lt;a href=3D#abou=
t:blank&gt;about:blank&lt;/a&gt;&lt;/code&gt; &lt;code&gt;&lt;a href=3D#d=
ocument&gt;Document&lt;/a&gt;&lt;/code&gt; created
+  when the &lt;a href=3D#child-browsing-context&gt;child browsing contex=
t&lt;/a&gt; was created, then any &lt;a href=3D#navigate title=3Dnavigate=
&gt;navigation&lt;/a&gt; required of the user agent in that algorithm mus=
t be completed
+  with &lt;a href=3D#replacement-enabled&gt;replacement enabled&lt;/a&gt=
;.&lt;/p&gt; &lt;!-- see also the note near similar text for the
+  location.assign() method --&gt;
+
+  &lt;!-- next few paragraphs are also from &lt;iframe&gt; but less deta=
iled --&gt;
+
+  &lt;p&gt;When a &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&g=
t;&lt;/code&gt; in a &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&l=
t;/code&gt; is marked as &lt;a href=3D#completely-loaded&gt;completely
+  loaded&lt;/a&gt;, the user agent must &lt;a href=3D#queue-a-task&gt;qu=
eue a task&lt;/a&gt; to &lt;a href=3D#fire-a-simple-event&gt;fire a simpl=
e event&lt;/a&gt;
+  named &lt;code title=3Devent-load&gt;load&lt;/code&gt; at the &lt;code=
&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/code&gt; element.&lt;/p&gt=
;
+
+  &lt;p&gt;The &lt;a href=3D#task-source&gt;task source&lt;/a&gt; for th=
e &lt;a href=3D#concept-task title=3Dconcept-task&gt;tasks&lt;/a&gt; abov=
e is the
+  &lt;a href=3D#dom-manipulation-task-source&gt;DOM manipulation task so=
urce&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;When there is an &lt;a href=3D#active-parser&gt;active parser=
&lt;/a&gt; in the &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/=
code&gt;, and when anything in the
+  &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/code&gt; is &lt=
;a href=3D#delay-the-load-event title=3D&quot;delay the load event&quot;&=
gt;delaying the load event&lt;/a&gt; of the
+  &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/code&gt;'s &lt;=
a href=3D#browsing-context&gt;browsing context&lt;/a&gt;'s &lt;a href=3D#=
active-document&gt;active document&lt;/a&gt;, the
+  &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/code&gt; must &=
lt;a href=3D#delay-the-load-event&gt;delay the load event&lt;/a&gt; of it=
s document.&lt;/p&gt;
+
+  &lt;!-- END of section that's very similar to &lt;iframe&gt; --&gt;
+
+  &lt;p&gt;When the browsing context is created, if a &lt;code title=3Da=
ttr-frame-name&gt;name&lt;/code&gt; attribute
+  is present, the &lt;a href=3D#browsing-context-name&gt;browsing contex=
t name&lt;/a&gt; must be set to the value of this attribute;
+  otherwise, the &lt;a href=3D#browsing-context-name&gt;browsing context=
 name&lt;/a&gt; must be set to the empty string.&lt;/p&gt;
+
+  &lt;p&gt;Whenever the &lt;code title=3Dattr-frame-name&gt;name&lt;/cod=
e&gt; attribute is set, the nested
+  &lt;a href=3D#browsing-context&gt;browsing context&lt;/a&gt;'s &lt;a h=
ref=3D#browsing-context-name title=3D&quot;browsing context name&quot;&gt=
;name&lt;/a&gt; must be changed to
+  the new value. If the attribute is removed, the &lt;a href=3D#browsing=
-context-name&gt;browsing context name&lt;/a&gt; must be set to
+  the empty string.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/co=
de&gt; element must implement the &lt;code&gt;&lt;a href=3D#htmlframeelem=
ent&gt;HTMLFrameElement&lt;/a&gt;&lt;/code&gt; interface.&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmlframeelement&gt;HTML=
FrameElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a=
&gt; {
+           attribute DOMString &lt;a href=3D#dom-frame-name title=3Ddom-=
frame-name&gt;name&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-frame-scrolling title=3D=
dom-frame-scrolling&gt;scrolling&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-frame-src title=3Ddom-f=
rame-src&gt;src&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-frame-frameborder title=
=3Ddom-frame-frameBorder&gt;frameBorder&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-frame-longdesc title=3D=
dom-frame-longDesc&gt;longDesc&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-frame-noresize title=3Ddo=
m-frame-noResize&gt;noResize&lt;/a&gt;;
+  readonly attribute Document? &lt;a href=3D#dom-frame-contentdocument t=
itle=3Ddom-frame-contentDocument&gt;contentDocument&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&gt;?=
 &lt;a href=3D#dom-frame-contentwindow title=3Ddom-frame-contentWindow&gt=
;contentWindow&lt;/a&gt;;
+
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-fram=
e-marginheight title=3Ddom-frame-marginHeight&gt;marginHeight&lt;/a&gt;;
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-fram=
e-marginwidth title=3Ddom-frame-marginWidth&gt;marginWidth&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-frame-name title=3Ddom-frame-name&gt;&lt=
;code&gt;name&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-frame-scrolling =
title=3Ddom-frame-scrolling&gt;&lt;code&gt;scrolling&lt;/code&gt;&lt;/dfn=
&gt;, and &lt;dfn id=3Ddom-frame-src title=3Ddom-frame-src&gt;&lt;code&gt=
;src&lt;/code&gt;&lt;/dfn&gt; IDL attributes of the &lt;code&gt;&lt;a hre=
f=3D#frame&gt;frame&lt;/a&gt;&lt;/code&gt; element must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the respective content attr=
ibutes of the same name. For the purposes of
+  reflection, the &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;=
/code&gt; element's &lt;code title=3Dattr-frame-src&gt;src&lt;/code&gt; c=
ontent
+  attribute is defined as containing a &lt;a href=3D#url&gt;URL&lt;/a&gt=
;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-frame-frameborder title=3Ddom-frame-fram=
eBorder&gt;&lt;code&gt;frameBorder&lt;/code&gt;&lt;/dfn&gt; IDL attribute=
 of the
+  &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/code&gt; elemen=
t must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's &lt;code =
title=3Dattr-frame-frameborder&gt;frameborder&lt;/code&gt; content attrib=
ute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-frame-longdesc title=3Ddom-frame-longDes=
c&gt;&lt;code&gt;longDesc&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/code&gt; elemen=
t must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's &lt;code =
title=3Dattr-frame-longdesc&gt;longdesc&lt;/code&gt; content attribute, w=
hich for the purposes of
+  reflection is defined as containing a &lt;a href=3D#url&gt;URL&lt;/a&g=
t;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-frame-noresize title=3Ddom-frame-noResiz=
e&gt;&lt;code&gt;noResize&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/code&gt; elemen=
t must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's &lt;code =
title=3Dattr-frame-noresize&gt;noresize&lt;/code&gt; content attribute.&l=
t;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-frame-contentdocument title=3Ddom-frame-=
contentDocument&gt;&lt;code&gt;contentDocument&lt;/code&gt;&lt;/dfn&gt; I=
DL attribute of
+  the &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/code&gt; el=
ement must return the &lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/=
a&gt;&lt;/code&gt; object of the &lt;a href=3D#active-document&gt;active
+  document&lt;/a&gt; of the &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;=
/a&gt;&lt;/code&gt; element's &lt;a href=3D#nested-browsing-context&gt;ne=
sted browsing context&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-frame-contentwindow title=3Ddom-frame-co=
ntentWindow&gt;&lt;code&gt;contentWindow&lt;/code&gt;&lt;/dfn&gt; IDL att=
ribute must
+  return the &lt;code&gt;&lt;a href=3D#windowproxy&gt;WindowProxy&lt;/a&=
gt;&lt;/code&gt; object of the &lt;code&gt;&lt;a href=3D#frame&gt;frame&l=
t;/a&gt;&lt;/code&gt; element's &lt;a href=3D#nested-browsing-context&gt;=
nested
+  browsing context&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-frame-marginheight title=3Ddom-frame-mar=
ginHeight&gt;&lt;code&gt;marginHeight&lt;/code&gt;&lt;/dfn&gt; IDL attrib=
ute of the
+  &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/code&gt; elemen=
t must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's &lt;code =
title=3Dattr-frame-marginheight&gt;marginheight&lt;/code&gt; content attr=
ibute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-frame-marginwidth title=3Ddom-frame-marg=
inWidth&gt;&lt;code&gt;marginWidth&lt;/code&gt;&lt;/dfn&gt; IDL attribute=
 of the
+  &lt;code&gt;&lt;a href=3D#frame&gt;frame&lt;/a&gt;&lt;/code&gt; elemen=
t must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's &lt;code =
title=3Dattr-frame-marginwidth&gt;marginwidth&lt;/code&gt; content attrib=
ute.&lt;/p&gt;
+
+
+
+  &lt;h4 id=3Dother-elements,-attributes-and-apis&gt;&lt;span class=3Dse=
cno&gt;15.3.4 &lt;/span&gt;Other elements, attributes and APIs&lt;/h4&gt;=
 &lt;!-- alphabetical by name and attribute --&gt;
+
+  &lt;p&gt;User agents must treat &lt;code&gt;&lt;a href=3D#acronym&gt;a=
cronym&lt;/a&gt;&lt;/code&gt; elements in a manner
+  equivalent to &lt;code&gt;&lt;a href=3D#the-abbr-element&gt;abbr&lt;/a=
&gt;&lt;/code&gt; elements in terms of semantics and
+  for purposes of rendering.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmla=
nchorelement id=3DHTMLAnchorElement-partial&gt;HTMLAnchorElement&lt;/a&gt=
; {
+           attribute DOMString &lt;a href=3D#dom-a-coords title=3Ddom-a-=
coords&gt;coords&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-a-charset title=3Ddom-a=
-charset&gt;charset&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-a-name title=3Ddom-a-na=
me&gt;name&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-a-rev title=3Ddom-a-rev=
&gt;rev&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-a-shape title=3Ddom-a-s=
hape&gt;shape&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-a-coords title=3Ddom-a-coords&gt;&lt;cod=
e&gt;coords&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-a-charset title=3D=
dom-a-charset&gt;&lt;code&gt;charset&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=
=3Ddom-a-name title=3Ddom-a-name&gt;&lt;code&gt;name&lt;/code&gt;&lt;/dfn=
&gt;, &lt;dfn id=3Ddom-a-rev title=3Ddom-a-rev&gt;&lt;code&gt;rev&lt;/cod=
e&gt;&lt;/dfn&gt;, and &lt;dfn id=3Ddom-a-shape title=3Ddom-a-shape&gt;&l=
t;code&gt;shape&lt;/code&gt;&lt;/dfn&gt; IDL attributes of the
+  &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; el=
ement must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the respective
+  content attributes of the same name.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmla=
reaelement id=3DHTMLAreaElement-partial&gt;HTMLAreaElement&lt;/a&gt; {
+           attribute boolean &lt;a href=3D#dom-area-nohref title=3Ddom-a=
rea-noHref&gt;noHref&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-area-nohref title=3Ddom-area-noHref&gt;&=
lt;code&gt;noHref&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/code&=
gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's=
 &lt;code title=3Dattr-area-nohref&gt;&lt;a href=3D#attr-area-nohref&gt;n=
ohref&lt;/a&gt;&lt;/code&gt; content attribute.&lt;/p&gt;
+
+&lt;!--(removed for https://www.w3.org/Bugs/Public/show_bug.cgi?id=3D211=
42 in the hope that we can drop it entirely
+  &lt;hr&gt;
+
+  &lt;p&gt;The &lt;code&gt;basefont&lt;/code&gt; element must implement =
the
+  &lt;code&gt;HTMLBaseFontElement&lt;/code&gt; interface.&lt;/p&gt;
+
+  &lt;pre class=3D&quot;idl&quot;&gt;interface &lt;dfn&gt;HTMLBaseFontEl=
ement&lt;/dfn&gt; : &lt;span&gt;HTMLElement&lt;/span&gt; {
+           attribute DOMString &lt;span title=3D&quot;dom-basefont-color=
&quot;&gt;color&lt;/span&gt;;
+           attribute DOMString &lt;span title=3D&quot;dom-basefont-face&=
quot;&gt;face&lt;/span&gt;;
+           attribute long &lt;span title=3D&quot;dom-basefont-size&quot;=
&gt;size&lt;/span&gt;; &lt;!- - yes, long, not DOMString (so says DOM2 HT=
ML) - -&gt;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn title=3D&quot;dom-basefont-color&quot;&gt;&lt;cod=
e&gt;color&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn
+  title=3D&quot;dom-basefont-face&quot;&gt;&lt;code&gt;face&lt;/code&gt;=
&lt;/dfn&gt;, and &lt;dfn
+  title=3D&quot;dom-basefont-size&quot;&gt;&lt;code&gt;size&lt;/code&gt;=
&lt;/dfn&gt; IDL attributes of the &lt;code&gt;basefont&lt;/code&gt;
+  element must &lt;span&gt;reflect&lt;/span&gt; the respective content a=
ttributes of the same name.&lt;/p&gt;
+--&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmlb=
odyelement id=3DHTMLBodyElement-partial&gt;HTMLBodyElement&lt;/a&gt; {
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-body=
-text title=3Ddom-body-text&gt;text&lt;/a&gt;;
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-body=
-link title=3Ddom-body-link&gt;link&lt;/a&gt;;
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-body=
-vlink title=3Ddom-body-vLink&gt;vLink&lt;/a&gt;;
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-body=
-alink title=3Ddom-body-aLink&gt;aLink&lt;/a&gt;;
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-body=
-bgcolor title=3Ddom-body-bgColor&gt;bgColor&lt;/a&gt;;
+                            attribute DOMString &lt;a href=3D#dom-body-b=
ackground title=3Ddom-body-background&gt;background&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-body-text title=3Ddom-body-text&gt;&lt;c=
ode&gt;text&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt;&lt=
;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's =
&lt;code title=3Dattr-body-text&gt;&lt;a href=3D#attr-body-text&gt;text&l=
t;/a&gt;&lt;/code&gt; content
+  attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-body-link title=3Ddom-body-link&gt;&lt;c=
ode&gt;link&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt;&lt=
;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's =
&lt;code title=3Dattr-body-link&gt;&lt;a href=3D#attr-body-link&gt;link&l=
t;/a&gt;&lt;/code&gt; content
+  attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-body-alink title=3Ddom-body-aLink&gt;&lt=
;code&gt;aLink&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt;=
&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's =
&lt;code title=3Dattr-body-alink&gt;&lt;a href=3D#attr-body-alink&gt;alin=
k&lt;/a&gt;&lt;/code&gt; content
+  attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-body-vlink title=3Ddom-body-vLink&gt;&lt=
;code&gt;vLink&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt;=
&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's =
&lt;code title=3Dattr-body-vlink&gt;&lt;a href=3D#attr-body-vlink&gt;vlin=
k&lt;/a&gt;&lt;/code&gt; content
+  attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-body-bgcolor title=3Ddom-body-bgColor&gt=
;&lt;code&gt;bgColor&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&=
gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's=
 &lt;code title=3Dattr-body-bgcolor&gt;&lt;a href=3D#attr-body-bgcolor&gt=
;bgcolor&lt;/a&gt;&lt;/code&gt; content attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-body-background title=3Ddom-body-backgro=
und&gt;&lt;code&gt;background&lt;/code&gt;&lt;/dfn&gt; IDL attribute of t=
he
+  &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/code&=
gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's=
 &lt;code title=3Dattr-background&gt;&lt;a href=3D#attr-background&gt;bac=
kground&lt;/a&gt;&lt;/code&gt; content attribute. (The &lt;code title=3Da=
ttr-background&gt;&lt;a href=3D#attr-background&gt;background&lt;/a&gt;&l=
t;/code&gt; content is &lt;em&gt;not&lt;/em&gt; defined to contain a
+  &lt;a href=3D#url&gt;URL&lt;/a&gt;, despite rules regarding its handli=
ng in the rendering section above.)&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmlb=
relement id=3DHTMLBRElement-partial&gt;HTMLBRElement&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-br-clear title=3Ddom-br=
-clear&gt;clear&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-br-clear title=3Ddom-br-clear&gt;&lt;cod=
e&gt;clear&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt;&lt;=
a href=3D#the-br-element&gt;br&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content at=
tribute of the same name.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmlt=
ablecaptionelement id=3DHTMLTableCaptionElement-partial&gt;HTMLTableCapti=
onElement&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-caption-align title=3Dd=
om-caption-align&gt;align&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-caption-align title=3Ddom-caption-align&=
gt;&lt;code&gt;align&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&lt;/a&gt;&lt;=
/code&gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the con=
tent attribute of the same name.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmlt=
ablecolelement id=3DHTMLTableColElement-partial&gt;HTMLTableColElement&lt=
;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-col-align title=3Ddom-c=
ol-align&gt;align&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-col-ch title=3Ddom-col-=
ch&gt;ch&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-col-choff title=3Ddom-c=
ol-chOff&gt;chOff&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-col-valign title=3Ddom-=
col-vAlign&gt;vAlign&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-col-width title=3Ddom-c=
ol-width&gt;width&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-col-align title=3Ddom-col-align&gt;&lt;c=
ode&gt;align&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Ddom-col-width titl=
e=3Ddom-col-width&gt;&lt;code&gt;width&lt;/code&gt;&lt;/dfn&gt; IDL attri=
butes of the &lt;code&gt;&lt;a href=3D#the-col-element&gt;col&lt;/a&gt;&l=
t;/code&gt; element must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the respective content attr=
ibutes of the same name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-col-ch title=3Ddom-col-ch&gt;&lt;code&gt=
;ch&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt;&lt;a href=3D=
#the-col-element&gt;col&lt;/a&gt;&lt;/code&gt; element
+  must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's &lt;code=
 title=3Dattr-col-char&gt;&lt;a href=3D#attr-col-char&gt;char&lt;/a&gt;&l=
t;/code&gt; content
+  attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-col-choff title=3Ddom-col-chOff&gt;&lt;c=
ode&gt;chOff&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt;&l=
t;a href=3D#the-col-element&gt;col&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's =
&lt;code title=3Dattr-col-charoff&gt;&lt;a href=3D#attr-col-charoff&gt;ch=
aroff&lt;/a&gt;&lt;/code&gt;
+  content attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-col-valign title=3Ddom-col-vAlign&gt;&lt=
;code&gt;vAlign&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt=
;&lt;a href=3D#the-col-element&gt;col&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's =
&lt;code title=3Dattr-col-valign&gt;&lt;a href=3D#attr-col-valign&gt;vali=
gn&lt;/a&gt;&lt;/code&gt;
+  content attribute.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;User agents must treat &lt;code&gt;&lt;a href=3D#di=
r&gt;dir&lt;/a&gt;&lt;/code&gt; elements in a manner equivalent to &lt;co=
de&gt;&lt;a href=3D#the-ul-element&gt;ul&lt;/a&gt;&lt;/code&gt;
+  elements in terms of semantics and for purposes of rendering.&lt;/p&gt=
;
+
+  &lt;p&gt;The &lt;code&gt;&lt;a href=3D#dir&gt;dir&lt;/a&gt;&lt;/code&g=
t; element must implement the &lt;code&gt;&lt;a href=3D#htmldirectoryelem=
ent&gt;HTMLDirectoryElement&lt;/a&gt;&lt;/code&gt;
+  interface.&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmldirectoryelement&gt;=
HTMLDirectoryElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLEleme=
nt&lt;/a&gt; {
+           attribute boolean &lt;a href=3D#dom-dir-compact title=3Ddom-d=
ir-compact&gt;compact&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-dir-compact title=3Ddom-dir-compact&gt;&=
lt;code&gt;compact&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#dir&gt;dir&lt;/a&gt;&lt;/code&gt; element mu=
st &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content attribute of th=
e same name.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmld=
ivelement id=3DHTMLDivElement-partial&gt;HTMLDivElement&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-div-align title=3Ddom-d=
iv-align&gt;align&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-div-align title=3Ddom-div-align&gt;&lt;c=
ode&gt;align&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt;&l=
t;a href=3D#the-div-element&gt;div&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content at=
tribute of the same name.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmld=
listelement id=3DHTMLDListElement-partial&gt;HTMLDListElement&lt;/a&gt; {
+           attribute boolean &lt;a href=3D#dom-dl-compact title=3Ddom-dl=
-compact&gt;compact&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-dl-compact title=3Ddom-dl-compact&gt;&lt=
;code&gt;compact&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&g=
t;&lt;a href=3D#the-dl-element&gt;dl&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content at=
tribute of the same name.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmle=
mbedelement id=3DHTMLEmbedElement-partial&gt;HTMLEmbedElement&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-embed-align title=3Ddom=
-embed-align&gt;align&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-embed-name title=3Ddom-=
embed-name&gt;name&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-embed-name title=3Ddom-embed-name&gt;&lt=
;code&gt;name&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Ddom-embed-align t=
itle=3Ddom-embed-align&gt;&lt;code&gt;align&lt;/code&gt;&lt;/dfn&gt; IDL =
attributes of the &lt;code&gt;&lt;a href=3D#the-embed-element&gt;embed&lt=
;/a&gt;&lt;/code&gt; element
+  must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the respective content=
 attributes of the same name.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#font&gt;font&lt;/a&gt=
;&lt;/code&gt; element must implement the &lt;code&gt;&lt;a href=3D#htmlf=
ontelement&gt;HTMLFontElement&lt;/a&gt;&lt;/code&gt; interface.&lt;/p&gt;
+
+  &lt;pre class=3Didl&gt;interface &lt;dfn id=3Dhtmlfontelement&gt;HTMLF=
ontElement&lt;/dfn&gt; : &lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&g=
t; {
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-font=
-color title=3Ddom-font-color&gt;color&lt;/a&gt;;
+                            attribute DOMString &lt;a href=3D#dom-font-f=
ace title=3Ddom-font-face&gt;face&lt;/a&gt;;
+                            attribute DOMString &lt;a href=3D#dom-font-s=
ize title=3Ddom-font-size&gt;size&lt;/a&gt;; &lt;!-- yes, DOMString, not =
long (so says DOM2 HTML) --&gt;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-font-color title=3Ddom-font-color&gt;&lt=
;code&gt;color&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-font-face title=
=3Ddom-font-face&gt;&lt;code&gt;face&lt;/code&gt;&lt;/dfn&gt;, and &lt;df=
n id=3Ddom-font-size title=3Ddom-font-size&gt;&lt;code&gt;size&lt;/code&g=
t;&lt;/dfn&gt; IDL attributes of the &lt;code&gt;&lt;a href=3D#font&gt;fo=
nt&lt;/a&gt;&lt;/code&gt; element must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the respective content attr=
ibutes of the same name.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmlh=
eadingelement id=3DHTMLHeadingElement-partial&gt;HTMLHeadingElement&lt;/a=
&gt; {
+           attribute DOMString &lt;a href=3D#dom-hx-align title=3Ddom-hx=
-align&gt;align&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-hx-align title=3Ddom-hx-align&gt;&lt;cod=
e&gt;align&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h=
1&lt;/a&gt;&lt;/code&gt;&amp;ndash;&lt;code&gt;&lt;a href=3D#the-h1,-h2,-=
h3,-h4,-h5,-and-h6-elements&gt;h6&lt;/a&gt;&lt;/code&gt; elements must &l=
t;a href=3D#reflect&gt;reflect&lt;/a&gt; the content attribute of
+  the same name.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p class=3Dnote&gt;The &lt;dfn id=3Ddom-head-profile titl=
e=3Ddom-head-profile&gt;&lt;code&gt;profile&lt;/code&gt;&lt;/dfn&gt; IDL =
attribute on
+  &lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&gt;&lt;/code&=
gt; elements (with the &lt;code&gt;&lt;a href=3D#htmlheadelement&gt;HTMLH=
eadElement&lt;/a&gt;&lt;/code&gt; interface) is intentionally
+  omitted. Unless so required by &lt;a href=3D#other-applicable-specific=
ations title=3D&quot;other applicable specifications&quot;&gt;another app=
licable
+  specification&lt;/a&gt;, implementations would therefore not support t=
his attribute. (It is mentioned
+  here as it was defined in a previous version of the DOM specifications=
.)&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmlh=
relement id=3DHTMLHRElement-partial&gt;HTMLHRElement&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-hr-align title=3Ddom-hr=
-align&gt;align&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-hr-color title=3Ddom-hr=
-color&gt;color&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-hr-noshade title=3Ddom-hr=
-noShade&gt;noShade&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-hr-size title=3Ddom-hr-=
size&gt;size&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-hr-width title=3Ddom-hr=
-width&gt;width&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-hr-align title=3Ddom-hr-align&gt;&lt;cod=
e&gt;align&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-hr-color title=3Ddo=
m-hr-color&gt;&lt;code&gt;color&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddo=
m-hr-size title=3Ddom-hr-size&gt;&lt;code&gt;size&lt;/code&gt;&lt;/dfn&gt=
;,
+  and &lt;dfn id=3Ddom-hr-width title=3Ddom-hr-width&gt;&lt;code&gt;widt=
h&lt;/code&gt;&lt;/dfn&gt; IDL attributes of the &lt;code&gt;&lt;a href=3D=
#the-hr-element&gt;hr&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the respective=
 content attributes of the same name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-hr-noshade title=3Ddom-hr-noShade&gt;&lt=
;code&gt;noShade&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&g=
t;&lt;a href=3D#the-hr-element&gt;hr&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's =
&lt;code title=3Dattr-hr-noshade&gt;&lt;a href=3D#attr-hr-noshade&gt;nosh=
ade&lt;/a&gt;&lt;/code&gt;
+  content attribute.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmlh=
tmlelement id=3DHTMLHtmlElement-partial&gt;HTMLHtmlElement&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-html-version title=3Ddo=
m-html-version&gt;version&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-html-version title=3Ddom-html-version&gt=
;&lt;code&gt;version&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&gt;&lt;/code&=
gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content a=
ttribute of the same name.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmli=
frameelement id=3DHTMLIFrameElement-partial&gt;HTMLIFrameElement&lt;/a&gt=
; {
+           attribute DOMString &lt;a href=3D#dom-iframe-align title=3Ddo=
m-iframe-align&gt;align&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-iframe-scrolling title=3D=
dom-iframe-scrolling&gt;scrolling&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-iframe-frameborder titl=
e=3Ddom-iframe-frameBorder&gt;frameBorder&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-iframe-longdesc title=3D=
dom-iframe-longDesc&gt;longDesc&lt;/a&gt;;
+
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-ifra=
me-marginheight title=3Ddom-iframe-marginHeight&gt;marginHeight&lt;/a&gt;=
;
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-ifra=
me-marginwidth title=3Ddom-iframe-marginWidth&gt;marginWidth&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-iframe-align title=3Ddom-iframe-align&gt=
;&lt;code&gt;align&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Ddom-iframe-s=
crolling title=3Ddom-iframe-scrolling&gt;&lt;code&gt;scrolling&lt;/code&g=
t;&lt;/dfn&gt; IDL attributes of the
+  &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/c=
ode&gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the respe=
ctive content attributes of the
+  same name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-iframe-frameborder title=3Ddom-iframe-fr=
ameBorder&gt;&lt;code&gt;frameBorder&lt;/code&gt;&lt;/dfn&gt; IDL attribu=
te of the
+  &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/c=
ode&gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the eleme=
nt's &lt;code title=3Dattr-iframe-frameborder&gt;&lt;a href=3D#attr-ifram=
e-frameborder&gt;frameborder&lt;/a&gt;&lt;/code&gt; content attribute.&lt=
;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-iframe-longdesc title=3Ddom-iframe-longD=
esc&gt;&lt;code&gt;longDesc&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/c=
ode&gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the eleme=
nt's &lt;code title=3Dattr-iframe-longdesc&gt;&lt;a href=3D#attr-iframe-l=
ongdesc&gt;longdesc&lt;/a&gt;&lt;/code&gt; content attribute, which for t=
he purposes of
+  reflection is defined as containing a &lt;a href=3D#url&gt;URL&lt;/a&g=
t;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-iframe-marginheight title=3Ddom-iframe-m=
arginHeight&gt;&lt;code&gt;marginHeight&lt;/code&gt;&lt;/dfn&gt; IDL attr=
ibute of the
+  &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/c=
ode&gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the eleme=
nt's &lt;code title=3Dattr-iframe-marginheight&gt;&lt;a href=3D#attr-ifra=
me-marginheight&gt;marginheight&lt;/a&gt;&lt;/code&gt; content attribute.=
&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-iframe-marginwidth title=3Ddom-iframe-ma=
rginWidth&gt;&lt;code&gt;marginWidth&lt;/code&gt;&lt;/dfn&gt; IDL attribu=
te of the
+  &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&lt;/c=
ode&gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the eleme=
nt's &lt;code title=3Dattr-iframe-marginwidth&gt;&lt;a href=3D#attr-ifram=
e-marginwidth&gt;marginwidth&lt;/a&gt;&lt;/code&gt; content attribute.&lt=
;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmli=
mageelement id=3DHTMLImageElement-partial&gt;HTMLImageElement&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-img-name title=3Ddom-im=
g-name&gt;name&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-img-lowsrc title=3Ddom-=
img-lowsrc&gt;lowsrc&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-img-align title=3Ddom-i=
mg-align&gt;align&lt;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-img-hspace title=3D=
dom-img-hspace&gt;hspace&lt;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-img-vspace title=3D=
dom-img-vspace&gt;vspace&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-img-longdesc title=3Ddo=
m-img-longDesc&gt;longDesc&lt;/a&gt;;
+
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-img-=
border title=3Ddom-img-border&gt;border&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-img-name title=3Ddom-img-name&gt;&lt;cod=
e&gt;name&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-img-align title=3Ddo=
m-img-align&gt;&lt;code&gt;align&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Dd=
om-img-border title=3Ddom-img-border&gt;&lt;code&gt;border&lt;/code&gt;&l=
t;/dfn&gt;, &lt;dfn id=3Ddom-img-hspace title=3Ddom-img-hspace&gt;&lt;cod=
e&gt;hspace&lt;/code&gt;&lt;/dfn&gt;, and &lt;dfn id=3Ddom-img-vspace tit=
le=3Ddom-img-vspace&gt;&lt;code&gt;vspace&lt;/code&gt;&lt;/dfn&gt; IDL at=
tributes of the &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt=
;&lt;/code&gt; element
+  must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the respective content=
 attributes of the same name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-img-longdesc title=3Ddom-img-longDesc&gt=
;&lt;code&gt;longDesc&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt=
; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's &=
lt;code title=3Dattr-img-longdesc&gt;&lt;a href=3D#attr-img-longdesc&gt;l=
ongdesc&lt;/a&gt;&lt;/code&gt; content attribute, which for the purposes =
of reflection
+  is defined as containing a &lt;a href=3D#url&gt;URL&lt;/a&gt;.&lt;/p&g=
t;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-img-lowsrc title=3Ddom-img-lowsrc&gt;&lt=
;code&gt;lowsrc&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt=
;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's =
&lt;code title=3Dattr-img-lowsrc&gt;&lt;a href=3D#attr-img-lowsrc&gt;lows=
rc&lt;/a&gt;&lt;/code&gt;
+  content attribute, which for the purposes of reflection is defined as =
containing a
+  &lt;a href=3D#url&gt;URL&lt;/a&gt;.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmli=
nputelement id=3DHTMLInputElement-partial&gt;HTMLInputElement&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-input-align title=3Ddom=
-input-align&gt;align&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-input-usemap title=3Ddo=
m-input-useMap&gt;useMap&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-input-align title=3Ddom-input-align&gt;&=
lt;code&gt;align&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/cod=
e&gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content=
 attribute of the same name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-input-usemap title=3Ddom-input-useMap&gt=
;&lt;code&gt;useMap&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;/cod=
e&gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element=
's &lt;code title=3Dattr-input-usemap&gt;&lt;a href=3D#attr-input-usemap&=
gt;usemap&lt;/a&gt;&lt;/code&gt; content attribute.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmll=
egendelement id=3DHTMLLegendElement-partial&gt;HTMLLegendElement&lt;/a&gt=
; {
+           attribute DOMString &lt;a href=3D#dom-legend-align title=3Ddo=
m-legend-align&gt;align&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-legend-align title=3Ddom-legend-align&gt=
;&lt;code&gt;align&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#the-legend-element&gt;legend&lt;/a&gt;&lt;/c=
ode&gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the conte=
nt attribute of the same name.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmll=
ielement id=3DHTMLLIElement-partial&gt;HTMLLIElement&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-li-type title=3Ddom-li-=
type&gt;type&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-li-type title=3Ddom-li-type&gt;&lt;code&=
gt;type&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt;&lt;a h=
ref=3D#the-li-element&gt;li&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content at=
tribute of the same name.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmll=
inkelement id=3DHTMLLinkElement-partial&gt;HTMLLinkElement&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-link-charset title=3Ddo=
m-link-charset&gt;charset&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-link-rev title=3Ddom-li=
nk-rev&gt;rev&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-link-target title=3Ddom=
-link-target&gt;target&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-link-charset title=3Ddom-link-charset&gt=
;&lt;code&gt;charset&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-link-rev =
title=3Ddom-link-rev&gt;&lt;code&gt;rev&lt;/code&gt;&lt;/dfn&gt;, and &lt=
;dfn id=3Ddom-link-target title=3Ddom-link-target&gt;&lt;code&gt;target&l=
t;/code&gt;&lt;/dfn&gt; IDL attributes of the &lt;code&gt;&lt;a href=3D#t=
he-link-element&gt;link&lt;/a&gt;&lt;/code&gt; element
+  must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the respective content=
 attributes of the same name.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;User agents must treat &lt;code&gt;&lt;a href=3D#li=
sting&gt;listing&lt;/a&gt;&lt;/code&gt; elements in a manner equivalent t=
o &lt;code&gt;&lt;a href=3D#the-pre-element&gt;pre&lt;/a&gt;&lt;/code&gt;
+  elements in terms of semantics and for purposes of rendering.&lt;/p&gt=
;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmlm=
enuelement id=3DHTMLMenuElement-partial&gt;HTMLMenuElement&lt;/a&gt; {
+           attribute boolean &lt;a href=3D#dom-menu-compact title=3Ddom-=
menu-compact&gt;compact&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-menu-compact title=3Ddom-menu-compact&gt=
;&lt;code&gt;compact&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&lt;/a&gt;&lt;/code&=
gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content a=
ttribute of the same name.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmlm=
etaelement id=3DHTMLMetaElement-partial&gt;HTMLMetaElement&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-meta-scheme title=3Ddom=
-meta-scheme&gt;scheme&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;User agents may treat the &lt;code title=3Dattr-meta-scheme&g=
t;&lt;a href=3D#attr-meta-scheme&gt;scheme&lt;/a&gt;&lt;/code&gt; content=
 attribute on the
+  &lt;code&gt;&lt;a href=3D#the-meta-element&gt;meta&lt;/a&gt;&lt;/code&=
gt; element as an extension of the element's &lt;code title=3Dattr-meta-n=
ame&gt;&lt;a href=3D#attr-meta-name&gt;name&lt;/a&gt;&lt;/code&gt; conten=
t attribute when processing a &lt;code&gt;&lt;a href=3D#the-meta-element&=
gt;meta&lt;/a&gt;&lt;/code&gt; element
+  with a &lt;code title=3Dattr-meta-name&gt;&lt;a href=3D#attr-meta-name=
&gt;name&lt;/a&gt;&lt;/code&gt; attribute whose value is one that the use=
r agent
+  recognizes as supporting the &lt;code title=3Dattr-meta-scheme&gt;&lt;=
a href=3D#attr-meta-scheme&gt;scheme&lt;/a&gt;&lt;/code&gt; attribute.&lt=
;/p&gt;
+
+  &lt;p&gt;User agents are encouraged to ignore the &lt;code title=3Datt=
r-meta-scheme&gt;&lt;a href=3D#attr-meta-scheme&gt;scheme&lt;/a&gt;&lt;/c=
ode&gt; attribute
+  and instead process the value given to the metadata name as if it had =
been specified for each
+  expected value of the &lt;code title=3Dattr-meta-scheme&gt;&lt;a href=3D=
#attr-meta-scheme&gt;scheme&lt;/a&gt;&lt;/code&gt; attribute.&lt;/p&gt;
+
+  &lt;div class=3Dexample&gt;
+
+   &lt;p&gt;For example, if the user agent acts on &lt;code&gt;&lt;a hre=
f=3D#the-meta-element&gt;meta&lt;/a&gt;&lt;/code&gt; elements with &lt;co=
de title=3Dattr-meta-name&gt;&lt;a href=3D#attr-meta-name&gt;name&lt;/a&g=
t;&lt;/code&gt; attributes having the value &quot;eGMS.subject.keyword&qu=
ot;, and knows
+   that the &lt;code title=3Dattr-meta-scheme&gt;&lt;a href=3D#attr-meta=
-scheme&gt;scheme&lt;/a&gt;&lt;/code&gt; attribute is used with this meta=
data name,
+   then it could take the &lt;code title=3Dattr-meta-scheme&gt;&lt;a hre=
f=3D#attr-meta-scheme&gt;scheme&lt;/a&gt;&lt;/code&gt; attribute into acc=
ount,
+   acting as if it was an extension of the &lt;code title=3Dattr-meta-na=
me&gt;&lt;a href=3D#attr-meta-name&gt;name&lt;/a&gt;&lt;/code&gt; attribu=
te. Thus
+   the following two &lt;code&gt;&lt;a href=3D#the-meta-element&gt;meta&=
lt;/a&gt;&lt;/code&gt; elements could be treated as two elements giving v=
alues for
+   two different metadata names, one consisting of a combination of &quo=
t;eGMS.subject.keyword&quot; and
+   &quot;LGCL&quot;, and the other consisting of a combination of &quot;=
eGMS.subject.keyword&quot; and &quot;ORLY&quot;:&lt;/p&gt;
+
+   &lt;pre class=3Dbad&gt;&amp;lt;!-- this markup is invalid --&amp;gt;
+&amp;lt;meta name=3D&quot;eGMS.subject.keyword&quot; scheme=3D&quot;LGCL=
&quot; content=3D&quot;Abandoned vehicles&quot;&amp;gt;
+&amp;lt;meta name=3D&quot;eGMS.subject.keyword&quot; scheme=3D&quot;ORLY=
&quot; content=3D&quot;Mah car: kthxbye&quot;&amp;gt;&lt;/pre&gt;
+
+   &lt;p&gt;The suggested processing of this markup, however, would be e=
quivalent to the following:&lt;/p&gt;
+
+   &lt;pre&gt;&amp;lt;meta name=3D&quot;eGMS.subject.keyword&quot; conte=
nt=3D&quot;Abandoned vehicles&quot;&amp;gt;
+&amp;lt;meta name=3D&quot;eGMS.subject.keyword&quot; content=3D&quot;Mah=
 car: kthxbye&quot;&amp;gt;&lt;/pre&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-meta-scheme title=3Ddom-meta-scheme&gt;&=
lt;code&gt;scheme&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#the-meta-element&gt;meta&lt;/a&gt;&lt;/code&=
gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content a=
ttribute of the same name.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmlo=
bjectelement id=3DHTMLObjectElement-partial&gt;HTMLObjectElement&lt;/a&gt=
; {
+           attribute DOMString &lt;a href=3D#dom-object-align title=3Ddo=
m-object-align&gt;align&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-object-archive title=3D=
dom-object-archive&gt;archive&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-object-code title=3Ddom=
-object-code&gt;code&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-object-declare title=3Ddo=
m-object-declare&gt;declare&lt;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-object-hspace title=
=3Ddom-object-hspace&gt;hspace&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-object-standby title=3D=
dom-object-standby&gt;standby&lt;/a&gt;;
+           attribute unsigned long &lt;a href=3D#dom-object-vspace title=
=3Ddom-object-vspace&gt;vspace&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-object-codebase title=3D=
dom-object-codeBase&gt;codeBase&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-object-codetype title=3D=
dom-object-codeType&gt;codeType&lt;/a&gt;;
+
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-obje=
ct-border title=3Ddom-object-border&gt;border&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-object-align title=3Ddom-object-align&gt=
;&lt;code&gt;align&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-object-arch=
ive title=3Ddom-object-archive&gt;&lt;code&gt;archive&lt;/code&gt;&lt;/df=
n&gt;, &lt;dfn id=3Ddom-object-border title=3Ddom-object-border&gt;&lt;co=
de&gt;border&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-object-code title=
=3Ddom-object-code&gt;&lt;code&gt;code&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn =
id=3Ddom-object-declare title=3Ddom-object-declare&gt;&lt;code&gt;declare=
&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-object-hspace title=3Ddom-obj=
ect-hspace&gt;&lt;code&gt;hspace&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Dd=
om-object-standby title=3Ddom-object-standby&gt;&lt;code&gt;standby&lt;/c=
ode&gt;&lt;/dfn&gt;, and &lt;dfn id=3Ddom-object-vspace title=3Ddom-objec=
t-vspace&gt;&lt;code&gt;vspace&lt;/code&gt;&lt;/dfn&gt; IDL attributes of=
 the &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&lt;=
/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the respective=
 content attributes of the same name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-object-codebase title=3Ddom-object-codeB=
ase&gt;&lt;code&gt;codeBase&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&lt;/c=
ode&gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the eleme=
nt's &lt;code title=3Dattr-object-codebase&gt;&lt;a href=3D#attr-object-c=
odebase&gt;codebase&lt;/a&gt;&lt;/code&gt; content attribute, which for t=
he purposes of
+  reflection is defined as containing a &lt;a href=3D#url&gt;URL&lt;/a&g=
t;.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-object-codetype title=3Ddom-object-codeT=
ype&gt;&lt;code&gt;codeType&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&lt;/c=
ode&gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the eleme=
nt's &lt;code title=3Dattr-object-codetype&gt;&lt;a href=3D#attr-object-c=
odetype&gt;codetype&lt;/a&gt;&lt;/code&gt; content attribute.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmlo=
listelement id=3DHTMLOListElement-partial&gt;HTMLOListElement&lt;/a&gt; {
+           attribute boolean &lt;a href=3D#dom-ol-compact title=3Ddom-ol=
-compact&gt;compact&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-ol-compact title=3Ddom-ol-compact&gt;&lt=
;code&gt;compact&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&g=
t;&lt;a href=3D#the-ol-element&gt;ol&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content at=
tribute of the same name.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmlp=
aragraphelement id=3DHTMLParagraphElement-partial&gt;HTMLParagraphElement=
&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-p-align title=3Ddom-p-a=
lign&gt;align&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-p-align title=3Ddom-p-align&gt;&lt;code&=
gt;align&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt;&lt;a =
href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content at=
tribute of the same name.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmlp=
aramelement id=3DHTMLParamElement-partial&gt;HTMLParamElement&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-param-type title=3Ddom-=
param-type&gt;type&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-param-valuetype title=3D=
dom-param-valueType&gt;valueType&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-param-type title=3Ddom-param-type&gt;&lt=
;code&gt;type&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt;&=
lt;a href=3D#the-param-element&gt;param&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content at=
tribute of the same name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-param-valuetype title=3Ddom-param-valueT=
ype&gt;&lt;code&gt;valueType&lt;/code&gt;&lt;/dfn&gt; IDL attribute of th=
e
+  &lt;code&gt;&lt;a href=3D#the-param-element&gt;param&lt;/a&gt;&lt;/cod=
e&gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element=
's &lt;code title=3Dattr-param-valuetype&gt;&lt;a href=3D#attr-param-valu=
etype&gt;valuetype&lt;/a&gt;&lt;/code&gt; content attribute.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;User agents must treat &lt;code&gt;&lt;a href=3D#pl=
aintext&gt;plaintext&lt;/a&gt;&lt;/code&gt; elements in a manner equivale=
nt to
+  &lt;code&gt;&lt;a href=3D#the-pre-element&gt;pre&lt;/a&gt;&lt;/code&gt=
; elements in terms of semantics and for purposes of rendering. (The pars=
er has
+  special behavior for this element, though.)&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmlp=
reelement id=3DHTMLPreElement-partial&gt;HTMLPreElement&lt;/a&gt; {
+           attribute long &lt;a href=3D#dom-pre-width title=3Ddom-pre-wi=
dth&gt;width&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-pre-width title=3Ddom-pre-width&gt;&lt;c=
ode&gt;width&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt;&l=
t;a href=3D#the-pre-element&gt;pre&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content at=
tribute of the same name.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmls=
criptelement id=3DHTMLScriptElement-partial&gt;HTMLScriptElement&lt;/a&gt=
; {
+           attribute DOMString &lt;a href=3D#dom-script-event title=3Ddo=
m-script-event&gt;event&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-script-htmlfor title=3D=
dom-script-htmlFor&gt;htmlFor&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-script-event title=3Ddom-script-event&gt=
;&lt;code&gt;event&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Ddom-script-h=
tmlfor title=3Ddom-script-htmlFor&gt;&lt;code&gt;htmlFor&lt;/code&gt;&lt;=
/dfn&gt; IDL attributes of the &lt;code&gt;&lt;a href=3D#the-script-eleme=
nt&gt;script&lt;/a&gt;&lt;/code&gt;
+  element must return the empty string on getting, and do nothing on set=
ting.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmlt=
ableelement id=3DHTMLTableElement-partial&gt;HTMLTableElement&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-table-align title=3Ddom=
-table-align&gt;align&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-table-border title=3Ddo=
m-table-border&gt;border&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-table-frame title=3Ddom=
-table-frame&gt;frame&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-table-rules title=3Ddom=
-table-rules&gt;rules&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-table-summary title=3Dd=
om-table-summary&gt;summary&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-table-width title=3Ddom=
-table-width&gt;width&lt;/a&gt;;
+
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-tabl=
e-bgcolor title=3Ddom-table-bgColor&gt;bgColor&lt;/a&gt;;
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-tabl=
e-cellpadding title=3Ddom-table-cellPadding&gt;cellPadding&lt;/a&gt;;
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-tabl=
e-cellspacing title=3Ddom-table-cellSpacing&gt;cellSpacing&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-table-align title=3Ddom-table-align&gt;&=
lt;code&gt;align&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-table-border =
title=3Ddom-table-border&gt;&lt;code&gt;border&lt;/code&gt;&lt;/dfn&gt;, =
&lt;dfn id=3Ddom-table-frame title=3Ddom-table-frame&gt;&lt;code&gt;frame=
&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-table-summary title=3Ddom-tab=
le-summary&gt;&lt;code&gt;summary&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3D=
dom-table-rules title=3Ddom-table-rules&gt;&lt;code&gt;rules&lt;/code&gt;=
&lt;/dfn&gt;, and &lt;dfn id=3Ddom-table-width title=3Ddom-table-width&gt=
;&lt;code&gt;width&lt;/code&gt;&lt;/dfn&gt;, IDL attributes of the &lt;co=
de&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/code&gt; ele=
ment
+  must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the respective content=
 attributes of the same name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-table-bgcolor title=3Ddom-table-bgColor&=
gt;&lt;code&gt;bgColor&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/cod=
e&gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element=
's &lt;code title=3Dattr-table-bgcolor&gt;&lt;a href=3D#attr-table-bgcolo=
r&gt;bgcolor&lt;/a&gt;&lt;/code&gt; content attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-table-cellpadding title=3Ddom-table-cell=
Padding&gt;&lt;code&gt;cellPadding&lt;/code&gt;&lt;/dfn&gt; IDL attribute=
 of the
+  &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/cod=
e&gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element=
's &lt;code title=3Dattr-table-cellpadding&gt;&lt;a href=3D#attr-table-ce=
llpadding&gt;cellpadding&lt;/a&gt;&lt;/code&gt; content attribute.&lt;/p&=
gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-table-cellspacing title=3Ddom-table-cell=
Spacing&gt;&lt;code&gt;cellSpacing&lt;/code&gt;&lt;/dfn&gt; IDL attribute=
 of the
+  &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;/cod=
e&gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element=
's &lt;code title=3Dattr-table-cellspacing&gt;&lt;a href=3D#attr-table-ce=
llspacing&gt;cellspacing&lt;/a&gt;&lt;/code&gt; content attribute.&lt;/p&=
gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmlt=
ablesectionelement id=3DHTMLTableSectionElement-partial&gt;HTMLTableSecti=
onElement&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-tbody-align title=3Ddom=
-tbody-align&gt;align&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-tbody-ch title=3Ddom-tb=
ody-ch&gt;ch&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-tbody-choff title=3Ddom=
-tbody-chOff&gt;chOff&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-tbody-valign title=3Ddo=
m-tbody-vAlign&gt;vAlign&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tbody-align title=3Ddom-tbody-align&gt;&=
lt;code&gt;align&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/cod=
e&gt;, &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;=
/code&gt;, and &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a=
&gt;&lt;/code&gt; elements must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt=
;
+  the content attribute of the same name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tbody-ch title=3Ddom-tbody-ch&gt;&lt;cod=
e&gt;ch&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt;&lt;a h=
ref=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/code&gt;,
+  &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;/cod=
e&gt;, and &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;=
&lt;/code&gt; elements must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; th=
e elements' &lt;code title=3Dattr-tbody-char&gt;&lt;a href=3D#attr-tbody-=
char&gt;char&lt;/a&gt;&lt;/code&gt; content attributes.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tbody-choff title=3Ddom-tbody-chOff&gt;&=
lt;code&gt;chOff&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/cod=
e&gt;, &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;=
/code&gt;, and &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a=
&gt;&lt;/code&gt; elements must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt=
;
+  the elements' &lt;code title=3Dattr-tbody-charoff&gt;&lt;a href=3D#att=
r-tbody-charoff&gt;charoff&lt;/a&gt;&lt;/code&gt; content attributes.&lt;=
/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tbody-valign title=3Ddom-tbody-vAlign&gt=
;&lt;code&gt;vAlign&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&lt;/cod=
e&gt;, &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&lt;=
/code&gt;, and &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a=
&gt;&lt;/code&gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt;
+  the elements' &lt;code title=3Dattr-tbody-valign&gt;&lt;a href=3D#attr=
-tbody-valign&gt;valign&lt;/a&gt;&lt;/code&gt; content attributes.&lt;/p&=
gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmlt=
ablecellelement id=3DHTMLTableCellElement-partial&gt;HTMLTableCellElement=
&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-tdth-align title=3Ddom-=
tdth-align&gt;align&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-tdth-axis title=3Ddom-t=
dth-axis&gt;axis&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-tdth-height title=3Ddom=
-tdth-height&gt;height&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-tdth-width title=3Ddom-=
tdth-width&gt;width&lt;/a&gt;;
+
+           attribute DOMString &lt;a href=3D#dom-tdth-ch title=3Ddom-tdt=
h-ch&gt;ch&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-tdth-choff title=3Ddom-=
tdth-chOff&gt;chOff&lt;/a&gt;;
+           attribute boolean &lt;a href=3D#dom-tdth-nowrap title=3Ddom-t=
dth-noWrap&gt;noWrap&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-tdth-valign title=3Ddom=
-tdth-vAlign&gt;vAlign&lt;/a&gt;;
+
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-tdth=
-bgcolor title=3Ddom-tdth-bgColor&gt;bgColor&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tdth-align title=3Ddom-tdth-align&gt;&lt=
;code&gt;align&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-tdth-axis title=
=3Ddom-tdth-axis&gt;&lt;code&gt;axis&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=
=3Ddom-tdth-height title=3Ddom-tdth-height&gt;&lt;code&gt;height&lt;/code=
&gt;&lt;/dfn&gt;, and &lt;dfn id=3Ddom-tdth-width title=3Ddom-tdth-width&=
gt;&lt;code&gt;width&lt;/code&gt;&lt;/dfn&gt; IDL attributes of the &lt;c=
ode&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt; and
+  &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; =
elements must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the respective c=
ontent attributes of the same
+  name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tdth-ch title=3Ddom-tdth-ch&gt;&lt;code&=
gt;ch&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt;&lt;a hre=
f=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt; and
+  &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; =
elements must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the elements' &l=
t;code title=3Dattr-tdth-char&gt;&lt;a href=3D#attr-tdth-char&gt;char&lt;=
/a&gt;&lt;/code&gt; content attributes.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tdth-choff title=3Ddom-tdth-chOff&gt;&lt=
;code&gt;chOff&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt;=
&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt;
+  and &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&=
gt; elements must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the elements=
' &lt;code title=3Dattr-tdth-charoff&gt;&lt;a href=3D#attr-tdth-charoff&g=
t;charoff&lt;/a&gt;&lt;/code&gt; content attributes.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tdth-nowrap title=3Ddom-tdth-noWrap&gt;&=
lt;code&gt;noWrap&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&=
gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt;
+  and &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&=
gt; elements must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the elements=
' &lt;code title=3Dattr-tdth-nowrap&gt;&lt;a href=3D#attr-tdth-nowrap&gt;=
nowrap&lt;/a&gt;&lt;/code&gt; content attributes.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tdth-valign title=3Ddom-tdth-vAlign&gt;&=
lt;code&gt;vAlign&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&=
gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt;
+  and &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&=
gt; element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the elements'=
 &lt;code title=3Dattr-tdth-valign&gt;&lt;a href=3D#attr-tdth-valign&gt;v=
align&lt;/a&gt;&lt;/code&gt; content attributes.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tdth-bgcolor title=3Ddom-tdth-bgColor&gt=
;&lt;code&gt;bgColor&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the
+  &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt; =
and &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt;=
 elements must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the elements' &=
lt;code title=3Dattr-tdth-bgcolor&gt;&lt;a href=3D#attr-tdth-bgcolor&gt;b=
gcolor&lt;/a&gt;&lt;/code&gt; content attributes.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmlt=
abledatacellelement id=3DHTMLTableDataCellElement-partial&gt;HTMLTableDat=
aCellElement&lt;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-td-abbr title=3Ddom-td-=
abbr&gt;abbr&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-td-abbr title=3Ddom-td-abbr&gt;&lt;code&=
gt;abbr&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt;&lt;a h=
ref=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the respective=
 content attributes of the same name.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmlt=
ablerowelement id=3DHTMLTableRowElement-partial&gt;HTMLTableRowElement&lt=
;/a&gt; {
+           attribute DOMString &lt;a href=3D#dom-tr-align title=3Ddom-tr=
-align&gt;align&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-tr-ch title=3Ddom-tr-ch=
&gt;ch&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-tr-choff title=3Ddom-tr=
-chOff&gt;chOff&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-tr-valign title=3Ddom-t=
r-vAlign&gt;vAlign&lt;/a&gt;;
+
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-tr-b=
gcolor title=3Ddom-tr-bgColor&gt;bgColor&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tr-align title=3Ddom-tr-align&gt;&lt;cod=
e&gt;align&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt;&lt;=
a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content at=
tribute of the same name.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tr-ch title=3Ddom-tr-ch&gt;&lt;code&gt;c=
h&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt;&lt;a href=3D=
#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt; element
+  must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's &lt;code=
 title=3Dattr-tr-char&gt;&lt;a href=3D#attr-tr-char&gt;char&lt;/a&gt;&lt;=
/code&gt; content
+  attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tr-choff title=3Ddom-tr-chOff&gt;&lt;cod=
e&gt;chOff&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt;&lt;=
a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's =
&lt;code title=3Dattr-tr-charoff&gt;&lt;a href=3D#attr-tr-charoff&gt;char=
off&lt;/a&gt;&lt;/code&gt;
+  content attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tr-valign title=3Ddom-tr-vAlign&gt;&lt;c=
ode&gt;vAlign&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&gt;&=
lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's =
&lt;code title=3Dattr-tr-valign&gt;&lt;a href=3D#attr-tr-valign&gt;valign=
&lt;/a&gt;&lt;/code&gt; content
+  attribute.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-tr-bgcolor title=3Ddom-tr-bgColor&gt;&lt=
;code&gt;bgColor&lt;/code&gt;&lt;/dfn&gt; IDL attribute of the &lt;code&g=
t;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/code&gt;
+  element must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the element's =
&lt;code title=3Dattr-tr-bgcolor&gt;&lt;a href=3D#attr-tr-bgcolor&gt;bgco=
lor&lt;/a&gt;&lt;/code&gt;
+  content attribute.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#htmlu=
listelement id=3DHTMLUListElement-partial&gt;HTMLUListElement&lt;/a&gt; {
+           attribute boolean &lt;a href=3D#dom-ul-compact title=3Ddom-ul=
-compact&gt;compact&lt;/a&gt;;
+           attribute DOMString &lt;a href=3D#dom-ul-type title=3Ddom-ul-=
type&gt;type&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-ul-compact title=3Ddom-ul-compact&gt;&lt=
;code&gt;compact&lt;/code&gt;&lt;/dfn&gt; and &lt;dfn id=3Ddom-ul-type ti=
tle=3Ddom-ul-type&gt;&lt;code&gt;type&lt;/code&gt;&lt;/dfn&gt; IDL attrib=
utes of the &lt;code&gt;&lt;a href=3D#the-ul-element&gt;ul&lt;/a&gt;&lt;/=
code&gt; element must
+  &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the respective content attr=
ibutes of the same name.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;User agents must treat &lt;code&gt;&lt;a href=3D#xm=
p&gt;xmp&lt;/a&gt;&lt;/code&gt; elements in a manner equivalent to &lt;co=
de&gt;&lt;a href=3D#the-pre-element&gt;pre&lt;/a&gt;&lt;/code&gt;
+  elements in terms of semantics and for purposes of rendering. (The par=
ser has special behavior for
+  this element though.)&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;code&gt;&lt;a href=3D#blink&gt;blink&lt;/a&=
gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#bgsound&gt;bgsound&lt;/a&gt;&=
lt;/code&gt;, &lt;code&gt;&lt;a href=3D#isindex-0&gt;isindex&lt;/a&gt;&lt=
;/code&gt;, &lt;code&gt;&lt;a href=3D#multicol&gt;multicol&lt;/a&gt;&lt;/=
code&gt;,
+  &lt;code&gt;&lt;a href=3D#nextid&gt;nextid&lt;/a&gt;&lt;/code&gt;, &lt=
;code&gt;&lt;a href=3D#rb&gt;rb&lt;/a&gt;&lt;/code&gt;, and &lt;code&gt;&=
lt;a href=3D#spacer&gt;spacer&lt;/a&gt;&lt;/code&gt; elements must use th=
e
+  &lt;code&gt;&lt;a href=3D#htmlunknownelement&gt;HTMLUnknownElement&lt;=
/a&gt;&lt;/code&gt; interface.&lt;/p&gt; &lt;!-- has to be explicitly lis=
ted because
+  technically we define the elements in the spec, albeit as obsolete, an=
d then we say that only
+  elements not defined in this spec use HTMLUnknownElement. --&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#docum=
ent id=3DDocument-partial&gt;Document&lt;/a&gt; {
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-docu=
ment-fgcolor title=3Ddom-document-fgColor&gt;fgColor&lt;/a&gt;;
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-docu=
ment-linkcolor title=3Ddom-document-linkColor&gt;linkColor&lt;/a&gt;;
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-docu=
ment-vlinkcolor title=3Ddom-document-vlinkColor&gt;vlinkColor&lt;/a&gt;;
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-docu=
ment-alinkcolor title=3Ddom-document-alinkColor&gt;alinkColor&lt;/a&gt;;
+  [TreatNullAs=3DEmptyString] attribute DOMString &lt;a href=3D#dom-docu=
ment-bgcolor title=3Ddom-document-bgColor&gt;bgColor&lt;/a&gt;;
+
+  readonly attribute &lt;a href=3D#htmlcollection&gt;HTMLCollection&lt;/=
a&gt; &lt;a href=3D#dom-document-anchors title=3Ddom-document-anchors&gt;=
anchors&lt;/a&gt;;
+  readonly attribute &lt;a href=3D#htmlcollection&gt;HTMLCollection&lt;/=
a&gt; &lt;a href=3D#dom-document-applets title=3Ddom-document-applets&gt;=
applets&lt;/a&gt;;
+
+  void &lt;a href=3D#dom-document-clear title=3Ddom-document-clear&gt;cl=
ear&lt;/a&gt;();
+  void &lt;a href=3D#dom-document-captureevents title=3Ddom-document-cap=
tureEvents&gt;captureEvents&lt;/a&gt;(long dummy);
+  void &lt;a href=3D#dom-document-releaseevents title=3Ddom-document-rel=
easeEvents&gt;releaseEvents&lt;/a&gt;(long dummy);
+
+  readonly attribute &lt;a href=3D#htmlallcollection&gt;HTMLAllCollectio=
n&lt;/a&gt; &lt;a href=3D#dom-document-all title=3Ddom-document-all&gt;al=
l&lt;/a&gt;;
+};&lt;/pre&gt;
+
+  &lt;p&gt;The attributes of the &lt;code&gt;&lt;a href=3D#document&gt;D=
ocument&lt;/a&gt;&lt;/code&gt; object listed in the first column of the f=
ollowing
+  table must &lt;a href=3D#reflect&gt;reflect&lt;/a&gt; the content attr=
ibute on &lt;a href=3D#the-body-element-0&gt;the body element&lt;/a&gt; w=
ith the
+  name given in the corresponding cell in the second column on the same =
row, if &lt;a href=3D#the-body-element-0&gt;the body
+  element&lt;/a&gt; is a &lt;code&gt;&lt;a href=3D#the-body-element&gt;b=
ody&lt;/a&gt;&lt;/code&gt; element (as opposed to a &lt;code&gt;&lt;a hre=
f=3D#frameset&gt;frameset&lt;/a&gt;&lt;/code&gt; element).
+  When there is no &lt;a href=3D#the-body-element-0 title=3D&quot;the bo=
dy element&quot;&gt;body element&lt;/a&gt; or if it is a
+  &lt;code&gt;&lt;a href=3D#frameset&gt;frameset&lt;/a&gt;&lt;/code&gt; =
element, the attributes must instead return the empty string on getting a=
nd
+  do nothing on setting.&lt;/p&gt;
+
+  &lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt; IDL attribute
+     &lt;th&gt; Content attribute
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;dfn id=3Ddom-document-fgcolor ti=
tle=3Ddom-document-fgColor&gt;&lt;code&gt;fgColor&lt;/code&gt;&lt;/dfn&gt=
;
+     &lt;td&gt;&lt;code title=3Dattr-body-text&gt;&lt;a href=3D#attr-bod=
y-text&gt;text&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Ddom-document-linkcolor title=3Ddom-=
document-linkColor&gt;&lt;code&gt;linkColor&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td&gt;&lt;code title=3Dattr-body-link&gt;&lt;a href=3D#attr-bod=
y-link&gt;link&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Ddom-document-vlinkcolor title=3Ddom=
-document-vlinkColor&gt;&lt;code&gt;vlinkColor&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td&gt;&lt;code title=3Dattr-body-vlink&gt;&lt;a href=3D#attr-bo=
dy-vlink&gt;vlink&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Ddom-document-alinkcolor title=3Ddom=
-document-alinkColor&gt;&lt;code&gt;alinkColor&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td&gt;&lt;code title=3Dattr-body-alink&gt;&lt;a href=3D#attr-bo=
dy-alink&gt;alink&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;td&gt;&lt;dfn id=3Ddom-document-bgcolor title=3Ddom-do=
cument-bgColor&gt;&lt;code&gt;bgColor&lt;/code&gt;&lt;/dfn&gt;
+     &lt;td&gt;&lt;code title=3Dattr-body-bgcolor&gt;&lt;a href=3D#attr-=
body-bgcolor&gt;bgcolor&lt;/a&gt;&lt;/code&gt;
+  &lt;/table&gt;&lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-document-anchors=
 title=3Ddom-document-anchors&gt;&lt;code&gt;anchors&lt;/code&gt;&lt;/dfn=
&gt; attribute must return an
+  &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTMLCollection&lt;/a&gt;&l=
t;/code&gt; rooted at the &lt;code&gt;&lt;a href=3D#document&gt;Document&=
lt;/a&gt;&lt;/code&gt; node, whose filter matches only
+  &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; el=
ements with &lt;code title=3Dattr-a-name&gt;&lt;a href=3D#attr-a-name&gt;=
name&lt;/a&gt;&lt;/code&gt; attributes.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-document-applets title=3Ddom-document-ap=
plets&gt;&lt;code&gt;applets&lt;/code&gt;&lt;/dfn&gt; attribute must retu=
rn an
+  &lt;code&gt;&lt;a href=3D#htmlcollection&gt;HTMLCollection&lt;/a&gt;&l=
t;/code&gt; rooted at the &lt;code&gt;&lt;a href=3D#document&gt;Document&=
lt;/a&gt;&lt;/code&gt; node, whose filter matches only
+  &lt;code&gt;&lt;a href=3D#the-applet-element&gt;applet&lt;/a&gt;&lt;/c=
ode&gt; elements.&lt;/p&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-document-clear title=3Ddom-document-clea=
r&gt;&lt;code&gt;clear()&lt;/code&gt;&lt;/dfn&gt;, &lt;dfn id=3Ddom-docum=
ent-captureevents title=3Ddom-document-captureEvents&gt;&lt;code&gt;captu=
reEvents()&lt;/code&gt;&lt;/dfn&gt;, and &lt;dfn id=3Ddom-document-releas=
eevents title=3Ddom-document-releaseEvents&gt;&lt;code&gt;releaseEvents()=
&lt;/code&gt;&lt;/dfn&gt; methods must do nothing.&lt;/p&gt;
+
+  &lt;hr&gt;&lt;p&gt;The &lt;dfn id=3Ddom-document-all title=3Ddom-docum=
ent-all&gt;&lt;code&gt;all&lt;/code&gt;&lt;/dfn&gt; attribute must return=
 an
+  &lt;code&gt;&lt;a href=3D#htmlallcollection&gt;HTMLAllCollection&lt;/a=
&gt;&lt;/code&gt; rooted at the &lt;code&gt;&lt;a href=3D#document&gt;Doc=
ument&lt;/a&gt;&lt;/code&gt; node, whose filter matches all
+  elements.&lt;/p&gt;
+
+  &lt;p&gt;The object returned for &lt;code title=3Ddom-document-all&gt;=
&lt;a href=3D#dom-document-all&gt;all&lt;/a&gt;&lt;/code&gt; has several =
unusual
+  behaviors:&lt;/p&gt;
+
+  &lt;ul&gt;&lt;li&gt;&lt;p&gt;The user agent must act as if the ToBoole=
an() operator in JavaScript converts the object
+   returned for &lt;code title=3Ddom-document-all&gt;&lt;a href=3D#dom-d=
ocument-all&gt;all&lt;/a&gt;&lt;/code&gt; to the false value.&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;The user agent must act as if, for the purposes of=
 the &lt;code title=3D&quot;&quot;&gt;=3D=3D&lt;/code&gt; and &lt;code ti=
tle=3D&quot;&quot;&gt;!=3D&lt;/code&gt; operators in JavaScript, the obje=
ct returned for &lt;code title=3Ddom-document-all&gt;&lt;a href=3D#dom-do=
cument-all&gt;all&lt;/a&gt;&lt;/code&gt; compares as equal to the &lt;cod=
e title=3D&quot;&quot;&gt;undefined&lt;/code&gt; and
+   &lt;code title=3D&quot;&quot;&gt;null&lt;/code&gt; values. (Compariso=
ns using the &lt;code title=3D&quot;&quot;&gt;=3D=3D=3D&lt;/code&gt; oper=
ator, and
+   comparisons to other values such as strings or objects, are unaffecte=
d.)&lt;/li&gt;
+
+   &lt;li&gt;&lt;p&gt;The user agent must act such that the &lt;code tit=
le=3D&quot;&quot;&gt;typeof&lt;/code&gt; operator in JavaScript
+   returns the string &lt;code title=3D&quot;&quot;&gt;undefined&lt;/cod=
e&gt; when applied to the object returned for &lt;code title=3Ddom-docume=
nt-all&gt;&lt;a href=3D#dom-document-all&gt;all&lt;/a&gt;&lt;/code&gt;.&l=
t;/li&gt;
+
+  &lt;/ul&gt;&lt;p class=3Dnote&gt;These requirements are a &lt;a href=3D=
#willful-violation&gt;willful violation&lt;/a&gt; of the JavaScript
+  specification current at the time of writing (ECMAScript edition 5). T=
he JavaScript specification
+  requires that the ToBoolean() operator convert all objects to the true=
 value, and does not have
+  provisions for objects acting as if they were &lt;code title=3D&quot;&=
quot;&gt;undefined&lt;/code&gt; for the purposes of
+  certain operators. This violation is motivated by a desire for compati=
bility with two classes of
+  legacy content: one that uses the presence of &lt;code title=3Ddom-doc=
ument-all&gt;&lt;a href=3D#dom-document-all&gt;document.all&lt;/a&gt;&lt;=
/code&gt;
+  as a way to detect legacy user agents, and one that only supports thos=
e legacy user agents and
+  uses the &lt;code title=3Ddom-document-all&gt;&lt;a href=3D#dom-docume=
nt-all&gt;document.all&lt;/a&gt;&lt;/code&gt; object without testing for =
its
+  presence first. &lt;a href=3D#refsECMA262&gt;[ECMA262]&lt;/a&gt;&lt;/p=
&gt;
+
+  &lt;hr&gt;&lt;pre class=3Didl&gt;partial interface &lt;a href=3D#windo=
w id=3DWindow-partial&gt;Window&lt;/a&gt; {
+  void &lt;a href=3D#dom-window-captureevents title=3Ddom-window-capture=
Events&gt;captureEvents&lt;/a&gt;(long dummy);
+  void &lt;a href=3D#dom-window-releaseevents title=3Ddom-window-release=
Events&gt;releaseEvents&lt;/a&gt;(long dummy);
+};&lt;/pre&gt;
+
+  &lt;p&gt;The &lt;dfn id=3Ddom-window-captureevents title=3Ddom-window-=
captureEvents&gt;&lt;code&gt;captureEvents()&lt;/code&gt;&lt;/dfn&gt; and=
 &lt;dfn id=3Ddom-window-releaseevents title=3Ddom-window-releaseEvents&g=
t;&lt;code&gt;releaseEvents()&lt;/code&gt;&lt;/dfn&gt; methods must do no=
thing.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+
+
+  &lt;h2 id=3Diana&gt;&lt;span class=3Dsecno&gt;16 &lt;/span&gt;IANA con=
siderations&lt;/h2&gt;
+
+  &lt;!-- http://www.w3.org/2002/06/registering-mediatype.html --&gt;
+
+
+  &lt;h3 id=3Dtext/html&gt;&lt;span class=3Dsecno&gt;16.1 &lt;/span&gt;&=
lt;dfn&gt;&lt;code&gt;text/html&lt;/code&gt;&lt;/dfn&gt;&lt;/h3&gt;
+
+  &lt;p&gt;This registration is for community review and will be submitt=
ed to the IESG for review,
+  approval, and registration with IANA.&lt;/p&gt;
+
+  &lt;!--
+   To: ietf-types at iana.org
+   Subject: Registration of media type text/html
+  --&gt;
+
+  &lt;!--
+   Obsoletes:
+   http://tools.ietf.org/html/rfc2854
+
+   Include a request to retire RFC 2854 persuant to section 6.4 of RFC 2=
026.
+  --&gt;
+
+  &lt;dl&gt;&lt;dt&gt;Type name:&lt;/dt&gt;
+   &lt;dd&gt;text&lt;/dd&gt;
+   &lt;dt&gt;Subtype name:&lt;/dt&gt;
+   &lt;dd&gt;html&lt;/dd&gt;
+   &lt;dt&gt;Required parameters:&lt;/dt&gt;
+   &lt;dd&gt;No required parameters&lt;/dd&gt;
+   &lt;dt&gt;Optional parameters:&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;dl&gt;&lt;dt&gt;&lt;code title=3D&quot;&quot;&gt;charset&lt;/cod=
e&gt;&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;The &lt;code title=3D&quot;&quot;&gt;charset&lt;/code&gt;=
 parameter may be provided to definitively specify the
+      &lt;a href=3D&quot;#document's-character-encoding&quot;&gt;documen=
t's character encoding&lt;/a&gt;, overriding any &lt;a href=3D#character-=
encoding-declaration title=3D&quot;character encoding
+      declaration&quot;&gt;character encoding declarations&lt;/a&gt; in =
the document. The parameter's value
+      must be one of the &lt;a href=3D#encoding-label title=3D&quot;enco=
ding label&quot;&gt;labels&lt;/a&gt; of the &lt;a href=3D#encoding title=3D=
encoding&gt;character encoding&lt;/a&gt; used to serialize the file. &lt;=
a href=3D#refsENCODING&gt;[ENCODING]&lt;/a&gt;&lt;/p&gt;
+
+     &lt;/dd&gt;
+    &lt;/dl&gt;&lt;/dd&gt;
+   &lt;dt&gt;Encoding considerations:&lt;/dt&gt;
+   &lt;dd&gt;
+
+    8bit (see the section on &lt;a href=3D#character-encoding-declaratio=
n title=3D&quot;character encoding declaration&quot;&gt;character encodin=
g
+    declarations&lt;/a&gt;)
+
+   &lt;/dd&gt;
+&lt;!--ADD-TOPIC:Security--&gt;
+   &lt;dt&gt;Security considerations:&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Entire novels have been written about the security consider=
ations that apply to HTML
+    documents. Many are listed in this document, to which the reader is =
referred for more details.
+    Some general concerns bear mentioning here, however:&lt;/p&gt;
+
+    &lt;p&gt;HTML is scripted language, and has a large number of APIs (=
some of which are described in
+    this document). Script can expose the user to potential risks of inf=
ormation leakage, credential
+    leakage, cross-site scripting attacks, cross-site request forgeries,=
 and a host of other
+    problems. While the designs in this specification are intended to be=
 safe if implemented
+    correctly, a full implementation is a massive undertaking and, as wi=
th any software, user agents
+    are likely to have security bugs.&lt;/p&gt;
+
+    &lt;p&gt;Even without scripting, there are specific features in HTML=
 which, for historical reasons,
+    are required for broad compatibility with legacy content but that ex=
pose the user to unfortunate
+    security problems. In particular, the &lt;code&gt;&lt;a href=3D#the-=
img-element&gt;img&lt;/a&gt;&lt;/code&gt; element can be used in conjunct=
ion with
+    some other features as a way to effect a port scan from the user's l=
ocation on the Internet.
+    This can expose local network topologies that the attacker would oth=
erwise not be able to
+    determine.&lt;/p&gt;
+
+    &lt;p&gt;HTML relies on a compartmentalization scheme sometimes know=
n as the &lt;i&gt;same-origin
+    policy&lt;/i&gt;. An &lt;a href=3D#origin&gt;origin&lt;/a&gt; in mos=
t cases consists of all the pages served from the same
+    host, on the same port, using the same protocol.&lt;/p&gt;
+
+    &lt;p&gt;It is critical, therefore, to ensure that any untrusted con=
tent that forms part of a site be
+    hosted on a different &lt;a href=3D#origin&gt;origin&lt;/a&gt; than =
any sensitive content on that site. Untrusted
+    content can easily spoof any other page on the same origin, read dat=
a from that origin, cause
+    scripts in that origin to execute, submit forms to and from that ori=
gin even if they are
+    protected from cross-site request forgery attacks by unique tokens, =
and make use of any
+    third-party resources exposed to or rights granted to that origin.&l=
t;/p&gt;
+
+   &lt;/dd&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+   &lt;dt&gt;Interoperability considerations:&lt;/dt&gt;
+   &lt;dd&gt;
+    Rules for processing both conforming and non-conforming content
+    are defined in this specification.
+   &lt;/dd&gt;
+   &lt;dt&gt;Published specification:&lt;/dt&gt;
+   &lt;dd id=3Dauthors-using-html&gt;
+    This document is the relevant specification. Labeling a resource
+    with the &lt;code&gt;&lt;a href=3D#text/html&gt;text/html&lt;/a&gt;&=
lt;/code&gt; type asserts that the resource is
+    an &lt;a href=3D#html-documents title=3D&quot;HTML documents&quot;&g=
t;HTML document&lt;/a&gt; using
+    &lt;a href=3D#syntax&gt;the HTML syntax&lt;/a&gt;.
+   &lt;/dd&gt;
+   &lt;dt&gt;Applications that use this media type:&lt;/dt&gt;
+   &lt;dd&gt;
+    Web browsers, tools for processing Web content, HTML authoring
+    tools, search engines, validators.
+   &lt;/dd&gt;
+   &lt;dt&gt;Additional information:&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;dl&gt;&lt;dt&gt;Magic number(s):&lt;/dt&gt;
+     &lt;dd&gt;No sequence of bytes can uniquely identify an HTML
+     document. More information on detecting HTML documents is
+     available in the MIME Sniffing specification. &lt;a href=3D#refsMIM=
ESNIFF&gt;[MIMESNIFF]&lt;/a&gt;&lt;/dd&gt;
+     &lt;dt&gt;File extension(s):&lt;/dt&gt;
+     &lt;dd&gt;&quot;&lt;code title=3D&quot;&quot;&gt;html&lt;/code&gt;&=
quot; and &quot;&lt;code title=3D&quot;&quot;&gt;htm&lt;/code&gt;&quot;
+     are commonly, but certainly not exclusively, used as the
+     extension for HTML documents.&lt;/dd&gt;
+     &lt;dt&gt;Macintosh file type code(s):&lt;/dt&gt;
+     &lt;dd&gt;&lt;code title=3D&quot;&quot;&gt;TEXT&lt;/code&gt;&lt;/dd=
&gt;
+    &lt;/dl&gt;&lt;/dd&gt;
+   &lt;dt&gt;Person &amp;amp; email address to contact for further infor=
mation:&lt;/dt&gt;
+   &lt;dd&gt;Ian Hickson &amp;lt;ian at hixie.ch&amp;gt;&lt;/dd&gt;
+   &lt;dt&gt;Intended usage:&lt;/dt&gt;
+   &lt;dd&gt;Common&lt;/dd&gt;
+   &lt;dt&gt;Restrictions on usage:&lt;/dt&gt;
+   &lt;dd&gt;No restrictions apply.&lt;/dd&gt;
+   &lt;dt&gt;Author:&lt;/dt&gt;
+   &lt;dd&gt;Ian Hickson &amp;lt;ian at hixie.ch&amp;gt;&lt;/dd&gt;
+   &lt;dt&gt;Change controller:&lt;/dt&gt;
+   &lt;dd&gt;W3C&lt;/dd&gt;
+  &lt;/dl&gt;&lt;p&gt;Fragment identifiers used with &lt;code&gt;&lt;a h=
ref=3D#text/html&gt;text/html&lt;/a&gt;&lt;/code&gt; resources either ref=
er to &lt;a href=3D#the-indicated-part-of-the-document&gt;the
+  indicated part of the document&lt;/a&gt; or provide state information =
for in-page scripts.&lt;/p&gt;
+
+
+
+
+  &lt;h3 id=3Dmultipart/x-mixed-replace&gt;&lt;span class=3Dsecno&gt;16.=
2 &lt;/span&gt;&lt;dfn&gt;&lt;code&gt;multipart/x-mixed-replace&lt;/code&=
gt;&lt;/dfn&gt;&lt;/h3&gt;
+
+  &lt;p&gt;This registration is for community review and will be submitt=
ed to the IESG for review,
+  approval, and registration with IANA.&lt;/p&gt;
+
+  &lt;!--
+   To: ietf-types at iana.org
+   Subject: Registration of media type multipart/x-mixed-replace
+  --&gt;
+
+  &lt;dl&gt;&lt;dt&gt;Type name:&lt;/dt&gt;
+   &lt;dd&gt;multipart&lt;/dd&gt;
+   &lt;dt&gt;Subtype name:&lt;/dt&gt;
+   &lt;dd&gt;x-mixed-replace&lt;/dd&gt;
+   &lt;dt&gt;Required parameters:&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;ul class=3Dbrief&gt;&lt;li&gt;&lt;code title=3D&quot;&quot;&gt;b=
oundary&lt;/code&gt; (defined in RFC2046) &lt;a href=3D#refsRFC2046&gt;[R=
FC2046]&lt;/a&gt;
+    &lt;/ul&gt;&lt;/dd&gt;
+   &lt;dt&gt;Optional parameters:&lt;/dt&gt;
+   &lt;dd&gt;No optional parameters.&lt;/dd&gt;
+   &lt;dt&gt;Encoding considerations:&lt;/dt&gt;
+   &lt;dd&gt;binary&lt;/dd&gt;
+&lt;!--ADD-TOPIC:Security--&gt;
+   &lt;dt&gt;Security considerations:&lt;/dt&gt;
+   &lt;dd&gt;
+    Subresources of a &lt;code&gt;&lt;a href=3D#multipart/x-mixed-replac=
e&gt;multipart/x-mixed-replace&lt;/a&gt;&lt;/code&gt;
+    resource can be of any type, including types with non-trivial
+    security implications such as &lt;code&gt;&lt;a href=3D#text/html&gt=
;text/html&lt;/a&gt;&lt;/code&gt;.
+   &lt;/dd&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+   &lt;dt&gt;Interoperability considerations:&lt;/dt&gt;
+   &lt;dd&gt;
+    None.
+   &lt;/dd&gt;
+   &lt;dt&gt;Published specification:&lt;/dt&gt;
+   &lt;dd&gt;
+    This specification describes processing rules for Web browsers.
+    Conformance requirements for generating resources with this type are=
 the same as for &lt;code&gt;multipart/mixed&lt;/code&gt;. &lt;a href=3D#=
refsRFC2046&gt;[RFC2046]&lt;/a&gt;
+   &lt;/dd&gt;
+   &lt;dt&gt;Applications that use this media type:&lt;/dt&gt;
+   &lt;dd&gt;
+    This type is intended to be used in resources generated by Web serve=
rs, for consumption by Web browsers.
+   &lt;/dd&gt;
+   &lt;dt&gt;Additional information:&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;dl&gt;&lt;dt&gt;Magic number(s):&lt;/dt&gt;
+     &lt;dd&gt;No sequence of bytes can uniquely identify a &lt;code&gt;=
&lt;a href=3D#multipart/x-mixed-replace&gt;multipart/x-mixed-replace&lt;/=
a&gt;&lt;/code&gt; resource.&lt;/dd&gt;
+     &lt;dt&gt;File extension(s):&lt;/dt&gt;
+     &lt;dd&gt;No specific file extensions are recommended for this type=
.&lt;/dd&gt;
+     &lt;dt&gt;Macintosh file type code(s):&lt;/dt&gt;
+     &lt;dd&gt;No specific Macintosh file type codes are recommended for=
 this type.&lt;/dd&gt;
+    &lt;/dl&gt;&lt;/dd&gt;
+   &lt;dt&gt;Person &amp;amp; email address to contact for further infor=
mation:&lt;/dt&gt;
+   &lt;dd&gt;Ian Hickson &amp;lt;ian at hixie.ch&amp;gt;&lt;/dd&gt;
+   &lt;dt&gt;Intended usage:&lt;/dt&gt;
+   &lt;dd&gt;Common&lt;/dd&gt;
+   &lt;dt&gt;Restrictions on usage:&lt;/dt&gt;
+   &lt;dd&gt;No restrictions apply.&lt;/dd&gt;
+   &lt;dt&gt;Author:&lt;/dt&gt;
+   &lt;dd&gt;Ian Hickson &amp;lt;ian at hixie.ch&amp;gt;&lt;/dd&gt;
+   &lt;dt&gt;Change controller:&lt;/dt&gt;
+   &lt;dd&gt;W3C&lt;/dd&gt;
+  &lt;/dl&gt;&lt;p&gt;Fragment identifiers used with &lt;code&gt;&lt;a h=
ref=3D#multipart/x-mixed-replace&gt;multipart/x-mixed-replace&lt;/a&gt;&l=
t;/code&gt; resources apply to each
+  body part as defined by the type used by that body part.&lt;/p&gt;
+
+
+  &lt;h3 id=3Dapplication/xhtml+xml&gt;&lt;span class=3Dsecno&gt;16.3 &l=
t;/span&gt;&lt;dfn&gt;&lt;code&gt;application/xhtml+xml&lt;/code&gt;&lt;/=
dfn&gt;&lt;/h3&gt;
+
+  &lt;p&gt;This registration is for community review and will be submitt=
ed to the IESG for review,
+  approval, and registration with IANA.&lt;/p&gt;
+
+  &lt;!--
+   To: ietf-types at iana.org
+   Subject: Registration of media type application/xhtml+xml
+  --&gt;
+
+  &lt;!--
+   Obsoletes:
+   http://tools.ietf.org/html/rfc3236
+  --&gt;
+
+  &lt;dl&gt;&lt;dt&gt;Type name:&lt;/dt&gt;
+   &lt;dd&gt;application&lt;/dd&gt;
+   &lt;dt&gt;Subtype name:&lt;/dt&gt;
+   &lt;dd&gt;xhtml+xml&lt;/dd&gt;
+   &lt;dt&gt;Required parameters:&lt;/dt&gt;
+   &lt;dd&gt;Same as for &lt;code&gt;application/xml&lt;/code&gt; &lt;a =
href=3D#refsRFC3023&gt;[RFC3023]&lt;/a&gt;&lt;/dd&gt;
+   &lt;dt&gt;Optional parameters:&lt;/dt&gt;
+   &lt;dd&gt;Same as for &lt;code&gt;application/xml&lt;/code&gt; &lt;a =
href=3D#refsRFC3023&gt;[RFC3023]&lt;/a&gt;&lt;/dd&gt;
+   &lt;dt&gt;Encoding considerations:&lt;/dt&gt;
+   &lt;dd&gt;Same as for &lt;code&gt;application/xml&lt;/code&gt; &lt;a =
href=3D#refsRFC3023&gt;[RFC3023]&lt;/a&gt;&lt;/dd&gt;
+&lt;!--ADD-TOPIC:Security--&gt;
+   &lt;dt&gt;Security considerations:&lt;/dt&gt;
+   &lt;dd&gt;Same as for &lt;code&gt;application/xml&lt;/code&gt; &lt;a =
href=3D#refsRFC3023&gt;[RFC3023]&lt;/a&gt;&lt;/dd&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+   &lt;dt&gt;Interoperability considerations:&lt;/dt&gt;
+   &lt;dd&gt;Same as for &lt;code&gt;application/xml&lt;/code&gt; &lt;a =
href=3D#refsRFC3023&gt;[RFC3023]&lt;/a&gt;&lt;/dd&gt;
+   &lt;dt id=3Dauthors-using-xhtml&gt;Published specification:&lt;/dt&gt=
;
+   &lt;dd&gt;
+    Labeling a resource with the &lt;code&gt;&lt;a href=3D#application/x=
html+xml&gt;application/xhtml+xml&lt;/a&gt;&lt;/code&gt;
+    type asserts that the resource is an XML document that likely has
+    a root element from the &lt;a href=3D#html-namespace-0&gt;HTML names=
pace&lt;/a&gt;. Thus, the
+    relevant specifications are the XML specification, the Namespaces
+    in XML specification, and this specification. &lt;a href=3D#refsXML&=
gt;[XML]&lt;/a&gt; &lt;a href=3D#refsXMLNS&gt;[XMLNS]&lt;/a&gt;
+   &lt;/dd&gt;
+   &lt;dt&gt;Applications that use this media type:&lt;/dt&gt;
+   &lt;dd&gt;Same as for &lt;code&gt;application/xml&lt;/code&gt; &lt;a =
href=3D#refsRFC3023&gt;[RFC3023]&lt;/a&gt;&lt;/dd&gt;
+   &lt;dt&gt;Additional information:&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;dl&gt;&lt;dt&gt;Magic number(s):&lt;/dt&gt;
+     &lt;dd&gt;Same as for &lt;code&gt;application/xml&lt;/code&gt; &lt;=
a href=3D#refsRFC3023&gt;[RFC3023]&lt;/a&gt;&lt;/dd&gt;
+     &lt;dt&gt;File extension(s):&lt;/dt&gt;
+     &lt;dd&gt;&quot;&lt;code title=3D&quot;&quot;&gt;xhtml&lt;/code&gt;=
&quot; and &quot;&lt;code title=3D&quot;&quot;&gt;xht&lt;/code&gt;&quot;
+     are sometimes used as extensions for XML resources that have a
+     root element from the &lt;a href=3D#html-namespace-0&gt;HTML namesp=
ace&lt;/a&gt;.&lt;/dd&gt;
+     &lt;dt&gt;Macintosh file type code(s):&lt;/dt&gt;
+     &lt;dd&gt;&lt;code title=3D&quot;&quot;&gt;TEXT&lt;/code&gt;&lt;/dd=
&gt;
+    &lt;/dl&gt;&lt;/dd&gt;
+   &lt;dt&gt;Person &amp;amp; email address to contact for further infor=
mation:&lt;/dt&gt;
+   &lt;dd&gt;Ian Hickson &amp;lt;ian at hixie.ch&amp;gt;&lt;/dd&gt;
+   &lt;dt&gt;Intended usage:&lt;/dt&gt;
+   &lt;dd&gt;Common&lt;/dd&gt;
+   &lt;dt&gt;Restrictions on usage:&lt;/dt&gt;
+   &lt;dd&gt;No restrictions apply.&lt;/dd&gt;
+   &lt;dt&gt;Author:&lt;/dt&gt;
+   &lt;dd&gt;Ian Hickson &amp;lt;ian at hixie.ch&amp;gt;&lt;/dd&gt;
+   &lt;dt&gt;Change controller:&lt;/dt&gt;
+   &lt;dd&gt;W3C&lt;/dd&gt;
+  &lt;/dl&gt;&lt;p&gt;Fragment identifiers used with &lt;code&gt;&lt;a h=
ref=3D#application/xhtml+xml&gt;application/xhtml+xml&lt;/a&gt;&lt;/code&=
gt; resources have the same
+  semantics as with any &lt;a href=3D#xml-mime-type&gt;XML MIME type&lt;=
/a&gt;. &lt;a href=3D#refsRFC3023&gt;[RFC3023]&lt;/a&gt;&lt;/p&gt;
+
+
+  &lt;h3 id=3Dapplication/x-www-form-urlencoded&gt;&lt;span class=3Dsecn=
o&gt;16.4 &lt;/span&gt;&lt;dfn&gt;&lt;code&gt;application/x-www-form-urle=
ncoded&lt;/code&gt;&lt;/dfn&gt;&lt;/h3&gt;
+
+  &lt;p&gt;This registration is for community review and will be submitt=
ed to the IESG for review,
+  approval, and registration with IANA.&lt;/p&gt;
+
+  &lt;!--
+   To: ietf-types at iana.org
+   Subject: Registration of media type application/x-www-form-urlencoded
+  --&gt;
+
+  &lt;dl&gt;&lt;dt&gt;Type name:&lt;/dt&gt;
+   &lt;dd&gt;application&lt;/dd&gt;
+   &lt;dt&gt;Subtype name:&lt;/dt&gt;
+   &lt;dd&gt;x-www-form-urlencoded&lt;/dd&gt;
+   &lt;dt&gt;Required parameters:&lt;/dt&gt;
+   &lt;dd&gt;No parameters&lt;/dd&gt;
+   &lt;dt&gt;Optional parameters:&lt;/dt&gt;
+   &lt;dd&gt;No parameters&lt;/dd&gt;
+   &lt;dt&gt;Encoding considerations:&lt;/dt&gt;
+   &lt;dd&gt;7bit (US-ASCII encoding of octets that themselves can be en=
coding text using any &lt;a href=3D#ascii-compatible-character-encoding&g=
t;ASCII-compatible character encoding&lt;/a&gt;)&lt;/dd&gt;
+&lt;!--ADD-TOPIC:Security--&gt;
+   &lt;dt&gt;Security considerations:&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;In isolation, an &lt;code&gt;&lt;a href=3D#application/x-ww=
w-form-urlencoded&gt;application/x-www-form-urlencoded&lt;/a&gt;&lt;/code=
&gt;
+    payload poses no security risks. However, as this type is usually
+    used as part of a form submission, all the risks that apply to
+    HTML forms need to be considered in the context of this type.&lt;/p&=
gt;
+   &lt;/dd&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+   &lt;dt&gt;Interoperability considerations:&lt;/dt&gt;
+   &lt;dd&gt;
+    Rules for generating and processing
+    &lt;code&gt;&lt;a href=3D#application/x-www-form-urlencoded&gt;appli=
cation/x-www-form-urlencoded&lt;/a&gt;&lt;/code&gt; payloads are
+    defined in this specification.
+   &lt;/dd&gt;
+   &lt;dt&gt;Published specification:&lt;/dt&gt;
+   &lt;dd&gt;
+    This document is the relevant specification.
+    Algorithms for &lt;a href=3D#application/x-www-form-urlencoded-encod=
ing-algorithm title=3D&quot;application/x-www-form-urlencoded encoding al=
gorithm&quot;&gt;encoding&lt;/a&gt;
+    and &lt;a href=3D#application/x-www-form-urlencoded-decoding-algorit=
hm title=3D&quot;application/x-www-form-urlencoded decoding algorithm&quo=
t;&gt;decoding&lt;/a&gt; are defined.
+   &lt;/dd&gt;
+   &lt;dt&gt;Applications that use this media type:&lt;/dt&gt;
+   &lt;dd&gt;
+    Web browsers and servers.
+   &lt;/dd&gt;
+   &lt;dt&gt;Additional information:&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;dl&gt;&lt;dt&gt;Magic number(s):&lt;/dt&gt;
+     &lt;dd&gt;There is no reliable mechanism for recognising &lt;code&g=
t;&lt;a href=3D#application/x-www-form-urlencoded&gt;application/x-www-fo=
rm-urlencoded&lt;/a&gt;&lt;/code&gt; payloads.&lt;/dd&gt;
+     &lt;dt&gt;File extension(s):&lt;/dt&gt;
+     &lt;dd&gt;Not applicable.&lt;/dd&gt;
+     &lt;dt&gt;Macintosh file type code(s):&lt;/dt&gt;
+     &lt;dd&gt;Not applicable.&lt;/dd&gt;
+    &lt;/dl&gt;&lt;/dd&gt;
+   &lt;dt&gt;Person &amp;amp; email address to contact for further infor=
mation:&lt;/dt&gt;
+   &lt;dd&gt;Ian Hickson &amp;lt;ian at hixie.ch&amp;gt;&lt;/dd&gt;
+   &lt;dt&gt;Intended usage:&lt;/dt&gt;
+   &lt;dd&gt;Common&lt;/dd&gt;
+   &lt;dt&gt;Restrictions on usage:&lt;/dt&gt;
+   &lt;dd&gt;This type is only intended to be used to describe HTML form
+   submission payloads.&lt;/dd&gt;
+   &lt;dt&gt;Author:&lt;/dt&gt;
+   &lt;dd&gt;Ian Hickson &amp;lt;ian at hixie.ch&amp;gt;&lt;/dd&gt;
+   &lt;dt&gt;Change controller:&lt;/dt&gt;
+   &lt;dd&gt;W3C&lt;/dd&gt;
+  &lt;/dl&gt;&lt;p&gt;Fragment identifiers have no meaning with the &lt;=
code&gt;&lt;a href=3D#application/x-www-form-urlencoded&gt;application/x-=
www-form-urlencoded&lt;/a&gt;&lt;/code&gt;
+  type.&lt;/p&gt;
+
+
+  &lt;h3 id=3Dtext/cache-manifest&gt;&lt;span class=3Dsecno&gt;16.5 &lt;=
/span&gt;&lt;dfn&gt;&lt;code&gt;text/cache-manifest&lt;/code&gt;&lt;/dfn&=
gt;&lt;/h3&gt;
+
+  &lt;p&gt;This registration is for community review and will be submitt=
ed
+  to the IESG for review, approval, and registration with IANA.&lt;/p&gt=
;
+
+  &lt;!--
+   To: ietf-types at iana.org
+   Subject: Registration of media type text/cache-manifest
+  --&gt;
+
+  &lt;dl&gt;&lt;dt&gt;Type name:&lt;/dt&gt;
+   &lt;dd&gt;text&lt;/dd&gt;
+   &lt;dt&gt;Subtype name:&lt;/dt&gt;
+   &lt;dd&gt;cache-manifest&lt;/dd&gt;
+   &lt;dt&gt;Required parameters:&lt;/dt&gt;
+   &lt;dd&gt;No parameters&lt;/dd&gt;
+   &lt;dt&gt;Optional parameters:&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;dl&gt;&lt;dt&gt;&lt;code title=3D&quot;&quot;&gt;charset&lt;/cod=
e&gt;&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;The &lt;code title=3D&quot;&quot;&gt;charset&lt;/code&gt;=
 parameter may be provided. The parameter's value must be
+      &quot;&lt;code title=3D&quot;&quot;&gt;utf-8&lt;/code&gt;&quot;. T=
his parameter serves no purpose; it is only allowed for
+      compatibility with legacy servers.&lt;/p&gt;
+
+     &lt;/dd&gt;
+    &lt;/dl&gt;&lt;/dd&gt;
+   &lt;dt&gt;Encoding considerations:&lt;/dt&gt;
+   &lt;dd&gt;8bit (always UTF-8)&lt;/dd&gt;
+&lt;!--ADD-TOPIC:Security--&gt;
+   &lt;dt&gt;Security considerations:&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;Cache manifests themselves pose no immediate risk unless
+    sensitive information is included within the
+    manifest. Implementations, however, are required to follow
+    specific rules when populating a cache based on a cache manifest,
+    to ensure that certain origin-based restrictions are
+    honored. Failure to correctly implement these rules can result in
+    information leakage, cross-site scripting attacks, and the
+    like.&lt;/p&gt;
+   &lt;/dd&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+   &lt;dt&gt;Interoperability considerations:&lt;/dt&gt;
+   &lt;dd&gt;
+    Rules for processing both conforming and non-conforming content
+    are defined in this specification.
+   &lt;/dd&gt;
+   &lt;dt&gt;Published specification:&lt;/dt&gt;
+   &lt;dd&gt;
+    This document is the relevant specification.
+   &lt;/dd&gt;
+   &lt;dt&gt;Applications that use this media type:&lt;/dt&gt;
+   &lt;dd&gt;
+    Web browsers.
+   &lt;/dd&gt;
+   &lt;dt&gt;Additional information:&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;dl&gt;&lt;dt&gt;Magic number(s):&lt;/dt&gt;
+     &lt;dd&gt;Cache manifests begin with the string &quot;&lt;code titl=
e=3D&quot;&quot;&gt;CACHE
+     MANIFEST&lt;/code&gt;&quot;, followed by either a U+0020 SPACE char=
acter, a
+     U+0009 CHARACTER TABULATION (tab) character, a U+000A LINE FEED
+     (LF) character, or a U+000D CARRIAGE RETURN (CR) character.&lt;/dd&=
gt;
+     &lt;dt&gt;File extension(s):&lt;/dt&gt;
+     &lt;dd&gt;&quot;&lt;code title=3D&quot;&quot;&gt;appcache&lt;/code&=
gt;&quot;&lt;/dd&gt;
+     &lt;dt&gt;Macintosh file type code(s):&lt;/dt&gt;
+     &lt;dd&gt;No specific Macintosh file type codes are recommended for=
 this type.&lt;/dd&gt;
+    &lt;/dl&gt;&lt;/dd&gt;
+   &lt;dt&gt;Person &amp;amp; email address to contact for further infor=
mation:&lt;/dt&gt;
+   &lt;dd&gt;Ian Hickson &amp;lt;ian at hixie.ch&amp;gt;&lt;/dd&gt;
+   &lt;dt&gt;Intended usage:&lt;/dt&gt;
+   &lt;dd&gt;Common&lt;/dd&gt;
+   &lt;dt&gt;Restrictions on usage:&lt;/dt&gt;
+   &lt;dd&gt;No restrictions apply.&lt;/dd&gt;
+   &lt;dt&gt;Author:&lt;/dt&gt;
+   &lt;dd&gt;Ian Hickson &amp;lt;ian at hixie.ch&amp;gt;&lt;/dd&gt;
+   &lt;dt&gt;Change controller:&lt;/dt&gt;
+   &lt;dd&gt;W3C&lt;/dd&gt;
+  &lt;/dl&gt;&lt;p&gt;Fragment identifiers have no meaning with &lt;code=
&gt;&lt;a href=3D#text/cache-manifest&gt;text/cache-manifest&lt;/a&gt;&lt=
;/code&gt; resources.&lt;/p&gt;
+
+
+  &lt;h3 id=3Dtext/ping&gt;&lt;span class=3Dsecno&gt;16.6 &lt;/span&gt;&=
lt;dfn&gt;&lt;code&gt;text/ping&lt;/code&gt;&lt;/dfn&gt;&lt;/h3&gt;
+
+  &lt;p&gt;This registration is for community review and will be submitt=
ed to the IESG for review,
+  approval, and registration with IANA.&lt;/p&gt;
+
+  &lt;!--
+   To: ietf-types at iana.org
+   Subject: Registration of media type text/ping
+  --&gt;
+
+  &lt;dl&gt;&lt;dt&gt;Type name:&lt;/dt&gt;
+   &lt;dd&gt;text&lt;/dd&gt;
+   &lt;dt&gt;Subtype name:&lt;/dt&gt;
+   &lt;dd&gt;ping&lt;/dd&gt;
+   &lt;dt&gt;Required parameters:&lt;/dt&gt;
+   &lt;dd&gt;No parameters&lt;/dd&gt;
+   &lt;dt&gt;Optional parameters:&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;dl&gt;&lt;dt&gt;&lt;code title=3D&quot;&quot;&gt;charset&lt;/cod=
e&gt;&lt;/dt&gt;
+     &lt;dd&gt;
+
+      &lt;p&gt;The &lt;code title=3D&quot;&quot;&gt;charset&lt;/code&gt;=
 parameter may be provided. The parameter's value must be
+      &quot;&lt;code title=3D&quot;&quot;&gt;utf-8&lt;/code&gt;&quot;. T=
his parameter serves no purpose; it is only allowed for
+      compatibility with legacy servers.&lt;/p&gt;
+
+     &lt;/dd&gt;
+    &lt;/dl&gt;&lt;/dd&gt;
+   &lt;dt&gt;Encoding considerations:&lt;/dt&gt;
+   &lt;dd&gt;Not applicable.&lt;/dd&gt;
+&lt;!--ADD-TOPIC:Security--&gt;
+   &lt;dt&gt;Security considerations:&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;p&gt;If used exclusively in the fashion described in the context=
 of
+    &lt;a href=3D#hyperlink-auditing&gt;hyperlink auditing&lt;/a&gt;, th=
is type introduces no new
+    security concerns.&lt;/p&gt;
+   &lt;/dd&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+   &lt;dt&gt;Interoperability considerations:&lt;/dt&gt;
+   &lt;dd&gt;
+    Rules applicable to this type are defined in this specification.
+   &lt;/dd&gt;
+   &lt;dt&gt;Published specification:&lt;/dt&gt;
+   &lt;dd&gt;
+    This document is the relevant specification.
+   &lt;/dd&gt;
+   &lt;dt&gt;Applications that use this media type:&lt;/dt&gt;
+   &lt;dd&gt;
+    Web browsers.
+   &lt;/dd&gt;
+   &lt;dt&gt;Additional information:&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;dl&gt;&lt;dt&gt;Magic number(s):&lt;/dt&gt;
+     &lt;dd&gt;&lt;code&gt;&lt;a href=3D#text/ping&gt;text/ping&lt;/a&gt=
;&lt;/code&gt; resources always consist of the four
+     bytes 0x50 0x49 0x4E 0x47 (ASCII 'PING').&lt;/dd&gt;
+     &lt;dt&gt;File extension(s):&lt;/dt&gt;
+     &lt;dd&gt;No specific file extension is recommended for this type.&=
lt;/dd&gt;
+     &lt;dt&gt;Macintosh file type code(s):&lt;/dt&gt;
+     &lt;dd&gt;No specific Macintosh file type codes are recommended for=
 this type.&lt;/dd&gt;
+    &lt;/dl&gt;&lt;/dd&gt;
+   &lt;dt&gt;Person &amp;amp; email address to contact for further infor=
mation:&lt;/dt&gt;
+   &lt;dd&gt;Ian Hickson &amp;lt;ian at hixie.ch&amp;gt;&lt;/dd&gt;
+   &lt;dt&gt;Intended usage:&lt;/dt&gt;
+   &lt;dd&gt;Common&lt;/dd&gt;
+   &lt;dt&gt;Restrictions on usage:&lt;/dt&gt;
+   &lt;dd&gt;Only intended for use with HTTP POST requests generated as =
part
+   of a Web browser's processing of the &lt;code title=3Dattr-hyperlink-=
ping&gt;&lt;a href=3D#ping&gt;ping&lt;/a&gt;&lt;/code&gt; attribute.&lt;/=
dd&gt;
+   &lt;dt&gt;Author:&lt;/dt&gt;
+   &lt;dd&gt;Ian Hickson &amp;lt;ian at hixie.ch&amp;gt;&lt;/dd&gt;
+   &lt;dt&gt;Change controller:&lt;/dt&gt;
+   &lt;dd&gt;W3C&lt;/dd&gt;
+  &lt;/dl&gt;&lt;p&gt;Fragment identifiers have no meaning with &lt;code=
&gt;&lt;a href=3D#text/ping&gt;text/ping&lt;/a&gt;&lt;/code&gt; resources=
.&lt;/p&gt;
+
+
+&lt;!--TOPIC:Microdata--&gt;
+  &lt;h3 id=3Dapplication/microdata+json&gt;&lt;span class=3Dsecno&gt;16=
.7 &lt;/span&gt;&lt;dfn&gt;&lt;code&gt;application/microdata+json&lt;/cod=
e&gt;&lt;/dfn&gt;&lt;/h3&gt;
+
+  &lt;p&gt;This registration is for community review and will be submitt=
ed to the IESG for review,
+  approval, and registration with IANA.&lt;/p&gt;
+
+  &lt;!--
+   To: ietf-types at iana.org
+   Subject: Registration of media type application/microdata+json
+  --&gt;
+
+  &lt;dl&gt;&lt;dt&gt;Type name:&lt;/dt&gt;
+   &lt;dd&gt;application&lt;/dd&gt;
+   &lt;dt&gt;Subtype name:&lt;/dt&gt;
+   &lt;dd&gt;microdata+json&lt;/dd&gt;
+   &lt;dt&gt;Required parameters:&lt;/dt&gt;
+   &lt;dd&gt;Same as for &lt;code&gt;application/json&lt;/code&gt; &lt;a=
 href=3D#refsJSON&gt;[JSON]&lt;/a&gt;&lt;/dd&gt;
+   &lt;dt&gt;Optional parameters:&lt;/dt&gt;
+   &lt;dd&gt;Same as for &lt;code&gt;application/json&lt;/code&gt; &lt;a=
 href=3D#refsJSON&gt;[JSON]&lt;/a&gt;&lt;/dd&gt;
+   &lt;dt&gt;Encoding considerations:&lt;/dt&gt;
+   &lt;dd&gt;8bit (always UTF-8)&lt;/dd&gt;
+&lt;!--ADD-TOPIC:Security--&gt;
+   &lt;dt&gt;Security considerations:&lt;/dt&gt;
+   &lt;dd&gt;Same as for &lt;code&gt;application/json&lt;/code&gt; &lt;a=
 href=3D#refsJSON&gt;[JSON]&lt;/a&gt;&lt;/dd&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+   &lt;dt&gt;Interoperability considerations:&lt;/dt&gt;
+   &lt;dd&gt;Same as for &lt;code&gt;application/json&lt;/code&gt; &lt;a=
 href=3D#refsJSON&gt;[JSON]&lt;/a&gt;&lt;/dd&gt;
+   &lt;dt&gt;Published specification:&lt;/dt&gt;
+   &lt;dd&gt;
+
+    Labeling a resource with the &lt;code&gt;&lt;a href=3D#application/m=
icrodata+json&gt;application/microdata+json&lt;/a&gt;&lt;/code&gt; type a=
sserts that the
+    resource is a JSON text that consists of an object with a single ent=
ry called &quot;&lt;code title=3D&quot;&quot;&gt;items&lt;/code&gt;&quot;=
 consisting of an array of entries, each of which consists of an object
+    with an entry called &quot;&lt;code title=3D&quot;&quot;&gt;id&lt;/c=
ode&gt;&quot; whose value is a string, an entry called &quot;&lt;code tit=
le=3D&quot;&quot;&gt;type&lt;/code&gt;&quot; whose value is another strin=
g, and an entry called &quot;&lt;code title=3D&quot;&quot;&gt;properties&=
lt;/code&gt;&quot; whose value is an object whose entries each have a val=
ue consisting
+    of an array of either objects or strings, the objects being of the s=
ame form as the objects in
+    the aforementioned &quot;&lt;code title=3D&quot;&quot;&gt;items&lt;/=
code&gt;&quot; entry. Thus, the relevant specifications are
+    the JSON specification and this specification. &lt;a href=3D#refsJSO=
N&gt;[JSON]&lt;/a&gt;
+
+   &lt;/dd&gt;
+   &lt;dt&gt;Applications that use this media type:&lt;/dt&gt;
+   &lt;dd&gt;
+
+    &lt;p&gt;Applications that transfer data intended for use with HTML'=
s microdata feature, especially in
+    the context of drag-and-drop, are the primary application class for =
this type.&lt;/p&gt;
+
+   &lt;/dd&gt;
+   &lt;dt&gt;Additional information:&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;dl&gt;&lt;dt&gt;Magic number(s):&lt;/dt&gt;
+     &lt;dd&gt;Same as for &lt;code&gt;application/json&lt;/code&gt; &lt=
;a href=3D#refsJSON&gt;[JSON]&lt;/a&gt;&lt;/dd&gt;
+     &lt;dt&gt;File extension(s):&lt;/dt&gt;
+     &lt;dd&gt;Same as for &lt;code&gt;application/json&lt;/code&gt; &lt=
;a href=3D#refsJSON&gt;[JSON]&lt;/a&gt;&lt;/dd&gt;
+     &lt;dt&gt;Macintosh file type code(s):&lt;/dt&gt;
+     &lt;dd&gt;Same as for &lt;code&gt;application/json&lt;/code&gt; &lt=
;a href=3D#refsJSON&gt;[JSON]&lt;/a&gt;&lt;/dd&gt;
+    &lt;/dl&gt;&lt;/dd&gt;
+   &lt;dt&gt;Person &amp;amp; email address to contact for further infor=
mation:&lt;/dt&gt;
+   &lt;dd&gt;Ian Hickson &amp;lt;ian at hixie.ch&amp;gt;&lt;/dd&gt;
+   &lt;dt&gt;Intended usage:&lt;/dt&gt;
+   &lt;dd&gt;Common&lt;/dd&gt;
+   &lt;dt&gt;Restrictions on usage:&lt;/dt&gt;
+   &lt;dd&gt;No restrictions apply.&lt;/dd&gt;
+   &lt;dt&gt;Author:&lt;/dt&gt;
+   &lt;dd&gt;Ian Hickson &amp;lt;ian at hixie.ch&amp;gt;&lt;/dd&gt;
+   &lt;dt&gt;Change controller:&lt;/dt&gt;
+   &lt;dd&gt;W3C&lt;/dd&gt;
+  &lt;/dl&gt;&lt;p&gt;Fragment identifiers used with &lt;code&gt;&lt;a h=
ref=3D#application/microdata+json&gt;application/microdata+json&lt;/a&gt;=
&lt;/code&gt; resources have the same
+  semantics as when used with &lt;code&gt;application/json&lt;/code&gt; =
(namely, at the time of writing, no
+  semantics at all). &lt;a href=3D#refsJSON&gt;[JSON]&lt;/a&gt;&lt;/p&gt=
;
+
+
+&lt;!--TOPIC:HTML--&gt;
+  &lt;h3 id=3Dping-from&gt;&lt;span class=3Dsecno&gt;16.8 &lt;/span&gt;&=
lt;dfn title=3Dhttp-ping-from&gt;&lt;code&gt;Ping-From&lt;/code&gt;&lt;/d=
fn&gt;&lt;/h3&gt;
+
+  &lt;p&gt;This section describes a header for registration in the Perma=
nent Message Header Field
+  Registry. &lt;a href=3D#refsRFC3864&gt;[RFC3864]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;Header field name:&lt;/dt&gt;
+   &lt;dd&gt;Ping-From&lt;/dd&gt;
+   &lt;dt&gt;Applicable protocol:&lt;/dt&gt;
+   &lt;dd&gt;http&lt;/dd&gt;
+   &lt;dt&gt;Status:&lt;/dt&gt;
+   &lt;dd&gt;standard&lt;/dd&gt;
+   &lt;dt&gt;Author/Change controller:&lt;/dt&gt;
+   &lt;dd&gt;W3C&lt;/dd&gt;
+   &lt;dt&gt;Specification document(s):&lt;/dt&gt;
+   &lt;dd&gt;
+    This document is the relevant specification.
+   &lt;/dd&gt;
+   &lt;dt&gt;Related information:&lt;/dt&gt;
+   &lt;dd&gt;None.&lt;/dd&gt;
+  &lt;/dl&gt;&lt;h3 id=3Dping-to&gt;&lt;span class=3Dsecno&gt;16.9 &lt;/=
span&gt;&lt;dfn title=3Dhttp-ping-to&gt;&lt;code&gt;Ping-To&lt;/code&gt;&=
lt;/dfn&gt;&lt;/h3&gt;
+
+  &lt;p&gt;This section describes a header for registration in the Perma=
nent Message Header Field
+  Registry. &lt;a href=3D#refsRFC3864&gt;[RFC3864]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;Header field name:&lt;/dt&gt;
+   &lt;dd&gt;Ping-To&lt;/dd&gt;
+   &lt;dt&gt;Applicable protocol:&lt;/dt&gt;
+   &lt;dd&gt;http&lt;/dd&gt;
+   &lt;dt&gt;Status:&lt;/dt&gt;
+   &lt;dd&gt;standard&lt;/dd&gt;
+   &lt;dt&gt;Author/Change controller:&lt;/dt&gt;
+   &lt;dd&gt;W3C&lt;/dd&gt;
+   &lt;dt&gt;Specification document(s):&lt;/dt&gt;
+   &lt;dd&gt;
+    This document is the relevant specification.
+   &lt;/dd&gt;
+   &lt;dt&gt;Related information:&lt;/dt&gt;
+   &lt;dd&gt;None.&lt;/dd&gt;
+  &lt;/dl&gt;&lt;h3 id=3Dweb+-scheme-prefix&gt;&lt;span class=3Dsecno&gt=
;16.10 &lt;/span&gt;&lt;dfn title=3Dscheme-web&gt;&lt;code&gt;web+&lt;/co=
de&gt; scheme prefix&lt;/dfn&gt;&lt;/h3&gt;
+
+  &lt;p&gt;This section describes a convention for use with the IANA URI=
 scheme registry. It does not
+  itself register a specific scheme. &lt;a href=3D#refsRFC4395&gt;[RFC43=
95]&lt;/a&gt;&lt;/p&gt;
+
+  &lt;dl&gt;&lt;dt&gt;URI scheme name:&lt;/dt&gt;
+   &lt;dd&gt;
+    Schemes starting with the four characters &quot;&lt;code title=3D&qu=
ot;&quot;&gt;web+&lt;/code&gt;&quot; followed by one or more letters in t=
he range
+    &lt;code title=3D&quot;&quot;&gt;a&lt;/code&gt;-&lt;code title=3D&qu=
ot;&quot;&gt;z&lt;/code&gt;.
+   &lt;/dd&gt;
+   &lt;dt&gt;Status:&lt;/dt&gt;
+   &lt;dd&gt;permanent&lt;/dd&gt;
+   &lt;dt&gt;URI scheme syntax:&lt;/dt&gt;
+   &lt;dd&gt;Scheme-specific.&lt;/dd&gt;
+   &lt;dt&gt;URI scheme semantics:&lt;/dt&gt;
+   &lt;dd&gt;Scheme-specific.&lt;/dd&gt;
+   &lt;dt&gt;Encoding considerations:&lt;/dt&gt;
+   &lt;dd&gt;All &quot;&lt;code title=3D&quot;&quot;&gt;web+&lt;/code&gt=
;&quot; schemes should use UTF-8 encodings where relevant.&lt;/dd&gt;
+   &lt;dt&gt;Applications/protocols that use this URI scheme name:&lt;/d=
t&gt;
+   &lt;dd&gt;Scheme-specific.&lt;/dd&gt;
+   &lt;dt&gt;Interoperability considerations:&lt;/dt&gt;
+   &lt;dd&gt;The scheme is expected to be used in the context of Web app=
lications.&lt;/dd&gt;
+&lt;!--ADD-TOPIC:Security--&gt;
+   &lt;dt&gt;Security considerations:&lt;/dt&gt;
+   &lt;dd&gt;
+
+    Any Web page is able to register a handler for all &quot;&lt;code ti=
tle=3D&quot;&quot;&gt;web+&lt;/code&gt;&quot; schemes. As
+    such, these schemes must not be used for features intended to be cor=
e platform features (e.g.
+    network transfer protocols like HTTP or FTP). Similarly, such scheme=
s must not store
+    confidential information in their URLs, such as usernames, passwords=
, personal information, or
+    confidential project names.
+
+   &lt;/dd&gt;
+&lt;!--REMOVE-TOPIC:Security--&gt;
+   &lt;dt&gt;Contact:&lt;/dt&gt;
+   &lt;dd&gt;Ian Hickson &amp;lt;ian at hixie.ch&amp;gt;&lt;/dd&gt;
+   &lt;dt&gt;Author/Change controller:&lt;/dt&gt;
+   &lt;dd&gt;Ian Hickson &amp;lt;ian at hixie.ch&amp;gt;&lt;/dd&gt;
+   &lt;dt&gt;References:&lt;/dt&gt;
+   &lt;dd&gt;
+    &lt;cite&gt;Custom scheme and content handlers&lt;/cite&gt;, HTML Li=
ving Standard:
+    &lt;a href=3D#custom-handlers&gt;http://www.whatwg.org/specs/web-app=
s/current-work/#custom-handlers&lt;/a&gt;
+   &lt;/dd&gt;
+  &lt;/dl&gt;&lt;h2 class=3Dno-num id=3Dindex&gt;Index&lt;/h2&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;The following sections only cover conforming elements and fea=
tures.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;h3 class=3Dno-num id=3Delements-1&gt;Elements&lt;/h3&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;!-- XXX this index doesn't list the palpable elements --&gt;
+
+  &lt;table&gt;&lt;caption&gt;List of elements&lt;/caption&gt;
+   &lt;thead&gt;&lt;tr&gt;&lt;th&gt; Element
+     &lt;th&gt; Description
+     &lt;th&gt; Categories
+     &lt;th&gt; Parents&amp;dagger;
+     &lt;th&gt; Children
+     &lt;th&gt; Attributes
+     &lt;th&gt; Interface
+   &lt;tbody&gt;&lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-a-elem=
ent&gt;a&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Hyperlink&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;*;
+         &lt;a href=3D#interactive-content title=3D&quot;Interactive con=
tent&quot;&gt;interactive&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#transparent&gt;transparent&lt;/a&gt;*&lt;/t=
d&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-hyperlink-href&gt;&lt;a href=3D#attr-hype=
rlink-href&gt;href&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-hyperlink-target&gt;&lt;a href=3D#attr-hy=
perlink-target&gt;target&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-hyperlink-download&gt;&lt;a href=3D#attr-=
hyperlink-download&gt;download&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-hyperlink-ping&gt;&lt;a href=3D#ping&gt;p=
ing&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-hyperlink-rel&gt;&lt;a href=3D#attr-hyper=
link-rel&gt;rel&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-hyperlink-hreflang&gt;&lt;a href=3D#attr-=
hyperlink-hreflang&gt;hreflang&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-hyperlink-type&gt;&lt;a href=3D#attr-hype=
rlink-type&gt;type&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlanchorelement&gt;HTMLAnchor=
Element&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-abbr-element&gt;ab=
br&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Abbreviation&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-address-element&gt=
;address&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Contact information for a page or &lt;code&gt;&lt;a href=3D=
#the-article-element&gt;article&lt;/a&gt;&lt;/code&gt; element&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-area-element&gt;ar=
ea&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Hyperlink or dead area on an image map&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;empty&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-area-alt&gt;&lt;a href=3D#attr-area-alt&g=
t;alt&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-area-coords&gt;&lt;a href=3D#attr-area-co=
ords&gt;coords&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-area-shape&gt;&lt;a href=3D#attr-area-sha=
pe&gt;shape&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-hyperlink-href&gt;&lt;a href=3D#attr-hype=
rlink-href&gt;href&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-hyperlink-target&gt;&lt;a href=3D#attr-hy=
perlink-target&gt;target&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-hyperlink-download&gt;&lt;a href=3D#attr-=
hyperlink-download&gt;download&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-hyperlink-ping&gt;&lt;a href=3D#ping&gt;p=
ing&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-hyperlink-rel&gt;&lt;a href=3D#attr-hyper=
link-rel&gt;rel&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-hyperlink-hreflang&gt;&lt;a href=3D#attr-=
hyperlink-hreflang&gt;hreflang&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-hyperlink-type&gt;&lt;a href=3D#attr-hype=
rlink-type&gt;type&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlareaelement&gt;HTMLAreaElem=
ent&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-article-element&gt=
;article&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Self-contained syndicatable or reusable composition&lt;/t=
d&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#sectioning-content title=3D&quot;Sectioning conte=
nt&quot;&gt;sectioning&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-aside-element&gt;a=
side&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Sidebar for tangentially related content&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#sectioning-content title=3D&quot;Sectioning conte=
nt&quot;&gt;sectioning&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-audio-element&gt;a=
udio&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Audio player&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;;
+         &lt;a href=3D#embedded-content title=3D&quot;Embedded content&q=
uot;&gt;embedded&lt;/a&gt;;
+         &lt;a href=3D#interactive-content title=3D&quot;Interactive con=
tent&quot;&gt;interactive&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-source-element&gt;source&lt=
;/a&gt;&lt;/code&gt;*;
+         &lt;a href=3D#transparent&gt;transparent&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-media-src&gt;&lt;a href=3D#attr-media-src=
&gt;src&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-media-crossorigin&gt;&lt;a href=3D#attr-m=
edia-crossorigin&gt;crossorigin&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-media-preload&gt;&lt;a href=3D#attr-media=
-preload&gt;preload&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-media-autoplay&gt;&lt;a href=3D#attr-medi=
a-autoplay&gt;autoplay&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-media-mediagroup&gt;&lt;a href=3D#attr-me=
dia-mediagroup&gt;mediagroup&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-media-loop&gt;&lt;a href=3D#attr-media-lo=
op&gt;loop&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-media-muted&gt;&lt;a href=3D#attr-media-m=
uted&gt;muted&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-media-controls&gt;&lt;a href=3D#attr-medi=
a-controls&gt;controls&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlaudioelement&gt;HTMLAudioEl=
ement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;=
/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Keywords&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-base-element&gt;ba=
se&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Base URL and default target &lt;a href=3D#browsing-contex=
t&gt;browsing context&lt;/a&gt; for &lt;a href=3D#attr-hyperlink-target t=
itle=3Dattr-hyperlink-target&gt;hyperlinks&lt;/a&gt; and &lt;a href=3D#at=
tr-fs-target title=3Dattr-fs-target&gt;forms&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#metadata-content title=3D&quot;Metadata con=
tent&quot;&gt;metadata&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&=
gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;empty&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-base-href&gt;&lt;a href=3D#attr-base-href=
&gt;href&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-base-target&gt;&lt;a href=3D#attr-base-ta=
rget&gt;target&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlbaseelement&gt;HTMLBaseElem=
ent&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-bdi-element&gt;bdi=
&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Text directionality isolation&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-bdo-element&gt;bdo=
&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Text directionality formatting&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-blockquote-element=
&gt;blockquote&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;A section quoted from another source&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#sectioning-root title=3D&quot;Sectioning root&quo=
t;&gt;sectioning root&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-blockquote-cite&gt;&lt;a href=3D#attr-blo=
ckquote-cite&gt;cite&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlquoteelement&gt;HTMLQuoteEl=
ement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-body-element&gt;bo=
dy&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Document body&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#sectioning-root title=3D&quot;Sectioning ro=
ot&quot;&gt;sectioning root&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&=
gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dhandler-window-onafterprint&gt;&lt;a href=3D#h=
andler-window-onafterprint&gt;onafterprint&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dhandler-window-onbeforeprint&gt;&lt;a href=3D#=
handler-window-onbeforeprint&gt;onbeforeprint&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dhandler-window-onbeforeunload&gt;&lt;a href=3D=
#handler-window-onbeforeunload&gt;onbeforeunload&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dhandler-window-onhashchange&gt;&lt;a href=3D#h=
andler-window-onhashchange&gt;onhashchange&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dhandler-window-onmessage&gt;&lt;a href=3D#hand=
ler-window-onmessage&gt;onmessage&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dhandler-window-onoffline&gt;&lt;a href=3D#hand=
ler-window-onoffline&gt;onoffline&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dhandler-window-ononline&gt;&lt;a href=3D#handl=
er-window-ononline&gt;ononline&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dhandler-window-onpagehide&gt;&lt;a href=3D#han=
dler-window-onpagehide&gt;onpagehide&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dhandler-window-onpageshow&gt;&lt;a href=3D#han=
dler-window-onpageshow&gt;onpageshow&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dhandler-window-onpopstate&gt;&lt;a href=3D#han=
dler-window-onpopstate&gt;onpopstate&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dhandler-window-onresize&gt;&lt;a href=3D#handl=
er-window-onresize&gt;onresize&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dhandler-window-onstorage&gt;&lt;a href=3D#hand=
ler-window-onstorage&gt;onstorage&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dhandler-window-onunload&gt;&lt;a href=3D#handl=
er-window-onunload&gt;onunload&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlbodyelement&gt;HTMLBodyElem=
ent&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-br-element&gt;br&l=
t;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Line break, e.g. in poem or postal address&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;empty&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlbrelement&gt;HTMLBRElement&=
lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-button-element&gt;=
button&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Button control&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;;
+         &lt;a href=3D#interactive-content title=3D&quot;Interactive con=
tent&quot;&gt;interactive&lt;/a&gt;;
+         &lt;a href=3D#category-listed title=3Dcategory-listed&gt;listed=
&lt;/a&gt;;
+         &lt;a href=3D#category-label title=3Dcategory-label&gt;labelabl=
e&lt;/a&gt;;
+         &lt;a href=3D#category-submit title=3Dcategory-submit&gt;submit=
table&lt;/a&gt;;
+         &lt;a href=3D#category-form-attr title=3Dcategory-form-attr&gt;=
reassociateable&lt;/a&gt;;
+         &lt;a href=3D#form-associated-element title=3D&quot;Form-associ=
ated element&quot;&gt;form-associated&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr-fe-aut=
ofocus&gt;autofocus&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fe-disabled&gt;&lt;a href=3D#attr-fe-disa=
bled&gt;disabled&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-form&g=
t;form&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fs-formaction&gt;&lt;a href=3D#attr-fs-fo=
rmaction&gt;formaction&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fs-formenctype&gt;&lt;a href=3D#attr-fs-f=
ormenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fs-formmethod&gt;&lt;a href=3D#attr-fs-fo=
rmmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fs-formnovalidate&gt;&lt;a href=3D#attr-f=
s-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fs-formtarget&gt;&lt;a href=3D#attr-fs-fo=
rmtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-button-menu&gt;&lt;a href=3D#attr-button-=
menu&gt;menu&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt;=
name&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-button-type&gt;&lt;a href=3D#attr-button-=
type&gt;type&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-button-value&gt;&lt;a href=3D#attr-button=
-value&gt;value&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlbuttonelement&gt;HTMLButton=
Element&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-canvas-element&gt;=
canvas&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Scriptable bitmap canvas&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;;
+         &lt;a href=3D#embedded-content title=3D&quot;Embedded content&q=
uot;&gt;embedded&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#transparent&gt;transparent&lt;/a&gt;&lt;/td=
&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-canvas-width&gt;&lt;a href=3D#attr-canvas=
-width&gt;width&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-canvas-height&gt;&lt;a href=3D#attr-canva=
s-height&gt;height&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlcanvaselement&gt;HTMLCanvas=
Element&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-caption-element&gt=
;caption&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Table caption&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/=
a&gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmltablecaptionelement&gt;HTML=
TableCaptionElement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-cite-element&gt;ci=
te&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Title of a work&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-code-element&gt;co=
de&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Computer code&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-col-element&gt;col=
&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Table column&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgrou=
p&lt;/a&gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;empty&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-col-span&gt;&lt;a href=3D#attr-col-span&g=
t;span&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmltablecolelement&gt;HTMLTabl=
eColElement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-colgroup-element&g=
t;colgroup&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Group of columns in a table&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/=
a&gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-col-element&gt;col&lt;/a&gt=
;&lt;/code&gt;*;
+         &lt;a href=3D#script-supporting-elements&gt;script-supporting e=
lements&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-colgroup-span&gt;&lt;a href=3D#attr-colgr=
oup-span&gt;span&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmltablecolelement&gt;HTMLTabl=
eColElement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-data-element&gt;da=
ta&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Machine-readable equivalent&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-data-value&gt;&lt;a href=3D#attr-data-val=
ue&gt;value&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmldataelement&gt;HTMLDataElem=
ent&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-datalist-element&g=
t;datalist&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Container for options for &lt;a href=3D#attr-input-list t=
itle=3Dattr-input-list&gt;combo box control&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;;
+         &lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt;/a&gt=
;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmldatalistelement&gt;HTMLData=
ListElement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-dd-element&gt;dd&l=
t;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Content for corresponding &lt;code&gt;&lt;a href=3D#the-d=
t-element&gt;dt&lt;/a&gt;&lt;/code&gt; element(s)&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-dl-element&gt;dl&lt;/a&gt;&=
lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-del-element&gt;del=
&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;A removal from the document&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#transparent&gt;transparent&lt;/a&gt;&lt;/td=
&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-mod-cite&gt;&lt;a href=3D#attr-mod-cite&g=
t;cite&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-mod-datetime&gt;&lt;a href=3D#attr-mod-da=
tetime&gt;datetime&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlmodelement&gt;HTMLModElemen=
t&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-details-element&gt=
;details&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Disclosure control for hiding details&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#sectioning-root title=3D&quot;Sectioning root&quo=
t;&gt;sectioning root&lt;/a&gt;;
+         &lt;a href=3D#interactive-content title=3D&quot;Interactive con=
tent&quot;&gt;interactive&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-summary-element&gt;summary&=
lt;/a&gt;&lt;/code&gt;*;
+         &lt;a href=3D#flow-content title=3D&quot;Flow content&quot;&gt;=
flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-details-open&gt;&lt;a href=3D#attr-detail=
s-open&gt;open&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmldetailselement&gt;HTMLDetai=
lsElement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-dfn-element&gt;dfn=
&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Defining instance&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-dialog-element&gt;=
dialog&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Dialog box or window&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#sectioning-root title=3D&quot;Sectioning root&quo=
t;&gt;sectioning root&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-dialog-open&gt;&lt;a href=3D#attr-dialog-=
open&gt;open&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmldialogelement&gt;HTMLDialog=
Element&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-div-element&gt;div=
&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Generic flow container&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmldivelement&gt;HTMLDivElemen=
t&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-dl-element&gt;dl&l=
t;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Association list consisting of zero or more name-value gr=
oups&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-dt-element&gt;dt&lt;/a&gt;&=
lt;/code&gt;*;
+         &lt;code&gt;&lt;a href=3D#the-dd-element&gt;dd&lt;/a&gt;&lt;/co=
de&gt;*;
+         &lt;a href=3D#script-supporting-elements&gt;script-supporting e=
lements&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmldlistelement&gt;HTMLDListEl=
ement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-dt-element&gt;dt&l=
t;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Legend for corresponding &lt;code&gt;&lt;a href=3D#the-dd=
-element&gt;dd&lt;/a&gt;&lt;/code&gt; element(s)&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-dl-element&gt;dl&lt;/a&gt;&=
lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-em-element&gt;em&l=
t;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Stress emphasis&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-embed-element&gt;e=
mbed&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;&lt;a href=3D#plugin&gt;Plugin&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;;
+         &lt;a href=3D#embedded-content title=3D&quot;Embedded content&q=
uot;&gt;embedded&lt;/a&gt;;
+         &lt;a href=3D#interactive-content title=3D&quot;Interactive con=
tent&quot;&gt;interactive&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;empty&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-embed-src&gt;&lt;a href=3D#attr-embed-src=
&gt;src&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-embed-type&gt;&lt;a href=3D#attr-embed-ty=
pe&gt;type&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-dim-width&gt;&lt;a href=3D#attr-dim-width=
&gt;width&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-dim-height&gt;&lt;a href=3D#attr-dim-heig=
ht&gt;height&lt;/a&gt;&lt;/code&gt;;
+         any*&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlembedelement&gt;HTMLEmbedEl=
ement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-fieldset-element&g=
t;fieldset&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Group of form controls&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#sectioning-root title=3D&quot;Sectioning root&quo=
t;&gt;sectioning root&lt;/a&gt;;
+         &lt;a href=3D#category-listed title=3Dcategory-listed&gt;listed=
&lt;/a&gt;;
+         &lt;a href=3D#category-form-attr title=3Dcategory-form-attr&gt;=
reassociateable&lt;/a&gt;;
+         &lt;a href=3D#form-associated-element title=3D&quot;Form-associ=
ated element&quot;&gt;form-associated&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-legend-element&gt;legend&lt=
;/a&gt;&lt;/code&gt;*;
+         &lt;a href=3D#flow-content title=3D&quot;Flow content&quot;&gt;=
flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-fieldset-disabled&gt;&lt;a href=3D#attr-f=
ieldset-disabled&gt;disabled&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-form&g=
t;form&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt;=
name&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlfieldsetelement&gt;HTMLFiel=
dSetElement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-figcaption-element=
&gt;figcaption&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Caption for &lt;code&gt;&lt;a href=3D#the-figure-element&=
gt;figure&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-figure-element&gt;figure&lt=
;/a&gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-figure-element&gt;=
figure&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Figure with optional caption&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#sectioning-root title=3D&quot;Sectioning root&quo=
t;&gt;sectioning root&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-figcaption-element&gt;figca=
ption&lt;/a&gt;&lt;/code&gt;*;
+         &lt;a href=3D#flow-content title=3D&quot;Flow content&quot;&gt;=
flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-footer-element&gt;=
footer&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Footer for a page or section&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-form-element&gt;fo=
rm&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;User-submittable form&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-form-accept-charset&gt;&lt;a href=3D#attr=
-form-accept-charset&gt;accept-charset&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fs-action&gt;&lt;a href=3D#attr-fs-action=
&gt;action&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-form-autocomplete&gt;&lt;a href=3D#attr-f=
orm-autocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fs-enctype&gt;&lt;a href=3D#attr-fs-encty=
pe&gt;enctype&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fs-method&gt;&lt;a href=3D#attr-fs-method=
&gt;method&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-form-name&gt;&lt;a href=3D#attr-form-name=
&gt;name&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fs-novalidate&gt;&lt;a href=3D#attr-fs-no=
validate&gt;novalidate&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fs-target&gt;&lt;a href=3D#attr-fs-target=
&gt;target&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlformelement&gt;HTMLFormElem=
ent&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5=
,-and-h6-elements&gt;h1&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D=
#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h2&lt;/a&gt;&lt;/code&gt;, &l=
t;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h3&lt;=
/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-an=
d-h6-elements&gt;h4&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the=
-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h5&lt;/a&gt;&lt;/code&gt;, &lt;co=
de&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h6&lt;/a&g=
t;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Section heading&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#heading-content title=3D&quot;Heading content&quo=
t;&gt;heading&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-hgroup-element&gt;hgroup&lt=
;/a&gt;&lt;/code&gt;;
+         &lt;a href=3D#flow-content title=3D&quot;Flow content&quot;&gt;=
flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlheadingelement&gt;HTMLHeadi=
ngElement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;he=
ad&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Container for document metadata&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-html-element&gt;html&lt;/a&=
gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#metadata-content title=3D&quot;Metadata con=
tent&quot;&gt;metadata content&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlheadelement&gt;HTMLHeadElem=
ent&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-header-element&gt;=
header&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Introductory or navigational aids for a page or section&l=
t;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-hgroup-element&gt;=
hgroup&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;heading group&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#heading-content title=3D&quot;Heading content&quo=
t;&gt;heading&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;One or more &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,=
-h5,-and-h6-elements&gt;h1&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=
=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h2&lt;/a&gt;&lt;/code&gt;,=
 &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h3&=
lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,=
-and-h6-elements&gt;h4&lt;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#=
the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h5&lt;/a&gt;&lt;/code&gt;, &lt=
;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&gt;h6&lt;/=
a&gt;&lt;/code&gt;, and &lt;a href=3D#script-supporting-elements&gt;scrip=
t-supporting elements&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-hr-element&gt;hr&l=
t;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Thematic break&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;empty&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlhrelement&gt;HTMLHRElement&=
lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-html-element&gt;ht=
ml&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Root element&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;none*&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&=
gt;&lt;/code&gt;*;
+         &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt=
;/code&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-html-manifest&gt;&lt;a href=3D#attr-html-=
manifest&gt;manifest&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlhtmlelement&gt;HTMLHtmlElem=
ent&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-i-element&gt;i&lt;=
/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Alternate voice&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-iframe-element&gt;=
iframe&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;&lt;a href=3D#nested-browsing-context&gt;Nested browsing =
context&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;;
+         &lt;a href=3D#embedded-content title=3D&quot;Embedded content&q=
uot;&gt;embedded&lt;/a&gt;;
+         &lt;a href=3D#interactive-content title=3D&quot;Interactive con=
tent&quot;&gt;interactive&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;text*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-iframe-src&gt;&lt;a href=3D#attr-iframe-s=
rc&gt;src&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-iframe-srcdoc&gt;&lt;a href=3D#attr-ifram=
e-srcdoc&gt;srcdoc&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-iframe-name&gt;&lt;a href=3D#attr-iframe-=
name&gt;name&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-iframe-sandbox&gt;&lt;a href=3D#attr-ifra=
me-sandbox&gt;sandbox&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-iframe-seamless&gt;&lt;a href=3D#attr-ifr=
ame-seamless&gt;seamless&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-iframe-allowfullscreen&gt;&lt;a href=3D#a=
ttr-iframe-allowfullscreen&gt;allowfullscreen&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-dim-width&gt;&lt;a href=3D#attr-dim-width=
&gt;width&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-dim-height&gt;&lt;a href=3D#attr-dim-heig=
ht&gt;height&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmliframeelement&gt;HTMLIFrame=
Element&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-img-element&gt;img=
&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Image&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;;
+         &lt;a href=3D#embedded-content title=3D&quot;Embedded content&q=
uot;&gt;embedded&lt;/a&gt;;
+         &lt;a href=3D#interactive-content title=3D&quot;Interactive con=
tent&quot;&gt;interactive&lt;/a&gt;*;
+         &lt;a href=3D#form-associated-element title=3D&quot;Form-associ=
ated element&quot;&gt;form-associated&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;empty&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-img-alt&gt;&lt;a href=3D#attr-img-alt&gt;=
alt&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-img-src&gt;&lt;a href=3D#attr-img-src&gt;=
src&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-img-srcset&gt;&lt;a href=3D#attr-img-srcs=
et&gt;srcset&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-img-crossorigin&gt;&lt;a href=3D#attr-img=
-crossorigin&gt;crossorigin&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-hyperlink-usemap&gt;&lt;a href=3D#attr-hy=
perlink-usemap&gt;usemap&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-img-ismap&gt;&lt;a href=3D#attr-img-ismap=
&gt;ismap&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-dim-width&gt;&lt;a href=3D#attr-dim-width=
&gt;width&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-dim-height&gt;&lt;a href=3D#attr-dim-heig=
ht&gt;height&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlimageelement&gt;HTMLImageEl=
ement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-input-element&gt;i=
nput&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Form control&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;;
+         &lt;a href=3D#interactive-content title=3D&quot;Interactive con=
tent&quot;&gt;interactive&lt;/a&gt;*;
+         &lt;a href=3D#category-listed title=3Dcategory-listed&gt;listed=
&lt;/a&gt;;
+         &lt;a href=3D#category-label title=3Dcategory-label&gt;labelabl=
e&lt;/a&gt;;
+         &lt;a href=3D#category-submit title=3Dcategory-submit&gt;submit=
table&lt;/a&gt;;
+         &lt;a href=3D#category-reset title=3Dcategory-reset&gt;resettab=
le&lt;/a&gt;;
+         &lt;a href=3D#category-form-attr title=3Dcategory-form-attr&gt;=
reassociateable&lt;/a&gt;;
+         &lt;a href=3D#form-associated-element title=3D&quot;Form-associ=
ated element&quot;&gt;form-associated&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;empty&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-input-accept&gt;&lt;a href=3D#attr-input-=
accept&gt;accept&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-input-alt&gt;&lt;a href=3D#attr-input-alt=
&gt;alt&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe-=
autocomplete&gt;autocomplete&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr-fe-aut=
ofocus&gt;autofocus&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-input-checked&gt;&lt;a href=3D#attr-input=
-checked&gt;checked&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fe-dirname&gt;&lt;a href=3D#attr-fe-dirna=
me&gt;dirname&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fe-disabled&gt;&lt;a href=3D#attr-fe-disa=
bled&gt;disabled&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-form&g=
t;form&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fs-formaction&gt;&lt;a href=3D#attr-fs-fo=
rmaction&gt;formaction&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fs-formenctype&gt;&lt;a href=3D#attr-fs-f=
ormenctype&gt;formenctype&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fs-formmethod&gt;&lt;a href=3D#attr-fs-fo=
rmmethod&gt;formmethod&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fs-formnovalidate&gt;&lt;a href=3D#attr-f=
s-formnovalidate&gt;formnovalidate&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fs-formtarget&gt;&lt;a href=3D#attr-fs-fo=
rmtarget&gt;formtarget&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-dim-height&gt;&lt;a href=3D#attr-dim-heig=
ht&gt;height&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-input-li=
st&gt;list&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-input-max&gt;&lt;a href=3D#attr-input-max=
&gt;max&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-input-maxlength&gt;&lt;a href=3D#attr-inp=
ut-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-input-min=
&gt;min&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-input-minlength&gt;&lt;a href=3D#attr-inp=
ut-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-input-multiple&gt;&lt;a href=3D#attr-inpu=
t-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt;=
name&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-input-pattern&gt;&lt;a href=3D#attr-input=
-pattern&gt;pattern&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-input-placeholder&gt;&lt;a href=3D#attr-i=
nput-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-input-readonly&gt;&lt;a href=3D#attr-inpu=
t-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-input-required&gt;&lt;a href=3D#attr-inpu=
t-required&gt;required&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-input-size&gt;&lt;a href=3D#attr-input-si=
ze&gt;size&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-input-src&gt;&lt;a href=3D#attr-input-src=
&gt;src&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-input-st=
ep&gt;step&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-input-ty=
pe&gt;type&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr-input-v=
alue&gt;value&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-dim-width&gt;&lt;a href=3D#attr-dim-width=
&gt;width&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlinputelement&gt;HTMLInputEl=
ement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-ins-element&gt;ins=
&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;An addition to the document&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#transparent&gt;transparent&lt;/a&gt;&lt;/td=
&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-mod-cite&gt;&lt;a href=3D#attr-mod-cite&g=
t;cite&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-mod-datetime&gt;&lt;a href=3D#attr-mod-da=
tetime&gt;datetime&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlmodelement&gt;HTMLModElemen=
t&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-kbd-element&gt;kbd=
&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;User input&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-keygen-element&gt;=
keygen&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Cryptographic key-pair generator form control&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;;
+         &lt;a href=3D#interactive-content title=3D&quot;Interactive con=
tent&quot;&gt;interactive&lt;/a&gt;;
+         &lt;a href=3D#category-listed title=3Dcategory-listed&gt;listed=
&lt;/a&gt;;
+         &lt;a href=3D#category-label title=3Dcategory-label&gt;labelabl=
e&lt;/a&gt;;
+         &lt;a href=3D#category-submit title=3Dcategory-submit&gt;submit=
table&lt;/a&gt;;
+         &lt;a href=3D#category-reset title=3Dcategory-reset&gt;resettab=
le&lt;/a&gt;;
+         &lt;a href=3D#category-form-attr title=3Dcategory-form-attr&gt;=
reassociateable&lt;/a&gt;;
+         &lt;a href=3D#form-associated-element title=3D&quot;Form-associ=
ated element&quot;&gt;form-associated&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;empty&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr-fe-aut=
ofocus&gt;autofocus&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-keygen-challenge&gt;&lt;a href=3D#attr-ke=
ygen-challenge&gt;challenge&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fe-disabled&gt;&lt;a href=3D#attr-fe-disa=
bled&gt;disabled&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-form&g=
t;form&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-keygen-keytype&gt;&lt;a href=3D#attr-keyg=
en-keytype&gt;keytype&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt;=
name&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlkeygenelement&gt;HTMLKeygen=
Element&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-label-element&gt;l=
abel&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Caption for a form control&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;;
+         &lt;a href=3D#interactive-content title=3D&quot;Interactive con=
tent&quot;&gt;interactive&lt;/a&gt;;
+         &lt;a href=3D#category-form-attr title=3Dcategory-form-attr&gt;=
reassociateable&lt;/a&gt;;
+         &lt;a href=3D#form-associated-element title=3D&quot;Form-associ=
ated element&quot;&gt;form-associated&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-form&g=
t;form&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-label-for&gt;&lt;a href=3D#attr-label-for=
&gt;for&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmllabelelement&gt;HTMLLabelEl=
ement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-legend-element&gt;=
legend&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Caption for &lt;code&gt;&lt;a href=3D#the-fieldset-elemen=
t&gt;fieldset&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldse=
t&lt;/a&gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmllegendelement&gt;HTMLLegend=
Element&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-li-element&gt;li&l=
t;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;List item&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-ol-element&gt;ol&lt;/a&gt;&=
lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-ul-element&gt;ul&lt;/a&gt;&lt;/co=
de&gt;;
+         &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&lt;/a&gt;&lt=
;/code&gt;*;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-li-value&gt;&lt;a href=3D#attr-li-value&g=
t;value&lt;/a&gt;&lt;/code&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmllielement&gt;HTMLLIElement&=
lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-link-element&gt;li=
nk&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Link metadata&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#metadata-content title=3D&quot;Metadata con=
tent&quot;&gt;metadata&lt;/a&gt;;
+         &lt;a href=3D#flow-content title=3D&quot;Flow content&quot;&gt;=
flow&lt;/a&gt;*;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&=
gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt;/=
a&gt;&lt;/code&gt;*;
+         &lt;a href=3D#phrasing-content title=3D&quot;phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;empty&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-link-href&gt;&lt;a href=3D#attr-link-href=
&gt;href&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-link-crossorigin&gt;&lt;a href=3D#attr-li=
nk-crossorigin&gt;crossorigin&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-link-rel&gt;&lt;a href=3D#attr-link-rel&g=
t;rel&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-link-media&gt;&lt;a href=3D#attr-link-med=
ia&gt;media&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-link-hreflang&gt;&lt;a href=3D#attr-link-=
hreflang&gt;hreflang&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-link-type&gt;&lt;a href=3D#attr-link-type=
&gt;type&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-link-sizes&gt;&lt;a href=3D#attr-link-siz=
es&gt;sizes&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmllinkelement&gt;HTMLLinkElem=
ent&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-main-element&gt;ma=
in&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Container for the dominant contents of another element&lt=
;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-map-element&gt;map=
&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;&lt;a href=3D#image-map&gt;Image map&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#transparent&gt;transparent&lt;/a&gt;;
+         &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt=
;/code&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-map-name&gt;&lt;a href=3D#attr-map-name&g=
t;name&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlmapelement&gt;HTMLMapElemen=
t&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-mark-element&gt;ma=
rk&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Highlight&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-menu-element&gt;me=
nu&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Menu of commands&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&lt;/a&gt;&lt=
;/code&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-li-element&gt;li&lt;/a&gt;&=
lt;/code&gt;*;
+         &lt;a href=3D#flow-content title=3D&quot;Flow content&quot;&gt;=
flow&lt;/a&gt;*;
+         &lt;code&gt;&lt;a href=3D#the-menuitem-element&gt;menuitem&lt;/=
a&gt;&lt;/code&gt;*;
+         &lt;code&gt;&lt;a href=3D#the-hr-element&gt;hr&lt;/a&gt;&lt;/co=
de&gt;*;
+         &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&lt;/a&gt;&lt=
;/code&gt;*;
+         &lt;a href=3D#script-supporting-elements&gt;script-supporting e=
lements&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-menu-type&gt;&lt;a href=3D#attr-menu-type=
&gt;type&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-menu-label&gt;&lt;a href=3D#attr-menu-lab=
el&gt;label&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlmenuelement&gt;HTMLMenuElem=
ent&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-menuitem-element&g=
t;menuitem&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Menu command&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&lt;/a&=
gt;&lt;/code&gt;;    =20
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;empty&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-menuitem-type&gt;&lt;a href=3D#attr-menui=
tem-type&gt;type&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-menuitem-label&gt;&lt;a href=3D#attr-menu=
item-label&gt;label&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-menuitem-icon&gt;&lt;a href=3D#attr-menui=
tem-icon&gt;icon&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-menuitem-disabled&gt;&lt;a href=3D#attr-m=
enuitem-disabled&gt;disabled&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-menuitem-checked&gt;&lt;a href=3D#attr-me=
nuitem-checked&gt;checked&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-menuitem-radiogroup&gt;&lt;a href=3D#attr=
-menuitem-radiogroup&gt;radiogroup&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-menuitem-default&gt;&lt;a href=3D#attr-me=
nuitem-default&gt;default&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-menuitem-command&gt;&lt;a href=3D#attr-me=
nuitem-command&gt;command&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlmenuitemelement&gt;HTMLMenu=
ItemElement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-meta-element&gt;me=
ta&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Text metadata&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#metadata-content title=3D&quot;Metadata con=
tent&quot;&gt;metadata&lt;/a&gt;;
+         &lt;a href=3D#flow-content title=3D&quot;Flow content&quot;&gt;=
flow&lt;/a&gt;*;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&=
gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt;/=
a&gt;&lt;/code&gt;*;
+         &lt;a href=3D#phrasing-content title=3D&quot;phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;empty&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-meta-name&gt;&lt;a href=3D#attr-meta-name=
&gt;name&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-meta-http-equiv&gt;&lt;a href=3D#attr-met=
a-http-equiv&gt;http-equiv&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-meta-content&gt;&lt;a href=3D#attr-meta-c=
ontent&gt;content&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-meta-charset&gt;&lt;a href=3D#attr-meta-c=
harset&gt;charset&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlmetaelement&gt;HTMLMetaElem=
ent&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-meter-element&gt;m=
eter&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Gauge&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;;
+         &lt;a href=3D#category-label title=3Dcategory-label&gt;labelabl=
e&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-meter-value&gt;&lt;a href=3D#attr-meter-v=
alue&gt;value&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-meter-min&gt;&lt;a href=3D#attr-meter-min=
&gt;min&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-meter-max&gt;&lt;a href=3D#attr-meter-max=
&gt;max&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-meter-low&gt;&lt;a href=3D#attr-meter-low=
&gt;low&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-meter-high&gt;&lt;a href=3D#attr-meter-hi=
gh&gt;high&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-meter-optimum&gt;&lt;a href=3D#attr-meter=
-optimum&gt;optimum&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlmeterelement&gt;HTMLMeterEl=
ement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-nav-element&gt;nav=
&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Section with navigational links&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#sectioning-content title=3D&quot;Sectioning conte=
nt&quot;&gt;sectioning&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-noscript-element&g=
t;noscript&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Fallback content for script&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#metadata-content title=3D&quot;Metadata con=
tent&quot;&gt;metadata&lt;/a&gt;;
+         &lt;a href=3D#flow-content title=3D&quot;Flow content&quot;&gt;=
flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&=
gt;&lt;/code&gt;*;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;*;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;varies*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-object-element&gt;=
object&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Image, &lt;a href=3D#nested-browsing-context&gt;nested br=
owsing context&lt;/a&gt;, or &lt;a href=3D#plugin&gt;plugin&lt;/a&gt;&lt;=
/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;;
+         &lt;a href=3D#embedded-content title=3D&quot;Embedded content&q=
uot;&gt;embedded&lt;/a&gt;;
+         &lt;a href=3D#interactive-content title=3D&quot;Interactive con=
tent&quot;&gt;interactive&lt;/a&gt;*;
+         &lt;a href=3D#category-listed title=3Dcategory-listed&gt;listed=
&lt;/a&gt;;
+         &lt;a href=3D#category-submit title=3Dcategory-submit&gt;submit=
table&lt;/a&gt;;
+         &lt;a href=3D#category-form-attr title=3Dcategory-form-attr&gt;=
reassociateable&lt;/a&gt;;
+         &lt;a href=3D#form-associated-element title=3D&quot;Form-associ=
ated element&quot;&gt;form-associated&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-param-element&gt;param&lt;/=
a&gt;&lt;/code&gt;*;
+         &lt;a href=3D#transparent&gt;transparent&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-object-data&gt;&lt;a href=3D#attr-object-=
data&gt;data&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-object-type&gt;&lt;a href=3D#attr-object-=
type&gt;type&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-object-typemustmatch&gt;&lt;a href=3D#att=
r-object-typemustmatch&gt;typemustmatch&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-object-name&gt;&lt;a href=3D#attr-object-=
name&gt;name&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-hyperlink-usemap&gt;&lt;a href=3D#attr-hy=
perlink-usemap&gt;usemap&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-form&g=
t;form&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-dim-width&gt;&lt;a href=3D#attr-dim-width=
&gt;width&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-dim-height&gt;&lt;a href=3D#attr-dim-heig=
ht&gt;height&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlobjectelement&gt;HTMLObject=
Element&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-ol-element&gt;ol&l=
t;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Ordered list&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-li-element&gt;li&lt;/a&gt;&=
lt;/code&gt;;
+         &lt;a href=3D#script-supporting-elements&gt;script-supporting e=
lements&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-ol-reversed&gt;&lt;a href=3D#attr-ol-reve=
rsed&gt;reversed&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-ol-start&gt;&lt;a href=3D#attr-ol-start&g=
t;start&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-ol-type&gt;&lt;a href=3D#attr-ol-type&gt;=
type&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlolistelement&gt;HTMLOListEl=
ement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-optgroup-element&g=
t;optgroup&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Group of options in a list box&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt=
;/a&gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt=
;/a&gt;&lt;/code&gt;;
+         &lt;a href=3D#script-supporting-elements&gt;script-supporting e=
lements&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-optgroup-disabled&gt;&lt;a href=3D#attr-o=
ptgroup-disabled&gt;disabled&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-optgroup-label&gt;&lt;a href=3D#attr-optg=
roup-label&gt;label&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmloptgroupelement&gt;HTMLOptG=
roupElement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-option-element&gt;=
option&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Option in a list box or combo box control&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt=
;/a&gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-datalist-element&gt;datalist&lt;/=
a&gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-optgroup-element&gt;optgroup&lt;/=
a&gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#text-content title=3D&quot;text content&quo=
t;&gt;text&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-option-disabled&gt;&lt;a href=3D#attr-opt=
ion-disabled&gt;disabled&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-option-label&gt;&lt;a href=3D#attr-option=
-label&gt;label&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-option-selected&gt;&lt;a href=3D#attr-opt=
ion-selected&gt;selected&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-option-value&gt;&lt;a href=3D#attr-option=
-value&gt;value&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmloptionelement&gt;HTMLOption=
Element&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-output-element&gt;=
output&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Calculated output value&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;;
+         &lt;a href=3D#category-listed title=3Dcategory-listed&gt;listed=
&lt;/a&gt;;
+         &lt;a href=3D#category-label title=3Dcategory-label&gt;labelabl=
e&lt;/a&gt;;
+         &lt;a href=3D#category-reset title=3Dcategory-reset&gt;resettab=
le&lt;/a&gt;;
+         &lt;a href=3D#category-form-attr title=3Dcategory-form-attr&gt;=
reassociateable&lt;/a&gt;;
+         &lt;a href=3D#form-associated-element title=3D&quot;Form-associ=
ated element&quot;&gt;form-associated&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-output-for&gt;&lt;a href=3D#attr-output-f=
or&gt;for&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-form&g=
t;form&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt;=
name&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmloutputelement&gt;HTMLOutput=
Element&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;=
/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Paragraph&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlparagraphelement&gt;HTMLPar=
agraphElement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-param-element&gt;p=
aram&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Parameter for &lt;code&gt;&lt;a href=3D#the-object-elemen=
t&gt;object&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt=
;/a&gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;empty&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-param-name&gt;&lt;a href=3D#attr-param-na=
me&gt;name&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-param-value&gt;&lt;a href=3D#attr-param-v=
alue&gt;value&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlparamelement&gt;HTMLParamEl=
ement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-pre-element&gt;pre=
&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Block of preformatted text&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlpreelement&gt;HTMLPreElemen=
t&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-progress-element&g=
t;progress&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Progress bar&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;;
+         &lt;a href=3D#category-label title=3Dcategory-label&gt;labelabl=
e&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-progress-value&gt;&lt;a href=3D#attr-prog=
ress-value&gt;value&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-progress-max&gt;&lt;a href=3D#attr-progre=
ss-max&gt;max&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlprogresselement&gt;HTMLProg=
ressElement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-q-element&gt;q&lt;=
/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Quotation&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-q-cite&gt;&lt;a href=3D#attr-q-cite&gt;ci=
te&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlquoteelement&gt;HTMLQuoteEl=
ement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-rp-element&gt;rp&l=
t;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Parenthesis for ruby annotation text&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-ruby-element&gt;ruby&lt;/a&=
gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-rt-element&gt;rt&l=
t;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Ruby annotation text&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-ruby-element&gt;ruby&lt;/a&=
gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-ruby-element&gt;ru=
by&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Ruby annotation(s)&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;;
+         &lt;code&gt;&lt;a href=3D#the-rt-element&gt;rt&lt;/a&gt;&lt;/co=
de&gt;;
+         &lt;code&gt;&lt;a href=3D#the-rp-element&gt;rp&lt;/a&gt;&lt;/co=
de&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-s-element&gt;s&lt;=
/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Inaccurate text&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-samp-element&gt;sa=
mp&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Computer output&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-script-element&gt;=
script&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Embedded script&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#metadata-content title=3D&quot;Metadata con=
tent&quot;&gt;metadata&lt;/a&gt;;
+         &lt;a href=3D#flow-content title=3D&quot;Flow content&quot;&gt;=
flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;;
+         &lt;a href=3D#script-supporting-elements title=3D&quot;Script-s=
upporting elements&quot;&gt;script-supporting&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&=
gt;&lt;/code&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;;
+         &lt;a href=3D#script-supporting-elements title=3D&quot;Script-s=
upporting elements&quot;&gt;script-supporting&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;script, data, or script documentation*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-script-src&gt;&lt;a href=3D#attr-script-s=
rc&gt;src&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-script-type&gt;&lt;a href=3D#attr-script-=
type&gt;type&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-script-charset&gt;&lt;a href=3D#attr-scri=
pt-charset&gt;charset&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-script-async&gt;&lt;a href=3D#attr-script=
-async&gt;async&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-script-defer&gt;&lt;a href=3D#attr-script=
-defer&gt;defer&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-script-crossorigin&gt;&lt;a href=3D#attr-=
script-crossorigin&gt;crossorigin&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlscriptelement&gt;HTMLScript=
Element&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-section-element&gt=
;section&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Generic document or application section&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#sectioning-content title=3D&quot;Sectioning conte=
nt&quot;&gt;sectioning&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-select-element&gt;=
select&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;List box control&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;;
+         &lt;a href=3D#interactive-content title=3D&quot;Interactive con=
tent&quot;&gt;interactive&lt;/a&gt;;
+         &lt;a href=3D#category-listed title=3Dcategory-listed&gt;listed=
&lt;/a&gt;;
+         &lt;a href=3D#category-label title=3Dcategory-label&gt;labelabl=
e&lt;/a&gt;;
+         &lt;a href=3D#category-submit title=3Dcategory-submit&gt;submit=
table&lt;/a&gt;;
+         &lt;a href=3D#category-reset title=3Dcategory-reset&gt;resettab=
le&lt;/a&gt;;
+         &lt;a href=3D#category-form-attr title=3Dcategory-form-attr&gt;=
reassociateable&lt;/a&gt;;
+         &lt;a href=3D#form-associated-element title=3D&quot;Form-associ=
ated element&quot;&gt;form-associated&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-option-element&gt;option&lt=
;/a&gt;&lt;/code&gt;, &lt;code&gt;&lt;a href=3D#the-optgroup-element&gt;o=
ptgroup&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr-fe-aut=
ofocus&gt;autofocus&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fe-disabled&gt;&lt;a href=3D#attr-fe-disa=
bled&gt;disabled&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-form&g=
t;form&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-select-multiple&gt;&lt;a href=3D#attr-sel=
ect-multiple&gt;multiple&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt;=
name&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-select-required&gt;&lt;a href=3D#attr-sel=
ect-required&gt;required&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-select-size&gt;&lt;a href=3D#attr-select-=
size&gt;size&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlselectelement&gt;HTMLSelect=
Element&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-small-element&gt;s=
mall&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Side comment&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-source-element&gt;=
source&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Media source for &lt;code&gt;&lt;a href=3D#the-video-elem=
ent&gt;video&lt;/a&gt;&lt;/code&gt; or &lt;code&gt;&lt;a href=3D#the-audi=
o-element&gt;audio&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-video-element&gt;video&lt;/=
a&gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-audio-element&gt;audio&lt;/a&gt;&=
lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;empty&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-source-src&gt;&lt;a href=3D#attr-source-s=
rc&gt;src&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-source-type&gt;&lt;a href=3D#attr-source-=
type&gt;type&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-source-media&gt;&lt;a href=3D#attr-source=
-media&gt;media&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlsourceelement&gt;HTMLSource=
Element&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-span-element&gt;sp=
an&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Generic phrasing container&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlspanelement&gt;HTMLSpanElem=
ent&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-strong-element&gt;=
strong&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Importance&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-style-element&gt;s=
tyle&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Embedded styling information&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#metadata-content title=3D&quot;Metadata con=
tent&quot;&gt;metadata&lt;/a&gt;;
+         &lt;a href=3D#flow-content title=3D&quot;Flow content&quot;&gt;=
flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&=
gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt;/=
a&gt;&lt;/code&gt;*;
+         &lt;a href=3D#flow-content title=3D&quot;flow content&quot;&gt;=
flow&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;varies*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-style-media&gt;&lt;a href=3D#attr-style-m=
edia&gt;media&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-style-type&gt;&lt;a href=3D#attr-style-ty=
pe&gt;type&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-style-scoped&gt;&lt;a href=3D#attr-style-=
scoped&gt;scoped&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlstyleelement&gt;HTMLStyleEl=
ement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-sub-and-sup-elemen=
ts&gt;sub&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Subscript&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-summary-element&gt=
;summary&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Caption for &lt;code&gt;&lt;a href=3D#the-details-element=
&gt;details&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-details-element&gt;details&=
lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-sub-and-sup-elemen=
ts&gt;sup&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Superscript&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-table-element&gt;t=
able&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Table&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-caption-element&gt;caption&=
lt;/a&gt;&lt;/code&gt;*;
+         &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup&lt;/=
a&gt;&lt;/code&gt;*;
+         &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&=
lt;/code&gt;*;
+         &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&=
lt;/code&gt;*;
+         &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&=
lt;/code&gt;*;
+         &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&lt;/co=
de&gt;*;
+         &lt;a href=3D#script-supporting-elements&gt;script-supporting e=
lements&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmltableelement&gt;HTMLTableEl=
ement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-tbody-element&gt;t=
body&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Group of rows in a table&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/=
a&gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&=
lt;/code&gt;;
+         &lt;a href=3D#script-supporting-elements&gt;script-supporting e=
lements&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmltablesectionelement&gt;HTML=
TableSectionElement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-td-element&gt;td&l=
t;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Table cell&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#sectioning-root title=3D&quot;Sectioning ro=
ot&quot;&gt;sectioning root&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&=
lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-tdth-colspan&gt;&lt;a href=3D#attr-tdth-c=
olspan&gt;colspan&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-tdth-rowspan&gt;&lt;a href=3D#attr-tdth-r=
owspan&gt;rowspan&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-tdth-headers&gt;&lt;a href=3D#attr-tdth-h=
eaders&gt;headers&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmltabledatacellelement&gt;HTM=
LTableDataCellElement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-template-element&g=
t;template&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Template&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#metadata-content title=3D&quot;Metadata con=
tent&quot;&gt;metadata&lt;/a&gt;;
+         &lt;a href=3D#flow-content title=3D&quot;Flow content&quot;&gt;=
flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;;
+         &lt;a href=3D#script-supporting-elements title=3D&quot;Script-s=
upporting elements&quot;&gt;script-supporting&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#metadata-content title=3D&quot;Metadata con=
tent&quot;&gt;metadata&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;;
+         &lt;a href=3D#script-supporting-elements title=3D&quot;Script-s=
upporting elements&quot;&gt;script-supporting&lt;/a&gt;;
+         &lt;code&gt;&lt;a href=3D#the-colgroup-element&gt;colgroup&lt;/=
a&gt;&lt;/code&gt;*&lt;/td&gt;
+     &lt;td&gt;it's complicated*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmltemplateelement&gt;HTMLTemp=
lateElement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-textarea-element&g=
t;textarea&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Multiline text field&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;;
+         &lt;a href=3D#interactive-content title=3D&quot;Interactive con=
tent&quot;&gt;interactive&lt;/a&gt;;
+         &lt;a href=3D#category-listed title=3Dcategory-listed&gt;listed=
&lt;/a&gt;;
+         &lt;a href=3D#category-label title=3Dcategory-label&gt;labelabl=
e&lt;/a&gt;;
+         &lt;a href=3D#category-submit title=3Dcategory-submit&gt;submit=
table&lt;/a&gt;;
+         &lt;a href=3D#category-reset title=3Dcategory-reset&gt;resettab=
le&lt;/a&gt;;
+         &lt;a href=3D#category-form-attr title=3Dcategory-form-attr&gt;=
reassociateable&lt;/a&gt;;
+         &lt;a href=3D#form-associated-element title=3D&quot;Form-associ=
ated element&quot;&gt;form-associated&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#text-content title=3D&quot;text content&quo=
t;&gt;text&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr-fe-aut=
ofocus&gt;autofocus&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-textarea-cols&gt;&lt;a href=3D#attr-texta=
rea-cols&gt;cols&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fe-dirname&gt;&lt;a href=3D#attr-fe-dirna=
me&gt;dirname&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fe-disabled&gt;&lt;a href=3D#attr-fe-disa=
bled&gt;disabled&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-form&g=
t;form&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-textarea-maxlength&gt;&lt;a href=3D#attr-=
textarea-maxlength&gt;maxlength&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-textarea-minlength&gt;&lt;a href=3D#attr-=
textarea-minlength&gt;minlength&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt;=
name&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-textarea-placeholder&gt;&lt;a href=3D#att=
r-textarea-placeholder&gt;placeholder&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-textarea-readonly&gt;&lt;a href=3D#attr-t=
extarea-readonly&gt;readonly&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-textarea-required&gt;&lt;a href=3D#attr-t=
extarea-required&gt;required&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-textarea-rows&gt;&lt;a href=3D#attr-texta=
rea-rows&gt;rows&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-textarea-wrap&gt;&lt;a href=3D#attr-texta=
rea-wrap&gt;wrap&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmltextareaelement&gt;HTMLText=
AreaElement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;t=
foot&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Group of footer rows in a table&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/=
a&gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&=
lt;/code&gt;;
+         &lt;a href=3D#script-supporting-elements&gt;script-supporting e=
lements&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmltablesectionelement&gt;HTML=
TableSectionElement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-th-element&gt;th&l=
t;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Table header cell&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&=
lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-tdth-colspan&gt;&lt;a href=3D#attr-tdth-c=
olspan&gt;colspan&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-tdth-rowspan&gt;&lt;a href=3D#attr-tdth-r=
owspan&gt;rowspan&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-tdth-headers&gt;&lt;a href=3D#attr-tdth-h=
eaders&gt;headers&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-th-scope&gt;&lt;a href=3D#attr-th-scope&g=
t;scope&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-th-sorted&gt;&lt;a href=3D#attr-th-sorted=
&gt;sorted&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-th-abbr&gt;&lt;a href=3D#attr-th-abbr&gt;=
abbr&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmltableheadercellelement&gt;H=
TMLTableHeaderCellElement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-thead-element&gt;t=
head&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Group of heading rows in a table&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/=
a&gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&lt;/a&gt;&=
lt;/code&gt;;
+         &lt;a href=3D#script-supporting-elements&gt;script-supporting e=
lements&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmltablesectionelement&gt;HTML=
TableSectionElement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-time-element&gt;ti=
me&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Machine-readable equivalent of date- or time-related data=
&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-time-datetime&gt;&lt;a href=3D#attr-time-=
datetime&gt;datetime&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmltimeelement&gt;HTMLTimeElem=
ent&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-title-element&gt;t=
itle&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Document title&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#metadata-content title=3D&quot;Metadata con=
tent&quot;&gt;metadata&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-head-element&gt;head&lt;/a&=
gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#text-content title=3D&quot;text content&quo=
t;&gt;text&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmltitleelement&gt;HTMLTitleEl=
ement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&l=
t;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Table row&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/=
a&gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-thead-element&gt;thead&lt;/a&gt;&=
lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;tbody&lt;/a&gt;&=
lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;tfoot&lt;/a&gt;&=
lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&=
lt;/code&gt;*;
+         &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/co=
de&gt;;
+         &lt;a href=3D#script-supporting-elements&gt;script-supporting e=
lements&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmltablerowelement&gt;HTMLTabl=
eRowElement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-track-element&gt;t=
rack&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Timed text track&lt;/td&gt;
+     &lt;td&gt;none&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-audio-element&gt;audio&lt;/=
a&gt;&lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-video-element&gt;video&lt;/a&gt;&=
lt;/code&gt;;
+         &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;empty&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-track-default&gt;&lt;a href=3D#attr-track=
-default&gt;default&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-track-kind&gt;&lt;a href=3D#attr-track-ki=
nd&gt;kind&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-track-label&gt;&lt;a href=3D#attr-track-l=
abel&gt;label&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-track-src&gt;&lt;a href=3D#attr-track-src=
&gt;src&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-track-srclang&gt;&lt;a href=3D#attr-track=
-srclang&gt;srclang&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmltrackelement&gt;HTMLTrackEl=
ement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-u-element&gt;u&lt;=
/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Keywords&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-ul-element&gt;ul&l=
t;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;List&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-li-element&gt;li&lt;/a&gt;&=
lt;/code&gt;;
+         &lt;a href=3D#script-supporting-elements&gt;script-supporting e=
lements&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlulistelement&gt;HTMLUListEl=
ement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-var-element&gt;var=
&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Variable&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-video-element&gt;v=
ideo&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Video player&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;;
+         &lt;a href=3D#embedded-content title=3D&quot;Embedded content&q=
uot;&gt;embedded&lt;/a&gt;;
+         &lt;a href=3D#interactive-content title=3D&quot;Interactive con=
tent&quot;&gt;interactive&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#the-source-element&gt;source&lt=
;/a&gt;&lt;/code&gt;*;
+         &lt;a href=3D#transparent&gt;transparent&lt;/a&gt;*&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;;
+         &lt;code title=3Dattr-media-src&gt;&lt;a href=3D#attr-media-src=
&gt;src&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-media-crossorigin&gt;&lt;a href=3D#attr-m=
edia-crossorigin&gt;crossorigin&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-video-poster&gt;&lt;a href=3D#attr-video-=
poster&gt;poster&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-media-preload&gt;&lt;a href=3D#attr-media=
-preload&gt;preload&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-media-autoplay&gt;&lt;a href=3D#attr-medi=
a-autoplay&gt;autoplay&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-media-mediagroup&gt;&lt;a href=3D#attr-me=
dia-mediagroup&gt;mediagroup&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-media-loop&gt;&lt;a href=3D#attr-media-lo=
op&gt;loop&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-media-muted&gt;&lt;a href=3D#attr-media-m=
uted&gt;muted&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-media-controls&gt;&lt;a href=3D#attr-medi=
a-controls&gt;controls&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-dim-width&gt;&lt;a href=3D#attr-dim-width=
&gt;width&lt;/a&gt;&lt;/code&gt;;
+         &lt;code title=3Dattr-dim-height&gt;&lt;a href=3D#attr-dim-heig=
ht&gt;height&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlvideoelement&gt;HTMLVideoEl=
ement&lt;/a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;tr&gt;&lt;th&gt;&lt;code&gt;&lt;a href=3D#the-wbr-element&gt;wbr=
&lt;/a&gt;&lt;/code&gt;&lt;/th&gt;
+     &lt;td&gt;Line breaking opportunity&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#flow-content title=3D&quot;Flow content&quo=
t;&gt;flow&lt;/a&gt;;
+         &lt;a href=3D#phrasing-content title=3D&quot;Phrasing content&q=
uot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#phrasing-content title=3D&quot;Phrasing con=
tent&quot;&gt;phrasing&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;empty&lt;/td&gt;
+     &lt;td&gt;&lt;a href=3D#global-attributes title=3D&quot;global attr=
ibutes&quot;&gt;globals&lt;/a&gt;&lt;/td&gt;
+     &lt;td&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/=
a&gt;&lt;/code&gt;&lt;/td&gt;
+    &lt;/table&gt;&lt;p class=3Dtablenote&gt;&lt;small&gt;An asterisk (*=
) in a cell indicates that the actual rules are more
+  complicated than indicated in the table above.&lt;/small&gt;&lt;/p&gt;
+
+  &lt;p&gt;&amp;dagger; Categories in the &quot;Parents&quot; column ref=
er to parents that list the given categories in
+  their content model, not to elements that themselves are in those cate=
gories. For example, the
+  &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; el=
ement's &quot;Parents&quot; column says &quot;phrasing&quot;, so any elem=
ent whose content model
+  contains the &quot;phrasing&quot; category could be a parent of an &lt=
;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt; element.=
 Since the &quot;flow&quot;
+  category includes all the &quot;phrasing&quot; elements, that means th=
e &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&lt;/a&gt;&lt;/code&gt; e=
lement could be a
+  parent to an &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt=
;/code&gt; element.&lt;/p&gt;
+
+
+
+  &lt;h3 class=3Dno-num id=3Delement-content-categories&gt;Element conte=
nt categories&lt;/h3&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;!-- when updating this also check the category-list &lt;ul&gt;s --=
&gt;
+
+  &lt;table&gt;&lt;caption&gt;List of element content categories&lt;/cap=
tion&gt;
+   &lt;thead&gt;&lt;tr&gt;&lt;th&gt; Category
+     &lt;th&gt; Elements
+     &lt;th&gt; Elements with exceptions
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt; &lt;a href=3D#metadata-content&gt;M=
etadata content&lt;/a&gt;
+     &lt;td&gt;
+      &lt;code&gt;&lt;a href=3D#the-base-element&gt;base&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-meta-element&gt;meta&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-style-element&gt;style&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-title-element&gt;title&lt;/a&gt;&lt;=
/code&gt;
+     &lt;td&gt;
+      &amp;mdash;
+
+    &lt;tr&gt;&lt;td&gt; &lt;a href=3D#flow-content&gt;Flow content&lt;/=
a&gt;
+     &lt;td&gt;
+      &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-abbr-element&gt;abbr&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-address-element&gt;address&lt;/a&gt;=
&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-article-element&gt;article&lt;/a&gt;=
&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-aside-element&gt;aside&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-audio-element&gt;audio&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-bdi-element&gt;bdi&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-bdo-element&gt;bdo&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-blockquote-element&gt;blockquote&lt;=
/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-br-element&gt;br&lt;/a&gt;&lt;/code&=
gt;;
+      &lt;code&gt;&lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-cite-element&gt;cite&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-code-element&gt;code&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-data-element&gt;data&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-datalist-element&gt;datalist&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-del-element&gt;del&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-details-element&gt;details&lt;/a&gt;=
&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-dfn-element&gt;dfn&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-dialog-element&gt;dialog&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-div-element&gt;div&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-dl-element&gt;dl&lt;/a&gt;&lt;/code&=
gt;;
+      &lt;code&gt;&lt;a href=3D#the-em-element&gt;em&lt;/a&gt;&lt;/code&=
gt;;
+      &lt;code&gt;&lt;a href=3D#the-embed-element&gt;embed&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldset&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-figure-element&gt;figure&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-footer-element&gt;footer&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&=
gt;h1&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&=
gt;h2&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&=
gt;h3&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&=
gt;h4&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&=
gt;h5&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&=
gt;h6&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-header-element&gt;header&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-hgroup-element&gt;hgroup&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-hr-element&gt;hr&lt;/a&gt;&lt;/code&=
gt;;
+      &lt;code&gt;&lt;a href=3D#the-i-element&gt;i&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-ins-element&gt;ins&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-kbd-element&gt;kbd&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-main-element&gt;main&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-map-element&gt;map&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-mark-element&gt;mark&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#math&gt;math&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-meter-element&gt;meter&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-nav-element&gt;nav&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-ol-element&gt;ol&lt;/a&gt;&lt;/code&=
gt;;
+      &lt;code&gt;&lt;a href=3D#the-output-element&gt;output&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-pre-element&gt;pre&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-progress-element&gt;progress&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-q-element&gt;q&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-ruby-element&gt;ruby&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-s-element&gt;s&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-samp-element&gt;samp&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-section-element&gt;section&lt;/a&gt;=
&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-small-element&gt;small&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-span-element&gt;span&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-strong-element&gt;strong&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-sub-and-sup-elements&gt;sub&lt;/a&gt=
;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-sub-and-sup-elements&gt;sup&lt;/a&gt=
;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#svg&gt;svg&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-time-element&gt;time&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-u-element&gt;u&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-ul-element&gt;ul&lt;/a&gt;&lt;/code&=
gt;;
+      &lt;code&gt;&lt;a href=3D#the-var-element&gt;var&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-video-element&gt;video&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-wbr-element&gt;wbr&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;a href=3D#text-content title=3D&quot;text content&quot;&gt;Tex=
t&lt;/a&gt;
+     &lt;td&gt;
+      &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/c=
ode&gt; (if it is a descendant of a &lt;code&gt;&lt;a href=3D#the-map-ele=
ment&gt;map&lt;/a&gt;&lt;/code&gt; element);
+      &lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/c=
ode&gt; (if the &lt;code title=3Dattr-itemprop&gt;&lt;a href=3D#names:-th=
e-itemprop-attribute&gt;itemprop&lt;/a&gt;&lt;/code&gt; attribute is pres=
ent);
+      &lt;code&gt;&lt;a href=3D#the-meta-element&gt;meta&lt;/a&gt;&lt;/c=
ode&gt; (if the &lt;code title=3Dattr-itemprop&gt;&lt;a href=3D#names:-th=
e-itemprop-attribute&gt;itemprop&lt;/a&gt;&lt;/code&gt; attribute is pres=
ent);
+      &lt;code&gt;&lt;a href=3D#the-style-element&gt;style&lt;/a&gt;&lt;=
/code&gt; (if the &lt;code title=3Dattr-style-scoped&gt;&lt;a href=3D#att=
r-style-scoped&gt;scoped&lt;/a&gt;&lt;/code&gt; attribute is present)
+
+    &lt;tr&gt;&lt;td&gt; &lt;a href=3D#sectioning-content&gt;Sectioning =
content&lt;/a&gt;
+     &lt;td&gt;
+      &lt;code&gt;&lt;a href=3D#the-article-element&gt;article&lt;/a&gt;=
&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-aside-element&gt;aside&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-nav-element&gt;nav&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-section-element&gt;section&lt;/a&gt;=
&lt;/code&gt;
+     &lt;td&gt;
+      &amp;mdash;
+
+    &lt;tr&gt;&lt;td&gt; &lt;a href=3D#heading-content&gt;Heading conten=
t&lt;/a&gt;
+     &lt;td&gt;
+      &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&=
gt;h1&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&=
gt;h2&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&=
gt;h3&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&=
gt;h4&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&=
gt;h5&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&=
gt;h6&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-hgroup-element&gt;hgroup&lt;/a&gt;&l=
t;/code&gt;
+     &lt;td&gt;
+      &amp;mdash;
+
+    &lt;tr&gt;&lt;td&gt; &lt;a href=3D#phrasing-content&gt;Phrasing cont=
ent&lt;/a&gt;
+     &lt;td&gt;
+      &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-abbr-element&gt;abbr&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-audio-element&gt;audio&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-bdi-element&gt;bdi&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-bdo-element&gt;bdo&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-br-element&gt;br&lt;/a&gt;&lt;/code&=
gt;;
+      &lt;code&gt;&lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-cite-element&gt;cite&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-code-element&gt;code&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-data-element&gt;data&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-datalist-element&gt;datalist&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-del-element&gt;del&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-dfn-element&gt;dfn&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-em-element&gt;em&lt;/a&gt;&lt;/code&=
gt;;
+      &lt;code&gt;&lt;a href=3D#the-embed-element&gt;embed&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-i-element&gt;i&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-ins-element&gt;ins&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-kbd-element&gt;kbd&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-map-element&gt;map&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-mark-element&gt;mark&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#math&gt;math&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-meter-element&gt;meter&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-noscript-element&gt;noscript&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-output-element&gt;output&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-progress-element&gt;progress&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-q-element&gt;q&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-ruby-element&gt;ruby&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-s-element&gt;s&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-samp-element&gt;samp&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-small-element&gt;small&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-span-element&gt;span&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-strong-element&gt;strong&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-sub-and-sup-elements&gt;sub&lt;/a&gt=
;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-sub-and-sup-elements&gt;sup&lt;/a&gt=
;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#svg&gt;svg&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-time-element&gt;time&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-u-element&gt;u&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-var-element&gt;var&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-video-element&gt;video&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-wbr-element&gt;wbr&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;a href=3D#text-content title=3D&quot;text content&quot;&gt;Tex=
t&lt;/a&gt;
+     &lt;td&gt;
+      &lt;code&gt;&lt;a href=3D#the-area-element&gt;area&lt;/a&gt;&lt;/c=
ode&gt; (if it is a descendant of a  &lt;code&gt;&lt;a href=3D#the-map-el=
ement&gt;map&lt;/a&gt;&lt;/code&gt; element);
+      &lt;code&gt;&lt;a href=3D#the-link-element&gt;link&lt;/a&gt;&lt;/c=
ode&gt; (if the &lt;code title=3Dattr-itemprop&gt;&lt;a href=3D#names:-th=
e-itemprop-attribute&gt;itemprop&lt;/a&gt;&lt;/code&gt; attribute is pres=
ent);
+      &lt;code&gt;&lt;a href=3D#the-meta-element&gt;meta&lt;/a&gt;&lt;/c=
ode&gt; (if the &lt;code title=3Dattr-itemprop&gt;&lt;a href=3D#names:-th=
e-itemprop-attribute&gt;itemprop&lt;/a&gt;&lt;/code&gt; attribute is pres=
ent)
+
+    &lt;tr&gt;&lt;td&gt; &lt;a href=3D#embedded-content&gt;Embedded cont=
ent&lt;/a&gt;
+     &lt;td&gt;
+      &lt;code&gt;&lt;a href=3D#the-audio-element&gt;audio&lt;/a&gt;&lt;=
/code&gt;
+      &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&l=
t;/code&gt;
+      &lt;code&gt;&lt;a href=3D#the-embed-element&gt;embed&lt;/a&gt;&lt;=
/code&gt;
+      &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&l=
t;/code&gt;
+      &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/cod=
e&gt;
+      &lt;code&gt;&lt;a href=3D#math&gt;math&lt;/a&gt;&lt;/code&gt;
+      &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&l=
t;/code&gt;
+      &lt;code&gt;&lt;a href=3D#svg&gt;svg&lt;/a&gt;&lt;/code&gt;
+      &lt;code&gt;&lt;a href=3D#the-video-element&gt;video&lt;/a&gt;&lt;=
/code&gt;
+     &lt;td&gt;
+      &amp;mdash;
+
+    &lt;tr&gt;&lt;td&gt; &lt;a href=3D#interactive-content&gt;Interactiv=
e content&lt;/a&gt;
+     &lt;td&gt;
+      &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-details-element&gt;details&lt;/a&gt;=
&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-embed-element&gt;embed&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&g=
t;&lt;/code&gt;;
+     &lt;td&gt;
+      &lt;code&gt;&lt;a href=3D#the-audio-element&gt;audio&lt;/a&gt;&lt;=
/code&gt; (if the &lt;code title=3Dattr-media-controls&gt;&lt;a href=3D#a=
ttr-media-controls&gt;controls&lt;/a&gt;&lt;/code&gt; attribute is presen=
t);
+      &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/cod=
e&gt; (if the &lt;code title=3Dattr-hyperlink-usemap&gt;&lt;a href=3D#att=
r-hyperlink-usemap&gt;usemap&lt;/a&gt;&lt;/code&gt; attribute is present)=
;
+      &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;=
/code&gt; (if the &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-=
input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is &lt;em&gt;not&lt;/=
em&gt; in the &lt;a href=3D&quot;#hidden-state-(type=3Dhidden)&quot; titl=
e=3Dattr-input-type-hidden&gt;Hidden&lt;/a&gt; state);
+      &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&l=
t;/code&gt; (if the &lt;code title=3Dattr-hyperlink-usemap&gt;&lt;a href=3D=
#attr-hyperlink-usemap&gt;usemap&lt;/a&gt;&lt;/code&gt; attribute is pres=
ent)&lt;!-- see also comment in &lt;object&gt; section --&gt;;
+      &lt;code&gt;&lt;a href=3D#the-video-element&gt;video&lt;/a&gt;&lt;=
/code&gt; (if the &lt;code title=3Dattr-media-controls&gt;&lt;a href=3D#a=
ttr-media-controls&gt;controls&lt;/a&gt;&lt;/code&gt; attribute is presen=
t)
+
+    &lt;tr&gt;&lt;td&gt; &lt;a href=3D#sectioning-root title=3D&quot;sec=
tioning root&quot;&gt;Sectioning roots&lt;/a&gt;
+     &lt;td&gt;
+      &lt;code&gt;&lt;a href=3D#the-blockquote-element&gt;blockquote&lt;=
/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-body-element&gt;body&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-details-element&gt;details&lt;/a&gt;=
&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-dialog-element&gt;dialog&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldset&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-figure-element&gt;figure&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&lt;/a&gt;&lt;/code&=
gt;
+     &lt;td&gt;
+      &amp;mdash;
+
+    &lt;tr&gt;&lt;td&gt; &lt;a href=3D#form-associated-element title=3D&=
quot;form-associated element&quot;&gt;Form-associated elements&lt;/a&gt;
+     &lt;td&gt;
+      &lt;code&gt;&lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldset&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-output-element&gt;output&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/cod=
e&gt;
+     &lt;td&gt;
+      &amp;mdash;
+
+    &lt;tr&gt;&lt;td&gt; &lt;a href=3D#category-listed title=3Dcategory-=
listed&gt;Listed elements&lt;/a&gt;
+     &lt;td&gt;
+      &lt;code&gt;&lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldset&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-output-element&gt;output&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&g=
t;&lt;/code&gt;
+     &lt;td&gt;
+      &amp;mdash;
+
+    &lt;tr&gt;&lt;td&gt; &lt;a href=3D#category-submit title=3Dcategory-=
submit&gt;Submittable elements&lt;/a&gt;
+     &lt;td&gt;
+      &lt;code&gt;&lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&g=
t;&lt;/code&gt;
+     &lt;td&gt;
+      &amp;mdash;
+
+    &lt;tr&gt;&lt;td&gt; &lt;a href=3D#category-reset title=3Dcategory-r=
eset&gt;Resettable elements&lt;/a&gt;
+     &lt;td&gt;
+      &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-output-element&gt;output&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&g=
t;&lt;/code&gt;
+     &lt;td&gt;
+      &amp;mdash;
+
+    &lt;tr&gt;&lt;td&gt; &lt;a href=3D#category-label title=3Dcategory-l=
abel&gt;Labelable elements&lt;/a&gt;
+     &lt;td&gt;
+      &lt;code&gt;&lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-meter-element&gt;meter&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-output-element&gt;output&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-progress-element&gt;progress&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&g=
t;&lt;/code&gt;
+     &lt;td&gt;
+      &amp;mdash;
+
+    &lt;tr&gt;&lt;td&gt; &lt;a href=3D#category-form-attr title=3Dcatego=
ry-form-attr&gt;Reassociateable elements&lt;/a&gt;
+     &lt;td&gt;
+      &lt;code&gt;&lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldset&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-output-element&gt;output&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&g=
t;&lt;/code&gt;
+     &lt;td&gt;
+      &amp;mdash;
+
+    &lt;tr&gt;&lt;td&gt; &lt;a href=3D#palpable-content&gt;Palpable cont=
ent&lt;/a&gt;
+     &lt;td&gt;
+      &lt;code&gt;&lt;a href=3D#the-a-element&gt;a&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-abbr-element&gt;abbr&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-address-element&gt;address&lt;/a&gt;=
&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-article-element&gt;article&lt;/a&gt;=
&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-aside-element&gt;aside&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-bdi-element&gt;bdi&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-bdo-element&gt;bdo&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-blockquote-element&gt;blockquote&lt;=
/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-button-element&gt;button&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-cite-element&gt;cite&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-code-element&gt;code&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-data-element&gt;data&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-details-element&gt;details&lt;/a&gt;=
&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-dfn-element&gt;dfn&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-div-element&gt;div&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-em-element&gt;em&lt;/a&gt;&lt;/code&=
gt;;
+      &lt;code&gt;&lt;a href=3D#the-embed-element&gt;embed&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-fieldset-element&gt;fieldset&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-figure-element&gt;figure&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-footer-element&gt;footer&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-form-element&gt;form&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&=
gt;h1&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&=
gt;h2&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&=
gt;h3&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&=
gt;h4&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&=
gt;h5&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements&=
gt;h6&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-header-element&gt;header&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-hgroup-element&gt;hgroup&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-i-element&gt;i&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-iframe-element&gt;iframe&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-img-element&gt;img&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-ins-element&gt;ins&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-kbd-element&gt;kbd&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-keygen-element&gt;keygen&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-label-element&gt;label&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-main-element&gt;main&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-map-element&gt;map&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-mark-element&gt;mark&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#math&gt;math&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-meter-element&gt;meter&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-nav-element&gt;nav&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-object-element&gt;object&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-output-element&gt;output&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-pre-element&gt;pre&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-progress-element&gt;progress&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-q-element&gt;q&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-ruby-element&gt;ruby&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-s-element&gt;s&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-samp-element&gt;samp&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-section-element&gt;section&lt;/a&gt;=
&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-select-element&gt;select&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-small-element&gt;small&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-span-element&gt;span&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-strong-element&gt;strong&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-sub-and-sup-elements&gt;sub&lt;/a&gt=
;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-sub-and-sup-elements&gt;sup&lt;/a&gt=
;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#svg&gt;svg&lt;/a&gt;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-table-element&gt;table&lt;/a&gt;&lt;=
/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-textarea-element&gt;textarea&lt;/a&g=
t;&lt;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-time-element&gt;time&lt;/a&gt;&lt;/c=
ode&gt;;
+      &lt;code&gt;&lt;a href=3D#the-u-element&gt;u&lt;/a&gt;&lt;/code&gt=
;;
+      &lt;code&gt;&lt;a href=3D#the-var-element&gt;var&lt;/a&gt;&lt;/cod=
e&gt;;
+      &lt;code&gt;&lt;a href=3D#the-video-element&gt;video&lt;/a&gt;&lt;=
/code&gt;
+     &lt;td&gt;
+      &lt;code&gt;&lt;a href=3D#the-audio-element&gt;audio&lt;/a&gt;&lt;=
/code&gt; (if the &lt;code title=3Dattr-media-controls&gt;&lt;a href=3D#a=
ttr-media-controls&gt;controls&lt;/a&gt;&lt;/code&gt; attribute is presen=
t);
+      &lt;code&gt;&lt;a href=3D#the-dl-element&gt;dl&lt;/a&gt;&lt;/code&=
gt; (if the element's children include at least one name-value group);
+      &lt;code&gt;&lt;a href=3D#the-input-element&gt;input&lt;/a&gt;&lt;=
/code&gt; (if the &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-=
input-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is &lt;em&gt;not&lt;/=
em&gt; in the &lt;a href=3D&quot;#hidden-state-(type=3Dhidden)&quot; titl=
e=3Dattr-input-type-hidden&gt;Hidden&lt;/a&gt; state);
+      &lt;code&gt;&lt;a href=3D#the-menu-element&gt;menu&lt;/a&gt;&lt;/c=
ode&gt; (if the &lt;code title=3Dattr-menu-type&gt;&lt;a href=3D#attr-men=
u-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute is in the &lt;a href=3D#t=
oolbar-state title=3D&quot;toolbar state&quot;&gt;toolbar&lt;/a&gt; state=
);
+      &lt;code&gt;&lt;a href=3D#the-ol-element&gt;ol&lt;/a&gt;&lt;/code&=
gt; (if the element's children include at least one &lt;code&gt;&lt;a hre=
f=3D#the-li-element&gt;li&lt;/a&gt;&lt;/code&gt; element);
+      &lt;code&gt;&lt;a href=3D#the-ul-element&gt;ul&lt;/a&gt;&lt;/code&=
gt; (if the element's children include at least one &lt;code&gt;&lt;a hre=
f=3D#the-li-element&gt;li&lt;/a&gt;&lt;/code&gt; element);
+      &lt;a href=3D#text-content title=3D&quot;text content&quot;&gt;Tex=
t&lt;/a&gt; that is not &lt;a href=3D#inter-element-whitespace&gt;inter-e=
lement whitespace&lt;/a&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;a href=3D#script-supporting-elements&gt;Scr=
ipt-supporting elements&lt;/a&gt;
+     &lt;td&gt;
+      &lt;code&gt;&lt;a href=3D#the-script-element&gt;script&lt;/a&gt;&l=
t;/code&gt;;
+      &lt;code&gt;&lt;a href=3D#the-template-element&gt;template&lt;/a&g=
t;&lt;/code&gt;
+     &lt;td&gt;
+      &amp;mdash;
+
+  &lt;/table&gt;&lt;h3 class=3Dno-num id=3Dattributes-1&gt;Attributes&lt=
;/h3&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;table&gt;&lt;caption&gt;List of attributes (excluding event handle=
r content attributes)&lt;/caption&gt;
+   &lt;thead&gt;&lt;tr&gt;&lt;th&gt; Attribute
+     &lt;th&gt; Element(s)
+     &lt;th&gt; Description
+     &lt;th&gt; Value
+   &lt;tbody&gt;&lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;ab=
br&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-th-abbr&gt;&lt;a href=3D#attr-th-a=
bbr&gt;th&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Alternative label to use for the header cell when refere=
ncing the cell in other contexts
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;accept&lt;/cod=
e&gt;
+     &lt;td&gt; &lt;code title=3Dattr-input-accept&gt;&lt;a href=3D#attr=
-input-accept&gt;input&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Hint for expected file type in &lt;a href=3D&quot;#file-=
upload-state-(type=3Dfile)&quot; title=3Dattr-input-type-file&gt;file upl=
oad controls&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#set-of-comma-separated-tokens&gt;Set of co=
mma-separated tokens&lt;/a&gt;* consisting of &lt;a href=3D#valid-mime-ty=
pe title=3D&quot;valid MIME type&quot;&gt;valid MIME types with no parame=
ters&lt;/a&gt; or &lt;code title=3D&quot;&quot;&gt;audio/*&lt;/code&gt;, =
&lt;code title=3D&quot;&quot;&gt;video/*&lt;/code&gt;, or &lt;code title=3D=
&quot;&quot;&gt;image/*&lt;/code&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;accept-charset=
&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-form-accept-charset&gt;&lt;a href=3D=
#attr-form-accept-charset&gt;form&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Character encodings to use for &lt;a href=3D#form-submis=
sion&gt;form submission&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#ordered-set-of-unique-space-separated-toke=
ns&gt;Ordered set of unique space-separated tokens&lt;/a&gt;, &lt;a href=3D=
#ascii-case-insensitive&gt;ASCII case-insensitive&lt;/a&gt;, consisting o=
f &lt;a href=3D#encoding-label title=3D&quot;encoding label&quot;&gt;labe=
ls&lt;/a&gt; of &lt;a href=3D#ascii-compatible-character-encoding title=3D=
&quot;ASCII-compatible character encoding&quot;&gt;ASCII-compatible chara=
cter encodings&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;accesskey&lt;/=
code&gt;
+     &lt;td&gt; &lt;a href=3D#the-accesskey-attribute title=3Dattr-acces=
skey&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; Keyboard shortcut to activate or focus element
+     &lt;td&gt; &lt;a href=3D#ordered-set-of-unique-space-separated-toke=
ns&gt;Ordered set of unique space-separated tokens&lt;/a&gt;, &lt;a href=3D=
#case-sensitive&gt;case-sensitive&lt;/a&gt;, consisting of one Unicode co=
de point in length
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;action&lt;/cod=
e&gt;
+     &lt;td&gt; &lt;code title=3Dattr-fs-action&gt;&lt;a href=3D#attr-fs=
-action&gt;form&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#url&gt;URL&lt;/a&gt; to use for &lt;a href=
=3D#form-submission&gt;form submission&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#valid-non-empty-url-potentially-surrounded=
-by-spaces&gt;Valid non-empty URL potentially surrounded by spaces&lt;/a&=
gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;allowfullscree=
n&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-iframe-allowfullscreen&gt;&lt;a hr=
ef=3D#attr-iframe-allowfullscreen&gt;iframe&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Whether to allow the &lt;code&gt;&lt;a href=3D#the-ifram=
e-element&gt;iframe&lt;/a&gt;&lt;/code&gt;'s contents to use &lt;code tit=
le=3Ddom-element-requestFullscreen&gt;&lt;a href=3D#dom-element-requestfu=
llscreen&gt;requestFullscreen()&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;alt&lt;/code&g=
t;
+     &lt;td&gt; &lt;code title=3Dattr-area-alt&gt;&lt;a href=3D#attr-are=
a-alt&gt;area&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-img-alt&gt;&lt;a href=3D#attr-img-alt&gt=
;img&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-input-alt&gt;&lt;a href=3D#attr-input-al=
t&gt;input&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Replacement text for use when images are not available
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;async&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-script-async&gt;&lt;a href=3D#attr=
-script-async&gt;script&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Execute script asynchronously
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;autocomplete&l=
t;/code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-form-autocomplete&gt;&lt;a href=3D=
#attr-form-autocomplete&gt;form&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Default setting for autofill feature for controls in the=
 form
+     &lt;td&gt; &quot;&lt;code title=3D&quot;&quot;&gt;on&lt;/code&gt;&q=
uot;; &quot;&lt;code title=3D&quot;&quot;&gt;off&lt;/code&gt;&quot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;autocomplete&l=
t;/code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#a=
ttr-fe-autocomplete&gt;input&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe=
-autocomplete&gt;select&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fe-autocomplete&gt;&lt;a href=3D#attr-fe=
-autocomplete&gt;textarea&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Hint for form autofill feature
+     &lt;td&gt; &lt;a href=3D#autofill-field title=3D&quot;autofill fiel=
d&quot;&gt;Autofill field&lt;/a&gt; name and related tokens*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;autofocus&lt;/=
code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr=
-fe-autofocus&gt;button&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr-fe-au=
tofocus&gt;input&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr-fe-au=
tofocus&gt;keygen&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr-fe-au=
tofocus&gt;select&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fe-autofocus&gt;&lt;a href=3D#attr-fe-au=
tofocus&gt;textarea&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Automatically focus the form control when the page is lo=
aded
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;autoplay&lt;/c=
ode&gt;
+     &lt;td&gt; &lt;code title=3Dattr-media-autoplay&gt;&lt;a href=3D#at=
tr-media-autoplay&gt;audio&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-media-autoplay&gt;&lt;a href=3D#attr-med=
ia-autoplay&gt;video&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Hint that the &lt;a href=3D#media-resource&gt;media reso=
urce&lt;/a&gt; can be started automatically when the page is loaded
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;challenge&lt;/=
code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-keygen-challenge&gt;&lt;a href=3D#=
attr-keygen-challenge&gt;keygen&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; String to package with the generated and signed public k=
ey
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;charset&lt;/co=
de&gt;
+     &lt;td&gt; &lt;code title=3Dattr-meta-charset&gt;&lt;a href=3D#attr=
-meta-charset&gt;meta&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#character-encoding-declaration&gt;Characte=
r encoding declaration&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#encoding-label&gt;Encoding label&lt;/a&gt;=
*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;charset&lt;/co=
de&gt;
+     &lt;td&gt; &lt;code title=3Dattr-script-charset&gt;&lt;a href=3D#at=
tr-script-charset&gt;script&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Character encoding of the external script resource
+     &lt;td&gt; &lt;a href=3D#encoding-label&gt;Encoding label&lt;/a&gt;=
*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;checked&lt;/co=
de&gt;
+     &lt;td&gt; &lt;code title=3Dattr-menuitem-checked&gt;&lt;a href=3D#=
attr-menuitem-checked&gt;menuitem&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-input-checked&gt;&lt;a href=3D#attr-inpu=
t-checked&gt;input&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Whether the command or control is checked
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;cite&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-blockquote-cite&gt;&lt;a href=3D#a=
ttr-blockquote-cite&gt;blockquote&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-mod-cite&gt;&lt;a href=3D#attr-mod-cite&=
gt;del&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-mod-cite&gt;&lt;a href=3D#attr-mod-cite&=
gt;ins&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-q-cite&gt;&lt;a href=3D#attr-q-cite&gt;q=
&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Link to the source of the quotation or more information =
about the edit
+     &lt;td&gt; &lt;a href=3D#valid-url-potentially-surrounded-by-spaces=
&gt;Valid URL potentially surrounded by spaces&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;class&lt;/code=
&gt;
+     &lt;td&gt; &lt;a href=3D#classes title=3Dattr-class&gt;HTML element=
s&lt;/a&gt;
+     &lt;td&gt; Classes to which the element belongs
+     &lt;td&gt; &lt;a href=3D#set-of-space-separated-tokens&gt;Set of sp=
ace-separated tokens&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;cols&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-textarea-cols&gt;&lt;a href=3D#att=
r-textarea-cols&gt;textarea&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Maximum number of characters per line
+     &lt;td&gt; &lt;a href=3D#valid-non-negative-integer&gt;Valid non-ne=
gative integer&lt;/a&gt; greater than zero
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;colspan&lt;/co=
de&gt;
+     &lt;td&gt; &lt;code title=3Dattr-tdth-colspan&gt;&lt;a href=3D#attr=
-tdth-colspan&gt;td&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-tdth-colspan&gt;&lt;a href=3D#attr-tdth-=
colspan&gt;th&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Number of columns that the cell is to span
+     &lt;td&gt; &lt;a href=3D#valid-non-negative-integer&gt;Valid non-ne=
gative integer&lt;/a&gt; greater than zero
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;command&lt;/co=
de&gt;
+     &lt;td&gt; &lt;code title=3Dattr-menuitem-command&gt;&lt;a href=3D#=
attr-menuitem-command&gt;menuitem&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Command definition
+     &lt;td&gt; &lt;a href=3D#concept-id title=3Dconcept-id&gt;ID&lt;/a&=
gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;content&lt;/co=
de&gt;
+     &lt;td&gt; &lt;code title=3Dattr-meta-content&gt;&lt;a href=3D#attr=
-meta-content&gt;meta&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Value of the element
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;contenteditabl=
e&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#attr-contenteditable title=3Dattr-contente=
ditable&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; Whether the element is editable
+     &lt;td&gt; &quot;&lt;code title=3D&quot;&quot;&gt;true&lt;/code&gt;=
&quot;; &quot;&lt;code title=3D&quot;&quot;&gt;false&lt;/code&gt;&quot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;contextmenu&lt=
;/code&gt;
+     &lt;td&gt; &lt;a href=3D#attr-contextmenu title=3Dattr-contextmenu&=
gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; The element's context menu
+     &lt;td&gt; &lt;a href=3D#concept-id title=3Dconcept-id&gt;ID&lt;/a&=
gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;controls&lt;/c=
ode&gt;
+     &lt;td&gt; &lt;code title=3Dattr-media-controls&gt;&lt;a href=3D#at=
tr-media-controls&gt;audio&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-media-controls&gt;&lt;a href=3D#attr-med=
ia-controls&gt;video&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Show user agent controls
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;coords&lt;/cod=
e&gt;
+     &lt;td&gt; &lt;code title=3Dattr-area-coords&gt;&lt;a href=3D#attr-=
area-coords&gt;area&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Coordinates for the shape to be created in an &lt;a href=
=3D#image-map&gt;image map&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#valid-list-of-integers&gt;Valid list of in=
tegers&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;crossorigin&lt=
;/code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-media-crossorigin&gt;&lt;a href=3D=
#attr-media-crossorigin&gt;audio&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-img-crossorigin&gt;&lt;a href=3D#attr-im=
g-crossorigin&gt;img&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-link-crossorigin&gt;&lt;a href=3D#attr-l=
ink-crossorigin&gt;link&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-script-crossorigin&gt;&lt;a href=3D#attr=
-script-crossorigin&gt;script&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-media-crossorigin&gt;&lt;a href=3D#attr-=
media-crossorigin&gt;video&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; How the element handles crossorigin requests
+     &lt;td&gt; &quot;&lt;code title=3Dattr-crossorigin-anonymous-keywor=
d&gt;&lt;a href=3D#attr-crossorigin-anonymous-keyword&gt;anonymous&lt;/a&=
gt;&lt;/code&gt;&quot;; &quot;&lt;code title=3Dattr-crossorigin-use-crede=
ntials-keyword&gt;&lt;a href=3D#attr-crossorigin-use-credentials-keyword&=
gt;use-credentials&lt;/a&gt;&lt;/code&gt;&quot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;data&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-object-data&gt;&lt;a href=3D#attr-=
object-data&gt;object&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Address of the resource
+     &lt;td&gt; &lt;a href=3D#valid-non-empty-url-potentially-surrounded=
-by-spaces&gt;Valid non-empty URL potentially surrounded by spaces&lt;/a&=
gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;datetime&lt;/c=
ode&gt;
+     &lt;td&gt; &lt;code title=3Dattr-mod-datetime&gt;&lt;a href=3D#attr=
-mod-datetime&gt;del&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-mod-datetime&gt;&lt;a href=3D#attr-mod-d=
atetime&gt;ins&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Date and (optionally) time of the change
+     &lt;td&gt; &lt;a href=3D#valid-date-string-with-optional-time&gt;Va=
lid date string with optional time&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;datetime&lt;/c=
ode&gt;
+     &lt;td&gt; &lt;code title=3Dattr-time-datetime&gt;&lt;a href=3D#att=
r-time-datetime&gt;time&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Machine-readable value
+     &lt;td&gt; &lt;a href=3D#valid-month-string&gt;Valid month string&l=
t;/a&gt;,
+          &lt;a href=3D#valid-date-string&gt;valid date string&lt;/a&gt;=
,
+          &lt;a href=3D#valid-yearless-date-string&gt;valid yearless dat=
e string&lt;/a&gt;,
+          &lt;a href=3D#valid-time-string&gt;valid time string&lt;/a&gt;=
,
+          &lt;a href=3D#valid-local-date-and-time-string&gt;valid local =
date and time string&lt;/a&gt;,
+          &lt;a href=3D#valid-time-zone-offset-string&gt;valid time-zone=
 offset string&lt;/a&gt;,
+          &lt;a href=3D#valid-global-date-and-time-string&gt;valid globa=
l date and time string&lt;/a&gt;,
+          &lt;a href=3D#valid-week-string&gt;valid week string&lt;/a&gt;=
,
+          &lt;a href=3D#valid-non-negative-integer&gt;valid non-negative=
 integer&lt;/a&gt;, or
+          &lt;a href=3D#valid-duration-string&gt;valid duration string&l=
t;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;default&lt;/co=
de&gt;
+     &lt;td&gt; &lt;code title=3Dattr-menuitem-default&gt;&lt;a href=3D#=
attr-menuitem-default&gt;menuitem&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Mark the command as being a default command
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;default&lt;/co=
de&gt;
+     &lt;td&gt; &lt;code title=3Dattr-track-default&gt;&lt;a href=3D#att=
r-track-default&gt;track&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Enable the track if no other &lt;a href=3D#text-track&gt=
;text track&lt;/a&gt; is more suitable
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;defer&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-script-defer&gt;&lt;a href=3D#attr=
-script-defer&gt;script&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Defer script execution
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;dir&lt;/code&g=
t;
+     &lt;td&gt; &lt;a href=3D#the-dir-attribute title=3Dattr-dir&gt;HTML=
 elements&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#the-directionality title=3D&quot;the direc=
tionality&quot;&gt;The text directionality&lt;/a&gt; of the element
+     &lt;td&gt; &quot;&lt;code title=3Dattr-dir-ltr&gt;&lt;a href=3D#att=
r-dir-ltr&gt;ltr&lt;/a&gt;&lt;/code&gt;&quot;; &quot;&lt;code title=3Datt=
r-dir-rtl&gt;&lt;a href=3D#attr-dir-rtl&gt;rtl&lt;/a&gt;&lt;/code&gt;&quo=
t;; &quot;&lt;code title=3Dattr-dir-auto&gt;&lt;a href=3D#attr-dir-auto&g=
t;auto&lt;/a&gt;&lt;/code&gt;&quot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;dirname&lt;/co=
de&gt;
+     &lt;td&gt; &lt;code title=3Dattr-fe-dirname&gt;&lt;a href=3D#attr-f=
e-dirname&gt;input&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fe-dirname&gt;&lt;a href=3D#attr-fe-dirn=
ame&gt;textarea&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Name of form field to use for sending the element's &lt;=
a href=3D#the-directionality title=3D&quot;the directionality&quot;&gt;di=
rectionality&lt;/a&gt; in &lt;a href=3D#form-submission&gt;form submissio=
n&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;disabled&lt;/c=
ode&gt;
+     &lt;td&gt; &lt;code title=3Dattr-fe-disabled&gt;&lt;a href=3D#attr-=
fe-disabled&gt;button&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-menuitem-disabled&gt;&lt;a href=3D#attr-=
menuitem-disabled&gt;menuitem&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fieldset-disabled&gt;&lt;a href=3D#attr-=
fieldset-disabled&gt;fieldset&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fe-disabled&gt;&lt;a href=3D#attr-fe-dis=
abled&gt;input&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fe-disabled&gt;&lt;a href=3D#attr-fe-dis=
abled&gt;keygen&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-optgroup-disabled&gt;&lt;a href=3D#attr-=
optgroup-disabled&gt;optgroup&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-option-disabled&gt;&lt;a href=3D#attr-op=
tion-disabled&gt;option&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fe-disabled&gt;&lt;a href=3D#attr-fe-dis=
abled&gt;select&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fe-disabled&gt;&lt;a href=3D#attr-fe-dis=
abled&gt;textarea&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Whether the form control is disabled
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;download&lt;/c=
ode&gt;
+     &lt;td&gt; &lt;code title=3Dattr-hyperlink-download&gt;&lt;a href=3D=
#attr-hyperlink-download&gt;a&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-hyperlink-download&gt;&lt;a href=3D#attr=
-hyperlink-download&gt;area&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Whether to download the resource instead of navigating t=
o it, and its file name if so
+     &lt;td&gt; Text
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;draggable&lt;/=
code&gt;
+     &lt;td&gt; &lt;a href=3D#the-draggable-attribute title=3Dattr-dragg=
able&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; Whether the element is draggable
+     &lt;td&gt; &quot;&lt;code title=3D&quot;&quot;&gt;true&lt;/code&gt;=
&quot;; &quot;&lt;code title=3D&quot;&quot;&gt;false&lt;/code&gt;&quot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;dropzone&lt;/c=
ode&gt;
+     &lt;td&gt; &lt;a href=3D#the-dropzone-attribute title=3Dattr-dropzo=
ne&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; Accepted item types for drag-and-drop
+     &lt;td&gt; &lt;a href=3D#unordered-set-of-unique-space-separated-to=
kens&gt;Unordered set of unique space-separated tokens&lt;/a&gt;, &lt;a h=
ref=3D#ascii-case-insensitive&gt;ASCII case-insensitive&lt;/a&gt;, consis=
ting of accepted types and drag feedback*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;enctype&lt;/co=
de&gt;
+     &lt;td&gt; &lt;code title=3Dattr-fs-enctype&gt;&lt;a href=3D#attr-f=
s-enctype&gt;form&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Form data set encoding type to use for &lt;a href=3D#for=
m-submission&gt;form submission&lt;/a&gt;
+     &lt;td&gt; &quot;&lt;code title=3Dattr-fs-enctype-urlencoded&gt;&lt=
;a href=3D#attr-fs-enctype-urlencoded&gt;application/x-www-form-urlencode=
d&lt;/a&gt;&lt;/code&gt;&quot;; &quot;&lt;code title=3Dattr-fs-enctype-fo=
rmdata&gt;&lt;a href=3D#attr-fs-enctype-formdata&gt;multipart/form-data&l=
t;/a&gt;&lt;/code&gt;&quot;; &quot;&lt;code title=3Dattr-fs-enctype-text&=
gt;&lt;a href=3D#attr-fs-enctype-text&gt;text/plain&lt;/a&gt;&lt;/code&gt=
;&quot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;for&lt;/code&g=
t;
+     &lt;td&gt; &lt;code title=3Dattr-label-for&gt;&lt;a href=3D#attr-la=
bel-for&gt;label&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Associate the label with form control
+     &lt;td&gt; &lt;a href=3D#concept-id title=3Dconcept-id&gt;ID&lt;/a&=
gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;for&lt;/code&g=
t;
+     &lt;td&gt; &lt;code title=3Dattr-output-for&gt;&lt;a href=3D#attr-o=
utput-for&gt;output&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Specifies controls from which the output was calculated
+     &lt;td&gt; &lt;a href=3D#unordered-set-of-unique-space-separated-to=
kens&gt;Unordered set of unique space-separated tokens&lt;/a&gt;, &lt;a h=
ref=3D#case-sensitive&gt;case-sensitive&lt;/a&gt;, consisting of IDs*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;form&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae=
-form&gt;button&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-form&=
gt;fieldset&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-form&=
gt;input&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-form&=
gt;keygen&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-form&=
gt;label&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-form&=
gt;object&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-form&=
gt;output&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-form&=
gt;select&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fae-form&gt;&lt;a href=3D#attr-fae-form&=
gt;textarea&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Associates the control with a &lt;code&gt;&lt;a href=3D#=
the-form-element&gt;form&lt;/a&gt;&lt;/code&gt; element
+     &lt;td&gt; &lt;a href=3D#concept-id title=3Dconcept-id&gt;ID&lt;/a&=
gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;formaction&lt;=
/code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-fs-formaction&gt;&lt;a href=3D#att=
r-fs-formaction&gt;button&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fs-formaction&gt;&lt;a href=3D#attr-fs-f=
ormaction&gt;input&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#url&gt;URL&lt;/a&gt; to use for &lt;a href=
=3D#form-submission&gt;form submission&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#valid-non-empty-url-potentially-surrounded=
-by-spaces&gt;Valid non-empty URL potentially surrounded by spaces&lt;/a&=
gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;formenctype&lt=
;/code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-fs-formenctype&gt;&lt;a href=3D#at=
tr-fs-formenctype&gt;button&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fs-formenctype&gt;&lt;a href=3D#attr-fs-=
formenctype&gt;input&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Form data set encoding type to use for &lt;a href=3D#for=
m-submission&gt;form submission&lt;/a&gt;
+     &lt;td&gt; &quot;&lt;code title=3Dattr-fs-enctype-urlencoded&gt;&lt=
;a href=3D#attr-fs-enctype-urlencoded&gt;application/x-www-form-urlencode=
d&lt;/a&gt;&lt;/code&gt;&quot;; &quot;&lt;code title=3Dattr-fs-enctype-fo=
rmdata&gt;&lt;a href=3D#attr-fs-enctype-formdata&gt;multipart/form-data&l=
t;/a&gt;&lt;/code&gt;&quot;; &quot;&lt;code title=3Dattr-fs-enctype-text&=
gt;&lt;a href=3D#attr-fs-enctype-text&gt;text/plain&lt;/a&gt;&lt;/code&gt=
;&quot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;formmethod&lt;=
/code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-fs-formmethod&gt;&lt;a href=3D#att=
r-fs-formmethod&gt;button&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fs-formmethod&gt;&lt;a href=3D#attr-fs-f=
ormmethod&gt;input&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; HTTP method to use for &lt;a href=3D#form-submission&gt;=
form submission&lt;/a&gt;
+     &lt;td&gt; &quot;&lt;code title=3D&quot;&quot;&gt;GET&lt;/code&gt;&=
quot;; &quot;&lt;code title=3D&quot;&quot;&gt;POST&lt;/code&gt;&quot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;formnovalidate=
&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-fs-formnovalidate&gt;&lt;a href=3D=
#attr-fs-formnovalidate&gt;button&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fs-formnovalidate&gt;&lt;a href=3D#attr-=
fs-formnovalidate&gt;input&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Bypass form control validation for &lt;a href=3D#form-su=
bmission&gt;form submission&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;formtarget&lt;=
/code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-fs-formtarget&gt;&lt;a href=3D#att=
r-fs-formtarget&gt;button&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fs-formtarget&gt;&lt;a href=3D#attr-fs-f=
ormtarget&gt;input&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#browsing-context&gt;Browsing context&lt;/a=
&gt; for &lt;a href=3D#form-submission&gt;form submission&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#valid-browsing-context-name-or-keyword&gt;=
Valid browsing context name or keyword&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;headers&lt;/co=
de&gt;
+     &lt;td&gt; &lt;code title=3Dattr-tdth-headers&gt;&lt;a href=3D#attr=
-tdth-headers&gt;td&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-tdth-headers&gt;&lt;a href=3D#attr-tdth-=
headers&gt;th&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; The header cells for this cell
+     &lt;td&gt; &lt;a href=3D#unordered-set-of-unique-space-separated-to=
kens&gt;Unordered set of unique space-separated tokens&lt;/a&gt;, &lt;a h=
ref=3D#case-sensitive&gt;case-sensitive&lt;/a&gt;, consisting of IDs*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;height&lt;/cod=
e&gt;
+     &lt;td&gt; &lt;code title=3Dattr-canvas-height&gt;&lt;a href=3D#att=
r-canvas-height&gt;canvas&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-dim-height&gt;&lt;a href=3D#attr-dim-hei=
ght&gt;embed&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-dim-height&gt;&lt;a href=3D#attr-dim-hei=
ght&gt;iframe&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-dim-height&gt;&lt;a href=3D#attr-dim-hei=
ght&gt;img&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-dim-height&gt;&lt;a href=3D#attr-dim-hei=
ght&gt;input&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-dim-height&gt;&lt;a href=3D#attr-dim-hei=
ght&gt;object&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-dim-height&gt;&lt;a href=3D#attr-dim-hei=
ght&gt;video&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Vertical dimension
+     &lt;td&gt; &lt;a href=3D#valid-non-negative-integer&gt;Valid non-ne=
gative integer&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;hidden&lt;/cod=
e&gt;
+     &lt;td&gt; &lt;a href=3D#the-hidden-attribute title=3Dattr-hidden&g=
t;HTML elements&lt;/a&gt;
+     &lt;td&gt; Whether the element is relevant
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;high&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-meter-high&gt;&lt;a href=3D#attr-m=
eter-high&gt;meter&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Low limit of high range
+     &lt;td&gt; &lt;a href=3D#valid-floating-point-number&gt;Valid float=
ing-point number&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;href&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-hyperlink-href&gt;&lt;a href=3D#at=
tr-hyperlink-href&gt;a&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-hyperlink-href&gt;&lt;a href=3D#attr-hyp=
erlink-href&gt;area&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Address of the &lt;a href=3D#hyperlink&gt;hyperlink&lt;/=
a&gt;
+     &lt;td&gt; &lt;a href=3D#valid-url-potentially-surrounded-by-spaces=
&gt;Valid URL potentially surrounded by spaces&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;href&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-link-href&gt;&lt;a href=3D#attr-li=
nk-href&gt;link&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Address of the &lt;a href=3D#hyperlink&gt;hyperlink&lt;/=
a&gt;
+     &lt;td&gt; &lt;a href=3D#valid-non-empty-url-potentially-surrounded=
-by-spaces&gt;Valid non-empty URL potentially surrounded by spaces&lt;/a&=
gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;href&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-base-href&gt;&lt;a href=3D#attr-ba=
se-href&gt;base&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#document-base-url&gt;Document base URL&lt;=
/a&gt;
+     &lt;td&gt; &lt;a href=3D#valid-url-potentially-surrounded-by-spaces=
&gt;Valid URL potentially surrounded by spaces&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;hreflang&lt;/c=
ode&gt;
+     &lt;td&gt; &lt;code title=3Dattr-hyperlink-hreflang&gt;&lt;a href=3D=
#attr-hyperlink-hreflang&gt;a&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-hyperlink-hreflang&gt;&lt;a href=3D#attr=
-hyperlink-hreflang&gt;area&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-link-hreflang&gt;&lt;a href=3D#attr-link=
-hreflang&gt;link&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Language of the linked resource
+     &lt;td&gt; Valid BCP 47 language tag
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;http-equiv&lt;=
/code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-meta-http-equiv&gt;&lt;a href=3D#a=
ttr-meta-http-equiv&gt;meta&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Pragma directive
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;icon&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-menuitem-icon&gt;&lt;a href=3D#att=
r-menuitem-icon&gt;menuitem&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Icon for the command
+     &lt;td&gt; &lt;a href=3D#valid-non-empty-url-potentially-surrounded=
-by-spaces&gt;Valid non-empty URL potentially surrounded by spaces&lt;/a&=
gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;id&lt;/code&gt=
;
+     &lt;td&gt; &lt;a href=3D#the-id-attribute title=3Dattr-id&gt;HTML e=
lements&lt;/a&gt;
+     &lt;td&gt; The element's &lt;a href=3D#concept-id title=3Dconcept-i=
d&gt;ID&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;inert&lt;/code=
&gt;
+     &lt;td&gt; &lt;a href=3D#the-inert-attribute title=3Dattr-inert&gt;=
HTML elements&lt;/a&gt;
+     &lt;td&gt; Whether the element is inert
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;inputmode&lt;/=
code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-fe-inputmode&gt;&lt;a href=3D#attr=
-fe-inputmode&gt;input&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fe-inputmode&gt;&lt;a href=3D#attr-fe-in=
putmode&gt;textarea&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Hint for selecting an input modality
+     &lt;td&gt; &lt;code title=3Dattr-fe-inputmode-keyword-verbatim&gt;&=
lt;a href=3D#attr-fe-inputmode-keyword-verbatim&gt;verbatim&lt;/a&gt;&lt;=
/code&gt;;=20
+          &lt;code title=3Dattr-fe-inputmode-keyword-latin&gt;&lt;a href=
=3D#attr-fe-inputmode-keyword-latin&gt;latin&lt;/a&gt;&lt;/code&gt;;=20
+          &lt;code title=3Dattr-fe-inputmode-keyword-latin-name&gt;&lt;a=
 href=3D#attr-fe-inputmode-keyword-latin-name&gt;latin-name&lt;/a&gt;&lt;=
/code&gt;;=20
+          &lt;code title=3Dattr-fe-inputmode-keyword-latin-prose&gt;&lt;=
a href=3D#attr-fe-inputmode-keyword-latin-prose&gt;latin-prose&lt;/a&gt;&=
lt;/code&gt;;=20
+          &lt;code title=3Dattr-fe-inputmode-keyword-full-width-latin&gt=
;&lt;a href=3D#attr-fe-inputmode-keyword-full-width-latin&gt;full-width-l=
atin&lt;/a&gt;&lt;/code&gt;;=20
+          &lt;code title=3Dattr-fe-inputmode-keyword-kana&gt;&lt;a href=3D=
#attr-fe-inputmode-keyword-kana&gt;kana&lt;/a&gt;&lt;/code&gt;;=20
+          &lt;code title=3Dattr-fe-inputmode-keyword-katakana&gt;&lt;a h=
ref=3D#attr-fe-inputmode-keyword-katakana&gt;katakana&lt;/a&gt;&lt;/code&=
gt;;=20
+          &lt;!-- &lt;code title=3D&quot;attr-fe-inputmode-keyword-half-=
width-katakana&quot;&gt;half-width-katakana&lt;/code&gt;; --&gt;
+          &lt;code title=3Dattr-fe-inputmode-keyword-numeric&gt;&lt;a hr=
ef=3D#attr-fe-inputmode-keyword-numeric&gt;numeric&lt;/a&gt;&lt;/code&gt;=
;=20
+          &lt;code title=3Dattr-fe-inputmode-keyword-tel&gt;&lt;a href=3D=
#attr-fe-inputmode-keyword-tel&gt;tel&lt;/a&gt;&lt;/code&gt;;=20
+          &lt;code title=3Dattr-fe-inputmode-keyword-email&gt;&lt;a href=
=3D#attr-fe-inputmode-keyword-email&gt;email&lt;/a&gt;&lt;/code&gt;;=20
+          &lt;code title=3Dattr-fe-inputmode-keyword-url&gt;&lt;a href=3D=
#attr-fe-inputmode-keyword-url&gt;url&lt;/a&gt;&lt;/code&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;ismap&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-img-ismap&gt;&lt;a href=3D#attr-im=
g-ismap&gt;img&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Whether the image is a server-side image map
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;itemid&lt;/cod=
e&gt;
+     &lt;td&gt; &lt;a href=3D#attr-itemid title=3Dattr-itemid&gt;HTML el=
ements&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#global-identifier&gt;Global identifier&lt;=
/a&gt; for a microdata item
+     &lt;td&gt; &lt;a href=3D#valid-url-potentially-surrounded-by-spaces=
&gt;Valid URL potentially surrounded by spaces&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;itemprop&lt;/c=
ode&gt;
+     &lt;td&gt; &lt;a href=3D#names:-the-itemprop-attribute title=3Dattr=
-itemprop&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#property-names&gt;Property names&lt;/a&gt;=
 of a microdata item
+     &lt;td&gt; &lt;a href=3D#unordered-set-of-unique-space-separated-to=
kens&gt;Unordered set of unique space-separated tokens&lt;/a&gt;, &lt;a h=
ref=3D#case-sensitive&gt;case-sensitive&lt;/a&gt;, consisting of &lt;a hr=
ef=3D#absolute-url title=3D&quot;absolute URL&quot;&gt;valid absolute URL=
s&lt;/a&gt;, &lt;a href=3D#defined-property-name title=3D&quot;defined pr=
operty name&quot;&gt;defined property names&lt;/a&gt;, or text*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;itemref&lt;/co=
de&gt;
+     &lt;td&gt; &lt;a href=3D#attr-itemref title=3Dattr-itemref&gt;HTML =
elements&lt;/a&gt;
+     &lt;td&gt; Referenced elements
+     &lt;td&gt; &lt;a href=3D#unordered-set-of-unique-space-separated-to=
kens&gt;Unordered set of unique space-separated tokens&lt;/a&gt;, &lt;a h=
ref=3D#case-sensitive&gt;case-sensitive&lt;/a&gt;, consisting of IDs*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;itemscope&lt;/=
code&gt;
+     &lt;td&gt; &lt;a href=3D#attr-itemscope title=3Dattr-itemscope&gt;H=
TML elements&lt;/a&gt;
+     &lt;td&gt; Introduces a microdata item
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;itemtype&lt;/c=
ode&gt;
+     &lt;td&gt; &lt;a href=3D#attr-itemtype title=3Dattr-itemtype&gt;HTM=
L elements&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#item-types&gt;Item types&lt;/a&gt; of a mi=
crodata item
+     &lt;td&gt; &lt;a href=3D#unordered-set-of-unique-space-separated-to=
kens&gt;Unordered set of unique space-separated tokens&lt;/a&gt;, &lt;a h=
ref=3D#case-sensitive&gt;case-sensitive&lt;/a&gt;, consisting of &lt;a hr=
ef=3D#absolute-url title=3D&quot;absolute URL&quot;&gt;valid absolute URL=
&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;keytype&lt;/co=
de&gt;
+     &lt;td&gt; &lt;code title=3Dattr-keygen-keytype&gt;&lt;a href=3D#at=
tr-keygen-keytype&gt;keygen&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; The type of cryptographic key to generate
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;kind&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-track-kind&gt;&lt;a href=3D#attr-t=
rack-kind&gt;track&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; The type of text track
+     &lt;td&gt; &quot;&lt;code title=3Dattr-track-kind-subtitles&gt;&lt;=
a href=3D#attr-track-kind-subtitles&gt;subtitles&lt;/a&gt;&lt;/code&gt;&q=
uot;;
+          &quot;&lt;code title=3Dattr-track-kind-captions&gt;&lt;a href=3D=
#attr-track-kind-captions&gt;captions&lt;/a&gt;&lt;/code&gt;&quot;;
+          &quot;&lt;code title=3Dattr-track-kind-descriptions&gt;&lt;a h=
ref=3D#attr-track-kind-descriptions&gt;descriptions&lt;/a&gt;&lt;/code&gt=
;&quot;;
+          &quot;&lt;code title=3Dattr-track-kind-chapters&gt;&lt;a href=3D=
#attr-track-kind-chapters&gt;chapters&lt;/a&gt;&lt;/code&gt;&quot;;
+          &quot;&lt;code title=3Dattr-track-kind-metadata&gt;&lt;a href=3D=
#attr-track-kind-metadata&gt;metadata&lt;/a&gt;&lt;/code&gt;&quot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;label&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-menuitem-label&gt;&lt;a href=3D#at=
tr-menuitem-label&gt;menuitem&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-menu-label&gt;&lt;a href=3D#attr-menu-la=
bel&gt;menu&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-optgroup-label&gt;&lt;a href=3D#attr-opt=
group-label&gt;optgroup&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-option-label&gt;&lt;a href=3D#attr-optio=
n-label&gt;option&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-track-label&gt;&lt;a href=3D#attr-track-=
label&gt;track&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; User-visible label
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;lang&lt;/code&=
gt;
+     &lt;td&gt; &lt;a href=3D#attr-lang title=3Dattr-lang&gt;HTML elemen=
ts&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#language&gt;Language&lt;/a&gt; of the elem=
ent
+     &lt;td&gt; Valid BCP 47 language tag or the empty string
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;list&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-input-list&gt;&lt;a href=3D#attr-i=
nput-list&gt;input&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; List of autocomplete options
+     &lt;td&gt; &lt;a href=3D#concept-id title=3Dconcept-id&gt;ID&lt;/a&=
gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;loop&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-media-loop&gt;&lt;a href=3D#attr-m=
edia-loop&gt;audio&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-media-loop&gt;&lt;a href=3D#attr-media-l=
oop&gt;video&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Whether to loop the &lt;a href=3D#media-resource&gt;medi=
a resource&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;low&lt;/code&g=
t;
+     &lt;td&gt; &lt;code title=3Dattr-meter-low&gt;&lt;a href=3D#attr-me=
ter-low&gt;meter&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; High limit of low range
+     &lt;td&gt; &lt;a href=3D#valid-floating-point-number&gt;Valid float=
ing-point number&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;manifest&lt;/c=
ode&gt;
+     &lt;td&gt; &lt;code title=3Dattr-html-manifest&gt;&lt;a href=3D#att=
r-html-manifest&gt;html&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#concept-appcache-manifest title=3Dconcept-=
appcache-manifest&gt;Application cache manifest&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#valid-non-empty-url-potentially-surrounded=
-by-spaces&gt;Valid non-empty URL potentially surrounded by spaces&lt;/a&=
gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;max&lt;/code&g=
t;
+     &lt;td&gt; &lt;code title=3Dattr-input-max&gt;&lt;a href=3D#attr-in=
put-max&gt;input&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Maximum value
+     &lt;td&gt; Varies*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;max&lt;/code&g=
t;
+     &lt;td&gt; &lt;code title=3Dattr-meter-max&gt;&lt;a href=3D#attr-me=
ter-max&gt;meter&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-progress-max&gt;&lt;a href=3D#attr-progr=
ess-max&gt;progress&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Upper bound of range
+     &lt;td&gt; &lt;a href=3D#valid-floating-point-number&gt;Valid float=
ing-point number&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;maxlength&lt;/=
code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-input-maxlength&gt;&lt;a href=3D#a=
ttr-input-maxlength&gt;input&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-textarea-maxlength&gt;&lt;a href=3D#attr=
-textarea-maxlength&gt;textarea&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Maximum length of value
+     &lt;td&gt; &lt;a href=3D#valid-non-negative-integer&gt;Valid non-ne=
gative integer&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;media&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-link-media&gt;&lt;a href=3D#attr-l=
ink-media&gt;link&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-source-media&gt;&lt;a href=3D#attr-sourc=
e-media&gt;source&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-style-media&gt;&lt;a href=3D#attr-style-=
media&gt;style&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Applicable media
+     &lt;td&gt; &lt;a href=3D#valid-media-query&gt;Valid media query&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;mediagroup&lt;=
/code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-media-mediagroup&gt;&lt;a href=3D#=
attr-media-mediagroup&gt;audio&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-media-mediagroup&gt;&lt;a href=3D#attr-m=
edia-mediagroup&gt;video&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Groups &lt;a href=3D#media-element title=3D&quot;media e=
lement&quot;&gt;media elements&lt;/a&gt; together with an implicit &lt;co=
de&gt;&lt;a href=3D#mediacontroller&gt;MediaController&lt;/a&gt;&lt;/code=
&gt;
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;menu&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-button-menu&gt;&lt;a href=3D#attr-=
button-menu&gt;button&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Specifies the element's &lt;a href=3D#designated-pop-up-=
menu&gt;designated pop-up menu&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#concept-id title=3Dconcept-id&gt;ID&lt;/a&=
gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;method&lt;/cod=
e&gt;
+     &lt;td&gt; &lt;code title=3Dattr-fs-method&gt;&lt;a href=3D#attr-fs=
-method&gt;form&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; HTTP method to use for &lt;a href=3D#form-submission&gt;=
form submission&lt;/a&gt;
+     &lt;td&gt; &quot;&lt;code title=3Dattr-fs-method-GET-keyword&gt;&lt=
;a href=3D#attr-fs-method-get-keyword&gt;GET&lt;/a&gt;&lt;/code&gt;&quot;=
;
+          &quot;&lt;code title=3Dattr-fs-method-POST-keyword&gt;&lt;a hr=
ef=3D#attr-fs-method-post-keyword&gt;POST&lt;/a&gt;&lt;/code&gt;&quot;;
+          &quot;&lt;code title=3Dattr-fs-method-dialog-keyword&gt;&lt;a =
href=3D#attr-fs-method-dialog-keyword&gt;dialog&lt;/a&gt;&lt;/code&gt;&qu=
ot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;min&lt;/code&g=
t;
+     &lt;td&gt; &lt;code title=3Dattr-input-min&gt;&lt;a href=3D#attr-in=
put-min&gt;input&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Minimum value
+     &lt;td&gt; Varies*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;min&lt;/code&g=
t;
+     &lt;td&gt; &lt;code title=3Dattr-meter-min&gt;&lt;a href=3D#attr-me=
ter-min&gt;meter&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Lower bound of range
+     &lt;td&gt; &lt;a href=3D#valid-floating-point-number&gt;Valid float=
ing-point number&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;minlength&lt;/=
code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-input-minlength&gt;&lt;a href=3D#a=
ttr-input-minlength&gt;input&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-textarea-minlength&gt;&lt;a href=3D#attr=
-textarea-minlength&gt;textarea&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Minimum length of value
+     &lt;td&gt; &lt;a href=3D#valid-non-negative-integer&gt;Valid non-ne=
gative integer&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;multiple&lt;/c=
ode&gt;
+     &lt;td&gt; &lt;code title=3Dattr-input-multiple&gt;&lt;a href=3D#at=
tr-input-multiple&gt;input&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-select-multiple&gt;&lt;a href=3D#attr-se=
lect-multiple&gt;select&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Whether to allow multiple values
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;muted&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-media-muted&gt;&lt;a href=3D#attr-=
media-muted&gt;audio&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-media-muted&gt;&lt;a href=3D#attr-media-=
muted&gt;video&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Whether to mute the &lt;a href=3D#media-resource&gt;medi=
a resource&lt;/a&gt; by default
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;name&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-n=
ame&gt;button&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt=
;fieldset&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt=
;input&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt=
;keygen&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt=
;output&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt=
;select&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-fe-name&gt;&lt;a href=3D#attr-fe-name&gt=
;textarea&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Name of form control to use for &lt;a href=3D#form-submi=
ssion&gt;form submission&lt;/a&gt; and in the &lt;code title=3Ddom-form-e=
lements&gt;&lt;a href=3D#dom-form-elements&gt;form.elements&lt;/a&gt;&lt;=
/code&gt; API
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;name&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-form-name&gt;&lt;a href=3D#attr-fo=
rm-name&gt;form&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Name of form to use in the &lt;code title=3Ddom-document=
-forms&gt;&lt;a href=3D#dom-document-forms&gt;document.forms&lt;/a&gt;&lt=
;/code&gt; API
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;name&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-iframe-name&gt;&lt;a href=3D#attr-=
iframe-name&gt;iframe&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-object-name&gt;&lt;a href=3D#attr-object=
-name&gt;object&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Name of &lt;a href=3D#nested-browsing-context&gt;nested =
browsing context&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#valid-browsing-context-name-or-keyword&gt;=
Valid browsing context name or keyword&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;name&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-map-name&gt;&lt;a href=3D#attr-map=
-name&gt;map&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Name of &lt;a href=3D#image-map&gt;image map&lt;/a&gt; t=
o reference from the &lt;code title=3Dattr-hyperlink-usemap&gt;&lt;a href=
=3D#attr-hyperlink-usemap&gt;usemap&lt;/a&gt;&lt;/code&gt; attribute
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;name&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-meta-name&gt;&lt;a href=3D#attr-me=
ta-name&gt;meta&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Metadata name
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;name&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-param-name&gt;&lt;a href=3D#attr-p=
aram-name&gt;param&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Name of parameter
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;novalidate&lt;=
/code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-fs-novalidate&gt;&lt;a href=3D#att=
r-fs-novalidate&gt;form&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Bypass form control validation for &lt;a href=3D#form-su=
bmission&gt;form submission&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;open&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-details-open&gt;&lt;a href=3D#attr=
-details-open&gt;details&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Whether the details are visible
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;open&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-dialog-open&gt;&lt;a href=3D#attr-=
dialog-open&gt;dialog&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Whether the dialog box is showing
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;optimum&lt;/co=
de&gt;
+     &lt;td&gt; &lt;code title=3Dattr-meter-optimum&gt;&lt;a href=3D#att=
r-meter-optimum&gt;meter&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Optimum value in gauge
+     &lt;td&gt; &lt;a href=3D#valid-floating-point-number&gt;Valid float=
ing-point number&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;pattern&lt;/co=
de&gt;
+     &lt;td&gt; &lt;code title=3Dattr-input-pattern&gt;&lt;a href=3D#att=
r-input-pattern&gt;input&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Pattern to be matched by the form control's value
+     &lt;td&gt; Regular expression matching the JavaScript &lt;i title=3D=
&quot;&quot;&gt;Pattern&lt;/i&gt; production
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;ping&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-hyperlink-ping&gt;&lt;a href=3D#pi=
ng&gt;a&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-hyperlink-ping&gt;&lt;a href=3D#ping&gt;=
area&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#url title=3DURL&gt;URLs&lt;/a&gt; to ping
+     &lt;td&gt; &lt;a href=3D#set-of-space-separated-tokens&gt;Set of sp=
ace-separated tokens&lt;/a&gt; consisting of &lt;a href=3D#valid-non-empt=
y-url title=3D&quot;valid non-empty URL&quot;&gt;valid non-empty URLs&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;placeholder&lt=
;/code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-input-placeholder&gt;&lt;a href=3D=
#attr-input-placeholder&gt;input&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-textarea-placeholder&gt;&lt;a href=3D#at=
tr-textarea-placeholder&gt;textarea&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; User-visible label to be placed within the form control
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;poster&lt;/cod=
e&gt;
+     &lt;td&gt; &lt;code title=3Dattr-video-poster&gt;&lt;a href=3D#attr=
-video-poster&gt;video&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Poster frame to show prior to video playback
+     &lt;td&gt; &lt;a href=3D#valid-non-empty-url-potentially-surrounded=
-by-spaces&gt;Valid non-empty URL potentially surrounded by spaces&lt;/a&=
gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;preload&lt;/co=
de&gt;
+     &lt;td&gt; &lt;code title=3Dattr-media-preload&gt;&lt;a href=3D#att=
r-media-preload&gt;audio&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-media-preload&gt;&lt;a href=3D#attr-medi=
a-preload&gt;video&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Hints how much buffering the &lt;a href=3D#media-resourc=
e&gt;media resource&lt;/a&gt; will likely need
+     &lt;td&gt; &quot;&lt;code title=3Dattr-media-preload-none&gt;&lt;a =
href=3D#attr-media-preload-none&gt;none&lt;/a&gt;&lt;/code&gt;&quot;;
+          &quot;&lt;code title=3Dattr-media-preload-metadata&gt;&lt;a hr=
ef=3D#attr-media-preload-metadata&gt;metadata&lt;/a&gt;&lt;/code&gt;&quot=
;;
+          &quot;&lt;code title=3Dattr-media-preload-auto&gt;&lt;a href=3D=
#attr-media-preload-auto&gt;auto&lt;/a&gt;&lt;/code&gt;&quot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;radiogroup&lt;=
/code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-menuitem-radiogroup&gt;&lt;a href=3D=
#attr-menuitem-radiogroup&gt;menuitem&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Name of group of commands to treat as a radio button gro=
up
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;readonly&lt;/c=
ode&gt;
+     &lt;td&gt; &lt;code title=3Dattr-input-readonly&gt;&lt;a href=3D#at=
tr-input-readonly&gt;input&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-textarea-readonly&gt;&lt;a href=3D#attr-=
textarea-readonly&gt;textarea&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Whether to allow the value to be edited by the user
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;rel&lt;/code&g=
t;
+     &lt;td&gt; &lt;code title=3Dattr-hyperlink-rel&gt;&lt;a href=3D#att=
r-hyperlink-rel&gt;a&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-hyperlink-rel&gt;&lt;a href=3D#attr-hype=
rlink-rel&gt;area&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-link-rel&gt;&lt;a href=3D#attr-link-rel&=
gt;link&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Relationship between the document containing the hyperli=
nk and the destination resource
+     &lt;td&gt; &lt;a href=3D#set-of-space-separated-tokens&gt;Set of sp=
ace-separated tokens&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;required&lt;/c=
ode&gt;
+     &lt;td&gt; &lt;code title=3Dattr-input-required&gt;&lt;a href=3D#at=
tr-input-required&gt;input&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-select-required&gt;&lt;a href=3D#attr-se=
lect-required&gt;select&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-textarea-required&gt;&lt;a href=3D#attr-=
textarea-required&gt;textarea&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Whether the control is required for &lt;a href=3D#form-s=
ubmission&gt;form submission&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;reversed&lt;/c=
ode&gt;
+     &lt;td&gt; &lt;code title=3Dattr-ol-reversed&gt;&lt;a href=3D#attr-=
ol-reversed&gt;ol&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Number the list backwards
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;rows&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-textarea-rows&gt;&lt;a href=3D#att=
r-textarea-rows&gt;textarea&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Number of lines to show
+     &lt;td&gt; &lt;a href=3D#valid-non-negative-integer&gt;Valid non-ne=
gative integer&lt;/a&gt; greater than zero
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;rowspan&lt;/co=
de&gt;
+     &lt;td&gt; &lt;code title=3Dattr-tdth-rowspan&gt;&lt;a href=3D#attr=
-tdth-rowspan&gt;td&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-tdth-rowspan&gt;&lt;a href=3D#attr-tdth-=
rowspan&gt;th&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Number of rows that the cell is to span
+     &lt;td&gt; &lt;a href=3D#valid-non-negative-integer&gt;Valid non-ne=
gative integer&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;sandbox&lt;/co=
de&gt;
+     &lt;td&gt; &lt;code title=3Dattr-iframe-sandbox&gt;&lt;a href=3D#at=
tr-iframe-sandbox&gt;iframe&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Security rules for nested content
+     &lt;td&gt; &lt;a href=3D#unordered-set-of-unique-space-separated-to=
kens&gt;Unordered set of unique space-separated tokens&lt;/a&gt;, &lt;a h=
ref=3D#ascii-case-insensitive&gt;ASCII case-insensitive&lt;/a&gt;, consis=
ting of
+          &quot;&lt;code title=3Dattr-iframe-sandbox-allow-forms&gt;&lt;=
a href=3D#attr-iframe-sandbox-allow-forms&gt;allow-forms&lt;/a&gt;&lt;/co=
de&gt;&quot;,
+          &quot;&lt;code title=3Dattr-iframe-sandbox-allow-pointer-lock&=
gt;&lt;a href=3D#attr-iframe-sandbox-allow-pointer-lock&gt;allow-pointer-=
lock&lt;/a&gt;&lt;/code&gt;&quot;,
+          &quot;&lt;code title=3Dattr-iframe-sandbox-allow-popups&gt;&lt=
;a href=3D#attr-iframe-sandbox-allow-popups&gt;allow-popups&lt;/a&gt;&lt;=
/code&gt;&quot;,
+          &quot;&lt;code title=3Dattr-iframe-sandbox-allow-same-origin&g=
t;&lt;a href=3D#attr-iframe-sandbox-allow-same-origin&gt;allow-same-origi=
n&lt;/a&gt;&lt;/code&gt;&quot;,
+          &quot;&lt;code title=3Dattr-iframe-sandbox-allow-scripts&gt;&l=
t;a href=3D#attr-iframe-sandbox-allow-scripts&gt;allow-scripts&lt;/a&gt;&=
lt;/code&gt; and
+          &quot;&lt;code title=3Dattr-iframe-sandbox-allow-top-navigatio=
n&gt;&lt;a href=3D#attr-iframe-sandbox-allow-top-navigation&gt;allow-top-=
navigation&lt;/a&gt;&lt;/code&gt;&quot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;spellcheck&lt;=
/code&gt;
+     &lt;td&gt; &lt;a href=3D#attr-spellcheck title=3Dattr-spellcheck&gt=
;HTML elements&lt;/a&gt;
+     &lt;td&gt; Whether the element is to have its spelling and grammar =
checked
+     &lt;td&gt; &quot;&lt;code title=3D&quot;&quot;&gt;true&lt;/code&gt;=
&quot;; &quot;&lt;code title=3D&quot;&quot;&gt;false&lt;/code&gt;&quot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;scope&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-th-scope&gt;&lt;a href=3D#attr-th-=
scope&gt;th&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Specifies which cells the header cell applies to
+     &lt;td&gt; &quot;&lt;code title=3Dattr-th-scope-row&gt;&lt;a href=3D=
#attr-th-scope-row&gt;row&lt;/a&gt;&lt;/code&gt;&quot;;
+          &quot;&lt;code title=3Dattr-th-scope-col&gt;&lt;a href=3D#attr=
-th-scope-col&gt;col&lt;/a&gt;&lt;/code&gt;&quot;;
+          &quot;&lt;code title=3Dattr-th-scope-rowgroup&gt;&lt;a href=3D=
#attr-th-scope-rowgroup&gt;rowgroup&lt;/a&gt;&lt;/code&gt;&quot;;
+          &quot;&lt;code title=3Dattr-th-scope-colgroup&gt;&lt;a href=3D=
#attr-th-scope-colgroup&gt;colgroup&lt;/a&gt;&lt;/code&gt;&quot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;scoped&lt;/cod=
e&gt;
+     &lt;td&gt; &lt;code title=3Dattr-style-scoped&gt;&lt;a href=3D#attr=
-style-scoped&gt;style&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Whether the styles apply to the entire document or just =
the parent subtree
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;seamless&lt;/c=
ode&gt;
+     &lt;td&gt; &lt;code title=3Dattr-iframe-seamless&gt;&lt;a href=3D#a=
ttr-iframe-seamless&gt;iframe&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Whether to apply the document's styles to the nested con=
tent
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;selected&lt;/c=
ode&gt;
+     &lt;td&gt; &lt;code title=3Dattr-option-selected&gt;&lt;a href=3D#a=
ttr-option-selected&gt;option&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Whether the option is selected by default
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;shape&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-area-shape&gt;&lt;a href=3D#attr-a=
rea-shape&gt;area&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; The kind of shape to be created in an &lt;a href=3D#imag=
e-map&gt;image map&lt;/a&gt;
+     &lt;td&gt; &quot;&lt;code title=3Dattr-area-shape-keyword-circle&gt=
;&lt;a href=3D#attr-area-shape-keyword-circle&gt;circle&lt;/a&gt;&lt;/cod=
e&gt;&quot;;
+          &quot;&lt;code title=3Dattr-area-shape-keyword-default&gt;&lt;=
a href=3D#attr-area-shape-keyword-default&gt;default&lt;/a&gt;&lt;/code&g=
t;&quot;;
+          &quot;&lt;code title=3Dattr-area-shape-keyword-poly&gt;&lt;a h=
ref=3D#attr-area-shape-keyword-poly&gt;poly&lt;/a&gt;&lt;/code&gt;&quot;;
+          &quot;&lt;code title=3Dattr-area-shape-keyword-rect&gt;&lt;a h=
ref=3D#attr-area-shape-keyword-rect&gt;rect&lt;/a&gt;&lt;/code&gt;&quot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;size&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-input-size&gt;&lt;a href=3D#attr-i=
nput-size&gt;input&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-select-size&gt;&lt;a href=3D#attr-select=
-size&gt;select&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Size of the control
+     &lt;td&gt; &lt;a href=3D#valid-non-negative-integer&gt;Valid non-ne=
gative integer&lt;/a&gt; greater than zero
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;sizes&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-link-sizes&gt;&lt;a href=3D#attr-l=
ink-sizes&gt;link&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Sizes of the icons (for &lt;code title=3Dattr-link-rel&g=
t;&lt;a href=3D#attr-link-rel&gt;rel&lt;/a&gt;&lt;/code&gt;=3D&quot;&lt;c=
ode title=3Drel-icon&gt;&lt;a href=3D#rel-icon&gt;icon&lt;/a&gt;&lt;/code=
&gt;&quot;)
+     &lt;td&gt; &lt;a href=3D#unordered-set-of-unique-space-separated-to=
kens&gt;Unordered set of unique space-separated tokens&lt;/a&gt;, &lt;a h=
ref=3D#ascii-case-insensitive&gt;ASCII case-insensitive&lt;/a&gt;, consis=
ting of sizes*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;sorted&lt;/cod=
e&gt;
+     &lt;td&gt; &lt;code title=3Dattr-th-sorted&gt;&lt;a href=3D#attr-th=
-sorted&gt;th&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#column-sort-direction&gt;Column sort direc=
tion&lt;/a&gt; and &lt;a href=3D#column-key-ordinality title=3D&quot;colu=
mn key ordinality&quot;&gt;ordinality&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#set-of-space-separated-tokens&gt;Set of sp=
ace-separated tokens&lt;/a&gt;, &lt;a href=3D#ascii-case-insensitive&gt;A=
SCII case-insensitive&lt;/a&gt;, consisting of neither, one, or both of &=
quot;&lt;code title=3Dattr-th-sorted-reversed&gt;&lt;a href=3D#attr-th-so=
rted-reversed&gt;reversed&lt;/a&gt;&lt;/code&gt;&quot; and a &lt;a href=3D=
#valid-non-negative-integer&gt;valid non-negative integer&lt;/a&gt; great=
er than zero
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;span&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-col-span&gt;&lt;a href=3D#attr-col=
-span&gt;col&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-colgroup-span&gt;&lt;a href=3D#attr-colg=
roup-span&gt;colgroup&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Number of columns spanned by the element
+     &lt;td&gt; &lt;a href=3D#valid-non-negative-integer&gt;Valid non-ne=
gative integer&lt;/a&gt; greater than zero
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;src&lt;/code&g=
t;
+     &lt;td&gt; &lt;code title=3Dattr-media-src&gt;&lt;a href=3D#attr-me=
dia-src&gt;audio&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-embed-src&gt;&lt;a href=3D#attr-embed-sr=
c&gt;embed&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-iframe-src&gt;&lt;a href=3D#attr-iframe-=
src&gt;iframe&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-img-src&gt;&lt;a href=3D#attr-img-src&gt=
;img&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-input-src&gt;&lt;a href=3D#attr-input-sr=
c&gt;input&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-script-src&gt;&lt;a href=3D#attr-script-=
src&gt;script&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-source-src&gt;&lt;a href=3D#attr-source-=
src&gt;source&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-track-src&gt;&lt;a href=3D#attr-track-sr=
c&gt;track&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-media-src&gt;&lt;a href=3D#attr-media-sr=
c&gt;video&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Address of the resource
+     &lt;td&gt; &lt;a href=3D#valid-non-empty-url-potentially-surrounded=
-by-spaces&gt;Valid non-empty URL potentially surrounded by spaces&lt;/a&=
gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;srcdoc&lt;/cod=
e&gt;
+     &lt;td&gt; &lt;code title=3Dattr-iframe-srcdoc&gt;&lt;a href=3D#att=
r-iframe-srcdoc&gt;iframe&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; A document to render in the &lt;code&gt;&lt;a href=3D#th=
e-iframe-element&gt;iframe&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; The source of &lt;a href=3D#an-iframe-srcdoc-document&gt=
;an &lt;code&gt;iframe&lt;/code&gt; &lt;code title=3Dattr-iframe-srcdoc&g=
t;srcdoc&lt;/code&gt; document&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;srclang&lt;/co=
de&gt;
+     &lt;td&gt; &lt;code title=3Dattr-track-srclang&gt;&lt;a href=3D#att=
r-track-srclang&gt;track&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Language of the text track
+     &lt;td&gt; Valid BCP 47 language tag
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;srcset&lt;/cod=
e&gt;
+     &lt;td&gt; &lt;code title=3Dattr-img-srcset&gt;&lt;a href=3D#attr-i=
mg-srcset&gt;img&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Images to use in different situations (e.g. high-resolut=
ion displays, small monitors, etc)
+     &lt;td&gt; Comma-separated list of &lt;span&gt;image candidate stri=
ngs&lt;/span&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;start&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-ol-start&gt;&lt;a href=3D#attr-ol-=
start&gt;ol&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#ordinal-value&gt;Ordinal value&lt;/a&gt; o=
f the first item
+     &lt;td&gt; &lt;a href=3D#valid-integer&gt;Valid integer&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;step&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-input-step&gt;&lt;a href=3D#attr-i=
nput-step&gt;input&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Granularity to be matched by the form control's value
+     &lt;td&gt; &lt;a href=3D#valid-floating-point-number&gt;Valid float=
ing-point number&lt;/a&gt; greater than zero, or &quot;&lt;code title=3D&=
quot;&quot;&gt;any&lt;/code&gt;&quot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;style&lt;/code=
&gt;
+     &lt;td&gt; &lt;a href=3D#the-style-attribute title=3Dattr-style&gt;=
HTML elements&lt;/a&gt;
+     &lt;td&gt; Presentational and formatting instructions
+     &lt;td&gt; CSS declarations*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;tabindex&lt;/c=
ode&gt;
+     &lt;td&gt; &lt;a href=3D#attr-tabindex title=3Dattr-tabindex&gt;HTM=
L elements&lt;/a&gt;
+     &lt;td&gt; Whether the element is focusable, and the relative order=
 of the element for the purposes of sequential focus navigation
+     &lt;td&gt; &lt;a href=3D#valid-integer&gt;Valid integer&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;target&lt;/cod=
e&gt;
+     &lt;td&gt; &lt;code title=3Dattr-hyperlink-target&gt;&lt;a href=3D#=
attr-hyperlink-target&gt;a&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-hyperlink-target&gt;&lt;a href=3D#attr-h=
yperlink-target&gt;area&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#browsing-context&gt;Browsing context&lt;/a=
&gt; for &lt;a href=3D#hyperlink&gt;hyperlink&lt;/a&gt; &lt;a href=3D#nav=
igate title=3Dnavigate&gt;navigation&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#valid-browsing-context-name-or-keyword&gt;=
Valid browsing context name or keyword&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;target&lt;/cod=
e&gt;
+     &lt;td&gt; &lt;code title=3Dattr-base-target&gt;&lt;a href=3D#attr-=
base-target&gt;base&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Default &lt;a href=3D#browsing-context&gt;browsing conte=
xt&lt;/a&gt; for &lt;a href=3D#hyperlink&gt;hyperlink&lt;/a&gt; &lt;a hre=
f=3D#navigate title=3Dnavigate&gt;navigation&lt;/a&gt; and &lt;a href=3D#=
form-submission&gt;form submission&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#valid-browsing-context-name-or-keyword&gt;=
Valid browsing context name or keyword&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;target&lt;/cod=
e&gt;
+     &lt;td&gt; &lt;code title=3Dattr-fs-target&gt;&lt;a href=3D#attr-fs=
-target&gt;form&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#browsing-context&gt;Browsing context&lt;/a=
&gt; for &lt;a href=3D#form-submission&gt;form submission&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#valid-browsing-context-name-or-keyword&gt;=
Valid browsing context name or keyword&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;title&lt;/code=
&gt;
+     &lt;td&gt; &lt;a href=3D#attr-title title=3Dattr-title&gt;HTML elem=
ents&lt;/a&gt;
+     &lt;td&gt; Advisory information for the element
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;title&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-abbr-title&gt;&lt;a href=3D#attr-a=
bbr-title&gt;abbr&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-dfn-title&gt;&lt;a href=3D#attr-dfn-titl=
e&gt;dfn&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Full term or expansion of abbreviation
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;title&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-menuitem-title&gt;&lt;a href=3D#at=
tr-menuitem-title&gt;menuitem&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Hint describing the command
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;title&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-link-title&gt;&lt;a href=3D#attr-l=
ink-title&gt;link&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Title of the link
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;title&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-link-title&gt;&lt;a href=3D#attr-l=
ink-title&gt;link&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-style-title&gt;&lt;a href=3D#attr-style-=
title&gt;style&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Alternative style sheet set name
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;translate&lt;/=
code&gt;
+     &lt;td&gt; &lt;a href=3D#attr-translate title=3Dattr-translate&gt;H=
TML elements&lt;/a&gt;
+     &lt;td&gt; Whether the element is to be translated when the page is=
 localized
+     &lt;td&gt; &quot;&lt;code title=3D&quot;&quot;&gt;yes&lt;/code&gt;&=
quot;; &quot;&lt;code title=3D&quot;&quot;&gt;no&lt;/code&gt;&quot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;type&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-hyperlink-type&gt;&lt;a href=3D#at=
tr-hyperlink-type&gt;a&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-hyperlink-type&gt;&lt;a href=3D#attr-hyp=
erlink-type&gt;area&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-link-type&gt;&lt;a href=3D#attr-link-typ=
e&gt;link&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Hint for the type of the referenced resource
+     &lt;td&gt; &lt;a href=3D#valid-mime-type&gt;Valid MIME type&lt;/a&g=
t;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;type&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-button-type&gt;&lt;a href=3D#attr-=
button-type&gt;button&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Type of button
+     &lt;td&gt; &quot;&lt;code title=3Dattr-button-type-submit&gt;&lt;a =
href=3D#attr-button-type-submit&gt;submit&lt;/a&gt;&lt;/code&gt;&quot;;
+          &quot;&lt;code title=3Dattr-button-type-reset&gt;&lt;a href=3D=
#attr-button-type-reset&gt;reset&lt;/a&gt;&lt;/code&gt;&quot;;
+          &quot;&lt;code title=3Dattr-button-type-button&gt;&lt;a href=3D=
#attr-button-type-button&gt;button&lt;/a&gt;&lt;/code&gt;&quot;;
+          &quot;&lt;code title=3Dattr-button-type-menu&gt;&lt;a href=3D#=
attr-button-type-menu&gt;menu&lt;/a&gt;&lt;/code&gt;&quot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;type&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-embed-type&gt;&lt;a href=3D#attr-e=
mbed-type&gt;embed&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-object-type&gt;&lt;a href=3D#attr-object=
-type&gt;object&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-script-type&gt;&lt;a href=3D#attr-script=
-type&gt;script&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-source-type&gt;&lt;a href=3D#attr-source=
-type&gt;source&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-style-type&gt;&lt;a href=3D#attr-style-t=
ype&gt;style&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Type of embedded resource
+     &lt;td&gt; &lt;a href=3D#valid-mime-type&gt;Valid MIME type&lt;/a&g=
t;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;type&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-input-type&gt;&lt;a href=3D#attr-i=
nput-type&gt;input&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Type of form control
+     &lt;td&gt; &lt;a href=3D#attr-input-type title=3Dattr-input-type&gt=
;&lt;code&gt;input&lt;/code&gt; type keyword&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;type&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-menu-type&gt;&lt;a href=3D#attr-me=
nu-type&gt;menu&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Type of menu
+     &lt;td&gt; &quot;&lt;code title=3D&quot;popup menu state&quot;&gt;&=
lt;a href=3D#popup-menu-state&gt;popup&lt;/a&gt;&lt;/code&gt;&quot;; &quo=
t;&lt;code title=3D&quot;toolbar state&quot;&gt;&lt;a href=3D#toolbar-sta=
te&gt;toolbar&lt;/a&gt;&lt;/code&gt;&quot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;type&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-menuitem-type&gt;&lt;a href=3D#att=
r-menuitem-type&gt;menuitem&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Type of command
+     &lt;td&gt; &quot;&lt;code title=3Dattr-menuitem-type-keyword-comman=
d&gt;&lt;a href=3D#attr-menuitem-type-keyword-command&gt;command&lt;/a&gt=
;&lt;/code&gt;&quot;;
+          &quot;&lt;code title=3Dattr-menuitem-type-keyword-checkbox&gt;=
&lt;a href=3D#attr-menuitem-type-keyword-checkbox&gt;checkbox&lt;/a&gt;&l=
t;/code&gt;&quot;;
+          &quot;&lt;code title=3Dattr-menuitem-type-keyword-radio&gt;&lt=
;a href=3D#attr-menuitem-type-keyword-radio&gt;radio&lt;/a&gt;&lt;/code&g=
t;&quot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;type&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-ol-type&gt;&lt;a href=3D#attr-ol-t=
ype&gt;ol&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Kind of list marker
+     &lt;td&gt; &quot;&lt;code title=3Dattr-ol-type-keyword-decimal&gt;&=
lt;a href=3D#attr-ol-type-keyword-decimal&gt;1&lt;/a&gt;&lt;/code&gt;&quo=
t;;
+          &quot;&lt;code title=3Dattr-ol-type-keyword-lower-alpha&gt;&lt=
;a href=3D#attr-ol-type-keyword-lower-alpha&gt;a&lt;/a&gt;&lt;/code&gt;&q=
uot;;
+          &quot;&lt;code title=3Dattr-ol-type-keyword-upper-alpha&gt;&lt=
;a href=3D#attr-ol-type-keyword-upper-alpha&gt;A&lt;/a&gt;&lt;/code&gt;&q=
uot;;
+          &quot;&lt;code title=3Dattr-ol-type-keyword-lower-roman&gt;&lt=
;a href=3D#attr-ol-type-keyword-lower-roman&gt;i&lt;/a&gt;&lt;/code&gt;&q=
uot;;
+          &quot;&lt;code title=3Dattr-ol-type-keyword-upper-roman&gt;&lt=
;a href=3D#attr-ol-type-keyword-upper-roman&gt;I&lt;/a&gt;&lt;/code&gt;&q=
uot;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;typemustmatch&=
lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Dattr-object-typemustmatch&gt;&lt;a href=
=3D#attr-object-typemustmatch&gt;object&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Whether the &lt;code title=3Dattr-object-type&gt;&lt;a h=
ref=3D#attr-object-type&gt;type&lt;/a&gt;&lt;/code&gt; attribute and the =
&lt;a href=3D#content-type&gt;Content-Type&lt;/a&gt; value need to match =
for the resource to be used
+     &lt;td&gt; &lt;a href=3D#boolean-attribute&gt;Boolean attribute&lt;=
/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;usemap&lt;/cod=
e&gt;
+     &lt;td&gt; &lt;code title=3Dattr-hyperlink-usemap&gt;&lt;a href=3D#=
attr-hyperlink-usemap&gt;img&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-hyperlink-usemap&gt;&lt;a href=3D#attr-h=
yperlink-usemap&gt;object&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Name of &lt;a href=3D#image-map&gt;image map&lt;/a&gt; t=
o use
+     &lt;td&gt; &lt;a href=3D#valid-hash-name-reference&gt;Valid hash-na=
me reference&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;value&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-button-value&gt;&lt;a href=3D#attr=
-button-value&gt;button&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-option-value&gt;&lt;a href=3D#attr-optio=
n-value&gt;option&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Value to be used for &lt;a href=3D#form-submission&gt;fo=
rm submission&lt;/a&gt;
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;value&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-data-value&gt;&lt;a href=3D#attr-d=
ata-value&gt;data&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Machine-readable value
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;value&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-input-value&gt;&lt;a href=3D#attr-=
input-value&gt;input&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Value of the form control
+     &lt;td&gt; Varies*
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;value&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-li-value&gt;&lt;a href=3D#attr-li-=
value&gt;li&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#ordinal-value&gt;Ordinal value&lt;/a&gt; o=
f the list item
+     &lt;td&gt; &lt;a href=3D#valid-integer&gt;Valid integer&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;value&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-meter-value&gt;&lt;a href=3D#attr-=
meter-value&gt;meter&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-progress-value&gt;&lt;a href=3D#attr-pro=
gress-value&gt;progress&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Current value of the element
+     &lt;td&gt; &lt;a href=3D#valid-floating-point-number&gt;Valid float=
ing-point number&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;value&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-param-value&gt;&lt;a href=3D#attr-=
param-value&gt;param&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Value of parameter
+     &lt;td&gt; &lt;a href=3D#attribute-text&gt;Text&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;width&lt;/code=
&gt;
+     &lt;td&gt; &lt;code title=3Dattr-canvas-width&gt;&lt;a href=3D#attr=
-canvas-width&gt;canvas&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-dim-width&gt;&lt;a href=3D#attr-dim-widt=
h&gt;embed&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-dim-width&gt;&lt;a href=3D#attr-dim-widt=
h&gt;iframe&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-dim-width&gt;&lt;a href=3D#attr-dim-widt=
h&gt;img&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-dim-width&gt;&lt;a href=3D#attr-dim-widt=
h&gt;input&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-dim-width&gt;&lt;a href=3D#attr-dim-widt=
h&gt;object&lt;/a&gt;&lt;/code&gt;;
+          &lt;code title=3Dattr-dim-width&gt;&lt;a href=3D#attr-dim-widt=
h&gt;video&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; Horizontal dimension
+     &lt;td&gt; &lt;a href=3D#valid-non-negative-integer&gt;Valid non-ne=
gative integer&lt;/a&gt;
+    &lt;tr&gt;&lt;th&gt; &lt;code title=3D&quot;&quot;&gt;wrap&lt;/code&=
gt;
+     &lt;td&gt; &lt;code title=3Dattr-textarea-wrap&gt;&lt;a href=3D#att=
r-textarea-wrap&gt;textarea&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; How the value of the form control is to be wrapped for &=
lt;a href=3D#form-submission&gt;form submission&lt;/a&gt;
+     &lt;td&gt; &quot;&lt;code title=3Dattr-textarea-wrap-soft&gt;&lt;a =
href=3D#attr-textarea-wrap-soft&gt;soft&lt;/a&gt;&lt;/code&gt;&quot;;
+          &quot;&lt;code title=3Dattr-textarea-wrap-hard&gt;&lt;a href=3D=
#attr-textarea-wrap-hard&gt;hard&lt;/a&gt;&lt;/code&gt;&quot;
+  &lt;/table&gt;&lt;p class=3Dtablenote&gt;&lt;small&gt;An asterisk (*) =
in a cell indicates that the actual rules are more
+  complicated than indicated in the table above.&lt;/small&gt;&lt;/p&gt;
+
+  &lt;hr&gt;&lt;table id=3Dix-event-handlers&gt;&lt;caption&gt;List of e=
vent handler content attributes&lt;/caption&gt;
+   &lt;thead&gt;&lt;tr&gt;&lt;th&gt; Attribute
+     &lt;th&gt; Element(s)
+     &lt;th&gt; Description
+     &lt;th&gt; Value
+   &lt;tbody&gt;&lt;tr&gt;&lt;th id=3Dix-handler-onabort&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;onabort&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onabort title=3Dhandler-onabort&gt=
;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-abort&gt;abort&lt;/code&gt; event=
 handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-window-onafterprint&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;onafterprint&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Dhandler-window-onafterprint&gt;&lt;a hr=
ef=3D#handler-window-onafterprint&gt;body&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Devent-afterprint&gt;afterprint&lt;/code=
&gt; event handler for &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&g=
t;&lt;/code&gt; object
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-window-onbeforeprint&gt; &lt;code t=
itle=3D&quot;&quot;&gt;onbeforeprint&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Dhandler-window-onbeforeprint&gt;&lt;a h=
ref=3D#handler-window-onbeforeprint&gt;body&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Devent-beforeprint&gt;beforeprint&lt;/co=
de&gt; event handler for &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a=
&gt;&lt;/code&gt; object
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-window-onbeforeunload&gt; &lt;code =
title=3D&quot;&quot;&gt;onbeforeunload&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Dhandler-window-onbeforeunload&gt;&lt;a =
href=3D#handler-window-onbeforeunload&gt;body&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Devent-beforeunload&gt;beforeunload&lt;/=
code&gt; event handler for &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;=
/a&gt;&lt;/code&gt; object
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onblur&gt; &lt;code title=3D&quot;&=
quot;&gt;onblur&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onblur title=3Dhandler-onblur&gt;H=
TML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-blur&gt;blur&lt;/code&gt; event h=
andler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-oncancel&gt; &lt;code title=3D&quot=
;&quot;&gt;oncancel&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-oncancel title=3Dhandler-oncancel&=
gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-cancel&gt;&lt;a href=3D#event-can=
cel&gt;cancel&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-oncanplay&gt; &lt;code title=3D&quo=
t;&quot;&gt;oncanplay&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-oncanplay title=3Dhandler-oncanpla=
y&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-media-canplay&gt;&lt;a href=3D#ev=
ent-media-canplay&gt;canplay&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-oncanplaythrough&gt; &lt;code title=
=3D&quot;&quot;&gt;oncanplaythrough&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-oncanplaythrough title=3Dhandler-o=
ncanplaythrough&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-media-canplaythrough&gt;&lt;a hre=
f=3D#event-media-canplaythrough&gt;canplaythrough&lt;/a&gt;&lt;/code&gt; =
event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onchange&gt; &lt;code title=3D&quot=
;&quot;&gt;onchange&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onchange title=3Dhandler-onchange&=
gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-change&gt;change&lt;/code&gt; eve=
nt handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onclick&gt; &lt;code title=3D&quot;=
&quot;&gt;onclick&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onclick title=3Dhandler-onclick&gt=
;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-click&gt;&lt;a href=3D#event-clic=
k&gt;click&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onclose&gt; &lt;code title=3D&quot;=
&quot;&gt;onclose&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onclose title=3Dhandler-onclose&gt=
;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-close&gt;&lt;a href=3D#event-clos=
e&gt;close&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-oncontextmenu&gt; &lt;code title=3D=
&quot;&quot;&gt;oncontextmenu&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-oncontextmenu title=3Dhandler-onco=
ntextmenu&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-contextmenu&gt;contextmenu&lt;/co=
de&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-oncuechange&gt; &lt;code title=3D&q=
uot;&quot;&gt;oncuechange&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-oncuechange title=3Dhandler-oncuec=
hange&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-cuechange&gt;cuechange&lt;/code&g=
t; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-ondblclick&gt; &lt;code title=3D&qu=
ot;&quot;&gt;ondblclick&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-ondblclick title=3Dhandler-ondblcl=
ick&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-dblclick&gt;dblclick&lt;/code&gt;=
 event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-ondrag&gt; &lt;code title=3D&quot;&=
quot;&gt;ondrag&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-ondrag title=3Dhandler-ondrag&gt;H=
TML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-drag&gt;&lt;a href=3D#event-drag&=
gt;drag&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-ondragend&gt; &lt;code title=3D&quo=
t;&quot;&gt;ondragend&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-ondragend title=3Dhandler-ondragen=
d&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-dragend&gt;&lt;a href=3D#event-dr=
agend&gt;dragend&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-ondragenter&gt; &lt;code title=3D&q=
uot;&quot;&gt;ondragenter&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-ondragenter title=3Dhandler-ondrag=
enter&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-dragenter&gt;&lt;a href=3D#event-=
dragenter&gt;dragenter&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-ondragexit&gt; &lt;code title=3D&qu=
ot;&quot;&gt;ondragexit&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-ondragexit title=3Dhandler-ondrage=
xit&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-dragexit&gt;&lt;a href=3D#event-d=
ragexit&gt;dragexit&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-ondragleave&gt; &lt;code title=3D&q=
uot;&quot;&gt;ondragleave&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-ondragleave title=3Dhandler-ondrag=
leave&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-dragleave&gt;&lt;a href=3D#event-=
dragleave&gt;dragleave&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-ondragover&gt; &lt;code title=3D&qu=
ot;&quot;&gt;ondragover&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-ondragover title=3Dhandler-ondrago=
ver&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-dragover&gt;&lt;a href=3D#event-d=
ragover&gt;dragover&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-ondragstart&gt; &lt;code title=3D&q=
uot;&quot;&gt;ondragstart&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-ondragstart title=3Dhandler-ondrag=
start&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-dragstart&gt;&lt;a href=3D#event-=
dragstart&gt;dragstart&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-ondrop&gt; &lt;code title=3D&quot;&=
quot;&gt;ondrop&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-ondrop title=3Dhandler-ondrop&gt;H=
TML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-drop&gt;&lt;a href=3D#event-drop&=
gt;drop&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-ondurationchange&gt; &lt;code title=
=3D&quot;&quot;&gt;ondurationchange&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-ondurationchange title=3Dhandler-o=
ndurationchange&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-media-durationchange&gt;&lt;a hre=
f=3D#event-media-durationchange&gt;durationchange&lt;/a&gt;&lt;/code&gt; =
event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onemptied&gt; &lt;code title=3D&quo=
t;&quot;&gt;onemptied&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onemptied title=3Dhandler-onemptie=
d&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-media-emptied&gt;&lt;a href=3D#ev=
ent-media-emptied&gt;emptied&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onended&gt; &lt;code title=3D&quot;=
&quot;&gt;onended&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onended title=3Dhandler-onended&gt=
;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-media-ended&gt;&lt;a href=3D#even=
t-media-ended&gt;ended&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onerror&gt; &lt;code title=3D&quot;=
&quot;&gt;onerror&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onerror title=3Dhandler-onerror&gt=
;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-error&gt;error&lt;/code&gt; event=
 handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onfocus&gt; &lt;code title=3D&quot;=
&quot;&gt;onfocus&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onfocus title=3Dhandler-onfocus&gt=
;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-focus&gt;focus&lt;/code&gt; event=
 handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-window-onhashchange&gt; &lt;code ti=
tle=3D&quot;&quot;&gt;onhashchange&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Dhandler-window-onhashchange&gt;&lt;a hr=
ef=3D#handler-window-onhashchange&gt;body&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Devent-hashchange&gt;&lt;a href=3D#event=
-hashchange&gt;hashchange&lt;/a&gt;&lt;/code&gt; event handler for &lt;co=
de&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-oninput&gt; &lt;code title=3D&quot;=
&quot;&gt;oninput&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-oninput title=3Dhandler-oninput&gt=
;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-input&gt;input&lt;/code&gt; event=
 handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-oninvalid&gt; &lt;code title=3D&quo=
t;&quot;&gt;oninvalid&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-oninvalid title=3Dhandler-oninvali=
d&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-invalid&gt;invalid&lt;/code&gt; e=
vent handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onkeydown&gt; &lt;code title=3D&quo=
t;&quot;&gt;onkeydown&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onkeydown title=3Dhandler-onkeydow=
n&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-keydown&gt;keydown&lt;/code&gt; e=
vent handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onkeypress&gt; &lt;code title=3D&qu=
ot;&quot;&gt;onkeypress&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onkeypress title=3Dhandler-onkeypr=
ess&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-keypress&gt;keypress&lt;/code&gt;=
 event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onkeyup&gt; &lt;code title=3D&quot;=
&quot;&gt;onkeyup&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onkeyup title=3Dhandler-onkeyup&gt=
;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-keyup&gt;keyup&lt;/code&gt; event=
 handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onload&gt; &lt;code title=3D&quot;&=
quot;&gt;onload&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onload title=3Dhandler-onload&gt;H=
TML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-load&gt;load&lt;/code&gt; event h=
andler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onloadeddata&gt; &lt;code title=3D&=
quot;&quot;&gt;onloadeddata&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onloadeddata title=3Dhandler-onloa=
deddata&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-media-loadeddata&gt;&lt;a href=3D=
#event-media-loadeddata&gt;loadeddata&lt;/a&gt;&lt;/code&gt; event handle=
r
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onloadedmetadata&gt; &lt;code title=
=3D&quot;&quot;&gt;onloadedmetadata&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onloadedmetadata title=3Dhandler-o=
nloadedmetadata&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-media-loadedmetadata&gt;&lt;a hre=
f=3D#event-media-loadedmetadata&gt;loadedmetadata&lt;/a&gt;&lt;/code&gt; =
event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onloadstart&gt; &lt;code title=3D&q=
uot;&quot;&gt;onloadstart&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onloadstart title=3Dhandler-onload=
start&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-media-loadstart&gt;&lt;a href=3D#=
event-media-loadstart&gt;loadstart&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-window-onmessage&gt; &lt;code title=
=3D&quot;&quot;&gt;onmessage&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Dhandler-window-onmessage&gt;&lt;a href=3D=
#handler-window-onmessage&gt;body&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Devent-message&gt;&lt;a href=3D#event-me=
ssage&gt;message&lt;/a&gt;&lt;/code&gt; event handler for &lt;code&gt;&lt=
;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onmousedown&gt; &lt;code title=3D&q=
uot;&quot;&gt;onmousedown&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onmousedown title=3Dhandler-onmous=
edown&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-mousedown&gt;mousedown&lt;/code&g=
t; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onmouseenter&gt; &lt;code title=3D&=
quot;&quot;&gt;onmouseenter&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onmouseenter title=3Dhandler-onmou=
seenter&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-mouseenter&gt;mouseenter&lt;/code=
&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onmouseleave&gt; &lt;code title=3D&=
quot;&quot;&gt;onmouseleave&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onmouseleave title=3Dhandler-onmou=
seleave&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-mouseleave&gt;mouseleave&lt;/code=
&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onmousemove&gt; &lt;code title=3D&q=
uot;&quot;&gt;onmousemove&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onmousemove title=3Dhandler-onmous=
emove&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-mousemove&gt;mousemove&lt;/code&g=
t; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onmouseout&gt; &lt;code title=3D&qu=
ot;&quot;&gt;onmouseout&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onmouseout title=3Dhandler-onmouse=
out&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-mouseout&gt;mouseout&lt;/code&gt;=
 event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onmouseover&gt; &lt;code title=3D&q=
uot;&quot;&gt;onmouseover&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onmouseover title=3Dhandler-onmous=
eover&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-mouseover&gt;mouseover&lt;/code&g=
t; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onmouseup&gt; &lt;code title=3D&quo=
t;&quot;&gt;onmouseup&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onmouseup title=3Dhandler-onmouseu=
p&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-mouseup&gt;mouseup&lt;/code&gt; e=
vent handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onmousewheel&gt; &lt;code title=3D&=
quot;&quot;&gt;onmousewheel&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onmousewheel title=3Dhandler-onmou=
sewheel&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-mousewheel&gt;mousewheel&lt;/code=
&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-window-onoffline&gt; &lt;code title=
=3D&quot;&quot;&gt;onoffline&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Dhandler-window-onoffline&gt;&lt;a href=3D=
#handler-window-onoffline&gt;body&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Devent-offline&gt;&lt;a href=3D#event-of=
fline&gt;offline&lt;/a&gt;&lt;/code&gt; event handler for &lt;code&gt;&lt=
;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-window-ononline&gt; &lt;code title=3D=
&quot;&quot;&gt;ononline&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Dhandler-window-ononline&gt;&lt;a href=3D=
#handler-window-ononline&gt;body&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Devent-online&gt;&lt;a href=3D#event-onl=
ine&gt;online&lt;/a&gt;&lt;/code&gt; event handler for &lt;code&gt;&lt;a =
href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-window-onpagehide&gt; &lt;code titl=
e=3D&quot;&quot;&gt;onpagehide&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Dhandler-window-onpagehide&gt;&lt;a href=
=3D#handler-window-onpagehide&gt;body&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Devent-pagehide&gt;&lt;a href=3D#event-p=
agehide&gt;pagehide&lt;/a&gt;&lt;/code&gt; event handler for &lt;code&gt;=
&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-window-onpageshow&gt; &lt;code titl=
e=3D&quot;&quot;&gt;onpageshow&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Dhandler-window-onpageshow&gt;&lt;a href=
=3D#handler-window-onpageshow&gt;body&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Devent-pageshow&gt;&lt;a href=3D#event-p=
ageshow&gt;pageshow&lt;/a&gt;&lt;/code&gt; event handler for &lt;code&gt;=
&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onpause&gt; &lt;code title=3D&quot;=
&quot;&gt;onpause&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onpause title=3Dhandler-onpause&gt=
;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-media-pause&gt;&lt;a href=3D#even=
t-media-pause&gt;pause&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onplay&gt; &lt;code title=3D&quot;&=
quot;&gt;onplay&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onplay title=3Dhandler-onplay&gt;H=
TML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-media-play&gt;&lt;a href=3D#event=
-media-play&gt;play&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onplaying&gt; &lt;code title=3D&quo=
t;&quot;&gt;onplaying&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onplaying title=3Dhandler-onplayin=
g&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-media-playing&gt;&lt;a href=3D#ev=
ent-media-playing&gt;playing&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-window-onpopstate&gt; &lt;code titl=
e=3D&quot;&quot;&gt;onpopstate&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Dhandler-window-onpopstate&gt;&lt;a href=
=3D#handler-window-onpopstate&gt;body&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Devent-popstate&gt;&lt;a href=3D#event-p=
opstate&gt;popstate&lt;/a&gt;&lt;/code&gt; event handler for &lt;code&gt;=
&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onprogress&gt; &lt;code title=3D&qu=
ot;&quot;&gt;onprogress&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onprogress title=3Dhandler-onprogr=
ess&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-media-progress&gt;&lt;a href=3D#e=
vent-media-progress&gt;progress&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onratechange&gt; &lt;code title=3D&=
quot;&quot;&gt;onratechange&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onratechange title=3Dhandler-onrat=
echange&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-media-ratechange&gt;&lt;a href=3D=
#event-media-ratechange&gt;ratechange&lt;/a&gt;&lt;/code&gt; event handle=
r
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onreset&gt; &lt;code title=3D&quot;=
&quot;&gt;onreset&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onreset title=3Dhandler-onreset&gt=
;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-reset&gt;reset&lt;/code&gt; event=
 handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-window-onresize&gt; &lt;code title=3D=
&quot;&quot;&gt;onresize&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Dhandler-window-onresize&gt;&lt;a href=3D=
#handler-window-onresize&gt;body&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Devent-resize&gt;resize&lt;/code&gt; eve=
nt handler for &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/c=
ode&gt; object
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onscroll&gt; &lt;code title=3D&quot=
;&quot;&gt;onscroll&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onscroll title=3Dhandler-onscroll&=
gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-scroll&gt;scroll&lt;/code&gt; eve=
nt handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onseeked&gt; &lt;code title=3D&quot=
;&quot;&gt;onseeked&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onseeked title=3Dhandler-onseeked&=
gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-media-seeked&gt;&lt;a href=3D#eve=
nt-media-seeked&gt;seeked&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onseeking&gt; &lt;code title=3D&quo=
t;&quot;&gt;onseeking&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onseeking title=3Dhandler-onseekin=
g&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-media-seeking&gt;&lt;a href=3D#ev=
ent-media-seeking&gt;seeking&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onselect&gt; &lt;code title=3D&quot=
;&quot;&gt;onselect&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onselect title=3Dhandler-onselect&=
gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-select&gt;select&lt;/code&gt; eve=
nt handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onshow&gt; &lt;code title=3D&quot;&=
quot;&gt;onshow&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onshow title=3Dhandler-onshow&gt;H=
TML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-show&gt;show&lt;/code&gt; event h=
andler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onsort&gt; &lt;code title=3D&quot;&=
quot;&gt;onsort&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onsort title=3Dhandler-onsort&gt;H=
TML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-sort&gt;sort&lt;/code&gt; event h=
andler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onstalled&gt; &lt;code title=3D&quo=
t;&quot;&gt;onstalled&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onstalled title=3Dhandler-onstalle=
d&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-media-stalled&gt;&lt;a href=3D#ev=
ent-media-stalled&gt;stalled&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-window-onstorage&gt; &lt;code title=
=3D&quot;&quot;&gt;onstorage&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Dhandler-window-onstorage&gt;&lt;a href=3D=
#handler-window-onstorage&gt;body&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Devent-storage&gt;&lt;a href=3D#event-st=
orage&gt;storage&lt;/a&gt;&lt;/code&gt; event handler for &lt;code&gt;&lt=
;a href=3D#window&gt;Window&lt;/a&gt;&lt;/code&gt; object
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onsubmit&gt; &lt;code title=3D&quot=
;&quot;&gt;onsubmit&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onsubmit title=3Dhandler-onsubmit&=
gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-submit&gt;submit&lt;/code&gt; eve=
nt handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onsuspend&gt; &lt;code title=3D&quo=
t;&quot;&gt;onsuspend&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onsuspend title=3Dhandler-onsuspen=
d&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-media-suspend&gt;&lt;a href=3D#ev=
ent-media-suspend&gt;suspend&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-ontimeupdate&gt; &lt;code title=3D&=
quot;&quot;&gt;ontimeupdate&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-ontimeupdate title=3Dhandler-ontim=
eupdate&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-media-timeupdate&gt;&lt;a href=3D=
#event-media-timeupdate&gt;timeupdate&lt;/a&gt;&lt;/code&gt; event handle=
r
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-ontoggle&gt; &lt;code title=3D&quot=
;&quot;&gt;ontoggle&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-ontoggle title=3Dhandler-ontoggle&=
gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-toggle&gt;toggle&lt;/code&gt; eve=
nt handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-window-onunload&gt; &lt;code title=3D=
&quot;&quot;&gt;onunload&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Dhandler-window-onunload&gt;&lt;a href=3D=
#handler-window-onunload&gt;body&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3Devent-unload&gt;unload&lt;/code&gt; eve=
nt handler for &lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/c=
ode&gt; object
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onvolumechange&gt; &lt;code title=3D=
&quot;&quot;&gt;onvolumechange&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onvolumechange title=3Dhandler-onv=
olumechange&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-media-volumechange&gt;&lt;a href=3D=
#event-media-volumechange&gt;volumechange&lt;/a&gt;&lt;/code&gt; event ha=
ndler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+    &lt;tr&gt;&lt;th id=3Dix-handler-onwaiting&gt; &lt;code title=3D&quo=
t;&quot;&gt;onwaiting&lt;/code&gt;
+     &lt;td&gt; &lt;a href=3D#handler-onwaiting title=3Dhandler-onwaitin=
g&gt;HTML elements&lt;/a&gt;
+     &lt;td&gt; &lt;code title=3Devent-media-waiting&gt;&lt;a href=3D#ev=
ent-media-waiting&gt;waiting&lt;/a&gt;&lt;/code&gt; event handler
+     &lt;td&gt; &lt;a href=3D#event-handler-content-attributes title=3D&=
quot;event handler content attributes&quot;&gt;Event handler content attr=
ibute&lt;/a&gt;
+
+  &lt;/table&gt;&lt;!-- v2 for completeness: (also search for REFLECTIDL=
)
+  &lt;h3 class=3D&quot;no-num&quot;&gt;Reflecting IDL attributes&lt;/h3&=
gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;table&gt;
+   &lt;caption&gt;List of &lt;dfn&gt;reflecting IDL attributes&lt;/dfn&g=
t;&lt;/caption&gt;
+   &lt;thead&gt;
+    &lt;tr&gt;
+     &lt;th&gt; Interface
+     &lt;th&gt; Element(s)
+     &lt;th&gt; IDL attribute
+     &lt;th&gt; Reflects...
+   &lt;tbody&gt;
+    ...
+    &lt;tr&gt;
+     &lt;td&gt; &lt;code&gt;HTMLElement&lt;/code&gt;
+     &lt;td&gt; &lt;span&gt;HTML elements&lt;/span&gt;
+     &lt;td&gt; &lt;code title=3D&quot;dom-contextMenu&quot;&gt;contextM=
enu&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3D&quot;attr-contextmenu&quot;&gt;context=
menu&lt;/code&gt;
+    &lt;tr&gt;
+     &lt;td&gt; &lt;code&gt;HTMLOptionElement&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;option&lt;/code&gt;
+     &lt;td&gt; &lt;code title=3D&quot;dom-option-text&quot;&gt;text&lt;=
/code&gt;
+     &lt;td&gt; &lt;code&gt;textContent&lt;/code&gt;
+  &lt;/table&gt;
+  ( include option.text; textarea.defaultValue, and other attributes tha=
t &quot;reflect&quot; the element's textContent )
+--&gt;&lt;h3 class=3Dno-num id=3Delement-interfaces&gt;Element Interface=
s&lt;/h3&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;table&gt;&lt;caption&gt;List of interfaces for elements&lt;/captio=
n&gt;
+   &lt;thead&gt;&lt;tr&gt;&lt;th&gt; Element(s)
+     &lt;th&gt; Interface(s)
+   &lt;tbody&gt;&lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-a-ele=
ment&gt;a&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlanchorelement&gt;HTMLAncho=
rElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&g=
t;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-abbr-element&gt;a=
bbr&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-address-element&g=
t;address&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-area-element&gt;a=
rea&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlareaelement&gt;HTMLAreaEle=
ment&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;HT=
MLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-article-element&g=
t;article&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-aside-element&gt;=
aside&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-audio-element&gt;=
audio&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlaudioelement&gt;HTMLAudioE=
lement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlmediaelemen=
t&gt;HTMLMediaElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#=
htmlelement&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-b-element&gt;b&lt=
;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-base-element&gt;b=
ase&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlbaseelement&gt;HTMLBaseEle=
ment&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;HT=
MLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-bdi-element&gt;bd=
i&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-bdo-element&gt;bd=
o&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-blockquote-elemen=
t&gt;blockquote&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlquoteelement&gt;HTMLQuoteE=
lement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;=
HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-body-element&gt;b=
ody&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlbodyelement&gt;HTMLBodyEle=
ment&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;HT=
MLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-br-element&gt;br&=
lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlbrelement&gt;HTMLBRElement=
&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLEl=
ement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-button-element&gt=
;button&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlbuttonelement&gt;HTMLButto=
nElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&g=
t;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-canvas-element&gt=
;canvas&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlcanvaselement&gt;HTMLCanva=
sElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&g=
t;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-caption-element&g=
t;caption&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmltablecaptionelement&gt;HTM=
LTableCaptionElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#h=
tmlelement&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-cite-element&gt;c=
ite&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-code-element&gt;c=
ode&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-col-element&gt;co=
l&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmltablecolelement&gt;HTMLTab=
leColElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmleleme=
nt&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-colgroup-element&=
gt;colgroup&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmltablecolelement&gt;HTMLTab=
leColElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmleleme=
nt&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-menuitem-element&=
gt;menuitem&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlmenuitemelement&gt;HTMLMen=
uItemElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmleleme=
nt&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-data-element&gt;d=
ata&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmldataelement&gt;HTMLDataEle=
ment&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;HT=
MLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-datalist-element&=
gt;datalist&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmldatalistelement&gt;HTMLDat=
aListElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmleleme=
nt&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-dd-element&gt;dd&=
lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-del-element&gt;de=
l&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlmodelement&gt;HTMLModEleme=
nt&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTML=
Element&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-details-element&g=
t;details&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmldetailselement&gt;HTMLDeta=
ilsElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement=
&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-dfn-element&gt;df=
n&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-dialog-element&gt=
;dialog&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmldialogelement&gt;HTMLDialo=
gElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&g=
t;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-div-element&gt;di=
v&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmldivelement&gt;HTMLDivEleme=
nt&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTML=
Element&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-dl-element&gt;dl&=
lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmldlistelement&gt;HTMLDListE=
lement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;=
HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-dt-element&gt;dt&=
lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-em-element&gt;em&=
lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-embed-element&gt;=
embed&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlembedelement&gt;HTMLEmbedE=
lement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;=
HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-fieldset-element&=
gt;fieldset&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlfieldsetelement&gt;HTMLFie=
ldSetElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmleleme=
nt&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-figcaption-elemen=
t&gt;figcaption&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-figure-element&gt=
;figure&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-footer-element&gt=
;footer&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-form-element&gt;f=
orm&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlformelement&gt;HTMLFormEle=
ment&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;HT=
MLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h=
5,-and-h6-elements&gt;h1&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlheadingelement&gt;HTMLHead=
ingElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement=
&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h=
5,-and-h6-elements&gt;h2&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlheadingelement&gt;HTMLHead=
ingElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement=
&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h=
5,-and-h6-elements&gt;h3&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlheadingelement&gt;HTMLHead=
ingElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement=
&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h=
5,-and-h6-elements&gt;h4&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlheadingelement&gt;HTMLHead=
ingElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement=
&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h=
5,-and-h6-elements&gt;h5&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlheadingelement&gt;HTMLHead=
ingElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement=
&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-h1,-h2,-h3,-h4,-h=
5,-and-h6-elements&gt;h6&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlheadingelement&gt;HTMLHead=
ingElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement=
&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-head-element&gt;h=
ead&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlheadelement&gt;HTMLHeadEle=
ment&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;HT=
MLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-header-element&gt=
;header&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-hgroup-element&gt=
;hgroup&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-hr-element&gt;hr&=
lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlhrelement&gt;HTMLHRElement=
&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLEl=
ement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-html-element&gt;h=
tml&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlhtmlelement&gt;HTMLHtmlEle=
ment&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;HT=
MLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-i-element&gt;i&lt=
;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-iframe-element&gt=
;iframe&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmliframeelement&gt;HTMLIFram=
eElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&g=
t;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-img-element&gt;im=
g&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlimageelement&gt;HTMLImageE=
lement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;=
HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-input-element&gt;=
input&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlinputelement&gt;HTMLInputE=
lement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;=
HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-ins-element&gt;in=
s&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlmodelement&gt;HTMLModEleme=
nt&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTML=
Element&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-kbd-element&gt;kb=
d&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-keygen-element&gt=
;keygen&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlkeygenelement&gt;HTMLKeyge=
nElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&g=
t;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-label-element&gt;=
label&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmllabelelement&gt;HTMLLabelE=
lement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;=
HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-legend-element&gt=
;legend&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmllegendelement&gt;HTMLLegen=
dElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&g=
t;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-li-element&gt;li&=
lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmllielement&gt;HTMLLIElement=
&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLEl=
ement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-link-element&gt;l=
ink&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmllinkelement&gt;HTMLLinkEle=
ment&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;HT=
MLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-main-element&gt;m=
ain&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-map-element&gt;ma=
p&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlmapelement&gt;HTMLMapEleme=
nt&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTML=
Element&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-mark-element&gt;m=
ark&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-menu-element&gt;m=
enu&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlmenuelement&gt;HTMLMenuEle=
ment&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;HT=
MLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-meta-element&gt;m=
eta&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlmetaelement&gt;HTMLMetaEle=
ment&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;HT=
MLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-meter-element&gt;=
meter&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlmeterelement&gt;HTMLMeterE=
lement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;=
HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-nav-element&gt;na=
v&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-noscript-element&=
gt;noscript&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-object-element&gt=
;object&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlobjectelement&gt;HTMLObjec=
tElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&g=
t;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-ol-element&gt;ol&=
lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlolistelement&gt;HTMLOListE=
lement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;=
HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-optgroup-element&=
gt;optgroup&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmloptgroupelement&gt;HTMLOpt=
GroupElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmleleme=
nt&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-option-element&gt=
;option&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmloptionelement&gt;HTMLOptio=
nElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&g=
t;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-output-element&gt=
;output&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmloutputelement&gt;HTMLOutpu=
tElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&g=
t;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-p-element&gt;p&lt=
;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlparagraphelement&gt;HTMLPa=
ragraphElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlele=
ment&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-param-element&gt;=
param&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlparamelement&gt;HTMLParamE=
lement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;=
HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-pre-element&gt;pr=
e&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlpreelement&gt;HTMLPreEleme=
nt&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTML=
Element&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-progress-element&=
gt;progress&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlprogresselement&gt;HTMLPro=
gressElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmleleme=
nt&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-q-element&gt;q&lt=
;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlquoteelement&gt;HTMLQuoteE=
lement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;=
HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-rp-element&gt;rp&=
lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-rt-element&gt;rt&=
lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-ruby-element&gt;r=
uby&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-s-element&gt;s&lt=
;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-samp-element&gt;s=
amp&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-script-element&gt=
;script&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlscriptelement&gt;HTMLScrip=
tElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&g=
t;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-section-element&g=
t;section&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-select-element&gt=
;select&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlselectelement&gt;HTMLSelec=
tElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&g=
t;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-small-element&gt;=
small&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-source-element&gt=
;source&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlsourceelement&gt;HTMLSourc=
eElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&g=
t;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-span-element&gt;s=
pan&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlspanelement&gt;HTMLSpanEle=
ment&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;HT=
MLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-strong-element&gt=
;strong&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-style-element&gt;=
style&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlstyleelement&gt;HTMLStyleE=
lement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;=
HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-sub-and-sup-eleme=
nts&gt;sub&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-summary-element&g=
t;summary&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-sub-and-sup-eleme=
nts&gt;sup&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-table-element&gt;=
table&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmltableelement&gt;HTMLTableE=
lement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;=
HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-tbody-element&gt;=
tbody&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmltablesectionelement&gt;HTM=
LTableSectionElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#h=
tmlelement&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-td-element&gt;td&=
lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmltabledatacellelement&gt;HT=
MLTableDataCellElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D=
#htmltablecellelement&gt;HTMLTableCellElement&lt;/a&gt;&lt;/code&gt; : &l=
t;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-template-element&=
gt;template&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmltemplateelement&gt;HTMLTem=
plateElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmleleme=
nt&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-textarea-element&=
gt;textarea&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmltextareaelement&gt;HTMLTex=
tAreaElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmleleme=
nt&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-tfoot-element&gt;=
tfoot&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmltablesectionelement&gt;HTM=
LTableSectionElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#h=
tmlelement&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-th-element&gt;th&=
lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmltableheadercellelement&gt;=
HTMLTableHeaderCellElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a hre=
f=3D#htmltablecellelement&gt;HTMLTableCellElement&lt;/a&gt;&lt;/code&gt; =
: &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&gt;&lt;/code=
&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-thead-element&gt;=
thead&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmltablesectionelement&gt;HTM=
LTableSectionElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#h=
tmlelement&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-time-element&gt;t=
ime&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmltimeelement&gt;HTMLTimeEle=
ment&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;HT=
MLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-title-element&gt;=
title&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmltitleelement&gt;HTMLTitleE=
lement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;=
HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-tr-element&gt;tr&=
lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmltablerowelement&gt;HTMLTab=
leRowElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmleleme=
nt&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-track-element&gt;=
track&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmltrackelement&gt;HTMLTrackE=
lement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;=
HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-u-element&gt;u&lt=
;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-ul-element&gt;ul&=
lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlulistelement&gt;HTMLUListE=
lement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlelement&gt;=
HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-var-element&gt;va=
r&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-video-element&gt;=
video&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlvideoelement&gt;HTMLVideoE=
lement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#htmlmediaelemen=
t&gt;HTMLMediaElement&lt;/a&gt;&lt;/code&gt; : &lt;code&gt;&lt;a href=3D#=
htmlelement&gt;HTMLElement&lt;/a&gt;&lt;/code&gt;
+
+    &lt;tr&gt;&lt;td&gt; &lt;code&gt;&lt;a href=3D#the-wbr-element&gt;wb=
r&lt;/a&gt;&lt;/code&gt;
+     &lt;td&gt; &lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;=
/a&gt;&lt;/code&gt;
+
+  &lt;/table&gt;&lt;h3 class=3Dno-num id=3Dall-interfaces&gt;All Interfa=
ces&lt;/h3&gt;
+
+  &lt;p&gt;&lt;i&gt;This section is non-normative.&lt;/i&gt;&lt;/p&gt;
+
+  &lt;ul class=3D&quot;brief&quot;&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#abstractworker&gt;AbstractWorker&=
lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#applicationcache&gt;ApplicationCa=
che&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#audiotrack&gt;AudioTrack&lt;/a&gt=
;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#audiotracklist&gt;AudioTrackList&=
lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#barprop&gt;BarProp&lt;/a&gt;&lt;/=
code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#beforeunloadevent&gt;BeforeUnload=
Event&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#canvasdrawingstyles&gt;CanvasDraw=
ingStyles&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#canvasgradient&gt;CanvasGradient&=
lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#canvaspathmethods&gt;CanvasPathMe=
thods&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#canvaspattern&gt;CanvasPattern&lt=
;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#canvasproxy&gt;CanvasProxy&lt;/a&=
gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#canvasrenderingcontext2d&gt;Canva=
sRenderingContext2D&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#closeevent&gt;CloseEvent&lt;/a&gt=
;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#domelementmap&gt;DOMElementMap&lt=
;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#domstringmap&gt;DOMStringMap&lt;/=
a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#datatransfer&gt;DataTransfer&lt;/=
a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#datatransferitem&gt;DataTransferI=
tem&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#datatransferitemlist&gt;DataTrans=
ferItemList&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#dedicatedworkerglobalscope&gt;Ded=
icatedWorkerGlobalScope&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#document&gt;Document&lt;/a&gt;&lt=
;/code&gt;, &lt;a href=3D#Document-partial&gt;partial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#dragevent&gt;DragEvent&lt;/a&gt;&=
lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#drawingstyle&gt;DrawingStyle&lt;/=
a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#errorevent&gt;ErrorEvent&lt;/a&gt=
;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#eventsource&gt;EventSource&lt;/a&=
gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#external&gt;External&lt;/a&gt;&lt=
;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#globaleventhandlers&gt;GlobalEven=
tHandlers&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlallcollection&gt;HTMLAllColle=
ction&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlanchorelement&gt;HTMLAnchorEl=
ement&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLAnchorElement-partial&gt;=
partial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlappletelement&gt;HTMLAppletEl=
ement&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlareaelement&gt;HTMLAreaElemen=
t&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLAreaElement-partial&gt;partia=
l&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlaudioelement&gt;HTMLAudioElem=
ent&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlbrelement&gt;HTMLBRElement&lt=
;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLBRElement-partial&gt;partial&lt;/=
a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlbaseelement&gt;HTMLBaseElemen=
t&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlbodyelement&gt;HTMLBodyElemen=
t&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLBodyElement-partial&gt;partia=
l&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlbuttonelement&gt;HTMLButtonEl=
ement&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlcanvaselement&gt;HTMLCanvasEl=
ement&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmldlistelement&gt;HTMLDListElem=
ent&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLDListElement-partial&gt;par=
tial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmldataelement&gt;HTMLDataElemen=
t&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmldatalistelement&gt;HTMLDataLi=
stElement&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmldetailselement&gt;HTMLDetails=
Element&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmldialogelement&gt;HTMLDialogEl=
ement&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmldirectoryelement&gt;HTMLDirec=
toryElement&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmldivelement&gt;HTMLDivElement&=
lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLDivElement-partial&gt;partial&l=
t;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlelement&gt;HTMLElement&lt;/a&=
gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlembedelement&gt;HTMLEmbedElem=
ent&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLEmbedElement-partial&gt;par=
tial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlfieldsetelement&gt;HTMLFieldS=
etElement&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlfontelement&gt;HTMLFontElemen=
t&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlformcontrolscollection&gt;HTM=
LFormControlsCollection&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlformelement&gt;HTMLFormElemen=
t&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlframeelement&gt;HTMLFrameElem=
ent&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlframesetelement&gt;HTMLFrameS=
etElement&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlhrelement&gt;HTMLHRElement&lt=
;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLHRElement-partial&gt;partial&lt;/=
a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlheadelement&gt;HTMLHeadElemen=
t&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlheadingelement&gt;HTMLHeading=
Element&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLHeadingElement-partial&=
gt;partial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlhtmlelement&gt;HTMLHtmlElemen=
t&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLHtmlElement-partial&gt;partia=
l&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmliframeelement&gt;HTMLIFrameEl=
ement&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLIFrameElement-partial&gt;=
partial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlimageelement&gt;HTMLImageElem=
ent&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLImageElement-partial&gt;par=
tial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlinputelement&gt;HTMLInputElem=
ent&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLInputElement-partial&gt;par=
tial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlkeygenelement&gt;HTMLKeygenEl=
ement&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmllielement&gt;HTMLLIElement&lt=
;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLLIElement-partial&gt;partial&lt;/=
a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmllabelelement&gt;HTMLLabelElem=
ent&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmllegendelement&gt;HTMLLegendEl=
ement&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLLegendElement-partial&gt;=
partial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmllinkelement&gt;HTMLLinkElemen=
t&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLLinkElement-partial&gt;partia=
l&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlmapelement&gt;HTMLMapElement&=
lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlmarqueeelement&gt;HTMLMarquee=
Element&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlmediaelement&gt;HTMLMediaElem=
ent&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlmenuelement&gt;HTMLMenuElemen=
t&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLMenuElement-partial&gt;partia=
l&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlmenuitemelement&gt;HTMLMenuIt=
emElement&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlmetaelement&gt;HTMLMetaElemen=
t&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLMetaElement-partial&gt;partia=
l&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlmeterelement&gt;HTMLMeterElem=
ent&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlmodelement&gt;HTMLModElement&=
lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlolistelement&gt;HTMLOListElem=
ent&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLOListElement-partial&gt;par=
tial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlobjectelement&gt;HTMLObjectEl=
ement&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLObjectElement-partial&gt;=
partial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmloptgroupelement&gt;HTMLOptGro=
upElement&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmloptionelement&gt;HTMLOptionEl=
ement&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmloptionscollection&gt;HTMLOpti=
onsCollection&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmloutputelement&gt;HTMLOutputEl=
ement&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlparagraphelement&gt;HTMLParag=
raphElement&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLParagraphElement-pa=
rtial&gt;partial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlparamelement&gt;HTMLParamElem=
ent&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLParamElement-partial&gt;par=
tial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlpreelement&gt;HTMLPreElement&=
lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLPreElement-partial&gt;partial&l=
t;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlprogresselement&gt;HTMLProgre=
ssElement&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlpropertiescollection&gt;HTMLP=
ropertiesCollection&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlquoteelement&gt;HTMLQuoteElem=
ent&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlscriptelement&gt;HTMLScriptEl=
ement&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLScriptElement-partial&gt;=
partial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlselectelement&gt;HTMLSelectEl=
ement&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlsourceelement&gt;HTMLSourceEl=
ement&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlspanelement&gt;HTMLSpanElemen=
t&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlstyleelement&gt;HTMLStyleElem=
ent&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmltablecaptionelement&gt;HTMLTa=
bleCaptionElement&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLTableCaptionE=
lement-partial&gt;partial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmltablecellelement&gt;HTMLTable=
CellElement&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLTableCellElement-pa=
rtial&gt;partial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmltablecolelement&gt;HTMLTableC=
olElement&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLTableColElement-parti=
al&gt;partial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmltabledatacellelement&gt;HTMLT=
ableDataCellElement&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLTableDataCe=
llElement-partial&gt;partial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmltableelement&gt;HTMLTableElem=
ent&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLTableElement-partial&gt;par=
tial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmltableheadercellelement&gt;HTM=
LTableHeaderCellElement&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmltablerowelement&gt;HTMLTableR=
owElement&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLTableRowElement-parti=
al&gt;partial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmltablesectionelement&gt;HTMLTa=
bleSectionElement&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLTableSectionE=
lement-partial&gt;partial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmltemplateelement&gt;HTMLTempla=
teElement&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmltextareaelement&gt;HTMLTextAr=
eaElement&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmltimeelement&gt;HTMLTimeElemen=
t&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmltitleelement&gt;HTMLTitleElem=
ent&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmltrackelement&gt;HTMLTrackElem=
ent&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlulistelement&gt;HTMLUListElem=
ent&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#HTMLUListElement-partial&gt;par=
tial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlunknownelement&gt;HTMLUnknown=
Element&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#htmlvideoelement&gt;HTMLVideoElem=
ent&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#hashchangeevent&gt;HashChangeEven=
t&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#history-0&gt;History&lt;/a&gt;&lt=
;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#imagebitmap&gt;ImageBitmap&lt;/a&=
gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#imagebitmapfactories&gt;ImageBitm=
apFactories&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#imagedata&gt;ImageData&lt;/a&gt;&=
lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#location&gt;Location&lt;/a&gt;&lt=
;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#mediacontroller&gt;MediaControlle=
r&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#mediaerror&gt;MediaError&lt;/a&gt=
;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#messagechannel&gt;MessageChannel&=
lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#messageevent&gt;MessageEvent&lt;/=
a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#messageport&gt;MessagePort&lt;/a&=
gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#mimetype&gt;MimeType&lt;/a&gt;&lt=
;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#mimetypearray&gt;MimeTypeArray&lt=
;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;MouseEvent&lt;/code&gt;, &lt;a href=3D#MouseEve=
nt-partial&gt;partial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#navigator&gt;Navigator&lt;/a&gt;&=
lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#navigatorcontentutils&gt;Navigato=
rContentUtils&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#navigatorid&gt;NavigatorID&lt;/a&=
gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#navigatorlanguage&gt;NavigatorLan=
guage&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#navigatoronline&gt;NavigatorOnLin=
e&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#navigatorplugins&gt;NavigatorPlug=
ins&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#navigatorstorageutils&gt;Navigato=
rStorageUtils&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#pagetransitionevent&gt;PageTransi=
tionEvent&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#path&gt;Path&lt;/a&gt;&lt;/code&g=
t;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#dom-plugin&gt;Plugin&lt;/a&gt;&lt=
;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#pluginarray&gt;PluginArray&lt;/a&=
gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#popstateevent&gt;PopStateEvent&lt=
;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#portcollection&gt;PortCollection&=
lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#propertynodelist&gt;PropertyNodeL=
ist&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#radionodelist&gt;RadioNodeList&lt=
;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#relatedevent&gt;RelatedEvent&lt;/=
a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;Screen&lt;/code&gt;, &lt;a href=3D#Screen-parti=
al&gt;partial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#sharedworker&gt;SharedWorker&lt;/=
a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#sharedworkerglobalscope&gt;Shared=
WorkerGlobalScope&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#storage-0&gt;Storage&lt;/a&gt;&lt=
;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#storageevent&gt;StorageEvent&lt;/=
a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#textmetrics&gt;TextMetrics&lt;/a&=
gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#texttrack&gt;TextTrack&lt;/a&gt;&=
lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#texttrackcue&gt;TextTrackCue&lt;/=
a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#texttrackcuelist&gt;TextTrackCueL=
ist&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#texttracklist&gt;TextTrackList&lt=
;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#timeranges&gt;TimeRanges&lt;/a&gt=
;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#trackevent&gt;TrackEvent&lt;/a&gt=
;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#transferable&gt;Transferable&lt;/=
a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#validitystate&gt;ValidityState&lt=
;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#videotrack&gt;VideoTrack&lt;/a&gt=
;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#videotracklist&gt;VideoTrackList&=
lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#websocket&gt;WebSocket&lt;/a&gt;&=
lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#window&gt;Window&lt;/a&gt;&lt;/co=
de&gt;, &lt;a href=3D#Window-partial&gt;partial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#windowbase64&gt;WindowBase64&lt;/=
a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#windoweventhandlers&gt;WindowEven=
tHandlers&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#windowlocalstorage&gt;WindowLocal=
Storage&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#windowmodal&gt;WindowModal&lt;/a&=
gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#windowsessionstorage&gt;WindowSes=
sionStorage&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#windowtimers&gt;WindowTimers&lt;/=
a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#worker&gt;Worker&lt;/a&gt;&lt;/co=
de&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#workerglobalscope&gt;WorkerGlobal=
Scope&lt;/a&gt;&lt;/code&gt;, &lt;a href=3D#WorkerGlobalScope-partial&gt;=
partial&lt;/a&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#workerlocation&gt;WorkerLocation&=
lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;&lt;a href=3D#workernavigator&gt;WorkerNavigato=
r&lt;/a&gt;&lt;/code&gt;
+   &lt;li&gt;&lt;code&gt;XMLDocument&lt;/code&gt;, &lt;a href=3D#xmldocu=
ment&gt;partial&lt;/a&gt;
+  &lt;/ul&gt;
+
+
+
+
+  &lt;h2 class=3Dno-num id=3Dreferences&gt;References&lt;/h2&gt;&lt;!--R=
EFS--&gt;
+
+  &lt;p&gt;All references are normative unless marked &quot;Non-normativ=
e&quot;.&lt;/p&gt;
+
+  &lt;!-- Dates are only included for standards older than the Web, beca=
use the newer ones keep changing. --&gt;
+
+  &lt;dl&gt;&lt;dt id=3DrefsABNF&gt;[ABNF]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.ietf.org/rfc/std/std68.=
txt&gt;Augmented BNF for Syntax Specifications: ABNF&lt;/a&gt;&lt;/cite&g=
t;, D. Crocker, P. Overell. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsABOUT&gt;[ABOUT]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc6694=
&gt;The 'about' URI scheme&lt;/a&gt;&lt;/cite&gt;, S. Moonesamy. IETF.&lt=
;/dd&gt;
+
+   &lt;dt id=3DrefsAGIF&gt;[AGIF]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://odur.let.ru=
g.nl/~kleiweg/gif/netscape.html&gt;GIF Application Extension: NETSCAPE2.0=
&lt;/a&gt;&lt;/cite&gt;. R. Frazier.&lt;/dd&gt; &lt;!-- (rather a dubious=
 reference; let me know if you know a better one) --&gt;
+
+   &lt;dt id=3DrefsAPNG&gt;[APNG]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttps://wiki.mozil=
la.org/APNG_Specification&gt;APNG Specification&lt;/a&gt;&lt;/cite&gt;. S=
. Parmenter, V. Vukicevic, A. Smith. Mozilla.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsARIA&gt;[ARIA]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/WAI/PF/aria/&gt;=
Accessible Rich Internet Applications (WAI-ARIA)&lt;/a&gt;&lt;/cite&gt;, =
J. Craig, M. Cooper, L. Pappas, R. Schwerdtfeger, L. Seeman. W3C.&lt;/dd&=
gt;
+
+   &lt;dt id=3DrefsARIAIMPL&gt;[ARIAIMPL]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/WAI/PF/aria-impl=
ementation/&gt;WAI-ARIA 1.0 User Agent Implementation Guide&lt;/a&gt;&lt;=
/cite&gt;, A. Snow-Weaver, M. Cooper. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsATAG&gt;[ATAG]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/=
TR/ATAG20/&gt;Authoring Tool Accessibility Guidelines (ATAG) 2.0&lt;/a&gt=
;&lt;/cite&gt;, J. Richards, J. Spellman, J. Treviranus. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsATOM&gt;[ATOM]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.=
org/html/rfc4287&gt;The Atom Syndication Format&lt;/a&gt;&lt;/cite&gt;, M=
. Nottingham, R. Sayre. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsBCP47&gt;[BCP47]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.ietf.org/rfc/bcp/bcp47.=
txt&gt;Tags for Identifying Languages; Matching of Language Tags&lt;/a&gt=
;&lt;/cite&gt;, A. Phillips, M. Davis. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsBECSS&gt;[BECSS]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/TR/becss/&gt;Beh=
avioral Extensions to CSS&lt;/a&gt;&lt;/cite&gt;, I. Hickson. W3C.&lt;/dd=
&gt;
+
+   &lt;dt id=3DrefsBEZIER&gt;[BEZIER]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;Courbes &amp;agrave; poles&lt;/cite&gt;, P. de =
Casteljau. INPI, 1959.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsBIDI&gt;[BIDI]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.unicode.org/reports/tr9=
/&gt;UAX #9: Unicode Bidirectional Algorithm&lt;/a&gt;&lt;/cite&gt;, M. D=
avis. Unicode Consortium.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsBOCU1&gt;[BOCU1]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://www.unicode=
.org/notes/tn6/&gt;UTN #6: BOCU-1: MIME-Compatible Unicode Compression&lt=
;/a&gt;&lt;/cite&gt;, M. Scherer, M. Davis. Unicode Consortium.&lt;/dd&gt=
;
+
+   &lt;dt id=3DrefsCESU8&gt;[CESU8]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://www.unicode=
.org/reports/tr26/&gt;UTR #26: Compatibility Encoding Scheme For UTF-16: =
8-BIT (CESU-8)&lt;/a&gt;&lt;/cite&gt;, T. Phipps. Unicode Consortium.&lt;=
/dd&gt;
+
+   &lt;dt id=3DrefsCHARMOD&gt;[CHARMOD]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/=
TR/charmod/&gt;Character Model for the World Wide Web 1.0: Fundamentals&l=
t;/a&gt;&lt;/cite&gt;, M. D&amp;uuml;rst, F. Yergeau, R. Ishida, M. Wolf,=
 T. Texin. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsCLDR&gt;[CLDR]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://cldr.unicode.org/&gt;Unicod=
e Common Locale Data Repository&lt;/a&gt;&lt;/cite&gt;. Unicode.&lt;/dd&g=
t;
+
+   &lt;dt id=3DrefsCOMPOSITE&gt;[COMPOSITE]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://dev.w3.org/fxtf/compositing=
/&gt;Compositing and Blending&lt;/a&gt;&lt;/cite&gt;. R. Cabanier, N. And=
ronikos. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsCOMPUTABLE&gt;[COMPUTABLE]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://www.turinga=
rchive.org/browse.php/B/12&gt;On computable numbers, with an application =
to the Entscheidungsproblem&lt;/a&gt;&lt;/cite&gt;, A. Turing. In &lt;cit=
e&gt;Proceedings of the London Mathematical Society&lt;/cite&gt;, series =
2, volume 42, pages 230-265. London Mathematical Society, 1937.&lt;/dd&gt=
;
+
+   &lt;dt id=3DrefsCOOKIES&gt;[COOKIES]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc6265=
&gt;HTTP State Management Mechanism&lt;/a&gt;&lt;/cite&gt;, A. Barth. IET=
F.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsCORS&gt;[CORS]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://fetch.spec.whatwg.org/&gt;C=
ross-Origin Resource Sharing&lt;/a&gt;&lt;/cite&gt;, A. van Kesteren. WHA=
TWG.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsCP50220&gt;[CP50220]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://www.iana.or=
g/assignments/charset-reg/CP50220&gt;CP50220&lt;/a&gt;&lt;/cite&gt;, Y. N=
aruse. IANA.&lt;/dd&gt; &lt;!-- really should be &quot;NARUSE, Y.&quot; o=
r some such, but there's a western bias to these references for consisten=
cy. sorry. --&gt;
+
+   &lt;dt id=3DrefsCSP&gt;[CSP]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://dvcs.w3.org=
/hg/content-security-policy/raw-file/tip/csp-specification.dev.html&gt;Co=
ntent Security Policy&lt;/a&gt;&lt;/cite&gt;, B. Sterne, A. Barth. W3C.&l=
t;/dd&gt;
+
+   &lt;dt id=3DrefsCSS&gt;[CSS]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/TR/CSS2/&gt;Casc=
ading Style Sheets Level 2 Revision 1&lt;/a&gt;&lt;/cite&gt;, B. Bos, T. =
&amp;Ccedil;elik, I. Hickson, H. Lie. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsCSSANIMATIONS&gt;[CSSANIMATIONS]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://dev.w3.org/=
csswg/css3-animations/&gt;CSS Animations&lt;/a&gt;&lt;/cite&gt;, D. Jacks=
on, D. Hyatt, C. Marrin, S. Galineau, L. Baron. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsCSSATTR&gt;[CSSATTR]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://dev.w3.org/csswg/css-style-=
attr/&gt;CSS Styling Attribute Syntax&lt;/a&gt;&lt;/cite&gt;, T. &amp;Cce=
dil;elik, E. Etemad. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsCSSCOLOR&gt;[CSSCOLOR]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://dev.w3.org/csswg/css3-color=
/&gt;CSS Color Module Level 3&lt;/a&gt;&lt;/cite&gt;, T. &amp;Ccedil;elik=
, C. Lilley, L. Baron. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsCSSFONTLOAD&gt;[CSSFONTLOAD]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://dev.w3.org/csswg/css-font-l=
oad-events/&gt;CSS Font Load Events&lt;/a&gt;&lt;/cite&gt;, J. Daggett. W=
3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsCSSFONTS&gt;[CSSFONTS]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://dev.w3.org/csswg/css3-fonts=
/&gt;CSS Fonts&lt;/a&gt;&lt;/cite&gt;, J. Daggett. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsCSSIMAGES&gt;[CSSIMAGES]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://dev.w3.org/csswg/css-images=
/&gt;CSS Image Values and Replaced Content Module&lt;/a&gt;&lt;/cite&gt;,=
 E. Etemad, T. Atkins. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsCSSOM&gt;[CSSOM]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://dev.w3.org/csswg/cssom/&gt;=
Cascading Style Sheets Object Model (CSSOM)&lt;/a&gt;&lt;/cite&gt;, S. Pi=
eters, G. Adams. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsCSSOMVIEW&gt;[CSSOMVIEW]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://dev.w3.org/csswg/cssom-view=
/&gt;CSSOM View Module&lt;/a&gt;&lt;/cite&gt;, S. Pieters, G. Adams. W3C.=
&lt;/dd&gt;
+
+   &lt;dt id=3DrefsCSSRUBY&gt;[CSSRUBY]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://dev.w3.org/csswg/css3-ruby/=
&gt;CSS3 Ruby Module&lt;/a&gt;&lt;/cite&gt;, R. Ishida. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsCSSTRANSITIONS&gt;[CSSTRANSITIONS]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://dev.w3.org/=
csswg/css3-transitions/&gt;CSS Transitions&lt;/a&gt;&lt;/cite&gt;, D. Jac=
kson, D. Hyatt, C. Marrin, L. Baron. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsCSSUI&gt;[CSSUI]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://dev.w3.org/csswg/css3-ui/&g=
t;CSS3 Basic User Interface Module&lt;/a&gt;&lt;/cite&gt;, T. &amp;Ccedil=
;elik. W3C.&lt;/dd&gt;
+
+   &lt;!-- one day this reference will exist! then we can update this! -=
-&gt;
+   &lt;dt id=3DrefsCSSSCOPED&gt;[CSSSCOPED]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;CSS Scoped Style Sheets&lt;/cite&gt;, T. Atkins=
. Your Imagination.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsCSSVALUES&gt;[CSSVALUES]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://dev.w3.org/csswg/css3-value=
s/&gt;CSS3 Values and Units&lt;/a&gt;&lt;/cite&gt;, H. Lie, T. Atkins, E.=
 Etemad. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsCUSTOM&gt;[CUSTOM]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://w3c.github.io/webcomponents=
/spec/custom/&gt;Custom Elements&lt;/a&gt;&lt;/cite&gt;, D. Glazkov. W3C.=
&lt;/dd&gt;
+
+   &lt;dt id=3DrefsDASH&gt;[DASH]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3D&quot;http://www.iso.org/iso/iso_c=
atalogue/catalogue_tc/catalogue_detail.htm?csnumber=3D57623&quot;&gt;Dyna=
mic adaptive streaming over HTTP (DASH)&lt;/a&gt;&lt;/cite&gt;. ISO.&lt;/=
dd&gt;
+
+   &lt;dt id=3DrefsDOM&gt;[DOM]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://dom.spec.whatwg.org/&gt;DOM=
&lt;/a&gt;&lt;/cite&gt;, A. van Kesteren, A. Gregor, Ms2ger. WHATWG.&lt;/=
dd&gt;
+
+   &lt;dt id=3DrefsDOMEVENTS&gt;[DOMEVENTS]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://dev.w3.org/2006/webapi/DOM-=
Level-3-Events/html/DOM3-Events.html&gt;Document Object Model (DOM) Level=
 3 Events Specification&lt;/a&gt;&lt;/cite&gt;, T. Leithead, J. Rossi, D.=
 Schepers, B. H&amp;ouml;hrmann, P. Le H&amp;eacute;garet, T. Pixley. W3C=
.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsDOMPARSING&gt;[DOMPARSING]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://domparsing.spec.whatwg.org/=
&gt;DOM Parsing and Serialization&lt;/a&gt;&lt;/cite&gt;, Ms2ger. WHATWG.=
&lt;/dd&gt;
+
+   &lt;dt id=3DrefsDOT&gt;[DOT]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://www.graphvi=
z.org/content/dot-language&gt;The DOT Language&lt;/a&gt;&lt;/cite&gt;. Gr=
aphviz.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsE163&gt;[E163]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;Recommendation E.163 &amp;mdash; Numbering Plan=
 for The International Telephone Service&lt;/cite&gt;, CCITT Blue Book, F=
ascicle II.2, pp. 128-134, November 1988.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsECMA262&gt;[ECMA262]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.ecma-international.org/=
publications/standards/Ecma-262.htm&gt;ECMAScript Language Specification&=
lt;/a&gt;&lt;/cite&gt;. ECMA.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsECMA357&gt;[ECMA357]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://www.ecma-in=
ternational.org/publications/standards/Ecma-357.htm&gt;ECMAScript for XML=
 (E4X) Specification&lt;/a&gt;&lt;/cite&gt;. ECMA.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsEDITING&gt;[EDITING]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://dvcs.w3.org/hg/editing/raw-=
file/tip/editing.html&gt;HTML Editing APIs&lt;/a&gt;&lt;/cite&gt;, A. Gre=
gor. W3C Editing APIs CG.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsENCODING&gt;[ENCODING]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://encoding.spec.whatwg.org/&g=
t;Encoding&lt;/a&gt;&lt;/cite&gt;, A. van Kesteren, J. Bell. WHATWG.&lt;/=
dd&gt;
+
+   &lt;dt id=3DrefsFILEAPI&gt;[FILEAPI]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://dev.w3.org/2006/webapi/File=
Upload/publish/FileAPI.html&gt;File API&lt;/a&gt;&lt;/cite&gt;, A. Rangan=
athan. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsFULLSCREEN&gt;[FULLSCREEN]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://fullscreen.spec.whatwg.org/=
&gt;Fullscreen&lt;/a&gt;&lt;/cite&gt;, A. van Kesteren, T. &amp;Ccedil;el=
ik. WHATWG.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsGIF&gt;[GIF]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/=
Graphics/GIF/spec-gif89a.txt&gt;Graphics Interchange Format&lt;/a&gt;&lt;=
/cite&gt;. CompuServe.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsGRAPHICS&gt;[GRAPHICS]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;Computer Graphics: Principles a=
nd Practice in C&lt;/cite&gt;, Second Edition, J. Foley, A. van Dam, S. F=
einer, J. Hughes. Addison-Wesley. ISBN 0-201-84840-6.&lt;/dd&gt;
+   &lt;!--
+   This book (&quot;Computer Graphics: Principles and Practice in C&quot=
;)
+   apparently does not make any references to literature in the
+   bibliographic section to define the &quot;even-odd&quot; rule for pol=
ygon
+   filling and hit testing. In the absence of such a reference, I
+   guess that this book is the most authoritative reference.
+   --&gt;
+
+   &lt;dt id=3DrefsGREGORIAN&gt;[GREGORIAN]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;Inter Gravissimas&lt;/cite&gt;,=
 A. Lilius, C. Clavius. Gregory XIII Papal Bull, February 1582.&lt;/dd&gt=
;
+
+   &lt;dt id=3DrefsHTTP&gt;[HTTP]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc2616=
&gt;Hypertext Transfer Protocol &amp;mdash; HTTP/1.1&lt;/a&gt;&lt;/cite&g=
t;, R. Fielding, J. Gettys, J. Mogul, H.  Frystyk, L. Masinter, P. Leach,=
 T. Berners-Lee. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsHTTPS&gt;[HTTPS]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.=
org/html/rfc2818&gt;HTTP Over TLS&lt;/a&gt;&lt;/cite&gt;, E. Rescorla. IE=
TF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsIANAPERMHEADERS&gt;[IANAPERMHEADERS]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.iana.org/assignments/me=
ssage-headers/perm-headers.html&gt;Permanent Message Header Field Names&l=
t;/a&gt;&lt;/cite&gt;. IANA.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsISO3166&gt;[ISO3166]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.iso.org/iso/home/standa=
rds/country_codes.htm&gt;ISO 3166: Codes for the representation of names =
of countries and their subdivisions&lt;/a&gt;&lt;/cite&gt;. ISO.&lt;/dd&g=
t;
+
+   &lt;dt id=3DrefsISO8601&gt;[ISO8601]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3D&quot;http://isotc=
.iso.org/livelink/livelink/4021199/ISO_8601_2004_E.zip?func=3Ddoc.Fetch&a=
mp;amp;nodeid=3D4021199&quot;&gt;ISO8601: Data elements and interchange f=
ormats &amp;mdash; Information interchange &amp;mdash; Representation of =
dates and times&lt;/a&gt;&lt;/cite&gt;. ISO.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsJLREQ&gt;[JLREQ]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/TR/jlreq/&gt;Req=
uirements for Japanese Text Layout&lt;/a&gt;&lt;/cite&gt;. W3C.&lt;/dd&gt=
; &lt;!-- too many editors to list --&gt;
+
+   &lt;dt id=3DrefsJPEG&gt;[JPEG]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/Graphics/JPEG/jf=
if3.pdf&gt;JPEG File Interchange Format&lt;/a&gt;&lt;/cite&gt;, E. Hamilt=
on.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsJSON&gt;[JSON]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc4627=
&gt;The application/json Media Type for JavaScript Object Notation (JSON)=
&lt;/a&gt;&lt;/cite&gt;, D. Crockford. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsJSURL&gt;[JSURL]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/draft-h=
oehrmann-javascript-scheme&gt;The 'javascript' resource identifier scheme=
&lt;/a&gt;&lt;/cite&gt;, B. H&amp;ouml;hrmann. IETF.
+   &lt;!-- Sadly this reference has been dead for a while. Unfortunately=
 it's the closest thing we current have to a spec. --&gt;
+   &lt;/dd&gt;
+
+   &lt;dt id=3DrefsMAILTO&gt;[MAILTO]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.=
org/html/rfc6068&gt;The 'mailto' URI scheme&lt;/a&gt;&lt;/cite&gt;, M. Du=
erst, L. Masinter, J. Zawinski. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsMATHML&gt;[MATHML]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/TR/MathML/&gt;Ma=
thematical Markup Language (MathML)&lt;/a&gt;&lt;/cite&gt;, D. Carlisle, =
P. Ion, R. Miner, N. Poppelier. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsMEDIAFRAG&gt;[MEDIAFRAG]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/2008/WebVideo/Fr=
agments/WD-media-fragments-spec/&gt;Media Fragments URI&lt;/a&gt;&lt;/cit=
e&gt;, R. Troncy, E. Mannens, S. Pfeiffer, D. Van Deursen. W3C.&lt;/dd&gt=
;
+
+   &lt;dt id=3DrefsMFREL&gt;[MFREL]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://microformats.org/wiki/exist=
ing-rel-values#HTML5_link_type_extensions&gt;Microformats Wiki: existing =
rel values&lt;/a&gt;&lt;/cite&gt;. Microformats.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsMIMESNIFF&gt;[MIMESNIFF]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://mimesniff.spec.whatwg.org/&=
gt;MIME Sniffing&lt;/a&gt;&lt;/cite&gt;, G. Hemsley. WHATWG.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsMNG&gt;[MNG]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.libpng.org/pub/mng/spec=
/&gt;MNG (Multiple-image Network Graphics) Format&lt;/a&gt;&lt;/cite&gt;.=
 G. Randers-Pehrson.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsMPEG2&gt;[MPEG2]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;ISO/IEC 13818-1: Information technology &amp;md=
ash; Generic coding of moving pictures and associated audio information: =
Systems&lt;/cite&gt;. ISO/IEC.&lt;/dd&gt;
+   &lt;!-- search for [&quot;bytes are removed from this buffer at a rat=
e defined by sb_leak_rate&quot;] to find it --&gt;
+
+   &lt;dt id=3DrefsMPEG4&gt;[MPEG4]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;ISO/IEC 14496-12: ISO base media file format&lt=
;/cite&gt;. ISO/IEC.&lt;/dd&gt;
+   &lt;!-- search for [&quot;Box Structure was and subsequent clauses we=
re re-organized&quot;] to find it --&gt;
+
+   &lt;dt id=3DrefsMQ&gt;[MQ]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://dev.w3.org/csswg/css3-media=
queries/&gt;Media Queries&lt;/a&gt;&lt;/cite&gt;, H. Lie, T.  &amp;Ccedil=
;elik, D. Glazman, A. van Kesteren. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsNPAPI&gt;[NPAPI]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttps://developer.=
mozilla.org/en/Gecko_Plugin_API_Reference&gt;Gecko Plugin API Reference&l=
t;/a&gt;&lt;/cite&gt;. Mozilla.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsOGGSKELETONHEADERS&gt;[OGGSKELETONHEADERS]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://wiki.xiph.org/SkeletonHeade=
rs&gt;SkeletonHeaders&lt;/a&gt;&lt;/cite&gt;. Xiph.Org.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsOPENSEARCH&gt;[OPENSEARCH]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.opensearch.org/Specific=
ations/OpenSearch/1.1#Autodiscovery_in_HTML.2FXHTML&gt;Autodiscovery in H=
TML/XHTML&lt;/a&gt;&lt;/cite&gt;. In &lt;cite&gt;OpenSearch 1.1 Draft 4&l=
t;/cite&gt;, Section 4.6.2. OpenSearch.org.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsORIGIN&gt;[ORIGIN]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc6454=
&gt;The Web Origin Concept&lt;/a&gt;&lt;/cite&gt;, A. Barth. IETF.&lt;/dd=
&gt;  =20
+
+   &lt;dt id=3DrefsPAGEVIS&gt;[PAGEVIS]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://www.w3c-tes=
t.org/webperf/specs/PageVisibility/&gt;Page Visibility&lt;/a&gt;&lt;/cite=
&gt;, J. Mann, A. Jain. W3C.&lt;/dd&gt;  =20
+
+   &lt;dt id=3DrefsPDF&gt;[PDF]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://www.adobe.c=
om/devnet/acrobat/pdfs/PDF32000_2008.pdf&gt;Document management &amp;mdas=
h; Portable document format &amp;mdash; Part 1: PDF&lt;/a&gt;&lt;/cite&gt=
;. ISO.&lt;/dd&gt;  =20
+
+   &lt;dt id=3DrefsPINGBACK&gt;[PINGBACK]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.hixie.ch/specs/pingback=
/pingback&gt;Pingback 1.0&lt;/a&gt;&lt;/cite&gt;, S. Langridge, I. Hickso=
n.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsPNG&gt;[PNG]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/TR/PNG/&gt;Porta=
ble Network Graphics (PNG) Specification&lt;/a&gt;&lt;/cite&gt;, D. Duce.=
 W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsPOINTERLOCK&gt;[POINTERLOCK]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://dvcs.w3.org/hg/pointerlock/=
raw-file/default/index.html&gt;Pointer Lock&lt;/a&gt;&lt;/cite&gt;, V. Sc=
heib. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsPPUTF8&gt;[PPUTF8]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://www.sw.it.a=
oyama.ac.jp/2012/pub/IUC11-UTF-8.pdf&gt;The Properties and Promises &lt;!=
-- Promizes (sic) --&gt; of UTF-8&lt;/a&gt;&lt;/cite&gt;, M. D&amp;uuml;r=
st. University of Z&amp;uuml;rich. In &lt;cite&gt;Proceedings of the 11th=
 International Unicode Conference&lt;/cite&gt;.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsPSL&gt;[PSL]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://publicsuffix.org/&gt;Public=
 Suffix List&lt;/a&gt;&lt;/cite&gt;.
+   Mozilla Foundation.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC1034&gt;[RFC1034]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc1034=
&gt;Domain Names - Concepts and Facilities&lt;/a&gt;&lt;/cite&gt;, P. Moc=
kapetris. IETF, November 1987.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC1123&gt;[RFC1123]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc1123=
&gt;Requirements for Internet Hosts -- Application and Support&lt;/a&gt;&=
lt;/cite&gt;, R. Braden. IETF, October 1989.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC1345&gt;[RFC1345]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.=
org/html/rfc1345&gt;Character Mnemonics and Character Sets&lt;/a&gt;&lt;/=
cite&gt;, K. Simonsen. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC1468&gt;[RFC1468]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.=
org/html/rfc1468&gt;Japanese Character Encoding for Internet Messages&lt;=
/a&gt;&lt;/cite&gt;, J. Murai, M. Crispin, E. van der Poel. IETF.&lt;/dd&=
gt;
+
+   &lt;dt id=3DrefsRFC1554&gt;[RFC1554]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.=
org/html/rfc1554&gt;ISO-2022-JP-2: Multilingual Extension of ISO-2022-JP&=
lt;/a&gt;&lt;/cite&gt;, M. Ohta, K. Handa. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC1557&gt;[RFC1557]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.=
org/html/rfc1557&gt;Korean Character Encoding for Internet Messages&lt;/a=
&gt;&lt;/cite&gt;, U. Choi, K. Chon, H. Park. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC1842&gt;[RFC1842]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.=
org/html/rfc1842&gt;ASCII Printable Characters-Based Chinese Character En=
coding for Internet Messages&lt;/a&gt;&lt;/cite&gt;, Y. Wei, Y. Zhang, J.=
 Li, J. Ding, Y. Jiang. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC1922&gt;[RFC1922]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.=
org/html/rfc1922&gt;Chinese Character Encoding for Internet Messages&lt;/=
a&gt;&lt;/cite&gt;, HF. Zhu, DY. Hu, ZG. Wang, TC. Kao, WCH. Chang, M. Cr=
ispin. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC2046&gt;[RFC2046]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc2046=
&gt;Multipurpose Internet Mail Extensions (MIME) Part Two: Media Types&lt=
;/a&gt;&lt;/cite&gt;, N. Freed, N.  Borenstein. IETF.&lt;/dd&gt; &lt;!-- =
for text/plain and &quot;Internet Media type&quot;; not for definition of=
 &quot;valid MIME type&quot;. --&gt;
+
+   &lt;dt id=3DrefsRFC2119&gt;[RFC2119]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc2119=
&gt;Key words for use in RFCs to Indicate Requirement Levels&lt;/a&gt;&lt=
;/cite&gt;, S. Bradner. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC2237&gt;[RFC2237]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.=
org/html/rfc2237&gt;Japanese Character Encoding for Internet Messages&lt;=
/a&gt;&lt;/cite&gt;, K. Tamaru. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC2313&gt;[RFC2313]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc2313=
&gt;PKCS #1: RSA Encryption&lt;/a&gt;&lt;/cite&gt;, B. Kaliski. IETF.&lt;=
/dd&gt;
+
+   &lt;dt id=3DrefsRFC2318&gt;[RFC2318]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc2318=
&gt;The text/css Media Type&lt;/a&gt;&lt;/cite&gt;, H. Lie, B. Bos, C. Li=
lley. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC2388&gt;[RFC2388]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc2388=
&gt;Returning Values from Forms: multipart/form-data&lt;/a&gt;&lt;/cite&g=
t;, L. Masinter. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC2397&gt;[RFC2397]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc2397=
&gt;The &quot;data&quot; URL scheme&lt;/a&gt;&lt;/cite&gt;, L. Masinter. =
IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC2445&gt;[RFC2445]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc2445=
&gt;Internet Calendaring and Scheduling Core Object Specification (iCalen=
dar)&lt;/a&gt;&lt;/cite&gt;, F. Dawson, D. Stenerson. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC2483&gt;[RFC2483]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc2483=
&gt;URI Resolution Services Necessary for URN Resolution&lt;/a&gt;&lt;/ci=
te&gt;, M. Mealling, R. Daniel. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC3676&gt;[RFC3676]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc3676=
&gt;The Text/Plain Format and DelSp Parameters&lt;/a&gt;&lt;/cite&gt;, R.=
 Gellens. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC3023&gt;[RFC3023]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc3023=
&gt;XML Media Types&lt;/a&gt;&lt;/cite&gt;, M. Murata, S. St. Laurent, D.=
 Kohn. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC3279&gt;[RFC3279]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc3279=
&gt;Algorithms and Identifiers for the Internet X.509 Public Key Infrastr=
ucture Certificate and Certificate Revocation List (CRL) Profile&lt;/a&gt=
;&lt;/cite&gt;, W. Polk, R. Housley, L. Bassham. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC3490&gt;[RFC3490]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc3490=
&gt;Internationalizing Domain Names in Applications (IDNA)&lt;/a&gt;&lt;/=
cite&gt;, P. Faltstrom, P. Hoffman, A. Costello. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC3629&gt;[RFC3629]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc3629=
&gt;UTF-8, a transformation format of ISO 10646&lt;/a&gt;&lt;/cite&gt;, F=
. Yergeau. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC3864&gt;[RFC3864]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc3864=
&gt;Registration Procedures for Message Header Fields&lt;/a&gt;&lt;/cite&=
gt;, G. Klyne, M. Nottingham, J. Mogul. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC4281&gt;[RFC4281]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc4281=
&gt;The Codecs Parameter for &quot;Bucket&quot; Media Types&lt;/a&gt;&lt;=
/cite&gt;, R. Gellens, D. Singer, P. Frojdh. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC4329&gt;[RFC4329]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.=
org/html/rfc4329&gt;Scripting Media Types&lt;/a&gt;&lt;/cite&gt;, B. H&am=
p;ouml;hrmann. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC4395&gt;[RFC4395]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc4395=
&gt;Guidelines and Registration Procedures for New URI Schemes&lt;/a&gt;&=
lt;/cite&gt;, T. Hansen, T. Hardie, L. Masinter. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC4648&gt;[RFC4648]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc4648=
&gt;The Base16, Base32, and Base64 Data Encodings&lt;/a&gt;&lt;/cite&gt;,=
 S. Josefsson. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC5280&gt;[RFC5280]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc5280=
&gt;Internet X.509 Public Key Infrastructure Certificate and Certificate =
Revocation List (CRL) Profile&lt;/a&gt;&lt;/cite&gt;, D. Cooper, S. Sante=
sson, S. Farrell, S. Boeyen, R. Housley, W. Polk. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC5322&gt;[RFC5322]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc5322=
&gt;Internet Message Format&lt;/a&gt;&lt;/cite&gt;, P. Resnick. IETF.&lt;=
/dd&gt;
+
+   &lt;dt id=3DrefsRFC5724&gt;[RFC5724]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc5724=
&gt;URI Scheme for Global System for Mobile Communications (GSM) Short Me=
ssage Service (SMS)&lt;/a&gt;&lt;/cite&gt;, E. Wilde, A. Vaha-Sipila. IET=
F.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC6266&gt;[RFC6266]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc6266=
&gt;Use of the Content-Disposition Header Field in the Hypertext Transfer=
 Protocol (HTTP)&lt;/a&gt;&lt;/cite&gt;, J. Reschke. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsRFC6350&gt;[RFC6350]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc6350=
&gt;vCard Format Specification&lt;/a&gt;&lt;/cite&gt;, S. Perreault. IETF=
.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsSCSU&gt;[SCSU]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://www.unicode=
.org/reports/tr6/&gt;UTR #6: A Standard Compression Scheme For Unicode&lt=
;/a&gt;&lt;/cite&gt;, M. Wolf, K. Whistler, C. Wicksteed, M. Davis, A. Fr=
eytag, M. Scherer. Unicode Consortium.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsSELECTORS&gt;[SELECTORS]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://dev.w3.org/csswg/selectors/=
&gt;Selectors&lt;/a&gt;&lt;/cite&gt;, E. Etemad, T. &amp;Ccedil;elik, D. =
Glazman, I. Hickson, P. Linss, J. Williams. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsSRGB&gt;[SRGB]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite lang=3Den-GB&gt;&lt;a href=3D&quot;http://webstore=
.iec.ch/webstore/webstore.nsf/artnum/025408!OpenDocument&amp;amp;Click=3D=
&quot;&gt;IEC 61966-2-1: Multimedia systems and equipment &amp;mdash; Col=
our measurement and management &amp;mdash; Part 2-1: Colour management &a=
mp;mdash; Default RGB colour space &amp;mdash; sRGB&lt;/a&gt;&lt;/cite&gt=
;. IEC.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsSVG&gt;[SVG]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/TR/SVGTiny12/&gt=
;Scalable Vector Graphics (SVG) Tiny 1.2 Specification&lt;/a&gt;&lt;/cite=
&gt;, O. Andersson, R. Berjon, E. Dahlstr&amp;ouml;m, A. Emmons, J. Ferra=
iolo, A. Grasso, V. Hardy, S. Hayman, D. Jackson, C. Lilley, C. McCormack=
, A. Neumann, C. Northway, A. Quint, N. Ramani, D. Schepers, A. Shellshea=
r. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsTOR&gt;[TOR]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttps://www.torpro=
ject.org/&gt;Tor&lt;/a&gt;&lt;/cite&gt;.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsTYPEDARRAY&gt;[TYPEDARRAY]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.khronos.org/registry/ty=
pedarray/specs/latest/&gt;Typed Array Specification&lt;/a&gt;&lt;/cite&gt=
;, D. Herman, K. Russell. Khronos.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsTZDATABASE&gt;[TZDATABASE]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://www.iana.or=
g/time-zones&gt;Time Zone Database&lt;/a&gt;&lt;/cite&gt;. IANA.&lt;/dd&g=
t;
+
+   &lt;dt id=3DrefsUAAG&gt;[UAAG]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/=
TR/UAAG20/&gt;User Agent Accessibility Guidelines (UAAG) 2.0&lt;/a&gt;&lt=
;/cite&gt;, J. Allan, K. Ford, J. Richards, J. Spellman. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsUCA&gt;[UCA]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.unicode.org/reports/tr1=
0/&gt;UTR #10: Unicode Collation Algorithm&lt;/a&gt;&lt;/cite&gt;, M. Dav=
is, K. Whistler. Unicode Consortium.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsUNDO&gt;[UNDO]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://rniwa.com/editing/undomanag=
er.html&gt;UndoManager and DOM Transaction&lt;/a&gt;&lt;/cite&gt;, R. Niw=
a.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsUNICODE&gt;[UNICODE]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.unicode.org/versions/&g=
t;The Unicode Standard&lt;/a&gt;&lt;/cite&gt;. Unicode Consortium.&lt;/dd=
&gt;
+
+   &lt;dt id=3DrefsUNIVCHARDET&gt;[UNIVCHARDET]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://www.mozilla=
.org/projects/intl/UniversalCharsetDetection.html&gt;A composite approach=
 to language/encoding detection&lt;/a&gt;&lt;/cite&gt;, S. Li, K. Momoi. =
Netscape. In &lt;cite&gt;Proceedings of the 19th International Unicode Co=
nference&lt;/cite&gt;.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsURL&gt;[URL]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://url.spec.whatwg.org/&gt;URL=
&lt;/a&gt;&lt;/cite&gt;, A. van Kesteren. WHATWG.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsUTF7&gt;[UTF7]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.=
org/html/rfc2152&gt;UTF-7: A Mail-Safe Transformation Format of Unicode&l=
t;/a&gt;&lt;/cite&gt;, D. Goldsmith, M. Davis. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsUTF8DET&gt;[UTF8DET]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/=
International/questions/qa-forms-utf-8&gt;Multilingual form encoding&lt;/=
a&gt;&lt;/cite&gt;, M. D&amp;uuml;rst. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsUTR36&gt;[UTR36]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://www.unicode=
.org/reports/tr36/&gt;UTR #36: Unicode Security Considerations&lt;/a&gt;&=
lt;/cite&gt;, M. Davis, M. Suignard. Unicode Consortium.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsWCAG&gt;[WCAG]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/=
TR/WCAG20/&gt;Web Content Accessibility Guidelines (WCAG) 2.0&lt;/a&gt;&l=
t;/cite&gt;, B. Caldwell, M. Cooper, L. Reid, G. Vanderheiden. W3C.&lt;/d=
d&gt;
+
+   &lt;dt id=3DrefsWEBGL&gt;[WEBGL]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.khronos.org/registry/we=
bgl/specs/latest/&gt;WebGL Specification&lt;/a&gt;&lt;/cite&gt;, D. Jacks=
on. Khronos Group.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsWEBIDL&gt;[WEBIDL]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://dev.w3.org/2006/webapi/WebI=
DL/&gt;Web IDL&lt;/a&gt;&lt;/cite&gt;, C. McCormack. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsWEBLINK&gt;[WEBLINK]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc5988=
&gt;Web Linking&lt;/a&gt;&lt;/cite&gt;, M. Nottingham. IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsWEBMCG&gt;[WEBMCG]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.webmproject.org/code/sp=
ecs/container/&gt;WebM Container Guidelines&lt;/a&gt;&lt;/cite&gt;. The W=
ebM Project.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsWEBVTT&gt;[WEBVTT]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://dev.w3.org/html5/webvtt/&gt=
;WebVTT&lt;/a&gt;&lt;/cite&gt;, I. Hickson. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsWHATWGWIKI&gt;[WHATWGWIKI]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://wiki.whatwg.org/&gt;The WHA=
TWG Wiki&lt;/a&gt;&lt;/cite&gt;. WHATWG.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsWSP&gt;[WSP]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://tools.ietf.org/html/rfc6455=
&gt;The WebSocket protocol&lt;/a&gt;&lt;/cite&gt;, I. Fette, A. Melnikov.=
 IETF.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsX121&gt;[X121]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;Recommendation X.121 &amp;mdash; International =
Numbering Plan for Public Data Networks&lt;/cite&gt;, CCITT Blue Book, Fa=
scicle VIII.3, pp. 317-332.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsX690&gt;[X690]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.itu.int/ITU-T/studygrou=
ps/com17/languages/X.690-0207.pdf&gt;Recommendation X.690 &amp;mdash; Inf=
ormation Technology &amp;mdash; ASN.1 Encoding Rules &amp;mdash; Specific=
ation of Basic Encoding Rules (BER), Canonical Encoding Rules (CER), and =
Distinguished Encoding Rules (DER)&lt;/a&gt;&lt;/cite&gt;. International =
Telecommunication Union.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsXFN&gt;[XFN]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://gmpg.org/xfn/11&gt;XFN 1.1 =
profile&lt;/a&gt;&lt;/cite&gt;, T. &amp;Ccedil;elik, M. Mullenweg, E. Mey=
er. GMPG.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsXHR&gt;[XHR]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://xhr.spec.whatwg.org/&gt;&lt=
;code&gt;XMLHttpRequest&lt;/code&gt;&lt;/a&gt;&lt;/cite&gt;, A. van Keste=
ren. WHATWG.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsXML&gt;[XML]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/TR/xml/&gt;Exten=
sible Markup Language&lt;/a&gt;&lt;/cite&gt;, T. Bray, J. Paoli, C. Sperb=
erg-McQueen, E. Maler, F. Yergeau. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsXMLBASE&gt;[XMLBASE]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/TR/xmlbase/&gt;X=
ML Base&lt;/a&gt;&lt;/cite&gt;, J. Marsh, R. Tobin. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsXMLNS&gt;[XMLNS]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/TR/xml-names/&gt=
;Namespaces in XML&lt;/a&gt;&lt;/cite&gt;, T. Bray, D. Hollander, A. Laym=
an, R. Tobin. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsXPATH10&gt;[XPATH10]&lt;/dt&gt;
+   &lt;dd&gt;&lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/TR/1999/REC-xpat=
h-19991116&gt;XML Path Language (XPath) Version 1.0&lt;/a&gt;&lt;/cite&gt=
;, J. Clark, S. DeRose. W3C.&lt;/dd&gt;
+
+   &lt;dt id=3DrefsXSLT10&gt;[XSLT10]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3Dhttp://www.w3.org/=
TR/1999/REC-xslt-19991116&gt;XSL Transformations (XSLT) Version 1.0&lt;/a=
&gt;&lt;/cite&gt;, J. Clark. W3C.&lt;/dd&gt;
+
+&lt;!--(once XSLTProcessor is defined somewhere, update this and the pla=
ce that references this)
+   &lt;dt id=3D&quot;refsXSLTP&quot;&gt;[XSLTP]&lt;/dt&gt;
+   &lt;dd&gt;(Non-normative) &lt;cite&gt;&lt;a href=3D&quot;&quot;&gt;&l=
t;/a&gt;&lt;/cite&gt;, . .&lt;/dd&gt;
+--&gt;
+
+  &lt;/dl&gt;&lt;h2 class=3Dno-num id=3Dacknowledgments&gt;Acknowledgmen=
ts&lt;/h2&gt; &lt;!-- ACKS --&gt;
+
+  &lt;p&gt;Thanks to Tim Berners-Lee for inventing HTML, without which n=
one
+  of this would exist.&lt;/p&gt;
+
+  &lt;p&gt;Thanks to
+
+  Aankhen,
+  Aaron Boodman,
+  Aaron Leventhal,
+  Adam Barth,
+  Adam de Boor,
+  Adam Hepton,
+  Adam Klein,
+  Adam Roben,
+  Addison Phillips,
+  Adele Peterson,
+  Adrian Bateman,
+  Adrian Sutton,
+  Agust&amp;iacute;n Fern&amp;aacute;ndez,
+  Aharon (Vladimir) Lanin,
+  Ajai Tirumali,
+  Akatsuki Kitamura,
+  Alan Plum,
+  Alastair Campbell,
+  Alejandro G. Castro,
+  Alex Bishop,
+  Alex Nicolaou,
+  Alex Rousskov,
+  Alexander Farkas,
+  Alexander J. Vincent,
+  Alexandre Morgaut,
+  Alexey Feldgendler,
+  &amp;Acy;&amp;lcy;&amp;iecy;&amp;kcy;&amp;scy;&amp;iecy;&amp;jcy; &amp=
;Pcy;&amp;rcy;&amp;ocy;&amp;scy;&amp;kcy;&amp;ucy;&amp;rcy;&amp;yacy;&amp=
;kcy;&amp;ocy;&amp;vcy; (Alexey Proskuryakov),
+  Alexis Deveria,
+  Allan Clements,
+  Amos Jeffries,
+  Anders Carlsson,
+  Andreas&lt;!-- mqmq87 --&gt;,
+  Andreas Kling,
+  Andrei Popescu,
+  Andr&amp;eacute; E. Veltstra,
+  Andrew Barfield,
+  Andrew Clover,
+  Andrew Gove,
+  Andrew Grieve,
+  Andrew Oakley,
+  Andrew Sidwell,
+  Andrew Simons,
+  Andrew Smith,
+  Andrew W. Hagen,
+  Andrey V. Lukyanov,
+  Andry Rendy,
+  Andy Earnshaw,
+  Andy Heydon,
+  Andy Palay,
+  Anne van Kesteren,
+  Anthony Boyd,
+  Anthony Bryan,
+  Anthony Hickson,
+  Anthony Ricaud,
+  Antti Koivisto,
+  Arne Thomassen,
+  Aron Spohr,
+  Arphen Lin,
+  Arthur Stolyar,
+  Arun Patole,
+  Aryeh Gregor,
+  Asbj&amp;oslash;rn Ulsberg,
+  Ashley Gullen,
+  Ashley Sheridan,
+  Atsushi Takayama,
+  Aurelien Levy,
+  Ave Wrigley,
+  Axel Dahmen,
+  Ben Boyle,
+  Ben Godfrey,
+  Ben Lerner,
+  Ben Leslie,
+  Ben Meadowcroft,
+  Ben Millard,
+  Benjamin Carl Wiley Sittler,
+  Benjamin Hawkes-Lewis,
+  Benoit Ren,
+  Bert Bos,
+  Bijan Parsia,
+  Bil Corry,
+  Bill Mason,
+  Bill McCoy,
+  Billy Wong,
+  Bjartur Thorlacius,
+  Bj&amp;ouml;rn H&amp;ouml;hrmann,
+  Blake Frantz,
+  Bob Lund,
+  Bob Owen,
+  Boris Zbarsky,
+  Brad Fults,
+  Brad Neuberg,
+  Brad Spencer,
+  Brady Eidson,
+  Brendan Eich,
+  Brenton Simpson,
+  Brett Wilson,
+  Brett Zamir,
+  Brian Campbell,
+  Brian Korver,
+  Brian Kuhn,
+  Brian M. Dube,
+  Brian Ryner,
+  Brian Smith,
+  Brian Wilson,
+  Bryan Sullivan,
+  Bruce Bailey,
+  Bruce D'Arcus,
+  Bruce Lawson,
+  Bruce Miller,
+  C. Williams,
+  Cameron McCormack,
+  Cameron Zemek,
+  Cao Yipeng,
+  Carlos Amengual,
+  Carlos Gabriel Cardona,
+  Carlos Perell&amp;oacute; Mar&amp;iacute;n,
+  Chao Cai,
+  &amp;#xc724;&amp;#xc11d;&amp;#xcc2c; (Channy Yun),
+  Charl van Niekerk,
+  Charles Iliya Krempeaux,
+  Charles McCathieNevile,
+  Chris Apers,
+  Chris Cressman,
+  Chris Evans,
+  Chris Morris,
+  Chris Pearce,
+  Chris Peterson,
+  Chris Weber,
+  Christian Biesinger,
+  Christian Johansen,
+  Christian Schmidt,
+  Christoph P&amp;auml;per,
+  Christophe Dumez,
+  Christopher Aillon,
+  Christopher Ferris,
+  Chriswa,
+  Clark Buehler,
+  Cole Robison,
+  Colin Fine,
+  Collin Jackson,
+  Corprew Reed,
+  Craig Cockburn,
+  Csaba Gabor,
+  Csaba Marton,
+  Cynthia Shelly,
+  Dan Yoder,
+  Daniel Barclay,
+  Daniel Bratell,
+  Daniel Brooks,
+  Daniel Brumbaugh Keeney,
+  Daniel Cheng,
+  Daniel Davis,
+  Daniel Glazman,
+  Daniel Peng,
+  Daniel Schattenkirchner,
+  Daniel Sp&amp;aring;ng,
+  Daniel Steinberg,
+  Daniel Trebbien,
+  Danny Sullivan,
+  Darin Adler,
+  Darin Fisher,
+  Darxus,
+  Dave Camp,
+  Dave Hodder,
+  Dave Lampton,
+  Dave Singer,
+  Dave Townsend&lt;!-- Mossop on moz irc --&gt;,
+  David Baron,
+  David Bloom,
+  David Bruant,
+  David Carlisle,
+  David E. Cleary,
+  David Egan Evans,
+  David Flanagan,
+  David Gerard,
+  David H&amp;aring;s&amp;auml;ther,
+  David Hyatt,
+  David I. Lehn,
+  David John Burrowes,
+  David Kendal,
+  David Matja,
+  David Remahl,
+  David Smith,
+  David Woolley,
+  DeWitt Clinton,
+  Dean Edridge,
+  Dean Edwards,
+  Debi Orton,
+  Derek Featherstone,
+  Devarshi Pant,
+  Devdatta,
+  Dimitri Glazkov,
+  Dimitry Golubovsky,
+  Dirk Pranke,
+  Dirk Schulze,
+  Dirkjan Ochtman,
+  Divya Manian,
+  Dmitry Titov,
+  dolphinling,
+  Domenic Denicola,
+  Dominique Haza&amp;euml;l-Massieux,
+  Don Brutzman,
+  Doron Rosenberg,
+  Doug Kramer,
+  Doug Simpkinson,
+  Drew Wilson,
+  Edmund Lai,
+  Eduard Pascual,
+  Eduardo Vela,
+  Edward O'Connor,
+  Edward Welbourne,
+  Edward Z. Yang,
+  Ehsan Akhgari,
+  Eira Monstad,
+  Eitan Adler,
+  Eliot Graff,
+  Elisabeth Robson,
+  Elizabeth Castro,
+  Elliott Sprehn,
+  Elliotte Harold,
+  Eric Carlson,
+  Eric Lawrence,
+  Eric Rescorla,
+  Eric Semling,
+  Erik Arvidsson,
+  Erik Rose,
+  Evan Martin,
+  Evan Prodromou,
+  Evert,
+  fantasai,
+  Felix Sasaki,
+  Francesco Schwarz,
+  Francis Brosnan Blazquez,
+  Franck 'Shift' Qu&amp;eacute;lain,
+  Frank Barchard,
+  &amp;#x9d5c;&amp;#x98fc;&amp;#x6587;&amp;#x654f; (Fumitoshi Ukai),
+  Futomi Hatano,
+  Gavin Carothers,
+  Gavin Kistner,
+  Gareth Rees,
+  Garrett Smith,
+  Geoff Richards,
+  Geoffrey Garen,
+  Geoffrey Sneddon,
+  George Lund,
+  Gianmarco Armellin,
+  Giovanni Campagna,
+  Giuseppe Pascale,
+  Glenn Adams,
+  Glenn Maynard,
+  Graham Klyne,
+  Greg Botten,
+  Greg Houston,
+  Greg Wilkins,
+  Gregg Tavares,
+  Gregory J. Rosmaita,
+  Grey,
+  Guilherme Johansson Tramontina,
+  Gytis Jakutonis,
+  H&amp;aring;kon Wium Lie,
+  Hallvord Reiar Michaelsen Steen,
+  Hans S. T&amp;oslash;mmerhalt,
+  Hans Stimer,
+  Harald Alvestrand,
+  Henri Sivonen,
+  Henrik Lied,
+  Henry Mason,
+  Hugh Guiney,
+  Hugh Winkler,
+  Ian Bicking,
+  Ian Clelland,
+  Ian Davis,
+  Ian Fette,
+  Ido Green,
+  Ignacio Javier,
+  Ivan Enderlin,
+  Ivo Emanuel Gon&amp;ccedil;alves,
+  J. King,
+  Jacob Davies,
+  Jacques Distler,
+  Jake Verbaten,
+  Jakub &amp;Lstrok;opusza&amp;nacute;ski,
+  James Craig,
+  James Graham,
+  James Greene,
+  James Justin Harrell,
+  James Kozianski,
+  James M Snell,
+  James Perrett,
+  James Robinson,
+  Jamie Lokier,
+  Janusz Majnert,
+  Jan-Klaas Kollhof,
+  Jared Jacobs,
+  Jason Duell,
+  Jason Kersey,
+  Jason Lustig,
+  Jason White,
+  Jasper Bryant-Greene,
+  Jasper St. Pierre,
+  Jatinder Mann,
+  Jed Hartman,
+  Jeff Balogh,
+  Jeff Cutsinger,
+  Jeff Schiller,
+  Jeff Walden,
+  Jeffrey Zeldman,
+  &amp;#x80e1;&amp;#x6167;&amp;#x92d2; (Jennifer Braithwaite),
+  Jens Bannmann,
+  Jens Fendler,
+  Jens Lindstr&amp;ouml;m,
+  Jens Meiert,
+  Jeremey Hustman,
+  Jeremy Keith,
+  Jeremy Orlow,
+  Jeroen van der Meer,
+  Jian Li,
+  Jim Jewett,
+  Jim Ley,
+  Jim Meehan,
+  Jim Michaels,
+  Jirka Kosek,
+  Jjgod Jiang,
+  Jo&amp;atilde;o Eiras,
+  Joe Clark,
+  Joe Gregorio,
+  Joel Spolsky,
+  Joel Verhagen,
+  Johan Herland,
+  John Boyer,
+  John Bussjaeger,
+  John Carpenter,
+  John Daggett,
+  John Fallows,
+  John Foliot,
+  John Harding,
+  John Keiser,
+  John Snyders,
+  John Stockton,
+  John-Mark Bell,
+  Johnny Stenback,
+  Jon Ferraiolo,
+  Jon Gibbins,
+  Jon Perlow,
+  Jonas Sicking,
+  Jonathan Cook,
+  Jonathan Rees,
+  Jonathan Watt,
+  Jonathan Worent,
+  Jonny Axelsson,
+  Jordan Tucker,
+  Jorgen Horstink,
+  Jorunn Danielsen Newth,
+  Joseph Kesselman,
+  Joseph Mansfield,
+  Joseph Pecoraro,
+  Josh Aas,
+  Josh Hart,
+  Josh Levenberg,
+  Joshua Bell,
+  Joshua Randall,
+  Jukka K. Korpela,
+  Jules Cl&amp;eacute;ment-Ripoche,
+  Julian Reschke,
+  J&amp;uuml;rgen Jeka,
+  Justin Lebar,
+  Justin Novosad,
+  Justin Schuh,
+  Justin Sinclair,
+  Ka-Sing Chou,
+  Kai Hendry,
+  &amp;#x5442;&amp;#x5eb7;&amp;#x8c6a; (KangHao Lu)&lt;!-- Kenny, kennyl=
uck--&gt;,
+  Kartikaya Gupta,
+  Kathy Walton,
+  Kelly Ford,
+  Kelly Norton,
+  Kevin Benson,
+  Kevin Gadd,
+  Kevin Cole,
+  Korn&amp;eacute;l P&amp;aacute;l,
+  Kornel Lesinski,
+  Kris Northfield,
+  Kristof Zelechovski,
+  Krzysztof Maczy&amp;nacute;ski,
+  &amp;#x9ed2;&amp;#x6fa4;&amp;#x525b;&amp;#x5fd7; (Kurosawa Takeshi),
+  Kyle Barnhart,
+  Kyle Hofmann&lt;!-- Ozob --&gt;,
+  Kyle Huey,
+  L&amp;eacute;onard Bouchet,
+  L&amp;eacute;onie Watson,
+  Lachlan Hunt,
+  Larry Masinter,
+  Larry Page,
+  Lars Gunther&lt;!-- Keryx Web --&gt;,
+  Lars Solberg,
+  Laura Carlson,
+  Laura Granka,
+  Laura L. Carlson,
+  Laura Wisewell,
+  Laurens Holst,
+  Lawrence Forooghian,
+  Lee Kowalkowski,
+  Leif Halvard Silli,
+  Lenny Domnitser,
+  Leonard Rosenthol,
+  Leons Petrazickis,
+  Lobotom Dysmon,
+  Logan&lt;!-- on moz irc --&gt;,
+  Loune,
+  Luke Kenneth Casson Leighton,
+  Maciej Stachowiak,
+  Magnus Kristiansen&lt;!-- Dashiva --&gt;,
+  Maik Merten,
+  Malcolm Rowe,
+  Manish Tripathi,
+  Marcus Bointon,
+  Mark Birbeck,
+  Mark Davis,
+  Mark Miller,
+  Mark Nottingham,
+  Mark Pilgrim,
+  Mark Rowe&lt;!--bdash--&gt;,
+  Mark Schenk,
+  Mark Vickers,
+  Mark Wilton-Jones,
+  Martijn Wargers,
+  Martin Atkins,
+  Martin D&amp;uuml;rst,
+  Martin Honnen,
+  Martin Janecke,
+  Martin Kutschker,
+  Martin Nilsson,
+  Martin Thomson,
+  Masataka Yakura,
+  Mathias Bynens,
+  Mathieu Henri,
+  Matias Larsson,
+  Matt Falkenhagen,
+  Matt Schmidt,
+  Matt Wright,
+  Matthew Gregan,
+  Matthew Mastracci,
+  Matthew Raymond,
+  Matthew Thomas,
+  Mattias Waldau,
+  Max Romantschuk,
+  Menno van Slooten,
+  Micah Dubinko,
+  Michael 'Ratt' Iannarelli,
+  Michael A. Nachbaur,
+  Michael A. Puls II&lt;!--Shadow2531--&gt;,
+  Michael Carter,
+  Michael Daskalov,
+  Michael Day,
+  Michael Dyck,
+  Michael Enright,
+  Michael Gratton,
+  Michael Nordman,
+  Michael Powers,
+  Michael Rakowski,
+  Michael(tm) Smith,
+  Michal Zalewski,
+  Michel Fortin,
+  Michelangelo De Simone,
+  Michiel van der Blonk,
+  Mihai &amp;Scedil;ucan&lt;!-- from ROBO Design --&gt;,
+  Mihai Parparita,
+  Mike Brown,
+  Mike Dierken&lt;!-- S. Mike Dierken --&gt;,
+  Mike Dixon,
+  Mike Hearn,
+  Mike Schinkel,
+  Mike Shaver,
+  Mikko Rantalainen,
+  Mohamed Zergaoui&lt;!-- Innovimax SARL --&gt;,
+  Mohammad Al Houssami,
+  Mounir Lamouri,
+  Ms2ger,
+  Nadia Heninger,
+  NARUSE Yui,
+  Neil Deakin,
+  Neil Rashbrook,
+  Neil Soiffer,
+  Nicholas Shanks,
+  Nicholas Stimpson,
+  Nicholas Zakas,
+  Nickolay Ponomarev,
+  Nicolas Gallagher,
+  Noah Mendelsohn,
+  Noah Slater,
+  Noel Gordon,
+  Nolan Waite,
+  NoozNooz42,
+  Norbert Lindenberg,
+  Ojan Vafai,
+  Olaf Hoffmann,
+  Olav Junker Kj&amp;aelig;r,
+  Old&amp;rcaron;ich Vete&amp;scaron;n&amp;iacute;k,
+  Oli Studholme,
+  Oliver Hunt,
+  Oliver Rigby,
+  Olivier Gendrin,
+  Olli Pettay,
+  oSand, &lt;!-- from reddit --&gt;
+  Pablo Flouret,
+  Patrick Garies,
+  Patrick H. Lauke,
+  Patrik Persson,
+  Paul Adenot,
+  Paul Norman,
+  Per-Erik Brodin,
+  Perry Smith,
+  Peter Beverloo,
+  Peter Karlsson,
+  Peter Kasting,
+  Peter Moulder,
+  Peter Occil,
+  Peter Stark,
+  Peter Van der Beken,
+  Peter-Paul Koch,
+  Phil Pickering,
+  Philip J&amp;auml;genstedt,
+  Philip Taylor,
+  Philip TAYLOR&lt;!-- a different one --&gt;,
+  Philippe De Ryck,
+  Prateek Rungta,
+  Pravir Gupta,
+  &amp;#x674e;&amp;#x666e;&amp;#x541b; (Pujun Li)&lt;!-- masa jack --&gt=
;,
+  Rachid Finge,
+  Rafael Weinstein,
+  Rafa&amp;lstrok; Mi&amp;lstrok;ecki,
+  Raj Doshi,
+  Rajas Moonka,
+  Ralf Stoltze,
+  Ralph Giles,
+  Raphael Champeimont,
+  Remci Mizkur,
+  Remco,
+  Remy Sharp,
+  Rene Saarsoo,
+  Rene Stach,
+  Ric Hardacre,
+  Rich Clark,
+  Rich Doughty,
+  Richard Ishida,
+  Rigo Wenning,
+  Rikkert Koppes,
+  Rimantas Liubertas,
+  Riona Macnamara,
+  Rob Ennals,
+  Rob Jellinghaus,
+  Rob S,
+  Robert Blaut,
+  Robert Collins,
+  Robert Kieffer,
+  Robert Millan,
+  Robert O'Callahan,
+  Robert Sayre,
+  Robin Berjon,
+  Rodger Combs,
+  Roland Steiner,
+  Roma Matusevich,
+  Roman Ivanov,
+  Roy Fielding,
+  Ruud Steltenpool,
+  Ryan King,
+  Ryosuke Niwa,
+  S. Mike Dierken,
+  Salvatore Loreto,
+  Sam Dutton,
+  Sam Kuper,
+  Sam Ruby,
+  Sam Weinig,
+  Samuel Bronson,
+  Samy Kamkar,
+  Sander van Lambalgen,
+  Sarven Capadisli,
+  Scott Gonz&amp;aacute;lez,
+  Scott Hess,
+  Sean Fraser,
+  Sean Hayes,
+  Sean Hogan,
+  Sean Knapp,
+  Sebastian Markb&amp;aring;ge,
+  Sebastian Schnitzenbaumer,
+  Seth Call,
+  Seth Dillingham,
+  Shanti Rao,
+  Shaun Inman,
+  Shiki Okasaka,
+  Sierk Bornemann,
+  Sigbj&amp;oslash;rn Vik,
+  Silver Ghost, &lt;!-- see bug 19614 --&gt;
+  Silvia Pfeiffer,
+  &amp;Scaron;ime Vidas,
+  Simon Montagu,
+  Simon Pieters,
+  Simon Spiegel,
+  skeww, &lt;!-- on reddit --&gt;
+  Smylers,
+  Stanton McCandlish,
+  Stefan H&amp;aring;kansson,
+  Stefan Haustein,
+  Stefan Santesson,
+  Stefan Weiss,
+  Steffen Meschkat,
+  Stephen Ma,
+  Stephen White,
+  Steve Comstock,
+  Steve Faulkner,
+  Steve Runyon,
+  Steven Bennett,
+  Steven Garrity,
+  Steven Tate,
+  Stewart Brodie,
+  Stuart Ballard,
+  Stuart Langridge,
+  Stuart Parmenter,
+  Subramanian Peruvemba,
+  Sunava Dutta,
+  Susan Borgrink,
+  Susan &lt;!--G.--&gt; Lesch,
+  Sylvain Pasche,
+  T. J. Crowder,
+  Tab Atkins,
+  Takeshi Yoshino,
+  &lt;span lang=3Dtr title=3D&quot;&quot;&gt;Tantek &amp;Ccedil;elik&lt;=
/span&gt;,
+  &amp;#x7530;&amp;#x6751;&amp;#x5065;&amp;#x4eba; (TAMURA Kent),
+  Ted Mielczarek,
+  Terrence Wood,
+  Thijs van der Vossen,
+  Thomas Broyer,
+  Thomas Koetter,
+  Thomas O'Connor,
+  Tim Altman,
+  Tim Johansson,
+  TJ VanToll,
+  Toby Inkster,
+  Todd Moody,
+  Tom Baker,
+  Tom Pike,
+  Tommy Thorsen,
+  Tony Ross,
+  Travis Leithead,
+  Tyler Close,
+  Victor Carbune,
+  Vitya Muhachev,
+  Vladimir Katardjiev,
+  Vladimir Vuki&amp;cacute;evi&amp;cacute;,
+  voracity,
+  Wakaba,
+  Wayne Carr,
+  Wayne Pollock,
+  Wellington Fernando de Macedo,
+  Weston Ruter,
+  Wilhelm Joys Andersen,
+  Will Levine,
+  William Swanson,
+  Wladimir Palant,
+  Wojciech Mach,
+  Wolfram Kriesing,
+  Xan Gregg,
+  Yang Chen,
+  Ye-Kui Wang,
+  Yehuda Katz,
+  Yi-An Huang,
+  Yngve Nysaeter Pettersen,
+  Yonathan Randolph,
+  Yuzo Fujishima,
+  Zhenbin Xu,
+  Zoltan Herczeg,
+  and
+  &amp;Oslash;istein E. Andersen,
+
+  for their useful comments, both large and small, that have led to chan=
ges to this specification
+  over the years.&lt;/p&gt;
+
+  &lt;p&gt;Thanks also to everyone who has ever posted about HTML to the=
ir blogs, public mailing lists, or
+  forums, including all the contributors to the &lt;a href=3Dhttp://www.=
w3.org/html/wg/lists/&gt;various
+  W3C HTML WG lists&lt;/a&gt; and the &lt;a href=3Dhttp://www.whatwg.org=
/mailing-list&gt;various WHATWG
+  lists&lt;/a&gt;.
+
+  &lt;p&gt;Special thanks to Richard Williamson for creating the first i=
mplementation of
+  &lt;code&gt;&lt;a href=3D#the-canvas-element&gt;canvas&lt;/a&gt;&lt;/c=
ode&gt; in Safari, from which the canvas feature was designed.&lt;/p&gt;
+
+  &lt;p&gt;Special thanks also to the Microsoft employees who first impl=
emented the event-based
+  drag-and-drop mechanism, &lt;code title=3Dattr-contenteditable&gt;&lt;=
a href=3D#attr-contenteditable&gt;contenteditable&lt;/a&gt;&lt;/code&gt;,=
 and other
+  features first widely deployed by the Windows Internet Explorer browse=
r.&lt;/p&gt;
+
+  &lt;p&gt;Thanks to the participants of the microdata usability study f=
or allowing us to use their
+  mistakes as a guide for designing the microdata feature.&lt;/p&gt;
+
+  &lt;div class=3Dimpl&gt;
+
+  &lt;p&gt;Special thanks and $10,000 to David Hyatt who came up with a =
broken implementation of the &lt;a href=3D#adoptionAgency&gt;adoption age=
ncy algorithm&lt;/a&gt; that the editor had to reverse engineer and
+  fix before using it in the parsing section.&lt;/p&gt;
+
+  &lt;/div&gt;
+
+  &lt;p&gt;Thanks to the many sources that provided inspiration for the =
examples used in the
+  specification.&lt;/p&gt;
+
+ =20
+
+  &lt;div itemscope=3D&quot;&quot; itemtype=3Dhttp://n.whatwg.org/work&g=
t;
+   &lt;p&gt;The image in the introduction is based on &lt;a itemprop=3Dw=
ork href=3Dhttp://www.flickr.com/photos/wonderlane/2986252088/&gt;a photo=
&lt;/a&gt;
+   by &lt;a itemprop=3Dhttp://creativecommons.org/ns#attributionURL href=
=3Dhttp://www.flickr.com/photos/wonderlane/&gt;Wonderlane&lt;/a&gt;.
+   (&lt;a itemprop=3Dlicense href=3Dhttp://creativecommons.org/licenses/=
by/2.0/&gt;CC BY 2.0&lt;/a&gt;)
+  &lt;/div&gt;
+
+ =20
+
+  &lt;div itemscope=3D&quot;&quot; itemtype=3Dhttp://n.whatwg.org/work&g=
t;
+   &lt;p&gt;The image of two cute kittens in a basket used in the contex=
t menu example is based on
+   &lt;a itemprop=3Dwork href=3Dhttp://www.flickr.com/photos/digidreamgr=
afix/8370087640/&gt;a photo&lt;/a&gt;
+   by &lt;a itemprop=3Dhttp://creativecommons.org/ns#attributionURL href=
=3Dhttp://www.flickr.com/photos/digidreamgrafix/&gt;Alex G&lt;/a&gt;.
+   (&lt;a itemprop=3Dlicense href=3Dhttp://creativecommons.org/licenses/=
by/2.0/&gt;CC BY 2.0&lt;/a&gt;)
+  &lt;/div&gt;
+
+  &lt;div itemscope=3D&quot;&quot; itemtype=3Dhttp://n.whatwg.org/work&g=
t;
+   &lt;p&gt;The Blue Robot Player sprite used in the canvas demo is base=
d on
+   &lt;a itemprop=3Dwork href=3Dhttp://johncolburn.deviantart.com/art/Bl=
ue-Robot-Player-Sprite-323813997&gt;a work&lt;/a&gt; by
+   &lt;a itemprop=3Dhttp://creativecommons.org/ns#attributionURL href=3D=
http://johncolburn.deviantart.com/&gt;JohnColburn&lt;/a&gt;.
+   (&lt;a itemprop=3Dlicense href=3Dhttp://creativecommons.org/licenses/=
by-sa/3.0/&gt;CC BY-SA 3.0&lt;/a&gt;)&lt;/p&gt;
+  &lt;/div&gt;
+
+  &lt;p&gt;Thanks also to the Microsoft blogging community for some idea=
s, to the attendees of the W3C
+  Workshop on Web Applications and Compound Documents for inspiration, t=
o the #mrt crew, the #mrt.no
+  crew, and the #whatwg crew, and to Pillar and Hedral for their ideas a=
nd support.&lt;/p&gt;
+
+  &lt;!-- Hopefully Kam won't notice he's covered by these acknowledgeme=
nts three times! --&gt;
+
+&lt;!--
+ v2  * library of resources:
+        var library =3D new ZipFile(&quot;data.zip&quot;);
+        library.onload =3D function() {
+          var sound1 =3D library.getAudio(&quot;sound1.wav&quot;); // re=
turns an Audio object
+          var image1 =3D library.getImage(&quot;image1.png&quot;); // re=
turns an HTMLImageElement
+          var doc1 =3D library.getXMLDocument(&quot;doc1.xml&quot;); // =
returns a Document (XML Document mode)
+          var doc2 =3D library.getHTMLDocument(&quot;doc1.html&quot;); /=
/ returns a Document (HTML Document mode)
+        }
+       or:
+        var library =3D new ResourceLoader(&quot;data.zip&quot;);
+        library.add(&quot;moredata.zip&quot;);
+        library.onload =3D function() { ... }
+        library.onloading =3D function() {
+          reportLoadProgress(library.progress); // 0.0 .. 1.0
+        }
+       or:
+        var library =3D new AudioZip(&quot;sounds.zip&quot;);
+        library.onload =3D function() {
+          var sound1 =3D library[&quot;sound1.wav&quot;];
+          sound.play();
+        }
+ v2  * a fairly common situation for web authors is to have two lists, w=
here
+       the contents of the second depends on the value of the first. Is =
there
+       any way we could extend the current model to include this functio=
nality?
+       (e.g. bugzilla product/component ui)
+ v2  * quick-searchable select
+ v2  * include/exclude selectors (two multi-select columns with arrows t=
o
+       move selected items) and that sort of thing.
+       http://slashdot.org/comments.pl?sid=3D110240&amp;cid=3D9357022
+ v2  * Oh, and forms need a standardized Help widget/icon. I know I can
+       turn my cursor into a question mark, but I'm looking for somethin=
g
+       simple and pervasive. Maybe you can wrap fields in a help tag, ju=
st
+       as you do for fieldsets. And in that help tag, attributes are
+       available that allow for a nice, formatted, clean, full help text
+       popup/area/thing.
+       http://slashdot.org/comments.pl?sid=3D110240&amp;cid=3D9359006
+ v2  * Validating only part of a form. - Anja Lehmann
+ v2  * Reminder to add a way to expose access keys in buttons, i.e.
+       Sub&amp;mit where &amp; signifies the m is the access key to use.=
 Possibly
+       automatic? &lt;input accesskey=3D&quot;m&quot; value=3D&quot;Subm=
it&quot;&gt; browser would be
+       smart enough to underline the first instance of the access key if
+       it exists (case insensitive)? - kerz
+       [or deprecate the lot (-&gt;web apps)]
+ v2  * need an attribute that says &quot;the children of this element ar=
e in
+       their own tabbing universe, tabindex should be relative to each
+       other, not to the document&quot;
+       -&gt; web apps?
+ v2  * make select widgets have multiple columns
+       or -&gt;web apps with list view
+ v2  * required as a group (one of the following must be available):
+       + i propose something like the following:
+           &lt;input type=3D&quot;text&quot; group=3D&quot;contact&quot;=
 name=3D&quot;voicephone&quot;&gt; Voice phone
+           &lt;input type=3D&quot;text&quot; group=3D&quot;contact&quot;=
 name=3D&quot;fax&quot;&gt; Fax
+           &lt;input type=3D&quot;text&quot; group=3D&quot;contact&quot;=
 name=3D&quot;mobile&quot;&gt; Mobile phone
+           &lt;input type=3D&quot;text&quot; group=3D&quot;contact&quot;=
 name=3D&quot;email&quot;&gt; E-mail
+         if the user fills out none of the form fields in the &quot;cont=
act&quot;
+         group, an error message is shown and the form is not submitted.
+         - Peter-Paul Koch
+ v2  * formatting of number fields, text fields, etc, so that when the
+       field is not focused, the value is displayed differently. Seems
+       like this would also be useful e.g. for &lt;output&gt; or somethi=
ng so
+       you can display localised dates, etc.
+ v2  * being able to select date range (from day x to day y)
+ v2  * ways of visualizing a linefeed in a &lt;textarea&gt; so it looks =
different
+       from wrapping text
+ v2  * all login systems have
+         1. enter username and password
+         2. create new account
+         3. lost password
+       some way of integrating this into one system, since it's so commo=
n
+ v2  * way of identifying different sorts of mailadresses
+         a) mailing-list
+         b) person
+         c) department in a company (&quot;support&quot;, &quot;marketin=
g&quot; and such)
+         d) general mail (like &quot;info&quot;, &quot;mail&quot;, &quot=
;contact&quot; and such)
+         e) other sorts of groupings
+       (or -&gt;web apps; this is talking about in mailto: links, I thin=
k)
+ v2  * hotswapping login identities like in windows xp
+         you are logged in on operamail.com, and you want to check the m=
ail
+         of another user. somehow, combined with the wand or whatever,
+         the browser will remember the login page, and it can re-submit =
it
+         without having to load the initial page (saving time)
+ v2  * provide different measuring systems, like having the html indicat=
e
+       fluid in both fluid ounces and liters, and the browser can displa=
y
+       one or the other based on regional settings in the browser or ui,
+       display conversions in a tooltip, or let the user decide which
+       format to display.
+ v2  * indicate &quot;x days ago&quot; or &quot;y days into the future&q=
uot; rather than date
+ v2  * input control for anniversaries
+ v2  * only submit fields that have changed, or a way to include in the
+       submission a list of which form controls were changed from their
+       default value
+ v2  * type=3D&quot;time&quot; value=3D&quot;now&quot;
+ v2  * add something to type=3D&quot;number&quot; to support basic curre=
ncy and unit
+       formatting of input
+ v2  * &lt;fieldset enabled-if-checked=3D&quot;myCheckboxOrRadioButton&q=
uot;&gt;
+       ...to allow sections to only be enabled if a radio button makes i=
t
+       relevant, for instance.
+ v2  * Yan Morin proposed a multi-column dropdown &lt;select&gt; or &lt;=
datalist&gt;:
+         _________________
+        |_New_York______|V|_________________  &lt;- input  with a table =
link and a down arrow
+        |_City__________|_State_|_Country_|_| &lt;- header of the table
+        | Montreal      |  QC   | Canada  |A| &lt;- top arrow of the scr=
oll
+        |&gt;New York     &lt;|  NY   | US      | | &lt;- selected row
+        | Washington    |  DC   | US      |X| &lt;- cursor scroll
+        | San Francisco |  CA   | US      | |
+        |_Toronto_______|__ON___|_Canada__|V| &lt;- bottom arrow of the =
scroll
+
+ v2  * add for=3D&quot;&quot; attribute to &lt;input type=3D&quot;passwo=
rd&quot;&gt; so that you can
+       link usernames and passwords. (Jonas Sicking)
+ v2  * value for unchecked checkbox?
+ v2  * A way to specify the default button - Michael Gratton
+ v2  * &lt;fieldset readonly&gt;?
+ v2  * dolphinling suggests having a way to mark certain parts of a
+       form as being dependent on another (mutually exclusive parts of
+       a form)
+ v2  * expose the form data set, either as an object (on which one can
+       invoke the JSON serialiser), or in the form of a method on
+       HTMLFormElement that returns the form data set serialised
+       according to a particular encoding (defaulting to the form's
+       enctype=3D&quot;&quot; one, probably). This would allow forms to =
be used
+       with XHR-like systems without having to manually construct the
+       form data set the way that is done today.
+ v2  * expose the file upload progress when uploading files in a form
+       (ideally using the same mechanism as XHR2?); ack Rob Evans
+
+Consistency in editorial style:
+ v2  * need to become consistent about whether or not to quote keyword
+       (&quot;&lt;code title=3D&quot;&quot;&gt;foo&lt;/code&gt;&quot; vs=
 &lt;code&gt;foo&lt;/code&gt;)
+ v2  * make the spec consistent about whether the word &quot;algorithm&q=
uot; is part of
+       an algorithm's name or not (&quot;&lt;/dfn&gt; algorithm&quot;, &=
quot;&lt;/span&gt; algorithm&quot;)
+ v2  * make the spec more consistent about its use of &quot;hexadecimal&=
quot;
+       and &quot;base-sixteen&quot;, the order that 0-9 A-Z a-z is menti=
oned,
+       and the detail to which the spec explains how to interpret a
+       string as a hexadecimal number.
+ v2  * become more consistent about what markup we use to mark up
+       productions (nothing? &lt;i&gt;? &lt;code&gt;?)
+ v2  * use &lt;code&gt;Document&lt;/code&gt; consistently instead of 'do=
cument'.
+ v2  * be clearer about arrays/lists/collections being zero-based
+       despite using the term &quot;/index/th&quot;.
+ v2  * use the sample widgets:
+          &lt;li&gt;&lt;img alt=3D&quot;A text field with editable secti=
ons for each
+          value, with a button to pop up a dialog showing a calendar or
+          clock.&quot; src=3D&quot;sample-datetime-ui-2&quot;&gt;&lt;/li=
&gt;
+          &lt;li&gt;&lt;img alt=3D&quot;A calendar grid with a clock in =
the upper right
+          hand corner.&quot; src=3D&quot;sample-datetime-ui-3&quot;&gt;&=
lt;/li&gt;
+--&gt;
+=20
</ins></span></pre>
</div>
</div>

</body>
</html>