@markuplint/html-spec 5.0.0-rc.1 → 5.0.0-rc.4

package/index.json

@@ -753,6 +753,18 @@
 				"onwebkittransitionend": {
 					"type": "FunctionBody",
 					"deprecated": true
+				},
+				"ontouchstart": {
+					"type": "FunctionBody"
+				},
+				"ontouchend": {
+					"type": "FunctionBody"
+				},
+				"ontouchmove": {
+					"type": "FunctionBody"
+				},
+				"ontouchcancel": {
+					"type": "FunctionBody"
 				}
 			},
 			"#HTMLLinkAndFetchingAttrs": {
@@ -811,7 +823,7 @@
 					}
 				},
 				"integrity": {
-					"type": "Any"
+					"type": "SRIHash"
 				},
 				"media": {
 					"type": "<media-query-list>"
@@ -12755,18 +12767,14 @@
 						"requiredContextRole": [],
 						"requiredOwnedElements": [],
 						"accessibleNameRequired": false,
-						"accessibleNameFromAuthor": true,
-						"accessibleNameFromContent": true,
-						"accessibleNameProhibited": false,
+						"accessibleNameFromAuthor": false,
+						"accessibleNameFromContent": false,
+						"accessibleNameProhibited": true,
 						"ownedProperties": [
 							{
 								"name": "aria-atomic",
 								"inherited": true
 							},
-							{
-								"name": "aria-braillelabel",
-								"inherited": true
-							},
 							{
 								"name": "aria-brailleroledescription",
 								"inherited": true
@@ -12835,14 +12843,6 @@
 								"name": "aria-keyshortcuts",
 								"inherited": true
 							},
-							{
-								"name": "aria-label",
-								"inherited": true
-							},
-							{
-								"name": "aria-labelledby",
-								"inherited": true
-							},
 							{
 								"name": "aria-live",
 								"inherited": true
@@ -12860,7 +12860,7 @@
 								"inherited": true
 							}
 						],
-						"prohibitedProperties": []
+						"prohibitedProperties": ["aria-braillelabel", "aria-label", "aria-labelledby"]
 					},
 					{
 						"name": "tree",
@@ -48954,7 +48954,8 @@
 					{
 						"oneOrMore": ":model(flow):not(address, :model(heading), :model(sectioning), header, foooter, :has(address, :model(heading), :model(sectioning), header, foooter))"
 					}
-				]
+				],
+				"forbiddenAncestors": ["address"]
 			},
 			"aria": {
 				"implicitRole": "group",
@@ -49194,11 +49195,11 @@
 				"#GlobalEventAttrs": true,
 				"#HTMLEmbededAndMediaContentAttrs": ["src", "preload", "autoplay", "loop", "muted", "controls"],
 				"#HTMLGlobalAttrs": true,
-				"#HTMLLinkAndFetchingAttrs": ["crossorigin"]
+				"#HTMLLinkAndFetchingAttrs": ["crossorigin", "loading"]
 			},
 			"attributes": {
 				"autoplay": {
-					"description": "A Boolean attribute: if specified, the audio will automatically begin playback as soon as it can do so, without waiting for the entire audio file to finish downloading. Note: Sites that automatically play audio (or videos with an audio track) can be an unpleasant experience for users, so should be avoided when possible. If you must offer autoplay functionality, you should make it opt-in (requiring a user to specifically enable it). However, this can be useful when creating media elements whose source will be set at a later time, under user control. See our autoplay guide for additional information about how to properly use autoplay."
+					"description": "A Boolean attribute: if specified, the audio will automatically begin playback as soon as it can do so, without waiting for the entire audio file to finish downloading. Note: Sites that automatically play audio (or videos with an audio track) can be an unpleasant experience for users, so should be avoided when possible. If you must offer autoplay functionality, you should make it opt-in (requiring a user to specifically enable it). However, this can be useful when creating media elements whose source will be set at a later time, under user control. See our autoplay guide for additional information about how to properly use autoplay. Note: Audio with the loading=\"lazy\" attribute set will not start downloading and autoplaying until the controls for the media are near or within the viewport. Lazy-loaded audio without the controls attribute will not autoplay."
 				},
 				"controls": {
 					"description": "If this attribute is present, the browser will offer controls to allow the user to control audio playback, including volume, seeking, and pause/resume playback."
@@ -49212,6 +49213,10 @@
 				"disableremoteplayback": {
 					"description": "A Boolean attribute used to disable the capability of remote playback in devices that are attached using wired (HDMI, DVI, etc.) and wireless technologies (Miracast, Chromecast, DLNA, AirPlay, etc.). See the proposed Remote Playback API specification for more information. In Safari, you can use x-webkit-airplay=\"deny\" as a fallback."
 				},
+				"loading": {
+					"description": "Indicates how the browser should load the audio: eager Loads the audio immediately, regardless of whether or not the audio is currently within the visible viewport (this is the default value). lazy Defers loading the audio until the controls reach a calculated distance from the viewport, as defined by the browser. Note: In order for audio elements to intersect visibly with the viewport, they need to be visible. Browsers use the controls attribute to make audio elements visible, so it's needed for lazy loading. Lazy-loaded audio without the controls attribute will not load. Lazy loading avoids the network and storage bandwidth required to handle the audio until it's reasonably certain that it will be needed. This improves the performance in most typical use cases. Lazy-loaded audio located in the visual viewport may not yet be downloaded when the Window load event is fired. This is because the event is fired based on eager-loaded audio only — lazy-loaded audio is not considered even if it is located within the visual viewport upon initial page load. Loading is only deferred when JavaScript is enabled. This is an anti-tracking measure, because if a user agent supported lazy loading when scripting is disabled, it would still be possible for a site to track a user's approximate scroll position throughout a session, by strategically placing audio in a page's markup such that a server can track how many audio requests are made and when. Note: The loading=\"lazy\" attribute also impacts the autoplay attribute as described in that section of this page.",
+					"experimental": false
+				},
 				"loop": {
 					"description": "A Boolean attribute: if specified, the audio player will automatically seek back to the start upon reaching the end of the audio."
 				},
@@ -49219,7 +49224,7 @@
 					"description": "A Boolean attribute that indicates whether the audio will be initially silenced. Its default value is false."
 				},
 				"preload": {
-					"description": "This enumerated attribute is intended to provide a hint to the browser about what the author thinks will lead to the best user experience. It may have one of the following values: none: Indicates that the audio should not be preloaded. metadata: Indicates that only audio metadata (e.g., length) is fetched. auto: Indicates that the whole audio file can be downloaded, even if the user is not expected to use it. empty string: A synonym of the auto value. The default value is different for each browser. The spec advises it to be set to metadata. Note: The autoplay attribute has precedence over preload. If autoplay is specified, the browser would obviously need to start downloading the audio for playback. The browser is not forced by the specification to follow the value of this attribute; it is a mere hint."
+					"description": "This enumerated attribute is intended to provide a hint to the browser about what the author thinks will lead to the best user experience. It may have one of the following values: none: Indicates that the audio should not be preloaded. metadata: Indicates that only audio metadata (e.g., length) is fetched. auto: Indicates that the whole audio file can be downloaded, even if the user is not expected to use it. empty string: A synonym of the auto value. The default value is different for each browser. The spec advises it to be set to metadata. Note: Audio with the loading=\"lazy\" attribute set will only apply the preload behavior once the audio controls are near or within the viewport. The autoplay attribute has precedence over preload. If autoplay is specified, the browser would obviously need to start downloading the audio for playback. The browser is not forced by the specification to follow the value of this attribute; it is a mere hint."
 				},
 				"src": {
 					"description": "The URL of the audio to embed. This is subject to HTTP access controls. This is optional; you may instead use the <source> element within the audio block to specify the audio to embed."
@@ -49357,7 +49362,8 @@
 			},
 			"attributes": {
 				"dir": {
-					"description": "The direction in which text should be rendered in this element's contents. Possible values are: ltr: Indicates that the text should go in a left-to-right direction. rtl: Indicates that the text should go in a right-to-left direction."
+					"description": "The direction in which text should be rendered in this element's contents. Possible values are: ltr: Indicates that the text should go in a left-to-right direction. rtl: Indicates that the text should go in a right-to-left direction.",
+					"required": true
 				}
 			}
 		},
@@ -49498,11 +49504,11 @@
 					"deprecated": true
 				},
 				"bottommargin": {
-					"description": "The margin of the bottom of the body. Use the CSS margin-bottom property (or the logical margin-block-end property) instead.",
+					"description": "Ignored.",
 					"deprecated": true
 				},
 				"leftmargin": {
-					"description": "The margin of the left of the body. Use the CSS margin-left property (or the logical margin-inline-start property) instead.",
+					"description": "The margin of the left and right of the body. Use the CSS margin-left and margin-right properties (or the logical margin-inline property) instead.",
 					"deprecated": true
 				},
 				"link": {
@@ -49564,7 +49570,7 @@
 					"type": "FunctionBody"
 				},
 				"rightmargin": {
-					"description": "The margin of the right of the body. Use the CSS margin-right property or the logical margin-inline-end property) instead.",
+					"description": "Ignored.",
 					"deprecated": true
 				},
 				"text": {
@@ -49572,7 +49578,7 @@
 					"deprecated": true
 				},
 				"topmargin": {
-					"description": "The margin of the top of the body. Use the CSS margin-top property (or the logical margin-block-start property) instead.",
+					"description": "The margin of the top and bottom of the body. Use the CSS margin-top and margin-bottom properties (or the logical margin-block property) instead.",
 					"deprecated": true
 				},
 				"vlink": {
@@ -50364,7 +50370,7 @@
 						"choice": [
 							[
 								{
-									"oneOrMore": [
+									"zeroOrMore": [
 										{
 											"zeroOrMore": ":model(script-supporting)"
 										},
@@ -50661,7 +50667,8 @@
 					{
 						"oneOrMore": ":model(flow):not(header, footer, :has(header, footer))"
 					}
-				]
+				],
+				"forbiddenAncestors": ["header", "footer"]
 			},
 			"aria": {
 				"implicitRole": "contentinfo",
@@ -51052,7 +51059,8 @@
 					{
 						"oneOrMore": ":model(flow):not(header, footer, :has(header, footer))"
 					}
-				]
+				],
+				"forbiddenAncestors": ["header", "footer"]
 			},
 			"aria": {
 				"implicitRole": "banner",
@@ -51304,7 +51312,7 @@
 					"description": "The height of the frame in CSS pixels. Default is 150."
 				},
 				"loading": {
-					"description": "Indicates when the browser should load the iframe: eager Load the iframe immediately on page load (this is the default value). lazy Defer loading of the iframe until it reaches a calculated distance from the visual viewport, as defined by the browser. The intent is to avoid using the network and storage bandwidth required to fetch the frame until the browser is reasonably certain that it will be needed. This improves the performance and cost in most typical use cases, in particular by reducing initial page load times. Note: Loading is only deferred when JavaScript is enabled. This is an anti-tracking measure."
+					"description": "Indicates when the browser should load the iframe: eager Load the iframe immediately on page load (this is the default value). lazy Defer loading of the iframe until it reaches a calculated distance from the visual viewport, as defined by the browser. The intent is to avoid using the network and storage bandwidth required to fetch the frame until the browser is reasonably certain that it will be needed. This improves the performance and cost in most typical use cases, in particular by reducing initial page load times. Loading is only deferred when JavaScript is enabled. This is an anti-tracking measure, because if a user agent supported lazy loading when scripting is disabled, it would still be possible for a site to track a user's approximate scroll position throughout a session, by strategically placing iframes in a page's markup such that a server can track how many iframes are requested and when."
 				},
 				"longdesc": {
 					"description": "A URL of a long description of the frame's content. Due to widespread misuse, this is not helpful for non-visual browsers.",
@@ -51503,7 +51511,7 @@
 					"condition": "a[href] img"
 				},
 				"loading": {
-					"description": "Indicates how the browser should load the image: eager Loads the image immediately, regardless of whether or not the image is currently within the visible viewport (this is the default value). lazy Defers loading the image until it reaches a calculated distance from the viewport, as defined by the browser. The intent is to avoid the network and storage bandwidth needed to handle the image until it's reasonably certain that it will be needed. This generally improves the performance of the content in most typical use cases. While explicit width and height attributes are recommended for all images to avoid layout shift, they are especially important for lazy-loaded ones. Lazy-loaded images will never be loaded if they do not intersect a visible part of an element, even if loading them would change that, because unloaded images have a width and height of 0. It creates an even more disruptive user experience when the content visible in the viewport reflows in the middle of reading it. The load event is fired after eager-loaded images have been fetched and processed, but before lazy-laded ones are, even if the lazy-loaded images are located within the visual viewport immediately upon initial page load. These images are still loaded as soon as layout completes; they just don't affect the timing of the load event. That means that when load fires, it's possible that any lazy-loaded images located in the visual viewport may not yet be visible. Loading is only deferred when JavaScript is enabled. This is an anti-tracking measure, because if a user agent supported lazy loading when scripting is disabled, it would still be possible for a site to track a user's approximate scroll position throughout a session, by strategically placing images in a page's markup such that a server can track how many images are requested and when."
+					"description": "Indicates how the browser should load the image: eager Loads the image immediately, regardless of whether or not the image is currently within the visible viewport (this is the default value). lazy Defers loading the image until it reaches a calculated distance from the viewport, as defined by the browser. Lazy loading avoids the network and storage bandwidth required to handle the image until it's reasonably certain that it will be needed. This improves the performance in most typical use cases. While explicit width and height attributes are recommended for all images to avoid layout shift, they are especially important for lazy-loaded ones. Lazy-loaded images will never be loaded if they do not intersect a visible part of an element, even if loading them would change that, because unloaded images have a width and height of 0. It creates an even more disruptive user experience when the content visible in the viewport reflows in the middle of reading it. Lazy-loaded images located in the visual viewport may not yet be visible when the Window load event is fired. This is because the event is fired based on eager-loaded images — lazy-loaded images are not considered even if they are located within the visual viewport upon initial page load. Loading is only deferred when JavaScript is enabled. This is an anti-tracking measure, because if a user agent supported lazy loading when scripting is disabled, it would still be possible for a site to track a user's approximate scroll position throughout a session, by strategically placing images in a page's markup such that a server can track how many images are requested and when."
 				},
 				"longdesc": {
 					"description": "A link to a more detailed description of the image. Possible values are a URL or an element id. Note: This attribute is considered obsolete in the HTML spec. It has an uncertain future; authors should use a WAI-ARIA alternative such as aria-describedby or aria-details.",
@@ -51560,14 +51568,18 @@
 						"permittedRoles": [
 							"checkbox",
 							"combobox",
+							"gridcell",
 							"link",
 							"menuitem",
 							"menuitemcheckbox",
 							"menuitemradio",
 							"option",
 							"radio",
+							"separator",
+							"slider",
 							"switch",
-							"tab"
+							"tab",
+							"treeitem"
 						]
 					},
 					"[type='checkbox' i]": {
@@ -51650,7 +51662,21 @@
 					},
 					"[type='image' i]": {
 						"implicitRole": "button",
-						"permittedRoles": ["link", "menuitem", "menuitemcheckbox", "menuitemradio", "radio", "switch"]
+						"permittedRoles": [
+							"checkbox",
+							"gridcell",
+							"link",
+							"menuitem",
+							"menuitemcheckbox",
+							"menuitemradio",
+							"option",
+							"radio",
+							"separator",
+							"slider",
+							"switch",
+							"tab",
+							"treeitem"
+						]
 					},
 					"[type='month' i]": {
 						"implicitRole": false,
@@ -51756,11 +51782,22 @@
 					},
 					"[type='reset' i]": {
 						"implicitRole": "button",
-						"permittedRoles": false,
-						"properties": {
-							"global": true,
-							"role": "button"
-						}
+						"permittedRoles": [
+							"checkbox",
+							"combobox",
+							"gridcell",
+							"link",
+							"menuitem",
+							"menuitemcheckbox",
+							"menuitemradio",
+							"option",
+							"radio",
+							"separator",
+							"slider",
+							"switch",
+							"tab",
+							"treeitem"
+						]
 					},
 					"[type='search' i]:not([list])": {
 						"implicitRole": "searchbox",
@@ -51772,11 +51809,22 @@
 					},
 					"[type='submit' i]": {
 						"implicitRole": "button",
-						"permittedRoles": false,
-						"properties": {
-							"global": true,
-							"role": "button"
-						}
+						"permittedRoles": [
+							"checkbox",
+							"combobox",
+							"gridcell",
+							"link",
+							"menuitem",
+							"menuitemcheckbox",
+							"menuitemradio",
+							"option",
+							"radio",
+							"separator",
+							"slider",
+							"switch",
+							"tab",
+							"treeitem"
+						]
 					},
 					"[type='tel' i]:not([list])": {
 						"implicitRole": "textbox",
@@ -51832,6 +51880,7 @@
 						"[type='button' i]": {
 							"implicitRole": "button",
 							"permittedRoles": [
+								"checkbox",
 								"link",
 								"menuitem",
 								"menuitemcheckbox",
@@ -51919,12 +51968,15 @@
 						"[type='image' i]": {
 							"implicitRole": "button",
 							"permittedRoles": [
+								"checkbox",
 								"link",
 								"menuitem",
 								"menuitemcheckbox",
 								"menuitemradio",
+								"option",
 								"radio",
-								"switch"
+								"switch",
+								"tab"
 							]
 						},
 						"[type='month' i]": {
@@ -52031,11 +52083,17 @@
 						},
 						"[type='reset' i]": {
 							"implicitRole": "button",
-							"permittedRoles": false,
-							"properties": {
-								"global": true,
-								"role": "button"
-							}
+							"permittedRoles": [
+								"checkbox",
+								"link",
+								"menuitem",
+								"menuitemcheckbox",
+								"menuitemradio",
+								"option",
+								"radio",
+								"switch",
+								"tab"
+							]
 						},
 						"[type='search' i]:not([list])": {
 							"implicitRole": "searchbox",
@@ -52047,11 +52105,17 @@
 						},
 						"[type='submit' i]": {
 							"implicitRole": "button",
-							"permittedRoles": false,
-							"properties": {
-								"global": true,
-								"role": "button"
-							}
+							"permittedRoles": [
+								"checkbox",
+								"link",
+								"menuitem",
+								"menuitemcheckbox",
+								"menuitemradio",
+								"option",
+								"radio",
+								"switch",
+								"tab"
+							]
 						},
 						"[type='tel' i]:not([list])": {
 							"implicitRole": "textbox",
@@ -52495,7 +52559,46 @@
 				},
 				"value": {
 					"description": "The input control's value. When specified in the HTML, this is the initial value, and from then on it can be altered or retrieved at any time using JavaScript to access the respective HTMLInputElement object's value property. The value attribute is always optional, though should be considered mandatory for checkbox, radio, and hidden.",
-					"type": "Any"
+					"type": [
+						{
+							"condition": "[type='color' i]",
+							"type": "SimpleColor"
+						},
+						{
+							"condition": "[type='url' i]",
+							"type": "URL"
+						},
+						{
+							"condition": "[type='email' i]",
+							"type": "Email"
+						},
+						{
+							"condition": ["[type='number' i]", "[type='range' i]"],
+							"type": {
+								"type": "float"
+							}
+						},
+						{
+							"condition": "[type='date' i]",
+							"type": "DateString"
+						},
+						{
+							"condition": "[type='month' i]",
+							"type": "MonthString"
+						},
+						{
+							"condition": "[type='week' i]",
+							"type": "WeekString"
+						},
+						{
+							"condition": "[type='time' i]",
+							"type": "TimeString"
+						},
+						{
+							"condition": "[type='datetime-local' i]",
+							"type": "LocalDateTimeString"
+						}
+					]
 				},
 				"webkitdirectory": {
 					"description": "The Boolean webkitdirectory attribute, if present, indicates that only directories should be available to be selected by the user in the file picker interface. See HTMLInputElement.webkitdirectory for additional details and examples. Though originally implemented only for WebKit-based browsers, webkitdirectory is also usable in Microsoft Edge as well as Firefox 50 and later. However, even though it has relatively broad support, it is still not standard and should not be used unless you have no alternative.",
@@ -52735,23 +52838,30 @@
 			"attributes": {
 				"as": {
 					"description": "This attribute is required when rel=\"preload\" has been set on the <link> element, optional when rel=\"modulepreload\" has been set, and otherwise should not be used. It specifies the type of content being loaded by the <link>, which is necessary for request matching, application of correct content security policy, and setting of correct Accept request header. Furthermore, rel=\"preload\" uses this as a signal for request prioritization. The table below lists the valid values for this attribute and the elements or resources they apply to. Value Applies To audio <audio> elements document <iframe> and <frame> elements embed <embed> elements fetch fetch, XHR Note: This value also requires <link> to contain the crossorigin attribute, see CORS-enabled fetches. font CSS @font-face Note: This value also requires <link> to contain the crossorigin attribute, see CORS-enabled fetches. image <img> and <picture> elements with srcset or imageset attributes, SVG <image> elements, CSS *-image rules json modulepreload destinations. object <object> elements script <script> elements, Worker importScripts, and modulepreload destinations. style <link rel=stylesheet> elements, CSS @import and modulepreload destinations. track <track> elements video <video> elements worker Worker, SharedWorker",
-					"type": {
-						"enum": [
-							"audioworklet",
-							"fetch",
-							"font",
-							"image",
-							"json",
-							"paintworklet",
-							"script",
-							"serviceworker",
-							"sharedworker",
-							"style",
-							"track",
-							"worker"
-						]
-					},
-					"condition": ["[rel='preload' i]", "[rel='modulepreload' i]"]
+					"type": [
+						{
+							"condition": "[rel~='preload' i]",
+							"type": {
+								"enum": ["fetch", "font", "image", "script", "style", "track"]
+							}
+						},
+						{
+							"condition": "[rel~='modulepreload' i]",
+							"type": {
+								"enum": [
+									"audioworklet",
+									"json",
+									"paintworklet",
+									"script",
+									"serviceworker",
+									"sharedworker",
+									"style",
+									"worker"
+								]
+							}
+						}
+					],
+					"condition": ["[rel~='preload' i]", "[rel~='modulepreload' i]"]
 				},
 				"blocking": {
 					"description": "This attribute explicitly indicates that certain operations should be blocked until specific conditions are met. It must only be used when the rel attribute contains the expect or stylesheet keywords. With rel=\"expect\", it indicates that operations should be blocked until a specific DOM node has been parsed. With rel=\"stylesheet\", it indicates that operations should be blocked until an external stylesheet and its critical subresources have been fetched and applied to the document. The operations that are to be blocked must be a space-separated list of blocking tokens listed below. Currently there is only one token: render: The rendering of content on the screen is blocked. Note: Only link elements in the document's <head> can possibly block rendering. By default, a link element with rel=\"stylesheet\" in the <head> blocks rendering when the browser discovers it during parsing. If such a link element is added dynamically via script, you must additionally set blocking = \"render\" for it to block rendering.",
@@ -52875,7 +52985,8 @@
 					{
 						"oneOrMore": ":model(flow)"
 					}
-				]
+				],
+				"forbiddenAncestors": ["article", "aside", "footer", "header", "nav"]
 			},
 			"aria": {
 				"implicitRole": "main",
@@ -53561,7 +53672,7 @@
 				},
 				"label": {
 					"description": "The name of the group of options, which the browser can use when labeling the options in the user interface. This attribute is mandatory if this element is used.",
-					"type": "Any",
+					"type": "NoEmptyAny",
 					"required": true
 				}
 			}
@@ -53574,7 +53685,7 @@
 			"contentModel": {
 				"contents": [
 					{
-						"optional": "#text"
+						"require": "#nonEmptyText"
 					}
 				],
 				"conditional": [
@@ -53590,6 +53701,14 @@
 							}
 						]
 					},
+					{
+						"condition": "datalist > :scope",
+						"contents": [
+							{
+								"optional": "#text"
+							}
+						]
+					},
 					{
 						"condition": "datalist > [label]",
 						"contents": [
@@ -54162,7 +54281,10 @@
 				"async": {
 					"description": "For classic scripts, if the async attribute is present, then the classic script will be fetched in parallel to parsing and evaluated as soon as it is available. For module scripts, if the async attribute is present then the scripts and all their dependencies will be fetched in parallel to parsing and evaluated as soon as they are available. Warning: This attribute must not be used if the src attribute is absent (i.e., for inline scripts) for classic scripts, in this case it would have no effect. This attribute allows the elimination of parser-blocking JavaScript where the browser would have to load and evaluate scripts before continuing to parse. defer has a similar effect in this case. If the attribute is specified with the defer attribute, the element will act as if only the async attribute is specified. This is a boolean attribute: the presence of a boolean attribute on an element represents the true value, and the absence of the attribute represents the false value. See Browser compatibility for notes on browser support. See also Async scripts for asm.js.",
 					"type": "Boolean",
-					"condition": ["[src]", "[type='module' i]"],
+					"condition": [
+						":not([type='importmap' i]):not([type='speculationrules' i])[src]",
+						"[type='module' i]"
+					],
 					"ineffective": ":not([src]):not([type='module' i])"
 				},
 				"attributionsrc": {
@@ -54177,11 +54299,13 @@
 						},
 						"separator": "space",
 						"unique": true
-					}
+					},
+					"condition": ":not([type='importmap' i]):not([type='speculationrules' i])"
 				},
 				"charset": {
 					"description": "If present, its value must be an ASCII case-insensitive match for utf-8. It's unnecessary to specify the charset attribute, because documents must use UTF-8, and the script element inherits its character encoding from the document.",
-					"deprecated": true
+					"deprecated": true,
+					"condition": "[src]"
 				},
 				"crossorigin": {
 					"description": "Normal script elements pass minimal information to the window.onerror for scripts which do not pass the standard CORS checks. To allow error logging for sites which use a separate domain for static media, use this attribute. See CORS settings attributes for a more descriptive explanation of its valid arguments."
@@ -54189,7 +54313,7 @@
 				"defer": {
 					"description": "This Boolean attribute is set to indicate to a browser that the script is meant to be executed after the document has been parsed, but before firing DOMContentLoaded event. Scripts with the defer attribute will prevent the DOMContentLoaded event from firing until the script has loaded and finished evaluating. Warning: This attribute must not be used if the src attribute is absent (i.e., for inline scripts), in this case it would have no effect. The defer attribute has no effect on module scripts — they defer by default. Scripts with the defer attribute will execute in the order in which they appear in the document. This attribute allows the elimination of parser-blocking JavaScript where the browser would have to load and evaluate scripts before continuing to parse. async has a similar effect in this case. If the attribute is specified with the async attribute, the element will act as if only the async attribute is specified.",
 					"type": "Boolean",
-					"condition": "[src]",
+					"condition": ":not([type='importmap' i]):not([type='speculationrules' i])[src]",
 					"ineffective": ["[type='module' i]", ":not([src])", "[async]"]
 				},
 				"fetchpriority": {
@@ -54197,7 +54321,7 @@
 				},
 				"integrity": {
 					"description": "This attribute contains inline metadata that a user agent can use to verify that a fetched resource has been delivered without unexpected manipulation. The attribute must not be specified when the src attribute is absent. See Subresource Integrity.",
-					"condition": "[src]"
+					"condition": ":not([type='importmap' i]):not([type='speculationrules' i])[src]"
 				},
 				"language": {
 					"description": "Like the type attribute, this attribute identifies the scripting language in use. Unlike the type attribute, however, this attribute's possible values were never standardized. The type attribute should be used instead.",
@@ -54207,7 +54331,7 @@
 				"nomodule": {
 					"description": "This Boolean attribute is set to indicate that the script should not be executed in browsers that support ES modules — in effect, this can be used to serve fallback scripts to older browsers that do not support modular JavaScript code.",
 					"type": "Boolean",
-					"condition": ":not([type='module' i])"
+					"condition": ":not([type='module' i]):not([type='importmap' i]):not([type='speculationrules' i])"
 				},
 				"nonce": {
 					"description": "A cryptographic nonce (number used once) to allow scripts in a script-src Content-Security-Policy. The server must generate a unique nonce value each time it transmits a policy. It is critical to provide a nonce that cannot be guessed as bypassing a resource's policy is otherwise trivial."
@@ -54217,14 +54341,15 @@
 				},
 				"src": {
 					"description": "This attribute specifies the URI of an external script; this can be used as an alternative to embedding a script directly within a document.",
-					"type": "URL"
+					"type": "URL",
+					"condition": ":not([type='importmap' i]):not([type='speculationrules' i])"
 				},
 				"type": {
 					"description": "This attribute indicates the type of script represented. The value of this attribute will be one of the following: Attribute is not set (default), an empty string, or a JavaScript MIME type Indicates that the script is a \"classic script\", containing JavaScript code. Authors are encouraged to omit the attribute if the script refers to JavaScript code rather than specify a MIME type. JavaScript MIME types are listed in the IANA media types specification. importmap This value indicates that the body of the element contains an import map. The import map is a JSON object that developers can use to control how the browser resolves module specifiers when importing JavaScript modules. module This value causes the code to be treated as a JavaScript module. The processing of the script contents is deferred. The charset and defer attributes have no effect. For information on using module, see our JavaScript modules guide. Unlike classic scripts, module scripts require the use of the CORS protocol for cross-origin fetching. speculationrules Experimental This value indicates that the body of the element contains speculation rules. Speculation rules take the form of a JSON object that determine what resources should be prefetched or prerendered by the browser. This is part of the Speculation Rules API. Any other value The embedded content is treated as a data block, and won't be processed by the browser. Developers must use a valid MIME type that is not a JavaScript MIME type to denote data blocks. All of the other attributes will be ignored, including the src attribute.",
 					"type": [
 						"MIMEType",
 						{
-							"enum": ["module", "importmap"],
+							"enum": ["module", "importmap", "speculationrules"],
 							"caseInsensitive": true
 						}
 					]
@@ -55388,7 +55513,7 @@
 			"contentModel": {
 				"contents": [
 					{
-						"require": "#text"
+						"require": "#nonEmptyText"
 					}
 				]
 			},
@@ -55461,7 +55586,8 @@
 			"description": "The <track> HTML element is used as a child of the media elements, <audio> and <video>. Each track element lets you specify a timed text track (or time-based data) that can be displayed in parallel with the media element, for example to overlay subtitles or closed captions on top of a video or alongside audio tracks. Multiple tracks can be specified for a media element, containing different kinds of timed text data, or timed text data that has been translated for different locales. The data that is used will either be the track that has been set to be the default, or a kind and translation based on user preferences. The tracks are formatted in WebVTT format (.vtt files) — Web Video Text Tracks.",
 			"categories": [],
 			"contentModel": {
-				"contents": false
+				"contents": false,
+				"uniqueAttrs": ["default"]
 			},
 			"aria": {
 				"implicitRole": false,
@@ -55689,11 +55815,11 @@
 					"width"
 				],
 				"#HTMLGlobalAttrs": true,
-				"#HTMLLinkAndFetchingAttrs": ["crossorigin"]
+				"#HTMLLinkAndFetchingAttrs": ["crossorigin", "loading"]
 			},
 			"attributes": {
 				"autoplay": {
-					"description": "A Boolean attribute; if specified, the video automatically begins to play back as soon as it can without stopping to finish loading the data. Note: Modern browsers block audio (or videos with an unmuted audio track) from autoplaying, as sites that automatically play audio can be an unpleasant experience for users. See our autoplay guide for additional information about how to properly use autoplay. To disable video autoplay, autoplay=\"false\" will not work; the video will autoplay if the attribute is there in the <video> tag at all. To remove autoplay, the attribute needs to be removed altogether."
+					"description": "A Boolean attribute; if specified, the video automatically begins to play back as soon as it can without stopping to finish loading the data. Note: Modern browsers block audio (or videos with an unmuted audio track) from autoplaying, as sites that automatically play audio can be an unpleasant experience for users. See our autoplay guide for additional information about how to properly use autoplay. To disable video autoplay, autoplay=\"false\" will not work; the video will autoplay if the attribute is there in the <video> tag at all. To remove autoplay, the attribute needs to be removed altogether. Note: Videos with the loading=\"lazy\" attribute set will not start downloading and autoplaying until the element is near or within the viewport."
 				},
 				"controls": {
 					"description": "If this attribute is present, the browser will offer controls to allow the user to control video playback, including volume, seeking, and pause/resume playback."
@@ -55722,6 +55848,10 @@
 				"height": {
 					"description": "The height of the video's display area, in CSS pixels (absolute values only; no percentages)."
 				},
+				"loading": {
+					"description": "Indicates how the browser should load the video (including any poster image): eager Loads the video immediately, regardless of whether or not the video is currently within the visible viewport (this is the default value). lazy Defers loading the video until it reaches a calculated distance from the viewport, as defined by the browser. Lazy loading avoids the network and storage bandwidth required to handle the video until it's reasonably certain that it will be needed. This improves the performance in most typical use cases. While explicit width and height attributes are recommended for all videos to avoid layout shift, they are especially important for lazy-loaded ones. Lazy-loaded videos will never be loaded if they do not intersect a visible part of an element, even if loading them would change that, because unloaded videos have a width and height of 0. It creates an even more disruptive user experience when the content visible in the viewport reflows in the middle of reading it. Lazy-loaded videos located in the visual viewport may not yet be visible when the Window load event is fired. This is because the event is fired based on eager-loaded videos — lazy-loaded videos are not considered even if they are located within the visual viewport upon initial page load. Loading is only deferred when JavaScript is enabled. This is an anti-tracking measure, because if a user agent supported lazy loading when scripting is disabled, it would still be possible for a site to track a user's approximate scroll position throughout a session, by strategically placing videos in a page's markup such that a server can track how many videos are requested and when. Note: The loading=\"lazy\" attribute also impacts the autoplay, poster, and preload attributes, as described in each of those sections of the page.",
+					"experimental": false
+				},
 				"loop": {
 					"description": "A Boolean attribute; if specified, the browser will automatically seek back to the start upon reaching the end of the video."
 				},
@@ -55733,11 +55863,11 @@
 					"type": "Boolean"
 				},
 				"poster": {
-					"description": "A URL for an image to be shown while the video is downloading. If this attribute isn't specified, nothing is displayed until the first frame is available, then the first frame is shown as the poster frame.",
+					"description": "A URL for an image to be shown while the video is downloading. If this attribute isn't specified, nothing is displayed until the first frame is available, then the first frame is shown as the poster frame. Note: Videos with the loading=\"lazy\" attribute set will only download the poster resource once the video is near or within the viewport.",
 					"type": "URL"
 				},
 				"preload": {
-					"description": "This enumerated attribute is intended to provide a hint to the browser about what the author thinks will lead to the best user experience regarding what content is loaded before the video is played. It may have one of the following values: none: Indicates that the video should not be preloaded. metadata: Indicates that only video metadata (e.g., length) is fetched. auto: Indicates that the whole video file can be downloaded, even if the user is not expected to use it. empty string: A synonym of the auto value. The default value is different for each browser. The spec advises it to be set to metadata. Note: The autoplay attribute has precedence over preload. If autoplay is specified, the browser would obviously need to start downloading the video for playback. The specification does not force the browser to follow the value of this attribute; it is a mere hint."
+					"description": "This enumerated attribute is intended to provide a hint to the browser about what the author thinks will lead to the best user experience regarding what content is loaded before the video is played. It may have one of the following values: none: Indicates that the video should not be preloaded. metadata: Indicates that only video metadata (e.g., length) is fetched. auto: Indicates that the whole video file can be downloaded, even if the user is not expected to use it. empty string: A synonym of the auto value. The default value is different for each browser. The spec advises it to be set to metadata. Note: Videos with the loading=\"lazy\" attribute set will only apply the preload behavior once the video is near or within the viewport. The autoplay attribute has precedence over preload. If autoplay is specified, the browser would obviously need to start downloading the video for playback. The specification does not force the browser to follow the value of this attribute; it is a mere hint."
 				},
 				"src": {
 					"description": "The URL of the video to embed. This is optional; you may instead use the <source> element within the video block to specify the video to embed."
@@ -57439,7 +57569,7 @@
 			},
 			"attributes": {
 				"keyPoints": {
-					"description": "This attribute indicate, in the range [0,1], how far is the object along the path for each keyTimes associated values. Value type: <number>*; Default value: none; Animatable: no",
+					"description": "This attribute indicates, in the range [0,1], how far the object is along the path for each associated value in keyTimes. Value type: <number>*; Default value: none; Animatable: no",
 					"type": "<key-points>"
 				},
 				"origin": {
@@ -61426,7 +61556,7 @@
 					"defaultValue": "120%"
 				},
 				"mask-type": {
-					"description": "This attribute defines the mask mode for the contents for the contents of the <mask>. Value type: alpha | luminance; Default value: luminance; Animatable: yes"
+					"description": "This attribute defines the mask mode for the contents of the <mask>. Value type: alpha | luminance; Default value: luminance; Animatable: yes"
 				},
 				"maskContentUnits": {
 					"description": "This attribute defines the coordinate system for the contents of the <mask>. Value type: userSpaceOnUse | objectBoundingBox; Default value: userSpaceOnUse; Animatable: yes",